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


.arl_077 { position: relative;}
.arl_077 .recent_art { position: relative; background: #e6e6e6; padding:0 55px 0 15px; height: 48px; overflow: hidden; z-index: 10;}
.arl_077 .recent_art:after { content: ""; display: block; clear: both;}
.arl_077 .recent_art h3 { position: relative; float: left; font-size: 14px; font-weight: bold; height: 26px; line-height: 24px; color: #fff; background: #50a8c2; padding: 0 13px; margin: 10px 10px 0 0; border: 1px solid #358aa3; border-radius: 3px;}

.arl_077 .bx-pager { display: none;}
.arl_077 .bx-controls-direction { display: none;}

.arl_077 .art_slide { overflow: hidden;}
.arl_077 .lst_pop { position: relative; z-index: 1;}
.arl_077 .lst_pop li a { display:block; height: 48px; line-height: 46px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-size: 14px; color: #3c3c3c; font-weight: bold;}
.arl_077 .lst_pop li a:hover { opacity: .7;}

.arl_077 .slide_num { position: absolute; right: 15px; top: 17px; color: #333; font-size: 12px; font-weight: bold; font-family: Rubik, sans-serif; letter-spacing: 0; font-weight: 400;}
.arl_077 .slide_num strong { letter-spacing: 0; font-weight: 400;}
/*  end */
/*  begin */


.ban_001 { position: relative; overflow: hidden;}

.ban_001 .slide_wrap { position: relative;}
.ban_001 .slide_wrap .bx-viewport { padding-bottom: 1px;}

.ban_001 .slide_wrap .photo_box:after { content: ""; display: block; clear: both;}
.ban_001 .slide_wrap .photo_box li { position: relative;}
.ban_001 .slide_wrap .photo_box li a { position: relative; display: block; transition: none; text-decoration: none;}
.ban_001 .slide_wrap .photo_box li a > span { display: block;}
.ban_001 .slide_wrap .photo_box li a img { width: 100%; height: auto !important;}
.ban_001 .slide_wrap .photo_box li a i { display: block; line-height: 1.3; overflow: hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; font-style: normal;}

.ban_001 .bx-controls-direction { display: block;}
.ban_001 .bx-controls-direction a { position: absolute; top: 50%; display: block; width: 18px; height: 30px; background: url(/data/skin/content/1/ban_001//images/btn_slide.png) no-repeat 0 0; z-index: 100; text-indent: -9999px; overflow: hidden; margin-top: -15px; cursor: pointer;}
.ban_001 .bx-controls-direction a.bx-prev { left: -23px; background-position: 0 0;}
.ban_001 .bx-controls-direction a.bx-next { right: -23px; background-position: -18px 0;}
.ban_001 .bx-pager { display: none;}
.ban_001 .slide_wrap .photo_box li a:hover { opacity: .75;}

.ban_001 .slide_num { position: absolute; right: 0; top: 7px; color: #808080; font-size: 11px;}
.ban_001 .slide_num strong { font-weight: normal;}

.ban_001.skinbox .slide_wrap { margin: 0 10px}
/*  end */
