@charset "utf-8";
/* 走进常德-首页 S -----------------------------------------*/
body{background-color: white;}
.wrap{background: none;}
#content{position: relative;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; }
.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: 400px;margin: 60px auto 60px;text-align: center;background: url(../../base/img/lccd-bannerbox2.png) left top no-repeat;border-radius: 50px 0;}
#bannerBox .links{position: absolute;right: 11.8%;text-align: center;}
#bannerBox .links li{float: left;margin: 0 25px;}
#bannerBox .links li a{margin-top: 40px; padding:20px 12px 20px; width:16px; display: block; line-height: 1.2; font-size: 16px; color: white; background: linear-gradient(180deg, #015293 0%, rgba(1, 82, 147, 0.30) 100%);border-radius: 0px 0px 10px 0px;
 -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;  }

.layout{overflow: hidden;}
.whcdLayout{background: url(../../base/img/cdwhbg.jpg) center top no-repeat;height: 875px;}
.whcdLayout .mHd {position:absolute; left:782px; top:150px; text-align:left; }
.whcdLayout .mHd h3{ display:block; height:172px; margin-bottom:20px; background:url(../../base/img/cdwhti.png) no-repeat;}
.whcdLayout .mHd p { display:none!important;}


.pageBox{}
.pageBox .mHd h3{
    overflow: hidden;
}
.pageBox .mHd a { display:block; height:172px; line-height:500px; overflow:hidden;}
.pageBox .mBd{}

.cdgkLayout { background:url(../../base/img/lccdlaybg.jpg) no-repeat center 150px}
.cdgkLayout .mHd {float: left;width:215px;height:172px;background:url(../../base/img/cdgkti.png) no-repeat;z-index: 1; display:none}
.mapCdgk .bd .nodeName {float: left;width:215px;height:172px;background:url(../../base/img/cdgkti.png) no-repeat;z-index: 1; overflow:hidden;}
.mapCdgk .bd .nodeName a { display:block; height:172px; line-height:500px; overflow:hidden;}

