@charset "utf-8";


/*contents*/


#contesnts_visual{width:100%;}

#contesnts_visual{ width:100%; height:620px; text-align:center; overflow:hidden; background:#b4d4d6;}
.main_rol{min-width:820px; height:620px; margin:0 auto; text-align:left; position:relative;}
.main_rol_visual{position:absolute; left:0px; top:0; width:100%;}
.main_rol_visual ul{width:100%; height:620px;}
.main_rol_visual ul li{position:absolute; left:0px; top:0; width:100%; height:620px;}
.main_rol_visual ul li a{display:block; width:100%; height:100%;}
.main_rol_visual ul li.v1{background:url(/images/main/main_visual_01.png) center 0 repeat-x;}
.main_rol_visual ul li.v2{background:url(/images/main/main_visual_02.png) center 0 repeat-x;}
.main_rol_visual ul li.v3{background:url(/images/main/main_visual_03.png) center 0 repeat-x;}
.main_rol_visual ul li.v4{background:url(/images/main/main_visual_04.png) center 0 repeat-x;}
.main_rol_visual ul li.v5{background:url(/images/main/main_visual_05.png) center 0 repeat-x;}
.main_rol_visual ul li.v6{background:url(/images/main/main_visual_06.png) center 0 repeat-x;}
.main_rol_visual ul li.v7{background:url(/images/main/main_visual_07.png) center 0 repeat-x;}
.main_rol_visual ul li.v8{background:url(/images/main/main_visual_08.png) center 0 repeat-x;}
.main_rol_visual ul li.v9{background:url(/images/main/main_visual_09.png) center 0 repeat-x;}


.main_rol_prev{position:absolute;  bottom:0px; left:50%; margin-left:-685px;cursor:pointer; z-index:2;}
.main_rol_next{position:absolute;  bottom:0px; right:50%; margin-right:-685px; cursor:pointer; z-index:2;}

.ball{width:100%; text-align:center;  height:57px; position:absolute; left:0; bottom:0px; z-index:2; height:57px; }
.ball_area{width:1232px;position:absolute; left:50%; margin-left:-616px; height:57px; bottom:0px; z-index:2; text-align:center; overflow:hidden;}
.main_rol_ball{position:absolute; left:0; top:0; display:inline-block; width:1232px;}
.main_rol_ball li{display:inline; margin-right:1px; cursor:pointer;}

@media all and (max-width:1550px) {
	.ball_area{width:924px; margin-left:-462px;}
	.main_rol_prev{margin-left:0px; left:0;}
	.main_rol_next{margin-right:0px; right:0; }
}
@media all and (max-width:1380px) {
	.ball_area{width:770px; margin-left:-385px;}

}

@media all and (max-width:1280px) {
	.ball_area{width:616px; margin-left:-308px;}

}



#contesnts_area{margin:0 auto; width:100%; max-width:1370px; padding-top:40px; padding-bottom:60px;}

.con_bn{width:100%; overflow:hidden;}
.con_bn div{width:33%; float:left;}
.con_bn div img{width:100%;}
.con_bn .con_bn1{margin-right:0.5%; .margin-right:5px;}
.con_bn .con_bn2{}
.con_bn .con_bn3{float:right;}
/* .con_bn_tb{width:100%;}
.con_bn_tb tr td img{width:100%;} */


.sub1_rol{margin-top:5px; width:100%;}

.sub1_rol_bg{width:100%;}

.main_sub_01{width:100%; position:relative;}

.main_sub_01_ball{position:absolute; left:4%; top:9%; z-index:2; overflow:hidden;}
.main_sub_01_ball li{float:left; margin:0 2px; cursor:pointer;}

.main_sub_01_visual{position:absolute; left:0px; top:0;}
.main_sub_01_visual ul{}
.main_sub_01_visual ul li{position:absolute; left:0px; top:0; width:100%;}
.main_sub_01_visual ul li img{width:100%;}

.contents_box{clear:both; margin-top:35px;}

.con_area{overflow:hidden;}
.con_area li{width:49.8%; float:left;}
.con_area li .con_box{height:275px;}




.real{ width:100%; height:275px; text-align:left;  position:relative;}
.video_box{display:none;}
.video_bg{position:fixed; left:0; top:0; width:100%; height:100%; z-index:98; background:url(/images/main/black80.png) 0 0 repeat;}
.video{width:854px; height:510px; position:absolute; left:-500px; top:0; z-index:99;}
.video_view{width:854px; height:510px; }
.video_close{position:absolute; right:-45px; top:0;}


.real_area{width:100%; height:275px; margin:0 auto; text-align:left; position:relative;}
.real_visual{position:relative;}
.real_visual ul{}
.real_visual ul li{position:absolute; left:0px; top:0;}

.real_prev{position:absolute;  top:37px; left:0px; cursor:pointer; z-index:2; display:none;}
.real_next{position:absolute;  top:37px; right:0px; cursor:pointer; z-index:2; display:none;}

