﻿.content_box h2{font-size: 16px;text-align: center;line-height: 36px;font-weight: bold;}
.content_box h3{font-size: 14px;text-align: center;line-height: 32px;}
.content_box p{line-height: 26px;font-size: 14px;text-indent: 2em;padding: 0 40px;}
.content_box{margin: 10px 0 30px;}

ul.img_list{overflow:hidden; margin-bottom:5px;}
ul.img_list li{width:264px;height: 206px;float: left;overflow: hidden;margin: 15px 32px 0px;}
ul.img_list li:hover{}
ul.img_list li .img_box{-webkit-transition: all 0.35s ease-in-out;-moz-transition: all 0.35s ease-in-out;transition: all 0.35s ease-in-out;}
ul.img_list li .img_box img{width:100%;height:170px;}
ul.img_list li a.title_type{height: 36px;line-height: 36px;width: 100%;color: #333;text-align:center;}


h2.Column_tit {font-size: 18px;line-height: 36px;text-align: center;}

.panel img{width:720px;height:490px;}
.strip_wrapper img{width:126px;height:76px;}
.panel h2{line-height: 65px;font-size: 16px;}
div#Photo_Box{margin:0px auto 20px !important;}
.panel h2 b{ font-weight:normal;}


/*专题图片*/
.zttpImg{width: 100%;height: 240px;}
.zttpImg .Scroll_Box{height: 240px;padding-left: 30px;}
.zttpImg .Scroll_Box img{width: 100%;height: 200px;}
.zttpImg .Scroll_Box .Img_Box h2{display: none;}
.zttpImg .Scroll_Box .swiper-box{height: 200px;width: 950px;}
.zttpImg .Scroll_Box .swiper-box{height: 200px;width: 950px;}
.zttpImg .Scroll_Box .arrow-btn{display: block;}
.zttpImg .Scroll_Box .arrow-btn:hover{color: #fff;}
.zttpImg .Scroll_Box .btn-left{background:url(/Content/Areas/Common/images/Article/op_bg.png) repeat ;font-size: 60px;font-family: "宋体";color: #fff;top:80px;left: 5px;}
.zttpImg .Scroll_Box .btn-right{background:url(/Content/Areas/Common/images/Article/op_bg.png) repeat ;font-size: 60px;font-family: "宋体";color: #fff;top:80px;right: 0px;}



@media only screen and (max-width:1310px){
.zttpImg .Scroll_Box .swiper-box{height: 180px;width: 100%;}
.zttpImg .Scroll_Box .swiper-box{height: 180px;width: 100%;}
.zttpImg .Scroll_Box .btn-left{top: 70px;}
.zttpImg .Scroll_Box .btn-right{top: 70px;}
.zttpImg .Scroll_Box img{width: 100%;height: 180px;}
}


@media only screen and (max-width: 768px){
.Photo_Box{ width:100% !important;}
.panel{width:100% !important;}
.panel img{width:100% !important;height:618px !important;}
.strip_wrapper{ width:272px !important; left:40px !important;}
#pointer{ width:100px !important; height:50px !important;}
.nav-next{right:10px !important;}
.nav-prev{left:10px !important;}
#pointer img {left:40px !important;}
ul.img_list li{margin: 15px 38px 0px;}

.zttpImg .Scroll_Box .arrow-btn{display: none;}
.zttpImg .Scroll_Box{width: 690px;margin:0 auto;padding-left: 0;padding-right: 0;}
.zttpImg .Scroll_Box .swiper-box{height: 180px;width: 700px;}

}


@media only screen and (max-width: 1310px){
ul.img_list li{margin: 15px 10px 0px;}
}
@media only screen and (max-width: 1200px){
ul.img_list li{width: 31.3%; margin: 15px 1% 0px; height: auto;}
ul.img_list li a.img_box{ display: block; width: 100%; height: 150px; overflow: hidden; }
ul.img_list li a.img_box img{ width: 100%; height: auto; min-height: 150px; }
}

@media only screen and (max-width: 760px){
ul.img_list li a.img_box{ height: 120px;  }
ul.img_list li a.img_box img{  min-height: 120px; }
.xw_con .span_date{display: none;}

.zttpImg .Scroll_Box{width: 470px;margin:0 auto;padding-left: 0;padding-right: 0;overflow: hidden;}
.zttpImg .Scroll_Box .swiper-box{height: 180px;width: 700px;}

}
@media only screen and (max-width: 640px){
ul.img_list li a.img_box{ height: 100px;  }
ul.img_list li a.img_box img{  min-height: 100px; }
}

@media only screen and (max-width:510px){
.zttpImg .Scroll_Box{width: 235px;margin:0 auto;padding-left: 0;padding-right: 0;overflow: hidden;}
}

@media only screen and (max-width: 500px){
ul.img_list li{width: 48%;}
ul.img_list li a.img_box{ height: 120px;  }
ul.img_list li a.img_box img{  min-height: 120px; }
#pointer{display: none;}

.Photo_Box,.panel {width: 100% !important;}
.panel img {width: 100% !important;height: 280px !important;}

.content_box p { padding: 0;}
}
@media only screen and (max-width: 400px){
ul.img_list li a.img_box{ height: 100px;  }
ul.img_list li a.img_box img{  min-height: 100px; }
}
@media only screen and (max-width: 320px){
ul.img_list li{width:98%;}
ul.img_list li a.img_box{ height: 140px;  }
ul.img_list li a.img_box img{  min-height: 140px; }
} 