@charset "utf-8";








.content_main{padding-top:26px; padding-bottom:55px;}


.key_visual_area{float:left; width:625px;}

.key_paging{position:absolute; left:17px !important; bottom:15px !important; z-index:2;}
.key_paging .swiper-pagination-bullet{display:inline-block; width:12px; height:12px; margin-right:4px;
  background-color:#adadad; border-radius:100%;
  font-size:5px; color:transparent; opacity:1;
}

.key_paging .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#fff;}

.banner_c_area{float:left; margin-left:28px;}
.banner_c_2{margin-top:29px;
  -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;
}


.main_notice_area{float:right; width:296px; height:472px; padding-top:30px;
  background:#72bac8; /* Old browsers */
  background:-moz-linear-gradient(-45deg, #72bac8 0%, #418fb2 100%); /* FF3.6-15 */
  background:-webkit-linear-gradient(-45deg, #72bac8 0%,#418fb2 100%); /* Chrome10-25,Safari5.1-6 */
  background:linear-gradient(135deg, #72bac8 0%,#418fb2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#72bac8', endColorstr='#418fb2',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

  position:relative;
}

.main_notice_area:after{display:block; content:""; width:184px; height:139px; 
  background-image:url("../images/main/notice_img.png"); background-size:100%;
  position:absolute; right:0; bottom:0;
}

.title_main_notice{padding-left:28px; font-size:30px; color:#fff; font-weight:700;}

.btn_all_notice{display:inline-block; width:82px; height:27px; background-color:#fff;
  font-size:13px; color:#030403; text-align:center; line-height:27px;
  position:absolute; right:24px; top:33px;
}
.btn_all_notice:after{display:inline-block; content:""; width:5px; height:9px; margin-left:5px;
  background-image:url("../images/main/arrow_all.png");
}

.main_notice_list{margin:12px 25px 0 33px;}
.main_notice_list li{border-bottom:1px solid rgba(146,191,207,0.6); position:relative;}
.main_notice_list li:before{display:block; content:""; width:11px; height:11px; 
  background-image:url("../images/main/icon_notice.png"); background-size:100%;
  position:absolute; left:-5px; top:17px;
}
.main_notice_list li a{display:block; padding:15px 0 15px 13px;}

.main_notice_list strong{display:block; color:#fff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main_notice_list span{display:block; margin-top:5px; font-size:13px; color:#c3f5ff; font-weight:300;}


.b_banner_area{position:relative;}

.b_banner_slide{margin-top:30px; text-align:center;}
.b_banner_slide img{margin:0 auto; border:1px solid #e4e4e4;}

.b_banner_area .b_banner_prev, .b_banner_area .b_banner_next{width:52px; height:52px; margin-top:-26px; background-size:100%;
  font-size:5px; color:transparent; cursor:pointer; position:absolute; top:50%; z-index:2;
}
.b_banner_area .b_banner_prev{background-image:url("../images/main/banner_prev.png"); left:-25px;}
.b_banner_area .b_banner_next{background-image:url("../images/main/banner_next.png"); right:-25px;}

.b_banner_area .swiper-button-disabled{display:none !important;}




/* ~ 1024px ----------- */
@media only screen 
and (max-width : 1023px)
{

	
	.content_main{padding-top:0; padding-bottom:64px;}


	.key_visual_area{float:none; width:100%;}
	.key_visual_area img{width:100%;}

	.key_paging{left:6.8% !important; bottom:36px !important;}
	.key_paging .swiper-pagination-bullet{width:20px; height:20px;}

	.banner_c_area{float:none; margin-left:0; margin-top:30px;}
	.banner_c_1{float:left; width:50%;}
	.banner_c_1 a{display:block;}
	.banner_c_2{display:block; float:right; width:50%; margin-top:0;}
	.banner_c_2 a{display:block;}

	.banner_c_1 img, .banner_c_2 img{width:100%;}


	.main_notice_area{float:none; width:100%; height:auto; min-height:200px; margin-top:30px; padding-top:46px; padding-bottom:172px;}

	.main_notice_area:after{width:318px; height:243px;}

	.title_main_notice{padding-left:6.8%; font-size:45px;}

	.btn_all_notice{width:126px; height:42px;
	  font-size:20px; line-height:42px; right:6.8%; top:50px;
	}
	.btn_all_notice:after{width:7px; height:14px; margin-left:10px;
	  background-image:url("../images/m/main/arrow_all.png");
	}

	.main_notice_list{margin:20px 6.8% 0 7.77%;}
	.main_notice_list li{border-bottom:1px solid rgba(146,191,207,0.6); position:relative;}
	.main_notice_list li:before{width:17px; height:17px; left:-8px; top:32px;}
	.main_notice_list li a{padding:30px 0 30px 20px;}

	.main_notice_list strong{font-size:24px;}
	.main_notice_list span{font-size:20px;}


	.b_banner_slide{margin-top:0;}
	.b_banner_area .b_banner_prev, .b_banner_area .b_banner_next{width:78px; height:78px; margin-top:-39px;}
	.b_banner_area .b_banner_prev{left:0;}
	.b_banner_area .b_banner_next{right:0;}

	.b_banner_list{padding-top:12px;}
	.b_banner_list li{float:left; width:48.61%; margin-top:18px;}
	.b_banner_list li:nth-child(even){float:right;}
	.b_banner_list img{width:100%; border:1px solid #e4e4e4;}


}



/* ~ 768px ----------- */
@media only screen 
and (max-width : 766px)
{

	.content_main{padding-bottom:32px;}

	.key_paging{bottom:18px !important;}
	.key_paging .swiper-pagination-bullet{width:10px; height:10px;}

	.banner_c_area{margin-top:15px;}


	.main_notice_area{margin-top:15px; padding-top:23px; padding-bottom:86px;}

	.main_notice_area:after{width:159px; height:121.5px;}

	.title_main_notice{font-size:22.5px;}

	.btn_all_notice{width:65px; height:25px; font-size:12px; line-height:25px; top:20px;}
	.btn_all_notice:after{width:3.5px; height:7px; margin-left:5px; background-size:100%;}

	.main_notice_list{margin:10px 6.8% 0 7.77%;}
	.main_notice_list li:before{width:8.5px; height:8.5px; left:-4px; top:20px;}
	.main_notice_list li a{padding:15px 0 15px 10px;}

	.main_notice_list strong{font-size:16px;}
	.main_notice_list span{font-size:14px;}

	.b_banner_area .b_banner_prev, .b_banner_area .b_banner_next{width:39px; height:39px; margin-top:-19.5px;}

	.b_banner_list{padding-top:6px;}
	.b_banner_list li{margin-top:9px;}

}