@charset "UTF-8";

/* ==================== 新闻详情和单篇 start ==================== */
.articleC {
	background: #FFFFFF;
	padding: 0 90px;
}

.articleTitle {
	clear: both;
	line-height: 60px;
	font-size: 30px;
	font-family: "microsoft yahei";
	color: #333333;
	text-align: center;
	position: relative;
	font-weight: bold;
}

.articleTime {
	display: block;
	clear: both;
	color: #666666;
	font-size: 14px;
	line-height: 32px;
	padding-bottom: 12px;
	border-bottom: 1px solid #dddddd;
	overflow: hidden;
	text-align: center;
}

.articleTime span {
	padding-right: 16px;
	font-size: 14px;
	color: #666666;
}

.share {
	display: block;
	clear: both;
	padding: 10px 0;
}

.articlePage {
	clear: both;
	height: 30px;
	text-align: center;
	font-family: Arial;
	padding: 30px 0 0;
}

.articlePage a {
	margin: 0 1px;
	background: #ccc;
	padding: 5px 10px;
}

.articlePage a:hover,
.articlePage a.hover {
	color: #fff;
	background: #1488cc;
}

.articleBox {
	line-height: 40px;
	padding: 10px 0;
	color: #666666;
	font-size: 16px;
}

.articleBox img {
	max-width: 100%;
}

.minH600 {
	min-height: 600px;
	height: auto !important;
	height: 600px;
}

/* 文章阅读页-内容上部大图 */
#play {
	width: 600px;
	height: 400px;
	position: relative;
	overflow: hidden;
	background: #fff;
	padding: 5px;
	margin: 20px auto 0 auto;
}

#play .change_a {
	width: 40%;
	height: 100%;
	position: absolute;
	top: 0;
	z-index: 1;
	cursor: pointer;
	display: block;
	overflow: hidden;
	background: url(about:blank);
}

#play .prev_a {
	left: 0;
}

#play .next_a {
	right: 0
}

#play .change_a span {
	width: 24px;
	height: 43px;
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -21px;
	display: none
}

#play .prev_a span {
	background: url(../images/file/article_iconh.png) no-repeat 0px -50px;
	left: 0;
}

#play .next_a span {
	background: url(../images/file/article_iconh.png) no-repeat -30px -50px;
	right: 0;
}

#play .img_ul {
	position: relative;
	z-index: 1;
	width: 600px;
	height: 400px;
	border: 1px solid #f5f5f5;
}

#play .img_ul li {
	position: relative;
	z-index: 1;
	width: 600px;
	height: 400px;
	background: #fff;
	margin: 0 0 5px 0;
}

#play .img_ul li img {
	position: absolute;
}

.imgMove {
	width: 600px;
	clear: both;
	margin: 20px auto;
	position: relative;
}

.img_hd {
	margin: 0 auto;
	overflow: hidden;
	height: 60px;
	position: relative;
}

.img_hd ul {
	position: absolute;
	z-index: 1
}

.img_hd ul li {
	float: left;
	height: 47px;
	width: 70px;
	padding: 3px;
	margin: 0 7px;
	cursor: pointer;
	background: #fff;
	border: 1px solid #d4d4d4;
	position: relative;
}

.img_hd ul li p {
	height: 47px;
	width: 70px;
	display: block;
	background: #fff;
	position: relative;
}

.img_hd ul li i {
	display: block;
	clear: both;
	line-height: 20px;
	padding: 0 5px;
	background: #000;
	color: #fff;
	position: absolute;
	right: 3px;
	bottom: 3px;
	z-index: 99999999999999;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	font-family: Arial;
	font-size: 12px;
	font-style: normal;
}

.img_hd ul li img {
	position: absolute;
	height: 47px;
	width: 70px;
}

.img_hd ul li.on {
	border: 1px solid #1488cc;
	background: #1488cc;
}

.imgMove .bottom_a {
	width: 20px;
	height: 25px;
	display: block;
	cursor: pointer;
	z-index: 10;
	float: left;
	top: 15px;
	position: absolute;
	z-index: 9999999999999;
	background: url(../images/file/article_icon.png) no-repeat;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}

.imgMove .bottom_a:hover {
	background: url(../images/file/article_iconh.png) no-repeat;
}

.imgMove .prev_a,
.imgMove .prev_a:hover {
	background-position: left top;
	left: 0;
}

.imgMove .next_a,
.imgMove .next_a:hover {
	background-position: right top;
	right: 0;
}

.articleHand {
	clear: both;
	font-size: 16px;
	padding: 10px 0px 20px 0;
	overflow: hidden;
}

.articleHand a {
	display: block;
	line-height: 32px;
	padding: 0 20px 10px 30px;
	float: left;
	background: url(../images/file/file.png) no-repeat left center;
}

.articleHand a.word {
	background: url(../images/file/word.png) no-repeat left 3px;
	color: #37a6ff !important;
}

.articleHand a.ppt {
	background: url(../images/file/ppt.png) no-repeat left center;
	color: #ff7735 !important;
}

.articleHand a.excel {
	background: url(../images/file/excel.png) no-repeat left center;
	color: #15bf44 !important;
}

