@charset "utf-8";
 /*  
*@description:首页 
*@author: name 林异频  
* @update: name ()更新 */

.index-top{border-bottom: 1px solid #e4e5e4; padding:5px 10px; line-height: 30px;}
.index-top big{ color: #be0818;font-size:16px;float:left;}
.index-top a.right{color: #9e9e9e;}
.index-top a.right:hover{ color: #BE0818;}
.index2-pd{ margin:0 -15px; padding: 10px 0;}
.index-pd,.index1{ clear: both;overflow: hidden;background: #fff;border: 1px solid #e4e5e4;}
.index-pd1{ clear: both; overflow: hidden; padding:5px 10px;}
.index-left{ margin-bottom: 20px;}
.index-left2{ clear: both;overflow:hidden; padding: 5px 0; display: block;}
.index-left2 img{width:100%;}
.index-left3 li{ clear: both;overflow: hidden;border-bottom: 1px dashed #d7d7d7; padding: 5px 0;}
.index-left3 li big{ display: block; clear: both; overflow: hidden;font-size: 14px;white-space: nowrap;text-overflow: ellipsis;}
.index-left3 li p a{ color: #ffb400;margin-left: 5px;}
.index-left3 li.index-b{border: 0;}

.index-right1 dt{border-bottom: 1px dashed #d7d7d7; padding: 5px 0;}
.index-right1 dt big{ display: block; clear: both;overflow: hidden;font-size: 1.2em; margin-bottom: 3px;}
.index-right1 dt big a{ display: block; white-space:nowrap;text-overflow: ellipsis;overflow: hidden;}
.index-right1 dt span{ color: #b8b8b8; display: block; clear:both;}
.index-right1 dd{ clear: both; overflow: hidden; padding: 5px 0;}
.index-right1 dd a{ display:block; clear: both;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; color: #686868; padding: 3px 0 3px 15px; background: url(../images/index-2.png) no-repeat 0 center;}
.index-right1 dd a:hover{ color: #BE0818;}

.index1{ position: relative;}
.index1 .slider{ padding: 0 5px;}
.index1-1{ padding: 10px 5px; clear: both;overflow: hidden;}
.index1-1 a.index1-img{ display: block; overflow: hidden;}
.index1-1 a.index1-img img{width: 100%;}
.index1 button.slick-prev,.index1 button.slick-next{ position: absolute;top:-32px;height: 22px; width: 22px;background: #afb0af; color: #fff; text-align: center;border: 0;overflow: hidden; line-height: 22; padding: 0;outline: none;}
.index1 button.slick-prev:before,.index1 button.slick-next:before{ position: absolute;top:0;left:0;height: 22px; width: 22px;line-height: 22px;
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
.index1 button.slick-prev{right:37px;}
.index1 button.slick-prev:before{content: "\e605"; }
.index1 button.slick-next{right:10px;}
.index1 button.slick-next:before{content: "\e604"; }
.index1-2{background: #fbfbfb; padding: 5px 10px 15px; clear:both; overflow: hidden;}
.index1-1 a.index-big{ display: block; clear: both;overflow: hidden;white-space:nowrap;text-overflow: ellipsis;font-size: 14px; }
.index1-1 p{ height: 5.4em; overflow: hidden;}
.index2{ margin-top: 20px;}
.index2.index2-1{margin-top: 0;}
.index2-1 .index-right1 dt{border-bottom: 0;}

.index2-1 .index-right1 dt img{width: 100%;}

@media only screen and (min-width:768px) {
.index-height{height: 315px}    
.index-top{padding:10px;}
.index-top big{font-size:20px;}
.index2-pd{padding:15px 0;margin: 0;}
.index-left{float: left; width:66%;}
.index-pd{ clear: none;}
.index-pd1{padding:10px;}
.index-left{ margin-bottom:15px;}
.index-left2{ clear: none;float: left;width: 45%;margin-right:15px; padding: 10px 0;height: 255px;overflow: hidden;}
.index-left3{overflow: hidden;}
.index-left3 li{ clear: both;overflow: hidden;border-bottom: 1px dashed #d7d7d7; padding: 5px 0;}
.index-left3 li p{height:3.6em;overflow: hidden;}
.index-right{float: right;width: 32%;overflow: hidden;}
.index-right1 dt{padding: 0 0 5px;}
.index-right1 dt p{height: 3.6em; overflow: hidden;}

.index1 .slider{ padding: 0 10px;}
.index1-1{ padding:15px 10px;}
.index1 button.slick-prev,.index1 button.slick-next{ top:-37px;}
.index1 button.slick-prev{right:47px;}
.index1 button.slick-next{right:20px;}
.index2{float: left;width: 32%; display: inline-block;}
.index2{ margin: 0 0 0 2%;}
.index2.index2-1{margin-left: 0;}
.index2-1 .index-right1 dt a{ height:80px;overflow: hidden; display: block;}
}
@media only screen and (min-width:992px) {
.index-height{height: 350px}    
.index-top{padding:10px 20px;}    
.index-pd1{ padding: 10px 20px;}
.index-left2{width: 342px;height: 270px;}
.index-left3 li{ padding: 7px 0;}
.index-left3 li big{font-size: 16px; padding-bottom:5px;}
.index-right1{font-size: 14px;}
.index1-2{ padding: 8px 15px 20px;}
.index1-1 a.index-big{font-size: 16px;}
.index1 .slider{ padding: 0 5px;}
.index1-1{ padding:15px;}
.index2-1 .index-right1 dt a{ height:96px; }
}

@media only screen and (min-width:1200px) {
.index2-1 .index-right1 dt a{ height:120px;}
    
}