@charset "utf-8";
body{ background: none;}
.sideFixed{ display: none;}

/* 走进辰溪 -----------------------------------------*/
#fixedMenu{ position: absolute; top: 50%; right:20px; z-index: 100; margin: -220px 0 0 0;}
#fixedMenu li{margin: 10px 0; width: 180px; overflow: hidden;}
#fixedMenu a{ float: right; padding: 10px; width: 30px; height: 30px; line-height: 30px; background-color: #fff; border-radius: 50px; display: block; font-size: 16px; font-weight: bold; overflow: hidden; transition: all 0.3s ease 0s; white-space: nowrap; text-overflow: ellipsis;}
#fixedMenu a:hover {color: #197ed2;}
#fixedMenu a i{ float: left;margin-right: 20px; width: 30px; height: 30px; background: url(../img/iconZjcxMenu.png) no-repeat center 0; transition: all 0.2s ease 0s;}
#fixedMenu .active a{ padding: 10px 30px; width: auto; background-color: #2d66a5; color: #fff;}
#fixedMenu .active i{ background-position: center -30px;}
#fixedMenu a i.icons-2{ background-position: center -60px;}
#fixedMenu .active i.icons-2{ background-position: center -90px;}
#fixedMenu a i.icons-3{ background-position: center -120px;}
#fixedMenu .active i.icons-3{ background-position: center -150px;}
#fixedMenu a i.icons-4{ background-position: center -180px;}
#fixedMenu .active i.icons-4{ background-position: center -210px;}
#fixedMenu a i.icons-5{ background-position: center -240px;}
#fixedMenu .active i.icons-5{ background-position: center -270px;}
#fixedMenu a i.icons-6{ background-position: center -300px;}
#fixedMenu .active i.icons-6{ background-position: center -330px;}
#fixedMenu a i.icons-7{ background-position: center -360px;}
#fixedMenu .active i.icons-7{ background-position: center -390px;}