.real_ball{width:100%; position:absolute; left:4%; bottom:10%; z-index:2; text-align:left;}
.real_ball li{display:inline; margin:0 4px; cursor:pointer; width:auto;}



@media all and (max-width:1380px) {
	.con_area li{width:100%; float:left;}
	.con_area .real_ball  li{width:auto; float:left;}
	.con_area li.con_area2{margin-top:4px;}
	.video{width:854px; height:510px; position:absolute; left:-50px; top:-200px; z-index:99;}

}

.con_area li.con_area1 .con_box{padding-right:2px;}
.con_area li.con_area1 .con_box .li1{background:#9db8cf; height:275px; position:relative; overflow:hidden;}
.con_area li.con_area1 .con_box .li1 .img1{position:absolute; left:50%; bottom:0px; margin-left:-143px;}
.con_area li.con_area1 .con_box .li1 .img2{position:absolute; left:50%; top:25px; margin-left:-124px;}


.board_area{height:273px; border:1px solid #c2c2c2; border-left:none;}
.board_area .board_tab{width:100%; height:25px;}
.board_area .board_tab ul{width:100%;}
.board_area .board_tab ul li{width:33.2% !important; float:left;}
.board_area .board_tab ul li a{display:block; padding-top:7px; height:18px; border-bottom:1px solid #c2c2c2; text-align:center;}


.board_area.b1_1 .board_tab ul li.tab1 a{border-right:1px solid #c2c2c2; border-bottom:none}
.board_area.b1_1 .board_tab ul li.tab2 a{background:url(/images/main/board_bar.gif) right 7px no-repeat;}

.board_area.b1_2 .board_tab ul li.tab1 a{}
.board_area.b1_2 .board_tab ul li.tab2 a{border-right:1px solid #c2c2c2; border-left:1px solid #c2c2c2; border-bottom:none}

.board_area.b1_3 .board_tab ul li.tab1 a{background:url(/images/main/board_bar.gif) right 7px no-repeat;}
.board_area.b1_3 .board_tab ul li.tab2 a{}
.board_area.b1_3 .board_tab ul li.tab3 a{border-left:1px solid #c2c2c2; border-bottom:none}

.board_area.b1_2{display:none}
.board_area.b1_3{display:none}



.board_area.b2_1 .board_tab ul li.tab1 a{border-right:1px solid #c2c2c2; border-bottom:none}
.board_area.b2_1 .board_tab ul li.tab2 a{background:url(/images/main/board_bar.gif) right 7px no-repeat;}

.board_area.b2_2 .board_tab ul li.tab1 a{}
.board_area.b2_2 .board_tab ul li.tab2 a{border-right:1px solid #c2c2c2; border-left:1px solid #c2c2c2; border-bottom:none}

.board_area.b2_3 .board_tab ul li.tab1 a{background:url(/images/main/board_bar.gif) right 7px no-repeat;}
.board_area.b2_3 .board_tab ul li.tab2 a{}
.board_area.b2_3 .board_tab ul li.tab3 a{border-left:1px solid #c2c2c2; border-bottom:none}

.board_area.b2_2{display:none}
.board_area.b2_3{display:none}




.board_area .board_list{position:relative; height:167px; padding:80px 25px 0;}
.board_area .board_list .title{position:absolute; left:25px; top:39px;}
.board_area .board_list .more_btn{position:absolute; right:25px; top:53px;}

.board_area .board_list .board_ul{}
.board_area .board_list .board_ul li{width:100%; position:relative;}
.board_area .board_list .board_ul li a{display:block; line-height:19px; width:70%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.board_area .board_list .board_ul li .data{position:absolute; line-height:19px; right:0; top:0; color:#7d7d7d;}
.photo{padding-bottom:10px; overflow:hidden;}
.pdr2{padding-right:2px;}
.pdl2{padding-left:2px;}


.con_area li.con_area2 .con_box{padding-left:2px;}


.con_area li.con_area3{margin-top:4px;}
.con_area li.con_area3 .board_area{border:1px solid #c2c2c2; border-right:none;}
.con_area li.con_area3 .con_box{padding-right:2px;}
.con_area li.con_area3 .con_box .li1{background:#b4b4b4; height:275px; position:relative; overflow:hidden;}
.con_area li.con_area3 .con_box .li1 .img1{position:absolute; left:50%; bottom:0px; margin-left:-115px;}
.con_area li.con_area3 .con_box .li1 .img2{position:absolute; left:50%; top:25px; margin-left:-124px;}

.con_area li.con_area4{padding-top:4px;}
.con_area li.con_area4 .con_box{padding-left:2px;}
.con_area li.con_area4 .board_area{border:1px solid #c2c2c2;}


.con_area li .con_area_sub li{width:49.8%; float:left;}