@charset "utf-8";
/* CSS Document */
/* 标题 */
.about-title{  background: url("../images_new/ab-titlebg.gif")  center  center repeat-x; height: 122px; text-align: center;  position: relative;}
.about-title .ab-titleft{background: url("../images_new/ab-titleft.png")  0  0 no-repeat; position: absolute;  width: 92px; height: 25px; left:0; top:35px;}
.about-title .ab-titright{background: url("../images_new/ab-titright.png")  0  0 no-repeat; position: absolute;  width: 30px; height: 15px; right:0; top:45px;}
.about-title .tit{ display: inline-block; height: 100%; padding: 0 35px 0 38px; background: #f8f8f8; position: relative;}
.about-title .titico{ display: block; bottom: 8px; right:-80px; position: absolute;  background: url("../images_new/ab-titleimg.png")  0  0 no-repeat; width: 166px; height: 35px;}
.aboutfengj-bg  .about-title .tit{   background: url("../images_new/fj-titbg.gif")  left top repeat;}
.aboutwenhua-bg .about-title{ background: url("../images_new/ab-titlebg-w.gif")  center  center repeat-x; }
.aboutwenhua-bg .about-title .ab-titleft{ background: url("../images_new/ab-titleft-w.png") 0  0 no-repeat; }
.aboutwenhua-bg .about-title .ab-titright{ background: url("../images_new/ab-titright-r.png") 0  0 no-repeat; }
.aboutwenhua-bg .about-title .tit{ background: url("../images_new/wh-bg.jpg");}
.aboutwenhua-bg .about-title .titico{ width: 135px;  background: url("../images_new/ab-titleimg-w.png")  0  0 no-repeat; }
.abouttec-bg   .about-title .tit{ background: #fff;}
@media (max-width:767px) {
    .about-title .tit{    padding: 0 10px;}
}
@media (max-width:480px) {
    .about-title .ab-titleft,.about-title .ab-titright{ display: none;}
}
/* 淮南概况 */
.aboutgaik-bg{ background: url("../images_new/gk-bg.jpg")  right bottom   no-repeat #f8f8f8; height: 589px; padding-top: 34px; position: relative;}
.about-img{ position: absolute;    right: 50%; margin-right: 370px;  bottom: 12px;}
.about-gkbox{ padding: 34px 34px 0 282px; }
.about-gkbox .gkinfo{ font-size: 16px; line-height: 36px; height: 212px; padding-left: 10px;}
.about-gkbox .gkinfo a{ color: #d80c18;}
.about-gkbox .gkbtn  li{ display: inline; float: left; width: 158px; margin: 0 19px; position: relative; }
.about-gkbox .gkbtn  li .img-title{ position: absolute; top:34px; left:50%; margin-left: -43px;  text-align: center; line-height: 24px; font-size: 18px; font-weight: bold; width: 86px; height: 66px; padding-top: 20px;  background: url("../images_new/gkbtn-txtbg.png")  0 0  no-repeat;}
.about-gkbox .gkbtn  li a:hover img{transition: ease-in-out .7s; transform: rotate(360deg); }
.wza-black-white .about-gkbox .gkbtn  li .img-title{ background-image: none;}
@media (max-width:1860px) {
}
@media (max-width:1780px) {

}
@media (max-width:1660px) {

}
@media (max-width:1560px) {

}
@media (max-width:1420px) {
    .about-img{ display: none;}
    .about-gkbox {padding: 20px 20px 0 20px; height: auto;}
    .about-gkbox .gkbtn  li{ width: 20%; margin: 15px 0 0 0; text-align: center;}
    .about-gkbox .gkbtn  li a{ width: 158px; margin: 0 auto;}
}
@media (max-width:991px) {
    .aboutgaik-bg{ height: auto; padding: 20px 0;}
    .about-gkbox .gkinfo{ height: auto;}
    .about-gkbox .gkbtn  li{ width: 33.3%; margin: 15px 0 0 0; text-align: center;}
    .about-gkbox .gkbtn  li a{ width: 158px; margin: 0 auto;}
}
@media (max-width:767px) {
    .about-gkbox {padding: 10px 10px 0 10px; }
}
@media (max-width:550px) {
    .about-gkbox .gkbtn  li{ width: 50%;}
}
@media (max-width:360px) {
    .about-gkbox .gkbtn  li{ width: 100%;}
}
/* 风景名胜 */
.aboutfengj-bg{ background: url("../images_new/ms-bg.jpg")  bottom center  no-repeat #d4ecff; min-height: 500px; padding-top: 40px;}
.gkfj-btn{ position: relative; margin-top: 35px;  }
.gkfj-btn .prev,.gkfj-btn .next{ position:absolute;  width: 42px; height: 42px; display: block;background: url("../images_new/ms-btn.png") 0 0  no-repeat; right:56px; top:-62px; cursor: pointer;}
.gkfj-btn .next{ right:0; background-position: -42px 0;}
.gkfj-btn li{ display: inline; float: left; width: 325px;}
.gkfj-btn li a{ margin-right: 20px; display: block; position: relative; overflow:hidden;}
.gkfj-btn li img{ width: 100%;-webkit-transition:-webkit-transform 0.3s ease-out;-moz-transition:-moz-transform 0.3s ease-out;transition:transform 0.3s ease-out;}
.gkfj-btn li a:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1); }
.gkfj-btn li .title{ position: absolute; top:0; left:0; right:0; bottom: 0; font-size: 20px; text-align: left; line-height: 40px; color: #fff; padding: 5px; background: url("../images_new/ly-titlebg.png")  0 0 repeat-x; white-space: nowrap; overflow: hidden;  text-overflow: ellipsis; text-align: center;  }
.wza-yellow-black .gkfj-btn li .title{background: none ;}
.gkfj-btn li.even{ margin-top: 70px;}
.gkfj-btn .bd{ height: 300px; overflow: hidden;}
@media (max-width:1299px) {
    .gkfj-btn li{  width: 258px; }
    .gkfj-btn li a{ margin-right: 20px;}
    .gkfj-btn li img{ height: 288px;}
}
@media (max-width:991px) {
    .aboutfengj-bg{ min-height: auto; background-position: top center; padding: 20px 0;}
    .gkfj-btn .bd{ height: auto;}
    .gkfj-btn li.even {margin-top: 0;}
    .gkfj-btn li{  width: 264px; }
    .gkfj-btn li img{ height: 295px;}
}
@media (max-width:767px) {
    .gkfj-btn{ height: auto; margin: 20px 0 0 0;}
    .gkfj-btn .prev, .gkfj-btn .next{ right:auto; left:10px;}
    .gkfj-btn .next{ left:66px;}
    .gkfj-btn li{ width: 50%;}
    .gkfj-btn li.even {margin-top: 0;}
    .gkfj-btn li a{margin:0 10px; width: auto;}
    .gkfj-btn li img{  height: 440px;}
}
@media (max-width:667px) {
    .gkfj-btn li img{  height: 378px;}
}
@media (max-width:567px) {
    .gkfj-btn li img{  height: 319px;}
}
@media (max-width:467px) {
    .gkfj-btn li img{  height: 259px;}
    .about-title .titico{ right:0;}
}
@media (max-width:367px) {
    .gkfj-btn li img{  height: 200px;}
}
/* 文化设施 */
.aboutwenhua-bg{ background: url("../images_new/wh-bg.jpg")  0  0 repeat;  padding: 40px 0; }
.gkwh-btn ul{ margin:20px 0 0 -28px;}
.gkwh-btn li{ display: inline; float: left;  position: relative; margin-right: 28px;}
.gkwh-btn li a{ display: block;width: 304px; height: 304px;  margin: 0 auto; }
.gkwh-btn li a img{-moz-transition:all 0.3s;-o-transition:all 0.3s;-webkit-transition:all 0.3s;transition:all 0.3s;}
.gkwh-btn li a:hover img{filter:alpha(opacity=85);-moz-opacity:0.85;opacity:0.85; }
.gkwh-btn li .img-title{ position: absolute; top:62px; left:50%; margin-left:-28px; padding:20px 15px 0 25px; text-align: center;   width: 18px; height: 177px;    background: url("../images_new/wh-titbg.png") 0  0 no-repeat; color: #30559f; font-size: 16px; line-height: 17px; font-weight: bold; }
@media (max-width:1299px) {
    .gkwh-btn ul{ margin:20px 0 0 0;}
    .gkwh-btn li{ width: 50%; margin:20px 0 0 0;}
}
@media (max-width:767px) {
    .aboutwenhua-bg{ padding: 20px 0;}
    .gkwh-btn li{ width: 100%;}
}
/* 淮南特产 */
.abouttec-bg{ background: #fff; padding: 40px 0; }
.abtc-list{ height: 231px; overflow: hidden; position: relative;}
.abtc-list li{ display: inline; float: left;  width: 265px; }
.abtc-list li a{  width: 240px; display: block; background: #f8f8f8; border-bottom: 3px solid #30559f; height: 228px; text-align: center; font-size: 18px;}
.abtc-list li img{ width: 100%;}
.abtc-list li .title{ height: 75px; line-height: 75px; display: block; padding: 0 10px; white-space: nowrap; overflow: hidden;  text-overflow: ellipsis; }
.abtc-list .prev,.abtc-list .next{ position:absolute;  width: 24px; height: 50px; display: block;background: url("../images_new/tc-btn.png") 0 0  no-repeat; left:0; top:52px; cursor: pointer; z-index: 2;}
.abtc-list .next{ right:0; background-position: -24px 0; left:auto;}
@media (max-width:1299px) {
    .abtc-list li{ width: 254px;}
    .abtc-list li a{ width: 234px; height: auto;}
    .abtc-list li img{ height: 148px;}
}
@media (max-width:991px) {
    .abtc-list li{ width: 264px;}
    .abtc-list li a{ width: 244px; }
    .abtc-list li img{ height: 155px;}
}
@media (max-width:767px) {
    .abtc-list{ height: auto; margin: 0;}
    .abtc-list li{ width: 50%;}
    .abtc-list li a{margin:0 10px; width: auto;}
    .abtc-list li img{  height: 234px;}
    .abtc-list .prev, .abtc-list .next{ left:10px;}
    .abtc-list .next{ left:auto; right:10px;}
}
@media (max-width:667px) {
    .abtc-list li img{  height: 203px;}
}
@media (max-width:567px) {
    .abtc-list li img{  height: 171px;}
}
@media (max-width:467px) {
    .abtc-list li img{  height: 140px;}
}
@media (max-width:367px) {
    .abtc-list li img{  height: 108px;}
}
/* 淮南美食 */
.aboutmeis-bg{ background:#f8f8f8; padding: 40px 0; }
.abms-list .boxnr{ margin-left: -26px;}
.abms-list .boxli { display: inline; float: left;width: 416px; height: 252px;  margin:0 0 26px 26px;}
.abms-list .boxli a{ display: block; height: 100%; margin: 0 auto; position: relative; }
.abms-list .boxli img{ width: 100%; height: 100%; border-radius:30px; -moz-transition:all 0.3s;-o-transition:all 0.3s;-webkit-transition:all 0.3s;transition:all 0.3s;}
.abms-list .boxli a:hover img{filter:alpha(opacity=85);-moz-opacity:0.85;opacity:0.85; }
.abms-list .boxli .img-title{ position: absolute;  border-radius:0 0 30px 30px;  left:0;  bottom: 0; right:0;  padding: 0 15px;  text-align: center; color: #fff; font-size: 20px; font-weight: bold; height: 60px; line-height: 60px;  /* background: url("../images_new/ms-bg1.png") left bottom  no-repeat;*/ background-color: rgba(148, 124, 66, 0.85); overflow: hidden; white-space: nowrap; overflow: hidden;  text-overflow: ellipsis;}
.abms-list .boxli.num2 .img-title{background-color: rgba(188, 149, 8, 0.85); }
.abms-list .boxli.num3 .img-title{background-color: rgba(212, 125, 37, 0.85); }
.abms-list .boxli.num4 .img-title{background-color: rgba(86, 127, 7, 0.85); }
.abms-list .boxli.num5 .img-title{background-color: rgba(191, 27, 16, 0.85); }
.abms-list .boxli.num6 .img-title{background-color: rgba(97, 56, 29, 0.85); }

.abms-list .boxli.num8 .img-title{background-color: rgba(188, 149, 8, 0.85); }
.abms-list .boxli.num9 .img-title{background-color: rgba(212, 125, 37, 0.85); }
.abms-list .boxli.num10 .img-title{background-color: rgba(86, 127, 7, 0.85); }
.abms-list .boxli.num11 .img-title{background-color: rgba(191, 27, 16, 0.85); }
.abms-list .boxli.num12 .img-title{background-color: rgba(97, 56, 29, 0.85); }

.abms-list .boxli.num14 .img-title{background-color: rgba(188, 149, 8, 0.85); }
.abms-list .boxli.num15 .img-title{background-color: rgba(212, 125, 37, 0.85); }
.abms-list .boxli.num15 .img-title{background-color: rgba(86, 127, 7, 0.85); }
.abms-list .boxli.num17 .img-title{background-color: rgba(191, 27, 16, 0.85); }
.abms-list .boxli.num18 .img-title{background-color: rgba(97, 56, 29, 0.85); }

.abms-list .boxli.num20 .img-title{background-color: rgba(188, 149, 8, 0.85); }
.abms-list .boxli.num21 .img-title{background-color: rgba(212, 125, 37, 0.85); }
.abms-list .boxli.num22 .img-title{background-color: rgba(86, 127, 7, 0.85); }
.abms-list .boxli.num23 .img-title{background-color: rgba(191, 27, 16, 0.85); }
.abms-list .boxli.num24 .img-title{background-color: rgba(97, 56, 29, 0.85); }

.abms-list .bd{width:100%;height:532px;overflow: hidden; }
.abms-list .hd{position: relative;height:20px;text-align: center;margin: 30px auto 0 auto; display: none; }
.abms-list .hd ul li{width:20px;height:20px; margin: 0 10px;overflow:hidden;text-indent:-999px;cursor:pointer;background:#d5d5d5;border-radius:20px; display: inline-block; *display:inline; *zoom:1;}
.abms-list .hd ul li.on{background:#496fb0;}

/*.abms-list .boxli.num2 .img-title{ background-image: url("../images_new/ms-bg2.png");}
.abms-list .boxli.num3 .img-title{ background-image: url("../images_new/ms-bg3.png");}
.abms-list .boxli.num4 .img-title{ background-image: url("../images_new/ms-bg4.png");}
.abms-list .boxli.num5 .img-title{ background-image: url("../images_new/ms-bg5.png");}
.abms-list .boxli.num6 .img-title{ background-image: url("../images_new/ms-bg6.png");}*/
@media (max-width:1299px) {
    .abms-list .boxnr{margin-left: -20px;}
    .abms-list .bd{ height: 424px;}
    .abms-list .boxli{ width: 317px; height: 192px;   margin:20px 0 0 20px;}
}
@media (max-width:991px) {
    .abms-list .bd{ height: 741px;}
    .abms-list .boxli{ width: 374px; height: 227px;  }
}
@media (max-width:767px) {
    .abms-list{ margin: 0 10px;}
    .abms-list .bd{ height: auto !important;}
    .abms-list .boxnr{margin-left: 0;}
    .abms-list .boxli{ width: 100%; height: auto; margin: 20px 0 0 0;  }
    .abms-list .hd{ display: none;}
}
/* 视觉淮南 */
.aboutsj-bg{ margin: 40px 0 20px 0;}
.aboutsj-bg .about-title .tit{ background: #fff;}
.sjhn-list{ margin-top: 20px;}
.sjhn-list li{  float: left; width: 318px; height: 178px; position: relative; margin: 0 0 10px 7px;  overflow: hidden;}
.sjhn-list li.num1{ width: 650px; height: 365px; margin: 0;}
.sjhn-list li .title{ position: absolute; left:0; bottom: 0; right:0; height: 38px; line-height: 38px; font-size: 18px; padding: 0 10px; white-space: nowrap; overflow: hidden;  text-overflow: ellipsis;  background: url("../images_new/txtbg.png") 0 0 repeat; color: #fff; text-align: center; }
.sjhn-list li img{ width: 100%; height: 100%; -webkit-transition:-webkit-transform 0.3s ease-out;-moz-transition:-moz-transform 0.3s ease-out;transition:transform 0.3s ease-out;}
.sjhn-list li a:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);}
@media (max-width:1299px) {
    .sjhn-list li{ width: 241px; height: 136px;}
    .sjhn-list li.num1{ width: 496px; height: 282px; }

}
@media (max-width:991px) {
    .sjhn-list li.num1{ width: 100%; height: auto; float: none; }
    .sjhn-list li.num1 img{ height: auto;}
    .sjhn-list li{ width: 378px; height: 212px; margin: 15px 0 0 0;}
    .sjhn-list li.num3,.sjhn-list li.num5{ float:right;}

}
@media (max-width:767px) {
    .sjhn-list{ margin: 0 10px;}
    .sjhn-list li{ width:  100%; float: none !important; height: auto; margin: 15px 0 0 0 !important;}
    .sjhn-list li img{ height: auto;}
}