@charset "utf-8";
/*一谷一带 首页 css 样式*/


/*专题公用头部 颜色配置 红色*/
.ls-dqlm-tit a { color: #ed2a24; }
.ls-dqlm-tit a:hover{ color: #ed2a24; }
.ls-bread-nav p { color: #ed2a24; }
#ls_dqwzz a { color: #ed2a24; }
#ls_dqwzz a:hover{ color: #ed2a24; }
.ls-bread-nav { border-left: 1px solid #d3d3d3; }
.ls-bread-nav div span:before { background: #ed2a24; }
.ls-seach-form .search_drap select { color: #ed2a24; background: url(../img-wmcs/red_ico.png) no-repeat 55px center; }
.ls-seach-form .ss_input { border-bottom: 1px solid #ed2a24; }
.ls-seach-form .ss_input .search-keywords { background: url(../img-wmcs/line.png) no-repeat left center; color: #ed2a24; }
.ls-seach-form .topsearchbtn { background: url(../img-wmcs/red_fdj.png) no-repeat center; }
.ls-jftbox { border: 1px solid #ed2a24; background: url(../img-wmcs/jtline.png)no-repeat center;}
.ls-jftbox a.active { color: #cc0b20; background: transparent; }
.ls-jftbox a { color: #efb3ae; }
.ls-jftbox a:hover{ color: #efb3ae; }
.ls-toufuwu li.num0 a { background: url(../images-new/oldico2.png) 9px center no-repeat #ed2a24; color: #fff; }
.ls-toufuwu li.num1 a { background: url(../images-new/oldico.png) 9px center no-repeat #ed2a24; color: #fff; }
.ls-toufuwu li.num2 a { background: url(../images-new/wzaico.png) 9px center no-repeat #ed2a24; color: #fff; }
.ls-toufuwu li.num3 a { background: url(../images-new/bqk-ico.png) 9px center no-repeat #ed2a24; color: #fff; }
.ls-toufuwu li.num4 { background: url(../images_symfc/grzx.png) left center no-repeat; }
.ls-toufuwu li.num4 a { color: #ed2a24; }
/*专题公用头部 颜色配置 红色 end*/

.head_banner { }

.head_banner img { width: 100%; }

.location_wrap { height: 152px; line-height: 152px; width: 100%; background: url("/_res/image_ygyd/location_big.png") no-repeat center bottom; }

.midden { width: 100%; height: 785px; background: url("/_res/image_ygyd/middle.png    ") no-repeat center bottom; }

.item_box { width: 100%; height: 228px; overflow: hidden; margin: 0 auto 65px; }
.item_box ul { width: 100%; height: 228px; }
.item_box ul li { width: 15.666%; height: 228px; float: left; padding: 0 .5%; position: relative; }
.item_box ul li img { width: 100%; height: 172px; margin-top: 56px; }
.item_box ul li .img_title { display: block; width: 100%; height: 56px; line-height: 56px; text-align: center; font-size: 20px; color: #5c5c5c; position: absolute; top: 0; left: 0; }
.item_box ul li a:hover span { text-decoration: underline; }

/*总体介绍*/
.ztjs_title { width: 163px; height: 117px; margin: 0 auto; }

.ztjs_content { margin: 30px auto 0; }
.ztjs_content .title { line-height: 1.85; }
.ztjs_content .title a { display: block; height: auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; float: none; font-size: 18px; }
.ztjs_content p { line-height: 43px; font-size: 15px; }
/*大别山*/
.dbs { width: 100%; height: 622px; padding-top: 23px; background: url("/_res/image_ygyd/dbs.png") no-repeat center bottom #78a04e; }

.dbs_title { width: 172px; height: 72px; margin: 0 auto 34px; }

/*合六叶工业走廊*/
.hly { background: url("/_res/image_ygyd/hly.png") no-repeat center bottom; }
.hly .four_img { float: left; }
.hly .text_list { float: right; }
/*六安茶谷*/
.luan_tea { width: 100%; height: 643px; background: url("/_res/image_ygyd/luan_tea.png") no-repeat 1480px 330px #78a04e; }

/*淠河绿色经济带*/
.ph { width: 100%; height: 577px; padding-top: 45px; background: url("/_res/image_ygyd/ph.png") no-repeat center bottom; }
.ph .four_img { float: right; }
.ph .text_list { float: left; }
/*江淮国岭*/
.jhgl { width: 100%; height: 643px; background: url("/_res/image_ygyd/jhgl.png") no-repeat right bottom #78a04e; }
/*西山药库*/
.xsyk { width: 100%; height: 577px; padding-top: 45px; background: url("/_res/image_ygyd/xsyk.png") no-repeat center bottom; }
.xsyk .four_img { float: right; }
.xsyk .text_list { float: left; }
/*首页公共部分*/

/* 四 slide */
.static_img { width: 100%; height: 236px; overflow: hidden; margin: 36px auto 0; }

.static_img .img_inner { float: left; width: 100%; height: 236px; overflow: hidden; position: relative; }

.img_inner ul li { position: relative; width: 24%; height: 236px; float: left; margin: 0 .5%; }
.img_inner ul li img { width: 100%!important; height: 100%; }

.img_inner ul li .title { display: none; position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; line-height: 236px; text-align: center; font-size: 16px; color: #fff; background: url("/_res/image_ygyd/mask_bg.png") repeat; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.double_list { overflow: hidden; padding-top: 26px; margin: 0 auto; }

.double_list ul { zoom: 1; overflow: hidden; }

.double_list ul li { width: 579px; height: 32px; line-height: 32px; float: left; position: relative; padding: 2px 0; }
.double_list ul li.even { float: right; }
.double_list ul li a, .double_list ul li span { font-size: 15px; color: #fff; }
.double_list ul li a:hover { text-decoration: underline; }
.double_list ul li a, .text_list ul li a { display: block; float: none; margin-right: 45px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.double_list ul li img, .text_list ul li img { display: none; }
/*设置时间显示方式*/
.double_list ul li .date { color: #fff; font-size: 13px; float: none; position: absolute; right: 0; top: 2px; }
.hly, .ph, .xsyk { width: 100%; height: 577px; padding-top: 45px; }
.hly_title, .ph_title, .xsyk_title { width: 310px; height: 84px; margin: 0 auto 60px; text-align: center; }
.column_box { width: 1200px; overflow: hidden; margin: 0 auto; }
.four_img { width: 579px; overflow: hidden; margin-top: 20px; }
.four_img ul li { position: relative; width: 336px; height: 166px; margin-bottom: 9px; overflow: hidden; }
.four_img ul .num1 { float: left; }
.four_img ul .num2 { float: right; width: 232px; }
.four_img ul .num3 { float: left; width: 295px; height: 177px; }
.four_img ul .num4 { float: right; width: 273px; height: 177px; }
.four_img ul li img { width: 100%; height: 100%; }
.four_img ul li .title { /*opacity: 0;*/ display: none; position: absolute; left: 0; top: 0; /*display: block;*/ width: 296px; height: 116px; padding: 50px 20px 0; line-height: 30px; text-align: center; font-size: 16px; color: #fff; background: url("/_res/image_ygyd/mask_bg.png") repeat; }
.four_img ul li.num2 .title { width: 192px; height: 117px; padding: 60px 20px 0; }
.four_img ul li.num3 .title { width: 255px; height: 117px; padding: 60px 20px 0; }
.four_img ul li.num4 .title { width: 233px; height: 117px; padding: 60px 20px 0; }
.text_list { width: 579px; overflow: hidden; }
.text_list ul li { height: 32px; line-height: 32px; padding: 2px 0; position: relative; }
.text_list ul li a, .text_list ul li span { color: #444; font-size: 15px; }
.text_list ul li .date { font-size: 13px; color: #444; position: absolute; right: 0; top: 2px; }
.jhgl_title, .luan_title { width: 189px; height: 67px; margin: 0 auto 40px; padding-top: 22px; }
*.four_img ul li img, *.img_inner ul li  img { width: 100%; height: 100%; }
*.four_img ul li a:hover, *.four_img ul li a:hover span, *.img_inner ul li a:hover, *.img_inner ul li a:hover span { text-decoration: none!important; }

@media(max-width:1199px) {
  .location_wrap { display: none; }
}
@media(max-width:1199px) and (min-width:992px) {
  .column_box { width: 992px; }
  .double_list ul li { width: 484px; }
  .item_box ul li img { height: 142px; }
  .item_box,   .item_box ul, .item_box ul li { height: 198px; }
  .text_list { width: 390px; }
}
@media(max-width:991px) and (min-width:768px) {
  .column_box { width: 768px; }
}
@media(max-width:991px) {
  .dbs,   .hly,   .jhgl,   .luan_tea,   .midden,   .ph, .xsyk { height: auto; padding: 20px 0; }
  .item_box, .item_box ul { height: auto; margin-bottom: 10px; }
  .item_box ul li { width: 32.333%; padding: 5px .5%; }
  .static_img, .static_img .img_inner { height: auto; }
  .img_inner ul li { height: 150px; }
  .static_img { margin-top: 10px; }
  .dbs_title { margin-bottom: 10px; }
  .double_list { padding-top: 10px; }
  .double_list ul li, .double_list ul li.even { width: auto; float: none; }
  .four_img, .hly .four_img { float: none; width: auto; height: auto; }
  .hly .text_list,   .ph .text_list,   .text_list, .xsyk .text_list { float: none; margin-top: 10px; width: auto; height: auto; }
  .hly_title,   .jhgl_title,   .luan_title,   .ph_title, .xsyk_title { height: auto; margin-bottom: 10px; padding-top: 10px; }
  .hly_title img,   .ph_title img, .xsyk_title img { width: auto; height: auto; max-width: 100%; }
  .four_img ul li .title { display: none; }
  .four_img ul li { float: left!important; width: 49%!important; height: 225px!important; margin: 0 .5% 10px; }
  .yxyl_header { height: auto; padding-bottom: 30px; }
  .yxyl_ban { margin-top: 30px; }
  .yxyl_ban img { width: auto; height: auto; max-width: 96%; }
}
@media(max-width:767px) {
  .column_box { width: 100%; }
  .dbs,   .hly,   .jhgl,   .luan_tea,   .midden,   .ph, .xsyk { width: auto; padding: 10px; }
  .img_inner ul li { width: 49%; margin-bottom: 10px; }
}
@media(max-width:600px) {
  .four_img ul li { width: auto!important; height: auto!important; margin: 5px auto; float: none!important; }
  .img_inner ul li { height: auto; width: auto; float: none; margin: 5px auto; }
  .item_box ul li { width: 49%; }
}
@media(max-width:400px) {
  .item_box ul li img { height: 135px; }
  .item_box ul li { height: 187px; }
}
