@charset "utf-8";
/* CSS Document */

/* 20150212 main_visual */
.mv_area {width:1280px;; height:650px; overflow:hidden; margin:0 auto; padding-top:40px;}
.main_visual {width:930px; height:100%; position:relative; float:left;}
.main_visual .imgs {width:100%; height:100%; position:relative; overflow:hidden;}
.main_visual .imgs > li {width:100%; height:100%; position:absolute; top:0; left:100%;}
.main_visual .imgs > li.li_01 {left:0;}
.main_visual .indis {width:100%; height:13px; position:absolute; bottom:26px; left:0; text-align:center;}
.main_visual .indis ul {display:inline-block; overflow:hidden; height:13px;}
.main_visual .indis ul li {width:13px; height:13px; float:left; margin-right:6px; position:relative;}
.main_visual .indis ul li.last {margin-right:0;}
.main_visual .indis ul li a {width:100%; height:100%; display:block;}
.main_visual .bns {width:45px; height:44px; position:absolute; top:300px;}
.main_visual .bn_left {left:35px;}
.main_visual .bn_right {right:35px;}
.main_visual .bns a {width:100%; height:100%; display:block;}

.hover_area {width:340px; height:100%; float:right;}
.hover_area > div {margin-bottom:10px;}
.hover_area > div.lase {margin-bottom:0;}

/*main visual*/
#slider1{clear:both; position:relative; width:100%; height:540px; margin:18px auto 15px auto; overflow:hidden;}
.slide-wrap {position:absolute; height:540px; overflow:hidden; width:100%;}
.slide-wrap li{position:relative; float:left; width:100%; height:540px; text-align:center; } 
#slider1 .bx-pager-item{margin:0 0 5px 0;}

.bx-pager {position:absolute; top:25px; right:20px; overflow:hidden; width:312px; z-index:120;}
.bx-pager .bx-pager-item, .bx-controls-auto .bx-controls-auto-item {display: inline-block; *zoom: 1; *display: inline;}
.bx-pager.bx-default-pager a {text-indent: -9999px; display: block; width:321px; height:160px; }
.bx-pager.bx-default-pager a:hover, .bx-pager.bx-default-pager a.active {width:321px; height:160px;}

.bx-controls-direction a{position:absolute; top:175px;}
.bx-prev{left:50px; display:inline-block;width:45px; height:44px;font-size:0px !important; letter-spacing:-9999px; line-height:0px; background:url(/img/main_visual_left.png) no-repeat; z-index:120;}
.bx-next{left:99px; display:inline-block;width:45px; height:44px; font-size:0px !important; letter-spacing:-9999px; line-height:0px; background:url(/img/main_visual_right.png) no-repeat; z-index:120;}

#datalink0{background:url(/img/main_visual_pager01.png) no-repeat 0 0;}
#datalink0:hover, #datalink0 .active{background:url(/img/main_visual_pager01_on.png) no-repeat 0 0;}
#datalink1{background:url(/img/main_visual_pager02.png) no-repeat 0 0;}
#datalink1:hover, #datalink1 .active{background:url(/img/main_visual_pager02_on.png) no-repeat 0 0;}
#datalink2{background:url(/img/main_visual_pager03.png) no-repeat 0 0;}
#datalink2:hover, #datalink2 .active{background:url(/img/main_visual_pager03_on.png) no-repeat 0 0;}

