@import url("layout.css");
@import url("common.css");

/* main_visual */
/*#main_visual {z-index:0;margin:0 auto;position:absolute;top:85px;width:100%;height:100%;background:url('../images/main/main_visual_img.jpg') repeat;}*/
#main_visual{position:relative;margin:0 auto; height:880px;border-bottom:1px solid #e9e9e9;width:100%;text-align:center;background:url('../images/main/main_visual_img.jpg') no-repeat -290px 0; }
#main_visual .rolling_img{height:880px;width:1270px;margin:0 auto;text-align:center}
.rolling_btn{text-align:right;padding-right:30px;margin-top:30px}
.rolling_btn a{margin:2px}

/* section1 */
#section1{position:relative;padding:50px 30px 0 30px;min-width:320px;}
#section1 .block1_1{position:relative;width:100%;height:275px;overflow:hidden}
#section1 .block1_2{position:relative;width:100%;height:auto;}

#section1 .title{color:#f5f5f5;padding-bottom:15px;font-size:17px;letter-spacing:-0.5px;border-bottom:1px solid #4f4f4f}
#section1 .title .detail_txt{font-size:12px;font-weight:normal;color:#888}

#section1 .block1_1 .more{position:absolute;top:0;right:10px}
#section1 .block1_1 .notice_board{font-size:13px;background-color:#3d3d3d;}
#section1 .block1_1 .notice_board li{position:relative;padding:8px 15px 8px 25px;border-bottom:1px solid #434343;background:url('../images/layout/notice_board_dot.gif') no-repeat 15px;overflow:hidden;}
#section1 .block1_1 .notice_board li a{color:#cbcbcb}
#section1 .block1_1 .notice_board li .date{position:absolute;right:10px;color:#848484;font-size:12px}


#section1 .block1_1 .gallery{font-size:13px;padding-top:10px}
#section1 .block1_1 .gallery li{position:relative;display:inline-block;*display:inline;zoom:1;width:175px;margin-right:15px;padding:10px 0}
#section1 .block1_1 .gallery li.last{margin:0}
#section1 .block1_1 .gallery li img{border:1px solid #4c4c4c;height:145px;width:175px}
#section1 .block1_1 .gallery li p{padding-top:5px}
#section1 .block1_1 .gallery li a{color:#cbcbcb}
#section1 .block1_1 .gallery li .date{position:absolute;right:0;color:#848484;font-size:12px}

#section1 .block1_2 .more{position:absolute;top:0;right:10px}
#section1 .block1_2 .notice_board{font-size:13px;background-color:#3d3d3d;}
#section1 .block1_2 .notice_board li{position:relative;padding:8px 15px 8px 25px;border-bottom:1px solid #434343;background:url('../images/layout/notice_board_dot.gif') no-repeat 15px}
#section1 .block1_2 .notice_board li a{color:#cbcbcb}
#section1 .block1_2 .notice_board li .date{position:absolute;right:10px;color:#848484;font-size:12px;}

#section1 .block1_3{position:relative;width:100%;margin-top:30px}
#section1 .block1_3 .title .more{position:absolute;right:0}
#section1 .block1_3 .img{position:relative;margin:20px auto;width:100%;text-align:center;}
#section1 .block1_3 .img li{display:inline-block;*display:inline;zoom:1;width:46%;margin:0 1%;}
#section1 .block1_3 .img li img{width:100%;background-color:#fff}
#section1 .block1_3 .btn{width:20px; height:20px; clear:both;text-align:right; padding-right:2%; font-size:13px; }
#section1 .block1_3 .btn{color:#fff;background-color:#2c2c2c;padding:3px 8px;margin-left:1px;}

#section1 .block1_4{position:relative;width:100%;margin-top:30px}
#section1 .block1_4 .title .more{position:absolute;right:0}
#section1 .block1_4 li{position:relative;border-top:1px solid #434343;padding:10px;font-size:13px;background-color:#3d3d3d}
#section1 .block1_4 li span{position:absolute;right:20px;width:15px;top:20px;height:15px;background:url('../images/main/q_list_off.png') no-repeat ;background-size:100%}
#section1 .block1_4 li:hover span{background:url('../images/main/q_list_on.png') no-repeat;}
#section1 .block1_4 li img{display:inline-block;*display:inline;zoom:1;text-align:center;padding-right:8px;}
#section1 .block1_4 li a{color:#fff}
#section1 .block1_4 li:hover{background-color:#f8f8f8}
#section1 .block1_4 li:hover a{color:#333}

@media all and (max-width: 1570px) {
	#section1 .block1_2 .notice_board li .date { display:none; }
}

