@charset "UTF-8";
/* CSS Document */
/*
-----------------------------首页样式start-----------------------------
*/
.myContent1{ width: 1760px; margin: 0 auto;}
.myContent2{ width: 1400px; margin: 0 auto;}
/*头部开始*/
.topBox{ height: 110px;}
.top{ width: 100%; height: 110px; background: #FFF; position: fixed; left: 0px; top: 0px; z-index: 10000; box-shadow: 0px 0px 20px rgba(0,0,0,0.1);}
.logo{ height: 72px; overflow: hidden; margin-top: 19px;}
.logo img{ height: 72px;}
.topR{ position: relative; }
/*头部结束*/
/*menu开始*/
.menu dd{flex:1; float:left; display:inline; position:relative; padding: 0 22px;}
.menu dd:after{
	content: '';
	display: block;
	border-bottom: 3px solid #c50015;
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 0;
	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
}
.menu dd .yj a{ display:block; height:110px; line-height:110px; text-align:center; font-size:16px; position: relative; color: #555555;}
.menu dd .ej{ position: absolute; left: 0px; top: 110px; width: 100%; padding-top: 10px; visibility: hidden; opacity: 0; transform: translateY(20px);-webkit-transform: translateY(20px); transition: all 0.5s;-webkit-transition: all 0.5s;}
.menu dd .ej .ejC{ background: rgba(255, 255, 255, 1); border-radius: 5px; padding: 8px 0; box-shadow: 0px 0px 20px rgba(0,0,0,0.2);}
.menu dd .ej .ejC a{ display: block; padding: 8px 5px; line-height: 20px; font-size: 14px; color: #333333; text-align: center; transition: all 0.5s;-webkit-transition: all 0.5s;}
.menu dd .ej .ejC a:hover{ color: #c50015;}
.menu dd .ej .ejC a.hover{ color: #c50015;}
.menu dd .ej.active{ visibility: visible; opacity: 1; transform: translateY(0px);-webkit-transform: translateY(0px);}
.menu dd:hover:after,
.menu dd.hover:after{
	left: 0;
	width: 100%;
}
.menu dd.hover .yj a{ color: #333333;}
.menu dd .ej:before {
    display: block;
    width: 13px;
    height: 5px;
    content: '';
    background: url(../images/icn2.png) no-repeat center center;
    position: absolute;
    left: 50%;
    margin-left: -6px;
    top: 5px;
}
/*menu结束*/

/*indexBanner开始*/
.indexBanner{ overflow: hidden; height: 710px; width: 100%; position: relative;}
.indexBanner .myslide{ background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative; height: 710px;}
.indexBanner .slick-dots {
	position: absolute;
	left: 0;
	width: 100%;
	bottom: 30px;
	text-align: center;
}

.indexBanner .slick-dots li {
	width: 12px;
	height: 12px;
	line-height: 9999px;
	text-align: center;
	background: #FFF;
	border-radius: 18px;
	color: #ffffff;
	display: inline-block;
	margin:0 5px ;
	cursor: pointer;
	position: relative;
	transition: all .3s;
	-webkit-transition: all .3s;
}

.indexBanner .slick-dots li.slick-active {
	background: #c50015;
}
.indexBanner .con1{ position: absolute; left:50%; top: 50%; margin-top: -143px;]}
/*indexBanner结束*/

/* 标题 start */
.indexT{ 
	height: 155px;
	line-height: 155px;
	font-size: 30px;
	text-align: center;
	background: url(../images/titleBg.png) center center no-repeat;
}
.indexT a{
	color: #333;
}
.indexT img{ height: 72px; display: block; margin: 0 auto;}
/* 标题 end */

/* 第一通栏 start */
.column1Scroll{
	width: 45%;
	margin-right: 3%;
	border-radius: 3px;
	overflow: hidden;
}
.column1Scroll .pic{ 
	width: 100%; 
	position: relative; 
	background-color: #FFF;
}
.column1Scroll .pic:before{ 
	display: block; 
	content: ''; 
	width: 100%; 
	padding-top:66.66666%;
}
.column1Scroll .pic img{ 
	position: absolute; 
	left: 0px; 
	top: 0px; 
	width: 100%; 
	height: 100%; 
	object-fit: cover;
}
.column1Scroll .title {
	background: #fff;
	padding: 20px 30px;
	
}
.column1Scroll .title a{
	font-size: 18px;
	color: #333;
	line-height: 32px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
}
.column1Scroll .time{
	font-size: 14px;
	color: #999;
	line-height: 30px;
	padding: 6px 0;
}
.column1Scroll .title em{
	font-size: 14px;
	color: #888;
	line-height: 30px;
	height: 60px;
	overflow: hidden;
	font-style: normal;
}
.column1Scroll .title a:hover{
	color: #c50015;
}

.column1List{
	overflow: hidden;
	position: relative;
	top: -10px;
	margin:0 -10px;
	padding: 10px 10px 10px 10px;
}
.column1List dd+dd{
	padding-top: 18px;
}
.column1List a{
	display: block;
	background: #fff;
	padding: 20px 0;
	border-radius: 3px;
	overflow: hidden;
	transition:all 0.4s ease;
	-webkit-transition:all 0.4s ease;
}
.column1List .time{
	width: 115px;
	position: relative;
	text-align: center;
	padding: 20px 0;
	transition:all 0.2s ease;
	-webkit-transition:all 0.2s ease;
}
.column1List .time:before{
	content: '';
	display: block;
	border-left: 1px solid #e6e6e6;
	height: 50px;
	margin-top: -25px;
	position: absolute;
	right: 0;
	top: 50%;
}
.column1List .time span{
	display: block;
	overflow: hidden;
	font-size: 30px;
	color: #999;
	line-height: 25px;
}
.column1List .time em{
	display: block;
	overflow: hidden;
	font-size: 14px;
	color: #adadad;
	line-height: 25px;
	font-style: normal;
	padding-top: 5px;
}
.column1List .data{
	overflow: hidden;
	padding: 0 115px 0 25px;
	position: relative;
}
.column1List .data i{
	position: absolute;
	display: block;
	right: 30px;
	background: url(../images/arrow1.png) center center no-repeat;
	top: 0;
	height: 100%;
	width: 30px;
}
.column1List .title{
	font-size: 16px;
	color: #333;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 32px;
	height: 32px;
}
.column1List .info{
	font-size: 14px;
	color: #888;
	overflow: hidden;
	line-height: 26px;
	height: 52px;
	padding-top: 5px;
}
.column1List a:hover{
	transform: translateY(-4px);
	box-shadow: 0 1px 14px 0 rgba(0,0,0,0.1);
}
.column1List a:hover .title{
	color: #c50015;
}
/* 第一通栏 end */

/* 第二通栏 start */
.column2Scroll{position: relative;padding: 0 70px;}
.column2Scroll .bd{ overflow: hidden; padding: 10px 0}
.column2Scroll .slick-list{ margin:0 -55px 0 0px; overflow: visible}
.column2Scroll .myslide{ width: 25%; float: left; display: inline; outline: none; }
.column2Scroll .con{ padding-right: 55px;border-radius: 3px ; overflow: hidden;}
.column2Scroll .con .conC{transition: all 0.3s linear; -webkit-transition: all 0.3s linear; position: relative; background: #FFF;}
.column2Scroll .pic{ width: 100%; position: relative; background-color: #FFF;}
.column2Scroll .pic:before{ display: block; content: ''; width: 100%; padding-top:75.4839%;}
.column2Scroll .pic img{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; object-fit: cover;}
.column2Scroll .title{ overflow: hidden;line-height: 30px;  padding:0; text-align: center; padding: 20px 10px;}
.column2Scroll .title a{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; height: 30px; font-size: 16px; color: #333333; }
.column2Scroll .title a:hover{ color: #c50015;}
.column2Scroll .prev{opacity:0.4;transition:all 0.4s ease; -webkit-transition:all 0.4s ease; display:block; width: 35px; height: 70px; cursor: pointer; background: url(../images/prev1.png) no-repeat center center; position: absolute; left: 0; top: 50%; margin-top: -35px; z-index: 1}
.column2Scroll .next{opacity:0.4;transition:all 0.4s ease; -webkit-transition:all 0.4s ease; display:block; width: 35px; height: 70px; cursor: pointer; background: url(../images/next1.png) no-repeat center center; position: absolute; right:0px; top: 50%; margin-top: -35px; z-index: 1}
.column2Scroll .prev:hover,.column2Scroll .next:hover{ opacity: 1;}
.indexMore a{
	display: block;
	height: 42px;
	line-height: 42px;
	width: 145px;
	color: #fff;
	background: #c50015;
	text-align: center;
	font-size: 14px;
	border-radius: 5px;
	margin: 0 auto;
	transition:all 0.4s ease; -webkit-transition:all 0.4s ease;
}
.indexMore a:hover{
	box-shadow: 0 0 10px 0 #c50015;
	opacity: 0.9;
}
/*第二通栏 end*/

/* 第三通栏 start */
.column3Scroll{position: relative;}
.column3Scroll .bd{ overflow: hidden; padding: 10px 0}
.column3Scroll .slick-list{ margin:0 -30px 0 0px; overflow: visible}
.column3Scroll .myslide{ width: 25%; float: left; display: inline; outline: none;}
.column3Scroll .con{ padding-right: 30px;border-radius: 3px ; overflow: hidden;}
.column3Scroll .con .conC{transition: all 0.3s linear; -webkit-transition: all 0.3s linear; position: relative; background: #FFF;}
.column3Scroll .pic{ width: 100%; position: relative; background-color: #FFF;}
.column3Scroll .pic:before{ display: block; content: ''; width: 100%; padding-top:150%;}
.column3Scroll .pic img{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; object-fit: cover;}
.column3Scroll .title{ overflow: hidden;line-height: 30px;  padding:0; text-align: center; padding: 20px 10px;}
.column3Scroll .title a{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; height: 30px; font-size: 16px; color: #333333; }
.column3Scroll .title a:hover{ color: #c50015;}
.column3Dot{ width: 100%; text-align: center;}
.column3Dot .slick-dots{ display: inline-block; overflow: hidden; padding-top: 40px;}
.column3Dot .slick-dots li{ float: left; display: inline; width: 10px; height: 10px; border: 1px solid #c50015; border-radius: 10px; margin: 0 7px; cursor: pointer;}
.column3Dot .slick-dots li.slick-active{ background: #c50015;}
/* 第三通栏 end*/

/*底部开始*/
.footer {
    clear:both;
    overflow:hidden;
    color:#888;
    background:#fff;
    padding:0 0 15px 0;
    line-height:30px;
    text-align:center;
    font-size:14px;
    border-top: 1px solid #ededed;
}
.footerLeft{float: left; padding:20px 0 0 0;}
.footerNav{
    clear:both;
    overflow:hidden;
    padding:10px 0 0 0;
    }
.footerNav span{
    display:block;
    float:left;
    padding:0 15px 0 0;
    font-size:14px;
    margin:0 15px 0 0;
    line-height:14px;
    border-right:1px solid #eeeeee;
    }
.footerRight{ float: right; width:120px;padding:15px 0 0 0;}
.footerRight span{ display: block; width: 120px; height: 120px; border:1px solid #ededed;}
.footerRight span img{ width: 100% }
.footerRight p{ display: block; font-size:12px; color: #999; text-align: center;padding-top:5px;}
.copyrightInfo{
    clear:both;
    padding:15px 0 0 0;
    line-height:30px;
    text-align:left;
}
/*底部结束*/ 
/*
-----------------------------首页样式end-----------------------------
*/
/*
-----------------------------频道页start-----------------------------
*/
/*
-----------------------------频道页end-----------------------------
*/
/*内页框架开始*/
/*内页外结构开始*/
.subBanner{  width: 100%; height:380px ; background-position: center center; background-repeat: no-repeat; background-size: cover; overflow: hidden;}
/*内页外结构结束*/
/*当前位置开始*/
.location{ overflow: hidden; height: 59px; line-height: 59px;border-bottom: 1px solid #e6e6e6;background: #fff;}
.locationL{ font-size: 16px; overflow: hidden; color: #666666;}
.locationL a{ float: left; display: inline;}
.locationL a.hover{ color: #c50015;}
.locationL em{ float: left; display: inline; font-style: normal; margin: 0 28px; color: #d4d4d4;}
.locationR{ overflow: hidden; font-size: 14px; color: #666}
.locationR span{ float: left; display: inline; padding-left: 32px; background: url(../images/location.png) no-repeat left center;}
.locationR a{ float: left; display: inline;}
.locationR a:hover{ color:#c50015;}
.locationR a.hover{ color:#c50015;}
.locationR em{ float: left; display: inline; font-style: normal; margin: 0 5px;}

.subPage{

}
/*当前位置结束*/
/*页码开始*/
.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: #c50015;color: #fff;}
.page a.hover{background: #c50015;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)}
/*页码结束*/
/*内页框架结束*/
/*shine动画*/
@-webkit-keyframes shine {
    0%, 50%, to {
        -webkit-transform:translateX(-15px);
        transform:translateX(-15px);
    }
    25%, 75% {
        -webkit-transform:translateX(0);
        transform:translateX(0);
    }
}
@keyframes shine {
    0%, 50%, to {
        -webkit-transform:translateX(-15px);
        transform:translateX(-15px);
    }
    25%, 75% {
        -webkit-transform:translateX(0);
        transform:translateX(0);
    }
}
.shine {
    -webkit-animation-name:shine;
    animation-name:shine;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}