﻿@charset "utf-8";
/* CSS Document */
*{ padding:0px; margin:0px; list-style:none}
.nmian-right{ padding:0;}
.clearit,.clearb{clear:both;margin:0;padding:0;}
.overflow{ overflow:hidden; height:1%;}
.fl{ float:left}
.fr{ float:right}

/*------错误提示------*/
.field-validation-error{color:red}
a.keyword_Default, a.Keyword_Type_1{ /*color:#c88700;*/}
.main{background:#F5F2E9;}

.main_content{margin:0px auto;padding:0;background: #fff;}

.fl{ float:left;}
.fr{ float:right;}
/**/
a.more{ color: #81662E; }
a.more:hover{font-weight: bold;}
/*二级页banner*/
.zd_logo{ margin:0 auto; width:1600px;}
/*公用样式*/
h2.title_header{border-bottom:2px solid #dddddd; font-size:20px;color:#81662e;line-height:50px;_border-bottom:1px solid #dddddd; }
h2.title_header span{display: inline-block;border-bottom: 3px solid #81662e;}
h2.title_header.tab_tit span{cursor: pointer;}
h2.title_header span.No_active{border-bottom: none;color: #888;}
h2.title_header a.more{float: right;font-size: 14px;color: #999;font-weight: normal; margin-top:3px;}
h2.title_header a.more:hover{color: #c88700;}






/*内容1*/
.linkmap{ display:none;}
.main1_l1{  float:right; height:296px;} 

.main1_l{ width:65%; float:left; height:296px;} 
.main1_l .article_box h2{ margin-bottom:8px;}
.main1_r{ width:390px; float:right; height:296px;}
.W430{width:430px;}
.W410{width:440px;}
.main1_l .article_box h2 span.span_date{font-size: 12px;color: #666;*display:none}
ul.article_list_2 li{line-height:39px;border-bottom: 1px solid #ededed;background: url(/Content/Areas/Common/images/Article/list_dot_one.png) no-repeat left center;padding-left:15px;_line-height:36px}
ul.article_list_2 li a{color: #666;font-size: 14px;}
ul.article_list_2 li span.span_date{float: right;font-size: 12px;color: #666;*display:none}
.pic li img,.scroll_img,.pic li{ height:312px !important;}
.scroll_img{}

ul.article_list_1 li{margin-top: 12px !important;}
ul.article_list_1 li a.columnName{float: left;display: inline-block;width: 42px;height: 45px;background: #81662e;color: #fff;line-height: 20px;text-align: center;margin-right: 10px;border-radius: 5px;padding: 2px 5px;}
ul.article_list_1 li a.columnName:hover{color: #fff;background: #674c15;}
ul.article_list_1 li span.date{ display:block;}
/*内容2*/
.main2{ margin-top:30px; margin-bottom:10px;}
.main2 a img{ width:347px; height:165px; display:block;}
.main2_l,.main2_m{  height:552px; float:left;}
.main2_l .img_list li img{ width:auto; height:110px;}
.main2_r{ width:390px;height:552px; float:right;}
.main2 .article_box{ border-bottom:1px solid #ccc; padding-bottom:10px; width:347px; overflow:hidden;}
.main2 .article_box h2{ font-size:16px; font-weight:bold; /*text-overflow:ellipsis; overflow:hidden; white-space:nowrap;*/}
.main2 .article_box h2 span.span_date{ float:none; display:block; font-size:12px; font-weight:normal;}
.main2 .article_box p{ line-height:24px !important; overflow:hidden; font-size:12px !important;}
.main2 .article_box .details{ display:none;}
.main2 .article_list{ width:347px;}
.main2 .article_list li{ padding-left:0px; background:none; border-bottom:1px solid #ccc; line-height:40px;}
.video_list li{ line-height:0px;}
.video_list li h2{ line-height:30px; font-size:16px; font-weight:bold; }
.Count,.play_time{ display: inline-block; width:100px; float:left; line-height:30px;}
.video_list2 .Count,.video_list2 .play_time{ display:none;}
.play_time span{ color:#81662e;}
.video_list2 li{ line-height:40px; border-bottom:1px solid #ccc;overflow:hidden;text-overflow:ellipsis; white-space:nowrap; }
.video_list2 li h2{font-size:14px; color:#666;}
.video_list2 li h2 font{ }
.video_list li{ position:relative}
.video_list li a.video_btn {
 background: url("../../common/images/video/play-btn.png") no-repeat center center;
 top: 0px;
	*top: 10px;
 display: block;
 height: 165px;
 left: 1px;
 position: absolute;
 width: 345px;
}
.video_list li a.video_btn:hover {
 background:url("/Content/Areas/Common/images/Article/op_bg.png") repeat 0 0;
}
/*通知公告*/
.article_list_1 li{display:block;/*这个属性是必须的*/height:46px;margin-top:12px;}
.shell{ width:390px;}
#div1{height:232px;overflow:hidden;}

/*专题专栏*/
.main2_l .img_list li{ margin-top:10px; *height:110px;}
/*图片新闻*/
.main3{ margin:0 auto;}

ul.article_list li span{ float:right;}



/*图片滚动*/
.scroll_img{position: relative;*zoom:1;_width:300px;margin-right:15px }
.pic li {width:320px; height:260px;} 
.pic li img{width:100%;height:260px;}
.tit { bottom:0; height:26px; left:0; overflow: hidden; position: absolute;z-index: 10; _width:300px; line-height:26px;*zoom:1}
.tit li a{ color:#333 !important; line-height:26px; padding:0 0 0 10px;transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s ;-webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s;font-size: 14px;}
.num{ height:16px; overflow:hidden; position:absolute; right:0px; bottom:26px;width:auto!important; z-index: 10;*zoom:1;}
.num li{ float:left; color:#fff; width:23px; height:13px; line-height:13px; text-align:center; font-size:12px; background:url(../images/op_bg.png) repeat;cursor:pointer;margin:3px 0 0 2px;}
.num li.s{ background:#1297f1; color:#fff;height:16px; line-height:18px; font-size:12px;background:url(../images/icon_7.png) no-repeat center;margin-top:0;border:none}
.flicking_con{ width:60px !important;}
.flicking_con span{ float:left; width:10px; height:10px; font-size:0; background:#fff; font-size:0; line-height:0;cursor:pointer;margin-left:5px;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;
transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s ;-webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s}
.flicking_con .on{ background:#1297f1;}
.op_bg{ position:absolute; width:100%; height:26px; bottom:0;_ bottom:-2px; left:0; background:#ccc !important;*zoom:1}
.dis{display: block;}
.undis{display: none}









/*响应式*/
@media only screen and (max-width:768px){
 .main1,.main2{ width:100%;}
 .main1_l,.main1_r,
 .main2_l, .main2_m,.main2_r,.main2 .article_list,.main2 .article_box{ width:100%; float:none; height:auto;}
 .main2_m{ margin:20px 0px 20px 0px;}
 .main2_l, .main2_m,.main2_r{ height:auto;}
 .W430{width:350px;float: right;}
 ul.article_list_1 li,.Min_con3 ul.article_list li{float: left;width:50%;box-sizing: border-box;padding-right:10px;}
 ul.article_list_1 li a.title_type,.Min_con3 ul.article_list li{overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
 .main2_l .img_list li.odd{ float:left; width:49%}
 .main2_l .img_list li.even{ float:right; width:49%}
 .main2_l .img_list li img{ height:auto; width:100%;}
/*图片滚动*/
 .scrcontBox{ width:544px; margin:30px auto 0px; }
 .scrcontBox .pcont {width:544px;}
 .W410{width:390px;}
}
@media only screen and (max-width:725px){
	.main1_l .scroll_img{display: none;}
	.W430{width:100%;float: none;}
	.W410{width:100%;}
}
@media only screen and (max-width:640px){
 .scrcontBox{ width:262px; margin:30px auto 0px; }
 .scrcontBox .pcont {width:262px;}
}
@media only screen and (max-width:600px){
 .main2 .article_box img{ width:100%;}
}
@media only screen and (max-width:500px){
 ul.article_list_1 li, .Min_con3 ul.article_list li{width:100%;float: none;padding-right:0}
 ul.article_list_2 li a.title_type{overflow:hidden;white-space: nowrap;text-overflow: ellipsis;width:80%;display:block;}
 .main2_l .img_list li.odd{ float:none; width:100%}
 .main2_l .img_list li.even{ float:none; width:100%}
}
@media only screen and (max-width:400px){
 ul.article_list_1 li, .Min_con3 ul.article_list li{width:100%;float: none;padding-right:0}
 ul.article_list_2 li a.title_type{overflow:hidden;white-space: nowrap;text-overflow: ellipsis;width:80%;display:block;}
 .main2 a img{ width:100%;}
 .main2_r .video_list img{width:280px; height:165px;}
 .video_list li a.video_btn{ width:280px; height:165px;}
 

}
@media only screen and (max-width:360px){
.scrcontBox a.btn{ display:none;}
.scrcontBox a.btn{ display:none;}
.scrcontBox{ padding:0px;}
.scrcontBox .pcont{ width:auto; overflow-x:auto;}
}
@media only screen and (max-width:320px){
 .scrcontBox{ width:100%; margin:30px auto 0px; }
 .scrcontBox .pcont {width:100%;}
 .scrcontBox li img{ width:100%; height:auto;}

}






 