/* 走进辰溪--内容切换 */
.content-page{ position: relative;}
.content-page .column{ position: relative; margin: 0;}
.content-page .siteWidth{ width: 1000px;}
.content-page .btnGroup{ margin: 30px 0; text-align: center;}
.content-page .btn{ display: inline-block; *display: inline; zoom: 1; font-size: 15px; padding: 5px 20px;background-color: #2d66a5; color: #fff; border-radius: 30px;}
.content-page a:hover.btn{ filter: alpha(opacity=80);opacity: 0.8;}

/* 走进辰溪 */
#columnA{ position: relative; background: url(../img/zjcxPage1Bg.jpg) no-repeat center; background-size: cover;}

#columnA .back{ position: absolute; top: -270px; right: 0;}
#columnA .back a{ padding: 8px 20px; background: url(../img/tmbg.png); color: #fff;}
#columnA .back a:hover{ filter: alpha(opacity=80);opacity: 0.8;}
#columnA .con .intro{ padding: 0 100px; font-family: 宋体; line-height: 1.8; font-size: 20px; color: #fff; text-indent: 2em; font-weight: bold; text-shadow: 0 2px 2px rgba(0, 0, 0, .3);}
#columnA .mouse{ position: absolute; z-index: 13; left: 50%; bottom: 140px; margin-left: -24px; width: 46px; height: 60px; background: url(../img/mouse.png) no-repeat;}

/* 辰溪概况 */
#columnB{ background: url(../img/zjcxPage2Bg.jpg) no-repeat center; background-size: cover;}
#cxgk{ padding-left: 145px; background: url(../img/zjcxPage2Title.png) no-repeat;}
#cxgk .bd .intro{ text-indent: 2em; line-height: 36px; font-size: 15px;}
#cxgk .bd .btn{background-color: #2d66a5;}
#cxgk .picListFl{ position: relative; padding: 0 224px 0 424px}
#cxgk .picListFl li{ position: relative; margin: 2px; width: 220px; height: 140px; overflow: hidden;}
#cxgk .picListFl li img{ width: 100%; height: auto;min-height: 288px;display:block;}
#cxgk .picListFl .first{ position: absolute; top: 0; left: 0; width: 420px; height: 284px;}
#cxgk .picListFl .first img{ width: 420px; height: 284px;}
#cxgk .picListFl .last{ position: absolute; right: 0; top: 0; width: 220px; height: 284px;}
#cxgk .picListFl .last img{ margin-left: -100px; width: auto; height: 284px;}
#cxgk .picListFl li .title{ display: none; position: absolute; z-index: 2; left: 10px; right: 10px; bottom: 0; z-index: 2; height: 40px; line-height: 40px;}
#cxgk .picListFl li .title a{ display: block; color: #fff; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
#cxgk .picListFl li .titleBg{ display: none; position: absolute; z-index: 1; height: 40px; left: 0; right: 0; bottom: 0; background-color: #000; filter: alpha(opacity=40);opacity: 0.4;}
#cxgk .picListFl li:hover .title, #cxgk .picListFl li:hover .titleBg{ display: block;}

/* 自然地理 */
#columnC{ background: url(../img/zjcxPage3Bg.jpg) no-repeat center; background-size: cover;}
#columnC .siteWidth{ padding-top: 100px; background: url(../img/zjcxPage3Title.png) no-repeat center top;}
.zrdlList{ text-align: center; margin: 0 100px 40px; background-color: #2d66a5; height: 40px; line-height: 40px; overflow: hidden;}
.zrdlList li{ display: inline-block; *display: inline; zoom: 1;}
.zrdlList li a{ padding: 0 10px; background: url(../img/split.png) no-repeat left center; color: #fff;}
.zrdlList li.on a{ font-weight: bold;}
.zrdlList li.first a{ background: none;}
.zrdlPicList{ height: 440px; background: url(../img/zjcxPage3Intro.png) no-repeat 70px center; overflow: hidden;}
.zrdlPicList li{margin: 50px 0; border: 5px solid #eee; background-color: #fff; overflow: hidden;}
.zrdlPicList li .pic{ float: right;}
.zrdlPicList li .title{ float: left; padding: 40px 0 40px 40px; font-size: 24px; font-weight: bold; width: 24px; line-height: 35px;}
.zrdlPicList li .title a{ display: block;}
.zrdlPicList li .con{ overflow: hidden; padding: 40px 40px 0; line-height: 30px;}
.zrdlPicList li .con .intro{ height: 200px; text-indent: 2em;}
.zrdlPicList li .btn{ background-color: #2d66a5;}

/* 行政规划 */
#columnD{ background: url(../img/zjcxPage4Bg.jpg) no-repeat center; background-size: cover;}
#columnD .siteWidth{ width: 920px;}
.hzghPicList{ margin-bottom: 30px; padding-left: 360px; height: 350px; background: url(../img/zjcxPage4Title.png) no-repeat;}
.hzghPicList li .title{ display: none;}
.hzghPicList li .con{ padding: 24px; border: 1px solid #ddd; background-color: #fff;}
.hzghPicList li .con .intro{ padding-right: 25px; height: 300px; overflow-x: hidden;}
.hzghPicList li .btnGroup{ display: none;}
.hzghList{ padding-top: 10px; margin: 0 -8px; overflow: hidden;}
.hzghList li{ float: left; width: 12.49%; margin-bottom: 15px;}
.hzghList li a{ position: relative; display: block; line-height: 36px; border: 1px solid #eee; background-color: #fff; margin: 0 8px; text-align: center;}
.hzghList li.on a{ background-color: #007a96; border-color: #007a96; color: #fff;}
.hzghList li.on a:after{content: ""; position: absolute; top: -10px; left: 50%; margin-left: -5px; border: 5px solid #007a96; border-color: transparent transparent #007a96 transparent;}

/* 人口民族 */
#columnE{ background: url(../img/zjcxPage5Bg.jpg) no-repeat center; background-size: cover;}
#columnE .siteWidth{ width: 950px;}
#columnE .siteWidth .intro{ padding-left: 580px; height: 430px; background: url(../img/zjcxPage5Pic.png) no-repeat; overflow: hidden;}
.rkmzPicList li .title{ margin-bottom: 20px; padding-top: 80px; background: url(../img/zjcxPage5Title.png) no-repeat; font-size: 24px; font-weight: bold;}
.rkmzPicList li .intro{ text-indent: 2em;}
.rkmzPicList li .btn{ background-color: #76aab6;}

/* 知名人士 */
#columnF{ background: url(../img/zjcxPage6Bg.jpg) no-repeat center; background-size: cover;}
#columnF .siteWidth{ padding-top: 100px; background: url(../img/zjcxPage6Title.png) no-repeat center top;}
.zmrsList{ margin-bottom: 20px; text-align: center; overflow: hidden;}
.zmrsList li{ display: inline-block; *display: inline; zoom: 1; margin: 0 4px 15px; padding: 2px; border: 1px solid #117764;}
.zmrsList li a{ position: relative; display: block; padding: 0 25px; line-height: 40px; background-color: #117764; text-align: center; font-size: 16px; font-weight: bold; color: #fff;}
.zmrsList li.on{ border-color: #2fbda2;}
.zmrsList li.on a{ background-color: #0c594a; border-color: #0c594a;}
.zmrsPicList li .title{ display: none;}
.zmrsPicList li .pic{ margin-bottom: 10px; text-align: center;}
.zmrsPicList li .btn{ background-color: #2d66a5;}

/* 辰溪旅游 */
#columnG{ background: url(../img/zjcxPage7Bg.jpg) no-repeat center; background-size: cover;}
#columnG .siteWidth{ padding: 100px 0 170px; background: url(../img/zjcxPage7Title.png) no-repeat center top; overflow: hidden;}
.friendLinks{display: none;}
#footer{padding: 5px 0 0; position:absolute; left: 0; right: 0; bottom: 0; z-index: 12; background: url(../img/tmbg.png);}
#columnG #footer .siteWidth{padding:0;background: none;}

/* gallery */
.roundabout-holder{ width: 720px; height: 400px; margin: 0 auto;}
.roundabout-moveable-item{ width: 720px; height: 400px; cursor: pointer; overflow: hidden;}
.roundabout-moveable-item img{ width: 100%;}
.roundabout-moveable-item .pic a:hover{ filter: alpha(opacity=100);opacity: 1;}
.roundabout-in-focus{ box-shadow: 0 5px 10px rgba(0, 0, 0, .3);}
.roundabout-in-focus .title{ position: absolute; z-index: 2; bottom: 0; left: 0; right: 0; line-height: 40px; height: 40px; display: block; overflow: hidden;}
.roundabout-in-focus .title a{ display: block; text-align: center; font-size: 16px; color: #fff;}
.roundabout-in-focus .titleBg{ position: absolute; z-index: 1; left: 0; bottom: 0; width: 100%; height: 40px; background-color: #000; filter: alpha(opacity=40);opacity: 0.4; display: block;}

@media screen and (max-width:959px){
  body {width:100%;min-width:100%;}
  #fixedMenu { display:none;}
  .content-page .siteWidth { width:100%;}
  #columnA .con .intro {padding:0 15px;font-size:16px;position:relative;top:50px;}
  #columnA .mouse { bottom:15px;}
  #cxgk {padding-left:80px;padding-right: 15px;background: url(../img/zjcxPage2Title.png) no-repeat left 15px top 15px;}
  #columnD .siteWidth {width:100%;}
  #cxgk .fd { display:none;}
  .hzghPicList {padding-left:80px;background: url(../img/zjcxPage4Title.png) no-repeat left 15px top 15px;padding-right: 15px;padding-top:15px;margin-bottom:0;}
  .hzghPicList li .con {padding:10px;}
  .zrdlList {margin:0 10px 20px;height:auto;}
  .hzghList {margin:0;}
  .hzghList li {width:18%;margin-left: 1.6%;margin-bottom:10px;}
  .hzghList li a {height: 30px;overflow: hidden;margin:0;box-sizing: border-box;line-height:30px;}
  #columnE .siteWidth {width:100%;}
  #columnE .siteWidth .intro {width: 100%;padding: 86% 15px 0;box-sizing: border-box;background-size: 100%;height: 520px;}
  #columnF .siteWidth .intro {padding: 0 15px;height: 205px;overflow: hidden;}
  .zmrsList li {margin: 0px 4px 10px;}
  .zmrsList li a {padding: 0px 20px;}
.roundabout-holder {width: 320px;height: 180px;}
.roundabout-moveable-item {width: 320px;height: 180px;}
.roundabout-moveable-item img {height: auto;display:block;}
  #columnG .fp-tableCell {vertical-align: initial;padding:10px}
.selfmark {z-index:-1;}
.zrdlPicList li .con .intro{height: 210px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 7;-webkit-box-orient: vertical;}
#columnG .siteWidth{padding-top: 200px;background: url(../img/zjcxPage7Title.png) no-repeat center 80px;}
}