@charset "utf-8";
.neibanner{ position:relative; padding-top:170px;}
.neiwz{ position:absolute; left:0; top:280px; width:100%;color: #fff;}
.neiwz h1{text-align: center;}
.neiwz p{text-align: center;width: 80%;margin: 0 auto;padding: 20px 0;}
.header{
	background: #fafafa;
}
.neiContent.scroll{
	margin-top: 90px;
}
.neiNav{
	width: 100%;
	height: 70px;
	background: #ffffff;
	display: table;
	line-height: 70px;
	table-layout: fixed;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
.neiNav .leftnav{
	width: 20%;
	display: table-cell;
	font-size: 14px;overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.neiNav .leftnav em{
	display: inline-block;
	vertical-align: middle;
	width: 20px;
	height: 11px;
	background: url(../img/i10.png) no-repeat center;
}
.neiNav .leftnav a{
	color: #333;
}
.neiNav .leftnav span{
	color: #993300;
}
.neiNav .rightnav{
	width: 100%;
	display: table-cell;
}
.neiNav .rightnav ul{
	display: flex;
	display: -webkit-flex;
	width: 100%;
	justify-content:center;
	-webkit-justify-content:center;
}
.neiNav .rightnav li{
/*	width: 20%;*/
	text-align: center; margin: 0 20px;overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.neiNav .rightnav li a{
	display: inline-block;
	line-height: 68px; font-weight: bold;
}
.neiNav .rightnav li a:hover,.neiNav .rightnav li.on a{
	color: #98140a;
	border-bottom: 2px solid #98140a;
}
.page{
	padding: 4% 0;
	text-align: center;
	font-size: 0;
}
.page a{
	display: inline-block;
	/*width: 40px;*/
	height: 35px;
	line-height: 35px;
	font-size: 14px;
	color: #333;
	vertical-align: middle;
	margin: 0 5px;
	border: 1px solid #ddd;
	padding: 0 10px;
}
.page a:hover,.page a.on{
	color: #fff;
	background: #333333;
}
.page a.prev,.page a.next{
	width: 75px;
}
.gyBox{
	padding: 50px 3%;
	background: url(../img/b9.jpg) no-repeat center;
	background-size:cover ;
	-webkit-background-size:cover ;
}
.gyBox .boxin{
	max-width: 1490px;
	margin: 0 auto;
	width: 100%;
}
.gyBox  .topWord .text{
	font-size: 16px;
	line-height: 2.4em;
	margin: 1em auto 1.5em;
}
.gyBox  .topWord>img{
	width: 28.5%;
	float: right;
}
.gyBox  .topWord .inbox{
	float: left;
	width: 55%;
	padding-bottom: 3%;
}
.gyBox  .topWord .inbox h2{
	font-size: 40px;
	color: #ab1f14;
	margin: 2em auto .8em;
}
.gyBox  .topWord .inbox p{
	color: #333333;
	font-size: 20px;
	line-height: 2em;
}
.gyBox  .topWord .sm{
	padding: 1em;
	color: #666666;
	font-size: 16px;
	line-height: 2em;
	background: rgba(133,133,133,.1);
}
.jlList{
	padding: 30px 0;
	background-color:#fff;
	background-image:url(../img/b10.jpg);
	background-repeat:no-repeat;
	background-position:center bottom;
}
.jlList li{
	float: left;
	width: 50%;
	padding: 0 2%;
}
.jlList li>h2{
	font-size: 24px;
	color: #d31411;
	line-height: 90px;
	height: 90px;
	font-weight: normal;
	width: 100%;
	overflow: hidden;
}
.jlList li .box{
	padding: 15px 20px 20px;
	overflow: hidden;
	border: 1px dashed #ddd;
	border-radius: 4px;
	position: relative;
}
.jlList li .box .text{
	top: 15px;
	height: 12em;
	overflow: hidden;
	font-size: 16px;
	color: #666666;
	line-height: 2em;
}
.jlList li .more{
	position: absolute;
	width: 100%;
	height: 20px;
	background: url(../img/i11.png) no-repeat center;
	left: 0;
	bottom: 5px;
	cursor: pointer;
}
.jlList li.on .more{
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
}
.jlList li.on  .box .text{
	height: auto;
}
.tdBox{
	position: relative;
	width: 116px;
	height: 33px;
	background: #000000;
	color: #fff;
	font-size: 16px;
	border-radius: 4px;
	text-align: center;
	line-height: 33px;
	margin: 30px 0 20px;
}
.tdBox .btn{
	width: 116px;
	height: 33px;
	opacity: 0;
	visibility: visible;
	position: relative;
	z-index: 2;
}
.tdBox span{
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1;
	top: 0;
	left: 0;
}
.neibanner img{
	display: block;
	width: 100%;
}
.neibanner2{
	position: relative;
	padding-top: 26.5625%;
	overflow: hidden;
}
video.bg{
	width: 100%;
	position: absolute;
	height: auto;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	-webkit-transform:translateY(-50%);
}
/*分公司*/
.fgsList{
	max-width: 1590px;
	margin: 0 auto;
	width: 100%;
}
.fgsList .title{
	padding: 30px;
	line-height: 85px;
	color: #666666;
	display: inline-block;
}
.fgsList .title h2,.fgsList .title p{
	display: inline-block;
	font-weight: normal;
}
.fgsList .title h2{
	font-size: 60px;
	padding-right: 10px;
	margin-right: 10px;
	position: relative;
}
.fgsList .title p{
	font-size: 20px;
}
.fgsList .title h2:before{
	content: '';
	width: 77px;
	height: 85px;
	position: absolute;
	right: -50px;
	top: 0;
	background: url(../img/i12.png) no-repeat center;
}
.fgsList li{
	background: url(../img/b16.jpg) no-repeat right bottom;
	margin-bottom: 2%;
}
.fgsList li.a{
	margin-bottom: 4%;
}
.fgsList .left{
	float: left;
	text-align: left;
	position: relative;
}
.fgsList .right{
	float: right;
	text-align: right;
}
.fgsList .a .left{
	padding-left: 50px;
	width: 55%;
}
.fgsList .a .left>p{
	position: absolute;
	bottom: 0;
	left: 0;
	font-size: 38px;
	color: #cccccc;
	font-style: italic;
	text-align: center;
	text-transform: uppercase;
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	transform-origin:top right;
}
.fgsList .a .left .img{
	width: 100%;
	position: relative;
	padding-top: 63%;
}
.fgsList .a .left .img img{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	display: none;
}
.fgsList .a .left .img img:first-child{
	display: block;
}
.fgsList .a .right{
	width: 40%;
	padding-bottom: 70px;
	padding-top: 30px;
	position: relative;
}
.fgsList .a .right:before{
	content: '';
	width: 66px;
	height: 66px;
	position: absolute;
	top: -80px;
	right: 30px;
	background: url(../img/b17.jpg) no-repeat center;
}
.fgsList .right>h2{
	font-weight: normal;
	font-size: 20px;
	color: #333333;
	line-height: 2em;
	margin-bottom: .5em;
}
.fgsList .right>h2 span{cursor: pointer;}
.fgsList .right>h2 span.on,.fgsList .right>h2 span:hover{color: #ab1f14;}
.fgsList .right .text{
	text-align: justify;
	background: #fff;
	display: none;
}
.fgsList .right .text:first-child{
	display: block;
}
.fgsList .right a{
	margin-top: 3em;
	display: block;
	width: 180px;
	height: 36px;
	line-height: 36px;
	color: #666;
	text-align: center;
	font-size: 16px;
	border-radius: 4px;
	border: 1px solid #ddd;
	background-color:#fff ;
}
.fgsList .right a:hover{
	color: #fff;
	background: #981208;
}
.fgsList .b .title{
	background: url(../img/b15.jpg) no-repeat  center;
}
.fgsList .b .left{
	float: right;
	width: 55%;
	position: relative;
	padding-top: 44.55%;
	background: url(../img/b14.jpg) no-repeat right center;
	background-size:auto 100%;
	-webkit-background-size:auto 100%;
}
.fgsList .b .right{
	text-align: left;
	float: left;
	width: 40%;
	padding-bottom: 40px;
	background: url(../img/i13.png) no-repeat left bottom;
}
.fgsList .b .left .img{
	position: absolute;
	width: 94%;
	right: 5%;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
.fgsList .b .left .img img{
	width: 100%;
}
@media only screen and (max-width:1700px ) {
	.fgsList{
		padding: 0 4%;
	}
	.fgsList .a .left>p{
		font-size: 20px;
	}
}

/*动效*/
.fgsList li.a .left,.fgsList li.b .right{
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	opacity: 0;
	transition: all .8s ease;
	-webkit-transition: all .8s ease;
}
.fgsList li.a .right,.fgsList li.b .left{
	transform: translateX(50%);
	-webkit-transform: translateX(50%);
	opacity: 0;
	transition: all .8s ease;
	-webkit-transition: all .8s ease;
}
.fgsList li.cur .box>div{
	transform: none !important;
	-webkit-transform: none !important;
	opacity: 1 !important;
}

/*社会责任*/
.shzr .box1{
	padding: 5% 2%;
	font-size: 0;
}
.shzr .box1 .left{
	display: inline-block;
	width: 41%;
	padding-top: 35.7%;
	position: relative;
	background: url(../img/b27.jpg) no-repeat center;
	background-size:cover;
	-webkit-background-size:cover;
	vertical-align: middle;
}
.shzr .box1 .left img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	top: -15px;
	left: -15px;
	transition: all .5s ease;
	-webkit-transition: all .5s ease;
}
.shzr .box1 .left:hover img{
	top: -20px;
	left: -20px;
}
.shzr .box1 .right{
	width: 59%;
	display: inline-block;
	vertical-align: middle;
}
.shzr .box1 .right .tit{
	font-size: 26px;
	color: #333333;
	line-height: 2em;
	font-weight: normal;
}
.shzr .box1 .right .tit em{
	display: inline-block;
	width: 102px;
	height: 2px;
	margin-left: 10px;
	background: url(../img/i14.png) no-repeat center;
	vertical-align: baseline;
}
.shzr .box1 .right .word{
	padding: 0 10%;
}
.shzr .box1 .right .word .text{
	margin: 2em auto 3em;
}
.shzr .box1 .right li{
	float: left;
	width: 25%;
	text-align: center;
	font-size: 24px;
	color: #333;
}
.shzr .box1 .right li i{
	display: block;
	width: 90px;
	height: 90px;
	margin: 0 auto 20px;
	background: url(../img/icon3.png) no-repeat;
	transition: all .5s ease;
	-webkit-transition: all .5s ease;
}
.shzr .box1 .right li p{
	color: #333;
}
.shzr .box1 .right li i.i1{background-position: 0 0;}
.shzr .box1 .right li i.i2{background-position: 0 -90px;}
.shzr .box1 .right li i.i3{background-position: 0 -180px;}
.shzr .box1 .right li i.i4{background-position: 0 -270px;}

.shzr .box1 .right li a:hover i.i1{background-position: -90px 0;}
.shzr .box1 .right li a:hover i.i2{background-position: -90px -90px;}
.shzr .box1 .right li a:hover i.i3{background-position: -90px -180px;}
.shzr .box1 .right li a:hover i.i4{background-position: -90px -270px;}

@media only screen and (max-width:1700px ) {
	.shzr .box1 .right .tit{
		font-size: 22px;
	}
	.shzr .box1 .right li{
		font-size: 20px;
	}
}
.shzr .box2{
	padding-top: 5%;
	padding-bottom: 5%;
	background: #fafafa;
	position: relative;
	overflow: hidden;
}
.shzr .box2>img{
	position: absolute;
	width: 50%;
	z-index: 2;
}
.shzr .box2 .imgt{
	top: 0;
	left: 0;
}

.shzr .box2 .imgb{
	bottom: 0;
	right: 0;
}
.shzr .box2 .center{
	width: 1240px;
	margin: 0 auto;
	max-width: 100%;
	background: #fff;
	position: relative;
}
.shzr .box2 .in{
	float: left;
	width: 50%;
}
.shzr .box2 .in1{
	padding-top: 29%;
} 
.shzr .box2 .word{
	padding: 10% 8%;
	min-height: 700px;
}
.shzr .box2 .word .tit{
	font-weight: normal;
	color: #333;
	font-size: 40px;
	line-height: 2em;
}
.shzr .box2 .in1 .word{
	padding-right: 240px;
	background: url(../img/b30.jpg) no-repeat left bottom;
	background-size:auto 100%;
	-webkit-background-size:auto 100%;
}
.shzr .box2 .in2 .word{
	padding-left: 240px;
	background: url(../img/b31.jpg) no-repeat right top;
	padding-top: 340px;
	background-size:auto 100%;
	-webkit-background-size:auto 100%;
}
.shzr .box2 .centerbox{
	position: absolute;
	width: 349px;
	height: 670px;
	background: url(../img/b32.jpg) no-repeat center top;
	padding: 40px;
	z-index: 3;
	left: 50%;
	top: 50%;
	margin-left: -175px;
	margin-top: -335px;
}
.shzr .box2 .centerbox img{
	display: block;
	height: 100%;
	margin: 0 auto;
}

@media only screen and (max-width:1700px) {
	.shzr .box2 .word .tit{
		font-size: 30px;
	}
	.shzr .box2 .word{
		min-height: 540px;
	}
	.shzr .box2 .in2 .word{
		padding-top: 280px;
	}
	.shzr .box2 .centerbox{
		width: 280px;
		height: 500px;
		margin-left: -140px;
		margin-top: -250px;
	}
	.shzr .box2 .in1{
		padding-top: 25%;
	}
}
.shzr .box3{
	padding-top: 3%;
	background: url(../images/b33.jpg) no-repeat center;
	background-size:cover;
	-webkit-background-size:cover;
}
.shzr .box3 .pubtitle{
	margin-bottom: 3%;
}
.shzr .box3 .inner{
	/*padding-top: 4%;*/
	padding-bottom: 4%;
}
.shzr .box3 .inner .text{
	color: #333;
	text-align: center;
	margin-bottom: 4%;
}
.shzr .box3 .inner li{
	float: left;
	width: 19%;
	padding:1%;
	margin: 0 0.5%;
	border: 1px solid #a21d13;
}
.shzr .box3 .inner li img{
	display: block;
	margin: 0 auto;
	width: 100%;
}
.shzr .box4 .pubtitle{
	padding: 3% 0 2%;
}
.shzr .box4 li{
	float: left;
	width: 25%;
	padding:0 1.5% 2%;
}
.shzr .box4 li .date{
	width: 250px;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	border: 1px solid #ddd;
	line-height: 50px;
	color: #333;
	font-size: 20px;
}
.shzr .box4 li span.mouth{
	flex: 1;
	-webkit-flex: 1;
	text-align: center;
}
.shzr .box4 li .day{
	width: 80px;
	font-size: 1.2em;
	text-align: center;
	border-right: 1px solid #ddd;
}
.shzr .box4 li h2{
	width: 100%;
	height: 2em;
	line-height: 2em;
	font-size: 20px;
	color: #333;
	font-weight: normal;
	margin: 1em 0 .5em;
	overflow: hidden;
	white-space:nowrap; 
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
}
.shzr .box4 li p{
	font-size: 16px;
	color: #333;
	line-height: 2em;
	height: 6em;
	overflow : hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	word-break: normal; 
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	margin-bottom: 2em;
}
.shzr .box4 li em{
	display: block;
	width: 37px;
	height: 36px;
	background: url(../images/i16.png) no-repeat center;
	transition: all .5s ease;
	-webkit-transition: all .5s ease;
	margin: 0 auto;
}
.shzr .box4 li:hover h2{
	color: #930713;
}
.shzr .box4 li:hover em{
	transform: translateY(-10px);
	-webkit-transform: translateY(-10px);
}
.gyNewBox{
	padding-bottom: 3%;
	position: relative;
}
.gyNewBox .swiper-pagination{
	width: 100%;
	text-align: center;
	left: 0 ;
	bottom: 4%;
}
.gyNewBox .swiper-pagination span{
	margin: 0 5px;
}
.gyNewBox .swiper-pagination span.swiper-pagination-bullet-active{
	background: #930713;
}
/*动效*/
.shzr .box1>div{
	opacity: 0;
	transition: all .8s ease .5s;
	-webkit-transition: all .8s ease .5s;
}
.shzr .box1 .left{
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}
.shzr .box1 .right{
	transform: translateX(50%);
	-webkit-transform: translateX(50%);
}
.shzr .box1.cur>div{
	opacity: 1;
	transform: none;
	-webkit-transform: none;
}
.shzr .box2>img{
	opacity: 0;
}
.shzr .box2>img.imgt{
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transition:  all .8s ease-in-out .5s;
	-webkit-transition:  all .8s ease-in-out .5s;
}
.shzr .box2>img.imgb{
	transform: translateY(50%);
	-webkit-transform: translateY(50%);
	transition:  all .8s ease-in-out .5s;
	-webkit-transition:  all .8s ease-in-out .5s;
}
.shzr .box2.cur>img{
	opacity: 1;
	transform: none;
	-webkit-transform: none;
}
.shzr .box2 .in{
	opacity: 0;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
.shzr .box2 .in.in1{
	transition:  all 1.5s ease-in-out 1s;
	-webkit-transition:  all 1.5s ease-in-out 1s;
}
.shzr .box2 .in.in2{
	transform: translateY(-20%);
	-webkit-transform: translateY(-20%);
	transition:  all 1s ease-in-out 1.5s;
	-webkit-transition:  all 1s ease-in-out 1.5s;
}
.shzr .box2.cur .in{
	opacity: 1;
	transform: none;
	-webkit-transform: none;
}
.shzr .box2 .imgb.cur{
	opacity: 1;
	transform: none;
	-webkit-transform: none;
}
.shzr .box3 li{
	opacity: 0;
	transform: translateY(-30%);
	-webkit-transform: translateY(-30%);
}
.shzr .box3 li.cur{
	opacity: 1;
	transform: none;
	-webkit-transform: none;
}
.shzr .box3 li:nth-child(1){
	transition: all ease .4s .2s;
}
.shzr .box3 li:nth-child(2){
	transition: all ease .4s .4s;
}
.shzr .box3 li:nth-child(3){
	transition: all ease .4s .6s;
}
.shzr .box3 li:nth-child(4){
	transition: all ease .4s .8s;
}
.shzr .box3 li:nth-child(5){
	transition: all ease .4s 1s;
}
.shzr .box4 .gyNewBox{
	transition: all ease .8s .2s;
	/*opacity: 0;*/
	transform: translateY(5%);
	-webkit-transform: translateY(5%);
}	
.shzr .box4 .gyNewBox.cur{
	opacity: 1;
	transform: none;
	-webkit-transform: none;
}
/*.shzr .box4 li:nth-child(1){
	transition: all ease .4s .2s;
}
.shzr .box4 li:nth-child(2){
	transition: all ease .4s .4s;
}
.shzr .box4 li:nth-child(3){
	transition: all ease .4s .6s;
}
.shzr .box4 li:nth-child(4){
	transition: all ease .4s .8s;
}*/

/*党群建设*/
.dqjs{
	padding-top: 3%;
	padding-bottom: 2%;
}
.dqjs .inner{
	padding-right: 490px;
	position: relative;
	min-height: 900px;
}
.dqjsBox{
	width: 100%;
}
.dqjsBox .topbox{
	padding: 3%;
	background: url(../img/b40.jpg) no-repeat center;
	background-size:cover ;
	font-size: 20px;
}
.dqjsBox .topbox h2{
	font-size: 1.2em;
	line-height: 1em;
	border-left: 2px solid #930713;
	padding-left: 1em;
	color: #333;
	margin-bottom: 1em;
}
.dqjsBox .topbox p{
	font-size: 1em;
	line-height: 2em;
	color: #333;
}
.dqjsBox .list li{
	border-bottom: 1px solid #ddd;
	padding: 3% 0;
}
.dqjsBox .list li a{
	display: block;
}
.dqjsBox .list li h2{
	font-size: 24px;
	color: #333333;
	line-height: 2em;
	height: 2em;
	font-weight: normal;
	margin-bottom: .4em;
	overflow: hidden;
	white-space:nowrap; 
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
}
.dqjsBox .list li p{
	font-size: 16px;
	color: #333333;
	line-height: 2em;
	height: 2em;
	margin-bottom: .4em;
	overflow: hidden;
	white-space:nowrap; 
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
}
.dqjsBox .list li span{
	font-size: 16px;
	color: #999999;
	display: block;
	line-height: 2em;
}
.dqjsBox .list li span em{
	display: inline-block;
	vertical-align: middle;
	margin-right:10px;
	width: 15px;
	height: 15px;
	background: url(../img/i17.png) no-repeat center;
	margin-top: -2px;
}
.dqjsBox .list li:hover{
	border-bottom: 1px solid #930713;
}
.dqjsBox .list li:hover h2{
	color: #930713;
}
.rmtjbox{
	position: absolute;
	width: 425px;
	top: 0;
	right: 0;
}
.cetitle{
	color: #ab1f14;
	font-size: 24px;
	line-height: 2em;
	background: url(../img/i18.png) no-repeat 120px center;
	margin-bottom: 5%;
}
.cetitle span{
	padding-right: 25px;
	background: #fff;
}
.tjList li{
	padding-bottom: 5%;
	margin-bottom: 3%;
}
.tjList .img{
	width: 100%;
	position: relative;
	padding-top: 65.17%;
	overflow: hidden;
	margin-bottom: 3%;
}
.tjList .img img{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	transition: all .8s ease;
	-webkit-transition: all .8s ease;
}
.tjList h2{
	font-size: 20px;
	color: #333333;
	line-height: 2em;
	height: 2em;
	font-weight: normal;
	overflow: hidden;
	white-space:nowrap; 
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
}
.tjList p{
	font-size: 16px;
	color: #666666;
	line-height: 2em;
	height: 4em;
	overflow : hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	word-break: normal; 
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.tjList li:hover img{
	transform: scale(1.15);
	-webkit-transform: scale(1.15);
	opacity: .8;
}
.tjList li:hover h2{
	color: #930713;
}

@media only screen and (max-width:1700px) {
	.dqjsBox .topbox{
		font-size: 16px;
	}
	.dqjsBox .list li h2{
		font-size: 18px;
	}
	.dqjsBox .list li span{
		font-size: 14px;
	}
	.dqjs .inner{
		padding-right: 400px;
	}
	.rmtjbox{
		width: 360px;
	}
	.cetitle{
		font-size: 20px;
	}
	.tjList h2{
		font-size: 18px;
	}
	.dqjs .inner{
		min-height: 800px;
	}
}
.news{
	padding-top: 2%;
	padding-bottom: 2%;
}
.news .inner{
	position: relative;
	padding-right:32%;
}
.news2 .inner{
	padding-right: 0px;
	max-width: 1500px;
	margin: 0 auto;
}
.news3 .inner{
	padding-right: 0px;
	max-width: 100%;
	margin: 0 auto;
}
.newsBox .topbox{
	position: relative;
	display: block;
	overflow: hidden;
}
.newsBox .topbox img{
	display: block;
	width: 100%;
	transition: 1s ease;
	-webkit-transition: 1s ease;
}
.newsBox .topbox .word{
	position: absolute;
	width: 100%;
	bottom: 0;
	padding: 2% 3%;
	background: url(../img/i19.png) no-repeat center;
	background-size:100% 100%;
	-webkit-background-size:100% 100%;
	color: #fff;
	z-index: 2;
}
.newsBox .topbox .word h2{
	font-size: 20px;
	line-height: 2em;
	height: 2em;
	overflow: hidden;
	white-space:nowrap; 
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	font-weight: normal;
}
.newsBox .topbox .word p{
	font-size: 16px;
}
.newsBox li{
	width: 23%;
	margin-right: 2%;
	margin-bottom: 2%;
	float: left;
}
.newsBox li img{    
    transition: all .8s ease;
    -webkit-transition: all .8s ease;}
 .newsBox li img:hover{transform: scale(1.15);
	-webkit-transform: scale(1.15);
	opacity: .8;}   
.newsBox li a{display: block;}
.newsBox li:nth-child(4n){margin-left: 0;}
.newsBox .swiper-container{
	position: relative;
	margin-bottom: 3%;
}
.newsBox .swiper-pagination{
	position: absolute;
	width: 100%;
	height: 30px;
	bottom: 0;
	line-height: 30px;
	text-align: right;
	padding: 0 20px;
}
.newsBox .swiper-pagination .swiper-pagination-bullet{
	background: #fff;
	opacity: 1;
}
.newsBox .swiper-pagination .swiper-pagination-bullet-active{
	background: #930713;
}
.newsBox .newsList2 li{
	width: 25%;
	margin-left: 0;
	padding: 0 1%;
}

.newsBox li .img{
	position: relative;
	padding-top: 65.17%;
	overflow: hidden;
}
.newsBox li .img img{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.newsBox li .date{
	position: absolute;
	width: 180px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	background: rgba(255,255,255,.8);
	z-index: 2;
	left: 0;
	bottom: 0;
	font-size: 16px;
	color: #666;
	transition: all .8s ease;
	-webkit-transition: all .8s ease;
}
.newsBox li .word{
	padding-bottom: 2%;
}
.newsBox li h2{
	margin: .4em 0;
	font-size: 20px;
	color: #333;
	font-weight: normal;
	line-height: 2em;
	height: 2em;
	/*overflow: hidden;
	white-space:nowrap; 
	text-overflow:ellipsis;*/
	-o-text-overflow:ellipsis;
	text-align: center;
}
.newsBox li p{
	font-size: 18px;
	color: #666666;
	line-height: 1.8em;
	height: 3.6em;
	overflow : hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	word-break: normal; 
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.newsBox li:hover .date{
	background: #930713;
	color: #fff;
	width: 100%;
}
.newsBox li:hover .word h2{
	color: #930713;
}
.rmtjBox2{
	position: absolute;
	top: 0;
	right: 0;
	width: 30%;
}
.rmtjBox2 .cetitle{
	margin-bottom: 0;
}
.rmtjBox2 li a{
	display: flex;
	display: -webkit-flex;
	width: 100%;
	padding: 3% 0;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	overflow: hidden;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	align-items: center;
	-webkit-align-items: center;
}
.rmtjBox2 li .img{
	width: 178px;
	height: 116px;
	margin-right: 15px;
	overflow: hidden;
}
.rmtjBox2 li .img img{
	display: block;
	width: 100%;
	height: 100%;
	transition: all .8s ease;
	-webkit-transition: all .8s ease;
}
.rmtjBox2 li:hover .img img{
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.rmtjBox2 li .word{
	flex: 1;
	-webkit-flex: 1;
	overflow: hidden;
}
.rmtjBox2 li .word h2{
	color: #333;
	font-size: 20px;
	font-weight: normal;
	line-height: 2em;
	height: 2em;
	margin-bottom: .3em;
	overflow: hidden;
	white-space:nowrap; 
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
}
.rmtjBox2 li:hover .word h2{
	color: #930713;
} 
.rmtjBox2 li .word p{
	font-size: 16px;
	color: #666666;
	line-height: 2em;
	height: 4em;
	overflow : hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	word-break: normal; 
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.newsBox .topbox:hover img{
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}

@media only screen and (max-width:1700px ) {
	.newsBox .topbox .word h2{
		font-size: 20px;
	}
	.newsBox li h2{
		font-size: 20px;
	}
	.newsBox li p{
		font-size: 16px;
	}
	.news .inner{
		padding-right: 540px;
	}
	.rmtjBox2{
		width: 500px;
	}
	.rmtjBox2 li .word h2{
		font-size: 18px;
	}
}
@media only screen and (max-width:1500px ){
	.newsBox .topbox .word h2{
		font-size: 16px;
	}
	.newsBox li h2{height:auto;}
}
.newsxqBox .top{
	padding: 2%;
	background: #f8f8f8;
	text-align: center;
	margin-bottom: 3%;
}
.newsxqBox .top h2{
	color: #333;
	font-size: 36px;
	font-weight: normal;
	margin: 1em 0 .5em;
}
.newsxqBox .top p{
	font-size: 20px;
	line-height: 2em;
	color: #999999;
}
@media only screen and (max-width:1700px ){
	.newsxqBox .top h2{
		font-size: 28px;
	}
	.newsxqBox .top p{
		font-size: 16px;
	}
}

.hznrBox{
	padding: 3% 2%;
	background: url(../img/b48.jpg) no-repeat right bottom;
}
.hznrBox ul{
	display: flex;
	display: -webkit-flex;
}

.hznrBox li{
	width: 23.33%;
	margin: 0 5% 2%;
	text-align: center;
	cursor: pointer;
	padding:1% 2%;
	transition: all .8s ease;
	-webkit-transition: all .8s ease;
}
.hznrBox li p{
	font-size: 20px;
	line-height: 2em;
	color: #333;
}
.hznrBox li:hover{
	background: #fff;
	box-shadow: 0 0 20px rgba(230,0,19,.1);
}
.hznrBox li img{
	transition: all 2s ease;
	-webkit-transition: all 2s ease;
}
.hznrBox li:hover img{
	transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
}
.hznrBox ul{
	opacity: 0;
	transform: translateY(-30%);
	-webkit-transform: translateY(-30%);
}
.hznrBox ul.cur{
	opacity: 1;
	transform: none;
	-webkit-transform: none;
	transition: all .8s;
	-webkit-transition: all .8s;
}
@media only screen and (max-width:1920px ) {
	.hznrBox li{
		width: 26.33%;
		margin: 0 3% 2%;
	}
	.hznrBox li p{
		font-size: 18px;
	}
	.hznrBox li img{
		width: 160px;
	}
}
@media only screen and (max-width:1700px ) {
	.hznrBox li{
		width: 30.33%;
		margin: 0 1.5% 2%;
	}
	.hznrBox li p{
		font-size: 16px;
	}
	.hznrBox li img{
		width: 120px;
	}
}
.hzxy .box{
	padding-top: 2%;
	padding-bottom: 2%;
	font-size: 0;
}
.hzxy .boxa{background: #fbfbfb;}
.hzxy .box>div{
	width: 50%;
	display: inline-block;
	padding: 0 2%;
	vertical-align: middle;
}
.hzxy .wordOut h2{
	font-size: 24px;
	color: #333333;
	font-weight: normal;
	line-height: 2em;
	margin-bottom: 1.2em;
}
.hzxy .wordOut h2 span{
	cursor: pointer;
}
.hzxy .wordOut h2 span.on,.hzxy .wordOut h2 span:hover{
	color: #e60013;
}
.hzxy .wordOut .text{
	display: none;
}
.hzxy .wordOut .text:first-child{
	display: block;
}
.hzxy .wordOut .text dl{
	position: relative;
	color: #333333;
	min-height: 2em;
	line-height: 1.8em;
	margin-bottom: 1.5em;
	display: flex;
	display: -webkit-flex;
}
.hzxy .wordOut .text dt{
	height: 1.8em;
	width: auto;
	text-align: center;
	color: #fff;
	background: #e60013;
	padding: 0 5px;
	margin-right: 5px;
}
.hzxy .wordOut .text dd{
	flex: 1;
	-webkit-flex: 1;
}
.hzxy .imgOut .img{
	width: 100%;
	position: relative;
	padding-top: 71%;
	overflow: hidden;
}
.hzxy .imgOut .img img{
	position: absolute;
	width: 100%;
	top: 0;
	height: 100%;
	left: 0;
	display: none;
}
.hzxy .imgOut .img img:first-child{
	display: block;
}
.hzxy .imgOut .img:before{
	content: '';
	position: absolute;
	width: 30px;
	height: 101%;
	top: 0;
	left: 0;
	z-index: 3;
	background: url(../img/i20.png) no-repeat left center;
	background-size:100% 100%;
	-webkit-background-size:100% 100%;
}
.hzxy .boxb .imgOut .img:before{
	left: auto;
	right: 0;
	z-index: 3;
	background: url(../img/i21.png) no-repeat right center;
	background-size:100% 100%;
	-webkit-background-size:100% 100%;
}
/*动效*/
.hzxy .boxa .imgOut img{
	transform: translateX(-100%);
	-webkit-transform: translateX(-100%);
}
.hzxy .boxb .imgOut img{
	transform: translateX(100%);
	-webkit-transform: translateX(100%);
}
.hzxy .box .imgOut img{
	opacity: 0;
	transition: all 1.5s ease .5s;
	-webkit-transition: all 1.5s ease .5s;
}
.hzxy .box .wordOut{
	opacity: 0;
	transition: all 1s ease;
}
.hzxy .box.cur .wordOut{
	opacity: 1;
}
.hzxy .box.cur .imgOut img{
	opacity: 1;
	transform: none;
	-webkit-transform: none;
}
@media only screen and (max-width:1700px) {
	.hzxy .wordOut h2{
		font-size: 20px;
	}
}

/*核心产业*/
.hxcy{
	background: url(../img/c12.jpg) no-repeat center bottom;
	background-size:100% auto;
	-webkit-background-size:100% auto;
}
.hxcy .topWord{
	padding: 2%;
	background: url(../img/c8.jpg) repeat center;
}
.hxcy .topWord h2{
	font-size: 36px;
	font-weight: normal;
	color: #fff;
	line-height: 2em;
	background: url(../img/i22.png) no-repeat center;
	text-align: center;
	margin-bottom: .5em;
}
.hxcy .topWord .text{
	color: #fff;
	text-align: center;
	width: 1160px;
	margin: 0 auto;
}
.hxCase{
	width: 1500px;
	margin: 0 auto;
	padding-top: 4%;
	overflow: hidden;
}
.hxCase h2{
	font-size: 36px;
	color: #333333;
	font-weight: normal;
	line-height: 2em;
	position: relative;
	top: -1em;
	margin-bottom: -1em;
	z-index: 1;
}
.hxCase h2 span{
	background: #fff;
}
.hxCase h2 span em{
	border-radius: 50%;
	width: 18px;
	height: 18px;
	display: inline-block;
	margin-left: 25px;
	background: #c60000;
	vertical-align: middle;
	margin-top: -6px;
}
.hxCase .box {
	border-top: 1px dashed #c70303;
}
.hxCase .box.boxa{
	border-right: 1px dashed #c70303;
	padding-right: 4%;
}
.hxCase .box.boxb{
	padding-left: 3%;
	border-left: 1px dashed #c70303;
}
.hxCase .box .text{
	color: #333;
}
.hxCase .box .inner{
	padding: 2.5% 0 2.5%;
}
.hxCase .box .inner1 ul{
	display: flex;
	display: -webkit-flex;
	margin-bottom: 3%;
	justify-content: space-around;
	justify-content: space-around;
	overflow: hidden;
	width: 100%;
}
.hxCase .box .inner1 li{
	width: 24%;
	/*border: 4px solid #c70303;*/
	overflow: hidden;
	padding: 4px;
}
.hxCase .box .img{
	position: relative;
	width: 100%;
	padding-top: 70%;
}
.hxCase .box p{ text-align:center; padding:10px 0;color: #000; font-size:18px;}
.hxCase .box .img img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.hxCase .box.boxb h2{
	text-align: right;
	margin-right: 5%;
}
.hxCase .box.boxc{
	border-right: 1px dashed #c70303;
}
.hxCase .box.boxc h2{
	margin-left: 5%;
	position:relative;
}
.hxCase .box.boxc h2 span em{
	margin-left: 0;
	margin-right: 25px;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -9px;
}
.hxCase .box.boxc h2 span{
	padding-left: 50px;
}
.hxCase .box.boxc .inner{
	padding-right: 4%;
}
.hxCase .box.boxb h2 span{
	padding-left: 25px;
}
.hxCase .box.boxc h2 span{
	padding-right: 25px;
}
.hxCase .box .inner2{
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	align-items: center;
	-webkit-align-items: center;
}
.hxCase .box .inner2 ul{
	width: 30%;
	margin-right: 3%;
}
.hxCase .box .inner2 ul li{
	border: 4px solid #c70303;
	overflow: hidden;
	padding: 15px;
}
.hxCase .box .inner2 .text{
	flex: 1;
	-webkit-flex: 1;
}
.lastline{
	overflow: hidden;padding-bottom: 5px;
}
.lastline .line{
	display: inline-block;
	width: 50%;
	border-top: 1px dashed #c70303;
	height: 45px;
	border-right:1px dashed #c70303;
	position: relative;
}
.lastline .line em{
	border-radius: 50%;
	width: 18px;
	height: 18px;
	display:block;
	background: #c60000;
	position: absolute;
	bottom: -9px;
	right: -9px;
}
.lastline.rightline{
	text-align: right;
}
.lastline.rightline .line{
	border-right: 0;
	border-left:1px dashed #c70303;
}
.lastline.rightline .line em{
	left: -9px;
	right:auto;
}

/*动效*/
.hxCase .boxa,.hxCase .boxc{
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	opacity: 0;
	transition: all 1.5s ease .3s;
	-webkit-transition: all 1.5s ease .3s;
}
.hxCase .boxb{
	transform: translateX(50%);
	-webkit-transform: translateX(50%);
	opacity: 0;
	transition: all 1.5s ease .3s;
	-webkit-transition: all 1.5s ease .3s;
}
.hxCase .box.cur{
	transform: none;
	-webkit-transform: none;
	opacity: 1;
}
@media only screen and (max-width:1700px) {
	.hxcy .topWord h2,.hxCase h2{
		font-size: 30px;
	}
}
@media only screen and (max-width:1600px) {
	.hxCase{
		width: 1300px;
	}
}
@media only screen and (max-width:1400px) {
	.hxcy .topWord h2,.hxCase h2{
		font-size: 26px;
	}
	.hxCase{
		width: 1160px;
	}
}
/*tx*/
.txTabBox{
	display: table;
	text-align: center;
	height: 150px;
	background: #f7f7f7;
	width: 100%;
	min-width: 1200px;
	table-layout: fixed;
}
.txTabBox li{
	display: table-cell;
	height: 100%;
	vertical-align: middle;
	cursor: pointer;
}
.txTabBox li .img{
	display: block;
	width: 70px;
	height: 70px;
	position: relative;
	overflow: hidden;
	margin: 0 auto;
}
.txTabBox li .img img{
	display: block;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}
.txTabBox li p{
	font-size: 18px;
	color: #333333;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
	margin-top: 0.6em;
}
.txTabBox li:hover p,
.txTabBox li.on p{
	color: #e60013;
}
.txTabBox li:hover .img img,
.txTabBox li.on .img img{
	left: -70px;
}
@media screen and (max-width: 1500px){
	.txTabBox li p{
		font-size: 16px;
	}
	.txTabBox{
		height: 130px;
	}
	.txTabBox li .img{
		width: 50px;
		height: 50px;
	}
	.txTabBox li:hover .img img,
	.txTabBox li.on .img img{
		left: -50px;
	}
}
.txPar{
	padding: 3% 2% 6% 2%;
    background: #fff url(../img/tx/bg.png) no-repeat center bottom;
}
.txPar .txTit{
	font-size: 24px;
	color: #333333;
	text-align: center;
	padding: 1em 0;
}
.txPar .txLogo{
	font-size: 20px;
}
.txPar ul{
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
.txPar ul li{
	float: left;
	height: 6.7em;
}
.txPar ul li div{
	display: table;
	width: 9em;
	height: 9em;
	text-align: center;
	background: url(../img/tx/logobg.png) center no-repeat;
	background-size: 9em 9em;
	filter: drop-shadow(2px 2px 4px #ededed);
	-webkit-filter: drop-shadow(2px 2px 4px #ededed);
	position: relative;
	top: 0;
}
.txPar ul li a{
	display: table-cell;
	width: 9em;
	height: 9em;
	vertical-align: middle;
}
.txPar ul li a img{
	display: block;
	margin: 0 auto;
	max-width: 80%;
	max-height: 60%;
	-webkit-filter: grayscale(100%); 
	-moz-filter: grayscale(100%); 
	-ms-filter: grayscale(100%); 
	-o-filter: grayscale(100%); 
	filter: grayscale(100%); 
}
.txPar ul li.on,.txPar ul li:hover{
	filter: drop-shadow(2px 2px 10px #ddd);
	-webkit-filter: drop-shadow(2px 2px 10px #ddd);
}
.txPar ul li.on a img,.txPar ul li:hover a img{
	-webkit-filter: grayscale(0%); 
	-moz-filter: grayscale(0%); 
	-ms-filter: grayscale(0%); 
	-o-filter: grayscale(0%); 
	filter: grayscale(0%); 
}
.txPar .txLogo1{
	width: 54em;
}
.txPar .txLogo2{
	width: 45em;
}
.txPar .txLogo3{
	width: 72em;
}
.txPar .txLogo4{
	width: 63em;
}
@media screen and (max-width: 1600px){
	.txPar .txLogo{
		font-size: 16px;
	}
	.txPar .txTit{
		font-size: 20px;
	}
}
@media screen and (max-width: 1440px){
	.txPar .txTit{
		font-size: 18px;
	}
	.txPar .txLogo{
		font-size: 14px;
	}
}
/*关于我们*/
.aboutBox .box1{
	padding-top: 3%;
	padding-bottom: 2%;
	background: url(../img/c14.jpg) no-repeat right bottom;
	display: table;
}
.aboutBox .box1 .img{
	float: left;
	width: 450px;
	height: 690px;
}
.aboutBox .box1 .img img{
	width: 100%;
	display: block;
}
.aboutBox .box1 .word{
	display: table-cell;
	vertical-align: top;
	padding-left: 4%;
	width: 100%;
}
.aboutBox .box1 .word .top{
/*	margin-bottom: 3%;*/
	width: 100%;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
}
.aboutBox .box1 .word .top .pubtitle{
	position: relative;
	text-align: left;
	white-space: nowrap;
}
.aboutBox .box1 .word .top .pubtitle h2:before{
	left: 0;
	margin: 0;
}
.aboutBox .box1 .word .top .pubtitle p,.aboutBox .box1 .word .top .pubtitle h2{
	display: inline-block;
	margin-right: 10px;
}
.aboutBox .box1 .word .top ul{
	font-size: 20px;
	width: 100%;
}
.aboutBox .box1 .word .top li{
	float: right;
	width: 30%;
	text-align: center;
	font-size: .9em;
	color: #333;
}
.aboutBox .box1 .word .top li span{
	display: block;
	font-size: 2em;
	line-height: 1.5em;
	color: #98140a;
}
.aboutBox .box1 .word .top li b{
	font-weight: normal;
}
.aboutBox .box1 .word p{font-size：16px;}
.aboutBox .box2{
	background-color: #f6f6f6;
	padding-top: 1%;
	padding-bottom: 2%;
	background-image:url(../img/i24.png);
	background-repeat:no-repeat;
	background-position:left bottom;
	padding-left: 5%;
	padding-right: 5%;
}
.aboutBox .box2 .pubtitle{
	margin-bottom: 2%;
}
.aboutBox .box2 .inner{
	position: relative;
	width: 100%;
	padding-top: 66.67%;
}
.aboutBox .box2 .people>div{
	position: absolute;
	width: 16.667%;
	padding-top: 33.33%;
}
.aboutBox .box2 .people>div.img{
	overflow: hidden;
}
.aboutBox .box2 .people>div.img:hover img{
	transform: scale(1.15) rotate(10deg);
	-webkit-transform: scale(1.15) rotate(10deg);
}
.aboutBox .box2 .people>div.img img{
	transition: all 1s ease;
	-webkit-transition: all 1s ease;
}
.aboutBox .box2 .people .word{
	z-index: 2;
}
.aboutBox .box2 .people .word:before{
	position: absolute;
	content: '';
	width: 107%;
	height: 50%;
	top: 0;
	left: 0;
	background: url(../img/i25.png) no-repeat center;
	background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
}
.aboutBox .box2 .people .word2:before{
	width: 100%;
	height: 107%;
	background: url(../img/i28.png) no-repeat center;
	background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	bottom: 0;
	left: 0;
	bottom: 0;
	top: auto;
}
.aboutBox .box2 .people .word2.on:before{
	background: url(../img/i29.png) no-repeat center;
	background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
}
.aboutBox .box2 .people .img img{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}
.aboutBox .box2 .people .word .in{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 3;
	padding:12% 10%;
	text-align: right;
	color: #fff;
	font-size: 20px;
	line-height: 2em;
}
.aboutBox .box2 .people .word.on .in{
	color: #930713;
}
.aboutBox .box2 .people1 .word{
	left: 0;
	top: 0;
	background: url(../img/i27.png) no-repeat center bottom;
	background-size:100%% auto;
	-webkit-background-size:100% auto;
}
.aboutBox .box2 .people1 .img{
	left: 16.665%;
	top: 0;
}
.aboutBox .box2 .people2 .word{
	left: 50%;
	top: 25%;
	padding-top: 16.667%;
}
.aboutBox .box2 .people2 .img{
	left: 50%;
	top: 0;
	padding-top: 16.67%;
	transition: all 1s ease ;
	-webkit-transition: all 1s ease ;
}
.aboutBox .box2 .people2 .img img:hover{
	transform: rotate(30deg) scale(1.15);
	-webkit-transform: rotate(30deg) scale(1.15);
}
.aboutBox .box2 .people3 .word{
	left: auto;
	right: 0;
	top: 25%;
	padding-top: 16.667%;
}
.aboutBox .box2 .people3 .img{
	left: auto;
	right: 0;
	top: 0;
	padding-top: 16.67%;
}
.aboutBox .box2 .people4 .word{
	left: 16.667%;
	top: 50%;
	padding-top: 16.667%;
}
.aboutBox .box2 .people4 .img{
	left: 33.33%;
	top: 50%;
	width: 33.33%;
	padding-top: 16.67%;
}
.aboutBox .box2 .people4 .word:before{
	height: 100%;
}
.aboutBox .box2 .people5 .word{
	left: auto;
	right: 0;
	top: auto;
	bottom: 25%;
	padding-top: 16.667%;
}
.aboutBox .box2 .people5 .word:before{
	height: 100%;
	transform: rotateY(180deg);
	-webkit-transform: rotateY(180deg);
	left: auto;
	right: 0;
}
.aboutBox .box2 .people5 .img{
	left:auto;
	right: 16.667%;
	bottom: 25%;
}
.aboutBox .box2 .people6 .img{
	left: auto;
	right: 16.667%;
	top: auto;
	bottom: 0;
	padding-top: 16.667%;
}
.aboutBox .box2 .people6 .word:before{
	height: 100%;
}
.aboutBox .box2 .people6 .word{
	left: 50%;
	top: auto;
	bottom: 0;
	padding-top: 16.667%;
}
.aboutBox .box2 .people{
	cursor: pointer;
}
.aboutBox .box2 .inner .bg1{
	position: absolute;
	width: 16.667%;
	padding-top: 33.33%;
	background: url(../img/i27.png) repeat-y top;
	background-size: 100% 50%;
	-webkit-background-size:100% 50%;
	left: 33.33%;
	top: 0;
}
.aboutBox .box2 .inner .bg2{
	position: absolute;
	width: 16.667%;
	padding-top:16.667%;
	background: url(../img/i27.png) no-repeat top;
	background-size: 100% 100%;
	-webkit-background-size:100%100%;
	left: 33.33%;
	bottom: 0;
}
.aboutBox .box2 .inner .bg3{
	position: absolute;
	width: 16.667%;
	padding-top:16.667%;
	background: url(../img/i27.png) no-repeat top;
	background-size: 100% 100%;
	-webkit-background-size:100%100%;
	right: 16.67%;
	top: 0;
}
.aboutBox .box3{
	background-color:#dce0e5;
	background-image:url(../img/c18.jpg);
	background-repeat:no-repeat;
	background-position:center;
	padding-top: 2%;
}
.aboutBox .box3 img{
	max-width: 100%;
	margin: 0 auto;
	display: block;
}
.aboutBox .box3 .pubtitle{
	margin-bottom: 2em;
}
.aboutBox .box3 .pubtitle h2:before{display: none;}
.aboutBox .box3 .pubtitle h2,.aboutBox .box3 .pubtitle p{
	display: inline-block;
	margin: 0 .5em;
}
.aboutBox .box3 .pubtitle h2{
	color: #ab1f14;
}
.aboutBox .box4{
	padding-top: 2%;
}
.aboutBox .box4 .inner{
	width: 1530px;
	margin: 0 auto;
	margin-top: 3%;
	margin-bottom: 80px;
}
.aboutBox .box4 .inner .center{
	width: 700px;
	height: 700px;
	position: relative;
	margin: 0 auto;
	padding-top: 1px;
}
.aboutBox .box4 .inner .center em{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	border-radius: 50%;
	border: 1px dashed #ddd;
	animation: rotate 20s linear infinite;
}
.aboutBox .box4 .inner .center em:before,
.aboutBox .box4 .inner .center em:after{
	content: '';
	width: 12px;
	height: 12px;
	position: absolute;
	border-radius: 50%;
	background: #cb8580;
}
.aboutBox .box4 .inner .center em:before{
	top: -6px;
	left: 50%;
	margin-left: -6px;
}
.aboutBox .box4 .inner .center em:after{
	left: 8%;
	margin-left: 1px;
	bottom: 20%;
}
.aboutBox .box4 .inner .img{
	width: 475px;
	height: 475px;
	margin: 113px auto 0;
	border-radius: 50%;
	position: relative;
}
.aboutBox .box4 .inner .img img{
	width: 100%;
	height: 100%;
}
.aboutBox .box4 .inner .img i{
	width: 495px;
	height: 495px;
	position: absolute;
	left: -10px;
	top: -10px;
	border-radius: 50%;
	border: 1px dashed #ab1f14;
	animation: rotate2 15s linear infinite;
}
.aboutBox .box4 .inner .img i:after{
	content: '';
	width: 12px;
	height: 12px;
	position: absolute;
	border-radius: 50%;
	background: #ab1f14;
	bottom: -1%;
	right: 45%;
	margin-bottom: -3px;
}
.aboutBox .box4 .inner li{
	position: absolute;
	width: 550px;
	padding-right: 45px;
	font-size: 16px;
	color: #333;
	line-height: 2em;
}
.aboutBox .box4 .inner li i{
	position: absolute;
	width: 22px;
	height: 22px;
	background: url(../img/i30.png) no-repeat center;
	top: 50%;
	right: 0;
	margin-top: -11px;
}
.aboutBox .box4 .inner li h2{
	font-size: 22px;
	font-weight: normal;
	line-height: 2em;
	margin-bottom: .5em;
}
.aboutBox .box4 .inner li p{
	padding-right: 2em;
	color: #666;
}
.aboutBox .box4 .inner li.li1{
	top: 20%;
	left: -72%;
	text-align: right;
	color: #333;
}
.aboutBox .box4 .inner li.li2 i{
	top: 50%;
	right: auto;
	left: 0;
	margin-top: -11px;
}
.aboutBox .box4 .inner li.li2{
	top: 21%;
	left: 77%;
	text-align: left;
	padding-right: 0;
	padding-left: 45px;
}
.aboutBox .box4 .inner li.li3{
	bottom: 28%;
	left: -59%;
	text-align: right;
	padding-right: 0;
	padding-right: 45px;
}
.aboutBox .box4 .inner li.li4 i{
	top: 50%;
	right: auto;
	left: 0;
	margin-top: -11px;
}
.aboutBox .box4 .inner li.li4{
	bottom: 29%;
	left: 80%;
	text-align: left;
	padding-right: 0;
	padding-left: 45px;
}
.aboutBox .box4 .inner li.li5 i{
	top: -25px;
	right: auto;
	left: 50%;
	margin: 0;
	margin-left: -11px;
	
}
.aboutBox .box4 .inner li.li5{
	bottom:-14.5%;
	left: 50%;
	text-align: center;
	padding-right: 0;
	padding-left: 0;
	margin-left: -275px;
}
.aboutBox .box4 .inner li.li2 p,
.aboutBox .box4 .inner li.li4 p{
	padding-right: 0;
	padding-left: 2em;
}

@media only screen and (max-width:1700px ) {
	.aboutBox .box1 .img{
		width: 400px;
		height: 468px;
	}
	.aboutBox .box1 .word .top li{
		font-size: 16px;
	}
	.aboutBox .box2 .people .word .in{
		font-size: 18px;
	}
	.aboutBox .box3 img{
		max-width: 90%;
	}
	.aboutBox .box4 .inner .center{
		width: 450px;
		height: 450px;
	}
	.aboutBox .box4 .inner .img{
		width: 300px;
		height: 300px;
		margin: 75px auto 0;
	}
	.aboutBox .box4 .inner li h2{
		font-size: 18px;
	}
	.aboutBox .box4 .inner li{
		width: 380px;
		font-size: 14px;
	}
	.aboutBox .box4 .inner li.li1{
		left: -78%;
	}
	.aboutBox .box4 .inner li.li2{
		left: 79%;
	}
	.aboutBox .box4 .inner li.li3 {
	    bottom: 20%;
	    left: -61%;
    }
    .aboutBox .box4 .inner li.li5{
    	bottom: -19.5%;
    	margin-left: -190px;
    }
    .aboutBox .box4 .inner{
    	width: 100%;
    }
    .aboutBox .box4 .inner .img i {
	    width: 320px;
	    height: 320px;
	    left: -10px;
	    top: -10px;
	}
    
}
@media only screen and (max-width:1500px ) {
	.aboutBox .box1 .word .top li{
		padding-left: 3em;
	}
	.aboutBox .box2 .people .word .in{
		font-size: 16px;
	}
}
@media only screen and (max-width:1360px ) {
	.aboutBox .box1 .word .top li{
		padding-left: 1em;
	}
}
@keyframes rotate{
	from{transform: rotate(0);}
	to{transform: rotate(360deg);}
}
@keyframes rotate2{
	from{transform: rotate(0);}
	to{transform: rotate(-360deg);}
}

.mask{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0,0,0,.8);
	z-index: 15;
	display: none;
}
.mask .inner{
	width: 1200px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	background: #fff;
	height: 730px;
	border-radius: 16px;
	padding: 80px 40px 0;
}
.mask .inner .wordOut{
	width: 100%;
	height: 100%;
	overflow-y: auto;
}
.mask .inner .word{
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	width: 100%;
	min-height: 100%;
}
.mask .inner .close{
	position: absolute;
	top: 25px;
	right: 25px;
	width: 46px;
	height: 46px;
	background: url(../img/i31.png) no-repeat center;
	background-size:100% 100%;
	cursor: pointer;
}
.mask .inner .word .img{
	width: 40%;
	text-align: center;
	margin-right: 20px;
}
.mask .inner .word .img img{
	width: 100%;
}
.mask .inner .word .img p{
	font-size: 20px;
	color: #33;
	line-height: 2em;
	text-align: left;
	margin-top: .5em;
}
.mask .inner .word .img{
	max-width: 100%;
}
.mask .inner .word .text{
	flex: 1;
	 -webkit-flex:;
	 color: #333;
}
.aboutBox .box4 .inner li{
	animation-duration: 1.5s;
 	animation-fill-mode: both;
 	animation-delay: .3s;
 	opacity: 0;
 	filter: alpha(opacity=100);
}
.aboutBox .box4 .inner.cur li{
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	animation-name: flipInX;
	opacity: 1;
}
.aboutBox .box4 .inner li.li3 .word, .indexfor_box li.li4 .word{
	animation-delay: .7s;
}
.aboutBox .box4 .inner li.li5{
	animation-delay: 1s;
}
@keyframes flipInX {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in;
  }

  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    transform: perspective(400px);
  }
}


@media only screen and (max-width:1700px ) {
	.mask .inner .close{
		width: 30px;
		height: 30px;
	}
	.mask .inner{
		width: 1100px;
		height: 600px;
		padding: 60px 30px 0
	}
}

.hzxy .xieyititle{
	position: absolute;
	width: 100%;
	position: absolute;
	padding-left: 30px;
	text-align: center;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	color: #fff;
	z-index: 2;
}
.hzxy .boxb .xieyititle{
	padding-right: 30px;
	padding-left: 0;
}
.hzxy .xieyititle span{
	display: inline-block;
	font-size:40px;
	padding: 40px 10px;
	min-width:40%;
	background: rgba(0,0,0,.3);
	font-weight: bold;
	position: relative;
}
.hzxy .xieyititle span:before,.hzxy .xieyititle span:after{
	content: '';
	position: absolute;
	display: block;
	width: 80%;
	left: 10%;
	height: 1px;
	background: #fff;
}
.hzxy .xieyititle span:before{
	top: 20px;
}
.hzxy .xieyititle span:after{
	bottom: 20px;
}

@media only screen and (max-width: 1700px) {
	.hzxy .xieyititle span{
		font-size: 30px;
	}
}

/*动效*/
.hzxy .xieyititle{
	opacity: 0;
	transition: all 1s ease 1s;
}
.hzxy .box.cur .xieyititle{
	opacity: 1;
}


/*新闻布局*/
.news .newinner{
	padding: 0;
	display: table;
	table-layout: fixed;
	position: initial;
	width: 100%;
	vertical-align: top;
}
.news .hotnewsOut{
	width: 560px;
	float: right;
}
.news .hotnewsOut .rmtjBox2{
	position: initial;
}
.news .table-cell{
	display: table-cell;
	vertical-align: top;
}
.news .newsBox{
	width: 100%;
}
@media only screen and (max-width:1700px ) {
	.news .hotnewsOut{
		width: 500px;
	}
}
@media only screen and (max-width:980px ) {
    .neiNav .leftnav{display:unset;}
    .neiNav .rightnav{display:unset;}
    .neiNav .rightnav ul{    display: block;}
    .neiNav .rightnav li a{line-height:50px;}
    .neiNav .rightnav li{border:1px solid #ccc;    line-height: 50px; margin: 10px;}
    .aboutBox .box1 .img{ width:100%}
}
.fixedbox{
	position: fixed !important;
}
