/* CSS Document */
.headlines{ padding-top: 135px; min-height: 230px; background: #fff;}
.headlines .commWidth{ overflow: auto; zoom: 1;}
.headlines .left{ float: left; width: 210px;}
.headlines .right{ float: right; width: 990px;}
.headlines .right .title{}
.headlines .right .title a{ color: #086ad8; font-size: 36px; display: block; text-align: center; line-height: 55px; font-weight: bold;}
.headlines .right .desc{ color: #333; font-size: 16px; text-align: center;}

.carouselBox{ margin-top: -90px;}
.swiper-container{ height: 500px; position: relative; z-index: 100;}
.swiper-slide{ overflow: auto; zoom: 1;}
.swiper-slide .left{ float: left; width: 800px;}
.swiper-slide .right{ float: right; width: 400px;}
.swiper-slide .right .title{ margin: 30px 25px 0px 20px;}
.swiper-slide .right .title a{ font-size: 20px; color: #fff; line-height: 38px;}
.swiper-slide .right .desc{ font-size: 16px; color: #fff; line-height: 35px; margin: 5px 25px 0px 20px; text-align: justify; font-weight: 100; min-height: 310px;}
.swiper-slide .right .knowDetail{ display: block; width: 143px; height: 43px; border: 1px solid #fff; border-radius: 5px; font-size: 16px; color: #fff; line-height: 43px; text-align: center; font-weight: 100; margin-left: 20px;}
.swiper-slide .right .knowDetail img{ margin-left: 27px;}
.pagination { text-align: center; width: 15%; position: relative; z-index: 101; height: 60px; margin-top: -60px; float: right;}
.swiper-pagination-switch { display: inline-block; width: 8px; height: 8px; border-radius: 10px; background: #fff; box-shadow: 0px 1px 2px #555 inset; margin: 0 3px; cursor: pointer; }
.swiper-active-switch { width: 28px; height: 8px; background: #fff;}
.newsContainer{ overflow: auto; zoom: 1;}
.newsContainer .left{ float: left; width: 805px;}
.commBox{ margin-top: 15px;}
.commBox .big-title{ margin: 0px 20px; border-bottom: 1px solid #eaeaea;}
.commBox .big-title img{ margin: 0px 15px 0px 2px; position: relative; margin-top: -4px;}
.commBox .big-title a{ font-size: 20px; color: #006ac0; line-height: 64px; font-weight: bold; display: inline-block;}
.hotline{ margin: 0px 20px; border-bottom: 1px dashed #eaeaea;}
.hotline img{ position: absolute; margin-top: 16px;}
.hotline a{ font-size: 20px; color: #0969c3; font-weight: bold; line-height: 60px; margin-left: 105px; display: block;}
.newsContainer .right{ float: right; width: 380px;}
.informationStatistics{ margin: 0px 20px; padding: 10px 0px;}
.informationStatistics table{ width: 100%;}
.informationStatistics table tr th{ height: 37px; line-height: 37px; background: #f4f9fe; font-size: 16px; color: #333; font-weight: bold; margin-bottom: 10px;}
.informationStatistics table tr td{ height: 37px; line-height: 37px; font-size: 16px; color: #333;}
.hotTopics{ margin:0px 20px; display: flex; flex-wrap: wrap; justify-content: space-between; padding-bottom: 20px;}
.hotTopics li{}
.hotTopics a{ display: block; margin-top: 15px;}
.mengyinNews{ margin: 0px 20px;}
.mengyinNews li{ border-top: 1px dashed #eaeaea; min-height: 125px;}
.mengyinNews li.first{ border-top: none;}
.mengyinNews li a.img{ display: block; position: absolute;}
.mengyinNews li a.img img{ width: 147px; height: 94px; margin-top: 16px;}
.mengyinNews li a.title{ font-size: 18px; color: #333; line-height: 55px; margin-left: 165px; display: block; height: 55px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.mengyinNews li .other{ margin-left: 168px; margin-top: 10px;}
.mengyinNews li .other .label{ line-height: 30px; height: 30px; text-align: center; font-size: 14px; color: #fff; padding: 0px 10px; background: #43a5f3; display: inline-block; border-radius: 5px;}
.mengyinNews li .other .time{ font-size: 14px; color: #666; margin-left: 10px;}
.commNewsList{ margin: 0px 20px;}
.commNewsList li{ border-top: 1px dashed #eaeaea; min-height: 90px;}
.commNewsList li.first{ border-top: none;}
.commNewsList li a.title{ font-size: 18px; color: #333; line-height: 50px;}
.commNewsList li .other{}
.commNewsList li .other .label{ line-height: 30px; height: 30px; text-align: center; font-size: 14px; color: #fff; padding: 0px 10px; background: #43a5f3; display: inline-block; border-radius: 5px;}
.commNewsList li .other .time{ font-size: 14px; color: #666; margin-left: 10px;}
.switch-title{ border-bottom: 1px solid #eaeaea; margin: 0px 20px; height: 64px;}
.switch-title ul{ overflow: auto; zoom: 1; display: inline-block;}
.switch-title ul li{ float: left; font-size: 19px; color: #006ac0; line-height: 75px; height: 63px; overflow: hidden; border-bottom: 1px solid #fff; padding: 0px 10px; cursor: pointer;}
.switch-title ul li.hover{ border-bottom: 1px solid #006ac0; font-weight: bold;}
.switch-title a.more{ float: right; height: 40px; line-height: 40px; margin-top: 20px; font-size: 14px; color: #006ac0;}
.matrixbox{ display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0px 25px; padding: 5px 0px 10px;}
.matrixbox li{ margin: 10px 0px 5px; width: 83px;}
.matrixbox li a{ text-align: center; display: block; font-size: 14px; color: #333; line-height: 27px;}
.matrixbox li img{ display: block; margin: 0px auto;}

@media screen and (max-width: 800px) {
	.headlines{ padding-top: 30px;}
	.headlines .left{ float: none; width: auto; text-align: center; margin: 0px 20px;}
	.headlines .right{ float: none; width: auto; text-align: center; margin: 10px 20px 0px;}
	.headlines .right .title a{ font-size: 20px; line-height: 30px; overflow: hidden; white-space: nowrap; display: block; margin-bottom: 5px; text-overflow: ellipsis}
	.headlines .right .desc{ font-size: 14px;}
	.carouselBox{ margin-top: -30px;}
	.swiper-container{ height: 430px;}
	.swiper-slide .left{ float: none; width: 100%;}
	.swiper-slide .left img{ width: 100%;}
	.swiper-slide .right{ float: none; width: 100%;}
	.swiper-slide .right .desc{ display: none;}
	.pagination{ width: 30%;}
	.newsContainer .left{ width: 100%; float: none;}
	.newsContainer .right{ width: 100%; float: none;}
	.hotline a{ font-size: 18px; line-height: 35px; margin-left: 0px; padding-top: 50px;}
	.hotTopics{ margin: 0px 15px; padding: 10px 0px;}
	.hotTopics li{ width: 50%;}
	.hotTopics li a{ display: block; margin: 5px;}
	.hotTopics a img{ width: 100%; height: auto;}
	.matrixbox{ display: block; overflow: auto; zoom: 1;}
	.matrixbox li{ float: left;}
	.mengyinNews li a.title{ margin-left: 145px;}
	.mengyinNews li .other{ margin-left: 145px;}
	.mengyinNews li a.img img{ width: 130px; height: 85px;}
	.switch-title a.more{ display: none;}
}

@media screen and (min-width: 801px) and (max-width: 1199px) {
	.headlines{ padding-top:30px;}
	.headlines .left{ width: 20%;}
	.headlines .left img{ width: 150px; margin-left: 10px;}
	.headlines .right{ width: 78%;}
	.headlines .right .title a{ font-size: 24px;}
	.headlines .right .desc{ font-size: 16px;}
	.swiper-slide .left{ width: 50%;}
	.swiper-slide .left img{ width: 100%;}
	.swiper-slide .right{ width: 50%;}
	.swiper-slide .right .desc{ display: none;}
	.newsContainer .left{ float: none; width: auto;}
	.newsContainer .right{ float: none; width: auto;}
}