﻿
ul,li{ list-style:none;}
img{ border:0;}
.newstitle{background: url(../img/border.jpg) no-repeat left top;height:56px;line-height: 56px;border-bottom:solid 1px #ccc;}
.newstitle h2{font-size:22px;color:#333;font-weight: bold;float:left;}
.newstitle span{font-size:16px;color:#999;padding-left:20px;float:left;}
#zSlider{margin:0px auto; width:1400px; overflow:hidden;padding-top:40px;}
#picshow{position:relative;}
#picshow,#picshow_img{width:460px; height:300px; overflow:hidden; float:left;border-radius: 12px;}
#picshow_img li{width:460px; height:300px; overflow:hidden; float:left; display:none;}
#picshow_img img{width:460px; height:300px;}
#picshow_tx{left:0px; width:880px; bottom:0px; position:absolute; height:90px; overflow:hidden;}
#picshow_tx li{ padding:10px 30px; height:70px; color:#fff; display:none;}
#picshow_tx li a{color:#fff;}
#picshow_tx li a:hover{text-decoration:underline;}
#picshow_tx li h3{ margin:13px 0;}
#picshow_tx li p{ color:#ccc; line-height:16px; height:16px; overflow:hidden;}
#select_btn{width:910px; height:300px; color:#111; float:right; display:inline;}
#select_btn ul{padding-top:20px;}
#select_btn ul li:nth-child(2n-1){float:left;}
#select_btn ul li:nth-child(2n){float:right;}
#select_btn li{padding:0; width:48%;height:82px;cursor:pointer;box-sizing: border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
#select_btn li:hover .date{background:#E0403B;margin-left:4px;}
#select_btn li.current .date{background:#E0403B;margin-left:4px;}
#select_btn li.current:hover .date{background:#E0403B;margin-left:4px;}
#select_btn li:hover .date p{color:#fff;}
#select_btn li.current .date p{color:#fff;}
#select_btn li.current:hover .date p{color:#fff;}
#select_btn a{color:#333;font-size:16px;}
#select_btn img{padding:2px; border:1px solid #ccc; width:70px; height:49px; margin-right:10px; float:left;}
#select_btn .select_text{ height:20px; line-height:22px;font-size:16px;display:block;font-family:"Microsoft yahei";box-sizing: border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
#select_btn .select_text:hover{}
#select_btn .select_date{ height:23px; line-height:23px; overflow:hidden; display:block;}
#zSlider .date{background:#efefef;border-radius: 12px;text-align: center;padding:10px;transition:all .3s;margin-right:15px;}
#zSlider .date p.day{padding:2px 0;color:#333;font-size:18px;}
#zSlider .date p.year{padding:2px 0;color:#999;font-size:14px;}
#zSlider .more{width:40px;height:20px;display:block;background:url(../img/more.png) no-repeat center center;float:right;margin-top:20px; transition:all .3s;}
#zSlider .more:hover{background:url(../img/morehover.png) no-repeat center center;}

@media screen and (max-width:640px) {
    #picshow,#picshow_img{width:100%; height:300px; overflow:hidden; float:none;border-radius: 12px;}
    .newstitle{background: url(../img/border.jpg) no-repeat left top;height:56px;line-height: 56px;border-bottom:solid 1px #ccc;margin-top:20px;}
    #zSlider{width:90%;margin:0px auto; }
    #picshow_tx{left:0px; width:100%; bottom:0px; position:absolute; height:90px; overflow:hidden;}
    #picshow,#picshow_img{width:100%;height:auto;overflow:hidden;border-radius: 12px;}
    #picshow_img li{width:100%;height:auto;overflow:hidden;display:none;}
    #picshow_img img{width:100%;height:auto; }
    #select_btn{width:100%; color:#111; display:inline;}
    #select_btn{width:100%; height:580px; color:#111; float:none; display:inline;}
    #select_btn li:hover .date{background:#E0403B;margin-left:0px;}
#select_btn li.current .date{background:#E0403B;margin-left:0px;}
#select_btn li.current:hover .date{background:#E0403B;margin-left:0px;}
#select_btn ul{padding-top:20px;}
#select_btn ul li:nth-child(2n-1){float:left;}
#select_btn ul li:nth-child(2n){float:left;}
#select_btn li{padding:0; width:100%;height:auto;cursor:pointer;box-sizing: border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;padding:10px 0;}
#select_btn img{padding:2px; border:1px solid #ccc; width:70px; margin-right:10px; float:left;}
#select_btn .select_text{ float:left;width:77%;height:auto; line-height:22px;font-size:16px;display:block;font-family:"Microsoft yahei";box-sizing: border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
#zSlider .more{width:40px;height:20px;display:block;background:url(../img/more.png) no-repeat center center;float:right;margin-top:20px; transition:all .3s;}
#zSlider .more:hover{background:url(../img/morehover.png) no-repeat center center;}
}