/*公用样式部分*/
body,h1,h2,h3,h4,h5,h6,div,p,dl,dt,dd,ol,ul,li,form,table,th,td,a,img,span,strong,var,em,input,textarea,select,option{margin:0;padding:0;}
html,body{font-family:"Microsoft YaHei"; background:#fff;}
ul,ol{list-style:none;}
img{border:0;}
input,select,textarea{outline:0;}
textarea{resize:none;}
table{border-collapse:collapse;border-spacing:0;}
th,strong,var,em{font-weight:normal;font-style:normal;}
a{text-decoration:none; color:#000;}
a:link,a:visited,a:hover,a:active{text-decoration:none;color:#000;}
.clearfix:after {content:"\200B"; display:block; height:0; clear:both;}
.clearfix {*zoom:1;}

#column-1 { width:1200px; margin:0px auto; display:block; overflow:hidden; margin-top:40px;}
#column-1 .left { width:298px; height:520px; float:left;background: #FFF9EF;}
#column-1 .right { width:838px; height:540px; float:left; background:url(../../image/rili/calendar_index_bg01.png) no-repeat left top; display:block; overflow:hidden;}
#column-1 .right #narmal { width:100%; height:540px; display:block; overflow:hidden; display:block;}
#column-1 .right #narmal .traffic { width:264px; float:left; margin:40px 0 0 32px;}
#column-1 .right #narmal .traffic h2 { font:700 44px/140% "MicrosoftYaHei-Bold"; text-align:left; color:#fff; width:100%;}
#column-1 .right #narmal .traffic h2 .line { width:68px; height:1px; background:#fff; float:left; margin-top:20px;}
#column-1 .right #narmal .traffic .text { font:400 12px/28px "MicrosoftYaHei"; text-align:justify; color:#fff; width:100%; margin-top:38px;}
#column-1 .right #narmal .info { width:440px; float:right; margin:40px 32px 0 0;}
#column-1 .right #narmal .info #wrap{ width:100%; position:relative; height:100%;}
#column-1 .right #narmal .info #scroll_box{ width:100%;overflow:hidden; }
#column-1 .right #narmal .info .box_163css{ width:100%; position:relative;height:470px; overflow:hidden;}
#column-1 .right #narmal .info .roll_ul{ position:absolute; left:0; top:0;}
#column-1 .right #narmal .info .roll_ul li{float:left;}
#column-1 .right #narmal .info .weblist{ width:100%; margin:0 auto;}
#column-1 .right #narmal .info .weblist a{ display:block; float:left; display:inline; width:100%; height:147px; overflow:hidden;box-sizing: border-box; -moz-box-sizing: border-box;-webkit-box-sizing: border-box; padding-top:16px;border-bottom:1px solid rgba(255,255,255,0.5);}
#column-1 .right #narmal .info .weblist a:nth-child(3n) { border-bottom:0;}
#column-1 .right #narmal .info .weblist a .title { font:700 16px/100% "MicrosoftYaHei-Bold"; color:#fff; text-align:left;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
#column-1 .right #narmal .info .weblist a .title img { margin-right:10px;}
#column-1 .right #narmal .info .weblist a .time { font:400 11px/18px "MicrosoftYaHei"; color:#fff; text-align:left; padding-top:16px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
#column-1 .right #narmal .info .weblist a .time img { margin:3px 4px 0 0;}
#column-1 .right #narmal .info .weblist a .time span { margin-left:10px;}
#column-1 .right #narmal .info .weblist a .time font { color:#fff;width: 38px;height: 18px;float: left;display: block;background: #C7291F;border-radius: 2px;text-align: center;line-height: 18px;font-size: 11px;}
#column-1 .right #narmal .info .weblist a .text {font:400 12px/22px "MicrosoftYaHei"; color:#fff;padding-top:12px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; }
#column-1 .right #narmal .info .scroll_nav { width:100%; display:inline-block; text-align:center; overflow:hidden;position:absolute; left:0; bottom:0;}
#column-1 .right #narmal .info .scroll_nav b{ width:10px; display:inline-block; height:10px; margin-right:12px; border: 1px solid rgba(255,255,255,1);cursor:pointer;box-sizing: border-box; -moz-box-sizing: border-box;-webkit-box-sizing: border-box; border-radius:50%;}
#column-1 .right #narmal .info .scroll_nav b.current{ background: #FFFFFF; border:0;}
#column-1 .right #after  { width:100%; display:none; overflow:hidden;}
#column-1 .right #after .info { width:774px; margin:0px auto; margin-top:40px;}
#column-1 .right #after .info #wrap_after{ width:100%; position:relative; height:100%;}
#column-1 .right #after .info #scroll_box{ width:100%;overflow:hidden; }
#column-1 .right #after .info .box_163css{ width:100%; position:relative;height:480px; overflow:hidden;}
#column-1 .right #after .info .roll_ul_after{ position:absolute; left:0; top:0;}
#column-1 .right #after .info .roll_ul_after li{float:left;}


#column-1 .right #after .info .weblist{ width:100%; margin:0 auto;}
#column-1 .right #after .info .weblist a{ display:block; float:left; display:inline; width:256px; height:147px; overflow:hidden;box-sizing: border-box; -moz-box-sizing: border-box;-webkit-box-sizing: border-box; padding:12px 20px 0 20px;border-bottom:1px solid rgba(255,255,255,0.5);border-right:1px solid rgba(255,255,255,0.5);}
#column-1 .right #after .info .weblist a:nth-child(3n) { border-right:0; }

#column-1 .right #after .info .weblist a:nth-last-child(-n+3) { border-bottom:0;}
#column-1 .right #after .info .weblist a .title { font:700 16px/100% "MicrosoftYaHei-Bold"; color:#fff; text-align:left;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
#column-1 .right #after .info .weblist a .title img { margin-right:10px;}
#column-1 .right #after .info .weblist a .time { font:400 11px/100% "MicrosoftYaHei"; color:#fff; text-align:left; padding-top:12px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
#column-1 .right #after .info .weblist a .time img { margin-right:4px;}
#column-1 .right #after .info .weblist a .time span { margin-left:10px;}
#column-1 .right #after .info .weblist a .text {font:400 12px/22px "MicrosoftYaHei"; color:#fff;padding-top:12px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; }
#column-1 .right #after .info .scroll_nav_after { width:100%; display:inline-block; text-align:center; overflow:hidden;position:absolute; left:0; bottom:0;}
#column-1 .right #after .info .scroll_nav_after b{ width:10px; display:inline-block; height:10px; margin-right:12px; border: 1px solid rgba(255,255,255,1);cursor:pointer;box-sizing: border-box; -moz-box-sizing: border-box;-webkit-box-sizing: border-box; border-radius:50%;}
#column-1 .right #after .info .scroll_nav_after b.current{ background: #FFFFFF; border:0;}
#column-2 { width:1200px; margin:0px auto; display:block; overflow:hidden; margin-top:50px; padding-bottom:80px;}
#column-2 h2 { width:100%; display:block; overflow:hidden; text-align:center;}
#column-2 h2 p{ width:88px; height:2px; margin:0px auto;background: #C49D50;border-radius: 2px; margin-top:10px;}
.swiper-container {width: 100%;height: 412px;margin-top:32px;}
.swiper-slide {text-align: center;/* Center slide text vertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;-webkit-box-pack: center;-ms-flex-pack: center; width:244px; height:302px;}
.swiper-pagination {bottom:0 !important;}
.swiper-pagination-bullet { width:10px; height:10px;box-sizing: border-box;outline: 1px solid #C49D50 ; background:none; box-sizing: border-box; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;opacity:1;}
.swiper-pagination-bullet-active {background: #C49D50;}
#column-2 .item { width:100%; height:312px;background: #FFF9EF;}
#column-2 .item .img { width:240px; height:186px; padding:4px; position:relative;}
#column-2 .item .img img { width:100%; height:100%;}
#column-2 .item .img .label {font:400 11px/18px "MicrosoftYaHei"; color:#fff; text-align:left; padding-left:16px; width:28px; height:18px; position:absolute; right:12px; top:12px; background:url(../../image/rili/calendar_index_bg02.png) no-repeat left top;}
#column-2 .item .img .info {font:400 11px/130% "MicrosoftYaHei"; color:#fff; text-align:left; box-sizing: border-box; width:240px; height:50px; padding:0px 10px; position:absolute; left:4px; bottom:0;background-image: linear-gradient(180deg, rgba(0,0,0,0.00) 0%, #000000 100%);}
#column-2 .item .img .info p { padding-top:6px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
#column-2 .item .img .info p img{ clear:both; width:12px; height:12px; vertical-align: middle; margin:1px 4px 0 0; float:left;}
#column-2 .item .title { font:700 14px/150% "MicrosoftYaHei-Bold"; color:#333; text-align:left; width:216px; margin:0px auto; display:block; overflow:hidden; padding:10px 0 12px 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
#column-2 .item .text { font:400 12px/20px "MicrosoftYaHei"; color:#999; text-align: justify; width:216px; margin:0px auto; display:block; overflow:hidden;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}

.swiper-slide:nth-child(even) .item { margin-top:38px;}

/* 左侧 */
.fr{float: right;}
.fl{float: left;}
#column-1 .left{padding: 10px 32px;}
.date{text-align: center;color: #C49D50;font-size: 22px;}
#yl{margin: 10px 0;}
#week{font-size: 56px;font-weight: bold;line-height: 56px;}
.date .day_prev,.date .day_next{display: inline-block;width: 20px;height: 56px;cursor: pointer;}
.date .day_prev{background: url(../../image/rili/prev_normal.png) no-repeat center center;}
.date .day_prev:hover{background: url(../../image/rili/prev_hover.png) no-repeat center center;}
.date .day_next{background: url(../../image/rili/next_normal.png) no-repeat center center;}
.date .day_next:hover{background: url(../../image/rili/next_hover.png) no-repeat center center;}
#tgdz,#nl{margin: 15px 2px;display: inline-block;}
.weather{height: 60px;font: normal 24px/60px "微软雅黑";}
.weather img{width: 40px;height: 40px;margin: 10px 50px 10px 60px;float: left;}
.assort{background: #fff;width: 100%;height: auto;position: relative;padding: 16px 0;margin-top: 16px;}
.slideGroup{ text-align:left;}
.slideGroup .parHd li{width: 70px;height: 70px;font-size: 12px;color: #C49D50;text-align: center;cursor: pointer;background: #F2F2F2;float: left;margin: 0 14px;}
.slideGroup .parHd li.on{background-color: #C49D50;color: #fff;}
.slideGroup .parHd li span{display: block;width: 100%;height: 42px;margin-bottom: 4px;}
.slideGroup .parHd .icon_1 span{background: url(../../image/rili/icon_1_normal.png) no-repeat bottom center;}
.slideGroup .parHd .icon_1.on span{background: url(../../image/rili/icon_1_hover.png) no-repeat bottom center;}
.slideGroup .parHd .icon_2 span{background: url(../../image/rili/icon_2_normal.png) no-repeat bottom center;}
.slideGroup .parHd .icon_2.on span{background: url(../../image/rili/icon_2_hover_1.png) no-repeat bottom center;}
.slideGroup .parHd .icon_3 span{background: url(../../image/rili/icon_3_normal.png) no-repeat bottom center;}
.slideGroup .parHd .icon_3.on span{background: url(../../image/rili/icon_3_hover.png) no-repeat bottom center;}
.slideGroup .slideBox{ overflow:hidden; zoom:1; position:relative; margin-top: 16px;padding:0 16px;border-bottom: 1px solid #E5E5E5;padding-bottom: 5px;}
.slideGroup .gradient{position: absolute;right: 0;top: 0;z-index: 10;display:none;}
.slideGroup .sNext{ display:none;position:absolute; right:5px; top:0; width:8px; height:16px; background:url(../../image/rili/icon_3_jt.png)no-repeat center center; z-index: 15;}
.slideGroup .parBd ul{ overflow:hidden; width:100%; zoom:1;white-space: nowrap;position: relative;padding: 5px 0;}
.slideGroup .parBd ul li{ margin-right:14px;padding-bottom:6px; float:left; _display:inline; overflow:hidden; text-align:left;font-size: 12px;color: #333;cursor: pointer;}
.slideGroup .parBd ul li.active{color:#C49D50}
.start_end{margin-top:16px;padding: 0 5%;font-size: 14px;color: #333;}
.start_end input{width: 37%;height: 36px;border: 1px solid #E5E5E5;padding-left: 10px;color: #333;background: url(../../image/rili/icon_5_rl.png) no-repeat 90% center;outline: none;border-radius: 4px;}
.start_end span{display: inline-block;width: 12%;height: 36px;line-height: 36px;text-align:center;}
.btn{margin-top: 12px;padding-left: 5%;}
.btn input{display: inline-block;width: 45%;height: 36px;line-height: 36px;text-align:center;color:#fff;background:#C7291F;border-radius: 5px;margin-right: 2%;border: 0;outline: none;cursor: pointer;font-size: 14px;}


 @media screen and (max-width: 768px)
 {
 #column-1,#column-2 { width:98%;} 
 #column-1 .left { padding:10px 0;}
 #column-1 .left,#column-1 .right { width:100%;}
 #column-1 .right { height:auto; background-size:cover;}
 #column-1 .right #narmal { height:auto;}
 #column-1 .right #narmal .traffic { width:90%; margin:0px auto; margin-top:40px; display:block; overflow:hidden; float:none;}
 #column-1 .right #narmal .info { width:100%; margin:0px auto; padding:30px 0; float:none;}
 #column-1 .right #narmal .info #wrap { width:94%; margin:0px auto;}
 #column-1 .right #narmal .info .box_163css { height:600px; display:block; overflow:hidden;}
 #column-1 .right #narmal .info .weblist a { width:100%; height:180px;}
 #column-1 .right #narmal .info .weblist a .time span { float:left; margin:8px 0 0 8px;}
 #column-1 .right #after { height:auto;}
 #column-1 .right #after .traffic { width:90%; margin:0px auto; margin-top:40px; display:block; overflow:hidden; float:none;}
 #column-1 .right #after .info { width:100%; margin:0px auto; padding:30px 0; float:none;}
 #column-1 .right #after .info #wrap { width:94%; margin:0px auto;}
 #column-1 .right #after .info .box_163css { height:890px; display:block; overflow:hidden;}
 #column-1 .right #after .info .weblist a { width:50%; height:170px;}
 #column-1 .right #after .info .weblist a .time span { width:100%; display:block; margin:8px 0 0 0;}
 #column-1 .right #after .info .weblist a:nth-child(odd) { border-bottom:1px solid rgba(255,255,255,0.5);border-right:1px solid rgba(255,255,255,0.5); padding-right:18px;}
#column-1 .right #after .info .weblist a:nth-child(even) { border-bottom:1px solid rgba(255,255,255,0.5); padding-left:18px;}
#column-1 .right #after .info .weblist a:nth-last-child(-n+2) { border-bottom:0;}
 }