@charset "utf-8";


/*contents*/


#contesnts_visual{width:100%;}
#contesnts_visual img{width:100%;}


#contents_box{background:#63b7aa;}
#contesnts_area{margin:0 auto; width:100%; max-width:1370px;  padding-bottom:60px; }

.con_bn{width:100%; overflow:hidden; position:relative;}
.con_bn div{width:20%; float:left;}
.con_bn div img{width:100%;}
.con_bn div a{display:block; padding:0 2px;}
.con_bn .con_bn1{}
.con_bn .con_bn2{}
.con_bn .con_bn3{}
.con_bn .con_bn4{}
.con_bn .con_bn5{position:absolute; right:0; top:0;}
.con_bn .con_bn5 a{}

/* .con_bn_tb{width:100%;}
.con_bn_tb tr td img{width:100%;} */


.sub1_rol{margin-top:4px; width:100%; overflow:hidden;}
.sub1_rol_left{width:50%;float:left; *width:49.9%;}
.sub1_rol_right{width:50%; float:left;*width:49.9%;}


.sub1_rol_bg{width:100%;}

.main_sub_02{padding:0 2px;}
.main_sub_02 img{width:100%;}

.main_sub_01{padding:0 2px; position:relative;}

.main_sub_01_ball{position:absolute; left:5%; bottom: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; padding:0 2px;}
.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:4px; }
.contents_box_01{overflow:hidden; overflow:hidden; position:relative;}
.contents_box_01 div{width:33.3333333%; float:left;}
.contents_box_01 div.contents_box_01_03{position:absolute; right:0; top:0;}
.contents_box_01 div a{display:block; padding:0 2px;}
.contents_box_01 div a img{width:100%;}



.con_area4{overflow:hidden; margin-top:4px;}
.con_area4 li{float:left; width:25%;}
.con_area4 li img{width:100%;}
.con_area4 li a{display:block; padding:0 2px;}


.con_area{overflow:hidden;}
.con_area li{width:50%; float:left; *width:49.9%;}
.con_area li .con_box{height:235px;}




.real{ width:100%; height:235px; 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:235px; 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 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:235px; 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:235px;  background:#fff;}
.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:0 2px; height:235px; }


.con_area{}
/* .con_area li.con_area2 .con_box{padding:0 2px;} */


.con_area li.con_area3{margin-top:4px;}
.con_area li.con_area3 .board_area{}
.con_area li.con_area3 .con_box{}
.con_area li.con_area3 .con_box .li1{ height:235px; position:relative; overflow:hidden; }
.con_area li.con_area3 .con_box .li1 .pdr2 .bgc{background:#cbcbcb;position:relative; height:235px;}
.con_area li.con_area4 .con_box .li2{ height:235px; position:relative; overflow:hidden; }
.con_area li.con_area4 .con_box .li2 .pdr2 .bgc{background:#d4e3fd; position:relative; height:235px;}

.con_area li .con_box .li1 .img1{height:100%; position:absolute; right:0; bottom:0;}
.con_area li .con_box .li2 .img2{height:100%; position:absolute; left:0%; bottom:0%;}


@media all and (max-width:1380px) {
.con_area li .con_box .li1 .img1{}
.con_area li .con_box .li2 .img2{left:15%;}

}



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


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




.con_area li .roling{position:relative;}
.con_area li .roling a img{display:none;}
.con_area li .roling .roling_ball{position:absolute; left:10px;bottom:20px; z-index:3;}
.con_area li .roling .roling_ball li{float:left; width:16px; margin-right:4px; cursor:pointer;}