.articleHand a.pdf {
	background: url(../images/file/pdf.png) no-repeat left center;
	color: #1369c0 !important;
}

.articleHand a.zip {
	background: url(../images/file/zip.png) no-repeat left 3px;
	color: #ff9779 !important;
}

.shareBox {
	height: 40px;
	overflow: hidden;
	background: #f1f1f1;
}

.shareBoxL {
	float: left;
	padding: 0 0 0 20px;
}

.shareBoxL B {
	display: block;
	line-height: 40px;
	float: left;
}

.bdsharebuttonbox {
	float: left;
	padding: 6px 0 0 10px;
}

.shareBoxR {
	line-height: 40px;
	float: right;
	padding: 0 20px 0 0;
	font-size: 14px;
	color: #000;
}

.pageUp {
	display: block;
	line-height: 34px;
	padding: 10px 0 20px 0;
	color: #333333;
	font-size: 16px;
}

.pageUp a {
	font-size: 16px;
	color: #333333;
}

.articleShare {
	display: inline;
}

.articleShare .bshare-custom {
	display: inline;
}

.articleShare a {
	padding: 0 !important;
	height: 25px !important;
	width: 25px !important;
	background: url(../images/file/atIco.png)no-repeat !important;
}

.articleShare .bshare-sinaminiblog {
	background-position: 0px 0px !important;
}

.articleShare .bshare-qqmb {
	background-position: -32px 0px !important;
}

.articleShare .bshare-qzone {
	background-position: -65px 0px !important;
}

.articleShare .bshare-douban {
	background-position: -96px 0px !important;
}

.articleShare .bshare-qqim {
	background-position: -128px 0px !important;
}

/* .articlePageBox:hover .pageF,
.articlePageBox:hover .pageL, */
.pageUp a:hover{
	color: #1488cc;
}

