/*主体部分*/
.container{width: 1200px;min-height: 1000px;margin: 0 auto;padding: 30px 0;}
.tit{height: 30px;padding: 15px 0;}
.tit span{float: left;font-size: 22px;color: #00479d;}
.tit em{float: left;margin: 10px 0 0 5px;font-size: 10px;color: #e60012;}
.tit a{float: right;margin-top: 10px;font-size: 10px;color: #e60012;}
/*part1*/
.part1{min-height: 315px;padding: 0 24px;background: #fff;}
.part1 .conL{position: relative;float: left;width: 700px;min-height: 210px;overflow: hidden;}
.part1 .conL .pic{float: left;width: 410px;height: 240px;}
.part1 .conL .pic img{width: 100%;height: 100%;}
.part1 .conL .txt{float: right;width: 260px;height: 210px;margin-right: 10px;}
.part1 .conL .txt .top{height: 62px;}
.part1 .conL .txt .top .topL{float: left;width: 59px;height: 62px;background: url(../images/date_bg.png);color: #6c6c6c;}
.part1 .conL .txt .top .topL span{display: block;font-size: 24px;line-height: 40px;text-align: center;}
.part1 .conL .txt .top .topL em{display: block;font-size: 12px;line-height: 20px;text-align: center;}
.part1 .conL .txt .top .topR{float: left;width: 70%;margin-left: 15px;overflow: hidden;}
.part1 .conL .txt .top .topR h3{font-size: 16px;font-weight: normal;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.part1 .conL .txt .top .topR h3 a{color: #00479d;}
.part1 .conL .txt .top .topR p{margin-top: 8px;font-size: 12px;color: #b3b3b3;}
.part1 .conL .txt > p{margin-top: 20px;font-size: 14px;line-height: 22px;text-align: justify;max-height: 110px;overflow: hidden;}
.part1 .conL .txt > p a{color: #666;}
.part1 .conL .txt > a{float: left;width: 11px;height: 8px;margin-top: 18px;background: url(../images/more.png);}
.part1 .conL .swiper-pagination{width: auto;left: auto;right: 300px;bottom: 5px;}
.part1 .conL .swiper-pagination .swiper-pagination-bullet{width: 10px;height: 10px;margin: 0 3px;border-radius: 50%;background: #fff;opacity: 1;}
.part1 .conL .swiper-pagination .swiper-pagination-bullet-active{background: #00479d;}
.part1 .conR{float: right;width: 423px;margin-top: -10px;}
.part1 .conR .list{}
.part1 .conR .list li{height: 40px;line-height: 40px;border-bottom: 1px dotted #b2b2b2;}
.part1 .conR .list li span{float: left;margin: 16px 5px 0 2px;width: 4px;height: 4px;border:1px solid #bdbdbd;border-radius: 50%;}
.part1 .conR .list li a{float: left;font-size: 14px;color: #333;max-width: 300px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.part1 .conR .list li em{float: right;font-size: 12px;color: #b3b3b3;}
.part1 .conR .list li:hover span{border-color: #00479d;}
.part1 .conR .list li:hover a{color: #00479d;}
.part1 .conR .list li:hover em{color: #00479d;}
/*part1结束*/
/*part2*/
.part2{min-height: 304px;margin-top: 24px;}
.part2 .conL{float: left;width: 537px;height: 304px;padding: 0 24px;background: #fff;}
.part2 .conL .list{}
.part2 .conL .list li{height: 36px;line-height: 36px;border-bottom: 1px dotted #b2b2b2;}
.part2 .conL .list li span{float: left;margin: 12px 5px 0 2px;width: 4px;height: 4px;border:1px solid #bdbdbd;border-radius: 50%;}
.part2 .conL .list li a{float: left;font-size: 14px;color: #333;max-width: 300px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.part2 .conL .list li em{float: right;font-size: 12px;color: #b3b3b3;}
.part2 .conL .list li:hover span{border-color: #00479d;}
.part2 .conL .list li:hover a{color: #00479d;}
.part2 .conL .list li:hover em{color: #00479d;}
.part2 .conR{float: right;width: 537px;height: 304px;padding: 0 24px;background: #fff;}
.part2 .conR .exp{position: relative;height: 225px;overflow: hidden;}
.part2 .conR .exp .swiper-slide{float: left;width: 114px;margin-right: 14px;border-top: 3px solid #eee;}
.part2 .conR .exp .swiper-slide:first-child{margin-left: 25px;}
.part2 .conR .exp .swiper-slide:last-child{margin-right: 25px;}
.part2 .conR .exp .swiper-slide .pic{display: block;width: 100%;height: 135px;}
.part2 .conR .exp .swiper-slide .pic img{width: 100%;height: 100%;}
.part2 .conR .exp .swiper-slide .txt{display: block;height: 85px;border: 1px solid #ebebeb;}
.part2 .conR .exp .swiper-slide .txt h3{margin-top: 10px;font-weight: normal;font-size: 12px;text-align: center;color: #333;}
.part2 .conR .exp .swiper-slide .txt p{margin-top: 4px;padding: 0 10px;font-size: 12px;text-align: center;color: #999;max-height: 32px;overflow: hidden;}
.part2 .conR .exp .swiper-button-next{width: 10px;height: 20px;background: url(../images/next.png);right: 0;}
.part2 .conR .exp .swiper-button-prev{width: 10px;height: 20px;background: url(../images/prev.png);left: 0;}
/*part2结束*/
/*part3*/
.part3{min-height: 101px;margin-top: 24px;}
.part3 .slogan{width: 100%;overflow: hidden;}
.part3 .slogan .swiper-slide{width: 265px;height: 88px;margin-left: 25px;padding: 8px;background: #fff;}
.part3 .slogan .swiper-slide:first-child{margin-left: 0;}
.part3 .slogan .swiper-slide a{display: block;}
.part3 .slogan .swiper-slide a img{width: 100%;height: 100%;}
/*part3结束*/
/*part4*/
.part4{position: relative;height: 200px;margin-top: 23px;padding: 0 23px;background: #fff;}
.part4 .unit{position: absolute;left: 23px;top: 20px;width: 1140px;padding-top: 50px;overflow: hidden;}
.part4 .unit .swiper-slide{width: 178px;height: 94px;margin: 0 5px;border: 1px solid #d9d9d9;}
.part4 .unit .swiper-slide a img{width: 100%;height: 100%;}
.part4 .unit .swiper-button-next{width: 20px;height: 22px;right: 0;top: 0;background: #00479d;margin-top: 0;}
.part4 .unit .swiper-button-next img{margin: 4px 0 0 6px;}
.part4 .unit .swiper-button-prev{width: 20px;height: 22px;right: 30px;top: 0;background: #00479d;margin-top: 0;left: auto;}
.part4 .unit .swiper-button-prev img{margin: 4px 0 0 6px;}
.part4 .unit .swiper-button-disabled{background: #999;opacity: 1;}
/*part4结束*/
/*主体部分结束*/

/*mobile:<768px*/
@media screen and (max-width: 767px){
	.container{width: 100%;padding: 20px 0;}
	/*part1*/
	.part1{padding: 0 4% 30px 4%;}
	.part1 .conL{width: 100%;}
	.part1 .conL .pic{width: 100%;}
	.part1 .conL .txt{width: 100%;margin-top: 10px;margin-right: 0;}
	.part1 .conL .txt .top .topR{width: 78%;}
	.part1 .conL .txt .top .topR h3{margin-top: 5px;}
	.part1 .conL .txt > p{margin-top: 10px;}
	.part1 .conL .txt a{margin-top: 8px;}
	.part1 .conL .swiper-pagination{right: 15px;bottom: auto;top: 200px;}
	.part1 .conR{width: 100%;margin-top: 20px;}
	.part1 .conR .list li a{max-width: 240px;}
	/*part2*/
	.part2 .conL{width: 92%;padding: 0 4%;}
	.part2 .conL .list li a{max-width: 240px;}
	.part2 .conR{width: 92%;padding: 0 4%;}
	.part2 .conR .exp .swiper-slide{width: 125px;margin-right: 40px;}
	/*part3*/
	.part3 .slogan .swiper-slide{width: 92%;margin-left: 0;padding: 8px 4%;}
	/*part4*/
	.part4{height: 200px;padding: 0 4%;}
	.part4 .unit{left: 4%;width: 92%;}
	.part4 .unit .swiper-slide{width: 48%;margin: 0 1%;}
}

/*>=500px && <=766px*/
@media screen and (min-width: 500px) and (max-width: 766px){
	/*part4*/
	.part4{height: 260px;}
}

/*mobile:<=320px && <=499px*/
@media screen and (min-width: 320px) and (max-width: 499px){
	.part1 .conL .pic{height: 200px;}
	.part1 .conL .txt .top .topR{width: 70%;}
	.part1 .conL .swiper-pagination{top: 175px;}
	.part1 .conR .list li a{max-width: 200px;}
	/*part2*/
	.part2 .conL .list li a{max-width: 200px;}
	.part2 .conR .tit a{display: none;}
}

/*pad:>=768px(竖) && <=1024px(横)*/
@media screen and (min-width: 768px) and (max-width: 1024px){
	.container{width: 100%;padding: 20px 0;}
	/*part1*/
	.part1{padding: 0 4% 30px 4%;}
	.part1 .conL{width: 100%;}
	.part1 .conL .pic{width: 55%;}
	.part1 .conL .txt{width: 40%;margin-top: 10px;}
	.part1 .conL .txt .top .topR{width: 70%;}
	.part1 .conL .txt .top .topR h3{margin-top: 5px;}
	.part1 .conL .txt > p{margin-top: 20px;}
	.part1 .conL .txt a{margin-top: 10px;}
	.part1 .conL .swiper-pagination{right: 46%;bottom: 5px;}
	.part1 .conR{width: 100%;margin-top: 20px;}
	.part1 .conR .list li a{max-width: 540px;}
	/*part2*/
	.part2 .conL{width: 92%;padding: 0 4%;}
	.part2 .conL .list li a{max-width: 540px;}
	.part2 .conR{width: 92%;height: 350px;padding: 0 4%;}
	.part2 .conR .exp{height: 270px;}
	.part2 .conR .exp .swiper-slide{width: 20%;margin-right: 4%;}
	.part2 .conR .exp .swiper-slide:first-child{margin-left: 30px;}
	.part2 .conR .exp .swiper-slide .pic{height: 165px;}
	/*part3*/
	.part3 .slogan .swiper-slide{width: 46%;margin-left: 0;padding: 8px 2%;}
	/*part4*/
	.part4{height: 260px;padding: 0 4%;}
	.part4 .unit{left: 4%;width: 92%;}
	.part4 .unit .swiper-slide{width: 33%;}
}

/*小屏PC:>1024px && <1200px*/
@media screen and (min-width: 1025px) and (max-width: 1199px){
	.container{width: 100%;padding: 20px 0;}
	/*part1*/
	.part1 .conL{width: 65%;}
	.part1 .conL .pic{width: 62%;}
	.part1 .conL .txt{width: 35%;}
	.part1 .conL .txt .top .topR{width: 65%;}
	.part1 .conR{width: 32%;}
	.part1 .conR .list li a{max-width: 200px;}
	/*part2*/
	.part2 .conL{width: 45%;padding: 0 2%;}
	.part2 .conR{width: 45%;padding: 0 2%;}
	.part2 .conR .exp .swiper-slide{width: 125px;margin-right: 30px;}
	/*part3*/
	.part3 .slogan .swiper-slide{width: 45%;margin-left: 2%;padding: 8px 2%;}
	/*part4*/
	.part4{height: 220px;padding: 0 4%;}
	.part4 .unit{left: 4%;width: 92%;}
	.part4 .unit .swiper-slide{width: 24%;margin: 0 4px;}
}