@charset "utf-8";
/* CSS Document */
html * {outline: 0;-webkit-text-size-adjust: none;-webkit-tap-highlight-color: transparent;margin: 0;padding: 0} 
img {border: 0;vertical-align: middle; width:100%;}
ol, ul {list-style: none} 
a, a:hover {text-decoration: none}
#HeadMap{ width:100%; position:relative; margin:0 auto; margin: 0;padding: 0}
#HeadMapCount{  background:url(../images/topmidimg.jpg) repeat; position:relative;}
#HeadPicture{ position:relative; top:0; left:0; line-height:0;}
#HeadRegion{ position:relative; width:80%; margin:-13% auto 0 auto;color:#005521;  font-size:0; z-index:9; }
#HeadReg_left,#HeadReg_right{ display:inline-block;  vertical-align:bottom;}
#HeadReg_left{ float:left; width:43%; margin-left:2%;position:absolute; bottom:0;}
#SaTopVid{ position:relative; width:100%;}
#SaLeVid{ position:absolute; top:10.5%;left:10%;width:82%; display:block;}
#HeadReg_left .pic_hover{position:absolute; left:0;top:0; opacity:0;filter:alpha(Opacity=1);transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;}
#HeadReg_left:hover .pic_hover{ opacity:1; cursor:pointer;}
#HeadReg_right{ float:right; width:52%;  }
#HeadReg_right,#HeadReg_right p{font-size:18px; line-height:33px; } 
#HeadMapEnd{  position:relative; line-height:0;  }
.smclassclear{ clear:both; height:0px; } 
/**/ 
.SaClassMain{ width:80% ; margin:0 auto; position:relative; color:#007032;  }  
.MainRegion{ font-size:18px; line-height:33px;  position:relative; padding: 0 5% 5% 5%;  overflow:hidden; background:#faf3e8 ; }
#Summary{ background: url(../images/SummaryBg.jpg)  repeat-x; margin:-1.5% auto 2% auto; border-top:5px solid #2F6700;}
#SummaryTitle{position:relative; margin:0 auto; }
#SummaryTitle img{ position:relative; }
#SameClassNav{ position:absolute; bottom:20%; right:0; width:70%; text-align:right; }
#SameClassNav li a{  color:#000; }
#SameClassNav li.current a{color:#000; }
#navactivity,#navParenting,#navBigProduction,#navtravels,#navTidbit{ display:inline-block; vertical-align:middle; /*margin:0 1%;*/margin:0;  }
#navactivity{ width:15%;}
#navParenting{ width:20%;}
#navBigProduction{ width:14%;}
#navtravels{ width:11%;}
#navTidbit{ width:12%;}
#SummaryReg{  width:100%; position:relative;}
#SummaryMain{ background:url(../images/111.png) repeat-y; background-size:contain; width:100%; padding:0 6%;  position:relative; }
#SumMainLeft,#SumMainMiddle,#SumMainRight{  position:relative; display:inline-block; vertical-align:bottom;  }
#SumMainLeft{ width:40%;  border:5px dotted #007032; border-radius:20px; margin-left:1%; }
#SumMainMiddle{ width:31%; border:5px dotted #007032; border-radius:20px; margin:0 2%;}
#SumMainRight{ width:20%; }
#SumMainLeft span,#SumMainMiddle span{ display:block; }
.introduce{ position:absolute ; top:-10%; width:70%; left:15%; }
#SumMainLeft .introduce{ width:50%; left:25%;}
.SumClaText{ position:relative;padding:12% 5% 10% 5%;}
#SumMainLeft .SumClaText{ padding:9% 4% 10% 4%;}
.SumClaText b{ font-size:160%; font-style:oblique;}
#Summaryflower{ position:absolute; bottom:0; left:0; width:100%;}
/*faf3e8*/
/*活动*/
#activity{ }
#ActTitle{ width:50%; margin:2% auto; display:block;}
.SamSubtitle{ width:100%;position:relative; margin:2% auto; }
.SamSubtitle img{ width:20%; position:relative; z-index:9;  }
.SamSubtitle span{ border:1px solid #D8D8D6; display:block; width:100%; height:1px; position:absolute; bottom:7%;left:0;}
#SamActivity{ position:relative; width:100%;background:url(../images/ParentingBg.jpg) no-repeat; background-size:cover; }
#SamActLeft,#SamActRight{margin:11% 0 8% 0; color:#fff; }
#SamActLeft{ width:32%; float:left; margin-left:7%; background:rgba(4,58,143,0.5);  padding:4% 2%;  }
#SamActRight{ width:52%; float:right; margin-right:0;}
#SamActRight span{ display:inline-block; width:46%; margin:0 1% 2% 1%; }
/*亲子夏令营*/
#Parenting{  }
#ParIntrod{ width:60%; margin:5% auto; display: block }
#ParIntText{ font-size:130%;width:90%; margin:0 auto; line-height:200%;}
/*精美大片*/
#BigProduction{  }
.BigProdTitle{ display:block; width:25%;}
.BigPrRegion{ background:url(../images/BigProductionbg.jpg) left bottom no-repeat; background-size:cover; padding:0; overflow:hidden;}
.BigProdSlider{ width:100%; margin:1% auto 5% auto;overflow:auto;}
.SClassmohe{ width:35%;margin:0% auto ; }
.BigProdReg{ width:35%;margin:0% auto ;}
/*游记*/
#travels{ padding-top:5%; background:#faf3e8 url(../images/travelsbg.jpg) left bottom no-repeat; background-size:contain;  }
#TravelsRegion{ width:100%;  margin:5% auto;}
/*#TraRegionLeft{ width:60%; margin:0 auto;  }*/
#TraRegionLeft{ float:left; width:58%; position:relative; padding: 2%;  margin:0 auto; }
#TraRegionRight{ float:right; width:41%; background:url(../images/TraSlider01.jpg) repeat; border:1px solid #ccc; border-radius:3px; /* border:3px solid #000; */}
.TraPaging{ position:absolute; top:0;left:0;/* background:rgba(0,0,0,.4); */width:100%; height:100%;}
.TraSlider{position: relative;/*border: 3px solid #000;*/overflow: hidden; width:90%; margin:5% auto; }
#boxscroll { height: 100%;width: 100%;overflow: auto;position:absolute; top:0;left:0; }
#boxscroll2,#boxscroll3,#boxscroll4,#boxscroll5{height: 100%;width: 100%;overflow: auto; position:absolute; top:0;left:0; background:#ccc}

#contentscroll1 img,#contentscroll2 img,#contentscroll3 img,#contentscroll4 img,#contentscroll5 img{ width:98%;}
 

/*#TraRegionRight img{width:99%;}*/
#travelsmap{ position:relative; }
.TraPaging{ position:absolute; top:0;left:0; width:100%; height:100%;}
.placename{  display:block; color:#42AE53; cursor:pointer; }
.placename i,.placename b{ display:inline-block; vertical-align: middle;font-weight:normal}
.placename i{ width: 7px;height: 7px; background-color:#F29700; border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;    }
.placename-active{}
.placename-active i{ width: 10px;height: 10px; background-color:#F29700;    }
.placename.mohe{ position:absolute; top:16%;right:5%;}
.placename.pingyao{ position:absolute; top:45%;right:28%;}
.placename.zunyi{ position:absolute; top:72%;right:35.5%;}
.Notshown{position:absolute; top:0;left:0; width:100%; height:100%; }
.Notshown .placename{  color:#42AE53;   }
.placename.fuyang{ position:absolute; top:62%;right:13%;}
.placename.longyan{ position:absolute; top:73%;right:17%;}
.placename.bamei{ position:absolute; top:78%;right:37%;}
#TraRegionRight{ float:right; width:41%;  }
#TraRegionRight img{width:99%;}
#QRCode{ width:30%; margin:0 auto; display:block;} 
.samclslicknav{ position:relative; width:100%; margin:2% auto;  text-align: center;   
 -webkit-transition: 300ms opacity; -o-transition: 300ms opacity; transition: 300ms opacity; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10;} 
.samclslicknav span {width:auto; height:auto; display: inline-block; border-radius: 0; background: none; opacity: 1; margin:0; padding:0 1%;cursor: pointer; border-bottom:1px solid #a0a0a0; height:50px; line-height:50px; }
.samclslicknav span.samecurrent {opacity: 1; background:none; color:#005d19;font-weight:900; border-bottom:5px solid #f29505;}
/*花絮*/
#Tidbit{ padding-top:5%;}
.TidbitRegion{ background:url(../images/travelscount.jpg) left bottom no-repeat; background-size:cover; padding:0; overflow:hidden;}
.TidbitSlider{ width:100%; margin:5% auto ;}
#Tidbitpage{ width:100%; height:50px;line-height:50px; margin:2% auto; text-align:center; color:#005E13; font-weight:900; /*border:1px solid #f00;*/} 
#Tidbitpage sup{color:#F29700;}

#Tidbitpage a{ width:22px; display:inline-table; cursor:pointer; line-height:30px;height:30px;  /*color:#A0A0A0;*/ color:#005E13;  }


#Tidbitpage a.Tidbpahover{ color:#005E13; }


#Tidbitpage a.swiper-pagination-bullet-active{ color:/*#005E13;*/ #F29700;}
#Tidbitpage .swiper-pagination-bullet{ border-radius:0; background:none;opacity:1; }
#Tidbitpage .swiper-pagination-bullet-active{ color:#f00;}
.TidbitSlider .swiper-button-prev{ left:8%; top:50%;}
.TidbitSlider .swiper-button-next{ right:8%; top:50%;}
.swiper-button-next.BigProdnext{right:20%; top:50%;}
.swiper-button-prev.BigProdprev{left:20%; top:50%;}
.Tidbitphase{ width:70%; margin:0 auto ;}
.Tidbitphase .swiper-slide-active{ border:3px solid #000;}
.Tidbitphase .swiper-slide{  background:#fff; }
.Tidbitphase .swiper-slide img{ opacity:0.4;}
.Tidbitphase .swiper-slide.swiper-slide-active img{ opacity:1; }
.swiper-button-prev:hover,.swiper-button-next:hover{background-color: rgba(99,99,99,0.8);-webkit-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}
.m-video{ cursor:pointer;}
@media screen and (max-width:1599px){
#HeadReg_right,#HeadReg_right p{font-size:15px; line-height:27px; } 	
.MainRegion{ font-size:15px; line-height:27px;}	 
}
@media screen and (max-width:1397px){
#HeadReg_left{ margin-left:0;}
#HeadReg_right,#HeadReg_right p{font-size:13px; line-height:24px; } 		 
.MainRegion{ font-size:13px; line-height:24px; }	 
}
@media screen and (max-width:1199px){
 	 
}
@media screen and (max-width:991px){	
#HeadReg_left ,#HeadReg_right{ float:none; position:relative; top:0;left:0; display:block;} 
#HeadReg_left{margin:0 auto;}
#HeadReg_right{ width:100%; margin:0 auto;}
#HeadReg_right,#HeadReg_right p{font-size:12px; line-height:20px; }
.MainRegion{ font-size:12px; line-height:20px; } 
#SumMainLeft,#SumMainMiddle,#SumMainRight{ display:block; width:88%; margin:5% auto;}
#SumMainRight{ width:50%; margin:0 auto;}
.SumClaText{  padding:16% 5% 5% 5%;}
#SummaryMain{overflow:hidden;}	
#SameClassNav{ position:relative; width:100%; margin:4% 0;}
#SamActivity{ overflow:hidden;}
#SamActLeft{ width:80%; float:none; margin:7% auto;   }
#SamActRight{ width:85%; float:none; margin:7% 9%;  }
.BigProdSlider{ width:50%; margin: 1% auto;}
.SClassmohe{ width:70%;}
#TraRegionLeft,#TraRegionRight{ float:none; width:70%;margin:0 auto; }
.TidbitSlider{width:80%; margin: 9% auto; }
.TidbitSlider .swiper-button-prev,.TidbitSlider .swiper-button-next,.swiper-button-next.BigProdnext,.swiper-button-prev.BigProdprev{ padding:40px 20px ; margin-top: -40px; } 
.TidbitSlider .swiper-button-prev{ left:5%;}
.TidbitSlider .swiper-button-next{ right:5%; }
.swiper-button-next.BigProdnext{right:15%; top:55%;}
.swiper-button-prev.BigProdprev{left:15%; top:55%; }
}

@media screen and (max-width:767px){
.BigProdSlider{ width: 80%; margin: 5% auto 10% auto;}
.TidbitSlider{width: 80%; margin: 5% auto 10% auto; }
.TidbitSlider .swiper-button-prev{ left:2%;}
.TidbitSlider .swiper-button-next{ right:2%;}	
.TidbitSlider .swiper-button-prev,.TidbitSlider .swiper-button-next{ padding:30px 12px ;top:60%; }

}

@media screen and (max-width:415px){
#SumMainLeft, #SumMainMiddle, #SumMainRight{ margin: 15% auto} 
.SamSubtitle img{ width:50%;}
.BigProdTitle{ width:55%;}
#ParIntrod{ width:100%;}
#TraRegionLeft,#TraRegionRight{ width:100%; }
#QRCode{ width:80%;} 
#navactivity{ width:25%;}
#navParenting{ width:36%;}
#navBigProduction{ width:22%;}
#navtravels{ width:20%;}
#navTidbit{ width:20%;}
#SameClassNav{ line-height:40px;}
.Tidbitphase{ width:100%;}
.TidbitSlider .swiper-button-prev{ left:0;}
.TidbitSlider .swiper-button-next{ right:0;}	
.samclslicknav span{ height:40px; line-height:40px;} 
.samclslicknav{ margin:2% auto 10% auto;}
.swiper-button-next.BigProdnext,.swiper-button-prev.BigProdprev{padding:30px 12px ;}
.swiper-button-next.BigProdnext{right:2%; }
.swiper-button-prev.BigProdprev{left:2%;  }
.SClassmohe{ width:95%;}
.placename.zunyi{ right: 24.5%;}
#Tidbitpage a{ width:15px;}
}