.articleC .picBox {
	width: 71.4286%;
	margin: 0 auto;
}
.articleC .imgBox{
	padding: 10px 0;
}
.articleC .imgBox .img{
	height: 370px;
	overflow: hidden;
}
.articleC .imgBox .img:nth-child(2){
	width: 25%;
}
.articleC .imgBox .img img{
	object-fit: cover;
	width: 100%;
	height: 100%;
}
/* ==================== 新闻详情和单篇 end ====================*/
/* ==================== 客服中心 start ==================== */
.contactBox {
	padding: 0 30px 30px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.contactTitle {
	overflow: hidden;
	position: relative;
	padding: 30px 0 10px;
}

.contactTitle::before {
	display: block;
	content: "";
	width: 1px;
	height: 80px;
	background: #e6e6e6;
	position: absolute;
	top: 50%;
	left: 50%;
}

.contactTitle>div {
	width: 50%;
	float: left;
	display: inline;
	text-align: center;
	padding: 65px 0 0;
}

.contactTitle>div span {
	display: block;
	font-size: 16px;
	color: #333333;
	line-height: 36px;
}

.contactTitle .contactTel {
	background: url(../images/telIcn.png) no-repeat center top;
}

.contactTitle .contactAddress {
	background: url(../images/addressIcn.png) no-repeat center top;
}

/* ==================== 客服中心 end ====================*/
/* ==================== 人才招聘 start ==================== */
.recruitListBox {
	overflow: hidden;
}

.recruitTitle {
	height: 80px;
	line-height: 80px;
	background: #ffffff;
}

.recruitTitle .text {
	color: #444444;
	font-size: 16px;
	font-weight: bold;
}

.recruitTitle .text span {
	width: 13%;
	display: inline-block;
	text-align: center;
}

.recruitListDl {
	overflow: hidden;
	padding: 10px 0 0 0;
}

.recruitListDl dd {
	overflow: hidden;
	margin-bottom: 10px;
}

.recruitListDl dd .recruitT {
	overflow: hidden;
	height: 60px;
	line-height: 60px;
	cursor: pointer;
	transition: all .3s;
	-webkit-transition: all .3s;
}

.recruitListDl dd .recruitT .text {
	background: #FFF;
	font-size: 16px;
	color: #858585;
	overflow: hidden;
}

.recruitListDl dd .recruitT .text span.recruitIcon {
	font-weight: bold;
	font-size: 20px;
	text-align: center;
}

.recruitListDl dd .recruitT .text span {
	width: 13%;
	display: inline-block;
	text-align: center;
	height: 60px;
	overflow: hidden;
}

.recruitListDl dd .recruitT .text span.money {
	color: #e89214;
}

.recruitListDl dd .recruitT .btn {
	float: right;
	display: inline;
	width: 60px;
	height: 60px;
	background: url(../images/zpShow.png) no-repeat center center;
}

.recruitListDl dd .recruitC {
	overflow: hidden;
	font-size: 14px;
	color: #999999;
	display: none;
	background: #FFF;
	padding: 10px 0 0;
}

.recruitText {
	overflow: hidden;
	margin: 20px 20px 0;
	border-bottom: 1px solid #f5f5f5;
}

.recruitText .rectitle {
	font-size: 18px;
	color: #444444;
	line-height: 50px;
}

.recruitText .rectext {
	font-size: 14px;
	color: #666666;
	line-height: 30px;
	padding: 0 0 20px 10px;
}

.recruitBtn {
	overflow: hidden;
	padding: 30px 30px 20px;
}

.recruitBtn a {
	display: block;
	height: 60px;
	line-height: 60px;
	float: left;
	display: inline;
	padding: 0 55px;
	background: #1488cc;
	font-size: 18px;
	color: #FFF;
	transition: all .3s;
	-webkit-transition: all .3s;
}

.recruitBtn a:hover {
	opacity: 0.9
}

.recruitListDl dd:hover .recruitT .text,
.recruitListDl dd.active .recruitT .text,
.recruitListDl dd:hover .recruitT .text span.money {
	background: #1488cc;
	color: #FFF;
}

/* ==================== 人才招聘 end ====================*/
/* ==================== 我要应聘 start ==================== */
.webuploader-pick-hover{
	background: none !important;
}
.webuploader-pick{
	background: none !important;
	padding: 0 !important;
	display: block !important;
}
.uploader-img-list{
	width: auto !important;
	position: absolute !important;
	right: 30px !important;
	top: 60px;
}
.uploader-img-list div.imgWrap,
.uploader-img-list div.imgWrap p{
	width: 60px !important;
	height: 60px !important;
	padding: 0 !important;
}
.recruitFormBox {
	padding: 30px;
}

.recruitFormBox .recruitFormTitle {
	font-size: 24px;
	color: #333333;
	margin-bottom: 30px;
}

.recruitFormBox .recruitFormBtn {
	text-align: center;
	font-size: 0;
}

.recruitFormBox .recruitFormBtn a {
	display: inline-block;
	height: 60px;
	line-height: 60px;
	padding: 0 70px;
	font-size: 18px;
}

.recruitFormBox .recruitFormBtn a.submit {
	color: #fff;
	background: #1488cc;
	margin-right: 30px;
}

.recruitFormBox .recruitFormBtn a.reset {
	color: #666666;
	background: #f5f5f5;
}

.recruitFormBox .recruitFormBtn a:hover {
	opacity: 0.8;
}

.recruitForm {
	margin-right: -30px;
}

.recruitForm .recruitFormConBox {
	width: 50%;
	float: left;
	display: inline;
	margin-bottom: 30px;
}

.recruitFormConBox.year .recruitFormCon,
.recruitFormConBox.year .recruitFormDiv {
	overflow: unset !important;
}
.recruitFormConBox.select .recruitFormDiv{
	overflow: hidden;
}
.recruitFormConBox.select .recruitFormDiv .inputWidth{
	width: 30%;
}
.recruitFormConBox.select .recruitFormDiv .imgBox{
	width: 100px;
	overflow: hidden;
	margin: 0 30px;
	cursor: pointer;
}
.recruitFormConBox.select .recruitFormDiv .imgBox img{
	object-fit: cover;
}
.recruitFormConBox.select .recruitFormDiv .text{
	font-size: 16px;
	color: #555555;
}
.recruitFormConBox.year {
	margin-top: -90px;
	overflow: unset;
}

.recruitFormCon {
	margin-right: 30px;
	height: 60px;
	line-height: 60px;
	position: relative;
}
.recruitFormCon.otherCon{
	margin-right: 0;
}
.recruitFormCon.textarea {
	height: 150px;
}

.recruitFormCon>div {
	float: left;
	display: inline;
}

.recruitFormCon .title {
	font-size: 16px;
	color: #555555;
	width: 15%;
	overflow: hidden;
}

.recruitFormCon span.must {
	display: inline-block;
	font-size: 16px;
	color: #d6000f;
	padding-left: 10px;
	line-height: 65px;
}

.recruitFormDiv {
	width: 80%;
	overflow: hidden;
	height: 100%;
}

.recruitFormDiv.other {
	width: 100%;
	padding-left: 14.5%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.recruitFormDiv.other .otherBox {
	font-size: 0;
}

.recruitFormDiv.other .otherBox span {
	font-size: 14px;
	color: #999999;
}

.recruitFormDiv.other .otherBox a {
	display: inline-block;
	padding: 0 32px;
	height: 60px;
	line-height: 60px;
	font-size: 16px;
}

.recruitFormDiv.other .otherBox a.uploading {
	color: #fff;
	background: #e89214 !important;
}

.recruitFormDiv.other .otherBox a.template {
	color: #666666;
	background: #f5f5f5 !important;
	margin: 0 10px;
}

.recruitFormDiv.other .otherBox a:hover {
	opacity: 0.8;
}

.recruitFormDiv .inputWidth {
	height: 100%;
	border: 1px solid #e6e6e6;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.recruitFormDiv .inputWidth.sex {
	width: auto;
	border: none;
	float: left;
	display: inline;
}

.recruitFormDiv .inputWidth.sex label {
	font-size: 16px;
	color: #555555;
	cursor: pointer;
}

.recruitFormDiv .inputWidth.sex label:first-child {
	margin-right: 30px;
}

.recruitFormDiv .inputWidth .formInput {
	width: 100%;
	height: 100%;
	font-size: 16px;
	color: #555555;
	padding: 0 10px;
	border: none;
	outline: none;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.recruitFormCon.textarea .formInput {
	resize: none;
	padding: 18px 10px;
	line-height: 26px;
}

.recruitFormDiv input::-webkit-input-placeholder,
.recruitFormDiv textarea::-webkit-input-placeholder {
	color: #cccccc;
	font-size: 16px;
}

.recruitFormDiv input[type=radio] {
	margin-left: 25px;
	cursor: pointer;
	width: 18px;
	height: 18px;
	position: relative;
	top: 0px;
	left: -10px;
}

.recruitFormDiv input[type=radio]:after {
	position: absolute;
	width: 18px;
	height: 18px;
	top: -1px;
	right: 0px;
	content: " ";
	background-color: #fff;
	color: #fff;
	display: inline-block;
	border-radius: 50%;
	border: 1px solid #ebebeb;
}

.recruitFormDiv input[type=radio]:checked:before {
	content: " ";
	display: block;
	position: relative;
	top: 5px;
	left: 4px;
	width: 8px;
	height: 8px;
	color: #fff;
	font-weight: 400;
	z-index: 1;
	border-radius: 50%;
	background-color: #1488cc;
}

.zpformSel {
	height: 60px;
	position: relative;
	padding-right: 38px;
}

.zpformSel .seljg {
	padding-left: 10px;
	line-height: 60px;
	font-size: 16px;
	color: #cccccc;
	cursor: pointer;
}

.zpformSel i {
	display: block;
	width: 45px;
	height: 60px;
	background: url(../images/selectIcn.png) no-repeat center center;
	position: absolute;
	right: 0px;
	top: 0px;
	cursor: pointer;
}

.zpformSel .selTj {
	width: 100%;
	overflow: hidden;
	border: 1px solid #dedede;
	border-top: none;
	max-height: 150px;
	overflow-y: auto;
	position: absolute;
	left: -1px;
	top: 60px;
	background: #FFF;
	display: none;
	z-index: 100000
}

.zpformSel .selTj a {
	display: block;
	height: 35px;
	line-height: 35px;
	padding-left: 10px;
	font-size: 16px;
	color: #555555;
	margin-bottom: 1px;
}

.zpformSel .selTj a:hover,
.zpformSel .selTj a.hover {
	background: #1488cc;
	color: #FFF;
}

/* ==================== 我要应聘 end ====================*/
/* ==================== 投诉建议 start ==================== */
.complainFormBox {
	padding: 30px 30px 0;
}

.complainFormBox .complainFormTitle {
	font-size: 24px;
	color: #333333;
	margin-bottom: 30px;
}

.complainFormBox .complainForm {
	overflow: hidden;
}

.complainFormBox .complainFormBtn {
	text-align: left;
	font-size: 0;
	padding-left: 6%;
	padding-bottom: 30px;
}

.complainFormBox .complainFormBtn a {
	display: inline-block;
	height: 60px;
	line-height: 60px;
	padding: 0 70px;
	font-size: 18px;
}

.complainFormBox .complainFormBtn a.submit {
	color: #fff;
	background: #1488cc;
	margin-right: 30px;
}

.complainFormBox .complainFormBtn a:hover {
	opacity: 0.8;
}

.complainForm {
	margin-right: -30px;
}

.complainForm .complainFormConBox {
	width: 50%;
	float: left;
	display: inline;
	margin-bottom: 30px;
}

.complainFormCon {
	margin-right: 30px;
	overflow: hidden;
	height: 60px;
	line-height: 60px;
}

.complainFormConBox.suggest {
	width: 100%;
}

.complainFormConBox.suggest .title {
	width: 6%;
}

.complainFormConBox.suggest .complainFormDiv {
	width: 92.5%;
}

.complainFormConBox.suggest .complainFormCon {
	height: 195px;
}

.complainFormConBox.suggest .complainFormCon .formInput {
	resize: none;
	padding: 18px 10px;
	line-height: 26px;
}

.complainFormCon>div {
	float: left;
	display: inline;
}

.complainFormCon .title {
	font-size: 16px;
	color: #555555;
	width: 12%;
	overflow: hidden;
}

.complainFormCon span.must {
	display: inline-block;
	font-size: 16px;
	color: #d6000f;
	padding-left: 10px;
	line-height: 65px;
}

.complainFormDiv {
	width: 85%;
	overflow: hidden;
	height: 100%;
}

.complainFormDiv .inputWidth {
	height: 100%;
	border: 1px solid #e6e6e6;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.complainFormDiv .inputWidth.sex {
	width: auto;
	border: none;
	float: left;
	display: inline;
}

.complainFormDiv .inputWidth.sex label {
	font-size: 16px;
	color: #555555;
	cursor: pointer;
}

.complainFormDiv .inputWidth.sex label:first-child {
	margin-right: 30px;
}

.complainFormDiv .inputWidth .formInput {
	width: 100%;
	height: 100%;
	font-size: 16px;
	color: #555555;
	padding: 0 10px;
	border: none;
	outline: none;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.complainFormDiv input::-webkit-input-placeholder,
.complainFormDiv textarea::-webkit-input-placeholder {
	color: #cccccc;
	font-size: 16px;
}

.complainFormDiv input[type=radio] {
	margin-left: 25px;
	cursor: pointer;
	width: 18px;
	height: 18px;
	position: relative;
	top: 0px;
	left: -10px;
}

.complainFormDiv input[type=radio]:after {
	position: absolute;
	width: 18px;
	height: 18px;
	top: -1px;
	right: 0px;
	content: " ";
	background-color: #fff;
	color: #fff;
	display: inline-block;
	border-radius: 50%;
	border: 1px solid #ebebeb;
}

.complainFormDiv input[type=radio]:checked:before {
	content: " ";
	display: block;
	position: relative;
	top: 5px;
	left: 4px;
	width: 8px;
	height: 8px;
	color: #fff;
	font-weight: 400;
	z-index: 1;
	border-radius: 50%;
	background-color: #1488cc;
}

.complainFormDiv.yzm>div {
	float: left;
	display: inline;
}

.complainFormDiv.yzm .inputWidth {
	width: 30%;
}

.complainFormDiv.yzm .imgBox {
	width: 100px;
	height: 100%;
	margin: 0 25px;
	overflow: hidden;
	cursor: pointer;
}

.complainFormDiv.yzm .imgBox img {
	object-fit: cover;
}

.complainFormDiv.yzm .text {
	font-size: 16px;
	color: #666666;
}

.replyBox {
	overflow: hidden;
}

.replyBox .replyTitle {
	font-size: 24px;
	color: #333333;
	padding: 30px 0;
	border-top: 1px solid #f5f5f5;
	border-bottom: 1px solid #f5f5f5;
}

.replyDl {
	overflow: hidden;
}

.replyDl dd {
	padding: 20px 0;
	border-bottom: 1px solid #f5f5f5;
}

.replyDl dd:last-child {
	border-bottom: none;
}

.replyDl dd .con {
	overflow: hidden;
}

.replyDl dd .con>div {
	float: left;
	display: inline;
}

.replyDl dd .con .title {
	font-size: 16px;
	color: #333333;
	width: 7%;
	line-height: 36px;
}

.replyDl dd .con.reply .title {
	color: #1488cc;
}

.replyDl dd .con .text {
	font-size: 14px;
	color: #666666;
	line-height: 36px;
	width: 93%;
}

/* ==================== 投诉建议 end ====================*/
/* ==================== 大事记 start ==================== */
.developmentBox.event {
	width: 64.9306%;
	margin: 0 auto;
	overflow: hidden;
	padding: 60px 0 0;
}
.developmentBox {
	overflow: hidden;
	padding: 60px 0 0;
}
.developmentBox .bd{
	width: 64.9306%;
	margin: 0 auto;
}
.developmentBox .hd{
	position: relative;
}
.developmentBox .hd div{
	width: 80%;
	margin: 0 auto;
	overflow: hidden;
}
.developmentDl {
	position: relative;
	overflow: hidden;
	padding: 100px 0 0;
}

.developmentDl::before {
	display: block;
	content: "";
	width: 50px;
	height: 50px;
	background: #fff url(../images/timeIcn.png) no-repeat center center;
	background-size: 50px 50px;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
	z-index: 20;
}

.developmentDl dt {
	display: block;
	content: "";
	width: 3px;
	height: 100%;
	background: #e1e1e1;
	position: absolute;
	top: 0;
	left: 50%;
	z-index: 1;
	transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
}

.developmentDl dd {
	overflow: hidden;
	position: relative;
	margin-bottom: 30px;
}

.developmentDl dd::before {
	display: block;
	content: "";
	width: 15px;
	height: 15px;
	background: #e89214;
	border-radius: 50%;
	position: absolute;
	top: 30px;
	left: 50%;
	transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
	z-index: 10;
}

.developmentDl dd::after {
	display: block;
	content: "";
	width: 5px;
	height: 5px;
	background: #fff;
	border-radius: 50%;
	position: absolute;
	top: 35px;
	left: 50%;
	transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
	z-index: 15;
}

.developmentDl dd .text {
	font-size: 16px;
	color: #333333;
	height: 120px;
	line-height: 30px;
	overflow-y: auto;
	padding: 5px 20px;
}
.developmentDl dd .text a{
	display: block;
	font-size: 16px;
	color: #1488cc;
}
.developmentDl dd .year {
	font-size: 24px;
	color: #e89214;
	line-height: 46px;
	padding: 15px;
}

.developmentDl dd>div {
	width: 48%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.developmentDl dd:nth-child(even) .year,
.developmentDl dd:nth-child(odd) .text {
	float: left;
	display: inline;
}
.developmentDl dd:nth-child(even) .text,
.developmentDl dd:nth-child(odd) .year{
	float: right;
	display: inline;
}

.developmentDl dd:nth-child(even) .year {
	text-align: right;
}

.event_ul1{
    overflow: hidden;
    -webkit-transition: height 0.3s linear;
    -o-transition: height 0.3s linear;
    transition: height 0.3s linear;
}
.event_ul1 li{
    overflow: hidden;
    min-height: 100px;
}

.event_dl{
    overflow: hidden;
    position: relative;
    padding-top: 78px;
    background: url(../images/eventIco2.png) center top no-repeat;
}
.event_dl dd{
    overflow: hidden;
    padding: 30px 0px;
    position: relative;
    z-index: 3;
}
.event_dot{
    overflow: hidden;
    position: relative;
    z-index: 9;
    height: 60px;
}
.event_dot li{
    float: left;
    width: 185px;
    display: inline;
    text-align: center;
    position: relative;
    cursor: pointer;
    font-size: 24px;
    color: #fff;
    padding-bottom: 30px;
    transition: 0.4s ease;
    height: 65px;
    line-height: 65px;
}
.event_dot li span{
    display: block;
    margin-left: 3px;
    background: #d9d9d9;
    transition: 0.4s ease;
}
.event_dot li.on span{
    background: #1488cc;
}
.event_dot i{
    display: block;
    background: #e1e1e2;
    width: 9px;
    height: 9px;
    border: 3px solid;
    border-color: #fff;
    position: absolute;
    left: 50%;
    margin-left: -5px;
    bottom: 0;
    transition: 0.4s ease;
    border-radius: 50%;
}
.event_dot li.on i{
    background: #cb0303;
}
.event_dot i:after{
    content: '';
    display: block;
    height: 10px;
    position: absolute;
    bottom: 100%;
    left: 50%;
    border-left: 1px solid #e1e1e2;
    transition: 0.4s ease;
    margin-left: -1px;
}
.event_dot li.on i:after{
    border-color: #cb0303;
    height: 20px;
}

.developmentBox .bt2{
    position: absolute;
    top: 17%;
    width: 20px;
    height: 40px;
    transition: 0.4s ease;
}
.developmentBox .prev{
    left: 7%;
    background: url(../images/eventPrev.png) center center no-repeat !important;
}
.developmentBox .next{
    right: 7%;
    background: url(../images/eventNext.png) center center no-repeat !important;
}

/* ==================== 大事记 end ====================*/
/* ==================== 电子期刊 start ==================== */
.imgList1 {
	overflow: hidden;
	margin-right: -30px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 0 30px;
}

.imgList1 dd {
	width: 33.3333%;
	float: left;
	display: inline;
	margin-bottom: 30px;
}

.imgList1 dd .con {
	margin-right: 30px;
	border: 1px solid #e6e6e6;
}

.imgList1 dd .con .text {
	color: #333333;
	font-size: 16px;
	text-align: center;
	height: 60px;
	line-height: 60px;
	padding: 0 0 15px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.imgList1 dd .con .picBox {
	padding: 30px 60px;
	overflow: hidden;
}
.imgList1 dd .con .picBox .pic{
	overflow: unset;
}
.imgList1 dd .con .picBox .pic::before {
	padding-top: 131.25%;
}

/* ==================== 电子期刊 end ====================*/
/* ==================== 新闻动态 start ==================== */
.imgTextTopDl{
	overflow: hidden;
	margin-right: -30px;
}
.imgTextTopDl dd{
	width: 33.3333%;
	float: left;
	display: inline;
	margin-bottom: 30px;
}
.imgTextTopDl dd .con{
	margin-right: 30px;
	background: #fff;
}
.imgTextTopDl dd .con .pic::before{
	padding-top: 56.5217%;
}
.imgTextTopDlText{
	padding: 30px 30px 0;
}
.imgTextTopDlText .textTop{
	border-bottom: 1px solid #f5f5f5;
	overflow: hidden;
	height: 90px;
}
.imgTextTopDlText .textTop > div{
	float: left;
	display: inline;
}
.imgTextTopDlText .textTop .textTopL{
	width: 25%;
	border-right: 1px solid #f5f5f5;
	padding: 10px 0 30px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.textTopL span{
	display: block;
	font-size: 14px;
	color: #666666;
	text-align: center;
}
.textTopL span:first-child{
	font-size: 30px;
	color: #333333;
}
.imgTextTopDlText .textTop  .textTopR{
	width: 70%;
	padding-left: 20px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.textTopR .title{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-bottom: 10px;
}
.textTopR .title a{
	font-size: 16px;
	color: #333333;
	font-weight: bold;
}
.imgTextTopDl dd .con:hover .textTopR .title a{
	color: #1488cc;
}
.textTopR .textC{
	font-size: 14px;
	color: #858585;
	height: 48px;
	line-height: 24px;
	overflow: hidden;
}
.imgTextTopDlText .textBottom{
	height: 45px;
	line-height: 45px;
}
.imgTextTopDlText .textBottom a{
	display: block;
	font-size: 14px;
	color: #999999;
	background: url(../images/moreIcn.png) no-repeat center right;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
.imgTextTopDl dd .con:hover .imgTextTopDlText .textBottom a{
	color: #1488cc;
	background: url(../images/moreIcnhh.png) no-repeat center right;
}
.imgTextBottomDl dd{
	overflow: hidden;
	margin-bottom: 20px;
}
.imgTextBottomDl dd .con{
	height: 240px;
	background: #fff;
}
.imgTextBottomDl dd .con .pic{
	width: 27.7778%;
	height: 100%;
	float: left;
}
.imgTextBottomDl dd .con .text{
	height: 100%;
	overflow: hidden;
	padding: 30px 30px 0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.imgTextBottomDl dd .con .text .title{
	margin-bottom: 15px;
}
.imgTextBottomDl dd .con .text .title a{
	font-size: 16px;
	color: #333333;
	font-weight: bold;
}
.imgTextBottomDl dd .con:hover .text .title a{
	color: #1488cc;
}
.imgTextBottomDl dd .con .text .textC{
	font-size: 14px;
	color: #858585;
	line-height: 24px;
	height: 72px;
	margin-bottom: 40px;
	overflow: hidden;
}
.imgTextBottomDl dd .con .text .textBottom {
	overflow: hidden;
	position: relative;
}
.imgTextBottomDl dd .con .text .textBottom .newsMore{
	position: absolute;
	top: 0;
	right: 0;
	width: 25px;
	height: 100%;
}
.imgTextBottomDl dd .con .text .textBottom .newsMore a{
	display: block;
	height: 100%;
	background: url(../images/moreIcn.png) no-repeat center right 5px;
	transition: all 0.4s linear;
	-webkit-transition: all 0.4s linear;
}
.imgTextBottomDl dd .con:hover .text .textBottom .newsMore a{
	background: #1488cc url(../images/moreIcnh.png) no-repeat center right 5px;
}
.imgTextBottomDl dd .con .text .textBottom .time{
	position: relative;
	padding-left: 32px;
	font-size: 14px;
	color: #999999;
}
.imgTextBottomDl dd .con .text .textBottom .time::before{
	display: block;
	content: "";
	width: 30px;
	height: 1px;
	background: #999999;
	position: absolute;
	left: 0;
	top: 50%;
}
/* ==================== 新闻动态 end ====================*/
/* ==================== 公司理念 start ==================== */
.ideaBox{
	padding: 0 30px;
}
.ideaDl{
	overflow: hidden;
}
.ideaDl dd{
	width: 50%;
	float: left;
	display: inline;
	padding-top: 35.527%;
	position: relative;
}
.ideaDl dd a{
	display: block;
}
.ideaDl dd .con{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ideaDl dd .con .imgBox{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.ideaDl dd .con .imgBox img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.ideaDl dd .con .text{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 140px;
	background: rgba(0,0,0,0.52);
	padding: 0 10px;
	overflow: hidden;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.ideaDl dd .con .text .title{
	font-size: 18px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.ideaDl dd .con .text .title i{
	padding-left: 40px;
	background-repeat: no-repeat;
	background-position: center left;
}
.ideaDl dd .con .text .info{
	font-size: 14px;
	color: #dedede;
	text-align: center;
	line-height:30px;
}
/* ==================== 公司理念 end ====================*/
/* ==================== 公司文化 start ==================== */
.cultureBox{
	padding: 0 30px;
}
.cultureDl{
	overflow: hidden;
}
.cultureDl dd{
	width: 33.3333%;
	float: left;
	display: inline;
	padding-top: 35.527%;
	position: relative;
}
.cultureDl dd:first-child{
	width: 60.527%;
}
.cultureDl dd:nth-child(2){
	width: 19.7365%;
}
.cultureDl dd:nth-child(3){
	width: 19.7365%;
}
.cultureDl dd a{
	display: block;
}
.cultureDl dd .con{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.cultureDl dd .con .imgBox{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.cultureDl dd .con .imgBox img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.cultureDl dd .con .text{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 140px;
	background: rgba(0,0,0,0.52);
	padding: 0 10px;
	overflow: hidden;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.cultureDl dd .con .text .title{
	font-size: 18px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.cultureDl dd .con .text .title i{
	padding-left: 40px;
	background-repeat: no-repeat;
	background-position: center left;
}
.cultureDl dd .con .text .info{
	font-size: 14px;
	color: #dedede;
	text-align: center;
	line-height:26px;
}
/* ==================== 公司文化 end ====================*/
/* ==================== 媒体中心 start ==================== */
.videoListBox{
	padding: 0 30px;
}
.videoList {
	overflow: hidden;
	margin-right: -30px;
}

.videoList dd {
	width: 33.3333%;
	float: left;
	display: inline;
	margin-bottom: 30px;
}

.videoList dd a {
	display: block;
	margin-right: 30px;
	background: #fff;
	overflow: hidden;
}
.videoList dd .pic::before{
	padding-top: 60.2273%;
}
.videoList dd a .pic span {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.3) url(../images/videoIco.png) no-repeat center center;
	z-index: 1;
	opacity: 0;
	transition: all 0.4s;
	-webkit-transition: all 0.4s;
}

.videoList dd a .text {
	height: 80px;
	line-height: 80px;
	font-size: 18px;
	color: #333333;
	text-align: center;
	background: #f3f3f3;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 0 10px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	transition: all 0.4s; 
	-webkit-transition: all 0.4s;
}

.videoList dd a:hover .text {
	color: #fff;
	background: #1488cc;
}

.videoList dd a:hover .pic span {
	opacity: 1;
}
/* ==================== 媒体中心 end ====================*/
/* ==================== 全图列表 start ==================== */
.imgListTwoBox{
	padding: 0 30px;
}
.imgList2 {
	overflow: hidden;
	margin-right: -30px;
}

.imgList2 dd {
	width: 33.3333%;
	float: left;
	display: inline;
	margin-bottom: 30px;
}

.imgList2 dd a {
	display: block;
	margin-right: 30px;
	background: #fff;
	overflow: hidden;
}
.imgList2 dd .pic::before{
	padding-top: 60.2273%;
}
.imgList2 dd a .pic span {
	display: block;
	width:100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.3);
	z-index: 1;
	opacity: 0;
	transition: all 0.4s;
	-webkit-transition: all 0.4s;
}
.imgList2 dd a .pic span i{
	display: block;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: #1488cc url(../images/jiaIcn.png) no-repeat center center;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
}
.imgList2 dd a .text {
	height: 80px;
	line-height: 80px;
	font-size: 18px;
	color: #333333;
	text-align: center;
	background: #f3f3f3;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 0 10px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	transition: all 0.4s; 
	-webkit-transition: all 0.4s;
}

.imgList2 dd a:hover .text {
	color: #fff;
	background: #1488cc;
}

.imgList2 dd a:hover .pic span {
	opacity: 1;
}
/* ==================== 全图列表 end ====================*/
/* ==================== 工程案例 start ==================== */
.imgTextTowDl dd .con{
	padding-top: 29.862%;
	position: relative;
	overflow: hidden;
}
.imgTextTowDl dd .con>div{
	width: 50%;
	height: 100%;
	position: absolute;
	top: 0;
}
.imgTextTowDl dd .con .pic{
	background: #ededed;
}
.imgTextTowDl dd .con .pic::before{
	padding-top: 59.7222%;
}
.imgTextTowDl dd:nth-child(odd) .con .text,
.imgTextTowDl dd:nth-child(even) .con .pic{
	left: 0;
}
.imgTextTowDl dd:nth-child(odd) .con .pic,
.imgTextTowDl dd:nth-child(even) .con .text{
	right: 0;
}
.imgTextTowDl dd .con .text .title{
	padding-top: 75px;
	background-repeat: no-repeat;
	background-position: center top;
	text-align: center;
	height: 40px;
	line-height: 40px;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.imgTextTowDl dd .con .text .title a{
	font-size: 18px;
	color: #333;
}
.imgTextTowDl dd .con .text .textC{
	font-size: 14px;
	color: #999999;
	line-height: 26px;
	height: 52px;
	overflow: hidden;
	text-align: center;
	padding: 0 20%;
	margin-bottom: 30px;
}
.imgTextTowDl dd .con .text .more{
	text-align: center;
}
.imgTextTowDl dd .con .text .more a{
	display: inline-block;
	font-size: 14px;
	color: #666666;
	height: 50px;
	line-height: 50px;
	padding-right: 65px;
	padding: 0 85px 0 30px;
	background: url(../images/newsIcn.png) no-repeat center right 20px;
	border-top: 1px solid #b3b3b3;
	border-bottom: 1px solid #b3b3b3;
	transition: all 0.4s;
	-webkit-transition: all 0.4s;
}
.imgTextTowDl dd:hover .con .text .more a{
	background: url(../images/newsIcnh.png) no-repeat center right 20px;
	color: #1488cc;
}
.imgTextTowDl dd:hover .con .text .title a{
	color: #1488cc;
}
/* ==================== 工程案例 end ====================*/
/* ==================== 资质荣誉 start ==================== */
.honorListBox{
	padding: 0 30px;
}
.honorListDl {
	position: relative;
	width: 100%;
	z-index: 1 !important;
	margin-right: -30px;
}

.honorListDl dd {
	width: 33.3333%;
	position: absolute;
	top: 0;
	left: 0;
}

.honorListDl dd a {
	display: block;
	margin-right: 30px;
	background: #fff;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	margin-bottom: 30px;
	border: 1px solid #f5f5f5;
}

.honorListDl dd a:hover {
	box-shadow: 0px 1px 5px 5px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow:0px 1px 5px 5px rgba(0, 0, 0, 0.2);
}

.honorListDl dd a .grPic {
	height: auto;
	padding: 30px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.honorListDl dd a .grPic img {
	width: 100%;
	height: 100%;
}

.honorListDl dd a .text {
	font-size: 16px;
	color: #333333;
	background: #f5f5f5;
	text-align: center;
	height: 70px;
	line-height: 70px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}

.honorListDl dd a:hover .text {
	color: #fff;
	background: #1488cc;
}

.viewer-number i {
	font-style: unset;
}
.grid-item {
	position: absolute;
	top: 0;
	left: 0;
	width: 25%;
	border-radius: 3px;
	transition: .3s ease-in-out;
}
/* ==================== 资质荣誉 end ====================*/