@charset "UTF-8";
/* CSS Document */

/*----------------------------- 整体框架 start -----------------------------*/

/*头部 start*/
.top{
	border-bottom:1px solid #e5e5e5 ;
	height: 100px;
	position: relative;
	z-index: 9;
}
.logo{
	padding-top: 20px;
}
.logo a{
	display: block;
}
.logo img{
	height: 60px;
}
.topTelBox{
	padding-top: 25px;
	margin-left: 40px;
}
.topEmail{
	color: #b2b2b2;
	font-size: 14px;
	text-align: right;
}
.topTel{
	font-size: 24px;
	font-weight: bold;
	color: #d0000d;
	padding-left: 45px;
	position: relative;
}
.topTel i{
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -8px;
	display: block;
	height: 16px;
	width: 30px;
	border-right: 1px solid #e5e5e5;
	background: url(../images/topTel.png) left center no-repeat;
}
.search{
	padding-top: 30px;
	width: 360px;
}
@media screen and (max-width:1500px) {
	.search{
		width: 245px;
	}
}
.searchIco a{
	display: block;
	background: #D0000D;
	line-height: 40px;
	height: 40px;
	text-align: center;
	width: 88px;
	color: #fff;
	font-size: 14px;
	border-radius:0 2px  2px 0;
}
.searchBox{
	overflow: hidden;
	padding: 0 10px;
	border: 2px solid #D0000D;
	border-radius: 2px 0 0 2px;
}
.searchBox input{
	width: 100%;
	border: none;
	background: transparent;
	line-height: 36px;
	height: 36px;
	color: #666;
}
.topMenu{
	position: relative;
	z-index: 8;
}
.menuDl dd{
	float: left;
	display: inline;
	width: 14.2857%;
	position: relative;
}
.menuDl span{
	position: relative;
	display: block;
	z-index: 1;
	background-color: #fff;
	margin: 0 1px;
}
.menuDl span a{
	display: block;
	line-height: 60px;
	color: #333;
	font-size: 16px;
	text-align: center;
	transition:all 0.4s ease;
	-webkit-transition:all 0.4s ease;
}

.twoMenu{
	position: absolute;
	left: 0;
	width: 100%;
	visibility: hidden;
	opacity: 0;
	top: 100%;
	transition:all 0.4s ease;
	-webkit-transition:all 0.4s ease;
	transform: translateY(-100%);
}
.twoMenu li{
	line-height: 30px;
	height: 59px;
	border-bottom: 1px solid #e5e5e5;
	background: #fff;
	text-align: center;
	position: relative;
}
.twoMenu a{
	color: #333;
	font-size: 16px;
	transition:all 0.2s ease;
	-webkit-transition:all 0.2s ease;
	position: absolute;
	left: 0;
	width: 100%;
	position: relative\9;
	line-height: 60px\9;
	top: 50%;
	top: 0\9;
	transform: translateY(-50%);
	
	overflow: hidden;
}
.twoMenu li:hover a,
.twoMenu li.hover a{
	color: #D0000D;
}
.menuDl dd:hover span a,
.menuDl dd.hover span a{
	background: #D0000D;
	color: #fff;
}
.menuDl dd:hover .twoMenu{
	transform: translateY(0);
	visibility: visible;
	opacity: 1;
}
/*头部 end */

/*底部开始*/
.footer1{
	padding: 20px 0;
	border-top: 1px solid #f7f7f7;
}
.footTop{
	padding:15px 0;
	border-bottom: 1px solid #e5e5e5;
}
.footMenu dd{
	float: left;
	display: inline;
	padding-left: 20px;
	margin-left: 20px;
	position: relative;
}
.footMenu dd+dd:before{
	content: '';
	display: block;
	border-left: 1px solid #e5e5e5;
	height: 14px;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -7px;
}
.footMenu a{
	display: block;
	line-height: 50px;
	height: 50px;
	position: relative;
	font-size: 14px;
	color: #666;
	transition:all 0.2s ease;
	-webkit-transition:all 0.2s ease;
}
.footMenu a:hover{
	color: #D0000D;
}

