﻿/* 公共 */

.SwitchImage,.SwitchImage img{height: 260px;width: 373px;}

.button li{
 width: 46%;
 height: 32px;
 line-height: 32px;
 text-align: center;
 border-radius: 10px;
 background: #8f313d;
 float: left;
 margin: 4px;
}
.button li a{display: block;color: #fff;font-size: 14px;}
.button li:hover{box-shadow: 0 0 10px #000;}
.button li a:hover{font-weight: bold;}

/* 轮播 */
.xs_scroll {
 margin: 0 auto;
   }
   
   .xs_scroll .swiper-box {
 width: 270px;
 height: 160px;
   }
   
   .xs_scroll .swiper-slide {
 position: relative;
 /* width: 253px !important; */
   }
   
   .xs_scroll .swiper-box ul li .Img_Box {
 float: left
   }
   
   .xs_scroll .swiper-box ul li .Img_Box .pic {
 width: 250px;
 height: 160px;
 padding: 2px;
 box-sizing: border-box;
   }
   
   .xs_scroll .swiper-box ul li img {
 width: 244px;
 height: 174px;
   }
   
   .col-md-12 .Scroll_Box .arrow-btn {
 top: 60px;
 font-size: 32px !important;
 display: block;
 line-height: 60px;
 background: #91111a;
 text-align: center;
 color: #fff !important;
   }
   
   .xs_scroll .arrow-btn {
 top: 80px;
 display: block !important;
 color: #777;
 text-align: center;
 line-height: 60px;
   }
   
   .xs_scroll .Scroll_Box .btn-left {
 _left: -30px;
   }
   .DZB_border .SwitchImage .pagination{right: 160px;bottom: 40px;}
   .xs_scroll .Scroll_Box .swiper-box ul li h2 {
 width: 100px;
 position: absolute;
 bottom: 3px;
 background: url(/Content/Areas/Common/images/Article/op_bg.png) repeat;
   }
   
   .Scroll_Box .arrow-btn:hover {
 background: #C16027;
 color: #fff !important;
 transition: all 0.2s;
 -moz-transition: all 0.2s;
 -ms-transition: all 0.2s;
 -o-transition: all 0.2s;
 -webkit-transition: all 0.2s;
   }
   
   .xs_scroll {
 padding: 10px;
 width: 754px;
   }
   
   .xs_scroll .swiper-box {
 width: 720px;
 height: 160px;
   }
   
   .xs_scroll .swiper-box ul li .Img_Box {
 float: left;
   }
   .xs_scroll .swiper-box ul li .Img_Box .pic {
 width: 235px;
 height: 140px;
   }
   .xs_scroll .swiper-box ul li img {
 width: 100%;
 height: 140px;
   }
   .xs_scroll .arrow-btn {
 top: 60px;
 font-size: 30px !important;
 font-weight: 700;
 z-index: 1 !important;
   }
   .Scroll_Box .swiper-box ul li h2 {
 width: 235px;
 line-height: 36px !important;
 height: 36px;
 position: absolute;
 top: 124px;
 background: url(/Content/Areas/Common/images/Article/op_bg.png) repeat;
   }
   .Scroll_Box .swiper-box ul li h2 a{color: #fff;}
   .Scroll_Box .swiper-box ul li h2 {
 color: #fff;
   }
   ul.article_list.zmzj li.Li_Odd{
    float: left;
   }
 ul.article_list.zmzj li.Li_Even{
 float: right;
 }
 
@media only screen and (max-width: 768px){
 ul.article_list.zmzj li.Li_Odd{
 float: none;
 }
 ul.article_list.zmzj li.Li_Even{
 float:none;
 }
} 