/*main content*/
.main_row_01 {width:100%; margin:40px 0; padding:40px 0; background:#f0f0f0;}
.main_row_01 > div {width:1280px; height:360px; overflow:hidden; margin:0 auto;}
.main_row_01 .col_01 {width:636px; height:100%; float:left; position:relative;}
.main_row_01 .col_01 .img_area {position:absolute; top:0; left:0; width:429px; height:358px; border:1px solid #d4d4d4; z-index:80; overflow:hidden;}
.main_row_01 .col_01 .img_area > div {position:absolute; top:0; left:0; width:100%; height:100%; display:none;}
.main_row_01 .col_01 .img_area > div.div_01 {display:block;}
.main_row_01 .col_01 .img_area > div img {width:100%;}
.main_row_01 .col_01 .desc_area {width:223px; height:360px; position:absolute; top:0; right:0; z-index:90; background:url('/img/cr_main_bar_01_right_bg.png') 0 0 no-repeat;}
.main_row_01 .col_01 .desc_area .more_bn {width:36px; height:36px; position:absolute; top:0; right:0;}
.main_row_01 .col_01 .desc_area .more_bn a {width:100%; height:100%; display:block;}
.main_row_01 .col_01 .desc_area .desc {width:120px; height:290px; position:absolute; top:63px; right:43px; overflow:hidden;}
.main_row_01 .col_01 .desc_area .desc > div {width:100%; position:absolute; top:100%; left:0;}
.main_row_01 .col_01 .desc_area .desc > div.div_01 {top:0;}
.main_row_01 .col_01 .desc_area .indis {width:100%; height:13px; position:absolute; bottom:16px; left:0; overflow:hidden;}
.main_row_01 .col_01 .desc_area .indis ul {display:inline-block; float:right; margin-right:15px; overflow:hidden;}
.main_row_01 .col_01 .desc_area .indis ul li {width:13px; height:13px; float:left; margin-right:6px; position:relative;}
.main_row_01 .col_01 .desc_area .indis ul li.last {margin-right:0;}
.main_row_01 .col_01 .desc_area .indis ul li a {width:100%; height:100%; display:block;}

.main_row_01 .col_02 {width:631px; height:358px; float:left; margin-left:10px; position:relative; border:1px solid #d4d4d4; overflow:hidden;}
.main_row_01 .col_02 .img_area {position:absolute; top:0; left:0; width:549px; height:358px; z-index:80; overflow:hidden;}
.main_row_01 .col_02 .img_area > div {position:absolute; top:0; left:100%; width:100%; height:100%;}
.main_row_01 .col_02 .img_area > div.div_01 {left:0;}
.main_row_01 .col_02 .desc_area {width:98px; height:358px; position:absolute; top:0; right:0; z-index:90; background:url('/img/cr_main_bar_02_right_bg.png') 0 0 no-repeat;}
/*
.main_row_01 .col_02 .desc_area .more_bn {width:36px; height:36px; position:absolute; top:0; right:0;}
.main_row_01 .col_02 .desc_area .more_bn a {width:100%; height:100%; display:block;}
*/
.main_row_01 .col_02 .desc_area .desc {width:47px; height:149px; position:absolute; top:18px; right:15px;}
.main_row_01 .col_02 .desc_area .indis {width:100%; height:13px; position:absolute; bottom:16px; left:0; overflow:hidden;}
.main_row_01 .col_02 .desc_area .indis ul {display:inline-block; float:right; margin-right:15px; overflow:hidden;}
.main_row_01 .col_02 .desc_area .indis ul li {width:13px; height:13px; float:left; margin-right:6px; position:relative;}
.main_row_01 .col_02 .desc_area .indis ul li.last {margin-right:0;}
.main_row_01 .col_02 .desc_area .indis ul li a {width:100%; height:100%; display:block;}

/*----first div----*/



.main_con_slide02{float:left; position:relative; width:588px; overflow:hidden;}
#slider2{clear:both; position:relative; width:588px; height:360px; overflow:hidden;}
.slide-wrap2 {position:absolute; height:360px; overflow:hidden; width:100%;}
.slide-wrap2 li{position:relative; float:left; width:511px; height:360px; z-index:1;} 
.bx-viewport2{width:511px !important;}
#slider2 .bx-pager-item2{margin:0 6px 0 0;}
#slider2 .slide_absol02{position:absolute; right:0; top:0; width:99px; height:360px; background:url(/img/main_slide02_bg.png) no-repeat 0 0; z-index:100;}

.bx-pager2 {position:absolute; bottom:10px; right:10px; overflow:hidden;z-index:120;}
.bx-pager2 .bx-pager-item2, .bx-controls-auto2 .bx-controls-auto-item2 {display: inline-block; *zoom: 1; *display: inline;}
.bx-pager2.bx-default-pager2 a {text-indent: -9999px; display: block; width:13px; height:13px; background:url(/img/main_slide_pager.png) no-repeat 0 0;}
.bx-pager2.bx-default-pager2 a:hover, .bx-pager2.bx-default-pager2 a.active {width:13px; height:13px; background:url(/img/main_slide_pager_on.png) no-repeat 0 0;}

.bx-prev2{display:none;}
.bx-next2{display:none;}


/*----second div----*/
.main_div02 {width:100%; margin:40px 0 0 0; padding:40px 0; background:#f0f0f0;}
.main_div02 > div {width:1280px; height:330px; overflow:hidden; margin:0 auto;}
.main_div02 > div > div {height:330px;}

.main_div02_1{float:left; width:330px; overflow:hidden; margin:0 10px 0 0;}
.main_div02 > div > div.main_div02_2 {float:left; width:438px; height:328px; overflow:hidden; margin:0 10px 0 0; border:1px solid #d4d4d4;}
.main_div02_3{float:left; width:360px; overflow:hidden;}
.main_div02_4 {float:left; width:120px; margin:0 10px 0 0;}

.main_div02_2 > p {width:100%; height:100%; position:relative;}
.main_div02_2 > p > img {display:block; position:absolute; top:0; left:0; cursor:pointer; z-index:100;}
.main_div02_2 > p > a.img_on {width:100%; height:100%; position:absolute; top:0; left:0; opacity:0; z-index:101;}

.main_notice_dl{position:relative; width:292px; height:138px; overflow:hidden; margin:0 auto 10px auto; border:1px solid #d4d4d4; padding:20px 18px; background:#fff;}
.main_notice_dl dt{margin:0 0 20px 0;}
.main_notice_dl dd{overflow:hidden;}
.main_notice_dl dd .main_notice_ul{position:relative; width:100%; height:90px;table-layout:fixed;overflow:hidden;}
.main_notice_dl dd .main_notice_ul li{line-height:1.8;overflow:hidden;text-overflow:ellipsis;white-space: nowrap}
.main_notice_dl dd .main_notice_ul li a{display:block; text-indent:11px; background:url('/img/crchi_board_bullet_01.gif') 1px center no-repeat; color:#686765;}
.main_notice_dl .main_notice_btn{position:absolute; right:0; top:0;}

.main_rolling_dl{position:relative; width:308px; height:98px; overflow:hidden; border:1px solid #d4d4d4; padding:20px 10px; background:#fff;}
.main_rolling_dl dt{margin:0 0 20px 8px;}
.main_rolling_dl dd{overflow:hidden; min-height:44px;}

.bx-wrapper4{position:relative; width:280px; margin:0 auto;}
.bx-viewport4{width:230px !important; margin:0 auto;}
.slider4{position:relative;width:100%; height:45px; margin:0 auto; overflow:hidden;}
.slide{position:absolute; width:54px !important; height:45px; text-align:center;}
.bx-controls-direction4 a{position:absolute; top:15px;}
.bx-prev4{left:0; display:inline-block;width:8px; height:15px;font-size:0px !important; letter-spacing:-9999px; line-height:0px; background:url(/img/awards_arrow_left.gif) no-repeat; z-index:120;}
.bx-next4{right:0; display:inline-block;width:8px; height:15px; font-size:0px !important; letter-spacing:-9999px; line-height:0px; background:url(/img/awards_arrow_right.gif) no-repeat; z-index:120;}
.bx-pager4{display:none;}

.main_ul_btn{position:relative; width:100%; overflow:hidden; margin:0 0 10px 0;}
.main_ul_btn li{float:left;}

.main_div02_3 .cr_banner {width:360px; height:212px; overflow:hidden; position:relative; background:#000;}
.main_div02_3 .cr_banner
.main_div02_3 .cr_banner .imgs {width:100%; height:100%; position:relative; overflow:hidden;}
.main_div02_3 .cr_banner .imgs > li {width:100%; height:100%; position:absolute; top:0; left:100%;}
.main_div02_3 .cr_banner .imgs > li.li_01 {left:0;}
.main_div02_3 .cr_banner .indis {width:100%; height:13px; position:absolute; bottom:16px; left:0;}
.main_div02_3 .cr_banner .indis ul {display:inline-block; overflow:hidden; height:13px; float:right; margin-right:16px;}
.main_div02_3 .cr_banner .indis ul li {width:13px; height:13px; float:left; margin-right:6px; position:relative;}
.main_div02_3 .cr_banner .indis ul li.last {margin-right:0;}
.main_div02_3 .cr_banner .indis ul li a {width:100%; height:100%; display:block;}

.ani_metros {width:100%; pa dding:10px 0;}
.ani_metros > div {width:1280px; height:223px; margin:0 auto;}
.ani_metros .ani_div {float:left; height:223px; position:relative; margin-right:10px; overflow:hidden; bottom:0;}
.ani_metros .ani_div .bg {width:100%; height:100%; position:relative; z-index:25;}
.ani_metros .ani_div .bg img {max-width:100%;}
.ani_metros > div .more_bn {width:36px; height:36px; position:absolute; top:0; right:0; z-index:35;}
/*
.ani_metros .ani_div .txt {position:absolute; top:56px; left:18px; z-index:30;}
*/
.ani_metros .ani_div .darker {width:100%; height:223px; background:#000; opacity:0.3; z-index:30; position:absolute; top:0; left:0;}
.ani_metros .div_01 {width:419px;}
.ani_metros .div_02 {width:421px;}
.ani_metros .div_03 {width:420px; margin-right:0;}


/* 20150415 mainpage top_pop */
.top_pop {width:100%; height:0; overflow:hidden; position:relative;}
.top_pop .pop_area {width:1281px; height:463px; margin:0 auto; position:relative;}
.pop_area .pop_img {display:block;}
.pop_area .checks {overflow:hidden; position:absolute; right:25px; bottom:16px;}
.pop_area .checks div {float:left; overflow:hidden;}
.pop_area .checks div input {display:inline-block; height:22px; line-height:22px; vertical-align:middle;}
.pop_area .checks div label {display:inline-block; height:22px; line-height:22px; vertical-align:middle; margin-left:4px;}
.pop_area .checks a {display:block; width:22px; height:22px; float:left; margin-left:15px;}