@charset "utf-8";
/*  begin */


.arl_068 { position: relative; overflow: hidden;}

.arl_068 .art_list_all { position: relative; margin-top: -14px;}
.arl_068 .art_list_all > li { position: relative; margin-top: 14px;}
.arl_068 .art_list_all > li > a { position: relative; display: block;}
.arl_068 .art_list_all > li > a .bf32:before { padding-top: 75.416%;}
.arl_068 .art_list_all > li > a > span { overflow: hidden;}
.arl_068 .art_list_all > li > a > span span:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 1px solid rgba(0,0,0,.075); -webkit-box-sizing: border-box; box-sizing: border-box; content: ''; z-index: 2;}
.arl_068 .art_list_all > li > a > span span img { transition: all .5s ease-out;}
.arl_068 .art_list_all .grad_wrap { position: absolute; left: 0; bottom: 0; width: 100%; height: 110px; background: url(/data/skin/content/1/arl_068//images/bg_grad.png) repeat-x 0 0; z-index: 2;}
.arl_068 .art_list_all .grad_wrap h3 { position: absolute; left: 0; bottom: 10px; width: 100%;}
.arl_068 .art_list_all .grad_wrap h3 span { font-size: 17px; font-weight: bold; line-height: 1.3; color: #fff; padding: 0 10px;}

.arl_068 .art_list_all > li > a:hover img { transform: scale(1.15);}

.arl_068.c_radius .art_list_all > li > a > span { border-radius: 7px 7px;}
.arl_068.c_radius .art_list_all .grad_wrap { border-radius: 0 0 7px 7px;}
/*  end */
/*  begin */


.arl_063 { position: relative; overflow: hidden;}

.arl_063 .summary_list { position: relative; margin: 0 -8px; overflow: hidden;}
.arl_063 .summary_list > li { position: relative; bottom: -1px; padding: 15px 0; border-bottom: 1px solid #dedede; box-sizing: border-box;}
.arl_063 .summary_list > li > a { display: block; margin: 0 8px;}
.arl_063 .summary_list > li > a:after { content: ""; display: block; clear: both;}
.arl_063 .summary_list > li > a h4 { text-overflow:ellipsis; overflow:hidden; white-space:nowrap; color: #222; font-size: 15px; margin-bottom: 7px; height: 20px;}
.arl_063 .summary_list > li > a h4 br { display: none;}
.arl_063 .summary_list > li > a:hover h4 { color: #666;}

.arl_063 .summary_list > li > a ul { overflow: hidden; white-space: nowrap;}
.arl_063 .summary_list > li > a ul:after { content: ""; display: block; clear: both;}
.arl_063 .summary_list > li > a ul li { display: inline-block; font-size: 12px; color: #bf202d;}
.arl_063 .summary_list > li > a ul li:first-child { font-size: 11px; color: #808080; margin-right: 4px; padding-right: 9px; border-right: 1px solid #dbdbdb; padding-left: 18px; background: url(/data/skin/content/1/arl_063//images/icon_clock.png) no-repeat 0 center; padding-bottom: 2px;}
.arl_063 .summary_list > li > a ul li.no_clock:first-child { background: none;}

.arl_063.skinbox .summary_list { margin: -15px -8px;}
/*  end */
/*  begin */


.arl_082 { position: relative;}
.arl_082 hr { display: block; outline: 0; border: 0; margin: 0; padding: 0;}
.arl_082 .card_list { position: relative; margin-bottom: -30px; display: flex; flex-wrap: wrap;}
.arl_082 .card_list:after { display: none;}
.arl_082 .card_list > li { margin-bottom: 30px;}

.arl_082 .card { position: relative; display: block; transition: all .4s ease; perspective: 1000px;}
.arl_082 .card > div { transition: all .6s ease;}
.arl_082 .front:before { content: ""; height: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; z-index: 2; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%); background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%); background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%);}
.arl_082 .card > div:after { content: ""; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; z-index: 3; border: 1px solid rgba(0,0,0,.1); box-sizing: border-box;}
.arl_082 .back:before { content: ""; height: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; z-index: 2; background: -moz-linear-gradient(top, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(top,  rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 100%); background: linear-gradient(to bottom,  rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 100%);}
.arl_082 .bf { position: relative; display: block;}
.arl_082 .bf img { width: 100% !important;}

.arl_082 .art_info { position: absolute; width: 100%; left: 0; bottom: 0; z-index: 4; color: #fff; box-sizing: border-box; padding: 20px 20px 35px;}
.arl_082 .art_info i { display: block; font-style: normal; font-weight: bold; font-size: 15px; margin-bottom: 12px; text-shadow: 0 0 4px #000;}
.arl_082 .art_info h2 { font-size: 20px; line-height: 1.4; word-break: keep-all; text-shadow: 0 0 4px #000; margin-bottom: 5px;}

.arl_082 .more { position: absolute; right: 10px; bottom: 10px; z-index: 10; border: 2px solid #fff; background: url(/data/skin/content/1/arl_082//images/arrow_rw.svg) no-repeat 1px center; display: inline-block; width: 25px; height: 25px; line-height: 40px; border-radius: 20px; box-shadow: 0px 0px 10px rgba(0,0,0,.15); color: #fff; text-indent: -9999em;}

.arl_082 .front { position: relative; backface-visibility: hidden;}
.arl_082 .back { position: absolute; top: 0; width: 100%; height: 100%; backface-visibility: hidden; transform: rotateY(-180deg); background: #fff; box-shadow: 0 0 10px rgba(0,0,0,.15); box-sizing: border-box;}

.arl_082 .back .art_info { color: #222; padding-bottom: 20px;}
.arl_082 .back .art_info h2 { text-shadow: none;}
.arl_082 .back .art_info p { color: #666;}
.arl_082 .back .art_info b { display: block; margin-bottom: 5px;}

.arl_082 .flip:hover .front { transform: rotateY(180deg);}
.arl_082 .flip:hover .back { transform: rotateY(0);}

.arl_082.a_radius .card > div,
.arl_082.a_radius .front:before,
.arl_082.a_radius .card > div:after,
.arl_082.a_radius .back:before,
.arl_082.a_radius .bf img { border-radius: 7px;}
/*  end */
/*  begin */


.mov_003 { position: relative;}

.mov_003 .bfmov { position: relative; display: block; overflow: hidden; padding-top: 55.8%;}
.mov_003 iframe { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; z-index: 1; width: 100%; height: 100%;}
/*  end */
/*  begin */


.hdl_010 { position: relative; overflow: hidden; margin-bottom: -1px;}

.hdl_010 .box_wrap:after { content: ""; display: block; clear: both;}
.hdl_010 .box_wrap > div { float: left; width: 50%;}

.hdl_010 .box_secondary:after { content: ""; display: block; clear: both;}
.hdl_010 .box_secondary > li { float: left; width: 50%;}

.hdl_010 .art_link { position: relative; display: block; overflow: hidden;}
.hdl_010 .art_link > div { position: absolute; left: 0; bottom: 0; width: 100%; z-index: 3;} 
.hdl_010 .art_link > div > div { padding: 15px;}
.hdl_010 .art_link .shadow { position: absolute; left: 0; bottom: 0; display: block; width: 100%; height: 100%; background: url(/data/skin/content/1/hdl_010//images/bg_shadow01.png) repeat-x 0 bottom; z-index: 2;}
.hdl_010 .art_link .thumb_box { position: relative; display: block;}
.hdl_010 .art_link .thumb_box:before { content: ""; display: block; padding-top: 66.7%;}
.hdl_010 .art_link .thumb_box:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 1px solid rgba(0,0,0,.075); -webkit-box-sizing: border-box; box-sizing: border-box; content: '';}
.hdl_010 .art_link .thumb_box img { width: 100%; transition: .3s all ease;}
.hdl_010 .art_link:hover .thumb_box img { transform: scale(1.05);}
.hdl_010 .art_link em { display: block; color: #ffdd9b; font-size: 12px; text-shadow: 1px 1px 1px rgba(0,0,0,1); font-style: normal; margin-bottom: 5px;}
.hdl_010 .art_link h3 { font-size: 20px; font-weight: bold; line-height: 1.3; color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0,1);}
.hdl_010 .art_link p { line-height: 1.4; margin-top: 7px; transition: .3s all ease; color: #dedede;}

.hdl_010 .art_link:hover * { text-shadow: none;}
.hdl_010 .art_link:hover p { max-height: 37px;}

.hdl_010 .box_secondary .art_link em { display: none;}
.hdl_010 .box_secondary .art_link h3 { font-size: 15px; max-height: 40px;}
.hdl_010 .box_secondary .art_link:hover em { display: block;}
.hdl_010 .box_secondary .art_link .shadow { background-image: url(/data/skin/content/1/hdl_010//images/bg_shadow02.png);}
.hdl_010 .art_link:hover .shadow { background: url(/data/skin/content/1/hdl_010//images/bg_shadow03.png) repeat 0 0;}

.hdl_010.a_radius .box_wrap { border-radius: calc(7px + 1px); overflow: hidden;}
/*  end */
/*  begin */


.hdl_032 .wrap { position: relative; overflow:hidden; height: 383px; background: #000;}

.hdl_032 .slide_wrap { position: relative; padding-right: 280px;}
.hdl_032 .slide_wrap:after { content: ""; display: block; clear: both;}

.hdl_032 .slide_wrap .photo_box li { position: relative; z-index: 1;}
.hdl_032 .slide_wrap .photo_box li a { position: absolute; left: 0; top: 0; display: block; width: 100%; height: 383px; transition: none;}
.hdl_032 .slide_wrap .photo_box li a > span { position: absolute; left: 34%; display: block; z-index: 2; opacity: 0; transition: all .5s ease;}
.hdl_032 .slide_wrap .photo_box li a > span:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 1px solid rgba(0,0,0,.075); -webkit-box-sizing: border-box; box-sizing: border-box; content: ''; z-index: 3;}
.hdl_032 .slide_wrap .photo_box li a > span > span { position: absolute; left: -10%; top: 0; display: block; width: 310px; height: 383px; background: url(/data/skin/content/1/hdl_032//images/bg_shadow.png) no-repeat 0 0; transition: left .3s ease;}
.hdl_032 .slide_wrap .photo_box li a > span > span > img { width: 575px; height: 383px; transition: opacity .3s ease;}
.hdl_032 .slide_wrap .photo_box li a > div { position: relative; z-index: 4; padding: 40px 0 0 40px; color: #fff; opacity: 0; transition: all .5s ease;}
.hdl_032 .slide_wrap .photo_box li a > div b { display: inline-block; height: 39px; line-height: 37px; font-size: 16px; text-align: center; padding: 0 23px; border-radius: 20px; transition: all .3s ease; color: #fff; background: #880400; margin-bottom: 18px;}
.hdl_032 .slide_wrap .photo_box li a > div > h3 { font-size: 32px; width: 60%; margin-bottom: 22px; line-height: 1.2; word-break: keep-all; text-shadow: 0 0 5px rgba(0,0,0,.8);}
.hdl_032 .slide_wrap .photo_box li a > div > p { color: #ccc; line-height: 1.4; width: 50%; font-size: 14px; color: #ccc; margin-bottom: 40px;}
.hdl_032 .slide_wrap .photo_box li a > div > img { height: 15px;}

.hdl_032 .slide_wrap .photo_box li.active { z-index: 2;}
.hdl_032 .slide_wrap .photo_box li.active a > span { left: 33.2%; opacity: 1;}
.hdl_032 .slide_wrap .photo_box li.active a > div { visibility: visible; opacity: 1;}
.hdl_032 .slide_wrap .photo_box li a:hover > span > span { left: -15%;}

.hdl_032 .thumb_wrap { position: absolute; right: 0; top: 0; width: 280px; height: 383px; background: #303030; z-index: 5;}
.hdl_032 .thumb_wrap h2 { padding: 30px 0 18px 25px; font-size: 17px; color: #fff;}
.hdl_032 .thumb_wrap h2 img { height: 17px;}
.hdl_032 .thumb_wrap .thumb_page a { display: block; color: #fff; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; height: 50px; line-height: 48px; font-size: 14px; font-weight: bold; padding: 0 25px;}
.hdl_032 .thumb_wrap .thumb_page a.active { background: url(/data/skin/content/1/hdl_032//images/btn_arrow.png) no-repeat right 17px; background-color: #bf202d; padding: 0 40px 0 25px;}
/*  end */
/*  begin */


.hdl_017 { position: relative; overflow: hidden;}
.hdl_017 .art_box_wrap { margin-top: 15px;}
.hdl_017 .art_box_wrap:first-child { margin-top: 0;}
.hdl_017 .art_box_wrap > div { position: relative; padding-left: 190px; min-height: 103px;}
.hdl_017 .art_box_wrap > div.no_img { padding-left: 0; min-height: inherit;}
.hdl_017 .art_box_wrap > div > a { display: block;}
.hdl_017 .art_box_wrap > div > a > div { position: relative;}
.hdl_017 .art_box_wrap > div.no_img > a { padding-left: 0;}
.hdl_017 .art_box_wrap > div > a span { position: absolute; left: -190px; top: 1px; display: block; border: 1px solid #dedede;}
.hdl_017 .art_box_wrap > div > a span img { width: 170px; height: 100px; transition: opacity .3s ease;}
.hdl_017 .art_box_wrap > div > a h2 { font-size: 19px; line-height: 1.3; font-weight: bold; margin: 2px 0 10px; color: #363636;}
.hdl_017 .art_box_wrap > div > a h3 { font-size: 14px; color: #880400; margin-bottom: 10px;}
.hdl_017 .art_box_wrap > div > a h3 br { display: none;}
.hdl_017 .art_box_wrap > div > a:hover h2, .hdl_017 .art_box_wrap > div > a:hover h3, .hdl_017 .art_box_wrap > div > a:hover p, .hdl_017 .art_box_wrap a:hover img { opacity: .75;}
.hdl_017 .art_box_wrap > div > a p { color: #808080;}
.hdl_017 .art_box_wrap .relate_art { margin-top: 12px;}
.hdl_017 .art_box_wrap .relate_art li { padding-left: 12px; background: url(/data/skin/content/1/hdl_017//images/icon_bu.png) no-repeat 0 5px; line-height: 1.3; margin-top: 5px;}
.hdl_017 .art_box_wrap .relate_art li a:hover { color: #808080;}
/*  end */
/*  begin */


.mov_007 { position: relative;}

.mov_007 .art_list li { margin-top: 15px;}
.mov_007 .art_list li:first-child { margin-top: 0; border-top: 0;}

.mov_007 .art_list.line li { margin: 10px 0 0; border-top: 1px solid #e0e0e0; padding-top: 10px;}
.mov_007 .art_list.line li:first-child { padding-top: 0; border-top: 0; margin-top: 0;}

.mov_007 .art_list .art_box { position: relative;}
.mov_007 .art_list .art_box > a { display: block; display: flex; align-items: center; justify-content: space-between;}
.mov_007 .art_list.right .art_box > a { flex-direction: row-reverse;}
.mov_007 .art_list .art_box > a h2 { flex: 1; font-size: 17px; line-height: 1.3; color: #363636; font-weight: bold;}

.mov_007 .art_list .art_box .bfmov { position: relative; display: block; width: 110px; height: 70px; margin: 0 10px 0 0;}
.mov_007 .art_list.right .art_box .bfmov { margin: 0 0 0 10px;}
.mov_007 .bfmov:before { content: ""; display: block; position: absolute; left: 50%; top: 50%; width: 28px; height: 28px; background: url(/data/skin/content/1/mov_007//images/icon_mov.svg) no-repeat center center; background-size: 28px; margin: -12px 0 0 -14px;}
.mov_007 .bfmov:after { content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; box-sizing: border-box; border: 1px solid rgba(0,0,0,.15);}
.mov_007 img { width: 110px; height: 70px; vertical-align: top;}

.mov_007 .art_list.round .bfmov:after,
.mov_007 .art_list.round img { border-radius: 7px; overflow: hidden;}
/*  end */
/*  begin */


.arl_065 { position: relative;}
.arl_065 .tit_set { margin-bottom: 10px !important;}
.arl_065 .dot_list li { margin-top: 18px;}
.arl_065 .dot_list li:first-child { margin-top: 0;}
.arl_065 .dot_list li a { position: relative; display: block; font-size: 17px; padding-left: 13px; line-height: 1.4;}
.arl_065 .dot_list li a:before { display: block; position: absolute; left: 0; top: 12px; content: ""; width: 3px; height: 3px; background: #363636;}
.arl_065 .dot_list li a:hover { opacity: .75;}
/*  end */