#scrollBox{position: relative;overflow: hidden;}
.mapCdgk .bd .more{    position: absolute;    bottom: 0;    right: 2em; }
.mapCdgk .bd .more a{display:block; background: #015293;  color:#fff;  padding: 5px 30px;    border-radius: 20px;}
.mapCdgk .bd .more a:hover{background:#e25656;}

/*常德概况*/
#boxCdgk{padding: 0 0 60px; position:relative;}
#boxCdgk .wHd{position: relative;padding: 20px;background: rgba(1, 82, 147, 0.70);border-radius: 8px;}
#boxCdgk .wHd ul{display:block;padding: 10px 10px;text-align: center;border: 1px solid rgb(255 255 255 / 50%);overflow:hidden;}
#boxCdgk .wHd li{width: 14.5%;float: left;height: 40px;line-height: 40px;padding: 0;padding: 10px 1%;font-size: 16px;border-right: 1px solid rgb(255 255 255 / 50%);}
#boxCdgk .wHd li a {color:#fff;display: block;font-size: 18px;background: url(../../base/img/cdgkicon1.png) no-repeat 15%;text-align: left;padding-left: 35%;background-size: 12%;}
#boxCdgk .wHd li:hover{background-color:#003d6ed9;}
#boxCdgk .wHd li.on{color:white;}
#boxCdgk .wHd li.on a{color: white;}
#boxCdgk .wHd .li6 {border:0;}
#boxCdgk .wHd .li2 a { background-image: url(../../base/img/cdgkicon2.png) }
#boxCdgk .wHd .li3 a { background-image: url(../../base/img/cdgkicon3.png) }
#boxCdgk .wHd .li4 a { background-image: url(../../base/img/cdgkicon4.png) }
#boxCdgk .wHd .li5 a { background-image: url(../../base/img/cdgkicon5.png) }
#boxCdgk .wHd .li6 a { background-image: url(../../base/img/cdgkicon6.png) }
#boxCdgk .wHd:after {content:"";display:block;/* border-bottom: 1px solid rgb(255 255 255 / 50%); */position:absolute;top:50%;width: 92%;left: 50%;margin-left: -46%;}
#boxCdgk .wBd{padding: 0;min-height: 300px;margin-bottom: 35px;}
#boxCdgk .wBd .infoList{overflow: hidden;}
#boxCdgk .wBd .infoList li{width: 46.9%; float: left; padding-left: 3%;}

.sscdLayout {background:url(../../base/img/sscdbg.jpg) no-repeat center top;overflow: inherit;}

/*史说常德 */
#boxSscd {position: relative;height: 360px;padding: 75px 0 66px;}
#boxSscd:before { content:"";  display:block; width:287px; height:275px; position:absolute; top:0; left:-210px; top:-180px; background:url(../../base/img/taohua.png) }
#boxSscd .mHd {position:absolute;top: 75px;left: 3.2%;overflow: hidden;}
#boxSscd .mHd h3 {display:block;height:172px;width: 215px;margin-bottom:20px;background:url(../../base/img/sscdti.png) no-repeat;}
#boxSscd .mBd {float:right;padding-right: 1.78%;}
#boxSscd li {float:left;width:200px;height:360px;background:url(../../base/img/sscdnode1bg.jpg) no-repeat;background-size:auto 100%!important;text-align:center;margin:0 25px;transition:all 0.5s;border-radius: 4px;}
#boxSscd li:hover { margin-top:-10px;}
#boxSscd .li2 { background:url(../../base/img/sscdnode2bg.jpg) no-repeat;}
#boxSscd .li3 { background:url(../../base/img/sscdnode3bg.jpg) no-repeat;}
#boxSscd .li4 { background:url(../../base/img/sscdnode4bg.jpg) no-repeat;}
#boxSscd li label {display:block;padding: 0 5px;border-left:1px solid #fff;border-right:1px solid #fff;width: 64px; margin:58px auto;}
#boxSscd li label a{ display:block; padding:18px 20px; width:24px; font-size:24px; color:#fff; background:rgb(255 255 255 / 20%); }
#boxSscd li .seemore {display:inline-block;height: 32px;line-height: 32px;color:#fff;border:1px solid rgb(255 255 255 / 20%);width:98px;font-size:12px;border-radius: 4px;}
#boxSscd li .seemore:hover { background: rgb(255 255 255 / 20%);}

.ssLayout {background: linear-gradient(90deg, #F9F5EF 0%, rgba(249, 247, 244, 0.00) 65.63%);padding-bottom: 40px;}
.ssLayout .mHd h3 { display:block; width:215px; height:172px; background:url(../../base/img/vscdti.png) no-repeat; margin:50px auto 40px;}

/*地图式-常德概况*/
.mapCdgk{overflow: hidden;}
.mapCdgk .hd{position: relative;z-index: 1;width: 509px;height: 550px;float: right;margin-left: 3%;background:  url(../../base/img/lccd-map.png) left top no-repeat;}
.mapCdgk .bd{/* margin-top: 232px; */background: linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%);border-radius: 20px;}
.mapCdgk .bd .info{overflow: hidden;height: 400px;margin: 6% 1.5% 8% 6%;}
.mapCdgk .bd .intro{margin-left: 0;padding-right: 10px;/* height: 216px; */line-height: 36px;font-size: 18px;}
.mapCdgk .bd .intro p{/* margin-bottom: 18px; */}
.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: 30px;}
.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; width: 516px; line-height: 26px; margin: 0 auto; text-align: left; color:#666;}
/*错落式*/
/*.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 li {position: relative;z-index: 1;width: 360px;height: 360px;float: left;overflow: hidden;-webkit-transition:all .6s;-moz-transition:all .6s;-ms-transition:all  .6s;-o-transition:all .6s;transition:all .6s;border-radius: 50%;overflow: hidden;}
.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 img { width:100%; height:auto;}
.whcdNodeList .li1 {position:absolute;top:69px;left: 325px;}
.whcdNodeList .li2 {position:absolute;top:408px;left: 118px;}
.whcdNodeList .li3 {position:absolute;top:408px;left: 526px;}
.whcdNodeList .li4 {position:absolute;top:408px;left: 936px;}

/*城市名片*/
.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;}


/*常德史志*/
.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;}