#section1 .block1_2 .gallery{font-size:13px;padding-top:10px}
#section1 .block1_2 .gallery li{position:relative;display:inline-block;*display:inline;zoom:1;width:148px;margin-right:10px;padding:10px 0}
#section1 .block1_2 .gallery li.last{margin:0}
#section1 .block1_2 .gallery li img{border:1px solid #4c4c4c;height:145px;width:148px}
#section1 .block1_2 .gallery li p{padding-top:5px}
#section1 .block1_2 .gallery li a{color:#cbcbcb}
#section1 .block1_2 .gallery li .date{position:absolute;right:0;color:#848484;font-size:12px}

/* section2 */
#section2{position:absolute;bottom:0;width:100%;height:100px}
#section2 .block2_1{position:relative;width:50%;float:left;height:100px; overflow:hidden;}
#section2 .block2_2{position:relative;width:50%;float:left;height:100px; overflow:hidden;}

#section2 .block2_1 .box1{ background-color:#1bb2a2;height:70px; padding:20px 0 10px 0;}
#section2 .block2_1 .box1 h3{color:#efefef;font-weight:normal;font-size:16px; text-align:center;}
#section2 .block2_1 .box1 p{width:86%;margin:0 auto;color:#c2eae6; font-size:11px;text-align:center;}
#section2 .block2_1 .box1 .arrow{position:absolute;right:20px;top:40px;}

#section2 .block2_2 .box2{background-color:#f56342;height:70px;padding:20px 0 10px 0; }
#section2 .block2_2 .box2 h3{color:#efefef;font-weight:normal;font-size:16px;text-align:center;}
#section2 .block2_2 .box2 p{ width:86%;margin:0 auto; color:#fcd5cd; font-size:11px;text-align:center;}
#section2 .block2_2 .box2 .arrow{position:absolute;right:15px;top:40px}




@media all and (max-width: 1570px) {
	#section1 .block1_1 .notice_board li .date { display:none; }
	#section1{min-width:160px;}
	#section2{position:relative;width:100%;height:100px;padding-top:20px;}
	.RollDiv{width:152px; }
	.bn_wrap{width:152px; }
	#aside{min-height:1050px;min-width:280px;}
	#nav{min-height:1050px;}
	#main_visual{min-height:1050px;}
	#main_visual .rolling_img{min-height:1050px;}
	#container_main{min-height:1050px;}
}
@media all and (max-width: 1228px) {
	.board_width2 { display:none; }
}
@media all and (min-width: 1228px) {
	.board_width1 { display:none; }
}


@media all and (max-height: 675px) {
	#section2 { display:none; }
}


/*new****************************************************************************/

/* main_visual_new */
/*#main_visual_new {z-index:0;margin:0 auto;position:absolute;top:85px;width:100%;height:100%;background:url('../images/main/main_visual_img.jpg') repeat;}*/
#main_visual_new{position:relative;margin:0 auto; border-bottom:1px solid #e9e9e9;width:100%;text-align:center;}
#main_visual_new .rolling_img{width:1270px;margin:0 auto;text-align:center}

/* section1_new */
#section1_new{position:relative;width:96%;padding:0 2%}
#section1_new .block1_1{position:relative;width:48%;float:left;height:275px;padding-right:2%}
#section1_new .block1_2{position:relative;width:50%;float:left;height:auto;}

#section1_new .title{color:#f5f5f5;padding-bottom:15px;font-size:17px;letter-spacing:-0.5px;border-bottom:1px solid #4f4f4f;position:relative;}
#section1_new .title .detail_txt{font-size:12px;font-weight:normal;color:#888}

#section1_new .block1_1 .more{position:absolute;top:0;right:10px}
#section1_new .block1_1 .notice_board{font-size:13px;background-color:#3d3d3d;}
#section1_new .block1_1 .notice_board li{position:relative;padding:8px 15px 8px 25px;border-bottom:1px solid #434343;background:url('../images/layout/notice_board_dot.gif') no-repeat 15px;overflow:hidden;}
#section1_new .block1_1 .notice_board li a{color:#cbcbcb}
#section1_new .block1_1 .notice_board li .date{position:absolute;right:10px;color:#848484;font-size:12px}

#section1_new .block1_1 .gallery{font-size:13px;padding-top:10px}
#section1_new .block1_1 .gallery li{position:relative;display:inline-block;*display:inline;zoom:1;width:175px;margin-right:15px;padding:10px 0}
#section1_new .block1_1 .gallery li.last{margin:0}
#section1_new .block1_1 .gallery li img{border:1px solid #4c4c4c;height:145px;width:175px}
#section1_new .block1_1 .gallery li p{padding-top:5px}
#section1_new .block1_1 .gallery li a{color:#cbcbcb}
#section1_new .block1_1 .gallery li .date{position:absolute;right:0;color:#848484;font-size:12px}

#section1_new .block1_2 .more{position:absolute;top:0;right:10px}
#section1_new .block1_2 .notice_board{font-size:13px;background-color:#3d3d3d;}
#section1_new .block1_2 .notice_board li{position:relative;padding:8px 15px 8px 25px;border-bottom:1px solid #434343;background:url('../images/layout/notice_board_dot.gif') no-repeat 15px}
#section1_new .block1_2 .notice_board li a{color:#cbcbcb}
#section1_new .block1_2 .notice_board li .date{position:absolute;right:10px;color:#848484;font-size:12px;}

