
.pageA{ position: relative;border-top: 1px solid #d9d9d9;}
.pageA a{font-size:12px; color:#666666; line-height: 20px;}
.pageA a:hover{color:#0a6dde;}
.pageUp{float:left;width: 40%}
.pageDown{float:right; width: 40%; text-align: right;}
.pageA .backUp{position:absolute; bottom:0; left: 50%;font-size:16px; color:#666;  white-space: nowrap;
-webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%,0);
        transform: translate(-50%, 0);}
.backUp .span{width:20px; height: 20px; float:left; margin-right:5px;  background-size:100%;}


@media screen and (max-width:767px){
	.pageA{padding-top:40px;}
	.pageA a{width:100%; text-align: center;}
	.pageA .backUp{width:auto; top:10px; bottom:auto;}
}



.news{padding:50px 0 70px 0;}
.newList{width:73.14%; float:left; padding-bottom:47px;}
.newList .list{padding:25px 0; background-color:#f7f7f7; margin-bottom:20px;}
.newList .time{width:180px; text-align: center; float:left; padding-top:24.5px;}
.newList .time .H5{font-size:72px; color:#c2c2c2; font-family: Arial; font-weight: bold;}
.newList .time .H6{font-size:20px; color:#4c4c4c; font-family: Arial;}
.newList .pic{width:240px; float:left; overflow: hidden;}
.newList .pic img{-webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;}
.newList .text{margin-left:420px; padding:25px 45px 20px 30px;}
.newList .text .H4{font-size:18px; color:#333333;}
.newList .text .p{font-size:14px; line-height: 26px; height: 78px; margin-top:20px;
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;}
.newList .list:hover{background-color:#0a6dde;}
.newList .list:hover .pic img{transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);}
.newList .list:hover .H4,
.newList .list:hover .H5,
.newList .list:hover .H6{color:#fff;}
.newList .list:hover .p{color:#fff;opacity: 0.5;}

.newsL{width:23.57%; float:right; background-color:#f7f7f7}
.nlTi{width:100%;padding:55px 0; background:url(../image/j62.jpg) center no-repeat; background-size:cover; text-align: center; overflow: hidden;}
.nlTi .H5{display:inline-block; font-size:36px; color:#0a6dde; font-weight: bold; position: relative;}

.newsList2{margin-top:30px;}
.newsList2 .list{padding:0 25px;}
.newsList2 .list a{display:block; padding:20px 0; border-bottom:1px solid #e7e7e7;
-webkit-transition: all 0s ease-out 0s;
    -moz-transition: all 0s ease-out 0s;
    -o-transition: all 0s ease-out 0s;
    transition: all 0s ease-out 0s;}
.newsList2 .list .pic{width:95px; float:right; overflow: hidden;}
.newsList2 .list .pic img{-webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;}
.newsList2 .list .text{margin-right:110px;}
.newsList2 .list .text .H4{font-size:14px; line-height: 20px; height: 40px; margin: 8px 0;
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
.newsList2 .list .text .time{font-size:12px; color:#666666;}
.newsList2 .list:hover{background-color:#0a6dde;}
.newsList2 .list:hover a{border-color:#0a6dde;}
.newsList2 .list:hover .pic img{
	transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);
}
.newsList2 .list:hover .text .H4,
.newsList2 .list:hover .text .time{color:#fff;}

@media screen and (max-width:1199px){
	.news{padding:60px 0;}
	.newList .time{width:120px;}
	.newList .time .H5{font-size:50px;}
	.newList .time .H6{font-size:16px;}
	.newList .pic{width:200px;}
	.newList .text{margin-left:320px; padding:10px 20px 0 20px;}
	.newsList2 .list{padding:0 10px;}
	.nlTi .H5{font-size:30px;}
}
@media screen and (max-width:991px){
	.newList{width:100%}
	.newsL{width:100%; margin: 20px 0 30px 0}
	.newsList2{margin:0;}
	.newsList2 .list{width:48%; margin-right:4%; float:left;}
	.newsList2 .list:nth-child(2n){margin-right:0;}
}
@media screen and (max-width:767px){
	.news{padding:30px 0;}
	.newList .list{padding:10px 0; position: relative;}
	.newList .pic{width:130px;}
	.newList .text{margin-left:130px; padding:0 10px;}
	.newList .text .H4{font-size:16px;}
	.newList .text .p{font-size:13px; line-height: 22px; height: 44px; margin:5px 0 0 0;-webkit-line-clamp: 2;}
	.newList .time{position:absolute; bottom:5px; right:5px; padding:0; width:100px }
	.newList .time .H5{float:left; font-size:20px; line-height: 20px; margin-right:10px;}
	.newList .time .H6{float:left; font-size:14px; line-height: 20px;}
	.newList .list{margin-bottom:15px;}
	.newList{padding:0;}
	.nlTi{padding:20px 0;}
	.nlTi .H5{font-size:20px;}
	.newsList2 .list{width:100%;}
	.newsList2 .list a{padding:10px 0;}
	.newsList2 .list:last-child a{border:none;}
}

/*新闻详细*/
.newDeR{width:72.85%; float:left;}
.newDeR .H2{font-size:30px; color:#333333;}
.newDeR .deInfor{padding:22px 0 17px 0; border-bottom:1px solid #e2e2e2;}
.newDeR .deInfor .H6{display:inline-block; font-size:14px; color:#777777; margin-right:0.98%;}
.newDeR .deInfor .H6:last-child{margin-right:0;}
.newDeR .p{padding:30px 0 45px 0; font-size:14px; line-height: 30px; color:#666666;}
.newDeR .img{width:48.23%; margin-right:3.54%; float:left;}
.newDeR .img:nth-child(2n){margin:0;}
.pageA3 a{font-size:14px; color:#8b8b8b; font-weight: bold;}
.pageA3 a .newTitle{display:block; font-size:14px; color:#232323; font-weight: normal;}
.pageA3 a:hover .newTitle{color:#0a6dde;}
.pageA3 .backUp{bottom:10px;}

@media screen and (max-width:1199px){
	.newDeR .H2{font-size:22px; text-align: center;}
	.newDeR .deInfor{text-align: center;}
}
@media screen and (max-width:991px){
	.newDeR{width:100%;}
}
@media screen and (max-width:767px){
	.newDeR .H2{font-size:18px;}
	.newDeR .deInfor{ padding:15px 0;}
	.newDeR .deInfor .H6{font-size:12px;}
	.newDeR .p{padding:20px 0;}
	.newDeR .p{font-size:13px; line-height: 22px;}
	.pageA3 .backUp{bottom:auto;}
	.newsDe .newsL{margin-bottom:0;}
}