#boxSScd{width: 1070px;height:420px;overflow:hidden;margin:50px auto;position:relative;border:solid 2px #fff;}
#boxSScd ul li {border-radius:5px;overflow:hidden; position:relative;}
#boxSScd ul li i a { content:""; display:block; width:60px;height:60px; background:url(../../base/img/videoarr.png) no-repeat; position:absolute; top:50%; left:50%; margin:-25px 0 0 -25px;}
#boxSScd ul li .pic img { width:100%; height:100%;}
#boxSScd ul li .title { position:absolute; bottom:0; width:100%; padding:10px 0; height:70px; line-height:70px; text-align:center; background: linear-gradient(360deg, rgba(0, 0, 0, 0.80) 0%, rgba(0, 0, 0, 0.00) 100%);}
#boxSScd ul li .title a { color:#fff; font-weight:bold;}
#boxSScd ul .li1{width:630px;height:420px;z-index:4;position:absolute;top:0px;left:0;}
#boxSScd ul .li2{width:540px;height:360px;z-index:3;position:absolute;top:30px;left:200px;}
#boxSScd ul .li3{width:450px;height:300px;z-index:2;position:absolute;top:60px;left:400px;}
#boxSScd ul .li4{width:360px;height:240px;z-index:1;position:absolute;top:90px;left:600px;}
#boxSScd ul .li5{width:270px;height:180px;z-index:0;position:absolute;top:120px;left:800px;}