.footLogo img{
	height: 50px;
}
.footContact{
	padding: 30px 0 0 0 ;
}
.footConDl{
	overflow: hidden;
}
.footConDl dd{
	float: left;
	display: inline;
	padding:10px 0 10px 50px;
	background-repeat: no-repeat;
	background-position: left center;
}
.footConDl dd+dd{
	margin-left: 125px;
}
.footConDl dd.dd1{
	background-image: url(../images/footIco1.png);
}
.footConDl dd.dd2{
	background-image: url(../images/footIco2.png);
}
.footConTxt{
	font-size: 14px;
	line-height: 35px;
	color: #666;
} 
.footConTel{
	color: #D0000D;
	font-size: 24px;
	line-height: 35px;
	font-weight: bold;
}
.footEwm dd{
	float: left;
	display: inline;
	margin-left: 30px;
}
.footEwm .pic{
	background: #fff;
	border: 1px solid #e5e5e5;
	width: 105px;
}
.footEwm .pic:before{
	padding-top: 100%;
}
.footEwm .title{
	font-size: 14px;
	text-align: center;
	color: #666;
	line-height: 30px;
	padding-top: 5px;
}
.footer2{
	line-height: 60px;
	background: #3b3b3b;
	font-size: 14px;
	color: #c7c7c7;
}
.footer2 a{
	color: #C7C7C7;
	transition:all 0.2s ease;
	-webkit-transition:all 0.2s ease;
}
.footer2 a:hover{
	color: #fff;
}
/*底部结束*/

/*----------------------------- 整体框架 end -----------------------------*/

/*----------------------------- 首页样式 start -----------------------------*/

/* banner start */
.banner{
	position: relative;
}
.banner a{
	display: block;
	height: 100%;
}
.banner img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.banner .slick-dots{
	position: absolute;
	left: 0;
	width: 100%;
	bottom: 30px;
	text-align: center;
	font-size: 0;
}
.banner .slick-dots li{
	display: block;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	border: 1px solid #fff;
	margin:  0 5px;
	display: inline-block;
	cursor: pointer;
}
.banner .slick-dots li.slick-active{
	background: #fff;
}
/* banner end */

/* 公用 start */
.indTitle1 .title{
	font-size: 26px;
	color: #333;
	line-height: 40px;
	font-weight: bold;
}
.indTitle1 .title2{
	font-size: 16px;
	color: #333;
	line-height: 32px;
	font-weight: lighter;
	padding: 5px 0 15px 0;
	text-transform: uppercase;
	position: relative;
}
.indTitle1 .title2:before{
	content: '';
	display: block;
	width: 20px;
	height: 4px;
	background-color: #D0000D;
	position: absolute;
	bottom: 0;
	left: 0;
}

.indTitle2 .title{
	font-size: 26px;
	color: #333;
	line-height: 40px;
	font-weight: bold;
	text-align: center;
}
.indTitle2 .title span{
	display: inline-block;
	position: relative;
}
.indTitle2 .title span:before,
.indTitle2 .title span:after{
	content: '';
	display: block;
	width: 20px;
	height: 4px;
	background-color: #D0000D;
	position: absolute;
	top: 50%;
	margin-top: -2px;
}
.indTitle2 .title span:before{
	left: -40%;
}
.indTitle2 .title span:after{
	right: -40%;
}
.indTitle2 .title2{
	font-size: 16px;
	color: #333;
	line-height: 32px;
	font-weight: lighter;
	padding: 5px 0 15px 0;
	text-transform: uppercase;
	text-align: center;
}
/* 公用 end */

/* 最新资讯 start */
.newstext{
	box-shadow: 0 0 14px 0 rgba(0,0,0,0.1);
	padding: 12px 0;
	overflow: hidden;
	position: relative;
	z-index: 9;
}
.newsTitle{
	background: url(../images/newsIco1.png) left center no-repeat;
	font-size: 16px;
	color: #333;
	padding-left: 40px;
	float: left;
	margin-right: 50px;
	line-height: 30px;
}
.newsList1{
	overflow: hidden;
}
.newsList1 dd{
	float: left;
	display: inline;
	overflow: hidden;	
	width: 44.7%;
	box-sizing: border-box;
	padding: 0 50px 0 80px;
	line-height: 30px;
	position: relative;
}
.newsList1 a{
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #666;
}
.newsList1 span{
	float: right;
	color: #999;
	width: 
}
.newsList1 a:hover{
	color: #D0000D;
}
.newsList1 .type{
	position: absolute;
	left: 0;
	top: 0;
	width: 50px;
	line-height: 30px;
	border-radius: 3px;
	background: #d0000d;
	text-align: center;
	font-size: 14px;
	color: #fff;
}
/* 最新资讯 end */

