﻿.homeHotListFirst{margin-top:30px;clear: both;margin-bottom: 10px;}
.homeHotListFirst div{max-height:320px;overflow: hidden;}
.homeHotListFirst div img{width:100%;height:100%;}
.homeHotListFirst p{height: 48px;line-height: 48px;}
.homeHotListFirst p a{text-align:center;font-size: 24px;font-weight: bold;width:80%;margin: auto;}
.homeHotList{float:left;width:50%;padding:0 20px;}
.homeHotList a{height: 24px;line-height: 24px;}
.homeHotData{overflow: hidden;}
.ImagesMarginAuto-15{overflow:hidden;margin:0 -15px;}
.images-ListTitle{height: 22px;line-height: 22px;background: url(../images/phone_bg.jpg) right center no-repeat;margin-bottom:20px;}
.images-ListTitle .title{border-left: 7px solid #e71a21;padding-left: 18px;float: left;font-size: 18px;background: #fff;padding-right: 20px;}
.images-ListTitle .more{text-align: right;float: right;background:#fff;padding-left:20px}
.images-ListTitle .more i{color:#cecece;font-size: 14px;}
.images-ListTitle .more a{color: #666;font-size: 12px;}
.images-ListTitle .more:hover a{color: #666;text-decoration: underline;}

#bannerSwiper{margin-top:10px;margin-bottom:30px;}
#bannerSwiper img{height:500px;width:100%;}
#bannerSwiper .slideImagesTitle{font-size: 22px;margin-top:5px;}
#bannerSwiper .arrow-left{background: url(../images/banner_arrow.png) no-repeat left top;position: absolute;left: 20px;top: 37%;width: 70px;height: 70px;z-index: 10;}
#bannerSwiper .arrow-right {background: url(../images/banner_arrow.png) no-repeat left bottom;position: absolute;right: 20px;top: 37%;width: 70px;height: 70px;z-index: 10;outline: none;}
#bannerSwiper .pagination{display: inline-block;padding-left: 0;margin:0;border-radius: 4px;position: absolute;width: auto;bottom: 50px;z-index:10;left:50%;transform: translate(-50%,0);}
#bannerSwiper .pagination .swiper-pagination-bullet{transition: width 0.3s ease-in-out;width: 10px;height: 10px;border-radius: 10px;opacity: 1;background: #d2d2d2;}
#bannerSwiper .pagination .swiper-pagination-bullet-active{background: #ab000e;width: 30px;}

.images-List{padding-top:16px;}
.images-List .item{border: 1px solid #e4e4e4;margin-bottom: 16px;}
.images-List .item .title{padding: 15px 10px;}
.images-List .item:hover{border: 1px solid #bfbfbf;}
.images-List .item .title:hover{text-decoration: none;color: inherit;}

.videoslideBox{overflow:hidden;position:relative;margin-top:10px;margin-bottom:30px;}
.video-box{overflow:hidden;}
.video-box .video-headline{color: #699f00;padding-bottom: 6px;border-bottom: 2px solid #699f00;padding-left: 20px;background: url(../images/video_play.png) left center no-repeat;margin-bottom:20px;}
.video-box .video-headline .title{color: #699f00;font-size: 28px;}
.video-box .video-headline .more{padding-left: 10px;color: #699f00;font-size: 14px;}
.video-box .video-headline .textTit{font-size: 28px;}
.video-box .video-answer{margin: 0 -15px;overflow:hidden;min-height: 225px;}
.video-box .video-answer .title a:hover{color: #699f00;text-decoration: none;}
.video-box .video-answer .title{height: 56px;padding: 0 4px;background-color: #f2f2f2;margin-bottom:20px;}
.video-right-title{padding-left:25px;position: relative;height: 20px;line-height: 20px;margin-top: 8px;}
.video-right-title span{position: absolute;width:20px;height:20px;padding: 0 6px;background-color: #699f00;top:0px;left:0px;color: #fff;}
.video-right-title a:hover{color: #699f00;text-decoration: none;}
.videoMargin{padding-top: 20px;overflow:hidden;}
.videoMargin .date{color: #666;}
.videoMargin a:hover{color: #699f00;text-decoration: none;}
.video-box {padding: 0 15px;}
.videoslideBox{margin-left: 15px;margin-right: 15px;}
.videoSoft{border-bottom: 1px solid #e0e0e0;padding-bottom: 10px;color: #999;}
.videoSoft .hotBtn{color: #333;cursor: pointer;}
.videoSoft .hotBtn span{padding: 1px;width: 13px;height: 13px;border-radius: 1px;border: 1px solid #ccc;display: inline-block;margin-right:4px;position: relative;top: 2px;}
.videoSoft .hotBtn.on span i{background-color: #315798;display:block;width:9px;height:9px;}
.videoSoft .hotBtn.on span{border: 1px solid #315798;}
.videoSoft .hotBtn:hover,.videoSoft .hotBtn.on{color: #315798;}
.videoSoft .theDateBtn{color: #333;cursor: pointer;margin-left:10px;}
.videoSoft .theDateBtn span{padding: 1px;width: 13px;height: 13px;border-radius: 1px;border: 1px solid #ccc;display: inline-block;margin-right:4px;position: relative;top: 2px;}
.videoSoft .theDateBtn.on span i{background-color: #315798;display:block;width:9px;height:9px;}
.videoSoft .theDateBtn.on span{border: 1px solid #315798;}
.videoSoft .theDateBtn:hover,.videoSoft .theDateBtn.on{color: #315798;}

.feedback-list .category li.active a{color: #cd0200;text-decoration: underline;}

.rightTab{padding: 0 15px 10px;display: none;}
.rightTab.on{display: block;}
.rightTab .tab-title{height: 38px;background: #fff;border-bottom: 1px solid #efefef;line-height: 38px;position: relative;margin: 0;margin-top:10px;}
.rightTab .tab-title ul li{line-height: 39px;font-size: 16px;padding: 0 15px;color: #333;height: 39px;font-weight: 400;}
.rightTab .tab-title ul li.select{background: transparent;color: #0e5298;font-weight: 600;border-bottom: 2px solid #0e5298;font-weight: 600;}
.rightTab  .rightContent-Number{border-bottom: 1px dotted #dedede;line-height: 40px;}
.rightTab  .rightContent-Number span{color: #bbb;float: right;}

.addtimeStyle{margin-top:10px;}
.addtimeStyle .el-date-editor--daterange.el-input__inner{width:100%;}

.statistics{margin-top: 12px;padding: 0 15px;font-size: 15px;}
.statistics span{display: inline-block;width: 55px;height: 30px;line-height: 30px;text-align: center;border: 1px solid #d2e1f1;margin-right: 5px;cursor: pointer;}
.statistics span.on{background-color: #0e5298;color: #fff;}

@media (min-width:1000px) /*pc端*/{
.images-index-list .image.images-fixed img{width: 100% !important;height: 164px !important;}
.images-List{margin: 0 -15px;}
.videoslideBox .hd{overflow:hidden;float:right;width: 20%;max-width: 247px;background: url(../images/video_bg.png);padding: 18px 18px 0 16px;height: 370px;margin-top: 35px;}
.videoslideBox .hd ul{ overflow:hidden;border-radius: 6px;height: 100%; }
.videoslideBox .hd ul li{width:100%;height: 34px;line-height: 34px;text-align:center; background:transparent; cursor:pointer; padding: 0 5px 0 8px;}
.videoslideBox .hd ul li a{color: #ccc;}
.videoslideBox .hd ul li.on{background-color: #699f00;}
.videoslideBox .hd ul li.on a{color:#fff;}
.videoslideBox .hd ul li a:hover{text-decoration: none;}
.videoslideBox .bd{ position:relative;float:left;width: 80%;max-width: 1100px;}
.videoslideBox .bd li{ zoom:1; vertical-align:middle; }
.videoslideBox .bd img{ width:100%; height:410px; display:block;  }
.video-box .video-left{float:left;width: 80%;max-width: 1100px;}
.video-box .video-right{float:right;width: 20%;max-width: 247px;}
.video-box .video-images img{width:100%;height:99px;}
.videoMargin{margin:0 -15px;}
.marginAuto-home{margin-left: -5px;margin-right: -5px;}
.marginAuto-home>div{padding: 0 5px !important;}
.marginAuto-home>div .marginAuto-15{margin: 0 -5px;}
.marginAuto-home>div .marginAuto-15 >li {padding: 0 5px !important;}
.video-box .video-answer .title{font-size: 16px;padding-top: 4px;}
.video-box .video-answer .title a{line-height: 1.5;}
.video-right-title{font-size: 17px;}
}
@media (max-width:1000px) /*手机端*/{
.images-index-list .image.images-fixed img{width: 100% !important;height: 164px !important;}
.home-answer-boxs.images-boxs{padding:0 15px;}
#bannerSwiper{margin-left:15px;margin-right:15px;}

.videoslideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.videoslideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.videoslideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.videoslideBox .hd ul li.on{ background:#699f00; color:#fff; }
.videoslideBox .bd{ position:relative; height:100%; z-index:0;   }
.videoslideBox .bd li{ zoom:1; vertical-align:middle; }
.videoslideBox .bd img{ width:100%; height:410px; display:block;  }
.video-right{margin-bottom:20px;}
.video-box .video-images img{height:150px;width: 100%;}

.videoSoft{margin:0 15px;}

}
