@charset "utf-8";
/* 柳城常德-首页 S -----------------------------------------*/
body{background-color: white;}
.wrap{background: none;}
#content{position: static; background: none; width: 100%; padding: 0; margin: 0;}
/* #footer{background-color: #a02f2f;} */
.sideFixed{display: none;}

/*焦点图轮播*/
/* 背景切换 */
.bodyPic {position: absolute; z-index: 1; top: 0; left: 0; width: 100%; min-width: 1200px; height: 900px; border-bottom: 3px solid #bfbfbf;}
.bodyGuide .bodyPic{display: block;}
.bodyPic .bd ,
.bodyPic .bd ul ,
.bodyPic .bd li { width: 100%; height: 100%; background-repeat: no-repeat; background-attachment: fixed; background-position: center center; background-size: cover;}
.bodyPic .bd li .con{display: none;}
.bodyPic .bd li a{cursor: default;}
.bodyPic .hd{position: absolute; z-index: 1; left: 0; bottom: 20px; width: 100%; float: left; margin: 0 auto; text-align: center;}
.bodyPic .hd ul{display: inline-block; *display: inline; margin: 0 auto; text-align: center;}
.bodyPic .hd li{width: 12px; height: 12px; float: left; margin: 0 6px; background-color: #fff; border-radius: 50%;}
.bodyPic .hd li.on{background-color: #e25656;}
.bodyPic .hd li span{display: none;}

#header{position: relative; z-index: 3; height: 330px;}
.returnHome{width: 95px; height: 30px; line-height: 30px; float: left; padding-left: 14px; overflow: hidden; color: white; background:  url(../../Base/img/lccd-indexBg.png) left top no-repeat;}
.returnHome:hover{color: #ddd;}
#logo{float: left; left: 40px; top: 50px;}
.navList{width: auto; float: right; margin: 70px 0 0 0;}
.navList li{width: auto; float: left; height: 42px; line-height: 42px; margin-left: 5px; font-size: 18px;}
.navList li a{display: block; height: 42px; line-height: 42px; padding: 0 28px;}
.navList li a:hover{color:white; background-color: #e25656; border-radius: 21px;}

/*焦点图上的链接和背景*/
#bannerBox{position: relative; z-index: 3; height: 510px; margin:0 auto 70px; text-align: center; background:  url(../../Base/img/lccd-bannerBox2.png) center top no-repeat;}
#bannerBox .links{display: inline-block; *display: inline; margin: 90px auto 0; text-align: center;}
#bannerBox .links li{width: 52px; float: left; margin: 0 5px;}
#bannerBox .links li a{margin-top: 26px; padding:36px 18px 15px; display: block; line-height: 1.2; font-size: 16px; color: white;  background:  url(../../Base/img/lccd-bannerIcon.png) center 9px no-repeat; -webkit-transition:all .3s; -moz-transition:all .3s; -ms-transition:all  .3s; -o-transition:all .3s; transition:all .3s;}
#bannerBox .links li a:hover{ -webkit-transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2); background-color: #e25656; border-radius: 6px; }

.layout{overflow: hidden;}
.boxShading{background: #eee2de url(../../Base/img/lccd-shadingBg.jpg) left top repeat;}

.pageBox{}
.pageBox .mHd{padding: 38px 0 20px; margin: 0 auto; text-align: center;}
.pageBox .mHd h3{display: inline-block; *display: inline; margin: 0 auto; padding: 0 40px; text-align: center; height: 38px; line-height: 38px; font-size: 30px; color: #000; border-bottom: 1px solid #000;}
.pageBox .mHd h3 span{color: #c33;}
.pageBox .mHd p.en{height: 16px; line-height: 16px; text-align: center; text-transform:uppercase; font-size: 12px; font-family: Arial; color: #999;}
.pageBox .mBd{}

/*常德概况*/
#boxCdgk{padding: 20px 0 80px;}
#boxCdgk .wHd{margin: 0 auto; text-align: center;}
#boxCdgk .wHd ul{display: inline-block; *display: inline; margin: 0 auto; text-align: center;}
#boxCdgk .wHd li{width: auto; float: left; height: 25px; line-height: 25px; padding: 0 9px; margin: 0 5px; font-size: 16px;}
#boxCdgk .wHd li.on{color:white; background-color: #e25656;}
#boxCdgk .wHd li.on a{color: white;}
#boxCdgk .wBd{padding: 24px 0 0; min-height: 300px;}
#boxCdgk .wBd .infoList{overflow: hidden;}
#boxCdgk .wBd .infoList li{width: 46.9%; float: left; padding-left: 3%;}

/*地图式-常德概况*/
.mapCdgk{overflow: hidden;}
.mapCdgk .hd{position: relative;z-index: 1;width: 509px;height: 550px;float: left;margin-right: 22px;background:  url(../../Base/img/lccd-map.png) left top no-repeat;}
.mapCdgk .bd{overflow: hidden; height: 310px; padding: 25px 15px 60px; margin-top: 60px; background-color: #edeae4; border-radius: 17px;}
.mapCdgk .bd .nodeName{margin-bottom: 28px; height: 42px; line-height: 42px; text-align: center; font-size: 16px; font-weight: bold;}
.mapCdgk .bd .intro{margin-left: 24px; padding-right: 30px; height: 240px; line-height: 24px; font-size: 14px; overflow: hidden; overflow-y: auto;}
.mapCdgk .bd .intro p{margin-bottom: 25px;}
.mapList{}
.mapList li a{position: absolute; z-index: 2; font-size: 16px; line-height: 24px;text-align: center;}
.mapList li.li1 a{font-size: 22px;color: #c00;left: 350px;top: 337px;}
.mapList li.li2 a{left: 311px;top: 313px;width: 60px;height: 70px;line-height: 30px;}
.mapList li.li3 a.a1{left: 365px;top: 259px;width: 75px;height: 78px;line-height: 78px;}
.mapList li.li3 a.a2{left: 286px;top: 395px;width: 90px;height: 100px;line-height: 59px;}
.mapList li.li4 a{left: 431px;top: 148px;width: 75px;height: 150px;line-height: 150px;}
.mapList li.li5 a{left: 393px;top: 349px;width: 100px;height: 120px;line-height: 120px;}
.mapList li.li6 a{left: 161px;top: 270px;width: 120px;height: 250px;line-height: 250px;}
.mapList li.li7 a{left: 273px;top: 172px;width: 79px;height: 95px;line-height: 95px;}
.mapList li.li8 a{left: 44px;top: 20px;width: 166px;height: 146px;line-height: 130px;}
.mapList li.li9 a{left: 289px;top: 67px;width: 140px;height: 100px;line-height: 100px;}
.mapList li.li10 a{left: 354px;top: 142px;width: 70px;height: 121px;line-height: 120px;}
.mapList li .citeOrigin{position: absolute; z-index: 1; left: 338px; top: 342px; width: 8px; height: 8px; float: left; overflow: hidden; border-radius: 50%; background-color: #fff; border: 2px solid #c00;}

.mapList li .cityBg{display: none; position: absolute; z-index: 1; left: 0; top: 0; float: left; overflow: hidden; background-position: left top; background-repeat: no-repeat; -webkit-transition:all 1s; -moz-transition:all 1s; -ms-transition:all  1s; -o-transition:all 1s; transition:all 1s;}
.mapList li.on .cityBg{display: block;}
.mapList li.on a{ color: white;}
.mapList li.li1 a{color: #c00;}
.mapList li.li2 .cityBg{left: 307px;top: 289px;width: 73px;height: 107px;background-image:  url(../../Base/img/map/lccd-wlc.png);}
.mapList li.li3 .cityBg{left: 270px;top: 234px;width: 204px;height: 259px;background-image:  url(../../Base/img/map/lccd-dcq.png);}
.mapList li.li4 .cityBg{left: 418px;top: 113px;width: 88px;height: 207px;background-image: url(../../Base/img/map/lccd-axx.png);}
.mapList li.li5 .cityBg{left: 340px;top: 315px;width: 169px;height: 168px;background-image: url(../../Base/img/map/lccd-hsx.png);}
.mapList li.li6 .cityBg{left: 100px;top: 229px;width: 214px;height: 321px;background-image: url(../../Base/img/map/lccd-tyx.png);}
.mapList li.li7 .cityBg{left: 260px;top: 114px;width: 118px;height: 164px;background-image: url(../../Base/img/map/lccd-llxs.png);}
.mapList li.li8 .cityBg{left: 0;top: 0;width: 294px;height: 274px;background-image: url(../../Base/img/map/lccd-smx.png);}
.mapList li.li9 .cityBg{left: 200px;top: 54px;width: 243px;height: 172px;background-image: url(../../Base/img/map/lccd-lx.png);}
.mapList li.li10 .cityBg{left: 356px;top: 125px;width: 78px;height: 145px;background-image: url(../../Base/img/map/lccd-jss.png);}
/*其它简介*/
.otherInfo{overflow: hidden;}
.otherInfo .pic{width: 400px; height: 300px; float: left; margin-right: 40px;}
.otherInfo .pic img{display: block; width: 400px; height: 300px;}
.otherInfo .intro{overflow: hidden; line-height: 28px; text-indent: 2em;}

/*文化常德*/
#boxWhcd{margin: 0 auto; padding: 20px 0 50px; text-align: center;}
.whcdIntro{display: inline-block; *display: inline; width: 516px; line-height: 26px; margin: 0 auto; text-align: center;}
/*错落式*/
/*.whcdNodeList{position: relative; z-index: 1; overflow: hidden; display: inline-block; *display: inline; width: 1024px; height: 410px; margin:40px auto 0; text-align: center;}
.whcdNodeList li{position: absolute; z-index: 1; top: 0; width: 285px; height: 285px; float: left; overflow: hidden; -webkit-transition:all .6s; -moz-transition:all .6s; -ms-transition:all  .6s; -o-transition:all .6s; transition:all .6s;}
.whcdNodeList li.on{z-index: 2; margin-top: 6px;}
.whcdNodeList li .tit{position: absolute; z-index: 1; left: 50%; bottom: 60px; width: 98px; height: 28px; float: left; margin-left: -49px; line-height: 28px; overflow: hidden; text-align: center; color: white; background-color: #e25656; border-radius: 14px;}
.whcdNodeList li.li1{left: 0; top: 0;}
.whcdNodeList li.li2{left: 185px; top: 114px;}
.whcdNodeList li.li3{left: 372px; top: 0;}
.whcdNodeList li.li4{left: 554px; top: 114px;}
.whcdNodeList li.li5{right: 0; top: 0;}
*/
/*一列式*/
.whcdNodeList{position: relative; z-index: 1; overflow: hidden; display: inline-block; *display: inline; width: auto; height: 292px; margin:40px auto 30px; text-align: center;}
.whcdNodeList li{position: relative; z-index: 1; width: 285px; height: 285px; float: left; overflow: hidden; -webkit-transition:all .6s; -moz-transition:all .6s; -ms-transition:all  .6s; -o-transition:all .6s; transition:all .6s;}
.whcdNodeList li.on{z-index: 2; margin-top: 6px;}
.whcdNodeList li .tit{position: absolute; z-index: 1; left: 50%; bottom: 60px; width: 98px; height: 28px; float: left; margin-left: -49px; line-height: 28px; overflow: hidden; text-align: center; color: white; background-color: #e25656; border-radius: 14px;}
.whcdNodeList li.li5{display: none;}


/*城市名片*/
.cityBox{padding: 76px 0 88px;}
.cityBox .wHd{margin: 0 auto; text-align: center;}
.cityBox .wHd ul{display: inline-block; *display: inline; margin: 0 auto; text-align: center;}
.cityBox .wHd li{position: relative; z-index: 1; width: auto; float: left; padding: 0 40px; height: 46px; line-height: 46px; font-size: 30px;}
.cityBox .wHd li.on{color:#e25656; border-bottom: 1px solid #e25656;}
.cityBox .wHd li.on a{color:#e25656;}
.cityBox .wHd li.on i{position: absolute; z-index: 1; left: 50%; bottom: -12px; width: 0; height: 0; float: left; margin-left: -6px; border-width: 6px; border-style: solid; border-color:#e25656 transparent transparent transparent;}
.cityBox .wBd{position: relative; z-index: 1; padding: 85px 0 0; height: 315px;}

.cityPicList{overflow: hidden;}
.cityPicList li{position: relative; z-index: 1; width: 238px; height: 313px; float: left; margin-right: 2px;}
.cityPicList li .pic{overflow: hidden; padding: 9px 15px 0;}
.cityPicList li .pic img{display: block; width: 208px; height: 208px; -webkit-transition-duration:1s; -moz-transition-duration:1s; -ms-transition-duration:1s; -o-transition-duration:1s; transition-duration:1s;}
.cityPicList li:hover .pic img{-webkit-transform:scale(1.1);transform:scale(1.1); }
.cityPicList li .titleBg{position: absolute; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; float: left; overflow: hidden; background:  url(../../Base/img/lccd-listBg.png) center top no-repeat;}
.cityPicList li .title{position: absolute; z-index: 2; left: 0; top: 0; width: 100%; float: left; text-align: center; color: white;}
.cityPicList li .title a{display: block; padding: 228px 44px 65px; height: 20px; line-height: 20px; text-align: center; color: white;}

.cityBox .wBd .prev,
.cityBox .wBd .next{position: absolute; z-index: 1; top: 182px;  width: 22px; height: 36px; float: left; overflow: hidden; background:  url(../../Base/img/lccd-listBg.png) left -353px no-repeat;}
.cityBox .wBd .prev{left: -110px;}
.cityBox .wBd .next{right: -110px; background-position: -53px -353px;}

/*史说常德 */
#boxSscd .mBd{padding: 20px 0 110px; height: 296px; overflow: hidden;}

/*常德史志*/
.boxCdsz{width: 665px; float: left; margin-right: 55px;}
.boxCdsz .hd{height: 58px;}
.boxCdsz .hd h3{width: auto; float: left; padding: 0 13px; height: 56px; line-height: 56px; font-size: 16px; border-bottom: 2px solid #e25656;}
.boxCdsz .bd{position: relative; z-index: 1; padding: 38px 44px 0; overflow: hidden;}
.boxCdsz .bd .tempWrap{width: 577px !important;}
.boxCdsz .bd .prev,
.boxCdsz .bd .next{position: absolute; z-index: 1; top: 50%; width: 20px; height: 28px; float: left; overflow: hidden; background:  url(../../Base/img/lccd-listBg.png) 3px -444px no-repeat;}
.boxCdsz .bd .prev{left: 0;}
.boxCdsz .bd .next{right: 0; background-position: -49px -444px;}
.boxCdsz .bd .prev:hover,
.boxCdsz .bd .next:hover{background-color: rgba(0,0,0,.1);}

.cdszPicList{overflow: hidden;}
.cdszPicList li{width: auto; float: left; margin-right: 36px;}
.cdszPicList li .title{text-align: center; height: 30px; line-height: 30px; margin-top: 12px;}

/*常德年鉴*/
.boxCdnj{overflow: hidden; padding-top: 56px;}
.boxCdnj .hd{width: 60px; float: left; overflow: hidden; margin-right: 5px;}
.boxCdnj .hd h3{width: 20px; height: 166px; font-size: 20px; padding: 32px 20px 0; line-height: 24px; color: white; background:  url(../../Base/img/lccd-listBg.png) -178px -353px no-repeat;}
.boxCdnj .hd h3 a{color: white;}
.boxCdnj .bd{overflow: hidden;}
.boxCdnj .bd .cdszPicList li{margin:0 0 0 40px;}

/*常德史志 -风格2*/
#boxSscd .mBd{ padding: 20px 0 50px; height: auto; }
.sscdNodeList{overflow: hidden;}
.sscdNodeList li{position: relative; z-index: 1; float: left; width: 728px; height: 200px; margin-top: 20px; background:#f3f3f3  url(../../Base/img/lccd-cdszBg.png) left top no-repeat;}
.sscdNodeList li.li1{width: 452px; height: 420px; margin-right: 20px;}
.sscdNodeList li.li2{background-position: left -432px;}
.sscdNodeList li.li3{background-position: right -640px;}
.sscdNodeList li a{font-size: 20px;}
.sscdNodeList li.li1 a{position: absolute; z-index: 1; right: 0; top: 50%; width: auto; float: left; margin-top: -65px; height: 55px; line-height: 55px; font-size: 24px; color: white; padding: 0 40px 0 72px; color: white; background-color: #fcb856; border-radius: 24px 0 0 24px;}
.sscdNodeList li.li1 a.a2{margin-top: 10px; background-color: #7dc06d;}
.sscdNodeList li.li1 a:hover{background-color: #f0a437;}
.sscdNodeList li.li1 a.a2:hover{background-color: #58ab44;}
.sscdNodeList li.li1 i{position: absolute; z-index: 1; left: 34px; top: 50%; width: 25px; height: 24px; float: left; margin-top: -12px; overflow: hidden; background:  url(../../Base/img/lccd-cdszBg.png) left -855px no-repeat;}
.sscdNodeList li.li1 .a2 i{background-position: -41px -856px;}

.sscdNodeList li .info{width: 375px; height: 200px; float: left; overflow: hidden; text-align: center; font-size: 12px; color: #ccc; text-transform:uppercase;}
.sscdNodeList li .info .name{margin-top: 85px; font-size: 24px; color: #000;}
.sscdNodeList li .info:hover{color:#999;}
.sscdNodeList li .info:hover .name{color: #146ac1;}
.sscdNodeList li.li2 .info{float: right;}
.sscdNodeList li.li3 .info{width: 352px;}



/*图说常德*/
#boxTscd .mBd{padding: 0 0 50px;}
.tscdPicList{overflow: hidden; margin:-20px 0 0; padding: 0 3px 10px 21px; }
.tscdPicList li{position: relative; z-index: 1; padding: 10px; width: auto; float: left; margin: 55px 18px 0 0; background-color: white;}
.tscdPicList li .pic img { width: 256px; height:180px;}
.tscdPicList li .title{position: absolute; z-index: 2; left: 10px; bottom: 19px; width: 240px; float: left; padding:0 8px; text-align: center; height: 21px; overflow: hidden; line-height: 21px; font-size: 12px; color: white;}
.tscdPicList li .title a{color: white;}
.tscdPicList li .titleBg{position: absolute; z-index: 1; left: 10px; bottom: 10px; width: 256px; height: 35px; line-height: 35px; background:  url(../../Base/img/lccd-picBg.png) left bottom repeat-x;}
.tscdPicList li .title,
.tscdPicList li .titleBg{-webkit-transition:all 1s; -moz-transition:all 1s; -ms-transition:all  1s; -o-transition:all 1s; transition:all 1s;}
.tscdPicList li:hover{box-shadow: 1px 3px 6px #ddd;}
.tscdPicList li:hover .title{height: 42px;}
.tscdPicList li:hover .titleBg{height: 60px;}


.topVideoList{overflow: hidden;}
.topVideoList li.t{width: 590px; float: left; margin: 20px 0 0;}
.topVideoList li.t .title{height: 40px; line-height: 40px; font-size: 16px; background-color: #ddd;}
.topVideoList li.t video{ width: 590px; height:360px;}
.topVideoList li.t .video>div{ width: 590px!important; height:340px!important;}
.topVideoList li.n{position: relative; z-index: 1; width: 285px; height: 180px; float: left; overflow: hidden; margin: 20px 0 0 19px;}
.topVideoList li.n .pic img{display: block; width: 285px; height: 180px;}
.topVideoList li.n .title,
.topVideoList li.n .titleBg{position: absolute; left: 0; bottom: 0; width: 100%; height: 40px; line-height: 40px; float: left; overflow: hidden;}
.topVideoList li.n .title{z-index: 2; width: 94%; padding:0 3%; font-size: 12px; color: white;}
.topVideoList li.n .title a{color: white;}
.topVideoList li.n .titleBg{background:  url(../../Base/img/lccd-picBg.png) left bottom repeat-x;}


/* 侧栏固定菜单 */
.sideNavFixed{position:fixed; z-index:9; top:50%; right: 0;  width:84px; float: left; margin-top: -150px; font-size:14px; _position:absolute;}
.sideNavFixed li{height: 30px; line-height: 30px;  margin-bottom: 20px; text-align: center; color: white; cursor: pointer; background-color: rgba(0,0,0,0.5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000);  border-radius: 15px 0 0 15px;  -webkit-transition:all .3s; -moz-transition:all .3s; -ms-transition:all  .3s; -o-transition:all .3s; transition:all .3s;}
.sideNavFixed li.on,
.sideNavFixed li:hover{padding-left: 16px; margin-left: -16px; background-color: #e25656;}
.sideNavFixed li a {color:#fff;}