﻿.content{width:1200px;margin: 40px auto 60px;}
.content .Left{width:220px;float: left;}
.content .Left .name{color:#2865b3;position: relative;font-size:20px;font-weight:bold;margin: 0px 0px 17px 0px;padding: 0px 50px 0px 0px;}
.content .Left .name:after{content:'';width: calc(100% - 88px);height: 25px;background:url(../images/icon-slide.png) left center no-repeat;position: absolute;left: 88px;top: 50%;transform: translateY(-50%);}
.content .Left ul{border: 1px solid #dadada;border-top: 0;border-bottom: 0;}
.content .Left li{border-bottom: 1px solid #dadada;height: 54px;line-height: 54px;text-align: center;transition:0.5s all ease;}
/* .content .Left li:last-child{border:0;} */
.content .Left li a{font-size:14px;color: #6b6b6b;display: block;transition:0.5s all ease;}
.content .Left li:hover{background:#2865b3;}
.content .Left li:hover a{color:#fff;}
.content .Left li.on{background:#2865b3;}
.content .Left li.on a{color:#fff;}
.content .Left li:first-child{border-top:1px solid #dadada;}

.content .Right{width:940px;float:right;}
.content .Right .name{font-size:18px;color:#333333;padding: 2px 0px 18px 0px;border-bottom: 1px solid #cdcdcd;}
.content .Right .name .position{float:right;color:#6f6f6f;font-size:12px;font-weight:normal;position: relative;top: 7px;}
.content .Right .name .position img{margin:1px 5px 0px 0px;}
.content .Right .name .position a{color:#6f6f6f;}
.content .Right .name .position span{margin:0px 2px;}

.news li{float: left;width:100%;padding:30px 0px;border-bottom: 1px solid #cdcdcd;}
.news li:nth-child(2n){float: right;}
.news li .Img{width: 180px;height: 110px;float: left;overflow:hidden;}
.news li  img{width:100%;height:100%;transition:0.5s all ease;}
.news li .words{width:740px;float: right;}
.news li .title{color:#333333;font-size:18px;transition:0.3s all ease;}
.news li .sum{color:#666666;font-size: 16px;margin: 9px 0px 10px 0px;line-height: 23px;}
.news li .time{font-size:16px;color: #666666;line-height: 20px;}
.news li:hover .title{color:#2865b3;}
.news li:hover img{transform:scale(1.2);}

.pages{text-align:center;margin: 20px 0px 0px 0px;font-size:0px;}
.pages a{width:40px;height:40px;line-height:40px;text-align:center;display:inline-block;background:#fff;box-shadow: 0px 2px 3px 2px #eee;border:1px solid #d0d0d0;border-radius:5px;font-size:18px;color:#666666;margin: 0px 5px;}
.pages a.prev{position:relative;top: 14px;background:url(../images/icon-prev.png) center center no-repeat;}
.pages a.next{position:relative;top: 14px;background:url(../images/icon-next.png) center center no-repeat;}
.pages a:hover{color:#fff;background:#2865b3;}
.pages a.currentpage{color:#fff;background:#2865b3;}
.pages a.prev:hover{background:url(../images/icon-prev.png) center center no-repeat;}
.pages a.next:hover{background:url(../images/icon-next.png) center center no-repeat;}

.Introduction{font-size: 18px;color: #333333;line-height: 36px;margin: 20px 0px 0px 0px;min-height: 300px;}
.Introduction img{max-width:100%;}
.articleInfo .title{text-align: center;font-size: 18px;color: #333;border-bottom:1px solid #cdcdcd;padding: 0px 0px 18px 0px;}
.articleInfo .time{text-align:center;font-size:16px;color:#666666;margin:15px 0px 0px 0px;}

.Introduction .download{float: right;font-size: 16px;color: #2865b3;line-height: 26px;margin: 20px 0px 0px 0px;text-decoration: underline;}
.Introduction .download img{margin:0px 10px 0px 0px;}

.download ul{margin:20px 0px 0px 0px;}
.download li{width: 220px;height: 80px;position: relative;background: #f4f4f4;float: left;margin: 0px 20px 20px 0px;}
.download li a{position:absolute;top:50%;transform: translateY(-50%);width: 100%;text-align: center;color:#2865b3;font-size:18px;padding: 0px 10px;box-sizing: border-box;}
.download li:nth-child(4n){margin-right:0;}
.download li:hover a{font-weight:bold;}

.research li{padding: 27px 0px 25px 0px;border-bottom: 1px solid #cdcdcd;position: relative;}
.research li .title{color: #333333;font-size: 18px;transition:0.3s all ease;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.research li .sum{color: #666666;font-size: 16px;line-height: 28px;margin: 8px 0px 0px 0px;transition:0.3s all ease;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.research li .time{position: absolute;right: 0px;bottom: 25px;color: #666666;font-size: 14px;transition:0.3s all ease;}
.research li:hover .title{color:#2865b3;}
.research li:hover .sum{color:#2865b3;}
.research li:hover .time{color:#2865b3;}

.earthquake li{padding: 17px 0px 17px 0px;border-bottom: 1px solid #cdcdcd;position: relative;}
.earthquake li a{color: #333333;font-size: 18px;transition:0.3s all ease;display: block;}
.earthquake li:after{content:'';width: 18px;height: 18px;background:url(../images/icon-arrow.png) center center no-repeat;position:absolute;right: 0px;top:50%;transform:translateY(-50%);transition:0.5s all ease;}
.earthquake li:hover a{color:#2865b3}
.earthquake li:hover:after{background:url(../images/icon-arrow1.png) center center no-repeat;}

.LatestData ul{margin: 5px 0px 0px 0px;}
.LatestData li{border-bottom: 1px solid #cdcdcd;padding: 20px 0px;}
.LatestData li .time{border:1px solid #999999;border-radius: 5px;width:74px;float: left;text-align: center;transition:0.3s all ease;}
.LatestData li .year{background:#999999;color: #fff;font-size: 14px;line-height: 24px;transition:0.3s all ease;}
.LatestData li .day{font-size: 30px;color: #999999;line-height: 50px;transition:0.3s all ease;}
.LatestData li .words{float:left;width: 840px;margin:0px 0px 0px 20px;}
.LatestData li .title{color:#333333;font-size:18px;transition:0.3s all ease;}
.LatestData li .sum{color:#666666;font-size: 16px;margin: 7px 0px 0px 0px;line-height: 22px;}
.LatestData li:hover .time{border:1px solid #2865b3;}
.LatestData li:hover .year{background:#2865b3;}
.LatestData li:hover .day{color:#2865b3;}
.LatestData li:hover .title{color:#2865b3;}

.AboutUs{font-size:18px;color:#333333;line-height:30px;margin: 25px 0px 0px 0px;}
.AboutUs .about1{width: 715px;margin: 25px auto 0px;}
.AboutUs .about1 li{float: left;width: 175px;margin: 0px 90px 35px 0px;}
.AboutUs .about1 li p{color: #333333;font-size: 20px;}
.AboutUs .about1 li p span{color:#333333;font-size: 28px;}
.AboutUs .about1 li .b1{font-size: 16px;color: #2865b3;margin: 3px 0px 0px 0px;}
.AboutUs .about1 li .icon{width:40px;height: 40px;background:#2865b3;border-radius: 50%;text-align: center;line-height:38px;margin: 10px 20px 0px 0px;float: left;position: relative;}
.AboutUs .about1 li .icon img{vertical-align: middle;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.AboutUs .about1 li .a1{display: inline-block;}
.AboutUs .about1 li:nth-child(3n){float: right;margin-right:0px;}
.AboutUs .about1 li:nth-last-child(1){margin:0;}
.AboutUs .about1 li:nth-last-child(2){margin:0;}

.AboutUs .about2 li{width: 225px;box-sizing:border-box;border-left:1px solid #c9d8ed;float: left;text-align: center;}
.AboutUs .about2 li .t1{font-size: 14px;color: #333333;margin: 10px 0px 0px 0px;}
.AboutUs .about2 li:last-child{border-right:1px solid #c9d8ed;}
.AboutUs .about2 {margin: 40px auto 0px;width: 675px;}
.AboutUs .about2 li img{max-width:100%;}


.searchList li{padding: 15px 0px;border-bottom: 1px solid #c6c3c3;}
.searchList li>a{display: block;max-height: 20px;line-height: 20px;overflow: hidden;font-size: 16px;transition:0.5s all ease;}
.searchList li:hover>a{color:#2865b3;}

.Pbanner{width: 100%;position:relative;}
.Pbanner img{width: 100%;}
.Pbanner .words{position:absolute;top:50%;width:1200px;left:50%;transform:translateY(-50%);font-size:60px;color:#fff;margin-left:-600px;text-align:center;font-weight: bold;letter-spacing: 12px;}
.list_zt{height: 60px;line-height: 60px;background: #2865b3;}
.list_zt .center{width:1200px;margin:0 auto;}
.list_zt .center a{color:#fff;font-size: 24px;width: 25%;float: left;text-align: center;}
.list_zt .center a:hover{background:#275b9e;}
.list_zt .center a.on{background:#275b9e;}




@media(max-width:1024px){
	.content .Left{display: none;}
	.content{width:94%;margin: 20px auto 30px;}
	.content .Right{float: none;width: 100%;}
	.content .Right .name{font-size: 15px;padding: 0px 0px 10px 0px;flex-wrap: wrap;display: flex;}
	.content .Right .name .position{font-size:10px;top: 2px;flex: 1;height: 17px;overflow: hidden;-webkit-line-clamp: 1;-webkit-box-orient: vertical;display: -webkit-box;text-align: right;}
	.content .Right .name .position span{margin:0px;}
	.content .Right .name .position img{margin: 2px 1px 0px 0px;max-width:13px;}

	.news li{padding:10px 0px;float: none;}
	.news li .Img{width: 24vw;height: 16vw;}
	.news li .words{width:calc(100% - 25vw);}
	.news li .title{font-size:14px;height: 20px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
	.news li .sum{font-size:12px;max-height:36px;overflow:hidden;line-height:18px;margin: 5px 0px 0px 0px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
	.news li .time{display:none;}
	.news li:nth-child(2n){float:none;}

	.pages a{width: 22px;height: 22px;line-height: 22px;font-size:12px;margin: 0px 2px;border-radius: 3px;}
	.pages a.prev{background-size: 7px!important;top: 7px;}
	.pages a.next{background-size: 7px!important;top: 7px;}


	.Introduction{font-size:14px;line-height: 26px;margin: 12px 0px 0px 0px;}
	.articleInfo .title{font-size: 15px;padding: 0px 0px 12px 0px;}
	.articleInfo .time{font-size: 12px;margin: 10px 0px 0px 0px;}

	.Introduction .download{font-size:14px;}
	.Introduction .download img{max-width:20px;margin: 3px 6px 0px 0px;}


	.download li{width: 48.5%;margin: 0px 0px 10px 0px;height: 50px;}
	.download li:nth-child(2n){float: right;}
	.download li a{font-size:14px;}

	.research li{padding: 15px 0px 13px 0px;}
	.research li .title{font-size:14px;height: 20px;line-height: 20px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
	.research li .sum{font-size:12px;line-height: 22px;margin: 5px 0px 0px 0px;}
	.research li .time{bottom: 16px;font-size: 12px;}

	.earthquake li{padding: 10px 0px;}
	.earthquake li a{font-size: 14px;}
	.earthquake li:after{width:12px;height: 12px;background-size: 10px!important;}

	.LatestData li .time{width: 55px;}
	.LatestData li .year{font-size:12px;line-height: 20px;}
	.LatestData li .day{font-size:20px;line-height: 35px;}
	.LatestData li .words{width: calc(100% - 65px);margin:0;float:right;}
	.LatestData li .title{font-size:14px;height:20px;line-height:20px;display:-webkit-box;overflow:hidden;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
	.LatestData li .sum{margin: 3px 0px 0px 0px;font-size:12px;max-height: 38px;overflow:hidden;display:-webkit-box;line-height: 18px;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
	.LatestData li{padding:10px 0px;}


	.AboutUs{font-size: 14px;margin: 15px 0px 0px 0px;line-height: 24px;}
	.AboutUs .about1{width:100%;}
	.AboutUs .about1 li{max-width: 112px;margin: 0px calc((100% - 312px)/2) 20px 0px;width: auto;}
	.AboutUs .about1 li .icon{width:30px;height:30px;line-height: 28px;margin: 5px 10px 0px 0px;}
	.AboutUs .about1 li .icon img{max-width:15px;}
	.AboutUs .about1 li:nth-child(2n){float:left}
	.AboutUs .about1 li:nth-child(3n){float:right;margin-right: 0px;}
	.AboutUs .about1 li p{font-size:14px;line-height: 20px;}
	.AboutUs .about1 li .b1{font-size: 10px;line-height: 20px;}
	.AboutUs .about1 li p span{font-size:16px;}

	.AboutUs .about2{margin:20px 0px 0px 0px;}
	.AboutUs .about2 li{width:33.33%;font-size:12px;}
	.AboutUs .about2 li .t1{font-size:10px;}
	.AboutUs .about2 li img{max-width:20px;}

	.searchList li{padding:10px 0px;}
	.searchList li a{font-size:14px;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}

	.pages{margin:10px auto 0px;}

	.Pbanner .words{font-size: 20px;letter-spacing: 2px;}
	.list_zt{height:40px;line-height:40px;}
	.list_zt .center{width:94vw;}
	.list_zt .center a{font-size:14px;}
	.Pbanner img{min-height: 100px;}





}