#section1_new .block1_3{position:relative;width:100%;margin-top:30px}
#section1_new .block1_3 .title .more{position:absolute;right:0}
#section1_new .block1_3 .img{position:relative;margin:20px auto;width:100%;text-align:center;}
#section1_new .block1_3 .img li{display:inline-block;*display:inline;zoom:1;width:46%;margin:0 1%;}
#section1_new .block1_3 .img li img{width:100%;background-color:#fff}
#section1_new .block1_3 .btn{width:20px; height:20px; clear:both;text-align:right; padding-right:2%; font-size:13px; }
#section1_new .block1_3 .btn{color:#fff;background-color:#2c2c2c;padding:3px 8px;margin-left:1px;}

#section1_new .block1_4{position:relative;width:100%;margin-top:30px}
#section1_new .block1_4 .title .more{position:absolute;right:0}
#section1_new .block1_4 li{position:relative;border-top:1px solid #434343;padding:10px;font-size:13px;background-color:#3d3d3d}
#section1_new .block1_4 li span{position:absolute;right:20px;width:15px;top:20px;height:15px;background:url('../images/main/q_list_off.png') no-repeat ;background-size:100%}
#section1_new .block1_4 li:hover span{background:url('../images/main/q_list_on.png') no-repeat;}
#section1_new .block1_4 li img{display:inline-block;*display:inline;zoom:1;text-align:center;padding-right:8px;}
#section1_new .block1_4 li a{color:#fff}
#section1_new .block1_4 li:hover{background-color:#f8f8f8}
#section1_new .block1_4 li:hover a{color:#333}

@media all and (max-width: 1570px) {
	#section1_new .block1_2 .notice_board li .date { display:none; }
}

#section1_new .block1_2 .gallery{font-size:13px;padding-top:10px}
#section1_new .block1_2 .gallery li{position:relative;display:inline-block;*display:inline;zoom:1;width:22%;margin-right:2%;padding:10px 0}
#section1_new .block1_2 .gallery li.last{margin:0}
#section1_new .block1_2 .gallery li img{border:1px solid #4c4c4c;height:145px;width:100%}
#section1_new .block1_2 .gallery li p{padding-top:5px}
#section1_new .block1_2 .gallery li a{color:#cbcbcb}
#section1_new .block1_2 .gallery li .date{position:absolute;right:0;color:#848484;font-size:12px}


/* section2_new */
#section2_new{position:relative;bottom:0;width:100%;height:100px}
#section2_new .block2_1{position:relative;width:100%;float:left;margin-bottom:5px;overflow:hidden;}
#section2_new .block2_2{position:relative;width:100%;float:left;margin-bottom:10px;overflow:hidden;}
#section2_new .block2_3{position:relative;width:100%;float:left;margin-bottom:5px;overflow:hidden;}

#section2_new .block2_1 .box1{ background-color:#1bb2a2;padding:10px 0 10px 0;}
#section2_new .block2_1 .box1 h3{color:#efefef;font-weight:normal;font-size:15px; text-align:center;}
#section2_new .block2_1 .box1 p{width:70%;margin:0 auto;color:#c2eae6; font-size:11px;text-align:center;}
#section2_new .block2_1 .box1 .arrow{position:absolute;right:20px;top:40px;}

#section2_new .block2_2 .box2{background-color:#f56342;padding:10px 0 10px 0; }
#section2_new .block2_2 .box2 h3{color:#efefef;font-weight:normal;font-size:15px;text-align:center;}
#section2_new .block2_2 .box2 p{ width:55%;margin:0 auto; color:#fcd5cd; font-size:11px;text-align:center;}
#section2_new .block2_2 .box2 .arrow{position:absolute;right:15px;top:40px}

#section2_new .block2_3 .box3{ background-color:#20b660;padding:10px 0 10px 0;}
#section2_new .block2_3 .box3 h3{color:#f0fff6;font-weight:normal;font-size:15px; text-align:center;}
#section2_new .block2_3 .box3 p{width:70%;margin:0 auto;color:#f0fff6; font-size:11px;text-align:center;}
#section2_new .block2_3 .box3 .arrow{position:absolute;right:20px;top:40px;}


@media all and (max-width: 1570px) {
	#section1 .block1_1 .notice_board li .date { display:none; }
	#section1{min-width:160px;}
	#section2_new{position:relative;width:100%;height:100px;padding-top:20px;}
	.RollDiv{width:152px; }
	.bn_wrap{width:152px; }
}
@media all and (max-width: 1228px) {
	.board_width2 { display:none; }
}
@media all and (min-width: 1228px) {
	.board_width1 { display:none; }
}


@media all and (max-height: 675px) {
	/*#section2_new { display:none; }*/
}