/*图说常德*/
.tscdLayout {background: linear-gradient(-90deg, #F9F5EF 0%, rgba(249, 247, 244, 0.00) 65.63%)}

#boxTscd .mHd h3 {position:absolute;background:url(../../base/img/tscdti.png) no-repeat;width:215px;height:172px;right:50px;top:60px;overflow: hidden;}
#boxTscd .mBd{width: 970px;padding: 60px 0 40px 50px;}
.tscdPicList{overflow: hidden;margin: 0;padding: 0;}
.tscdPicList li{position: relative; z-index: 1; width: auto; float: left; margin: 0 20px 20px 0; background-color: white;}
.tscdPicList li .pic a { display:block; }
.tscdPicList li .pic img { width: 300px; height:200px;}
.tscdPicList li .title{position: absolute; z-index: 2; left: 0; bottom: 0; width: 100%; float: left; padding:0; text-align: center; height: 40px; overflow: hidden; line-height: 40px; font-size: 16px; color: white;}
.tscdPicList li .title a{color: white;} 
.tscdPicList li .titleBg{position: absolute;z-index: 1;left: 0;bottom: 0;width: 100%;height: 40px;line-height: 40px;background: #000;opacity:0.5;}
.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.first .pic img { width:630px; height:420px }


.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;}

@media screen and (min-width: 1240px) and (max-width: 1459px) {
  #bannerBox .links li { margin:0 20px;}
  
  .whcdLayout { height:700px; background-size:100%;}
  .whcdLayout .mHd {position:absolute; left:632px; top:70px; text-align:left; }
  .whcdIntro { width:80%}
 
  .whcdNodeList li{ width:310px; height:310px;}
  .whcdNodeList .li1 {position:absolute;top:69px;left: 275px;}
  .whcdNodeList .li2 {position:absolute;top:328px;left: 118px;}
  .whcdNodeList .li3 {position:absolute;top:328px;left: 426px;}
  .whcdNodeList .li4 {position:absolute;top:328px;left: 736px;}

  #boxSscd .mHd { left:0;}
  #boxSscd .mBd { padding:0;}
  #boxSscd li {margin: 0 15px;}

  #boxTscd .mBd { padding-left:0;}
  #boxTscd .mHd h3 { right:0;}
  .mapCdgk .bd .info{margin: 6% 1.5% 8% 3%;height: 418px;}
  .mapCdgk .bd .intro{font-size:16px;line-height: 32px;}
}
@media screen and (min-width: 1024px) and (max-width: 1239px) {
  #bannerBox .links li { margin:0 15px;}

  .mapCdgk .hd {transform:scale(0.9); margin:-20px}
  .mapCdgk .bd{/* height: 266px; */padding:2% 1.5% 8% 3%;/* margin-top: 182px; */}
  .mapCdgk .bd .intro { height:266px;}

  #boxCdgk .wHd { padding:15px;}
  #boxCdgk .wHd li a { font-size:14px}
  #boxCdgk .wHd ul { padding:0px 24px;}

  .whcdLayout { height:600px; background-size:100%;}
  .whcdLayout .mHd {position:absolute; left:512px; top:70px; text-align:left; }
  .whcdIntro { width:80%}

  .cdgkLayout .mHd,
  .whcdLayout .mHd h3 { height:122px; background-size:auto 100%;}
  .whcdNodeList li{ width:260px; height:260px;}
  .whcdNodeList .li1 {position:absolute;top:69px;left: 225px;}
  .whcdNodeList .li2 {position:absolute;top:278px;left: 93px;}
  .whcdNodeList .li3 {position:absolute;top:278px;left: 351px;}
  .whcdNodeList .li4 {position:absolute;top:278px;left: 611px;}

  .ssLayout .mHd h3,
  #boxSscd .mHd h3 { height:122px; background-size:auto 100%;}
  #boxSscd { height:300px;}
  #boxSscd li label { margin:38px auto}
  #boxSscd li {width:150px;height:300px;margin: 0 15px;}

  #boxTscd .mBd {padding: 50px 0 0 0;width:784px;}

  #boxTscd .mHd h3 {height:122px;background-size:auto 100%;background-position:right;right: 0;}

  .tscdPicList li .pic img { width:235px; height:auto;}
  .tscdPicList li.first .pic img { width:500px; height:auto;}
  
  .mapCdgk .bd .info{margin: 4% 1.5% 1.5% 3%; height: 428px;}
  .mapCdgk .bd .intro{font-size:14px;line-height: 25px;}
  .mapCdgk .bd .more a{padding:2px 20px}
}
@media only screen and (max-width: 1023px){
  #bannerBox .links { right:5%}
  #bannerBox .links li { margin:0 10px;}

  .mapCdgk .hd { float:none; margin-left:180px;}
  .mapCdgk .bd{margin: 2% 1.5% 8% 3%;}
  .mapCdgk .bd .intro{font-size:14px;    line-height: 26px;height:266px;}
  .mapCdgk .bd .info{height: 280px;}
  .mapCdgk .bd .more a{padding:2px 20px}

  #boxCdgk .wHd { padding:2%;}
  #boxCdgk .wHd li {line-height: 36px;height: 36px;width: 31%;}
  #boxCdgk .wHd li a {font-size: 14px;background-position: 15%;padding-left: 40%;}
  #boxCdgk .wHd ul {padding: 0px 10px;}
  #boxCdgk .wBd { margin-bottom:3%}
  .cdgkLayout{background-position:center 600px;}
	#boxCdgk .wHd .li3 { border: 0;}
	#boxCdgk .wHd:after {border-bottom: 1px solid rgb(255 255 255 / 50%);}

  .whcdLayout {height: 510px;background-size:100%;}
  .whcdLayout .mHd {position:absolute;left: 412px;top:70px;text-align:left;}
  .whcdIntro {width:80%;display: none;}

  .cdgkLayout .mHd,
  .whcdLayout .mHd h3 {height:122px;background-size:auto 100%;width: 142px;}
  .whcdNodeList li{ width:210px; height:210px;}
  .whcdNodeList .li1 {position:absolute;top:69px;left: 175px;}
  .whcdNodeList .li2 {position:absolute;top:238px;left: 73px;}
  .whcdNodeList .li3 {position:absolute;top:238px;left: 271px;}
  .whcdNodeList .li4 {position:absolute;top:238px;left: 471px;}

  #boxSscd .mHd {position:relative;top: auto;padding-bottom: 3%;background-position: center;left: auto;}

  .ssLayout {padding: 3% 0;}
  .ssLayout .mHd h3 ,
  #boxSscd .mHd h3 {height:122px;background-size:auto 100%;background-position: center;margin: 3% auto; overflow:hidden;}
  #boxSscd {height: 505px;padding: 3% 0;}
  #boxSscd .mBd { padding:0; float:none;}
  #boxSscd li label { margin:38px auto}
  #boxSscd li {width:150px;height:300px;margin: 0 15px;}

  #boxTscd { padding:5% 0}
  #boxTscd .mBd {width: auto;padding: 5% 0 0 0;}
  #boxTscd .mHd h3 {height:122px;background-size:auto 100%;background-position: center;position: relative;right: auto;width: 100%;top: 0;}

  
  .tscdPicList li { width:30%; height:auto; margin:0 1% 2% 2%}
  .tscdPicList li.first { width:63%; height:auto;}
  .tscdPicList li .pic img { width:100%; height:auto;}
  .tscdPicList li.first .pic img { width:100%; height:auto;}
  .tscdPicList li .title { font-size:14px;}

  
}
@media only screen and (max-width: 767px){

  .headerTool .links>dl.site,
  .headerTool .links>dl.phone,
  .headerTool .links>dl.wza { display:none;}
  
  .sideNavFixed { display:none;}

  #bannerBox {margin: 6% auto;background-size: auto 100%;}
  #bannerBox .links { right:3%}
  #bannerBox .links li { margin:0 5px;}

  .mapCdgk .hd {margin: 0 auto;}
  
  .cdgkLayout .mHd,
  .whcdLayout .mHd h3 {height:122px;background-size:auto 100%;width: 142px;position: relative;background-position: center;}
  .cdgkLayout .mHd { width:100%;}

  .whcdLayout .mHd { left:230px}
  .whcdNodeList li{ width:150px; height:150px;}
  .whcdNodeList .li1 {position:absolute;top:69px;left: 75px;}
  .whcdNodeList .li2 {position:absolute;top:195px;left: 0px;}
  .whcdNodeList .li3 {position:absolute;top:195px;left: 150px;}
  .whcdNodeList .li4 {position:absolute;top:195px;left: 300px;}

  .whcdLayout {height: 410px;background-size:100%;}
  .whcdLayout .pageBox {width: 450px;transform: scale(1); left:50%; margin-left:-225px; z-index:1}

  #boxSScd { margin:3% 0;}
  #boxSscd li { margin:0 1%; width:23%}
  #boxSscd li .seemore { width:auto; padding:0 15px;}

  .mapCdgk .bd .nodeName { width:30%; background-size:100% auto;}
  .mapCdgk .bd .intro{font-size:14px;    line-height: 26px;}
}

/*屏幕分辨率低于 479px */
@media only screen and (max-width: 479px){
  #boxTscd .mHd h3,
  .ssLayout .mHd h3, #boxSscd .mHd h3,
  .cdgkLayout .mHd { height:93px;}
  
  #bannerBox {height: 300px;}
  #bannerBox .links li a {font-size:14px;padding:5px;margin-top: 100%;}
  .mapCdgk .hd {transform:scale(0.55); margin:-120px auto; left:50%; margin-left:-260px;}
  .mapCdgk .bd .intro { font-size:14px; line-height:2}

  #boxCdgk .wHd li { line-height:40px; height:40px; }
  #boxCdgk .wHd li a {font-size:16px;background: none!important; padding:0; text-align:center; }
  #boxCdgk .wHd ul {padding:0px 3%;}
  #boxCdgk .wBd { margin-bottom:3%}
  
  .whcdLayout {height: 330px;background-size:100%; }
  .whcdLayout .pageBox {width: 450px;transform: scale(0.75); left:50%; margin-left:-225px; z-index:1}

  #boxSscd { height:340px;}
  #boxSscd li { height:200px;}
  #boxSscd li label {padding:0;border:0;margin: 22px auto;}
  #boxSscd li label a { font-size:18px; line-height:22px; padding:10px; margin:0 auto;}
  #boxSscd li .seemore { width:auto; padding:0 5px;}

  #boxSScd  { display:none;}
  
  .mapCdgk .bd .nodeName { width:30%; background-size:100% auto; height:100px;}
}