.index-banner {
/*mask-image:url("../svg/banner-mask.svg");
  mask-repeat: no-repeat;
  mask-position: center bottom;
mask-image:none;*/
/*  mask-image:url("../svg/banner-mask.svg");
  mask-repeat: no-repeat;
  mask-position: center bottom;*/


}

/*新改加视频*/
.index-banner .image{ max-height: none; display: block; transition: none; min-height: 100%;}
.index-banner  .mode-banner .mode-inner,.mode-banner .mode-inner .banner-cnt{ display: block;}
.index-banner .swiper-slide{ max-height: 815px;  overflow: hidden; }
.index-banner2  .image{transition: all 2s; }
.index-banner .mode-banner .mode-inner .banner-cnt .context{ top: 0;}
/**/
.index-banner .swiper-slide3 .sub-img{ width: 4.56rem;}
/*新改加视频结束*/
.eduvideo:after{ content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background: #fdfff7;}
.edubanner .inner-banner .mode-banner:before{mask-image:none;  background: none;}
.pc-menu .menus .menus-list .menu{ color:#000; }
.index-banner:after{ position: absolute; width: 100%; left: 0; right: 0; height: 50%; content: ""; display: block;	background: url("../imgs/banner-mask.png") center bottom no-repeat; 

 background-size:100% auto; bottom: -2px; z-index: 90; display: none;
} 
.index-swiper-pagination .swiper-pagination-bullet,.index-banner .pagination .swiper-pagination-bullet{ width: 14px; height: 14px;}
.index-banner .pagination .swiper-pagination-bullet + .swiper-pagination-bullet{ margin-left: 10px;}
.index-main{ margin-top: 50px;}
.index-main .tansuo-title .small{ font-weight: normal;}
.index-tanfang, .index-news, .index-player{max-width: 1528px; max-width: 1320px;  padding: 0px 0; margin-left: auto; margin-right: auto;  }
.index-tuijian{ max-width: 1620px; max-width: 1320px; margin-left: auto; margin-right: auto;     padding: 0 0; }
.index-tuijian .cont{  /*  padding-top:54.8652%;*/ padding-top:62%;}
.index-tuijian .cont .ctx .index-tuijian-list .active .content{ border-radius: 20px; overflow: hidden;} 
.index-tuijian .cont .ctx .index-tuijian-list .active{ /*width: 34%;*/width: 40%;}
.index-tuijian .cont .ctx .index-tuijian-list .item .pic{/*    padding-top: 108.1643%; *//*padding-top: 132.1643%;*/  padding-top: 122%;}
.index-tuijian .cont .ctx .index-tuijian-list .active  .pic{/*padding-top: 118.1643%;*/ padding-top: 128%; }
.index-tuijian .cont .ctx .index-tuijian-list .item .context .more{ margin-top: 15px;}
.index-tuijian .cont .ctx .index-tuijian-list .item .context .desc{ margin-top: 5px;}
.index-tuijian .cont .ctx{    padding: 45px 30px 80px 30px;}
.index-tuijian .cont .ctx .index-tuijian-list .item .context .title,.index-swiper .context .title{ font-size: 24px;}
.index-tuijian .cont .ctx .index-tuijian-list .item .context .desc,.index-tuijian .cont .ctx .index-tuijian-list .item .context .more,.page-footer .menus-list .menu .contact-us .address .map{ font-size: 16px; font-weight: normal;}
.inner-banner .context{ background: none;}
.index-player-swiper .swiper-slide{  max-width: 42%;}
.index-garden-guide .flex-1 a span,.index-player-swiper .swiper-slide .content .context .mes{font-weight: normal;}
.index-player-swiper .swiper-slide .content .context .name{ font-size: 16px;}
.index-swiper .context .desc{margin-top: 5px;}
.index-news{ margin-bottom: 60px;}
.index-news .context .tit,.index-tanfang .context .tit{ line-height: 220%;}
.index-news .context .title{ font-size: 24px; line-height: 140%;/* min-height: 57px;*/}
.index-news .context .title span{line-height: 120%; margin-right: 40px;}
.page-footer .menus-list .menu .link{ font-size: 20px;}
.page-footer .menus-list .menu .sub-menus{ line-height: 32px;}
.page-footer .menus-list .menu .sub-menus,.page-footer .menus-list .menu .contact-us .sub-menus{ font-size: 16px;}
.page-footer .footer{}
.page-footer .footer-context{ margin-bottom: 50px;}
.index-tuijian,.index-tanfang, .index-news, .index-player,.index-protect{ margin-top: 60px;}
.index-protect .protext-work{ width: 100%; max-width: 1216px; margin-left: auto; margin-right: auto;}
.index-main .tansuo-title .small{ font-size: 18px;}
.index-main .tansuo-title{/*    max-width: 900px; max-width: 928px;  */  max-width: 968px;}
.ansdesc{ /*max-width: 928px;*/max-width: 968px; margin-left: auto; margin-right: auto; text-align: center;} 
.index-main .tansuo-title .unit-list{ padding: 0 0;}
.index-main .tansuo-title .unit-list .item{ font-size: 22px;}
.index-banner .context .slogin-btn,.index-tuijian .cont .ctx .index-tuijian-list .item .context .more,.page-footer .menus-list .menu .contact-us .address .map{ font-weight: normal; font-size: 16px; height: 40px;}
.index-tuijian .cont .ctx .index-tuijian-list .item .context .more,.page-footer .menus-list .menu .contact-us .address .map{ width: 100px;}
.index-banner .context .slogin{ font-size: 24px; line-height: 140%; font-weight: normal;}
.mode-banner .mode-inner .banner-cnt .context{ top: 90px;}
.index-banner .pagination{ bottom: 15%;}
.index-banner .banner-cnt{ display:block;}
/* .index-banner .banner-cnt img{ width: 100%!important; height: 100%!important; object-fit: cover;} */
.index-protect .protext-work .context .btn:hover,.page-footer .menus-list .menu .contact-us .address .map:hover{ background: #7ac143; color: #fff;}
.page-footer .menus-list .menu .sub-menus a:hover{ color: #295811;}
.index-banner .context .slogin-btn:hover{ background: #106B46!important; color: #fff!important; border: 1px solid #106B46!important;}
.pc-menu .menus .menus-list .menu{ height: 90px;}
.index-swiper .swiper-slide{ max-width: 560px;}
.page-footer .menus-list .menu .contact-us .address a:hover{ color: #fff;}
.index-protect .protext-work .context .btn{ font-size: 16px; width: 210px; height: 55px;}
.index-protect .protext-work .context .desc{ font-size: 18px;}
.index-player-swiper .swiper-slide .content .context .mes{ /*font-size:20px;*/font-size:18px;}
.index-main .tansuo-title .unit-list .line{ height: 30px;}
.index-player-swiper .swiper-slide .content .context{    padding: 15px 25px;}
.index-player-swiper .swiper-slide .content{   /* padding-top: 32.1666%;*/ padding-top: 40%;padding-top: 60%;padding-top: 80%;/**/}
.index-player-swiper .swiper-slide .content .context .mes{line-clamp: 12;
    -webkit-line-clamp: 12; height:200px;height:250px;/*    */text-justify: inter-ideograph;
    text-align: justify;
    text-justify: distribute;}
.index-player-swiper .swiper-slide .content .context .name{ margin-top: 10px;}
.edubanner .inner-banner .banner-cnt{mask-image:none;}
.inner-banner .context .banner-title{ font-size: 48px; }

/*保护教育*/
.edu-solos{ line-height: 120%; /*color: #06558A;*/color: #000; font-weight: bold; margin-bottom: 30px;} 
.common-tits{ padding-top: 15px; border-top:1px solid #06558A;}
.common-tits span{ /*color:#06558A;*/ color: #000;font-size:36px;  font-weight:bold; }
.ecommores a{ width: 110px; height: 45px; line-height: 45px; border-radius:  10px; background: #F0C44B; display: block; text-align: center; color: #1a1a1a;} 
.ecommores a:hover{ background: #7ac143; color: #fff; }
.edu-jkwrap{ margin-right: -2%; margin-top: -3%;}
.edu-jkwrap .item-cell{ width: 48%; margin-right: 2%; margin-top: 3%;}
.edu-jkwrap .item-cell:nth-child(1){ width: 54%; }
.edu-jkwrap .item-cell:nth-child(2){ width: 42%;}
.edu-jkwrap .item-pic{ height: 255px!important; border-radius: 15px;}
.edu-jkwrap .item-tit *{ }
.edu-jkwrap .item-tit{ font-weight: bold;  /*color: #06558A;*/color: #000; margin-top: 15px;}
.edu-jkwrap .item-desc{ margin-top: 5px; color: #767676;}
.edu-jkwrap  a:hover,.edu-protectwrap a:hover{  color: #106B46;}
.edu-wyhwrap{ }
.edu-wyhwrap .item-cell{border-radius: 15px;background: #06558A;  overflow: hidden; align-items: center;}
.edu-wyhwrap .item-pic { width: 52%; }
.edu-wyhwrap .item-pic img{  height:auto; width:auto;}
.edu-wyhwrap .item-tit *{ }
.edu-wyhwrap .item-tit{ color: #F0C44B; font-weight: bold;}
.edu-wyhwrap .item-cnt{ padding: 15px 45px; color: #fff;}
.edu-wyhwrap .item-desc{ margin-top: 10px;}
.edu-wyhwrap .ecommores{ margin-top: 25px;}
.edu-protectwrap .item-desc{ min-height: 93px;}
.edu-protectwrap .item-cell{border-radius: 15px;background: #fff; border: 1px solid #DDDEDC; overflow: hidden; align-items: center;}
.edu-protectwrap .item-pic { }
.edu-protectwrap .item-pic img{  height:auto; width:auto;}
.edu-protectwrap .item-tit *{ }
.edu-protectwrap .item-tit{ /*color: #06558A;*/color: #000;  font-weight: bold;}
.edu-protectwrap .item-cnt{ padding: 20px 20px; color: #767676;}
.edu-protectwrap .item-desc{ margin-top: 10px;}
.rollctr { margin-top: 30px; display: none;}
.btl,.btr { cursor: pointer; width: 50px; height: 50px; background:url("../imgs/arrow-right.png") center center no-repeat;  background-size: 30px auto;}
.btr{ background:url("../imgs/arrow-left.png") center center no-repeat;  background-size: 30px auto;}
.rollctr .pagination span{  width: 12px; height: 12px; margin: 0 4px; border: 1px solid #0C395F; background: none;  border-radius: 12px; opacity: 1;}
.rollctr .pagination span.swiper-pagination-bullet-active{ background: #0C395F;}
.pc-menu .navigator .sub-menus{background:#fdfff7;box-shadow: rgba(0, 0, 0, 0.08) 0px 5px 30px;}
.greybg{ background:#fdfff7; /*background: #f7f9f8;*/}
.artH{ height: 160px;}
.loclas ul li+li{  margin-left: 10px;} 
.loclas ul li:after{ content: ">";font-family: serif;
    font-size: 18px; font-weight: bold; display: inline-block; margin-left: 10px;}
.loclas ul li:nth-last-child(1):after{  display: none;}
.loclas ul li a:hover{  color: #106B46;}
.artright{ background: #fff;  /*padding: 40px 45px;*/padding: 40px 43px;  margin-left: 40px;
text-justify:inter-ideograph; 
text-align: justify;text-justify: distribute;} 
.artright .eduarticles *{ line-height: 180%;}
.artright .eduarticles p{ padding-bottom: 1em; color: #767676}
.artright .eduarticles strong{    color: #1a1a1a;}
.artleft{width: 265px;}
.artbox{ margin-top: 40px;} 
.navfir{ font-weight: bold; background: #06558A; color: #fff; padding-left: 25px; height: 60px; line-height: 60px; } 
.lnavs ul li{ padding: 20px 0; border-bottom: 1px solid #06558A;}
.lnavs ul li:nth-last-child(1){ border-bottom: none;}
.lnavs ul li>a{ /*font-weight: bold;*/ color: #1a1a1a; padding-left: 25px; font-size: 20px;}
.navfir{ font-size: 28px;}
.lnavs ul li>a:hover,.lnavs ul li>a.cr{/*color: #106B46;*/ font-weight: bold;}
.lnavs ul dl{ margin-top: 10px;}
.lnavs ul dl dd{ line-height: 50px;  margin: 1px 0; }
.lnavs ul dl dd a{ display: block; padding-left: 30px; color: #767676;}
.lnavs ul dl dd a:hover,.lnavs ul dl dd.cr a{ /*background: #FFD200;*//* color: #106B46; */color: #1a1a1a; font-weight: bold;}
.edu-comtops span{ font-weight: bold;color: #1a1a1a; display: inline-block; padding-bottom: 15px; position: relative; }
.edu-comtops{  border-bottom: 1px solid #06558A;}
.edu-comtops span:after{ background: #06558A; height: 5px;  content: ""; display: block; position: absolute; bottom: 0; left: 0; right: 0;}
.edu-comtops2{ border-bottom: 1px solid #7AC143;}
.edu-comtops2 span:after{background: #7AC143;}
ul.edulist{  margin-bottom: 1em; }
ul.edulist li{ padding-left: 20px;  position: relative; color: #767676;}
ul.edulist li:after{content: ""; display: block; width: 5px; height:5px; border-radius: 5px; background: #767676; position: absolute; left: 0; top: 12px;}

.educase-wrap{ margin-right: -2%; margin-top: -3%; }
.educase-wrap .item-cell{ width: 31.33%; margin-right: 2%; margin-top: 3%;}
.educase-wrap .item-cnt{ }
.educase-wrap .item-pic { border-radius: 18px;  overflow: hidden;}
.educase-wrap .item-pic img{  height:auto; width:auto;}
.educase-wrap .item-tit *{ }
.educase-wrap .item-tit{color: #1a1a1a;  font-size: 18px; font-weight: bold; margin-top: 10px; text-align: center; line-height: 120%;}
/*.educase-wrap2 .item-cell{ width: 48%;}*/
.educase-wrap2{ margin-right: -6%;}
.educase-wrap2 .item-cell{ width: 44%;  margin-right: 6%;}


.educase-wrap3{ margin-right: -6%; margin-top: -6%;}
.educase-wrap3  .item-cell{ margin-right: 6%; margin-top: 6%; width: 27.33%; position: relative; border-radius: 20px; overflow: hidden;}
.educase-wrap3 .item-pic{ max-height: 300px; }
.educase-wrap3  .item-tit{ position: absolute; bottom: 0; padding-bottom: 15px; padding-top: 50px; left: 0; right: 0; text-align: center; color: #fff;background: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,1));
background: -moz-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);; /*FireFox*/
background: -o-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);  /* Opear */
background: -ms-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,1));}

.slogin-list2{ margin-top: -3%;/**/ /*border: 1px solid #eee;*/ border-radius:8px;  margin-right: -3%;    }
.slogin-list2 .item{ width:30.33%;margin-right: 3%;margin-top: 3%; /* *//* */padding: 20px 22px;/*border-bottom: 1px solid #06558A;border-right: 1px solid #06558A; */ border-top:2px solid #06558A;    background: rgba(240, 244, 240, 0.3);   color: #767676; border-radius: 15px; font-size: 16px;}
.slogin-list2 .item:nth-child(1),.slogin-list2 .item:nth-child(3),.slogin-list2 .item:nth-child(5){ }
.slogin-list2 .item:nth-child(3),.slogin-list2 .item:nth-child(6){border-right:none;}
.slogin-list2 .item:nth-child(4),.slogin-list2 .item:nth-child(5),.slogin-list2 .item:nth-child(6){ border-bottom: none;}
.slogin-list2  .title{ font-size:18px;    color: #106B46;color: #1a1a1a;      line-clamp: 5;
    -webkit-line-clamp: 5; margin-bottom: 20px; min-height: 50px; font-weight: bold;} 
.slogin-list2 .item:hover{    background-color: #106B46;border-top:2px solid #106B46;   }
.slogin-list2 .item:hover *{ color: #fff;}
.slogin-list2 .desc{ line-height: 160%;}
/*教育*/
.H90{ height:70px;}
.edus2-wrap{ }
.edubox2{ margin-right: -4%;} 
.eduleft,.eduright{ width: 46%; margin-right: 4%;}


.edus2-wrap .item-pic{ border-radius: 15px;}
.edus2-wrap .item-tit *{ }
.edus2-wrap .item-tit{ font-weight: bold;  color: #06558A; margin-top: 15px;}
.edus2-wrap .item-desc{ margin-top: 5px; color: #767676;}
.edus2-wrap  a:hover,.edu-protectwrap a:hover{  color: #106B46;}

.modindex-newslist .item-cell{ padding:28px 0 28px 0; display: flex; justify-content: space-between; align-items: center; flex-direction: row-reverse; border-bottom: 1px solid #ccc}
.modindex-newslist .item-date{ padding-top: 0; margin-left:40px; color: #06558A;/* background: #fff;*/ padding: 0; border-radius:8px; }
.modindex-newslist .item-cell .item-cnt{ min-height: 64px;}
.modindex-newslist .item-cell *{ font-style: normal;}
.modindex-newslist .item-desc{ color: #767676; margin-top: 15px;}
.modindex-newslist .item-cell *:hover{color: #106B46;}
.edus2-wrap .itemico{ margin-top: 15px;}
.edus2-wrap .itemico span{ display: block; margin-top: 10px;}
span.itdate{ background: url("../imgs/datas2.png") no-repeat; background-size:20px auto; padding-left: 30px;}
span.itaddr{ background: url("../imgs/addr2.png") no-repeat; background-size:20px auto; padding-left: 30px;}
span.itcc{ background: url("../imgs/acticon.png") no-repeat; background-size:20px auto; padding-left: 30px;}
.edus2-wrap .itemico span{ /*text-align: left;  word-wrap: break-word;   */ word-break: break-all;}
.edus2-wrap2 { margin-right: -5%; margin-top: -3%;display: flex;  flex-wrap:wrap; }
.edus2-wrap2 .item-cell{  margin-right:5%; margin-top: 5%; width: 45%;}
.artright{  width: calc(100% - 305px); }
.other-actives{ position: relative;   }
.other-actives .item-cell{  padding: 0 20px; box-sizing: border-box;}
.other-actives .btn-prev,.other-actives .btn-next{ position: absolute; top: 35%; z-index: 9;}
.other-actives .btn-prev{ left:0;}
.other-actives .btn-next{ right:0;}
.other-actives .item-pic{ border-radius: 15px;}
.other-actives .item-tit{ margin-top: 20px; text-align: center; color: #1a1a1a;}
.active-detail-info2 .title{ font-weight: bold; text-align: center;}
.active-detail-info2 .source { text-align: center; margin-top: 20px;}
.active-detail-info2 .date span{ margin: 0 10px; line-height: 22px; font-size: 16px;font-size: 16px; display: inline-block; }
.active-detail-info2 .content{    color: #767676; line-height: 180%; }
.active-detail-info2 .date{ background: #fafafa;   padding: 20px 0; font-size: 18px;}
.active-detail-info2 .title{color: #1a1a1a;}

/*广场*/
.ncomtits{ text-align: center;} 
.ncomtits span{ font-weight: bold; color: #1a1a1a;}
.mod-square{ max-width: 1220px; margin: 0 auto;}
.ndesc{ color: #767676; margin-top: 10px; line-height: 180%;/* max-width: 1100px;*//*max-width: 1150px;*/max-width: 1146px;max-width: 1162px; margin: 0 auto;}
.squarespic{ border-radius: 25px; overflow:hidden;}
.square{ margin-right: -3%; margin-top: -5%;}
.square .item-cell{ margin-right: 3%; width: 47% ; margin-top: 5%;}
.square .outerpics:after{ background: #106B46;}
.square  .item-tit a{ position: relative; padding-right: 60px;}
.square  .item-tit a:after{    content: "\e649";     font-family: "iconfont" !important;
    font-size: inherit;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; position: absolute; right: 0; top: 8px; font-size: 20px; color: #3D3D3D; }
.square  .item-tit a.noarrow:after{
  display:none;
}
.square .item-cell:hover *,.square .item-cell:hover *:after{color: #106B46!important;}
.square .item-cell .item-tit i{ height: auto; line-height: 160%;display: -webkit-box;  margin-top: 8px; color: #333!important;}
.square .item-cell .item-tit i:hover{color: #106B46!important;}

.squares-bigimg{ max-width: 85%; margin: 0 auto;}
.pc-menu .logo-img{ width: 1.37rem;}
/*二级导航*/
.pc-menu .menus .menus-list .menu .link{ width: auto; padding-left: 30px; padding-right: 30px;}
.pc-menu .navigator .sub-menus-main{ padding:35px 0 35px 0; justify-content: center;}
.subinners{}
.fir-menus{ border-bottom:2px solid #7AC143; padding-bottom: 10px; margin-bottom:20px; color: #3D3D3D; font-weight: bold;}
.pc-menu .navigator .sub-menus-main .sub-menus-list .item .title{ font-size: 20px; color: #3D3D3D;}
.pc-menu .navigator .sub-menus-main .sub-menus-list .item .title a{ display: block; position: relative; z-index: 3;}
.pc-menu .navigator .sub-menus-main .sub-menus-list{ display: flex; margin: 0; min-width:1064px; margin-right: -5%; flex-wrap: wrap;}
.pc-menu .navigator .sub-menus-main .sub-menus-list .item{  width: auto; flex: 1;/* padding-right:50px;*/ position: relative;  min-width: 28.33%; margin-right:5%; max-width: 28.33%; margin-bottom: 8px;   }
.pc-menu .navigator .sub-menus-main .sub-menus-list .item:nth-child(1),.pc-menu .navigator .sub-menus-main .sub-menus-list .item:nth-child(2){ max-width: none;}
.pc-menu .navigator .sub-menus-main .sub-menus-list .item ul li{ font-size: 18px;  color: #3D3D3D;  width: 25%; margin: 0; margin-top: 10px;}
.pc-menu .navigator .sub-menus-main .sub-menus-list .item ul{ display: flex; flex-wrap: wrap; width: 100%; margin: 0; padding: 0; min-width: 0;   padding-top: 0px;}
.pc-menu .navigator .sub-menus-main .sub-menus-list .title{padding-bottom: 20px;}
.pc-menu .navigator .sub-menus-main .navlines .title,.pc-menu .navigator .sub-menus-main .sub-menus-list .title{border-bottom:1px solid #106B46; }
.pc-menu .navigator .sub-menus-main .sub-menus-list .title:after{    content: "\e649";     font-family: "iconfont" !important;
    font-size: inherit;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; position: absolute; right: 0; top: 8px; font-size: 16px; color: #3D3D3D; }
.pc-menu .navigator .sub-menus-main .sub-menus-list *:hover,.pc-menu .navigator .sub-menus-main .sub-menus-list .title:hover:after,.fir-menus:hover{ color: #106B46!important;}

.pc-menu .menus .menus-list .menu:nth-last-child(3) .sub-menus-list .item:nth-child(1) li{ width:auto; }
.pc-menu .menus .menus-list .menu:nth-last-child(3)  .sub-menus-list .item:nth-child(1) li+li{margin-left: 58px;}

.pc-menu .menus .menus-list .menu:nth-last-child(4) .sub-menus-list    .item ul li{ width: 33.33%;}
.page-footer .meiti li{ width: 45px; height: 45px;}
.page-footer .meiti li .iconfont{ font-size: 20px; text-align: center;}
.page-footer .meiti li .iconfont img{ max-width: 80%; height: auto;}
/*动物*/

.animals-list-search,.animals-list-page{ max-width: 1220px; margin-left: auto; margin-right: auto;padding: 0 0;}
.index-tanfang .swiper-btn,.index-tanfang .pagination,.index-news .swiper-btn,.index-news .pagination{ display: none;}
.jsh-basic .basic-list .item .core{/*padding-top:75%;*/ padding-top: 80%;}
.jsh-basic .basic-list .item .spec{ margin-bottom: 10px;}
.jsh-basic .basic-list .item .desc{ padding: 0 10px;}
.animal-introduce .item .title{ margin-bottom: 20px;}
.animal-introduce .item .context{ line-height: 180%;}
.animal-introduce .item .context p{ text-indent: 0!important; padding-bottom: 1em;}
/*首页调整*/
.index-tanfang .swiper-title,.index-news .swiper-title{  display: block; }
.index-swiper .context .title .iconfont{ font-size: 16px;}
.swiper-title .title{ text-align: center;font-size: 48px; }
.index-tuijian .cont .ctx .index-tuijian-list .item + .item{ margin-left: 30px;}
.index-player-swiper .swiper-slide .content .context .mes .icon-a-lujing510{    margin-right: 13px; font-size: 26px;}
.index-player-swiper .swiper-slide .content .context .name{    padding-left: 48px;}
.index-tuijian .cont .ctx .index-tuijian-list .item .context .more{    background-color: #F2B61A;    color: #330906;}
.index-tuijian .cont .ctx .index-tuijian-list .item .context .more:hover{background: #7ac143; border: 1px solid #7ac143;color: #fff;}
.index-player-swiper{ overflow: hidden;}
/*展区*/
.inner-little-panda-eight .eight-list .item{  max-width: 164px;}
.inner-little-panda-eight .eight-list{  justify-content: center;}
.squaretit{ margin-top: 20px; text-align: center;}

/*客服*/
.kflist{ margin-top: -10px;} 
.kflist .item-cells{}
.kflist .item-cells{ border-bottom: 1px solid #7AC143; padding: 25px 0;}
.kflist .item-cells .item-tit{  display: flex; align-items: center;}
.kflist .item-cells .item-tit cite{ margin-right: 30px;}
.kflist .item-cells .item-tit span{ flex: 1; font-weight: normal;}
.kflist .item-cells .item-tit i{ font-size: 13px; cursor: pointer;transition: all .3s;}
.kflist .item-cells img{ width: 50px; height: 50px;}
.kflist .item-cells .item-cnts{ margin-top: 20px; color: #767676; line-height: 180%; padding: 0 70px 0 80px;padding: 0 40px 0 80px;  /*display: none;*/display:block;}
.kfwrap{ max-width: 915px; margin: 0 auto;}
.seraddr{ background: url("../imgs/addr.png") no-repeat; background-size:24px auto; padding-left: 30px; line-height: 26px;font-size: 20px; /* line-height: 30px; font-size: 26px; font-weight: bold;*/} 
.kflist .active i{  /*transform: rotate(180deg);*/transform: rotate(180deg); }
.kflist .active .item-cnts{ /*display: block;*/display: none;}
.park-help-page .hotlines2{ margin-bottom: 10px;}
.addrwarters{ margin-right: -2%; margin-top: 10px;}
.addrwarters a{ background: #e4f3d9;font-weight: bold; text-align: center; display: block; color: #106b46; padding: 15px 8px; border-radius:10px; width: 23%; margin-right: 2%; }

.other-tel{ border-radius:10px;background: #F4F4F4;/*background: #fff;*/  padding: 40px;}
.other-teltit{ font-weight: bold;} 
.other-cnts{color: #106b46; margin-top: 15px; font-weight: bold;}
.index-banner .sub-img{    width:4.36rem;}
.index-banner .context .slogin-title{ font-size: 54px;}
.animals-list-search .info .small{ color: #000; font-weight: normal;}
/*动物详情*/
.animal-content{ font-size: 16px;}
.dimgs{ height: 380px; max-width: 660px; margin: 0 auto; overflow: hidden; border-radius:15px; overflow: hidden; margin-bottom: 10px; }
.dimgs img{ width: 100%!important; height: 100%!important; max-width: none; object-fit: cover;}
.jsh .inner-banner img{  margin-top: -20px; }
.edubanner .inner-banner img{ margin-top: 0;}

/*关于我们*/
.artbox2  .navfir{ background: #106B46;}
.edu-comtops3 span:after{ max-width: 113px;}
.artbox2 .edu-comtops span:after{    background: #7AC143;}
.artbox2 .edu-comtops {border-bottom: 1px solid #7AC143;}
.numboxs{  margin-left: -15px; margin-right: -15px; margin-bottom: 30px;}
.numboxs .item{ background: #7AC143; color: #fff; text-align: center; flex: 1; margin: 0 15px; padding-top: 15px; padding-bottom: 15px; border-radius:15px; }
.numboxs .item .count{ font-size:42px; line-height: 100%; font-weight: bold;}
.numboxs .item  span{ font-size: 18px; font-weight: normal;}
.numboxs .item  .tit{ font-size: 20px;}
.numboxs .item:nth-child(2n){background: #FFD200; color: #330906;}
.mod-miss{ background:#106B46 url("../imgs/abbgs.jpg") center bottom no-repeat; background-size:100% auto; color: #fff; overflow: hidden; padding: 20px 150px 50px 50px; margin-top: 20px; border-radius: 20px;}
.mod-miss .item-cnts{ margin-left: 45px;}
.mod-miss .item-tits{ line-height: 120%; font-weight: bold; color: #FFD200;}
.mod-miss .miss-item{  margin-top: 30px;}
.artbox2  .lnavs ul li{ border-bottom: 1px solid #106B46;}
.artbox2  .lnavs ul li:nth-last-child(1){ border-bottom: none;}

/*大事记*/
.mod-eventslist{ position: relative;}
.mod-eventslist .item-cell{  display: flex; align-items: flex-start; margin-top: 30px;}
.mod-eventslist .item-cnt{ }
.mod-eventslist .item-pic {}
.mod-eventslist .item-pic img{  height:auto; width:auto;}
.mod-eventslist .item-entdata{   font-size: 32px; color: #fff; position: relative; z-index: 8; background: #7AC143; border-radius:  8px; margin-right: 50px;}
.mod-eventslist .item-entdata span{  display: block;height: 58px; padding: 0 15px; line-height: 58px; font-weight: bold;}
.artright .eduarticles .item-entdata{}
.mod-eventslist .item-entdata:after{ content: ""; display: block; width: 0; height: 0; position: absolute;  right: -20px; top: 50%;  transform: translateY(-50%);border: 10px solid transparent; border-left: 10px solid #7AC143; }
.mod-eventslist:after{ content: ""; display: block; border-left: 1px solid #D8D8D8; position: absolute; left: 54px; top: 0; bottom: 0;}
.mountain{ border-radius: 20px; overflow: hidden; margin-top: 20px;}

/*荣誉*/
.modhors .hor-tit{ font-weight: bold;    color: #1a1a1a;}
.artright .eduarticles{    color: #767676;} 

.modhors .hor-cell{ padding: 35px 0; border-bottom: 1px solid #D8D8D8;}
.modhors .hor-cell:nth-last-child(1){ border-bottom: none;  padding-bottom: 0;}
.modhors .hor-cell .hor-cnt{ margin-top: 15px;}
.modhors .hor-cell:nth-child(2) .hor-cnt{ margin-top: 2px;}
.modhors .hor-cell .hor-cnt span{ font-weight: bold; color: #1a1a1a;}
.horslist{ margin-top: -3%; margin-right: -5%;}
.horslist .item-cell{ width: 45%; margin-right: 5%; margin-top: 5%;  text-align: center;}
.horslist .item-cell .item-cnt{ margin-top: 15px; color: #1a1a1a; }

.ndesc{text-justify:inter-ideograph; 
text-align: justify;text-justify: distribute;}
.ndesc p{ padding-bottom: 1em;}

/*加入我们*/

.mods-job { justify-content: center; margin-top: 25px;}
.mods-job .item-cell{width: 29.33%; border-radius:15px;   margin: 0 2%; padding: 25px;    box-shadow: rgba(112, 193, 67, 0.2) 0px 5px 10px; background: #fff;}
.mods-job .item-cnt{ }
.mods-job .item-pic {}
.mods-job .item-pic img{  height:auto; width:auto;}
.mods-job .item-tit a{ font-weight: bold;color:#1a1a1a;  }
.mods-job .item-tit{ color:#1a1a1a;  }
.mods-job .jtit a{font-weight: bold;color:#1a1a1a; } 
.mods-job .jtit{ margin-bottom: 20px;}
.mods-job .item-tit{border-bottom:1px solid #7AC143;  padding-bottom: 8px; margin-bottom: 20px;}
.mods-job .item-cell p{ color: #767676; line-height: 160%;
text-justify:inter-ideograph; 
text-align: justify;text-justify: distribute;}
.mods-job .item-cell a:hover{ color: #106B46;}
.mods-job .item-desc{ min-height: 260px;/*min-height: 280px;*/}
.mods-job .item-mores a{
    width: 110px;
    height: 45px;
    line-height: 45px;
    border-radius: 10px;
    background: #FFD200;
    display: block;
    text-align: center;
    color: #1a1a1a; margin-top:20px;
}
.mods-job .item-mores a:hover{    background: #7AC143; color: #fff;}


.sprits-wrap{ }
.sprits-wrap .item-cell{width: 29.33%; border-radius:15px;   margin: 0 2%;/* padding: 25px;*/padding: 25px 15px;  background: #7AC143; color:#fff;  text-align: center; }
.sprits-wrap .item-cnt{ margin-top: 15px; }
.sprits-wrap .item-pic {}
.sprits-wrap .item-pic img{  height:auto; width:auto;}
.sprits-wrap .item-tit *{ }
.sprits-wrap .item-tit{ font-weight: bold;}
.sprits-wrap .item-desc{}
.sprits-wrap .item-cell:nth-child(2){ background: #FFD200; color: #330906 }
.work-roll{ padding: 0 150px; overflow: visible;}
.work-roll .swiper-wrapper{}
.work-roll .ygimg{ }
.work-roll .swiper-slide{max-width:400px; max-width: 24%;}
.work-roll .btn-controls {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 30px;
	
}
.work-roll .ygimg{ margin: 0 15px; border-radius: 15px; overflow: hidden;}
.work-roll .btn-controls .btn-next {
  margin-left: 25px;
}
.ygbtroll .inner-btn-prev, .ygbtroll .inner-btn-next{ background: #DFE6C2;}

.ygbtroll .btn-next:hover,.ygbtroll  .btn-prev:hover{background: #106B46; color: #F2B61A;}
.life-roll{ position: relative;}
.life-roll .swiper-slide {  transform: scale(0.7);    transition: transform 0.2s ease, opacity 1s ease;}
.life-roll { padding-top: 2.5%; padding-bottom: 2.5%; font-size: 30px; text-align: center;}
.life-roll .swiper-slide-active{transform: scale(1.2);}
.life-roll .swiper-slide .lifeinner { border-radius:20px; overflow: hidden}
.life-roll .swiper-slide-active .lifeimg{ transform: scale(1); }
.life-roll .life-tit{ margin-top: 10px}
.life-roll .swiper-slide-active { font-size: 24px;}
.life-roll .inner-btn-prev, .life-roll .inner-btn-next{ position:absolute; top: 45%; transform: translateY(-50%); z-index: 20;}
.life-roll .inner-btn-prev{ left: 29%;}
.life-roll .inner-btn-next{ right: 29%;}

.edu-active-list.store-list  .item .wrap .context .desc{    line-clamp: 5;
    -webkit-line-clamp:5; height: 120px;}
.edu-video-list.performance-list .item .wrap .context .desc{  line-clamp: 4;
    -webkit-line-clamp:4;}

.active-detail-info{  font-size: 16px;}
/*园区服务版心改小*/
.park-safe-page,.ticket-main,.park-help-page,.service_content{ margin-left: auto; margin-right:auto;/* max-width: 1090px;  min-width: 1090px;*/max-width: 920px;  min-width: 920px;}
.park-safe-page .wrap-layer,.park-help-page .wrap-layer,.service_content .wrap-layer,.play-show-time .wrap-layer{min-width: 0;}
.play-show-time,.ticket-question{ max-width: 920px; margin-left: auto; margin-right:auto;}
.operation_list{ max-width: 300px;}
.service_content .operation_box{ position: relative; left:0;}
.operation_tianqi { padding: 0;}
.inner-selfdrive-seven .ad-image{ position: relative; padding-top:40%; overflow: hidden; border-radius:20px; }

.ticket-book .ticket-type .ticket-list .ticket-info .name{ padding-left: 30px; font-weight: normal;}
.ticket-book .ticket-type .ticket-list .item{padding: 15px 0;}
.ticket-book .ticket-type .ticket-list .book-btn{ height: 55px;}
/**/
.selfdrive-swiper .pic{    padding-top: 53.3319%;}
.inner-selfdrive-seven .ad-image img{ width: 100%!important; height: 100%!important; object-fit: cover; position:absolute; left: 0; top: 0;}
.ad-image,.inner-little-panda-eight .my-swiper-2{ max-width: 900px; margin-left: auto;margin-right: auto;}
.index-banner .swiper-slide1 .sub-img{    width: 6rem;}
/*运营时间*/
.operation_list .items{ background: none; max-width: 208px;}
.operation_list .items .tit{ background: #89be57;  color: #fff; border-radius: 15px; line-height: 30px; font-size: 24px; width: 208px; height: 50px; line-height: 50px; margin: 0 
 auto;}
.operation_time .item .month{ background: none; color: #000; font-size: 20px;}
.operation_time .item{ background: none; text-align: left;}
.operation_time{ padding: 0; text-align: left;}
.operation_time .item .month{text-align: left;}
.operation_time .item .time{ padding: 0; text-align: left; color: #106B46; font-size: 28px; font-weight: bold;}
.operation_datetime{    background: #fff;
    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.1); box-shadow: none;}

.service_content{ max-width: 910px;min-width: 0;}
.operation_info{ margin-left: 0;}
/*.ECalendarBox ul.day li{   margin-bottom: 3px!important; 
     margin-top: 3px!important;   }
.ECalendarBox li.activ:before, .ECalendarBox li.activ:hover:before{ bottom: -3px!important; top: auto!important;left: 72%!important; margin-left: -3px; background: #34694a!important; width: 6px!important; height: 6px!important; border-radius: 6px!important;}
.operation_datetime .ECalendarBox ul.day li{ color: #ccc!important;}
.operation_datetime .ECalendarBox ul.day li.activ{color: #34694a!important;}
.ECalendarBox ul.day li:hover span, .ECalendarBox ul.day li.click span{color: #34694a!important;}
.operation_datetime .ECalendarBox li:hover:before, .ECalendarBox li.click:before{bottom: -3px!important; top: auto!important;left: 72%!important; margin-left: -3px; background: #34694a!important; width: 6px!important; height: 6px!important; border-radius: 6px!important;}
.operation_datetime  .ECalendarBox ul.week{ margin-top: 0!important; border-bottom: 1px solid #7AC143;border-top: 1px solid #7AC143; padding-top: 10px; padding-bottom: 10px;}
.operation_datetime  .ECalendarBox ul.week li{  color: #106B46; font-weight: bold;}*/
.ECalendarBox .currentdate{ border: none!important}
.operation_time .item{ border-bottom: 1px  solid #D8D8D8; padding-bottom: 20px; margin-top: 0;  padding-top: 20px; border-radius: 0;}
.operation_time .item:nth-last-child(1){ border-bottom: none;}
.play-show-time .item{ font-weight: normal;}
.orbts a{  width: 400px; height: 55px; line-height: 55px; color: #F0C44B; background: #106B46; display: block;   border-radius:  10px; font-size: 24px; text-align: center; margin: 0 auto;}
.service_content .operation_box{ box-shadow: none; border-radius:0; background: #fff; } 
.service_content .operation_box2{box-shadow: 0 5px 15px 0 rgba(137, 190, 87, 0.2);margin-top: 10px;   border-radius:20px; background: #fff; padding-bottom: 40px;}
.service_content .ECalendarBox{ padding-top: 30px!important;}
.orbts a:hover{background: #89be57; color: #fff;}
.play-show-time .download-time-table a{ font-weight: normal;}
.join-us .context{ max-width: 1000px; margin-left: auto;margin-right: auto;}
.join-us .context .wrap-layer{ min-width: 0;text-justify:inter-ideograph; 
text-align: justify;text-justify: distribute;}
.us-slogin .left .more,.about-us-join-us .more,.about-title .more{ font-size: 16px; font-weight: normal;}
.us-slogin .left .more:hover,.about-us-join-us .more:hover,.about-title .more:hover{ background: #7AC143; color: #fff;}
.us-honour .ze-ren .ze-ren-tab .tab-content{text-justify:inter-ideograph; 
text-align: justify;text-justify: distribute;}
.us-honour .ze-ren .ze-ren-tab .tab-content P{ margin-bottom: 1em; line-height: 200%;}
.show-area-wrap .wrap .pic { overflow: hidden;}
.tab-main20{    border-top: 1px solid #70916D; padding-top: 20px;}
/*猛兽包车*/

.tour-mode-wrap5{ display: flex; /*margin-right: -4%;*/ max-width: 980px; margin: 0 auto;  /*max-width: 1000px; margin: 0 auto;*/}
.tour-mode-wrap5 .wrap .context{  height: auto;}
.tour-mode-wrap5 .item{ width: 48%; border-radius:20px; overflow: hidden;border: 1px solid #EAEAEA; padding-right: 0; margin: 0 1%;/**/ /**//*margin-right:4%; */  box-shadow: 0px 4px 18px 0px rgba(0, 0, 0, 0.1); box-shadow: none;}
.tour-mode-wrap5  .wrap{box-shadow:none;    border: none;}
.tour-mode-wrap5  .tourtxt{ display: flex; font-size: 16px;/* align-items: center;*/padding: 15px 20px; min-height: 117px;  justify-content: center;}
.tour-mode-wrap5 .tourdesc{ margin-top: 10px; }
.tour-mode-wrap5 .wrap .context{ font-size: 24px;}
.tour-mode-wrap5 .tourtxt{ text-align: center}
.tour-mode-wrap5 .tourdesc span{ display: block;color: #106B46;}
.tour-mode-wrap5 .inners{ width: 100%;}

/*主题场馆按钮*/
/*.banerbtn{ margin-top: 20px; background: #7ac143;  color: #fff; border-radius: 10px;font-size: 18px; width: 118px; text-align: center; height: 42px; line-height: 42px; }
.inner-selfdrive-seven .seven-list .item .core{  text-align: center;} */

/*主题场馆按钮*/
.banerbtn{ margin-top: 20px; }
.inner-selfdrive-seven .seven-list .item .core{  text-align: center;} 
.banerbtn a{ background: #7ac143;  color: #fff; border-radius: 10px;font-size: 18px; width: 118px; text-align: center; height: 42px; line-height: 42px; display:inline-block; margin-right:15px;}



/*底部*/
.page-footer .meiti {
  display: flex;
  align-items: center;
}

.page-footer .meiti li { position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 100%;
  background-color: #fff;
  font-size: 0.24rem;
  margin-right: 0.35rem;
  cursor: pointer;
}

.page-footer .meiti li .gcodes{ display: none;left: 50%;    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.08); transform: translateX(-50%);bottom: 60px; position: absolute; width: 140px; height: 140px; background: #fff; padding: 4px;}
.page-footer .meiti li .gcodes:after{ border: 8px solid transparent;border-top: 8px solid #fff; content: ""; width: 0;  height: 0; position: absolute; left: 
50%; transform: translateX(-50%); bottom: -14px;}
.page-footer .meiti li:hover .gcodes{ display: block;}
.page-footer .meiti li .gcodes img{ width: 100%; height: 100%;}

/*相关问答展开*/
.ticket-question .item .header .icon-a-lujing48{ display: none;}
.ticket-question{ margin-bottom: 40px;}
.ticket-question .item  .header {
  background-color: transparent;
}

 .ticket-question .item .header .icon-a-lujing48 {
  transform: rotate(180deg);
}

 .ticket-question .item .header .title {
  color: #7AC143;
}

.ticket-question .item .content {
  display: block;
}

.edu-active-list .item, .store-list .item{ cursor: default;}

.ticket-book{ margin-top: 40px;}
.pc-menu .menus .menus-list .menu .link{ white-space: nowrap;}
/*字号统一修改*/
.kflist .item-cells .item-tit{ font-size: 20px;}
.way-list .item .header .title, .ticket-question .item .header .title{font-size:22px;}
.index-main .tansuo-title .small,.index-swiper .context .desc,.index-swiper .context .tit,.index-player-swiper .swiper-slide .content .context .mes,.index-swiper .context .desc,.index-protect .protext-work .context .desc,.inner-spec .run-date,.way-list .item .content p, .ticket-question .item .content p,.play-show-time .item,.way-main .arrive .desc,.way-main .address .info .con .small { font-size: 16px; }
.index-swiper .context .desc{ line-height: 140%;}
.active-detail-info .content p{ padding-bottom: 1em; line-height: 160%;}
.jobinfos5 .title{ text-align: left;    border-bottom: 1px solid #7AC143;
    padding-bottom: 8px;
    margin-bottom: 20px;}
.jobinfos5 .wrapper{     padding: 25px 40px;
    box-shadow: rgba(112, 193, 67, 0.2) 0px 5px 30px;
    background: #fff;  margin: 0 auto; border-radius:20px;}

.common-page ul li a{ width:100%; height:100%; line-height:0.55rem;} 
.operation_tianqi{ margin-top: 15px;}
.artH2{ height: 130px;}

.tour-mode{ margin-top: 30px;}

/*运营时间更改*/
.service_date{ position: relative;}

.service_date .operation_box2{ padding-bottom: 0;}
.service_date .operation_box{padding-top: 30px; position: relative; z-index: 2; padding-right: 0; max-width: none; padding-bottom: 0; padding-left: 30px; position: relative;}
.service_date{ max-width: 1180px;}
.service_date .operation_box2{   box-shadow: none;}
.service_date .ECalendarBox{ padding: 20px!important; border-radius:20px;  box-shadow: 0 5px 15px 0 rgba(137, 190, 87, 0.2); box-shadow: none; border: 1px solid #ededf0!important;width: 360px; }
.service_date .operation_box  .operation_datetime{ position: relative; width: 380px; margin-right: 0; padding-right: 30px; box-shadow: 10px 10px 10px 0 rgba(28, 30, 65, 0.0392156863);   }
.operation_info{ }

.ECalendarBox li.activ:before, .ECalendarBox li.activ:hover:before,.ECalendarBox li:hover:before, .ECalendarBox li.click:before{    background: #89be57!important;}
.ECalendarBox .currentdate {border-bottom: 1px solid #d8d8d8!important;}
.operation_datetime:after,.operation_info:after{ content: ""; display: block;  position: absolute; bottom:-20px; left: 0; right:0; height: 40px; background: #fff;}
.operation_info{ position: relative;}
.operation_info{   box-shadow: 0px 10px 19px 0 rgba(28, 30, 65, 0.0392156863);  padding-left: 30px; padding-right: 20px;}
.wrap-opentime,.recommodtj-wrap,.operinners{ position: relative; z-index: 5;}
.service_content .operation_box2{ border-radius:20px; }
.recommodstit{ font-weight: bold; color: #000;}
.poentime-cell{     background: #F0F4F0;     color: #173d3f;     border-radius: 12px; padding:20px 15px; width: 31.33%; margin-right: 2%; }
.poentime-cell h4{ font-size: 20px; }
.ECalendarBox ul.day li span{ font-size: 16px!important;}
.poentime-cell span{ font-size: 18px;font-weight: bold; display: block; padding-top: 10px;}
.wrap-opentime { margin-top: 20px;}
.recommodtj-wrap{ margin-top: -10px;}
.recommodtj-wrap .item-cell{ margin-top: 30px; font-size: 16px;}
.recommodtj-wrap .item-pic{ width: 200px; border-radius:10px; margin-right: 25px; }
.recommodtj-wrap .item-cell .item-cnt{ width: calc(100% - 225px)}
.recommodtj-wrap .item-cell .item-tit{ padding-top: 20px; font-weight: bold; color: #000;}
.recommodtj-wrap .item-cell .item-desc{ margin-top: 10px; color: #999;}
.recommodtj-wrap .item-cell *:hover{ color: #106B46;}
.recommodtj-wrap .item-pic img{ transition: all .3s;}
.recommodtj-wrap .item-cell .item-pic:hover img{ transform: scale(1.05);}
.times-desc{ color: #173d3f; font-size: 16px; /*font-weight: bold;*/}
/*
*/
.inner-banner{ position: relative; z-index: 2;}
.service_date{ margin-top: -130px; z-index: 1; position: relative;}
.service_content .operation_box2{ padding-top: 100px;}


/*票务预订新调整开始*/
.book-mes a{ margin-left: 15px;}
.ticket-box{ margin-right: -4%;}
.ticket-box .ticket-type { width: 46%; margin-right: 4%;background: #f8f8f8; border-radius: 20px;}
.ticket-book .ticket-type .ticket-list .ticket-info .name{ font-size: 18px;}  
.ticket-main{ max-width: 1180px; width: 100%;}
.ticket-main .book-btn {
  display: block;
  width: 385px;
	  width: 40%;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  background-color: #FFD200;
  font-size: 18px;
/*  color: #1A1A1A;*/
	color: #330906;
	
  font-weight: bold;
  cursor: pointer;
  box-sizing: border-box;
  border: 2px solid #FFD200;

  transition: all 300ms ease;
 margin:50px auto 0 auto;
}
.ticket-book .ticket-type-2 .ticket-list .item{    /*padding: 25px 0; */  }
.ticket-book .ticket-type .ticket-list .item{ border-top: none; border-bottom: 1px solid #e0e4e0; margin-left: 30px; margin-right: 30px;  }
.ticket-book .ticket-type .ticket-list .item:nth-last-child(1){ border-bottom: none;}
.ticket-book .ticket-type .ticket-list .ticket-info .name{ padding-left: 0;}
.ticket-book .ticket-type .ticket-list .ticket-info .price{ padding-right:0; font-size: 18px;}
.ticket-book .ticket-type-2 .type{color: #330906;}
.ticket-book .ticket-type-2 .ticket-list .item:nth-child(1){ /*padding-bottom: 25px;*/}
.ticket-book .ticket-type-2 .ticket-list .item:nth-child(2){ /*padding-top: 25px;*/}

.ticket-main .book-btn{ border: 2px solid #106B46;background:#106B46; color: #fff;}	   
.ticket-book .ticket-type .ticket-list .ticket-info .price{ color: #000;}
.ticket-main .book-btn:hover {
  background-color: transparent;
	background: #7AC143; color: #fff; border: 2px solid #7AC143;
}  
.spectit {
    font-size: 40px;
    line-height: 52px;
    color: #1A1A1A;
    font-weight: bold;
}
.wrap-spec{ margin-top:60px; padding: 50px 0; background: #fcfcfc;}
.wrap-spec .wrap-layer{ max-width: 1180px; min-width: 0;}
.modspec{ margin-right: -2%; }
.modspec  .item-cell{ width: 48%; margin-right: 2%; margin-top: 2%;     background-color: #fff;
    border-radius: 9px;

    padding:20px;
    transition: all 0.5s cubic-bezier(0.27, 0, 0, 1);
    border: 1px solid #f3f4f5; }
.modspec  .item-cell:hover{
 box-shadow: 0px 5px 20px 0 rgba(28, 30, 65, 0.1); transform: translateY(-5px);
}

.modspec  .item-cell .item-pic{ width: 250px; border-radius: 15px; max-height: 150px; overflow: hidden; margin-right: 25px;}
.modspec  .item-cell .item-pic img{ max-width: none; max-height: none;}
.modspec  .item-cell .item-tit{ font-size: 18px; margin-top: 10px;  color: #1a1a1a; font-weight: bold;}
.modspec .run-date {
  display: flex;
  align-items: flex-start;
  line-height: 24px; font-size: 16px;
  margin-top: 10px; min-height: 55px;
	color: #999;
}

.modspec .run-date .icon {
  width: 32px;
  height: 32px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 15px;
  background-color: #106B46; display: none;
}

.modspec .run-date .icon .iconfont {
  font-size: 15px;
  color: #FFD200;
}

.modspec .run-date .time ul {
  overflow: hidden;
}

.modspec .run-date .time ul li {
  float: left;
}

.modspec .run-date .time ul li + li {
  margin-left: 20px;
}

.modspec .book {
  margin-top: 5px;
  min-width: 95px; padding: 0 10px;
  height: 35px;
  display: inline-block; text-align: center; line-height: 35px;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background-color: #FFD200;
  font-size: 14px;
  color: #330906;
  font-weight: normal;
  cursor: pointer;
  box-sizing: border-box;
  border: 2px solid #FFD200;
  transition: all 300ms ease;
	border: 1px solid #106B46;
    background: #fff;
    color: #106B46;
}

.modspec .book3{ cursor: default;}

.modspec .book:hover {
  background-color: transparent;background: #7AC143; color: #fff;	border: 1px solid #7AC143;
}
.modspec .book3:hover{  background-color: #fff;     color: #106B46;	border: 1px solid #106B46;}

.ticket-ewm-popup .ewm2{ width: 300px;}

/*票务预订新调整结束*/


/*吃喝玩乐*/
.modsplay { padding-top: 40px;}
.modsplay .store-list{ margin-top: 30px;}
.modsplay  .common-tits {    border-top: 1px solid #70916D;border-top:none; } 
.modsplay .performance-list{ margin-top: 30px;}
.little-panda-spec-swiper .swiper-slide .core .pic{ border-radius: 20px; overflow: hidden;}
.us-event-swiper{    background-color: rgba(223, 230, 194, 0.3);}

/*达到方式*/
.modways *{ font-style: normal;}
.waybanner .banner-cnt:after{ content:""; position: absolute; left: 0; right: 0; top: 0; bottom: 0;/* background: rgba(0,0,0,.4); */background: rgba(0,0,0,.2); display: block; z-index: 2;}
.waybanner .mode-banner .mode-inner{ z-index: 3; position: static;}
.waybanner .inner-banner .context .wrapper{ padding: 0; text-align: center;}
.waybanner .mode-inner .banner-cnt{ position: static;}
.waybanner .inner-banner .context{ width: 100%; justify-content: center;}
.waybanner .mode-inner .banner-cnt .context{ top:-90px;top:-70px;}
.eways{ background: #fff; border-radius: 20px; height: 90px; margin-top: -40px; position: relative; z-index: 5;    box-shadow: 0px 10px 19px 0 rgba(28, 30, 65, 0.0392156863);}
.eways ul{ align-items: center; height: 90px;  color: #106B46;}
.eways li span{ width: 40px; display: block; margin: 0 auto; }
.eways li cite{font-style: normal;}
.eways li { font-size: 18px; width: 25%; }
.eways li a{ display: block; text-align: center;  padding: 10px 0; border-radius: 20px; cursor: pointer;}
.eways li a:hover{ background:rgba(213,237,221,0.6);}
.way-city{ line-height: 160%;}
.way-city .waymaps{  margin-right: 2%;width: 49%;  width: 42%; }
.way-city .waymaps .mapspic { width: 100%; border-radius: 20px; overflow: hidden;}
.way-city .waycity-cnt {/* width: 49%;*/ flex: 1;}
.ouraddr{ margin-bottom: 26px; margin-top: -10px; font-size: 18px; display: block;line-height: 30px; padding-left: 30px; background: url("../imgs/addr3.png") 0 2px no-repeat; background-size:20px auto;}
.ouraddr cite{ font-style: normal;}
.ouraddr span{ color: #106B46; font-weight: bold;}
.waycitytit{ color: #1a1a1a; font-weight: bold; border-bottom: 1px solid #D8D8D8; padding-bottom: 10px; line-height: 120%; font-size: 28px; } 
.way-city .wtit{ font-size: 20px; font-weight: bold; margin-top: 20px;color: #1a1a1a;}
.subway span{ width: 18px; display: block; padding-top: 5px; margin-right: 18px;}
.subway cite{ display: block; flex: 1; }
.subway li{ margin-top: 20px;}
.seftcar-cnt{  background: #e7f0ec; border-radius: 15px; padding: 8px 20px; margin-top: 15px;}
.seftcar-cnt  span{width: 22px; height: 18px; display: block;padding-top: 7px;margin-right: 18px; }
.seftcar-cnt  cite{display: block; flex: 1; color: #106B46; font-weight: bold;}
.subway cite i{ color: #F7AC1F; font-weight: bold;}

.selftipstit{ font-weight: bold; margin-top: 30px;}
.selftips{ margin-top: 10px;  padding-left: 15px; position: relative;}
.selftips:after{ content: ""; width: 4px; height: 4px; border-radius:4px; background: #666; position: absolute; left: 0; top: 12px;}

.waycitytit2 { padding-bottom: 0; border-bottom: none;}
.modflyway{ margin-top: 30px; margin-right: -2%; color: #FFF;}
.modflyway .item-cell{ background: #7AC143; border-radius:20px; padding: 35px 20px; }
.modflyway .item-cell{ width: 31.33%; margin-right: 2%;}
.modflyway .item-cell .flycnt{ padding-left: 40px; background: url("../imgs/flys2.png") left top 4px no-repeat; background-size:24px auto;}
.modflyway .item-cell .flycnt h4{  font-size: 20px;}
.flytips{ margin-top: 20px;}
.modflyway .cores{ padding: 15px 0; border-bottom: 1px solid rgba(255,255,255,.4);}
.modflyway .item-cell:nth-child(1) .cores{padding:25px 0;}
.modflyway .item-cell:nth-child(1){background: #7AC143 url("../imgs/plane-line2.png") bottom right no-repeat; background-size: 150px auto;}
.modflyway .item-cell .cores:nth-last-child(1){ border-bottom: none; padding-bottom: 0;}
.modflyway .item-cell:nth-child(2){background: #FFD200 url("../imgs/train-line2.png") bottom right no-repeat; background-size: 120px auto;}
.modflyway .item-cell:nth-child(3) { background: #106B46}

.modflyway .item-cell:nth-child(2) .flycnt{ padding-left: 38px; background: url("../imgs/gt.png") left top 4px  no-repeat; background-size:22px auto;}
.modflyway .item-cell:nth-child(2) .flycnt span{ display: block; flex: 1; margin-left: 15px; padding-top: 5px;}
.modflyway .item-cell:nth-child(2) .flycnt.fnobg{ background: none;}
.modflyway .item-cell:nth-child(2) .flycnt.fnobg span{ margin-left: 0;}
.modflyway .item-cell:nth-child(2) { color: #330906}
.modflyway .item-cell .cores:nth-child(1){ padding-top: 0;}
.mptit{ font-weight: bold; margin-top: 15px; font-size: 20px;}
.downbts{ margin-top: 20px;}
.downbts a{ background: #fff; display: block; font-size: 16px; width:  120px; height: 40px; line-height: 40px; text-align: center; color: #106B46; border-radius:8px; }
.downbts a:hover{ background: #7AC143; color: #fff;}
.pos{ position: relative; top: -160px;}


/*运营时间*/
.modsindexservice{}
.rundate .ndesc { text-align: center; color: #1a1a1a; margin-top: 5px; }
.runtimes{  max-width: 1200px; margin:30px auto 0 auto; }
.runtimes .poentime-cell{ text-align: center; margin-right: 4%; width: 46%;    padding: 35px 15px;}
.runtimes .wrap-opentime{ margin-right: -4%;}
.runtimes .poentime-cell:nth-child(1){ background: #7AC143; color: #fff;}
.runtimes .poentime-cell:nth-child(2){ background: #FFD200; color: #330906; }
.runtimes .poentime-cell:nth-child(3){ background: #9DC800; color: #fff;}
.runtimes .poentime-cell h4{ font-size: 24px;}
.runtimes .poentime-cell span{ font-size: 22px;}

.serv-solo{ margin-top: 20px; margin-bottom: 20px; display: flex; align-items: center; justify-content: center; color: #fff; text-align: center; height: 280px; background:#106B46  url("../imgs/bg8.png")  right 0 bottom no-repeat;  background-size: 100% auto;}
.s-addr{ margin-top: 15px; display: inline-block; background: url("../imgs/addr4.png") no-repeat; background-size:24px auto; padding-left: 35px;} 
.serinner{ margin-top: -40px;}
.s-addr span{ color: #FFD200;}
.s-txt{ /*font-weight: bold;*/}
.bom-serivces a{ cursor: pointer;}
.bom-serivces{ display: flex; } 
.tick-left{width: 30%; padding: 40px 35px 40px 35px; margin-right:4%; background: #f1f8ec url("../imgs/c19.png") right -50% bottom -50% no-repeat; border-radius:20px;   }
.serviceright-wrap{ flex: 1; display: flex; flex-wrap: wrap; margin-right: -4%; }
.serviceright-wrap .item-cell img{ display: block; max-width: none;}
.serviceright-wrap .item-cell{ width: 46%; margin-right:4%; position: relative; margin-bottom:4%; border-radius:15px; overflow: hidden;}
.serviceright-wrap .item-cnt{ position: absolute; bottom:0; left: 0; right: 0;  }
.serviceright-wrap .item-cnt a{padding:15px 30px; display: block; background: rgba(0,0,0,.5); color: #fff; }
.serviceright-wrap .item-cell:nth-last-child(1){ margin-bottom: 0;}
.serviceright-wrap .item-cell:nth-last-child(2){ margin-bottom: 0;}
.ticktop{ color: #106B46; font-weight: bold;}
.tickdesc{ color: #333; margin-top: 15px;}
.ticketlist{ margin-top:25px;  border-top: 1px solid #D8D8D8;}
.ticketlist li{ border-bottom: 1px solid #D8D8D8;}
.ticketlist li a{ display: block; padding: 25px 0 25px 45px; background: url("../imgs/picon1.png") left  center  no-repeat; background-size:auto 20px; position: relative; color: #330906;}
.ticketlist li:nth-child(2) a{background: url("../imgs/picon2.png") left  center  no-repeat; background-size:auto 22px;}
.ticketlist li:nth-child(3) a{background: url("../imgs/picon3.png") left  center  no-repeat; background-size:auto 20px;}
.ticketlist li a:after{    content: "\e649";     font-family: "iconfont" !important;
    font-size: inherit;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; position: absolute; right: 0; top: 50%; transform: translateY(-50%); font-size: 16px; color: #3D3D3D; }
.ticketbtn{ margin-top: 35px;}
.ticketbtn a{ font-size: 18px; display: block; color: #fff; text-align: center; width: 100%; background: #106B46; border-radius: 50px; line-height: 50px;}
.ticketlist li:hover a:after,.ticketlist li:hover a{ color:#106B46;}
.ticketbtn a:hover{ background: #7AC143;}
.waybanner .operation_tianqi{ margin-top: 30px;}
.anitit{ text-align: center;font-size: 32px;font-weight: bold;color: #1A1A1A;margin-bottom: 40px;}




/*动物只显示3个*/
.animal-images{ max-width:1920px; width:100%; margin:0 auto; }
.noroll { padding-bottom: 15px;}
.noroll .swiper-wrapper{ justify-content: center;}
.noroll .swiper-slide{ flex: 1; max-width: 33.33%;}
.noroll  .btn-controls{ display: none;}

.flex-3 .box .item{  /*max-width: 33.33%;*/ }
.flex-3 .box .ad-image{ padding-top: 130%;}


/*动物详情页变小*/
.animal-images{ max-width:85%; }
.animal-other-swiper .swiper-slide{    width: 33.678%;}
.animal-content table{ }

/*展区正文内容文字变大*/
.inner-selfdrive .common-info .info-desc,.inner-selfdrive-seven .area-introduce .small,.inner-selfdrive-seven .area-swiper-intro,.selfdrive-swiper .context,.common-info .info-desc p,.common-info .info-desc{ font-size: 18px; line-height:180%;text-justify:inter-ideograph; 
text-align: justify;text-justify: distribute;}
.inner-selfdrive-seven .ad-image{ }
.inner-selfdrive .common-info .info-desc{ /*width: 1100px; */   width: 1118px;text-justify:inter-ideograph; 
text-align: justify;text-justify: distribute;}
.inner-selfdrive-seven .area-swiper .swiper-slide .pic{padding-top: 58.7%;}
.inner-selfdrive-seven .area-swiper .btn-box{margin-top: 59.1111%;}
.inner-selfdrive-seven .area-swiper .swiper-slide .context .img-info{ font-size: 24px;}
.inner-selfdrive-seven .ad-image{ max-width: 1225px; padding-top: 50%;}
.inner-selfdrive-seven .area-swiper,.inner-selfdrive-seven .area-introduce{ width: 1000px;}
.inner-selfdrive-seven .area-introduce30{/*width: 1100px;*/ width: 1118px;}
/*.selfdrive-swiper .pic{ padding-top: 55%;}*/
.my-swiper-2 .pic{padding-top: 59%;}
.inner-little-panda-eight .my-swiper-2{ max-width: 1000px;}
.inner-selfdrive-seven .area-swiper .swiper-slide .context .img-info i{ padding: 0 10px;}

/*自驾方式，小火车*/
.waytabs{ justify-content:center;  display:flex; }
.wvist-ways{ border-bottom: 3px solid #7AC143; margin-top: 40px;}
.ways-cell span{ padding-left: 40px;  background: url("../imgs/buic30.png") 0 center no-repeat;  background-size:34px auto; display: inline-block;}
.ways-cell{ padding: 20px 60px;  font-size: 24px;  border:2px solid #7AC143; color: #7AC143; margin: 0 30px;  border-bottom: none; border-top-left-radius: 20px;border-top-right-radius: 20px;}
.actives.ways-cell{ background: #7AC143; color: #fff; }
.tabcontents2{ margin-top: 35px;}
.ways-cell:nth-child(2) span{ padding-left: 60px; background: url("../imgs/xiaohuoche.png") 0 center no-repeat;  background-size:54px auto;}
.tour-mode-wrap6{ max-width: 100%; margin:40px auto 0 auto; display: flex;}
.tour-mode-wrap6 .item{ width: 48%; padding: 0 0;  margin: 0 2%;   border: 1px solid #EAEAEA;border-radius:  20px; overflow: hidden;}
.tour-mode-wrap6 .wrap{ box-shadow: none; border: none; }
.tour-mode6{ margin-top: 50px;    padding: 0 50px;}
.tour-mode-wrap6 .wrap .context{ height: auto; padding:0; font-size: 22px;  color: #000;}
.tour-mode-wrap6 .wrap .tourcnt{ height: auto; padding:20px 20px}
.tour-mode-wrap6 .seldesc{ font-size: 18px; margin-top:15px; color: #888}

/*展区主页*/
.showwraps{ background: #106b46 url("../imgs/zqbg2.png") left 0 bottom no-repeat; background-size:100% auto; padding-top: 25px; padding-bottom: 110px; color: #fff;}
.guitit {    font-family: "SourceHanSerifCN"; font-weight: bold; text-align: center; margin-top: 10px;}
.gui-hua-con2 .two .one { align-items: flex-end;font-family: "SourceHanSerifCN";color: #FFD200; margin: 0 60px; position: relative;}
.gui-hua-con2 .two .one:after{ content: ""; position: absolute; height: 55px; right: -60px; top: 50%; transform: translateY(-35%); background: rgba(255,255,255,.3); display: block; width: 1px;}
.gui-hua-con2 .two .one:nth-last-child(1):after{ display: none;}
.gui-hua-con2 .two .num{ font-size: 80px; line-height: 100%; }
.gui-hua-con2 .desc{ margin-top: 25px; line-height: 180%;    text-justify: inter-ideograph;
    text-align: justify;
    text-justify: distribute;}
.gui-hua-con2{ max-width: 1200px; margin: 0 auto;}
.gui-hua-con2 .desc center{ display: block;  text-align: center;}
.gui-hua-con2 .desc{ font-size: 22px;}
.modshow-areas,.modthree-shows{ max-width: 1600px; width: 90%; margin: 0 auto; /*padding: 0 50px;*/}
.modshows{ flex-wrap: wrap; margin-right: -4%; margin-top: -2%; align-items: flex-start; padding-top:5px;}
.modshows .item-cell{ /*width: 30.33%; margin-right: 3%;*/  width: 29.33%; margin-right: 4%; margin-top: 2%; position: relative; overflow: visible;}
.modshows .item-cell .item-tit a{ color: #000; align-items: center; display: block;}
.modshows .item-cell .item-tit a:hover *{color: #357348; }
.modshows .item-cell .item-pic{ border-radius:25px; overflow: hidden; z-index: 8; position: relative; transition: all .3s;}
.modshows .item-cell .item-tit a:hover  i { color: #fff;}
.modshows   .item-tit a{ position: relative; padding-right: 0;}
.modshows  .item-tit a:after{    content: "\e649";     font-family: "iconfont" !important;
    font-size: inherit;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; position: absolute; right: 0; top: 8px; font-size: 20px; color: #3D3D3D; }


.modshows .item-cell .item-cnt{border-bottom-left-radius:25px;border-bottom-right-radius:25px;  background: rgba(0,0,0,.6);  position: absolute; bottom: 0; left: 0; right: 0; z-index: 14; color: #fff; padding: 25px 22px;}
.modshows .item-cell .item-cnt *{ color: #fff!important;}
.modshows .item-cell .item-cnt span{ /*font-weight: bold;*/}
.modshows .item-cell .item-cnt i{ margin-top: 12px; overflow: hidden; display: -webkit-box !important; line-clamp:2; -webkit-line-clamp: 2; box-orient: vertical; -webkit-box-orient: vertical;/* min-height: 66px;*/ min-height: 44px;}
.modshows .item-tit a:after{ color: #fff; font-size: 18px;}
.modshows .item-cell:hover .item-pic{   transform: scaleY(1.06) translateY(-3%);} 
.modshows .item-cell:hover .item-pic img{ transform:scaleX(1.06)} 
.modshows .item-cell:hover  .item-tit span,.modshows .item-cell:hover  .item-tit a:after { color: #FFD200!important;}
.showtabs{ align-items: center;}
.showtabs cite{ font-size: 16px; padding: 12px 20px 12px 20px; line-height: 120%; font-style: normal; text-align: center; background: #106B46; border-radius: 25px; border-bottom-right-radius: 0; display: block; color: #fff; display: none;} 
.showtabs a{ text-align: center; display: flex; justify-content: center;}
.showtabs a span{ cursor: pointer; min-width: 137px; text-align: center; margin: 12px 45px;  display: block; /*font-weight: bold;*/ color: #000;} 
.showtabs a.active{ background: #E3F2D4; color: #106B46; border-radius: 25px; border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
.showtabs a.active span{  font-size: 28px; color: #106B46;margin-right: 30px;font-weight: bold;}
.showtabs a.active cite{ display: block;}
.showcontents{ background: #E3F2D4; padding: 50px 0 60px 0; position: relative; overflow: hidden;}
.showcontents:after{ content: ""; display: block; position: absolute; width: 600px; height: 600px; background:  url("../imgs/zqbg6.png") no-repeat; background-size: 100% auto; right: -300px; top: -350px;}
.showcontents:before{ content: ""; display: block; position: absolute; width: 600px; height: 600px; background:  url("../imgs/zqbg7.png") no-repeat; background-size: 100% auto; left: -320px; bottom: -350px;}

.showindetails,.showtabs { max-width: 1100px; margin: 0 auto;}
.showtabs { justify-content: space-between; margin-top: 20px;}
.myshowcnts{ margin-top: 30px; line-height: 180%;text-justify: inter-ideograph;text-align: justify;text-justify: distribute;}
.show-slogo{ position: relative;color: #7AC143; font-weight: bold; border-bottom: 1px solid #7AC143; padding-bottom: 10px;}
.show-slogo:after{ content: ""; position: absolute; height: 4px; left: 0; width: 90px; background: #7AC143; bottom: 0;}
.lmores a{ display: inline-block; height: 50px; line-height: 50px;text-align: center; padding: 0 25px; background: #FFD200; color: #1A1A1A;  border-radius: 16px;}
.lmores{ margin-top: 35px; text-align: center;}
.lmores a:hover{ color: #fff; background: #7AC143;}

/*三大广场*/
.modthree-shows{align-items: flex-start;} 
.three-shows{ margin-right: -3%; }
.modthree-shows{}
.three-shows .item-cell{ overflow: hidden;border: 1px solid #106B46;  border-radius:25px;  width: 30.33%; margin-right: 3%; position: relative;transition: all .3s;}
.sjtips{ position: absolute; right: 0; height: 70px; line-height: 120%;  padding: 10px 5px 0 25px; text-align: center; color: #fff; background: #106B46; border-bottom-left-radius:125px;}
.three-shows .item-cnt{ padding: 35px 25px 45px 25px; padding-top: 50px;}
.three-shows .item-tit2 a{ color: #6BB036}
.three-shows .item-tit2{color: #6BB036;line-height: 120%; margin-top: 10px; min-height: 52px;}
.three-shows .item-desc{ margin-top: 20px; color: #1a1a1a; line-height: 160%;text-justify: inter-ideograph;text-align: justify; text-justify: distribute;}
.three-shows .arrmores{ margin-top: 30px; text-align: center;}
.three-shows .item-tit{ font-weight: bold; color: #000;}
.three-shows .icon-a-lujing48:before{color: #6BB036; cursor: pointer;}

.three-shows .item-cell:hover{     box-shadow: rgba(112, 193, 67, 0.2) 0px 5px 10px; background: #fff;}
.three-shows   .showall .item-desc a{    line-clamp: 30;
    -webkit-line-clamp: 30;transition: all .3s;}
.three-shows   .showall .arrmores{ transition: all .3s;}
.three-shows   .showall .arrmores { display: block;
    transform: rotate(180deg);
}


/*导航有点透明度*/
.pc-menu .navigator{background-color:rgba(255,255,255,.7);}
.pc-menu .right-field{ background: none;}
.pc-menu .navigator .bgfff{background-color: #fff!important; margin-top:-20px; height: 60px;}
.pc-menu .navigator:hover{background-color:rgba(255,255,255,1);  background-color: #fdfff7;}
/*.pc-menu .menus .menus-list .menu{ height:70px;}*/
.pc-menu .logo-img{ height: 80px;}
.pc-menu .logo-img{ max-height: 75px; width: auto; min-width: 100px;}

/*.pc-menu .navigator .bgfff{ }*/

/*banner有透明度*/
.inner-banner .context2{  /*  background: linear-gradient(90deg, rgba(16, 107, 70, 0.5) 0%, rgba(50, 50, 50, 0) 60%);*/}
.inner-banner .context2 .wrapper{ position: relative;}
.inner-banner .context2 .wrapper:after{ width: 320px; height: 320px;  top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%);z-index: 1; content:""; display:block; position: absolute; background: radial-gradient(circle, rgba(0, 0, 0, 0.6) 0%, rgba(50, 50, 50, 0) 75%); }
.inner-banner .context2 .wrapper *{ position: relative; z-index: 3;}

.endangered-level .level-un:nth-child(2){ padding-right: .2rem; width: 1.6rem;}
.little-panda-spec-swiper .swiper-slide .core .context,.little-panda-activity .wrapper .item .context{  font-size: 18px; color: #000;}

.eight-list .item{ position: relative;}
.eight-list .item.active:after{ content: ""; display: block; position: absolute; left:50%; bottom:-20px; /* transform: translateX(-20%);*/transform: translateX(-50%);border: 10px solid transparent; border-top: 10px solid #7AC143;}
.eight-list .item.active:nth-child(2n):after{ border-top: 10px solid #FFD200;}


.little-panda-spec-swiper .swiper-slide .core .context{ font-weight: normal;}
.animals-list-search .info{ max-width: 1020px; margin-left:auto;margin-right:auto;}


/*12-22科普互动*/
.md-newone{ max-width: 1000px; margin:40px auto 0 auto; align-items: center;} 

.md-newone .littlepanda-hudong{ width: 45%;}
.md-newone .kp-img{ width:45%;}
.md-newone .kp-title{ text-align: center; margin-top: 15px; font-size: 18px; position: absolute; bottom: 0; left: 0; right: 0;background: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.7));
background: -moz-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);; /*FireFox*/
background: -o-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);  /* Opear */
background: -ms-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.7)); color: #fff;  padding-bottom: 20px; padding-top: 15px;}
.md-newone  .littlepanda-hudong{ margin: 0;}
.md-newone  .kp-img{ position: relative; border-radius:20px; overflow: hidden;}


/*展区滚动*/
.shinfos{  overflow: hidden; height: 0;}
.zqshows{  overflow: visible; height:auto;}
.zq-show-wrap{margin-top: 30px;}
.zq-show-wrap .swiper-container{ margin-right: -3%; position: relative;}
.zq-show-wrap .item-cell .item-pic{ border-radius:20px; overflow: hidden;}
.zq-show-wrap .item-cell .item-tit{ text-align:center; margin-top: 15px; font-weight: bold;}
.zqrolls{}
#zqrolls1 .swiper-container,#zqrolls2 .swiper-container,#zqrolls3 .swiper-container,#zqrolls4 .swiper-container{ margin-right: 0;}

.zq-show-wrap .btn-next,.zq-show-wrap .btn-prev{  left: -70px; position: absolute; top: 45%; transform:translateY(-50%) scale(0.8); }
.mod-zqrolls{ position: relative; }
.zq-show-wrap .btn-next{ right: -70px; left: auto;}
.zq-show-wrap .btn-next{}
.zq-show-wrap .inner-btn-prev, .zq-show-wrap  .inner-btn-next{ background:#a6cf82;}
.zq-show-wrap .inner-btn-prev:hover, .zq-show-wrap  .inner-btn-next:hover{background:#33684d;}

.norolls{margin-right: -3%;}
.norolls  .btn-next,.norolls  .btn-prev{ display: none;}
.norolls .item-cell{ width: 30.33%; margin-right: 3%;} 

.othershows  .item-tit a:after{ display: none;}
.othershows .item-tit a{ padding-right: 0;}
.othershows .item-cell .item-tit i{    line-clamp: 13;
    -webkit-line-clamp: 13;}
.store-list5{ margin-top: 30px;}
.modshows .item-pic img{ height: 470px; width: 100%;} 


.modsparks{ margin-top:25px;} 
.modsparks .park-cell{ border-top: 1px dotted #b9d5c1; padding-top:30px; margin-top: 30px;/*background: #f1f8ec;*/ /*border-radius:20px; *//*overflow: hidden;*//* border: 1px solid #e7f0ec; *//*box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.05);*/ }
 .parktop{   color: #000000; padding: 10px 0; font-weight: bold;}
.parkcntlist{ padding: 0; margin-top: 0;}

.parkcntlist li{ color: #1A1A1A;  padding-left:30px;  font-size: 16px; margin-top:20px; position: relative;}
.parkcntlist li span{  content:""; width: 18px; height: 18px; border-radius:18px; line-height: 118px; overflow: hidden; color: #fff; font-size: 14px; text-align: center; background:url("../imgs/parkicon2.png") no-repeat; background-size:  16px 16px; display:  block; position: absolute; left: 0; top: 2px;}



.parking-img{ justify-content: center; display: flex; margin-right: 30px;}
.parks-pays ul{ flex: 1;}
.pcodes{ width: 140px; margin-left:50px; text-align: center;}
.pcodes cite { font-style: normal; font-size: 14px; text-align: center; color: #106B46;}
.modpark *{font-style: normal;}
.parking-img,.modpark { width: 100%;}
.parktits{} 
.modpark ul{ margin-bottom: 20px; margin-top:15px;}
.modpark ul li{ padding-bottom: 5px;}
.modpark ul li:nth-child(3){ margin-top:25px;}
.modpark  li span,.parktits{ color:#FFD200; display: block;}
.modpark ul li cite{  margin-top: 15px; display: block; }
.modpark ul li cite strong{ display: block; padding-top:2px;}
.modpark ul li.notes2{ color: #fff;}
.modpark-left{ background:url("../imgs/parkicon6.png") left 0 bottom 0 no-repeat, url("../imgs/parsbg.png") no-repeat; background-size:  100px auto, cover; padding: 40px; color: #fff; border-bottom-left-radius: 20px; border-top-left-radius:20px;  }
.modpark-right{ position: relative; background:#7AC143; padding: 40px; color: #fff;border-bottom-right-radius: 20px; border-top-right-radius:20px; background:#7AC143; }
.notes2{ color: #999;}
.modpark-right:after{ content: ""; display: block; position: absolute;  right: -20px; bottom: 0; background:url("../imgs/parkicon1.png") right 0 bottom 0 no-repeat; background-size:  100px auto, cover; width: 100px; height: 100px; }
.parks-pays,.modparkinners{ max-width: 420px; margin: 0 auto; width: 100%;} 

.modpark-right{ display: flex; align-items: center;}
.modsparks2{ position: relative;}
.modsparks2:after { content: ""; display: block; position: absolute;  background:url("../imgs/parkicon8.png") 0 bottom no-repeat; background-size:100% auto; height: 140px; position: absolute; bottom: -40px; left: 50%; width: 82px;  transform: translateX(-50%); bottom:  50px;}

.jfbtns{  text-align: center; margin-top: -23px; position: relative; z-index: 8;}
.jfbtns a{ width:210px; height:45px; line-height:45px; text-align:center; color: #1A1A1A; background: #F2B61A; display: inline-block; border-radius:15px; font-size: 16px;  }
.jfbtns a:hover{ background: #FFD200;}

.whitesbg{ background: #fff; }
.greybg8{ background:#f1f9ea;}
.parkboms2{ margin-top: -100px; background:#f1f9ea; padding-top: 100px;}
.modsparks{ max-width: 1154px; margin: 0 auto;}
/*改大小*/
.little-panda-spec-swiper{ margin-bottom: 50px;}
.little-panda-activity{ margin-top: 30px;}

.partits1 span,.partits2 span{ display: inline-block;  background: url("../imgs/parkicon4.png") 0 center no-repeat; background-size:38px auto; padding-left:50px; } 
.partits2 span{ background: url("../imgs/parkicon3.png") 0 center no-repeat; background-size:38px auto;}

.jfbtns{ cursor: pointer;}
.ticket-ewm-popup6 .ewm{ max-width: 400px;}
.ticket-ewm-popup{ z-index: 88888;}
/*改天气居左*/
.eways{ margin-top: 30px; background:#f1f8ec; display: none;}
.eways ul{ } 
 
/*
.waybanner .inner-banner .context{ justify-content: flex-start;}*/

.park-help-page .help-list .item .item-a .text{ flex: 1;}


/*关于我们大事记换行*/
.us-event-swiper .event-context .context p{padding-bottom: 1em;}
.us-event-swiper .event-context .context p:nth-last-child(1){ padding-bottom: 0;}


.selfdrive-swiper,.inner-selfdrive{margin-top:50px;}

/*餐厅加分类*/
.typesmenu{ margin-top:40px; position: relative; top: 20px;}
.typesmenu li a{ height: 50px; color: #000; line-height: 50px; display:block; border-radius:50px;  padding: 0 40px; background: #fff;    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.1);}
.typesmenu li{ margin: 0 20px;}
.typesmenu li.active a,.typesmenu li:hover a{background: #7ac143;        color: #fff; }

/*搜索*/
.inputs  input{ padding-right: 58px;}


/*首页生态展区滚动*/
.ecl-swiper .item-cell{ position: relative; font-size: 16px; border-radius:20px; overflow: hidden;}
.ecl-swiper .item-pic{}
.ecl-swiper .item-cell .item-cnt{ position: absolute; left: 0; right: 0; z-index: 2; bottom: 0; padding: 30px 20px 20px 20px;  color: #fff;
	background: -moz-linear-gradient(top,rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.6) 100%);; /*FireFox*/
background: -o-linear-gradient(top,rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.6) 100%);  /* Opear */
background: -ms-linear-gradient(rgba(0,0,0,0.2),rgba(0,0,0,0.4));
background: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.2),rgba(0,0,0,0.4));
}
.ecl-swiper .item-cell .item-cnt .item-desc{ display: none!important; }
.mod-ecls .swiper-title{ justify-content: flex-start;}
.mod-ecls .ecl-solgos{ flex: 1;  margin-left: 20px; margin-right: 20px; font-size: 16px;}
.mod-ecls{ background-color: #106b46 ;background-color: #008945;  background-image:url(../images/dwyiconbg.png),url(../images/dwyiconbg.png); background-repeat: no-repeat; background-repeat: no-repeat; 
	
	background-position: right -90px top 0, left -90px bottom -20px; background-size:2.5rem auto,2.5rem auto;
	
	
	/**/ padding:60px 50px;  border-radius:50px; /*border-bottom-left-radius: 0; border-bottom-right-radius: 0;*/ /*margin: 0 20px;*/  position: relative; z-index: 5;}
.ecl-swiper{overflow: hidden;}
.ecl-swiper .item-cell .item-tit{ position: relative; font-size:20px; }
.ecl-swiper .item-cell .item-tit i { font-size: 16px; position: absolute;  right: 0; top: 8px;}

.mod-ecls .title{padding-right: 20px; position: relative;}
.mod-ecls .title:after{ content: ""; /*border-right: 1px solid #106B46;*/border-right: 1px solid #fff; height: 35px; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}


.ani-dans .swiper-title{ justify-content: center;}
.mod-ecls .title,.mod-ecls .ecl-solgos{ color: #fff;}


.ani-dans{ background: #f1f8ec url("../images/nbg60.jpg") center 0 no-repeat; padding-top: 60px; margin-top: 0; /*border-top-left-radius: 50px; border-top-right-radius: 50px;border-radius: 50px; */ }

.mod-ecls{max-width: 1320px; margin: 0 auto;}  

.ani-dans{  }
.indexanmals .animal-other-swiper{ /**//*overflow: hidden;*/ /*max-width: 1200px;*/  margin-left: auto;margin-right: auto; padding: 20px 0 0 0; margin-top:20px;}

.indexanmals  .swiper-slide{ max-width: none;}
.indexanmals .index-swiper .swiper-slide{ max-width: none;}
.mod-ecls{ max-width:1460px; width: 90%; }
.mod-ecls .wrap-layer{ max-width: 1400px; min-width: 0;}
.ansdesc{ text-align: center;     color: #555555; position: relative; top: 8px;}
.mod-ecls .swiper-title .swiper-btn .btn-prev:hover, .mod-ecls .swiper-title .swiper-btn .btn-next:hover{ background:#7AC143;}
.mod-ecls  .swiper-title .swiper-btn .btn-prev:hover  .iconfont,.mod-ecls  .swiper-title .swiper-btn .btn-next:hover  .iconfont{ color: #fff;}
.indexanmals{ }
.mod-indexanmals{ /*max-width: 90%;*/}
.tanfangroll{ overflow: hidden; max-width: 1200px; margin-left: auto;margin-right: auto;}
.tanfangroll .swiper-slide{ max-width: none;}

.index-tanfang{ position: relative;}
.index-tanfang .swiper-btn{  display: block;}
.index-tanfang .swiper-btn .btn-prev, .index-tanfang .swiper-btn .btn-next {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: 100%;
  background-color: #DFE6C2;
  cursor: pointer; position: absolute; top: 50%; transform: translateY(-50%); z-index: 8;
}
.index-tanfang  .swiper-btn .iconfont {
    font-size: 18px;
    display: block;
    color: #106B46;
}
.index-tanfang .swiper-btn .btn-prev{ left: -25px;  }
.index-tanfang .swiper-btn .btn-next{ right: -25px;  }
.index-tanfang .swiper-btn .btn-prev .iconfont {
    transform: rotate(180deg);
}
.index-tanfang .swiper-btn .btn-prev:hover, .index-tanfang .swiper-btn .btn-next:hover {
  background-color: #106B46;
}

.index-tanfang .swiper-btn .btn-prev:hover .iconfont, .index-tanfang .swiper-btn .btn-next:hover .iconfont {
    color: #F2B61A;
}

.indexanmals .pagination{ display: none!important;}
.indexanmals{ }
.indexanmals .swiper-title{ justify-content: flex-start;margin-top: 35px;}

.pc-menu .logo{ max-width: 210px;}
.pc-menu .logo img{ max-width: 100%; height: auto;}

.typesmenu{ font-size: 20px;}
/*首页最新推荐修改2026-01-29开始*/
.index-tuijian .cont .ctx .index-tuijian-list .active{ width: 36%;}
.index-tuijian .cont .ctx .index-tuijian-list .item .pic{   /*padding-top: 109.1643%;*/ padding-top: 110%;}
.index-tuijian .cont .ctx .index-tuijian-list .active .pic{/*padding-top: 109.1643%;*/padding-top: 110%;}
.index-tuijian .cont{ padding-top:58%;}
.index-tuijian .cont .ctx .index-tuijian-list .item + .item{    margin-left:50px;}
/*首页最新推荐修改2026-01-29结束*/

.indexanmals .content .pic{ max-height: 266px;}
.ad-video{max-width: 1225px; margin: 0 auto; overflow: hidden; border-radius:20px;  }

.tanfangroll .pic{ max-height: 340px;}  

.ewmtit{ font-size: 16px; text-align: center; /* max-width: 300px;*/ text-align: left; margin: 0 auto 5px auto;}
.ewm .ewmtit{display: block;}
.ewm2 .ewmtit{  display: none;}


/*新改文字*/
.index-banner .swiper-slide1 .sub-img,.index-banner .swiper-slide4 .sub-img{ /*width: 95.4%;*/ width: 47.7%;}
.index-banner .swiper-slide2 .sub-img{ /*width: 63.9%;*/ width: 31.95%; }
.index-banner .swiper-slide3 .sub-img{ /*width: 42.8%;*/ width: 21.4%}
.index-garden-guide .flex-1 a .iconfont{ font-size: 30px;}
/*.index-garden-guide .flex-1 a .iconfont{ margin-right: 10px;}
.index-garden-guide .guide-item>.flex-1{  flex: none;}
.index-garden-guide .guide-item:nth-child(1) .flex-1:nth-child(1){ width: 40%;}
.index-garden-guide .guide-item:nth-child(1) .flex-1:nth-child(2){ width: 60%;}
.index-garden-guide .guide-item:nth-child(2)  .flex-1:nth-child(1){ width: 60%;}
.index-garden-guide .guide-item:nth-child(2)  .flex-1:nth-child(2){ width: 40%;}*/

.index-banner .banerbtn{  margin-left:15px; }
.index-garden-guide .iconfont:before{ display: none!important;}
.index-garden-guide .iconfont img{ /*display: none!important;*/max-height: 38px; width: auto; }
.banerbtn a+a{    background: #F0C44B; color: #330906;}
.banerbtn a:hover{background: #106b46; color: #fff;}
.fir-menus{ display: flex; align-items: center;}
.fir-menus span{ margin-left: 10px; font-size: 16px;vertical-align: middle; font-weight: normal;/*color: #FFA500;color: #106B46;*/}
.fir-menus span a:before{    content: "\e649";
    font-family: "iconfont" !important;
    font-size: inherit;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    font-size: 16px;
   /* color: #3D3D3D;*/ color:rgb(122, 193, 67); font-weight: normal;  margin-right: 15px;}
.fir-menus:hover span a:before{ color: #106B46;}


/*首页标题字体变小*/
.index-main .tansuo-title .big{ font-size:40px; line-height: 150%;}
.swiper-title .title{font-size:40px; }


/*首页新的生态展区调整2-10调整开始*/
 .index-tuijian .cont .ctx .index-tuijian-list .active .context{        background: linear-gradient(0, rgba(0, 0, 0, 0.4) 0%, rgba(50, 50, 50, 0) 100%);}	

.preview_big{ width: 100%; padding-bottom: 80px;}
.preview_big .swiper-container{border-radius:20px; overflow: hidden;}
.preview_thumbs{ border-radius:15px;box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 12px;   background:#fff; z-index: 99; padding:15px 20px 20px 20px;  float: none;  width: auto; height: auto; bottom: 12px; padding-bottom: 0; top: auto; left: 50px; right: 50px;}
.preview_thumbs .swiper-slide .img{ max-height: 102px; height: 102px; overflow: hidden; }
.pstxt2{ text-align: center; margin-top: 6px; margin-bottom: 10px;}
.index-tuijian .cont .ctx .index-tuijian-list .active{ width: 36%;}
.index-tuijian .cont .ctx .index-tuijian-list .item + .item{    margin-left:40px;}
.index-tuijian .cont .ctx .index-tuijian-list .item .pic{   /*padding-top: 109.1643%;*/ padding-top: 92%;}
.index-tuijian .cont .ctx .index-tuijian-list .active .pic{/*padding-top: 109.1643%;*/padding-top: 92%;}
.index-tuijian .cont{ padding-top:54%;}
.index-tuijian .cont .ctx .index-tuijian-list .active  .context .desc{ height: auto; }
.us-slogin .left .desc,.us-honour .ze-ren .ze-ren-tab .tab-content p{ line-height: 160%;}
.us-slogin .left .desc,.us-honour .ze-ren .ze-ren-tab .tab-content{ color: #666;}
/*首页动物档案2-10调整开始*/
.indexanmals{ max-width: 1120px; margin: 0 auto;}
.indexanmals .swiper-wrapper{ display: block; overflow: hidden; padding-bottom: 10px;}
.indexanmals .index-swiper{ margin-right: -2%!important;margin-left: 0!important;  margin-top: -10px;}
.indexanmals .index-swiper .swiper-slide{ width: 48%; margin-right: 2%!important; margin-left: 0!important; float: left; margin-top: 2%;}
.indexanmals .swiper-title{ display: none;}
.indexanmals .index-swiper .context{ position: absolute; left:0; right:0; bottom:0; color: #fff; padding: 20px 20px;    background: rgba(0, 0, 0, .4);    
	border-bottom-left-radius: 20px;border-bottom-right-radius: 20px;}
.indexanmals .index-swiper .context .desc{ display: none;}
.indexanmals .icon-a-lujing46:before{ }
.indexanmals .content .pic{ max-height: none;}
.indexanmals .index-swiper .swiper-slide:hover *{ color: #fff!important;}
.ansdesc2 { max-width: 980px; margin: 0 auto; line-height: 180%; margin-top: 25px;}
.us-slogin .right .box{ background: none;}
.us-slogin .right .box .item{  width: 48%; margin: 1% 1%;background: #7AC143;    color: #fff;  }
.us-slogin .right .box .item:nth-child(2){ background: #FFD200;    color: #330906;   }
.us-slogin .right .box .item:nth-child(3){ background: #FFD200;    color: #330906; }
.index-main .tansuo-title .small,.ansdesc{   line-height:160%; /*text-align: left;  */  text-justify: inter-ideograph;
    text-align: justify;
    text-justify: distribute;}
/*游客眼中的我们*/
.index-player-swiper .swiper-slide .content .context .mes .icon-a-lujing510{ display: none;}
.index-player-swiper .swiper-slide .content .context .name{ padding-left: 0;}
.index-player-swiper .swiper-slide .content .context{  font-family: "ysjkt";     background:#f9f9f9 url("../imgs/zbg2.png") right bottom no-repeat; border: none; color: #000;padding: 25px 25px;  }
.index-player-swiper .player1 .content .context{background-color: rgba(241,248,236,.5); }
.index-player-swiper .player2 .content .context{background-color: rgba(242,182,26,.05);}
.mesimgs { /*background: #f9f9f9 ;*/ }
.mesimgs img{mix-blend-mode: multiply;}
.index-player-swiper .swiper-slide .content .context .name{ align-items: center; margin-top: 20px; } 
.index-player-swiper .swiper-slide .content .context .name span{ margin-right: 10px; width: 35px; height: 35px; display: block; border-radius:100%; overflow: hidden;}
.index-player-swiper .swiper-slide .content .context .name  cite{ font-style: normal;}
.index-player-swiper .swiper-slide .content .context .name span img{ width: 100%!important; height: 100%!important; object-fit: cover;}
.index-player-swiper .swiper-slide .content .context:hover {
  background-color: #f9f9f9;
  color: #106B46;
}
.index-player-swiper .swiper-slide .content .context .mes{ min-height: 204px;min-height: 120px;}
.index-player-swiper .player1  .content .context{  }
.index-player-swiper .player1 .content .context .mes{font-family: "ysjkt"; /*font-size: 22px;line-height: 200%;*/}
.mesimgs{ margin-bottom: 30px; }
.index-player-swiper .swiper-slide:hover *,.index-player-swiper .swiper-slide:hover{ box-shadow: none!important; transition:none!important; background: none; }
/*首页动物档案2-10调整结束*/

/*变横图*/
.restaurant-dishes-swiper .swiper-slide .pic{padding-top: 66.75%; }


.dinnertypes{   /*max-width: 1400px; */margin: 0 auto;  border-top: 1px solid #eee;border-bottom: 1px solid #eee;}
.dinnertypes li{ margin:0 10px; cursor: pointer; padding: 0 30px; padding-top: 20px; padding-bottom: 20px; font-weight: bold;}
.dinnertypes li.dactive{ color: #106B46; background: #106B46; /*background: #7ac143;*/ color: #fff;}
.din-info{ overflow: hidden; height: 0;}
.din-active{ overflow: visible; height: auto;}


/*展区加视频*/
.selfdrive-swiper .pic video{ border-radius: 20px; overflow: hidden;}
.selfdrive-swiper .pic video{    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0; object-fit: cover;}

/*添加游客背景*/
.index-player-swiper .swiper-slide .content .context .mes{ position: relative; z-index: 8;}
.perbgs{ position: absolute; right: 0; top: 0; bottom: 0; width: 100%; /*opacity: 0.1;*/border-radius: 20px; overflow: hidden;}
.perbgs img{ width: 100%!important;  height: 100%!important; object-fit: cover;}
.index-player-swiper .swiper-slide .content .context{ background-color: #f9f9f9; background-color: rgba(241,248,236,.5);}
.index-player-swiper .swiper-slide .content:after{background:url("../imgs/zbg2.png") right bottom no-repeat; width: 150px; height: 150px; content: ""; display: block; position: absolute; right: 0; bottom:-2px; z-index: 3; display:none!important;}
.index-player-swiper .swiper-slide .content .context:before{ content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; /*background: rgba(16,107,70,.6);*/background: rgba(0,0,0,.4); z-index: 2}
.index-player-swiper .swiper-slide{ border-radius: 20px; overflow: hidden;}
.index-player-swiper .swiper-slide .content .context{ background: none;}


/*员工生活列表*/
  /* ====================== 可配置参数区（修改这里即可更换样式） ====================== */
        /* 六边形基础配置 - 改这里就能换样式 */
.modslifes{/* margin: 0 50px;*/ padding: 0 30px; max-width: 1600px; margin: 0 auto; /*max-width: 1400px; margin: 0 auto;*/}
.modslifes img{ max-width: none;}

.modslifes .item-cells:after{ content: ""; background: url("../imgs/bg900.png") no-repeat; background-size: 100% 100%; position: absolute;  left: 0; top: 0; width: 100%; height: 100%;}

/*.modslifes .item-cells:nth-child(1),.modslifes .item-cells:nth-child(6),.modslifes .item-cells:nth-child(11),.modslifes .item-cells:nth-child(16){ margin-left: 18.75%; }*/
/*.modslifes .item-cells:nth-child(2),.modslifes .item-cells:nth-child(7),.modslifes .item-cells:nth-child(17){ margin-left:12.5%; }
.modslifes .item-cells:nth-child(3){ }
.modslifes .item-cells:nth-child(4),.modslifes .item-cells:nth-child(9),.modslifes .item-cells:nth-child(12),.modslifes .item-cells:nth-child(14){ margin-left:12.5%;}
.modslifes .item-cells:nth-child(5),.modslifes .item-cells:nth-child(10),.modslifes .item-cells:nth-child(15){ margin-left:12.5%;}
*/
.modslifes .item-cells{  width: 25%; position: relative;margin-top: -10%}
.modslifes .item-cells:nth-child(1),.modslifes .item-cells:nth-child(2){margin-top: 0;}
.modslifes .item-cells{margin-left:12.5%;}
.modslifes .item-cells:nth-child(5n + 3){ margin-left: 0; }
.modslifes .item-cells:nth-child(5n + 1){ margin-left: 18.75%; }



.hexagon {
	 
 /* 根据需要调整大小 */
  height: 215.47px; /* 六边形高度的一半，基于宽度计算 */
  background-color: transparent; /* 背景透明，以便看到图片 */
  position: relative;
/*  margin: 57.74px 0;*/ /* 六边形顶部和底部的额外空间 */
 clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); /* 使用clip-path创建六边形形状 */
}
.modslifesinner{ width: 100%;}
.hexagon::before, .hexagon::after {
  content: "";
  position: absolute;
  width: 0;
  border-left: 100px solid transparent; /* 根据需要调整大小 */
  border-right: 100px solid transparent; /* 根据需要调整大小 */
}

.hexagon::before {
  bottom: 100%; /* 放置在顶部 */
  border-bottom: 57.74px solid white; /* 根据需要调整颜色和大小 */
}

.hexagon::after {
  top: 100%; /* 放置在底部 */
  border-top: 57.74px solid white; /* 根据需要调整颜色和大小 */
}

.hexagon img {	
  width: 100%; /* 使图片填满六边形 */
  height: 100%;  object-fit: cover;/* 保持图片比例 */

}



@media screen and (max-width: 1480px){
	.pc-menu .menus .menus-list .menu .link{ width: auto; /*padding-left: 25px; padding-right: 25px;*/padding-left: 20px; padding-right: 20px;}
	.pc-menu .logo{    margin-right: 0.45rem;}
	.serv-solo{ height: 240px;}
	.mods-job .item-desc{ min-height: 303px; }
	.dimgs{ height: 340px; max-width: 630px; }
	.work-roll .swiper-slide{max-width: 25%;}
	.index-garden-guide{ /*max-width: 1148px;*/ margin-left: auto; margin-right: auto;}	
	.index-tanfang, .index-news, .index-player{  padding: 0px 30px;  }
	.index-tuijian{}
/*	.index-tuijian .cont .ctx .index-tuijian-list .item .pic{    padding-top: 108.1643%;}*/
	.index-protect .protext-work{ max-width: 1094px; }
	.index-swiper .swiper-slide{/* max-width: 520px;*/ max-width: none;}
	.mod-square,.animals-list-search,.animals-list-page{ max-width:1094px; }
	.index-player-swiper .swiper-slide{  max-width:38%;}
	
	.modshows .item-cell .item-cnt{    padding:18px 20px;}
	.modshows .item-cell .item-cnt i{ margin-top: 8px;}
	.tanfangroll{ max-width: 1100px; } 
	.index-tanfang .swiper-btn .btn-prev{ left: 10px;  }
	.index-tanfang .swiper-btn .btn-next{right: 10px;}
	
}

@media screen and (max-width: 1400px){.pc-menu .menus .menus-list .menu .link{ white-space: nowrap; padding-left: 20px; padding-right: 20px; }
	.pc-mode{ font-size: 18px;}

}

/*在200%分辨率下*/
@media screen and (max-width: 1320px){
	.index-player-swiper .swiper-slide .content .context .name{ margin-top: 10px;}
	.index-tuijian,.index-tanfang, .index-news, .index-player,.wrap-layer, .layer-wrapper2, .layer-wrapper3{max-width: 1150px;}	
	.index-tuijian .cont .ctx .index-tuijian-list .item .pic{    padding-top: 112%;}
	.page-footer{ padding-top: 25px; }
}

@media screen and (max-width: 480px){.index-banner video{ height: 400px!important; object-fit: cover; max-width: none!important;}
.typesmenu{ margin-top:20px; position: relative; top: 5px;}
.typesmenu li{ margin: 0 5px;}
.typesmenu li a{padding: 0 15px;height: 40px; line-height: 40px;}
	.index-tanfang .swiper-btn .btn-prev, .index-tanfang .swiper-btn .btn-next{  width: 32px; height: 32px; border-radius:32px; }
	.index-tanfang .swiper-btn .btn-prev{ left: 5px;}
	.index-tanfang .swiper-btn .btn-next{ right: 5px;}
	.index-tanfang .swiper-btn .iconfont{ font-size: 14px;}
	.index-swiper .context .title .iconfont{ font-size: 14px!important;}
	.index-swiper .context{        margin-top: 15px!important;}
	.ani-dans{ padding-top: 0;}
	
	.typesmenu{ font-size: 16px;}
	
	
	.modspec  .item-cell .item-pic{ max-height: 180px;}
	
	
	
	
	
	
}