@charset "utf-8";
/* CSS Document */

body,html{ width:100%; height:100%;}
body,html,div{ margin:0; padding:0; border:0;}
body,html,div,a,p,span,ul,li,dl,dd,h1,h2,h3,h4,h5,h6,input,textarea{ margin:0; padding:0;border:0;font-family:"PINGFANG"; font-size:14px; color:#555;  list-style:none;}
img{ border:0; outline:none; }
a{ text-decoration:none;outline:none;}

html {font-size: 62.5%;}

@font-face {font-family:iconfont;src:url(fonts/iconfont.eot);src:url(fonts/iconfont.eot),url(fonts/iconfont.woff),url(fonts/iconfont.ttf),url(fonts/iconfont.svg)}

@font-face{font-family:"PINGFANG";src:url(fonts/PINGFANG-REGULAR.TTF);font-style:normal;}
 
/*导航*/
.header{ width:100%; height:185px; overflow:hidden; margin:0 auto; background:url(../images/head_bg1.jpg) repeat-x; z-index:9; position:relative;}
.head{max-width:1300px; width:96%;  height:auto; margin:0 auto; position:relative; }
.headza{width:100%; height:auto; overflow:hidden;position:relative; z-index:9;padding-top:25px;}
.headLeft{ float:left; width:auto;height:auto; overflow:hidden;}
.headLeft ul li{ float: left;height: 40px;overflow: hidden;position: relative;margin-right:78px;}
.headLeft ul li a{ font-size:14px; color:#666;line-height:38px;}
.headLeft ul li p{ display:block;width:100%; height:auto; overflow:hidden; text-align:center; position:absolute; bottom:0px; left:0px;}
.headLeft ul li p i{ display:inline-block; width:0; height:3px; overflow:hidden; border-radius:3px; transition:all .3s;}
.headLeft ul li.on a{ color:#5cb3a4;}
.headLeft ul li.on p i{ background:#5cb3a4;width:30px;}
.headLeft ul li:hover a{ color:#5cb3a4;}
.headLeft ul li:hover p i{ background:#5cb3a4;width:30px;}
.headRight{ float:right;width:auto;height:auto; overflow:hidden; }
.headRight ul li{ float:left;height:38px; overflow:hidden; position:relative; margin-left:78px;}
.headRight ul li a{ font-size:14px; color:#666; line-height:38px;}
.headRight ul li p{ display:block;width:100%; height:auto; overflow:hidden; text-align:center; position:absolute; bottom:0px; left:0px;}
.headRight ul li p i{ display:inline-block; width:0; height:3px; overflow:hidden; border-radius:3px; transition:all .3s;}

.headRight ul li.on a{ color:#5cb3a4;}
.headRight ul li.on p i{ background:#5cb3a4;width:30px;}
.headRight ul li:hover a{ color:#5cb3a4;}
.headRight ul li:hover p i{ background:#5cb3a4;width:30px;}



.headzb{width:100%; height:auto; overflow:hidden; position:absolute; top:0px; z-index:0;}
.headLogo{ width:180px; height:auto; overflow:hidden; margin:0 auto; padding:0px 7px 45px 7px; background:url(../images/logobg1.png) top center no-repeat;}
.headLogo div{width:100%; height:120px; overflow:hidden; padding:10px 0px; text-align:center;}
.headLogo div a img{ max-height:100%;}

/*  banner */
.focus{ width:100%; height:auto; overflow:hidden; overflow:hidden; max-width:1920px; z-index:0; margin:0 auto; margin-top:-95px;position:relative;}
.fcon{width:100%; height:auto; overflow:hidden;} 
.focus .fcon div{ position:relative; left:50%; top:0px; width:1920px; margin-left:-960px ; text-align:center;}
.focus .a{ position:absolute; left:50%; top:0px; width:1920px; margin-left:-960px }  
.focus div a img{ width:100%;}
.focus .D1fBt a i{}   
.focus .prev,.focus .next{position:absolute;width:48px;height:48px; cursor:pointer; top:50%; margin-top:-20px;}
.fbg{ position:absolute; width:1920px;top:93%; left:50%;height:auto; overflow:hidden;  z-index:9999; text-align:center;margin-left:-960px}
.fbg .D1fBt{z-index:9999; display:inline-table;}
.fbg .D1fBt a{ width:10px; height:5px;margin:0px 3px; display:inline-block;z-index:9999; text-align:center; line-height:20px; font-size:14px; background-color: rgba(255,255,255,0.5); border-radius:5px;}
.fbg .D1fBt a.current{background-color: rgba(255,255,255,0.8); width:26px;}

.focus .prev,.focus .next{position:absolute;width:64px;height:64px; cursor:pointer; top:40%;}
.focus .prev{  left:2%;}
.focus .next{ right:2%;}

/*bannerU型*/
.ban_xc{ width:100%; height:auto; overflow:hidden; position:absolute; bottom:0px; left:0px;}   
.ban_xc .ban_xcz{ position:relative; left:50%; top:0px; width:1920px; margin-left:-960px ; text-align:center;} 


.index_middle{width:100%; height:auto; overflow:hidden; margin:0 auto; position:relative; background:#fff url(../images/index_bg1.jpg) bottom center no-repeat; padding-bottom:270px;}

.pag_middle{width:100%; height:auto; overflow:hidden; margin:0 auto; position:relative; background:#f4f4f4 url(../images/pag_bg1.jpg) bottom center no-repeat; padding-bottom:270px;margin-top:-95px;}

/*底部U型*/
.midb{ width:100%; height:auto; overflow:hidden; position:absolute; bottom:0px; left:0px;}   
.midb .midbz{ position:relative; left:50%; top:0px; width:1920px; margin-left:-960px ; text-align:center;} 


/*景区简介*/
.spot{ width:100%; height:auto; overflow:hidden; margin:0 auto; padding:6rem 0rem 3rem 0rem;}
.spotTop{max-width:1400px; width:96%;  height:auto; margin:0 auto;}
.spotTop h1{ font-size:2.8rem; color:#555; text-align:center;}
.spotTop p{ text-align:center; margin-top:5px;}
.spotTop p span{ font-size:1.2rem; color:#555; text-transform:uppercase;}
.spotBot{max-width:1400px; width:96%;  height:auto; margin:0 auto; margin-top:4.5rem;box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15);border-radius: 30px; text-align:center; background:url(../images/spot_bg.png) 5% 94% no-repeat; background-size:50%;}
.spotBotz{ display:inline-table; padding:4% 3%;}
.spotBotLeft{ float:left; width:40%;height:auto; overflow:hidden;text-align:left;}
.spotBotLeft p{ margin-top:2rem;}
.spotBotLeft p span{ display:inline-block; font-size:1.4rem; color:#999; border:1px #ccc solid; margin-right:2rem; height:32px; line-height:31px; padding:0rem 1.8rem; border-radius:0.5rem;}
.spotBotLeft p:nth-of-type(1){ margin-left:8rem;}
.spotBotLeft p:nth-of-type(2){ margin-left:3rem;}
.spotBotLeft p:nth-of-type(4){ margin-left:10rem;}
.spotBotRight{ float:right;width:50%;height:auto; overflow:hidden; text-align:left;}
.spotBotRight div{width:100%; height:auto; overflow:hidden; font-size:1.4rem; color:#999; line-height:3.4rem;}
.spotBotRight p{ text-align:right; margin-top:5rem;}
.spotBotRight p a{ display:inline-block; width:16rem; text-align:center; border-radius:42px; height:42px; line-height:42px; font-size:1.6rem; color:#fff; position:relative; z-index:9;}
.spotBotRight p a i{border: 0 solid transparent;border-radius: 20px;transition: height .4s cubic-bezier(.31,3.4,.29,-.15),top .4s cubic-bezier(.31,3.4,.29,-.15);width: 100%;height: 100%;background:#5cb3a4;display: block;position: absolute;top:0%;left: 0; z-index:-1; }
.spotBotRight p a:hover i{ height:90%; background:#128c77; top:5%;}


/*购票指南-营业时间*/
.guide{ width:100%; height:auto; overflow:hidden; margin:0 auto; padding:4rem 0rem;}
.guidez{max-width:1400px; width:96%;  height:auto; margin:0 auto;}
.guideLeft{ float:left; width:59%; height:auto; display:block;}
.guideBot{width:100%; height:auto; overflow:hidden;margin-top:4.5rem;box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15);border-radius: 30px; text-align:center; background:#fff;}
.guideBotz{ display:inline-table; width:92%; padding:4.5rem 3rem;height: 346px;}
.guideBot1{ float:left;width:46%;height:auto; overflow:hidden; }
.guideBot1 .omb1{ width:100%; height:auto; overflow:hidden;}
.guideBot1 .omb1 ul li{width:100%; height:80px; overflow:hidden; background:url(../images/guide1.png) center center no-repeat; margin-bottom:2.9rem;background-size:100% 100%;}
.guideBot1 .omb1 ul li .omb1a{ float:left; width:31%; height:80px; text-align:center; line-height:79px; font-size:2rem; color:#fff;}
.guideBot1 .omb1 ul li .omb1b{ float:right;width:64%; height:auto; overflow:hidden; margin-right:3%;}
.guideBot1 .omb1 ul li .omb1b p span{ font-size:1.4rem; color:#666; line-height:39px;}
.guideBot1 .omb1 ul li .omb1b div{ border-top:1px #e6e6e6 solid; width:100%; height:auto; overflow:hidden;font-size:1.4rem; color:#999;line-height:38px;}
.guideBot1 .omb2{ width:100%; height:auto; overflow:hidden;font-size:1.4rem; color:#999;}

.guideBot2{ float:right;width:46%;height:auto; overflow:hidden;}
.guideBot2 .omb1{ width:100%; height:auto; overflow:hidden;margin-bottom:2.9rem;}
.guideBot2 .omb1 ul li{width:100%; height:80px; overflow:hidden; background:url(../images/guide1.png) center center no-repeat; background-size:100% 100%;}
.guideBot2 .omb1 ul li .omb1a{ float:left; width:31%; height:80px; text-align:center; line-height:79px; font-size:2rem; color:#fff;}
.guideBot2 .omb1 ul li .omb1b{ float:right;width:64%; height:auto; overflow:hidden; margin-right:3%;}
.guideBot2 .omb1 ul li .omb1b p span{ font-size:1.4rem; color:#666; line-height:39px;}
.guideBot2 .omb1 ul li .omb1b div{ border-top:1px #e6e6e6 solid; width:100%; height:auto; overflow:hidden;font-size:1.4rem; color:#999;line-height:38px;}
.guideBot2 .omb2{ width:100%; height:auto; overflow:hidden;font-size:1.4rem; color:#999;}
.guideBot2 .omb2 div{ width:280px; height:auto; overflow:hidden; margin:0 auto; border:1px #f2f2f2 solid; margin-bottom:2.8rem;}
.guideBot2 .omb2 p{ text-align:center;}
.guideBot2 .omb2 p span{font-size:1.4rem; color:#999;}
.timeRight{ float:right; width:39%; height:auto; display:block;}
.timeBot{width:100%; height:auto;display:block;margin-top:4rem;box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15);border-radius: 30px; text-align:center; position:relative;background:#fff;}
.timeBotz{ display:inline-table; width:80%;padding:4.5rem 3rem;height: 346px; }
.timeBotz ul li{ text-align:left; border-top:1px #e6e6e6 solid; padding:2.2rem 0rem;}
.timeBotz ul li:nth-of-type(1){ border-top:0px;padding:0.2rem 0rem 2.2rem 0rem;}
.timeBotz ul li p span{ font-size:2rem; color:#333;}
.timeBotz ul li div{width:100%; height:auto; overflow:hidden; font-size:1.6rem; color:#999; margin-top:1.5rem;}
.timeImg{ position:absolute; right:0rem; bottom:-2rem;}

/*景区地图*/
.spots{width:100%; height:auto; overflow:hidden; margin:0 auto; padding:4rem 0rem ;}
.spotsCent{max-width:1400px; width:96%;  height:auto;overflow:hidden; margin:0 auto; margin-top:4.5rem; border-radius:28px;}
.spotsCent img{ width:100%;}
.spotsBot{ width:200px;  height:46px; margin:0 auto; margin-top:4rem; position:relative; cursor:pointer;}
.spotsBot span{ position:absolute; top:0px; left:0px;width:200px; height:46px; text-align:center; line-height:45px;}
.spotsBot i{border:1px #ccc solid;display:inline-block; width:198px; height:100%; border-radius:44px; line-height:44px; text-align:center;  font-size:1.4rem; color:#999; position:absolute;top: 50%;transform: translateY(-50%);transition: height .4s cubic-bezier(.31,3.4,.29,-.15),top .4s cubic-bezier(.31,3.4,.29,-.15);}

.spotsBot:hover i{border: 0 solid transparent;border-radius: 20px;width: 100%;height:90%; border-radius:40px; background:#128c77; background:#5cb3a4;display: block; left: 0; z-index:-1;}
.spotsBot:hover span{ color:#fff; }

.c-area-full-map {position:fixed;top:0;left:0;display:none;z-index:10011;background:rgba(0,0,0,.7)}
.c-area-full-map,.c-area-full-map .content {width:100%;height:100%}
.c-area-full-map .content .map-wrap {width:100%;height:100%;position:relative;transform:rotate(0deg);overflow:hidden;}
.c-area-full-map .content .map-wrap .img-box {width:100%;height:100%;position:relative;cursor:move}
.c-area-full-map .content .map-wrap .img-box img {position:absolute;top:0;left:0;width:2000px;height:auto}
.c-area-full-map .content .map-wrap .map-btns {position:absolute;top:20px;right:35px;width:36px}
.c-area-full-map .content .map-wrap .map-btns i {width:36px;height:36px;transition:all .5s ease;display:block;position:relative;margin-bottom:10px;background:hsla(0,0%,100%,.8);border-radius:50%;font-size:20px;font-weight:700;border:2px solid transparent;cursor:pointer}
.c-area-full-map .content .map-wrap .map-btns i:before {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.c-area-full-map .content .map-wrap .map-btns i:hover {background:#fff;border-color:#a6ce39;color:#a6ce39}
.c-area-full-map .content .map-wrap .map-btns i.icon-close {font-size:16px}
.ban-scroll {overflow-y: hidden;}
.iconfont {font-family: iconfont !important;font-size: 16px;font-style: normal;}
.icon-jia:before {
 content:"\e620"
}
.icon-jian:before {
 content:"\e794";
}
.icon-close::before {
    content: "\e61a";
}
.icon-xingzhuangjiehe1::before {
    content: "\e687";
}
@media (max-width:1280px){
.headLeft ul li{ margin-right:60px;}
.headRight ul li{ margin-left:60px;}
.pageGuide .pagud1{ width:215px;}
} 
@media ( min-width:1280px ) and (max-width:1440px) {
.headLeft ul li{ margin-right:73px;}
.headRight ul li{ margin-left:60px;}
.pageGuide .pagud1{ width:215px;}
 }




/*热门景点*/
.hotspt{width:100%; height:auto; overflow:hidden; margin:0 auto; padding:3rem 0rem 4rem 0rem;}
.hotsptCent{max-width:1400px; width:96%;  height:auto;overflow:hidden; margin:0 auto; margin-top:4.5rem;}

.hotsptCent .swiper-box1{width:100%;height: 100%; position:static;}
.hotsptCent .swiper-wrapper{ width:100%;}
.hotsptCent .swiper-slide{ height:auto; text-align: center; background:none; position:relative;}

.hotsptCent .omb1{width:100%; height:auto; overflow:hidden;}
.hotsptCent .omb1 dl dt{ float:left; width:29%; height:auto; overflow:hidden; margin-left:2%; margin-bottom:2%;}
.hotsptCent .omb1 dl dt .omb1a{width:100%; height:auto; overflow:hidden; border-radius:10px; position:relative;}
.hotsptCent .omb1 dl dt .omb1a .on1{width:100%; height:300px; overflow:hidden; position:relative;}
.hotsptCent .omb1 dl dt .omb1a .on1 img{ position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;}
.hotsptCent .omb1 dl dt .omb1a .on2{ width:32px; height:38px; position:absolute; top:12px; right:12px;}
.hotsptCent .omb1 dl dt .omb1b{width:100%; height:auto; overflow:hidden; text-align:center; margin-top:15px; font-size:16px; color:#555;}
.hotsptCent .hotb1 dl dt:nth-of-type(1){ margin-left:0%;}
.hotsptCent .hotb1 dl dt:nth-of-type(3){ width:38%;}
.hotsptCent .hotb2 dl dt:nth-of-type(1){ margin-left:0%;width:38%;}
.hotsptCent .swiper-pagination{width:100%; height:auto; overflow:hidden; text-align:center; margin-top:5px; position:static;}
.hotsptCent .swiper-pagination span{ width:10px; height:5px; overflow:hidden; border-radius:5px; background:#add9d1; line-height:30px; margin:0px 5px;opacity:1;}
.hotsptCent .swiper-pagination span.swiper-pagination-bullet-active{ width:26px; background:#7dc2b6;}
.hotsptCent .omb1 dl dt:hover .omb1a .on1 img{transform: scale(1.1);}
.hotsptCent .omb1 dl dt:hover .omb1b{ color:#7dc2b6;}

.hotsptBot{ width:200px;  height:46px; margin:0 auto; margin-top:4rem; position:relative; cursor:pointer;}
.hotsptBot a{ position:absolute; top:0px; left:0px;width:200px; height:46px; text-align:center; line-height:45px; z-index:9;}
.hotsptBot i{border:1px #ccc solid;display:inline-block; width:198px; height:100%; border-radius:44px; line-height:44px; text-align:center;  font-size:1.4rem; color:#999; position:absolute;top: 50%;left: 0;transform: translateY(-50%);transition: height .4s cubic-bezier(.31,3.4,.29,-.15),top .4s cubic-bezier(.31,3.4,.29,-.15);}
.hotsptBot:hover i{border: 0 solid transparent;border-radius: 20px;width: 100%;height:90%; border-radius:40px; background:#128c77; background:#5cb3a4;display: block; left: 0; z-index:1;}
.hotsptBot:hover a{ color:#fff; }


.hotsptCBot{max-width:1400px; width:96%;  height:auto;overflow:hidden; margin:0 auto; margin-top:4.5rem;}
.hotsptCBot .omb1{width:100%; height:auto; overflow:hidden;}
.hotsptCBot .omb1 dl dt{ float:left; width:29%; height:auto; overflow:hidden; margin-left:2%; margin-bottom:2%;}
.hotsptCBot .omb1 dl dt .omb1a{width:100%; height:auto; overflow:hidden; border-radius:10px; position:relative;}
.hotsptCBot .omb1 dl dt .omb1a .on1{width:100%; height:300px; overflow:hidden; position:relative;}
.hotsptCBot .omb1 dl dt .omb1a .on1 img{ position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;}
.hotsptCBot .omb1 dl dt .omb1a .on2{ width:32px; height:38px; position:absolute; top:12px; right:12px;}
.hotsptCBot .omb1 dl dt .omb1b{width:100%; height:auto; overflow:hidden; text-align:center; margin-top:15px; font-size:16px; color:#555;}
.hotsptCBot .hotb1 dl dt:nth-of-type(1){ margin-left:0%;}
.hotsptCBot .hotb1 dl dt:nth-of-type(3){ width:38%;}
.hotsptCBot .hotb2 dl dt:nth-of-type(1){ margin-left:0%;width:38%;}
.hotsptCBot .omb1 dl dt:hover .omb1a .on1 img{transform: scale(1.1);}
.hotsptCBot .omb1 dl dt:hover .omb1b{ color:#7dc2b6;}


/*科教保护*/
.protect{width:100%; height:auto; overflow:hidden; margin:0 auto; padding:3rem 0rem 4rem 0rem;}
.protectCent{max-width:1400px; width:96%;  height:auto;overflow:hidden; margin:0 auto; margin-top:4.5rem; text-align:center;}
.protectCent div{ display:inline-table;}
.protectCent div ul li{ float:left; height:41px; overflow:hidden; margin:0px 80px; cursor:pointer;position: relative;}
.protectCent div ul li span{ font-size:16px; color:#666;line-height:38px;}
.protectCent div ul li p{ display:block;width:100%; height:auto; overflow:hidden; text-align:center; position:absolute; bottom:0px; left:0px;}
.protectCent div ul li p i{ display:inline-block; width:0; height:2px; overflow:hidden; transition:all .3s;}
.protectCent div ul li.active span{ color:#5cb3a4;}
.protectCent div ul li.active p i{ background:#5cb3a4;width:34px;}
.protectBot{max-width:1400px; width:96%; height:520px; overflow:hidden; margin:0 auto; margin-top:4.5rem;}
.protectBot .swiper-box2{width:100%;height: 100%; }
.protectBot .swiper-wrapper{ width:100%;}
.protectBot .swiper-slide{ height:480px; text-align: center; background:none; position:relative;}
.protectBot .swiper-slide .omb1{ float:left; height:480px; width:47%; overflow:hidden;position: relative; border-radius:28px;}
.protectBot .swiper-slide .omb1 img{position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;}
.protectBot .swiper-slide .omb2{ width:52%; height:440px; overflow:hidden;background-color: rgba(92,179,164,0.7); position:absolute; top:20px; right:0px; padding:0% 3% 0% 5%;border-radius:28px;}
.protectBot .swiper-slide .omb2 h1{ text-align:left; font-size:2.2rem; color:#fff; margin-top:45px; letter-spacing:2px;}
.protectBot .swiper-slide .omb2 div{width:94%; height:auto; overflow:hidden; margin-left:6%; margin-top:20px; text-align:left; font-size:1.4rem; color:#fff; line-height:38px;}
.protectBot .swiper-slide .omb2 p{ display:block; text-align:right; margin-top:20px;}
.protectBot .swiper-slide .omb2 p span{ display:inline-block; width:200px; height:44px;  position:relative;}
.protectBot .swiper-slide .omb2 p span a{position:absolute; top:0px; left:0px;width:200px; height:44px; text-align:center; line-height:43px;font-size:1.6rem; color:#fff; z-index:9;}
.protectBot .swiper-slide .omb2 p span i{border:1px #fff solid;display:inline-block; width:198px; height:100%; border-radius:10px; line-height:44px; text-align:center;  font-size:1.4rem; color:#999; position:absolute;top: 50%; left:0px; transform: translateY(-50%);transition: height .4s cubic-bezier(.31,3.4,.29,-.15),top .4s cubic-bezier(.31,3.4,.29,-.15);}
.protectBot .swiper-slide .omb2 p span:hover i{border: 0 solid transparent;border-radius: 20px;width: 100%;height:90%; border-radius:40px;  background:#fff;display: block; left: 0; z-index:1;}
.protectBot .swiper-slide .omb2 p span:hover a{ color:#5cb3a4;}

.protectBot .swiper-button-prev{ width:64px; height:64px; overflow:hidden;margin-top: -53px !important; background:url(../images/left1.png) center center no-repeat; left:30px;}
.protectBot .swiper-button-next{ width:64px; height:64px; overflow:hidden;margin-top: -53px !important; background:url(../images/right1.png) center center no-repeat; right:30px;}
.protectBot .swiper-pagination{width:100%; height:auto; overflow:hidden; text-align:center; margin-top:35px; position:static;}
.protectBot .swiper-pagination span{ width:10px; height:5px; overflow:hidden; border-radius:5px; background:#add9d1; line-height:30px; margin:0px 5px;opacity:1;}
.protectBot .swiper-pagination span.swiper-pagination-bullet-active{ width:26px; background:#7dc2b6;}



/*新闻动态*/
.news{width:100%; height:auto; overflow:hidden; margin:0 auto; padding:3rem 0rem 4rem 0rem;}
.newsCent{max-width:1400px; width:93%; padding:1.5% 1.5% 3% 1.5%;  height:auto;overflow:hidden; margin:0 auto; margin-top:4.5rem; text-align:center; background:#fff; border-radius: 28px;}
.newsCentz{width:100%; height:auto; overflow:hidden;}
.newsCentz .omb1{ float:left; width:42%; height:588px; overflow:hidden; position:relative; border-radius:20px;}
.newsCentz .omb1 .omb1a{width:100%;height:588px; overflow:hidden; position:relative;}
.newsCentz .omb1 .omb1a img{position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;}
.newsCentz .omb1 .omb1b{width:96%; height:auto; overflow:hidden; padding:2%; position:absolute; bottom:0px;left:0px;background-color:rgba(92,179,164,0.7);}
.newsCentz .omb1 .omb1b p{ display:inline-block;width:100%; height:auto; overflow:hidden;}
.newsCentz .omb1 .omb1b p span{ float:left; display:inline-block; width:78%; height:auto; overflow:hidden;text-overflow:ellipsis;white-space: nowrap; text-align:left; font-size:2rem; color:#fff;}
.newsCentz .omb1 .omb1b p font{ float:right;font-size:2rem; color:#fff; }
.newsCentz .omb1 .omb1b div{width:100%; height:auto; overflow:hidden; text-align:left; line-height:22px; font-size:1.4rem; color:#fff; margin-top:5px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.newsCentz .omb1:hover .omb1a img{transform: scale(1.1);}
.newsCentz .omb2{ float:right; width:56%; height:auto; overflow:hidden;}
.newsCentz .omb2 ul li{width:100%; height:auto; overflow:hidden; margin-bottom:24px;}
.newsCentz .omb2 ul li .omb2a{ float:left; width:31%;height:180px; overflow:hidden; border-radius:22px;position: relative;}
.newsCentz .omb2 ul li .omb2a a img{position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;}
.newsCentz .omb2 ul li .omb2b{ float:right; width:67%; height:auto; overflow:hidden; margin-top:5px;}
.newsCentz .omb2 ul li .omb2b p{ text-align:left;}
.newsCentz .omb2 ul li .omb2b .om1 a{ font-size:2rem; color:#333;}
.newsCentz .omb2 ul li .omb2b div{width:100%; height:auto; overflow:hidden; margin-top:10px; font-size:1.4rem; color:#999; line-height:28px;text-align:left; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.newsCentz .omb2 ul li .omb2b .om2{ margin-top:5px;}
.newsCentz .omb2 ul li .omb2b .om2 font{font-size:1.4rem; color:#999;}
.newsCentz .omb2 ul li .omb2b .om3{display:block; text-align:right; margin-top:10px;}

.newsCentz .omb2 ul li .omb2b .om3 span{ display:inline-block; width:180px; height:42px;  position:relative;}
.newsCentz .omb2 ul li .omb2b .om3 span a{position:absolute; top:0px; left:0px; width:180px; height:42px; text-align:center; line-height:41px;font-size:1.5rem; color:#fff; z-index:9;}
.newsCentz .omb2 ul li .omb2b .om3 span i{ background:#5cb3a4;display:inline-block; width:180px; height:100%; border-radius:10px; line-height:41px; text-align:center;  font-size:1.5rem; color:#999; position:absolute;top: 50%; left:0px; transform: translateY(-50%);transition: height .4s cubic-bezier(.31,3.4,.29,-.15),top .4s cubic-bezier(.31,3.4,.29,-.15);}
.newsCentz .omb2 ul li .omb2b .om3 span:hover i{border: 0 solid transparent;border-radius: 20px;width: 100%;height:90%; border-radius:40px;  background:#5cb3a4;display: block; left: 0; z-index:1;}
.newsCentz .omb2 ul li .omb2b .om3 span:hover a{ color:#fff;}
.newsCentz .omb2 ul li:hover .omb2a a img{transform: scale(1.1);}
.newsCentz .omb2 ul li .omb2b .om1 a:hover{ color:#5cb3a4;}
.news .newsCent .hotsptBot{ margin-top:2rem;}


/*底部导航*/
.botNav{width:100%; height:auto; overflow:hidden; margin:0 auto; padding:3.5rem 0rem;}
.botNav1{max-width:1400px; width:96%; height:auto;overflow:hidden; margin:0 auto; }
.botNav1 .bon1{ float:left; width:12.5%; height:auto; overflow:hidden;}
.botNav1 .bon1 div{width:100%; height:auto; overflow:hidden; text-align:center; font-size:1.5rem; color:#888;}
.botNav1 .bon1 ul li{width:100%; height:auto; overflow:hidden; text-align:center; margin-top:10px;}
.botNav1 .bon1 ul li a{font-size:1.2rem; color:#b4b4b4;}
.botNav1 .bon1 ul li a:hover{ color:#5cb3a4;}
.botNav2{max-width:1400px; width:96%; height:auto;overflow:hidden; margin:0 auto; text-align:center; margin-top:3.5rem; }
.botNav2 a{ display:inline-block; width:117px; height:auto; overflow:hidden; margin:0 auto;}
.botNav3{max-width:1400px; width:96%; height:auto;overflow:hidden; margin:0 auto; text-align:center; margin-top:3.5rem; }
.botNav3 div{width:100%; height:auto; overflow:hidden; padding-bottom:20px;}
.botNav3 div span{ display:inline-block; width:400px;height:56px;background-color:#5cb3a4;box-shadow:0px 8px 10px 0px rgba(0, 104, 86, 0.3);border-radius:28px; text-align:center;}
.botNav3 div span font{ background:url(../images/foot_dh.png) left center no-repeat; font-size:1.8rem; color:#fff; padding-left:30px; line-height:55px;}
.botNav3 p{ text-align:center;}
.botNav3 p span{ font-size:1.4rem; color:#b4b4b4;}

/*底部版权*/
.botCopy{width:100%; height:auto; overflow:hidden; margin:0 auto; padding:14px 0px; background:#5cb3a4;}
.botCopyz{max-width:1400px; width:96%; height:auto;overflow:hidden; margin:0 auto; text-align:center; }
.botCopyz span{ margin:0px 5px; font-size:1.2rem; color:#fff;}



.xfk{width:48px;height:48px; background:#5cb3a4;text-align:center; overflow:hidden; border-radius:5px; position:fixed; right:0px; bottom:13%;z-index: 999;cursor:pointer; display:none;}
.xfk div{ position:relative;width:48px;height:auto; margin-top:10px;}
.xfk p{ display:inline-block;width: 100%; padding:2px 0px; text-align:center;}
.xfk p.omb{-webkit-animation: iconMove .5s infinite alternate;animation: iconMove .5s infinite alternate; position:absolute; left:0px; top:15px;}
.xfk p span{ font-size:12px; color:#fff; text-transform:uppercase;}
.xfk p.omb1{position:absolute; left:0px; top:12px;}

@-webkit-keyframes iconMove {
 0% {top:0;}
 to {top:-3px;}
}
@keyframes iconMove {
 0% {top:0}
 to {top:-3px}
}


/*常见问题*/
.prob{width:100%; height:auto; overflow:hidden; margin:0 auto;padding: 12rem 0rem 4rem 0rem;}
.probz{max-width:1400px; width:92%; padding:3% 2% 4% 2%; height:auto;overflow:hidden; margin:0 auto; background:#fff; border-radius:10px;}
.probBot{ width:100%; height:auto; overflow:hidden;}
.probBot .search{ width:64%; height:48px; border:1px #e6e6e6 solid; overflow:hidden; border-radius:10px; margin:0 auto; margin-top:4rem; border-radius:10px;}
.probBot .search .on1{ float:left; width:80%; height:48px; overflow:hidden; padding-left:25px; margin-left:15px; background:url(../images/sou.png) left center no-repeat; font-size:1.4rem; color:#000;}
.probBot .search .on2{ float:right; width:11%; height:50px; overflow:hidden; background:#5cb3a4; margin-top:-1px; margin-right:-1px; font-size:1.4rem; color:#fff;}

.probBot .pag_navg{width:100%; height:auto; overflow:hidden; margin-top:7rem; text-align:center;}
.probBot .pag_navg .pag_navgz{ display:inline-table;}
.probBot .pag_navgz ul li{ float:left;height:auto; overflow:hidden; margin:0px 60px;}
.probBot .pag_navgz ul li div{ width:100px; height:100px; overflow:hidden; border-radius:100px; background:#c8c8c8;position:relative;display:table-cell;text-align:center;vertical-align:middle;}
.probBot .pag_navgz ul li div span{position:static;+position:absolute;top:50%;}
.probBot .pag_navgz ul li div span img{max-height:100%; max-width:100%;position:static;+position:relative;top:-50%;left:-50%;transition: all 0.2s;}
.probBot .pag_navgz ul li p{ text-align:center; font-size:1.6rem; color:#b4b4b4; margin-top:10px;}
.probBot .pag_navgz ul li.on div{ background:#5cb3a4;}
.probBot .pag_navgz ul li.on p{ color:#5cb3a4;}
.probBot .pag_navgz ul li:hover div{ background:#5cb3a4;transition: all 0.2s;}
.probBot .pag_navgz ul li:hover p{ color:#5cb3a4;transition: all 0.2s;}
.probBot .probBot1{width:100%; height:auto; overflow:hidden; margin-top:3rem;}
.probBot .probBot1 ul li{width:100%; height:auto; overflow:hidden; border-bottom:1px #f0f0f0 solid; padding:2rem 0rem;}
.probBot .probBot1 ul li .on1{ float:left; width:15%; padding-left:45px; background:url(../images/wen.png) 0px 0px no-repeat; line-height:36px; font-size:1.8rem; color:#555; }
.probBot .probBot1 ul li .on2{ float:right; width:77%; font-size:1.4rem !important; color:#999 !important; padding-left:30px; background:url(../images/da.png) 0px 9px  no-repeat;  line-height:36px; }
.probBotfy2{width:100%; height:auto; overflow:hidden; margin-top:5rem; text-align:center;}
.probBotfy2 .probBot2z{display:inline-table;}
.probBotfy2 .probBot2z .pre{ margin-right:30px; width:120px; height:44px; overflow:hidden; }
.probBotfy2 .probBot2z .next{ margin-left:30px; width:120px; height:44px; overflow:hidden; }
.probBotfy2 .probBot2z a{ float:left; display:inline-block; height:44px; width:46px; overflow:hidden; text-align:center; line-height:46px;border:1px #ccc solid; margin:0px 5px; background:#fdfdfd; font-size:14px; border-radius:4px;}
.probBotfy2 .probBot2z span{ float:left; display:inline-block; height:44px; width:48px; overflow:hidden; text-align:center; line-height:46px; margin:0px 5px; font-size:14px; color:#666; }
.probBotfy2 .probBot2z a.current{ background:#5cb3a4; border:1px #5cb3a4 solid; color:#fff;}
.probBotfy2 .probBot2z span.current{ background:#5cb3a4; border:1px #5cb3a4 solid; color:#fff;}
.probBotfy2 .probBot2z a:hover{ background:#5cb3a4; border:1px #5cb3a4 solid; color:#fff;transition: all 0.2s;}
.probBotfy2 .probBot2z a.current:hover{ background:#5cb3a4; border:1px #5cb3a4 solid; color:#fff;}

/*购票指南*/
.pageGuide{width:100%; height:auto; overflow:hidden; margin:0 auto;padding: 12rem 0rem 0rem 0rem;}
.pageGuidez{max-width:1400px; width:96%; height:auto;overflow:hidden; margin:0 auto; }
.pageGuide .pagud1{ float:left;width:240px;height:auto;background-color:#fff;box-shadow:0px 0px 8px 0px rgba(0, 0, 0, 0.05);border-radius:10px; z-index:99;}
.pageGuide .pagud1 .spotTop{ width:100%; height:auto; overflow:hidden; padding:3.2rem 0rem; border-bottom:1px #f0f0f0 solid;}
.pageGuide .pagud1 .pagud1a{ width:84%; height:auto; overflow:hidden; margin:0 auto;}
.pageGuide .pagud1 .pagud1a ul li{width:100%; height:auto; overflow:hidden; padding:2rem 0rem; border-top:1px #f0f0f0 solid;}
.pageGuide .pagud1 .pagud1a ul li span{ display:inline-block;width:100%; height:auto; overflow:hidden; background:url(../images/efg1.png) right center no-repeat; font-size:1.6rem; color:#555;}
.pageGuide .pagud1 .pagud1a ul li:nth-of-type(1){ border-top:0px;}
.pageGuide .pagud1 .pagud1a ul li:hover span{ background:url(../images/efg2.png) right center no-repeat; color:#5cb3a4;}
.pageGuide .pagud1 .pagud1a ul li.active span{ background:url(../images/efg2.png) right center no-repeat; color:#5cb3a4;}
.pageGuide .pagud2{ float:right;width:81%;height:auto; overflow:hidden;}
.pageGuide .pagud2 #pagd{background-color:#fff;box-shadow:0px 0px 8px 0px rgba(0, 0, 0, 0.05);border-radius:10px; margin-bottom:4rem;}
.pageGuide .pagud2 .pagud2a{width:94%;height:auto;overflow:hidden; padding:3%;}

#pagd .pagud2aBot{width:100%; height:auto; overflow:hidden; margin-top:4rem; margin-bottom:3rem;}
#pagd .pagud2aBot .omb1{ float:left;width:75%; height:auto; overflow:hidden;}
#pagd .pagud2aBot .omb1 .omb1a{width:100%; height:auto; overflow:hidden;font-size:1.8rem; color:#333; text-align:center;}
#pagd .pagud2aBot .omb1 .omb1b{width:100%; height:auto; overflow:hidden;}
#pagd .pagud2aBot .omb1 .omb1b ul li{ float:left;width: 47%; height:80px; overflow:hidden; background:url(../images/guide2.png) center center no-repeat; margin-top:2.9rem;background-size:100% 100%; margin-right:5%;}
#pagd .pagud2aBot .omb1 .omb1b ul li .om1{ float:left; width:29%; height:80px; text-align:center; line-height:79px; font-size:2rem; color:#fff;}
#pagd .pagud2aBot .omb1 .omb1b ul li .om2{ float:right;width:66%; height:auto; overflow:hidden; margin-right:3%; text-align:center;}
#pagd .pagud2aBot .omb1 .omb1b ul li .om2 p span{ font-size:1.4rem; color:#666; line-height:39px;}
#pagd .pagud2aBot .omb1 .omb1b ul li .om2 div{ border-top:1px #e6e6e6 solid; width:100%; height:auto; overflow:hidden;font-size:1.4rem; color:#999;line-height:38px;}
#pagd .pagud2aBot .omb1 .omb1b ul li:nth-of-type(2n){ margin-right:0%;}
#pagd .pagud2aBot .omb2{ float:right; width:245px; height:auto; overflow:hidden; margin-right:2%;}
#pagd .pagud2aBot .omb2 div{ width:250px; height:auto; overflow:hidden; margin:0 auto; border:1px #f2f2f2 solid; margin-bottom:2.8rem;}
#pagd .pagud2aBot .omb2 p{ text-align:center;}
#pagd .pagud2aBot .omb2 p span{font-size:1.4rem; color:#999;}

.pageGuide .pagud2 .pagud2b{width:94%;height:auto;overflow:hidden; padding:3%;}
#pagd .pagud2bBot{width:100%; height:auto; overflow:hidden; margin-top:4rem; background:url(../images/bxx.png) 17px 0px repeat-y;}
#pagd .pagud2bBot .omb1{width:100%; height:auto; overflow:hidden; background:#fff; padding-bottom:4px;} 
#pagd .pagud2bBot .omb1 i{ float:left; display:inline-block; width:35px; height:40px; overflow:hidden;}
#pagd .pagud2bBot .omb1 span{ float:left; line-height:40px; margin-left:15px; font-size:1.8rem; color:#555;}
#pagd .pagud2bBot .omb2{width:100%; height:auto; overflow:hidden; position:relative;}
#pagd .pagud2bBot .omb2 .omb2z{width:100%; height:auto; overflow:hidden;}
#pagd .pagud2bBot .omb2 ul li{width:100%; height:auto; overflow:hidden; margin-top:35px;}
#pagd .pagud2bBot .omb2 ul li .om1{ float:left; display:inline-block; width:7px; height:7px; overflow:hidden; border-radius:23px; background:#5cb3a4; margin-left:6px; border:8px #fff solid;}
#pagd .pagud2bBot .omb2 ul li .om2{float:left; margin-left:24px; width:92%;height:auto; overflow:hidden;}
#pagd .pagud2bBot .omb2 ul li .om2 .om2a{idth:100%; height:auto; overflow:hidden;}
#pagd .pagud2bBot .omb2 ul li .om2 .om2a i{ display:inline-block; background:url(../images/qz1.png) left bottom no-repeat; padding:5px 0px 0px 20px; float:left;font-style:normal; font-size:1.4rem; color:#5cb3a4; height:20px; line-height:30px;}
#pagd .pagud2bBot .omb2 ul li .om2 .om2a span{float:left; font-size:1.6rem; color:#555; margin-left:10px; margin-top:6px;}
#pagd .pagud2bBot .omb2 ul li .om2 .om2a font{float:left; font-size:1.4rem; color:#999; margin-top:6px;}
#pagd .pagud2bBot .omb2 ul li .om2 .om2b{idth:100%; height:auto; overflow:hidden; margin-top:1rem; font-size:1.4rem; color:#999; line-height:3rem;}
#pagd .pagud2bBot .omb2 ul li .om2 .om2c{idth:100%; height:auto; overflow:hidden;margin-top:1rem;}
#pagd .pagud2bBot .omb2 ul li .om2 .om2c dl dt{ float:left; width:32%; height:220px; overflow:hidden; margin-left:1.5%; border-radius:10px;position: relative;}
#pagd .pagud2bBot .omb2 ul li .om2 .om2c dl dt img{position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;}
#pagd .pagud2bBot .omb2 ul li .om2 .om2c dl dt:nth-of-type(1){ margin-left:0%;}

#pagd .pagud2bBot .omb2 .readall_box {position:absolute;z-index: 9999; width:100%; height:auto; overflow:hidden;bottom:0px; left:0px;text-align: center;}
#pagd .pagud2bBot .omb2 .readall_box .on1{width:100%; height:22rem;overflow:hidden;background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0)),to(#fff));background-image: -webkit-linear-gradient(top,rgba(255,255,255,0),#fff);
background-image: linear-gradient(180deg,rgba(255,255,255,0),#fff);border-bottom:0.2rem #fff solid;}
#pagd .pagud2bBot .omb2 .readall_box .on2{ background:#fff;}
#pagd .pagud2bBot .omb2 .read_more_btn{cursor:pointer;background: #fff;border-radius:40px;border: 1px solid #c8c8c8;line-height: 38px; width:164px; display:inline-block; height:38px;}
#pagd .pagud2bBot .omb2 .read_more_btn span{font-size: 1.4rem;color: #b4b4b4;}
#pagd .pagud2bBot .omb2 .read_more_btn:hover{background:#5cb3a4;color:#fff; border:1px #5cb3a4 solid;transition: all 0.2s;}
#pagd .pagud2bBot .omb2 .read_more_btn:hover span{ color:#fff;transition: all 0.2s;}


.pageGuide .pagud2 .pagud2c{width:94%;height:auto;overflow:hidden; padding:3%;}
#pagd .pagud2cBot{width:100%; height:auto; overflow:hidden; margin-top:4rem;}
.pagud2cBot .c-area-map .content .map-wrap {position:relative}
.pagud2cBot .c-area-map .content .map-wrap .map-content {display:block}
.pagud2cBot .c-area-map .content .map-wrap .img-box {position:relative;width:100%;height:600px;background-color:#fff;border-radius:20px;transform:rotate(0deg);overflow:hidden;}
.pagud2cBot .c-area-map .content .map-wrap .img-box img {position:absolute;width:100%;height:auto;cursor:move}
.pagud2cBot .c-area-map .content .map-wrap .map-btns {position:absolute;top:20px;right:35px;width:36px}
.pagud2cBot .c-area-map .content .map-wrap .map-btns i {width:36px;height:36px;transition:all .5s ease;display:block;position:relative;margin-bottom:10px;background:hsla(0,0%,100%,.8);border-radius:50%;font-size:20px;font-weight:700;border:2px solid transparent;cursor:pointer}
.pagud2cBot .c-area-map .content .map-wrap .map-btns i:before {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.pagud2cBot .c-area-map .content .map-wrap .map-btns i:hover {background:#fff;border-color:#a6ce39;color:#a6ce39}
.pagud2cBot .c-area-map .content .btn-download{width:100%;height:auto;margin-top:40px;text-align:center}
.pagud2cBot .c-area-map .content .btn-download a{ display:inline-block; width:22rem; text-align:center; border-radius:46px; height:46px; line-height:46px; font-size:1.6rem; color:#fff; position:relative; z-index:9;}
.pagud2cBot .c-area-map .content .btn-download a i{border: 0 solid transparent;border-radius: 46px;transition: height .4s cubic-bezier(.31,3.4,.29,-.15),top .4s cubic-bezier(.31,3.4,.29,-.15);width: 100%;height: 100%;background:#5cb3a4;display: block;position: absolute;top:0%;left: 0; z-index:-1; }
.pagud2cBot .c-area-map .content .btn-download a:hover i{ height:90%; background:#128c77; top:5%;}


.pageGuide .pagud2 .pagud2d{width:94%;height:auto;overflow:hidden; padding:3%;}
#pagd .pagud2dBot{width:100%; height:auto; overflow:hidden; margin-top:4rem;}
.pagud2dBot .pom1{width:100%; height:auto; overflow:hidden;}
.pagud2dBot .pom1 span{ float:left; background:url(../images/mapicon1.png) left center no-repeat; padding:3px 0px 3px 30px; font-size:1.8rem; color:#555;}
.pagud2dBot .pom1 font{ float:right; background:url(../images/mapicon2.png) left center no-repeat; padding:3px 0px 3px 30px; font-size:1.8rem; color:#555;}
.pagud2dBot .pom2{width:100%; height:auto; overflow:hidden; margin-top:3rem;}
.pagud2dBot .pom2 .pom2a{width:100%; height:auto; overflow:hidden; background:url(../images/bxc.jpg) left bottom repeat-x;}
.pagud2dBot .pom2 .pom2a ul li{ float:left; font-size:1.8rem; color:#999; padding-bottom:25px; margin-right:75px;}
.pagud2dBot .pom2 .pom2a ul li.active{ color:#5cb3a4; background:url(../images/bxx1.jpg) bottom center no-repeat; cursor:pointer;}
.pagud2dBot .pom2 .pom2b{width:100%; height:auto; overflow:hidden; margin-top:3rem;}
.pagud2dBot .pom2 .pom2b .pom2b1{ float:left;height:auto; overflow:hidden; margin-right:30px;}
.pagud2dBot .pom2 .pom2b .pom2b1 span{ font-size:1.6rem; color:#999; line-height:38px;}
.pagud2dBot .pom2 .pom2b .pom2b1 input{ width:328px; height:36px; line-height:36px; overflow:hidden; border:1px #c8c8c8 solid; border-radius:5px; text-indent:10px;}
.pagud2dBot .pom2 .pom2b .pom2b1 input:focus{ border:1px #5cb3a4 solid;}
.pagud2dBot .pom2 .pom2b .pom2b2{ float:left;height:auto; overflow:hidden;}
.pagud2dBot .pom2 .pom2b .pom2b2 a{ display:inline-block; margin-right:20px;width:88px; height:36px; overflow:hidden; text-align:center;line-height:36px; border:1px #c8c8c8 solid; border-radius:5px;}
.pagud2dBot .pom2 .pom2b .pom2b2 a:hover{ background:#5cb3a4; border:1px #5cb3a4 solid; color:#fff;transition: all 0.2s;}
.pagud2dBot .pom3{width:100%; height:auto; overflow:hidden; margin-top:3rem;}
.pagud2dBot .pom3 img{ width:100%;}
.pagud2dBot .pom4{width:100%; height:auto; overflow:hidden; margin-top:0.5rem;}
.pagud2dBot .pom4 .pom4z{width:100%; height:auto; overflow:hidden; border-top:1px #f0f0f0 solid; padding:2.8rem 0rem;}
.pagud2dBot .pom4 .pom4z .bom1{ float:left; width:50%; height:auto; overflow:hidden;}
.pagud2dBot .pom4 .pom4z .bom1 .bom1a{width:100%; height:auto; overflow:hidden;}
.pagud2dBot .pom4 .pom4z .bom1 .bom1a .omb1{ float:left;height:26px; width:26px; text-align:center; line-height:26px; color:#fff; font-size:16px; overflow:hidden; background:#5cb3a4; border-radius:26px;}
.pagud2dBot .pom4 .pom4z .bom1 .bom1a .omb2{ float:left; width:90%; margin-left:10px;height:auto; overflow:hidden;}
.pagud2dBot .pom4 .pom4z .bom1 .bom1a .omb2 div{width:100%; height:auto; overflow:hidden;}
.pagud2dBot .pom4 .pom4z .bom1 .bom1a .omb2 div span{ float:left; color:#5cb3a4; font-size:16px; font-family:"微软雅黑"; line-height:26px;}
.pagud2dBot .pom4 .pom4z .bom1 .bom1a .omb2 div i{ float:left; margin:10px 10px 0px 10px;}
.pagud2dBot .pom4 .pom4z .bom1 .bom1a .omb2 p{ margin-top:0.8rem;}
.pagud2dBot .pom4 .pom4z .bom1 .bom1a .omb2 p font{ font-size:1.4rem; color:#b4b4b4;}
.pagud2dBot .pom4 .pom4z .bom1 .bom1b{ background:url(../images/xfx.jpg) 8px 0px repeat-y;margin-left:36px;height:auto; overflow:hidden; margin-top:3rem; }
.pagud2dBot .pom4 .bom1b ul li{width:100%; height:auto; overflow:hidden;}
.pagud2dBot .pom4 .bom1b ul li .om1{float:left; display:inline-block; width:17px; height:17px; overflow:hidden;}
.pagud2dBot .pom4 .bom1b ul li .om2{float:right; width:94%; height:auto; overflow:hidden;}
.pagud2dBot .pom4 .bom1b ul li .om2 p span{ font-size:14px; color:#5cb3a4; line-height:17px;}
.pagud2dBot .pom4 .bom1b ul li .om2 div{ padding:2.1rem 0rem; height:auto; overflow:hidden;font-size:14px; color:#999;}
.pagud2dBot .pom4 .pom4z:nth-of-type(1){ border-top:0px;}

@media (max-width:1280px){
.pageGuide .pagud1{ width:200px;}
} 

@media ( min-width:1280px ) and (max-width:1366px){
.pageGuide .pagud1{ width:220px;}
} 
@media ( min-width:1280px ) and (max-width:1440px) {
 }

/*科教保护*/
.teach{width:100%; height:auto; overflow:hidden; margin:0 auto;padding: 12rem 0rem 0rem 0rem;}
.teachz{max-width:1400px; width:90%; padding:3%; height:auto;overflow:hidden; margin:0 auto; background:#fff;box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.05);border-radius: 10px;}
.teachTop{width:100%; height:auto; overflow:hidden; text-align:center;}
.teachTop ul{ display:inline-table;}
.teachTop ul li{ float:left;height:auto; overflow:hidden; margin:0rem 20rem; position:relative;}
.teachTop ul li a{ display:block; padding-bottom:1rem;}
.teachTop ul li .om1 span{ font-size:2.8rem; color:#555;line-height:38px;}
.teachTop ul li .om1 font{font-size: 1.2rem;color:#555; text-transform:uppercase;}
.teachTop ul li .om2{ display:block;width:100%; height:auto; overflow:hidden; text-align:center; position:absolute; bottom:0px; left:0px;}
.teachTop ul li .om2 i{ display:inline-block; width:0; height:2px; overflow:hidden; transition:all .3s;}
.teachTop ul li.om span{ color:#5cb3a4;}
.teachTop ul li.om font{ color:#5cb3a4;}
.teachTop ul li.om .om2 i{ background:#5cb3a4;width:34px;}
.teachTop ul li:hover span{ color:#5cb3a4;}
.teachTop ul li:hover font{ color:#5cb3a4;}
.teachTop ul li:hover .om2 i{ background:#5cb3a4;width:34px;}
.teachCent{width:100%; height:auto; overflow:hidden; border-radius:10px; margin-top:3.3rem;}
.teachCent img{ width:100%;}

.teachBot{width:100%; height:auto; display:block;}
.teachBot ul li{width:100%; height:auto; overflow:hidden;background-color: #fff;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.12);border-radius: 10px; margin-top:3.5rem;}
.teachBot ul li .teah1{ float:left; width:640px; height:auto; overflow:hidden; position:relative;}
.teachBot ul li .teah1 .enla{ width:50px; height:50px; overflow:hidden; border-radius:5px; position:absolute; right:20px; top:20px; z-index:9; cursor:pointer;}
.teachBot ul li .teah1 .swiper-box3{width:100%;height: 100%; }
.teachBot ul li .teah1 .swiper-wrapper{ width:100%;}
.teachBot ul li .teah1 .swiper-slide{ height:460px; text-align: center; background:none; position:relative;}
.teachBot ul li .teah1 .swiper-slide img{position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;}
.teachBot ul li .teah1 .teah1a{ width:100%; height:auto; overflow:hidden; text-align:center; position:absolute; bottom:13px; left:0px;}
.teachBot ul li .teah1 .teah1a .teah1az{ display:inline-table;}

.teachBot ul li .teah1 .swiper-button-prev{ float:left; width:32px; height:32px; overflow:hidden; background:url(../images/left2.png) center center no-repeat; position:relative; margin-top:0px; z-index:99; left:0px;}
.teachBot ul li .teah1 .swiper-button-next{float:left; width:32px; height:32px; overflow:hidden; background:url(../images/right2.png) center center no-repeat; position:relative; margin-top:0px; z-index:99; right:0px;}
.teachBot ul li .teah1 .swiper-pagination{ float:left; width:auto; height:32px; border-radius:32px; overflow:hidden; text-align:center; background:rgba(255,255,255, 0.6);position:static; margin:0px 10px; padding:0px 30px;position: relative; z-index: 999; bottom: 0px;}
.teachBot ul li .teah1 .swiper-pagination span{ width:10px; height:5px; overflow:hidden; border-radius:5px; line-height:32px; margin:0px 2px;opacity:1;}
.teachBot ul li .teah1 .swiper-pagination span.swiper-pagination-bullet-active{ width:26px; }

.teachBot ul li .teah2{ float:right; width:52%; height:auto; overflow:hidden;display: table;}
.teachBot ul li .teah2 .teah2z{display: table-cell;vertical-align: middle;}
.teachBot ul li .teah2z .on1{width:100%; height:auto; overflow:hidden; font-size:2.4rem; color:#555;}
.teachBot ul li .teah2z .on2{width:100%; height:auto; overflow:hidden; padding:10px 0px 25px 0px;}
.teachBot ul li .teah2z .on2 dl dt{width:auto; height:auto; overflow:hidden; line-height:32px; padding-left:16px; font-size:1.6rem; color:#555; background:url(../images/ddh.png) 0px 13px no-repeat; margin-top:5px; }
.teachBot ul li .teah2z .on3{width:100%; height:auto; overflow:hidden;}
.teachBot ul li .teah2z .on3 span{ font-size:1.6rem; color:#fff; display:inline-block; background:#5cb3a4; height:46px; line-height:46px; padding:0px 20px; border-radius:8px;}
.teachBot ul li .teah2z .on4{width:100%; height:auto; overflow:hidden; font-size:1.6rem; color:#666; line-height:32px; margin-top:10px;}

/*  科教保护-弹框  s*/
.picturek{ width:100%; height:auto; overflow:hidden;}
.pictureBox{height: 100%; overflow: hidden;width: 100%;display: table; position:fixed; top:0px; z-index:9999;background-color: rgba(0,0,0,0.5);transform: translateX(-100%);opacity: 0;transition: opacity .5s ease; }
.pictureBoxz{position: absolute; top: 50%;text-align:center;display: table-cell; vertical-align: middle; position: static;}
#pictureBox{position: relative; top: -50%;width:860px; padding:20px;border-radius: 20px; background:#fff; height:auto;margin: 0 auto;text-align:left; }
.pictureTop{width:100%; height:auto; overflow:hidden; text-align:center; }
.pictureTop span{ font-size:2.4rem; color:#555;}
.pictureBot{width:100%; height:auto; overflow:hidden; margin-top:17px;}
.pictureBox .close{ position:absolute; top:15px; right:15px; cursor:pointer;}

.pictureBot .swiper-box3{width:100%;height: 100%; }
.pictureBot .swiper-wrapper{ width:100%;}
.pictureBot .swiper-slide{ border-radius:20px; overflow: hidden; height:500px; text-align: center; background:none; position:relative;}
.pictureBot .swiper-slide img{position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;}
.pictureBot .gallery-thumbs {height:auto;box-sizing: border-box; margin-top:20px; }
.pictureBot .gallery-thumbs .swiper-slide {width: 25%;height:110px; }
.pictureBot .gallery-thumbs .swiper-slide img{border-radius:10px;border:2px #fff solid;position: absolute;width:98%;height:106px;top: 0;left: 0;object-fit: cover;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;}
.pictureBot .gallery-thumbs .swiper-slide-thumb-active img{ border:2px #5cb3a4 solid;border-radius:10px;}


.pictureBot .swiper-button-prev{ width:32px; height:32px; overflow:hidden; background:url(../images/left2.png) center center no-repeat; left:30px;}
.pictureBot .swiper-button-next{ width:32px; height:32px; overflow:hidden;  background:url(../images/right2.png) center center no-repeat; right:30px;}
.pictureBot .swiper-pagination{width:100%; height:auto; overflow:hidden; text-align:center; margin-top:20px; position:static;}
.pictureBot .swiper-pagination span{ width:8px; height:8px; overflow:hidden; border-radius:10px; border:1px #5cb3a3 solid; background:#fff; line-height:30px; margin:0px 5px;opacity:1;}
.pictureBot .swiper-pagination span.swiper-pagination-bullet-active{ background:#5cb3a3;}

@media (max-width:1280px){
	#pictureBox{max-width:580px}
	.teachBot ul li .teah1{ width:45%;}
} 

@media ( min-width:1280px ) and (max-width:1366px){
	#pictureBox{max-width:580px}
	.teachBot ul li .teah1{ width:535px;}
} 
@media ( min-width:1366px ) and (max-width:1480px) {
	#pictureBox{max-width:680px}
	.teachBot ul li .teah1{ width:570px;}
 }
@media ( min-width:1480px ) and (max-width:1660px) {
	#pictureBox{max-width:760px}
	.teachBot ul li .teah1{ width:640px;}
 }

/*科教保护*/
.detail{width:100%; height:auto; overflow:hidden; margin:0 auto;padding: 10rem 0rem 0rem 0rem;}
.crumb{max-width:1400px; width:96%; height:auto;overflow:hidden; margin:0 auto; }
.crumb span{ font-size:1.4rem; color:#b4b4b4;}
.crumb a{ font-size:1.4rem; color:#b4b4b4;}
.crumb font{ font-size:1.4rem; color:#b4b4b4;}
.kjDetail{max-width:1400px; width:90%; padding:2.5% 3%; height:auto;overflow:hidden; margin:0 auto; background:#fff;box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.05);border-radius: 10px; margin-top:15px;}
.kjDetailTop{width:100%; height:auto; display:block;}
.kjDetailTop .omb1{width:100%; height:auto; overflow:hidden; text-align:center; font-size:2.4rem; color:#555;}
.kjDetailTop .omb2{width:100%; height:auto;overflow:hidden; margin:0 auto; margin-top:30px; padding:10px 0px; }

.kjDetailTop .omb2 .swiper-box5{width:100%;height: 100%; overflow:inherit;}
.kjDetailTop .omb2 .swiper-wrapper{ width:100%;}
.kjDetailTop .omb2 .swiper-slide{width: 800px;overflow:hidden; border-radius: 30px;box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.4);}
.kjDetailTop .omb2 .swiper-slide#abut{width: 800px;}
.kjDetailTop .omb2 .swiper-slide img{ width:100%;}

.kjDetailTop .omb2 .swiper-button-prev{ width:64px; height:64px; overflow:hidden;margin-top: -53px !important; background:url(../images/left1.png) center center no-repeat; left:30px;}
.kjDetailTop .omb2 .swiper-button-next{ width:64px; height:64px; overflow:hidden;margin-top: -53px !important; background:url(../images/right1.png) center center no-repeat; right:30px;}
.kjDetailTop .omb2 .swiper-pagination{width:100%; height:auto; overflow:hidden; text-align:center; margin-top:35px; position:static;}
.kjDetailTop .omb2 .swiper-pagination span{ width:10px; height:5px; overflow:hidden; border-radius:5px; background:#add9d1; line-height:30px; margin:0px 5px;opacity:1;}
.kjDetailTop .omb2 .swiper-pagination span.swiper-pagination-bullet-active{ width:26px; background:#7dc2b6;}

.kjDetailBot{width:100%; height:auto; overflow:hidden;margin-top:20px;}
.kjDetailBot .onb1{width:100%; height:auto; overflow:hidden; border-bottom:1px #5cb3a4 solid; padding-bottom:5px;}
.kjDetailBot .onb1 span{ font-size:1.8rem; color:#5cb3a4;}
.kjDetailBot .onb1 font{ font-size:1.2rem; color:#5cb3a4; text-transform:uppercase;}
.kjDetailBot .onb2{width:100%; height:auto; overflow:hidden; margin-top:15px;}

@media (max-width:1280px){
	.kjDetailTop .omb2 .swiper-slide#abut{width: 660px;}
} 

@media ( min-width:1280px ) and (max-width:1366px){
	.kjDetailTop .omb2 .swiper-slide#abut{width: 730px;}
} 
@media ( min-width:1366px ) and (max-width:1480px) {

 }
@media ( min-width:1480px ){
.kjDetailTop .omb2 .swiper-slide#abut{width: 875px;}
 }



/*热门活动*/
.events{width:100%; height:auto; overflow:hidden; margin:0 auto; padding:3rem 0rem 4rem 0rem;}
.eventsBot{max-width:1400px; width: 91%; padding:2.5%; height:auto;overflow:hidden; margin:0 auto; margin-top:4.5rem;box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.05);border-radius: 10px; background:#fff;}
.eventsBot .evt1{width:100%; height:auto; overflow:hidden;}
.eventsBot .evt1Left{ float:left; width:50%;height:50rem; overflow:hidden; position:relative;border-radius: 10px;}
.eventsBot .evt1Left a{ display:block;}
.eventsBot .evt1Left a img{position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;}
.eventsBot .evt1Left .on{ position:absolute; left:0px; top:15px; width:116px; height:28px;}
.eventsBot .evt1Right{ float:right;width:47%; overflow:hidden; height:auto; margin-top:10px;}
.eventsBot .evt1Right .evt1a{width:100%; height:auto; overflow:hidden;}
.eventsBot .evt1Right .evt1a i{ float:left; display:inline-block; height:30px;}
.eventsBot .evt1Right .evt1a i img{ height:30px;}
.eventsBot .evt1Right .evt1a span{ float:left; line-height:30px; margin-left:10px; font-size:2.2rem; color:#555;}
.eventsBot .evt1Right .evt1b{width:100%; height:auto; overflow:hidden; font-size:1.4rem; color:#888; line-height:32px; margin-top:25px;}
.eventsBot .evt1Right .evt1c{width:100%; height:auto; overflow:hidden;}
.eventsBot .evt1Right .evt1c ul li{width:100%; height:auto; overflow:hidden; margin-top:20px;}
.eventsBot .evt1Right .evt1c ul li i{ float:left; display:inline-block; height:22px; overflow:hidden;}
.eventsBot .evt1Right .evt1c ul li span{ float:left; margin-left:10px; line-height:22px; font-size:1.4rem; color:#888;}
.eventsBot .evt1Right .evt1d{width:100%; height:auto; overflow:hidden; text-align:right; margin-top:100px;}
.eventsBot .evt1Right .evt1d span{ display:inline-block; width:180px; height:42px;  position:relative;}
.eventsBot .evt1Right .evt1d span a{position:absolute; top:0px; left:0px; width:180px; height:42px; text-align:center; line-height:41px;font-size:1.5rem; color:#fff; z-index:9;}
.eventsBot .evt1Right .evt1d span i{ background:#5cb3a4;display:inline-block; width:180px; height:100%; border-radius:10px; line-height:41px; text-align:center;  font-size:1.5rem; color:#999; position:absolute;top: 50%; left:0px; transform: translateY(-50%);transition: height .4s cubic-bezier(.31,3.4,.29,-.15),top .4s cubic-bezier(.31,3.4,.29,-.15);}
.eventsBot .evt1Right .evt1d span:hover i{border: 0 solid transparent;border-radius: 20px;width: 100%;height:90%; border-radius:40px;  background:#5cb3a4;display: block; left: 0; z-index:1;}
.eventsBot .evt1Right .evt1d span:hover a{ color:#fff;}


/*精彩点评*/
.reviews{width:100%; height:auto; overflow:hidden; margin:0 auto; padding:3rem 0rem 4rem 0rem;}
.reviewsBot{max-width:1400px; width:96%; height:auto; overflow:hidden; margin:0 auto; margin-top:4.5rem;box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.05);border-radius: 10px;}
.reviewsBot .swiper-box6{width:100%;height: 100%; }
.reviewsBot .swiper-wrapper{ width:100%;}
.reviewsBot .swiper-slide{ width:100%; text-align: center; background:none; position:relative; background:#fff;}
.reviewsBot .swiper-slide .omb1{ float:left; width:37%; height:600px; overflow:hidden;display: table; margin-left:8%;}
.reviewsBot .swiper-slide .omb1 .omb1z{display: table-cell;vertical-align: middle;}
.reviewsBot .swiper-slide .omb1 .omb1a{width:100%; height:auto; overflow:hidden; text-align:left;}
.reviewsBot .swiper-slide .omb1 .omb1a .omb1a1{ float:left; height:80px; overflow:hidden;background-color: #ececec;border-radius: 10px; position:relative;}
.reviewsBot .swiper-slide .omb1 .omb1a .omb1a1 img{height:80px;}
.reviewsBot .swiper-slide .omb1 .omb1a .omb1a1 span{ position:absolute; bottom:0px; left:0px; display:block;width:100%; height:22px; overflow:hidden; text-align:center; line-height:22px; font-size:1.4rem; color:#fff; background:#5cb3a4;}
.reviewsBot .swiper-slide .omb1 .omb1a .omb1a2{ float:left; margin-left:15px; height:auto; overflow:hidden; margin-top:15px;}
.reviewsBot .swiper-slide .omb1 .omb1a .omb1a2 p span{ font-size:1.6rem; color:#555;}
.reviewsBot .swiper-slide .omb1 .omb1a .omb1a2 div{height:auto; overflow:hidden; margin-top:12px;}
.reviewsBot .swiper-slide .omb1 .omb1a .omb1a2 div i{ display:block; float:left; width:16px; margin-right:10px;}
.reviewsBot .swiper-slide .omb1 .omb1a .omb1a2 div i img{ width:100%;}
.reviewsBot .swiper-slide .omb1 .omb1b{width:100%; height:auto; overflow:hidden; text-align:left; margin-top:30px;}
.reviewsBot .swiper-slide .omb1 .omb1b p span{ font-size:1.6rem; color:#555;}
.reviewsBot .swiper-slide .omb1 .omb1b div{width:100%; height:auto; overflow:hidden; font-size:1.4rem; color:#888; line-height:34px;}

.reviewsBot .swiper-slide .omb2{ float:right; width:50%; height:600px; overflow:hidden; position:relative;}
.reviewsBot .swiper-slide .omb2 img{position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;}

.reviewsBot .swiper-button-prev{ width:64px; height:64px; overflow:hidden;margin-top: -53px !important; background:url(../images/left3.png) center center no-repeat; left:30px;}
.reviewsBot .swiper-button-next{ width:64px; height:64px; overflow:hidden;margin-top: -53px !important; background:url(../images/right3.png) center center no-repeat; right:30px;}
.reviewsBot .swiper-pagination{width:100%; height:auto; overflow:hidden; text-align:center; margin-top:35px; position:static;}
.reviewsBot .swiper-pagination span{ width:10px; height:5px; overflow:hidden; border-radius:5px; background-color: rgba(255,255,255,0.5); line-height:30px; margin:0px 5px;opacity:1;}
.reviewsBot .swiper-pagination span.swiper-pagination-bullet-active{ width:26px;background-color: rgba(255,255,255,0.8);}


/*活动列表*/
.activeList{max-width:1400px; width:90%; padding:1% 3% 2.5% 3%; height:auto;overflow:hidden; margin:0 auto; background:#fff;box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.05);border-radius: 10px; margin-top:15px;}
.activeListTop{width:100%; height:auto; overflow:hidden;}
.activeListTop ul li{width:100%; height:auto; overflow:hidden; border-bottom:1px #f0f0f0 solid; padding:30px 0px;}
.activeListTop ul li .activLeft{ float:left; width:25%;height:22rem; overflow:hidden; position:relative;border-radius: 10px;}
.activeListTop ul li .activLeft .on2{position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;}
.activeListTop ul li .activLeft .on{ position:absolute; left:0px; top:15px; width:116px; height:28px;}
.activeListTop ul li .activRight{ float:right;width:73%; overflow:hidden; height:auto; margin-top:5px;}
.activeListTop ul li .activRight .activ1{width:100%; height:auto; overflow:hidden;}
.activeListTop ul li .activRight .activ1 i{ float:left; display:inline-block; height:30px;margin-right:10px;}
.activeListTop ul li .activRight .activ1 i img{ height:30px;}
.activeListTop ul li .activRight .activ1 span{ float:left; line-height:30px; font-size:2.2rem; color:#555;}
.activeListTop ul li .activRight .activ1 font{ float:left; line-height:30px; margin-left:10px; font-size:1.6rem; color:#888;}
.activeListTop ul li .activRight .activ2{width:100%; height:auto; overflow:hidden; font-size:1.4rem; color:#888; line-height:28px; margin-top:13px;}
.activeListTop ul li .activRight .activ3{width:100%; height:auto; overflow:hidden;}
.activeListTop ul li .activRight .activ3 dl dt{width:100%; height:auto; overflow:hidden; margin-top:13px;}
.activeListTop ul li .activRight .activ3 dl dt i{ float:left; display:inline-block; height:22px; overflow:hidden;}
.activeListTop ul li .activRight .activ3 dl dt span{ float:left; margin-left:10px; line-height:22px; font-size:1.4rem; color:#888;}
.activeListTop ul li:hover .activLeft .on2{transform: scale(1.1);}
.activeListTop ul li:hover .activRight .activ1 span{ color:#5cb3a4;}

/*活动列表详情*/
.activeDetail{max-width:1400px; width:90%; padding:2.5% 3%; height:auto;overflow:hidden; margin:0 auto; background:#fff;box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.05);border-radius: 10px; margin-top:15px;}
.activeDetaTop{width:100%; height:auto; overflow:hidden; padding-bottom:35px;}
.activeDetaTop .actLeft{ float:left; width:44%;height:42rem; overflow:hidden; position:relative;border-radius: 18px;}
.activeDetaTop .actLeft .on2{position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;}
.activeDetaTop .actLeft .on{ position:absolute; left:0px; top:15px; width:116px; height:28px;}
.activeDetaTop .actRight{ float:right;width:54%; overflow:hidden; height:auto; margin-top:10px;}
.activeDetaTop .actRight .act1{width:100%; height:auto; overflow:hidden;font-size:2.4rem; color:#555;}
.activeDetaTop .actRight .act2{width:100%; height:auto; overflow:hidden; font-size:1.4rem; color:#888; line-height:32px; margin-top:19px;}
.activeDetaTop .actRight .act3{width:100%; height:auto; overflow:hidden;}
.activeDetaTop .actRight .act3 ul li{width:100%; height:auto; overflow:hidden; margin-top:21px;}
.activeDetaTop .actRight .act3 ul li i{ float:left; display:inline-block; height:22px; overflow:hidden;}
.activeDetaTop .actRight .act3 ul li span{ float:left; margin-left:10px; line-height:22px; font-size:1.4rem; color:#888;}
.activeDetaTop .actRight .act4{width:100%; height:auto; overflow:hidden;  margin-top:50px;}
.activeDetaTop .actRight .act4 span{ font-size:1.6rem; color:#fff; display:inline-block; background:#5cb3a4; height:46px; line-height:46px; padding:0px 20px; border-radius:8px;}

/*新闻动态列表*/
.newsList{width: 100%;height: auto;overflow: hidden;margin: 0 auto;padding: 12rem 0rem 0rem 0rem;}
.newsListTop{max-width: 1400px;width: 96%; height: auto;overflow: hidden;margin: 0 auto; }
.newsListTop .search{ width:64%; height:48px; border:1px #e6e6e6 solid; overflow:hidden; border-radius:10px; margin:0 auto; margin-top:3rem;}
.newsListTop .search .on1{ float:left; width:80%; height:48px; overflow:hidden; padding-left:25px; margin-left:15px; background:url(../images/sou.png) left center no-repeat; font-size:1.4rem; color:#000;}
.newsListTop .search .on2{ float:right; width:11%; height:50px; overflow:hidden; background:#5cb3a4; margin-top:-1px; margin-right:-1px; font-size:1.4rem; color:#fff;}
.newsListTop .hotSearch{width:64%; height:auto; overflow:hidden; margin:0 auto; margin-top:10px;}
.newsListTop .hotSearch span{ float:left; font-size:1.2rem; color:#999; margin-right:8px;}
.newsListTop .hotSearch a{ float:left; font-size:1.2rem; color:#999; margin-right:20px;}
.newsListTop .hotSearch a:hover{ color:#5cb3a4; }
.newsListCent{max-width: 1400px;width: 96%; height: auto;overflow: hidden;margin: 0 auto; margin-top:5.5rem;}
.newsListCent .newsLeft{float: left;width: 18%;height: auto;background-color: #fff;box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.05);border-radius: 10px;}
.newsListCent .newsLeft .spotTop{ width:100%; height:auto; overflow:hidden; padding:3.2rem 0rem; border-bottom:1px #f0f0f0 solid;}
.newsListCent .newsLeft .pagud1a{ width:84%; height:auto; overflow:hidden; margin:0 auto;}
.newsListCent .newsLeft .pagud1a ul li{width:100%; height:auto; overflow:hidden; padding:2rem 0rem; border-top:1px #f0f0f0 solid;}
.newsListCent .newsLeft .pagud1a ul li a{ display:inline-block;width:100%; height:auto; overflow:hidden; background:url(../images/efg1.png) right center no-repeat; font-size:1.6rem; color:#555;}
.newsListCent .newsLeft .pagud1a ul li:nth-of-type(1){ border-top:0px;}
.newsListCent .newsLeft .pagud1a ul li:hover a{ background:url(../images/efg2.png) right center no-repeat; color:#5cb3a4;}
.newsListCent .newsLeft .pagud1a ul li.active a{ background:url(../images/efg2.png) right center no-repeat; color:#5cb3a4;}
.newsListCent .newsRight{float: right;width: 74%;height: auto;overflow: hidden;background-color: #fff;box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.05);border-radius: 10px; padding:1% 3% 3% 3%;}
.newsRight .news1{width: 100%;height: auto;overflow: hidden;}
.newsRight .news1 ul li{width: 100%;height: auto;overflow: hidden; border-bottom:1px #f0f0f0 solid; padding:30px 0px;}
.newsRight .news1 ul li .owb1{ float:left;width: 24.5%;height: 190px;overflow: hidden; position:relative;border-radius: 6px;}
.newsRight .news1 ul li .owb1 a img{position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;}
.newsRight .news1 ul li .owb2{ float:right;width: 73%;height: 190px;overflow: hidden;}
.newsRight .news1 ul li .owb2 p{ margin-bottom:9px;}
.newsRight .news1 ul li .owb2 p font{ font-size:1.4rem; color:#999;}
.newsRight .news1 ul li .owb2 p i{ display:inline-block; width:62px; height:1px; overflow:hidden; background:#5cb3a4;}
.newsRight .news1 ul li .owb2 div{width: 100%;height: auto;overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:3;font-size:1.4rem; color:#999; line-height:24px; margin-bottom:9px;}
.newsRight .news1 ul li .owb2 .om1 a{ font-size:1.6rem; color:#555;}
.newsRight .news1 ul li .owb2 .om2 span{ display:inline-block; width:147px; height:28px;  position:relative;}
.newsRight .news1 ul li .owb2 .om2 span a{position:absolute; top:0px; left:0px; width:147px; height:28px; text-align:center; line-height:27px;font-size:1.5rem; color:#fff; z-index:9;}
.newsRight .news1 ul li .owb2 .om2 span i{ background:#5cb3a4;display:inline-block; width:147px; height:100%; border-radius:7px; line-height:41px; text-align:center;  font-size:1.4rem; color:#999; position:absolute;top: 50%; left:0px; transform: translateY(-50%);transition: height .4s cubic-bezier(.31,3.4,.29,-.15),top .4s cubic-bezier(.31,3.4,.29,-.15);}
.newsRight .news1 ul li .owb2 .om2 span:hover i{border: 0 solid transparent;border-radius:30px;width: 100%;height:90%; background:#5cb3a4;display: block; left: 0; z-index:1;}
.newsRight .news1 ul li .owb2 .om2 span:hover a{ color:#fff;}
.newsRight .news1 ul li:hover .owb1 a img{transform: scale(1.1);}
.newsRight .news1 ul li:hover .owb2 .om1 a{ color:#5cb3a4;}

/*新闻详情*/
.newsDeta{max-width:1400px; width:90%; padding:2.5% 3%; height:auto;overflow:hidden; margin:0 auto; background:#fff;box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.05);border-radius: 10px; margin-top:15px;}
.newsDetaTop{width: 100%;height: auto;overflow: hidden; border-bottom:1px #f0f0f0 solid; padding:55px 0px 80px 0px;}
.newsDetaTop h1{ text-align:center; font-size:3rem; color:#555;}
.newsDetaTop div{width: 100%;height: auto;overflow: hidden; text-align:center; margin-top:15px;}
.newsDetaTop div span{ margin:0px 20px; font-size:1.4rem; color:#666;}
.newsDetaBot{width: 100%;height: auto;overflow: hidden; margin-top:40px;}

/*园区景观*/
.parkLeft{width: 84%;height: auto;overflow: hidden;margin: 0 auto; margin-top:20px;}
.parkLeft p{ text-align:center;}
.parkLeft p span{ font-size:2.2rem; color:#555;}
.parkLeft div{width: 100%;height: auto;overflow: hidden;margin-top:20px;border-radius: 10px;}

.pagud2 .park1{width: 100%;height: auto;overflow: hidden; margin-bottom: 4rem;}
.pagud2 .park1 video{ width:100%; height:575px;}
.pagud2 .park1 img{ width:100%;}

.pagud2 .park1#pagd{ background:#000;border-radius: 10px;}
.parkRight{width: 94%;height: auto;overflow: hidden;padding:3% 3% 5% 3%;background-color: #fff;box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.05);border-radius: 10px;margin-bottom: 4rem;}
.pageGuide .parkRight #pagd{background-color: #fff;box-shadow:none;border-radius:0px;margin-bottom: 0rem;}
.pageGuide .parkRight .park2 .spotTop{ padding-bottom:35px;}
.park2{width: 100%;height: auto;overflow: hidden;}
.park2a{width: 100%;height: auto;overflow: hidden; }
.park2a .pon1{width: 100%;height: auto;overflow: hidden;}
.park2a .pon1 i{ float:left; height:21px;}
.park2a .pon1 i img{ height:21px;}
.park2a .pon1 span{ float:left; font-size:2rem; color:#888; margin-left:10px; line-height:21px;}
.park2a .pon2{width: 100%;height: auto;overflow: hidden; margin-top:20px;}
.park2a .pon2 ul li{ float:left; width:48.5%; height:360px; overflow:hidden; margin-left:3%; position:relative;border-radius: 10px; margin-bottom:3%;}
.park2a .pon2 ul li a{ display:block;}
.park2a .pon2 ul li .on1{position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;}
.park2a .pon2 ul li .on2{width: 100%;height: 40px; line-height:40px; text-align:center; font-size:1.4rem; color:#fff; overflow: hidden; position:absolute; bottom:0px; left:0px;background-color: rgba(92,179,164,0.7);transition: all 0.2s;}
.park2a .pon2 ul li .on3{width: 100%;height:360px;overflow: hidden;display: table;background-color: rgba(92,179,164,0.7);position:absolute; top:360px; left:0px;transition: all 0.2s;}
.park2a .pon2 ul li .on3 .on3z{display: table-cell;vertical-align: middle;}
.park2a .pon2 ul li .on3 .on3z p{ text-align:center; margin-bottom:24px;}
.park2a .pon2 ul li .on3 .on3z p span{font-size:1.4rem; color:#fff;}
.park2a .pon2 ul li .on3 .on3z p img{ width:42px;}
.park2a .pon2 ul li .on3 .on3z div{ width:94%; height:auto; overflow:hidden; margin:0 auto; font-size:1.4rem; color:#fff; line-height:30px;}
.park2a .pon2 ul li:nth-of-type(2n-1){ margin-left:0%;}
.park2a .pon2 ul li:hover .on2{ bottom:-40px;transition: all 0.2s;}
.park2a .pon2 ul li:hover .on3{ top:0px;transition: all 0.2s;}
.park2a .pon2 ul li:hover .on1{transform: scale(1.1);transition: all 0.2s;}

.park3{width: 100%;height: auto;overflow: hidden; margin-top:50px;}
.park3a{width: 100%;height: auto;overflow: hidden; margin-top:40px;}
.park3a .park3a1{ float:left; width:48%;height: 380px;overflow: hidden; position:relative;}
.park3a .park3a1 i{width:95%; height:356px; overflow:hidden; display:inline-block;border-radius: 10px;border: solid 2px #5cb3a4;}
.park3a .park3a1 div{ width:96%; height:360px; overflow:hidden; position:absolute; top:20px; right:0px;border-radius: 10px;}
.park3a .park3a1 div img{position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;}
.park3a .park3a2{ float:right; width:50%;height: auto;overflow: hidden; margin-top:20px;}
.park3a .park3a2 .pom1{width: 100%;height: auto;overflow: hidden;}
.park3a .park3a2 .pom1 span{ font-size:2.4rem; color:#555;}
.park3a .park3a2 .pom1 font{ font-size:1.4rem; color:#888;}
.park3a .park3a2 .pom2{width: 100%;height: auto;overflow: hidden;font-size:1.4rem; color:#888; line-height:26px; margin-top:10px;}
.park3a .park3a2 .pom2 span{font-size:1.4rem; color:#666;}
.park3a .park3a2 .pom3{width: 100%;height: auto;overflow: hidden; margin-top:5px;}
.park3a .park3a2 .pom3 dl dt{width: 100%;height: auto;overflow: hidden; border-bottom:1px #dcdcdc dashed; padding:10px 0px;}
.park3a .park3a2 .pom3 dl dt div{ float:left; width:50%; height:auto; overflow:hidden;}
.park3a .park3a2 .pom3 dl dt div span{ float:left; display:block; width:24%; font-size:1.4rem; color:#808080;}
.park3a .park3a2 .pom3 dl dt div font{ float:left; font-size:1.4rem; color:#555; margin-left:3%;}
.park3b{width: 100%;height: auto;overflow: hidden; margin-top:30px; }
.park3b ul li{ float:left;width:31.65%;height: auto;overflow: hidden; margin-left:2.5%;border-radius: 10px 10px 0px 0px; margin-bottom:2.5%;}
.park3b ul li .pab1{width: 100%;height: auto;overflow: hidden;}
.park3b ul li .pab1 img{ width:100%;}
.park3b ul li .pab2{border-radius: 0px 0px 10px 10px;border: solid 1px #f0f0f0; border-top:0px; padding:15px;}
.park3b ul li .pab2 p span{ font-size:1.6rem; color:#555;}
.park3b ul li .pab2 div{width: 100%;height: auto;overflow: hidden; font-size:1.4rem; color:#888; line-height:26px; margin-top:7px;}
.park3b ul li:nth-of-type(3n-2){ margin-left:0%;}

.pagud2 .parkRight .park3 .probBotfy2{ margin-top:3rem;}

/*园区观景-动物百科详情*/
.parkDeta{max-width:1400px; width:90%; padding:2.5% 3%; height:auto;overflow:hidden; margin:0 auto; background:#fff;box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.05);border-radius: 10px; margin-top:15px;}
.parkDeta .kjDetailBot{ margin-top:40px;}
.parkDetaTop{width: 100%;height: auto;overflow: hidden;}
.parkDetaLeft{ float:left; width:54%;height: auto;overflow: hidden;}
.parkDetaLeft .pom1{width: 100%;height: auto;overflow: hidden;}
.parkDetaLeft .pom1 span{ font-size:2.4rem; color:#555;}
.parkDetaLeft .pom1 font{ font-size:1.4rem; color:#888;}
.parkDetaLeft .pom2{width: 100%;height: auto;overflow: hidden;font-size:1.4rem; color:#888; line-height:26px; margin-top:10px;}
.parkDetaLeft .pom2 span{font-size:1.4rem; color:#666;}
.parkDetaLeft .pom3{width: 100%;height: auto;overflow: hidden; margin-top:5px;}
.parkDetaLeft .pom3 dl dt{width: 100%;height: auto;overflow: hidden; border-bottom:1px #dcdcdc dashed; padding:10px 0px;}
.parkDetaLeft .pom3 dl dt div{ float:left; width:50%; height:auto; overflow:hidden;}
.parkDetaLeft .pom3 dl dt div span{ float:left; display:block; width:18%; font-size:1.4rem; color:#808080;}
.parkDetaLeft .pom3 dl dt div font{ float:left; font-size:1.4rem; display:block; width:79%; color:#555; margin-left:3%;}

.parkDetaRight{ float:right;width:44%;height:420px;overflow: hidden;border-radius: 20px; position:relative;}
.parkDetaRight img{position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;}

.otherDeta{max-width: 1400px;width: 90%;padding:3%;height: auto;overflow: hidden;margin: 0 auto;margin-top: 0px;background: #fff;box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.05);border-radius: 10px;margin-top: 40px;}
.otherDetaTop{width: 100%;height: auto;overflow: hidden; text-align:center; font-size:2.4rem; color:#555;}
.otherDetaCent{width: 100%;height: auto;overflow: hidden; margin-top:30px; }
.otherDetaCent ul li{ float:left; width:32%; height:auto; overflow:hidden; margin-left:2%;}
.otherDetaCent ul li .oth1{width: 100%;height: 310px;overflow: hidden; border-radius: 10px; position:relative;}
.otherDetaCent ul li .oth1 img{position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;}
.otherDetaCent ul li .oth2{width: 100%;height: auto;overflow: hidden; margin-top:20px; }
.otherDetaCent ul li .oth2 p{ text-align:center;}
.otherDetaCent ul li .oth2 p span{ font-size:1.6rem; color:#555;}
.otherDetaCent ul li .oth2 div{width: 100%;height: auto;overflow: hidden; font-size:1.4rem; color:#888; line-height:30px; margin-top:10px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2;}
.otherDetaCent ul li:nth-of-type(1){ margin-left:0%;}
.otherDetaCent ul li:hover .oth1 img{transform: scale(1.1);}
.otherDetaCent ul li:hover .oth2 p span{ color:#5cb3a4;}

/*走进重鳄*/
.about1{width: 94%;height: auto;overflow: hidden;padding: 3%;}
.about1Cent{width: 100%;height: auto;overflow: hidden; margin-top:35px;}
.about1Cent .swiper-box6{width:100%;height: 100%; overflow:inherit; }
.about1Cent .swiper-wrapper{ width:100%;}
.about1Cent .swiper-slide{width: 700px;overflow:hidden; border-radius: 30px;box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.4);}
.about1Cent .swiper-slide#abut{width: 700px;}
.about1Cent .swiper-slide img{ width:100%;}
.about1Cent .swiper-button-prev{ width:64px; height:64px; overflow:hidden;margin-top: -53px !important; background:url(../images/left1.png) center center no-repeat; left:30px;}
.about1Cent .swiper-button-next{ width:64px; height:64px; overflow:hidden;margin-top: -53px !important; background:url(../images/right1.png) center center no-repeat; right:30px;}
.about1Cent .swiper-pagination{width:100%; height:auto; overflow:hidden; text-align:center; margin-top:35px; position:static;}
.about1Cent .swiper-pagination span{ width:10px; height:5px; overflow:hidden; border-radius:5px; background:#add9d1; line-height:30px; margin:0px 5px;opacity:1;}
.about1Cent .swiper-pagination span.swiper-pagination-bullet-active{ width:26px; background:#7dc2b6;}
.about1Bot{width: 100%;height: auto;overflow: hidden; margin-top:35px;}



@media (max-width:1280px){
	.about1Cent .swiper-slide{width: 585px;overflow:hidden; border-radius: 30px;box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.4);}
	.about1Cent .swiper-slide#abut{width: 585px;}
} 

@media ( min-width:1280px ) and (max-width:1366px){
	.about1Cent .swiper-slide{width: 640px;overflow:hidden; border-radius: 30px;box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.4);}
	.about1Cent .swiper-slide#abut{width: 640px;}
} 
@media ( min-width:1366px ) and (max-width:1480px) {

 }
@media ( min-width:1480px ) and (max-width:1660px) {

 }
 
/*重鳄文化与历史*/
.about2{width: 94%;height: auto;overflow: hidden;padding: 3%;margin-top:40px;}
.about2Bot{width: 100%;height: auto;overflow: hidden; margin-top:35px;background:url(../images/dgh1.jpg) center center repeat-y; background-size:2px;}
.abta{width:100%; height:auto; overflow:hidden; margin-top:3rem;}
.abtaz{ width:50.5%; height:auto; overflow:hidden; float:right;}
.abtaLeft{ float:left; width:1rem; height:1rem; overflow:hidden; border-radius:1rem; background:#ccc; margin-top:0.5em;}
.abtaRight{ float:left; margin-left:1.5rem; width:95%;height:auto; overflow:hidden;}
.abtaRight p span{ font-size:2rem; color:#5cb3a4; line-height:1.3em;}
.abtaRight div{width:100%; height:auto; overflow:hidden; margin-top:0.5rem; font-size:1.6rem; color:#999;}
.abtb{width:100%; height:auto; overflow:hidden; margin-top:3rem;}
.abtb .abtaz{ float:left;}
.abtb .abtaz .abtaLeft{ float:right;}
.abtb .abtaz .abtaRight{ float:right; text-align:right; margin-left:0rem; margin-right:1.5rem;}
.abta:nth-of-type(1){ margin-top:0rem;}
/*组织机构*/
.about3{width: 94%;height: auto;overflow: hidden;padding: 3%;margin-top:40px;}
.about3Bot{width: 100%;height: auto;overflow: hidden; margin-top:35px; text-align:center; }
.about3Bot img{ max-width:100%;}


/*侧边栏导航*/
.ly_left{
	position:fixed;
    left:28px;
    top:30%;
    background: #5cb3a4;
}
.ly_left ul li{
	padding: 10px 15px;
    border-bottom: 1px solid #fff;
}
.ly_left ul li:last-child{
	border-bottom: none;
}
.ly_left ul li a{
	color: #fff
}

/*人才招聘 join*/
.newsDetaTop.join_title{
	padding: 0 0 15px 0
}