.bannerBox { height: 100px;}
.bannerBox .top { position: absolute; top: 0; left: 0; right: 0; height: 100px; background: #fff;}
.bannerBox .top .topBg { height: 4px; background: #6EB92B; position: absolute; top: 0; left: 0; right: 0;}
.bannerBox .top .header { background: none; position: relative; z-index: 2; border-top: 4px solid #0091DB;}
.menuB1 { height: 58px; background: #08573A; text-align: center; position: relative; z-index: 2; box-shadow: 0 5px 8px rgba(0,0,0,.3);}
.menuB1 li, .menuB1 a { display: inline-block; color: #fff;}
.menuB1 ul { white-space: nowrap;}
.menuB1 a { font-size: 18px; line-height: 58px; padding: 0 95px;}
.menuB1 a:hover, .menuB1 a.on { background: #004028;}

.ldBgT1 { background: url(../images/zt-ld-bg-2.jpg) no-repeat center bottom;}
.ldBgT1 .footer-t1 { padding: 20px 0; background: rgba(8,87,58,.3);}
.ldBgT1 .footer-t1 .copyBox p,.ldBgT1 .footer-t1 .copyBox p span a { color: #fff;}

.banner-ld { height: 943px; background: url(../images/zt-ld-bg-1.jpg) no-repeat center; position: relative;z-index: 2;}
.mainWarp.t1 { position: relative; z-index: 1; margin-top: -522px; padding-top: 522px; margin-bottom: 50px; background: url(../images/zt-ld-bg-3.jpg) repeat-y center 0;}
.titT1.s1 { margin-top: -60px; position: relative; z-index: 3;}


.mainWarp .boxT1 { padding: 15px; background: #fff; background: rgba(255,255,255,.5); border: 6px solid #90BFE7; border-radius: 6px; position: relative;}
.mainWarp .boxT1:after{ position: absolute; top: -3px; left: -3px; right: -3px; bottom: -3px;  content: ""; border: dashed 1px #fff; border-radius: 3px;}
.mainWarp .boxT1 .conBox { position: relative;z-index: 2;}
.mainWarp .boxT1 .f1 { position: relative; padding-right: 410px;}
.mainWarp .boxT1 .f1 .info { min-height: 240px; font-size: 14px; color: #666; line-height: 26px;}
.mainWarp .boxT1 .f1 .info p { padding: 5px; }
.mainWarp .boxT1 .f1 .imp { position: absolute; top: -50px; right: -50px; z-index: 2;}
.mainWarp .tabT1 a { display: inline-block; width: 150px; height: 36px; margin: 0 10px; text-align: center; line-height: 36px; background: #fff; border-radius: 18px; font-size: 18px; color: #373737;}
.mainWarp .tabT1 a.active { background: #08573A; color: #fff; font-weight: 700;}
.mainWarp .boxT1.greenway-zt .news-warp { padding: 0; background: none;}
.mainWarp .boxT1.greenway-zt .news-warp .newImg .info { padding: 20px 20px 30px 90px; font-size: 14px; line-height: 28px;}
.mainWarp .boxT1.greenway-zt .news-warp .newsList dl dd h2 a { padding: 15px 0; font-size: 17px; line-height: 22px; border-color: #fff;}
.mainWarp .boxT1.greenway-zt .news-warp .newsList ul li a { border-color: #fff;}

.mainWarp.t2 { min-height: 943px; background: url(../images/zt-ld-bg-4.jpg) no-repeat center 0; background-size: cover;}
.mainWarp .boxT2 { padding: 30px 15px; background: #fff; box-shadow: 0 0 10px rgba(8,87,58,.2);}
.mainWarp .tabT2 { height: 46px; padding: 0 20px; line-height: 46px; background: #F0F0F0; font-size: 14px;} 
.mainWarp .tabT2 strong{color: #08573a; font-size: 18px;}
.mainWarp .tabT2 a { display: inline-block; padding: 0 10px; color: #666;}
.mainWarp .tabT2 a.active {color: #08573a;}
.mainWarp .listsT1 ul { padding: 0 8px;}
.mainWarp .listsT1 ul li { padding: 8px;}
.mainWarp .listsT1 ul li a { display: block; text-align: center; }
.mainWarp .listsT1 ul li a img { max-width: 100%;}
.mainWarp .listsT1 ul li a em { display: block; padding: 5px; font-size: 16px; color: #373737; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.mainWarp .listsT2 ul li a { display: block; padding: 20px; border-bottom: 1px solid #E7E7E7; font-size: 14px; color: #444;}
.mainWarp .listsT2 ul li a strong { display: block; font-size: 16px; color: #333; padding-bottom: 8px;}
.mainWarp .listsT2 ul li a:hover strong { color: #08573a;}
.mainWarp .listsT2 ul li a:hover { color: #000;}

.mainWarp .boxT3 .titT1 { padding: 30px 0; font-size: 14px; color: #373737;} 
.mainWarp .boxT3 .titT1 h3 { font-size: 28px; padding-bottom: 15px;  font-weight: 700;}
.mainWarp .boxT3 .imgsBox { background: #fff; padding: 20px;}
.mainWarp .boxT3 .slider-container { width: 1122px; margin: 0 auto; background: #fff;}
.mainWarp .boxT3 .slider-container .slider__item img { width: 100%;}
.mainWarp .boxT3 .slider-mImg { height: 100px;overflow: hidden;}
.mainWarp .boxT3 .slider-mImg .imgLists { position: relative; width: 100%; height: 120px; white-space: nowrap; overflow: hidden; overflow-x: auto;}
.mainWarp .boxT3 .slider-mImg .imgLists i { display: inline-block; border: 3px solid #fff; position: relative; margin-top: 10px; cursor: pointer;}
.mainWarp .boxT3 .slider-mImg .imgLists i.on { border-color: #FF8708;}
.mainWarp .boxT3 .slider-mImg .imgLists i:after { display: inline-block; content: ""; position: absolute; top: -12px; left: 50%; margin-left: -8px; width: 0;height: 0;border-left: 10px solid transparent;border-bottom: 10px solid #fff;border-right:10px solid transparent;}
.mainWarp .boxT3 .slider-mImg .imgLists i.on:after { border-bottom-color: #FF8708;}
.mainWarp .boxT3 .slider-container .slider-nav { opacity: 0;}
.mainWarp .boxT3 .slider-mImg .imgLists i img { width: 100px}

.mainWarp .mapBox { padding-left: 230px; position: relative; height: 405px;}
.mainWarp .mapBox .tabT3 { width: 230px; position: absolute; left: 0; top: 0; bottom: 0; background: #fff; border-radius: 5px; overflow: hidden;}
.mainWarp .mapBox .tabT3 a { display: block; border-bottom: 1px solid #F3F9FF; height: 135px; text-align: center; color: #666; font-size: 14px;}
.mainWarp .mapBox .tabT3 a.on { background: url(../images/zt-ld-img-5-1.jpg) no-repeat; color: #fff;}
.mainWarp .mapBox .tabT3 a.on em{color: #08573a; text-shadow: 0 0 10px #fff;}
.mainWarp .mapBox .tabT3 a.on i{ text-shadow: 0 0 10px #08573a;}
.mainWarp .mapBox .tabT3 a em { display: block; font-size: 22px; padding: 42px 15px 15px; color: #222;}
.mainWarp .mapBox .tabT3 a i { display: block;padding: 0 30px;}
.mainWarp .mapBox .tabT3 a:last-child em{ padding-top: 30px;}

.mainWarp .mapBox .item{ margin-left: 15px; background: url(../images/zt-ld-ico-load-1.gif) no-repeat center;}
.mainWarp .mapBox .item { height: 405px; position: relative;}
.mainWarp .mapBox .item .btns,.mainWarp .mapBoxT1 .item .btns { position: absolute; bottom: 10px; left: 10px; z-index: 3;}
.mainWarp .mapBox .item .btns a,.mainWarp .mapBoxT1 .item .btns a { display: inline-block; width: 30px; height: 30px; margin-left: 6px; border: 1px solid #fff; background: #fff; line-height: 30px; text-align: center; font-size: 16px; color: #444;}
.mainWarp .mapBox .item .btns a.on,.mainWarp .mapBoxT1 .item .btns a.on { background: #FF7E00; color: #fff;}
.mainWarp .Whidden{display:none;visibility:hidden;}


.mainWarp #loader{position:absolute;top:0px;left:0px;}
.mainWarp #pageContent {width: 100%;height:405px;overflow: hidden;position:relative;}
.mainWarp #imgContainer {width: 100%;height:405px;}
.mainWarp #positionButtonDiv {background: rgb(58, 56, 63);background: rgba(58, 56, 63, 0.8);border: solid 1px #100000;color: #fff;padding: 8px;text-align: left;position: absolute;right:35px;top:35px;}
.mainWarp #positionButtonDiv p { padding-bottom: 5px;}
.mainWarp #positionButtonDiv .positionButtonSpan img {float: right;border: 0;}
.mainWarp .positionMapClass area {cursor: pointer;}
.mainWarp .zoomButton {border: 0;cursor: pointer;}

.mainWarp .mapBoxT1 .item { height: 768px; position: relative;background: url(../images/zt-ld-ico-load-1.gif) no-repeat center;}
.mainWarp .mapBoxT1 #pageContent {width: 100%;height:768px;overflow: hidden;position:relative;}
.mainWarp .mapBoxT1 #imgContainer {width: 100%;height:768px;}
.mainWarp .mapBoxT1 .tabT3 { margin: 20px 15px; text-align: center;}
.mainWarp .mapBoxT1 .tabT3 a { display: inline-block; width: 180px; height: 48px; margin: 0 10px; line-height: 48px;font-size: 18px; color: #373737; border-radius: 24px;}
.mainWarp .mapBoxT1 .tabT3 a.on { background: #08573A; color: #fff; font-weight: 700;}


.mainWarp .jbyd .titT2 { font-size: 20px; color: #094448; font-weight: 700;}
.mainWarp .jbyd .psTxt h5 {font-size: 20px; color: #373737; border-bottom: 1px solid #666;}
.mainWarp .jbyd .psTxt h6 { font-weight: 700; font-size: 14px; color: #08573a;}
.mainWarp .jbyd .psTxt p { padding: 5px 0; font-size: 14px; color: #666; line-height: 26px; position: relative; z-index: 2;}
.mainWarp .jbyd .iBgBox { position: relative;}
.mainWarp .jbyd .btn-2 { color: #08573a;}
.mainWarp .jbyd .btn-1 {display: inline-block; padding: 5px 20px; font-size: 14px; color: #fff; border: 1px solid #eee; background: #08573A;}
.mainWarp .iBgBox .iBg { position: absolute; top: -60px; right: -70px; display: block; width: 165px; height: 185px;background: url(../images/zt-ld-img-2-2.png) no-repeat center bottom; z-index: 1; }
.mainWarp .iBgBox .iBg.s1 { top: auto; right: auto; left: -75px; bottom: -35px; width: 170px; height: 145px;background-image: url(../images/zt-ld-img-2-1.png)}

.mainWarp .jbyd .swiper-button-prev,.mainWarp .jbyd .swiper-button-next {top: 50%; width: 34px;height: 70px; margin-top: -35px;background: rgba(0,0,0,.5) url(../images/zt-ld-ico-2-1.png) no-repeat 10px center; border-radius: 5px; transition: .3s; }
.mainWarp .jbyd .swiper-button-prev:after,.mainWarp .jbyd .swiper-button-next:after { display: none;}
.mainWarp .jbyd .swiper-button-prev {left: 20px;}
.mainWarp .jbyd .swiper-button-next {right: 20px; background-position: -32px center;}
.mainWarp .jbyd .swiper-button-prev:hover,.mainWarp .jbyd .swiper-button-next:hover { opacity: .6;}

.imageListT2 { margin: 0 -10px;}

@media screen and (max-width: 1200px) {
    .menuB1 { height: 34px;overflow: hidden;}
    .menuB1 ul { height: 50px; white-space: nowrap; overflow: auto;}
    .menuB1 a { height: 34px; padding: 0 10px; line-height: 34px; font-size: 12px;}
    .mainWarp { margin-top: -60px; padding-top: 80px;}
    .app-head { position: relative;z-index: 3;}
    .banner-ld { height: 260px; background-size: cover;}
    .ldBgT1 .footer-t1 { margin-top: 0;}
    .titT1.s1 { margin:-30px 0;}
    .mainWarp .boxT2 { padding: 15px;}
    .mainWarp.t1 .boxT1 .f1 { padding-right: 0;}
    .mainWarp.t1 .boxT1 .f1 .imp { display: none;}
    .mainWarp.t1 { margin-bottom: 0;}
    .mainWarp .tabT2.s1 { height: auto; line-height: 32px; padding: 10px;}
    .mainWarp .tabT2.s1 strong { display: block;}
    .mainWarp .boxT3 .imgsBox { padding: 10px;}
    .mainWarp .boxT3 .slider-container { width: 100%;}
    
    .mainWarp .boxT3 .slider-mImg .imgLists i img { width: 80px}
    
    .mainWarp .mapBox { padding-left: 0; height: auto;}
    .mainWarp .mapBox .tabT3 { position: inherit; width: 100%;}
    .mainWarp .mapBox .tabT3 a { height: 70px;}
    .mainWarp .mapBox .tabT3 a.on { background-size: 100%;}
    .mainWarp .mapBox .tabT3 a em { font-size: 18px; padding: 12px 0 5px !important;}
    .mainWarp .mapBox .item { height: auto; margin: 0;}
    .mainWarp #pageContent,.mainWarp #imgContainer {height:240px;}
    .mainWarp #positionButtonDiv { display: none;}
    .mainWarp .mapBoxT1 .tabT3 { margin: 0 0 10px;}
    .mainWarp .mapBoxT1 .tabT3 a { float: left; width: 33.33%; height: auto; font-size: 14px; margin: 0; border-radius: 5px; line-height: 20px; padding: 10px 18px; }
    .mainWarp .mapBoxT1 .tabT3:after { content: ""; clear: both; display: block;}
    .mainWarp .mapBoxT1 .item { height: auto;}
    .mainWarp .mapBoxT1 #pageContent,.mainWarp .mapBoxT1 #imgContainer {height:240px;}
    .mainWarp.t2 { min-height: auto;}
    
}