/* 单位简介 start */
.intrLeft{
	width: 50%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding-right: 90px;
	padding-top: 5%;
	background: url(../images/infrBg.png) right bottom no-repeat;
	background-size: contain;
}
.intrCon .title a{
	display: block;
	font-size: 18px;
	color: #333;
	line-height: 36px;
	height: 36px;
	overflow: hidden;
	padding-top: 20px;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
.intrCon .title a:hover{
	color: #D0000D;
}
.intrCon .info{
	font-size: 14px;
	color: #666;
	line-height: 26px;
	overflow: hidden;
	height: 105px;
	padding-top: 10px;
	margin-bottom: 5%;
}
.intrCon .more a{
	display: block;
	width: 118px;
	height: 38px;
	line-height: 38px;
	text-align: center;
	color: #333;
	font-size: 14px;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	border: 1px solid #e5e5e5;
	border-radius: 3px;
}
.intrCon .more a:hover{
	color: #fff;
	border: 1px solid #D0000D;
	background: #D0000D;
}
.intrRight{
	overflow: hidden;
	width: 50%;
}
.intrRight .pic:before{
	padding-top: 56.25%;
}
/* 单位简介 end */

/* 业务范围 start */
.indBusiness dd{
	float: left;
	display: inline;
	width: 33.333333%;
	background-size: cover;
	background-repeat: no-repeat;
}
.indBusiness a{
	display: block;
	padding-top: 60%;
	position: relative;
}
.indBusiness .table{
	position: absolute;
	left: 0;
	top: 50%;
	top: 0\9;
	transform: translateY(-50%);
}
.indBusiness .ico{
	height: 65px;
	background-repeat: no-repeat;
	background-position: center top;
	transition:all 0.4s ease;
	-webkit-transition:all 0.4s ease;
}
.indBusiness .title{
	font-size: 24px;
	color: #fff;
	line-height: 40px;
	text-align: center;
	padding-top: 10px;
}
.indBusiness .title span{
	display: inline-block;
	position: relative;
}
.indBusiness .title span:before,
.indBusiness .title span:after{
	content: '';
	display: block;
	width: 20px;
	height: 4px;
	background-color: #fff;
	position: absolute;
	top: 50%;
	margin-top: -2px;
}
.indBusiness .title span:before{
	left: -30%;
}
.indBusiness .title span:after{
	right: -30%;
}
.indBusiness .title2{
	font-size: 18px;
	color: #fff;
	line-height: 32px;
	text-align: center;
	padding-top: 10px;
	margin-bottom: 10px;
}
.indBusiness .info{
	font-size: 14px;
	color: #fff;
	line-height: 28px;
	text-align: center;
	padding-top: 10px;
	padding: 0 9%;
	height: 0;
	overflow: hidden;
	visibility: hidden;
	opacity: 0;
	transform: translateY(30px);
	transition:all 0.4s ease;
	-webkit-transition:all 0.4s ease;
}
@media screen and (max-width: 1400px) {
	.indBusiness .info{
		padding: 0 6%;
	}
}
.indBusiness a:hover .ico{
	height: 0;
	transform: translateY(-30px);
	visibility: hidden;
	opacity: 0;
}
.indBusiness a:hover .info{
	transform: translateY(0);
	visibility: visible;
	opacity: 1;
	height: 56px;
}
/* 业务范围 end */

/* 信息资讯 start */
.indexMenu{
	padding-top: 15px;
}
.indexMenu dd{
	float: left;
	display: inline;
	width: 135px;
	line-height: 38px;
	height: 38px;
	text-align: center;
	border-radius: 38px;
	border: 1px solid transparent;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	margin: 0 1px;
}
.indexMenu a{
	display: block;
	color: #333;
}
.indexMenu dd:hover,
.indexMenu dd.hover{
	border-color: #D0000D;
}
.indexMenu dd:hover a,
.indexMenu dd.hover a{
	color: #D0000D;
}
.newsScroll{
	width: 42.875%;
	position: relative;
}
.newsScroll a{
	display: block;
	position: relative;
}
.newsScroll .pic:before{
	padding-top: 66.666666%;
}
.newsScroll .title{
	line-height: 60px;
	background: rgba(0,0,0,0.5);
	color: #fff;
	font-size: 18px;
	padding: 0 180px 0 27px;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}
.newsScroll .title span{
	display: block;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	
}
.newsScroll .slick-dots{
	position: absolute;
	right: 10px;
	bottom: 24px;
	text-align: right;
	font-size: 0;
}
.newsScroll .slick-dots li{
	display: block;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	border: 1px solid #fff;
	margin:  0 5px;
	display: inline-block;
	cursor: pointer;
}
.newsScroll .slick-dots li.slick-active{
	background: #fff;
}
.newsList{
	overflow: hidden;
	padding-left: 5%;
}
@media screen and (max-width:1700px) {
	.newsList{
		height: 360px;
	}
}
.newsList dd+dd{
	border-top: 1px solid #e5e5e5;
}
.newsList a{
	display: block;
	padding: 10px 25px;
	position: relative;
	background: url(../images/jia.png) right center no-repeat;
}
.newsList a:before{
	content: '';
	display: block;
	width: 8px;
	height: 8px;
	border-radius: 8px;
	background: #a8584e;
	position: absolute;
	left: 0;
	top: 28px;
}
.newsList .title{
	line-height: 40px;
	color: #666;
	font-size: 16px;
}
.newsList .time{
	line-height: 30px;
	color: #666;
	font-size: 16px;
}
.newsList a:hover .title{
	color: #D0000D;
}
/* 信息资讯 end */

/* 友情链接 start */
.indexLink{
	margin: 0 -15px;
}
.indexLink dd{
	float: left;
	display: inline;
	width: 20%;
	margin-bottom: 25px;
}
.indexLink a{
	display: block;
	margin: 0 15px;
	border-radius: 3px;
	overflow: hidden;
	transition:all 0.4s ease;
}
.indexLink .pic:before{
	padding-top: 60%;
}
.indexLink a:hover{
	box-shadow: 0 1px 14px 0 rgba(0,0,0,0.1);
	transform: translateY(-4px);
}
/* 友情链接 end */

/*----------------------------- 首页样式 end -----------------------------*/

/*----------------------------- 内页框架 start -----------------------------*/

/* subBanner start */
.subBanner{
	padding-top: 20.5729%;
	overflow: hidden;
	position: relative;
}
.subBanner img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
/* subBanner end */

/* location start */
.locationBox{
	background: #fff;
	height: 59px;
	line-height: 60px;
	border-bottom: 1px solid #e5e5e5;
	position: relative;
}
.location a{
	color: #333;
	font-size: 14px;
}
.location a.home{
	display: inline-block;
	width: 15px;
	height: 15px;
	vertical-align: middle;
	background: url(../images/home.png) left center no-repeat;
}
.location i{
	padding: 0 5px;
	font-size: 15px;
	color: #666;
}
.location a:hover,
.location a.hover{
	color: #D0000D;
}
/* location end */

/* 二级导航 start */
.subMenu dd{
	float: left;
	display: inline;
	position: relative;
}
.subMenu span{
	display: block;
	padding: 0 20px;
	position: relative;
}
.subMenu dd.show span:before{
	content: '';
	display: block;
	position: absolute;
	right: 5px;
	top: 50%;
	margin-top: -3px;
	border: 5px solid;
	border-color:#999 transparent  transparent transparent;
}
.subMenu span a{
	display: block;
	color: #333;
	position: relative;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
.subMenu span a:after{
	content: '';
	display: block;
	border-bottom: 1px solid #D0000D;
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 0;
	transition:all 0.4s ease;
	-webkit-transition:all 0.4s ease;
}
.subMenu span a:hover,
.subMenu dd.hover span a{
	color: #D0000D;
}
.subMenu span a:hover:after,
.subMenu dd.hover span a:after{
	left: 0;
	width: 100%;
}
/* 三级 */
.subMenuUl{
	position: absolute;
	left: 0;
	top: 100%;
	width: 1000px;
	overflow: hidden;
	visibility: hidden;
	opacity: 0;
	transform: translateY(-30px);
	transition:all 0.4s ease;
	-webkit-transition:all 0.4s ease;
	background: #fff;
}
.subMenuUl li{
	float: left;
	display: inline;
	padding: 0 10px;
	line-height: 50px;
	
}
.subMenuUl a{
	display: block;
	color: #333;
}
.subMenuUl li.hover a,
.subMenuUl a:hover{
	color: #D0000D;
}
.subMenu dd:hover .subMenuUl{
	visibility: visible;
	opacity: 1;
	transform: translateY(0);
}
/* 三级导航 start */
.threeMenu{
	padding: 20px 0;
	overflow: hidden;
	border-bottom: 1px solid #e5e5e5;
}
.threeMenu dd{
	float: left;
	display: inline;
	margin-right: 15px;
}
.threeMenu a{
	display: block;
	background: #fff;
	border: 1px solid #f7f7f7;
	text-align: center;
	line-height: 40px;
	width: 130px;
	border-radius: 3px;
	color: #333;
	transition:all 0.4s ease;
	-webkit-transition:all 0.4s ease;
}
.threeMenu dd.hover a,
.threeMenu a:hover{
	color: #fff;
	background: #D0000D;
	border-color: #D0000D;
}
/* 三级导航 end */

/*页码 start*/
.page{padding:30px 0;text-align: center;clear: both;font-size: 14px;}
.page a{display: inline-block;overflow: hidden;padding:6px 12px;color:#999999;border-radius:3px;background: #fff; margin: 0 3px;}
.page span{display: inline-block; padding: 6px 2px; position: relative; top: -15px;}
.page a:hover{background: #d0000d;color: #fff;}
.page a.hover{background: #d0000d;color: #fff;}
.page input{display: inline-block;vertical-align: middle;height: 22px;border: 1px solid #e6e6e6;position: relative; top: -2px;}
.page input.pageDetail{width: 30px; height: 30px; text-align: center; border-radius: 3px; color: #999999; position: relative; top: -13px;}
.page label{color:#999999;position: relative;top: -11px;}
.page input.page_bnt{border: none; width: 30px; height: 25px; cursor: pointer; background: none; color: #999999; position: relative; top: -13px;}

.page a div{
    width: 11px;
    height: 19px;
    background-position: center center;
    background-repeat: no-repeat;
}
.page a.firstPage div{background-image: url(../images/page/firstPage.png)}
.page a.prevPage div{background-image: url(../images/page/prevPage.png)}
.page a.nextPage div{background-image: url(../images/page/nextPage.png)}
.page a.lastPage div{background-image: url(../images/page/lastPage.png)}

.page a.firstPage:hover div{background-image: url(../images/page/firstPageH.png)}
.page a.prevPage:hover div{background-image: url(../images/page/prevPageH.png)}
.page a.nextPage:hover div{background-image: url(../images/page/nextPageH.png)}
.page a.lastPage:hover div{background-image: url(../images/page/lastPageH.png)}

.page a.firstPage.disabled{background:#E2E2E2;}
.page a.prevPage.disabled{background:#E2E2E2;}
.page a.nextPage.disabled{background:#E2E2E2;}
.page a.lastPage.disabled{background:#E2E2E2;}

.page a.firstPage.disabled div{background-image: url(../images/page/firstPage.png)}
.page a.prevPage.disabled div{background-image: url(../images/page/prevPage.png)}
.page a.nextPage.disabled div{background-image: url(../images/page/nextPage.png)}
.page a.lastPage.disabled div{background-image: url(../images/page/lastPage.png)}

/*页码 end*/

/*----------------------------- 内页框架 end -----------------------------*/