body{ background: none;}
.sideFixed{ display: none;}

/* 走进辰溪 -----------------------------------------*/
#fixedMenu{ position: absolute; top: 50%; left: 50%; z-index: 100; margin: -220px 0 0 500px;}
#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 i{ float: left;margin-right: 20px; width: 30px; height: 30px; background: url(../../base/img/iconZjcxMenu.png) no-repeat center 0; transition: all 0.2s ease 0s;}
#fixedMenu .active a{ padding: 10px 30px; width: auto; background-color: #c01a1b; 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: #1ea0c6; color: #fff; border-radius: 30px;}
.content-page a:hover.btn{ filter: alpha(opacity=80);opacity: 0.8;}

/* 走进辰溪 */
#columnA{ position: relative; background: url(../../base/img/zjcxPage1Bg.jpg) no-repeat center; background-size: cover;}
#columnA .logo{ position: absolute; top: -270px; left: 0;}
#columnA .back{ position: absolute; top: -270px; right: 0;}
#columnA .back a{ padding: 8px 20px; background: url(../../base/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(../../base/img/mouse.png) no-repeat;}

/* 辰溪概况 */
#columnB{ background: url(../../base/img/zjcxPage2Bg.jpg) no-repeat center; background-size: cover;}
#cxgk{ padding-left: 145px; background: url(../../base/img/zjcxPage2Title.png) no-repeat;}
#cxgk .bd .intro{ text-indent: 2em; line-height: 36px; font-size: 15px;}
#cxgk .bd .btn{background-color: #1ea0c6;}
#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;}
#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(../../base/img/zjcxPage3Bg.jpg) no-repeat center; background-size: cover;}
#columnC .siteWidth{ padding-top: 100px; background: url(../../base/img/zjcxPage3Title.png) no-repeat center top;}
.zrdlList{ text-align: center; margin: 0 100px 40px; background-color: #f26925; height: 40px; line-height: 40px; overflow: hidden;}
.zrdlList li{ display: inline-block; *display: inline; zoom: 1;}
.zrdlList li a{ padding: 0 10px; background: url(../../base/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(../../base/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: #f26925;}

/* 行政规划 */
#columnD{ background: url(../../base/img/zjcxPage4Bg.jpg) no-repeat center; background-size: cover;}
#columnD .siteWidth{ width: 920px;}
.hzghPicList{ margin-bottom: 30px; padding-left: 360px; height: 350px; background: url(../../base/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(../../base/img/zjcxPage5Bg.jpg) no-repeat center; background-size: cover;}
#columnE .siteWidth{ width: 950px;}
#columnE .siteWidth .intro{ padding-left: 580px; height: 430px; background: url(../../base/img/zjcxPage5Pic.png) no-repeat; overflow: hidden;}
.rkmzPicList li .title{ margin-bottom: 20px; padding-top: 80px; background: url(../../base/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(../../base/img/zjcxPage6Bg.jpg) no-repeat center; background-size: cover;}
#columnF .siteWidth{ padding-top: 100px; background: url(../../base/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: #2fbda2; border-color: #2fbda2;}
.zmrsPicList li .title{ display: none;}
.zmrsPicList li .pic{ margin-bottom: 10px; text-align: center;}
.zmrsPicList li .btn{ background-color: #117764;}

/* 辰溪旅游 */
#columnG{ background: url(../../base/img/zjcxPage7Bg.jpg) no-repeat center; background-size: cover;}
#columnG .siteWidth{ padding: 100px 0 170px; background: url(../../base/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(../../base/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;}