@charset "utf-8";

/*首页 s*/
.activehover{-webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.5);
	box-shadow: 0 15px 30px rgba(0,0,0,0.1);
	-webkit-transform: translate3d(0, -3px, 0);
	transform: translate3d(0, -3px, 0);}
	
/*第一屏 s*/
@-webkit-keyframes rightan
{
  from{bottom: 5%;opacity: 0;}
  to{bottom: 0.5%;opacity: 1;}
}
.downarr{ -webkit-animation: rightan 1s infinite;-webkit-animation-fill-mode: both; color:#35a74e;width:35px; height:25px; position:absolute; bottom:0; left:50%; margin-left:-17px; z-index:999; text-align:center;}
.downarr .iconfont{ font-size:40px;}

.HomeBan {overflow:hidden; clear:both; position:relative;}
.HomeBan .lines{ z-index:1; position:fixed; width:100%; left:0; bottom:34px; line-height:0; background:rgba(255,255,255,0.4); height:1px; font-size:0;}
.HomeBan .flex-control-nav{bottom:0px; z-index:10; position:fixed; width:300px; background:rgba(0,0,0,0.4); padding-top:32px; height:48px; left:50%; margin-left:-150px;}
.SliderBan .flex-control-nav{position: absolute;}
.HomeBan .flex-control-nav li{ vertical-align:middle; margin:0 10px;}
.HomeBan .flex-control-nav li a{ cue:!important; border-radius:50%; background:#26a041; opacity:1; width:10px; height:10px;}
.HomeBan .flex-control-nav li a.flex-active{opacity:1; width:16px; height:16px; background:#fff;}
.HomeBan .flex-direction-nav a { opacity:0;width: 33px; height: 61px; text-indent:999em;}
.HomeBan .flex-direction-nav .flex-prev { left:-60px; background:url(../images/ban_arr1.png);}
.HomeBan .flex-direction-nav .flex-next { right:-60px; background: url(../images/ban_arr2.png);}
.HomeBan:hover .flex-direction-nav .flex-prev { left:10%; opacity:0.8;}
.HomeBan .flex-direction-nav .flex-prev:hover {opacity:1;}
.HomeBan:hover .flex-direction-nav .flex-next { right:10%; opacity:0.8;}
.HomeBan .flex-direction-nav .flex-next:hover {opacity:1;}
/*第一屏 end*/

/*第二屏 s*/
.sec-2 .item{ width:50%; height:100%; float:left;position:relative;opacity:0;transition:opacity 1s;}
.sec-2 .item:nth-child(2){transition:opacity 1s 0.2s;} 
.sec-2 .item .info{ background:url(../images/sec2_titbg.png) 0px top repeat-x; position:absolute; width:80%; left:0; bottom:0; color:#fff; padding:10%; z-index:2;}
.sec-2 .item .info .tit{ text-align:center; line-height:50px; font-size:26px;}
.sec-2 .item .info .tit i{ width:60px; height:1px; font-size:0; display:inline-block; vertical-align:middle; background:rgba(255,255,255,0.3); margin:0 6%;}
.sec-2 .item .info .p{ text-indent:2em; line-height:28px; height:84px;-webkit-line-clamp: 3; opacity:0.5;}
.sec-2 .item .imgbox{ position:absolute; left:0; top:0; height:100%; width:100%;}
.sec-2 .item:hover .info .p{ opacity:1;}
.sec-2.active .item{opacity:1;} 
@media ( max-width:998px){
.sec-2 .item .imgbox{ position:relative; padding-top:100%;}
.sec-2 .item .info .tit{ font-size:16px; line-height:30px;}
.sec-2 .item .info .tit i{ width:10px;}
.sec-2 .item .info .p{ line-height:20px; height:60px; font-size:12px;}
.sec-2 .item{opacity:1 !important;} 
.fp-scrollable{ height:auto !important;}
.downarr{ display:none;}
}
/*第二屏 end*/

/*第三屏 s*/
.sec-3 .tithead{ background:#000; width:24.8%; height:100%; background:url(../images/sec3_titbg.jpg) center bottom no-repeat; background-size:cover;display: flex;align-items: center;justify-content: center;}
.sec-3 .tithead img{ width:25%;transform:translateY(-100px);-webkit-transform:translateY(-100px);opacity:0;transition:all 1s;}
.sec-3 ul{ position:absolute; width:75.2%; right:0; top:0; height:100%;}
.sec-3 li{ text-align:center; width:16.6666%; float:left; position:relative; height:100%;}
.sec-3 .info{ position:absolute; left:0px; top:0; width:100%; height:100%;display:flex;justify-content:center;align-items:center;flex-direction: column; z-index:3; background:rgba(0,0,0,0.5);transition: all ease 0.3s;}
.sec-3 .info em{ display:block; line-height:35px; font-size:18px; color:#fff; padding:33px 0;}
.sec-3 .info .i1{ display:inline-block; width:26px; height:150px; background:url(../images/sec3_li1.png) center bottom no-repeat;}
.sec-3 .info .i2{ display:inline-block; width:26px; height:150px; background:url(../images/sec3_li2.png) center top no-repeat;}
.sec-3 .imgbox{ position:absolute; left:0; bottom:0; width:100%; height:100%;}
.sec-3 li:hover .info{background:rgba(0,0,0,0.1);}
.sec-3 .li1{opacity:0;transition:opacity 1s 0.3s;}
.sec-3 .li2{opacity:0;transition:opacity 1s 0.4s;}
.sec-3 .li3{opacity:0;transition:opacity 1s 0.5s;}
.sec-3 .li4{opacity:0;transition:opacity 1s 0.6s;}
.sec-3 .li5{opacity:0;transition:opacity 1s 0.7s;}
.sec-3 .li6{opacity:0;transition:opacity 1s 0.8s;}
.sec-3.active .tithead img{transform:translate(0,0);-webkit-transform:translate(0,0);opacity:1;} 
.sec-3.active li{opacity:1;} 
@media (min-width:1600px) and ( max-width:1920px){
.sec-3 .info .i1{height:221px;}
.sec-3 .info .i2{height:221px;}
}
@media ( max-width:998px){
.sec-3 .tithead{ height:320px;}
.sec-3 li{ width:33.3333%; height:160px;}
.sec-3 .info em{font-size:18px; padding:5px 0; line-height:28px;}
.sec-3 .info .i1,.sec-3 .info .i2{ height:30px;}
.sec-3 .tithead img{transform:translate(0,0);-webkit-transform:translate(0,0);opacity:1;} 
.sec-3 li{opacity:1 !important;} 
}
@media ( max-width:640px){
.sec-3 .info em{font-size:12px;}
.sec-3 .tithead img{ width:48%;}
}
/*第三屏 end*/

/*第四屏 s*/
.sec-4{ background:url(../images/bodybg4.jpg);}
.sec-4 .Contain{ padding-top:8%;}
.sec-4 .tithead{ width:37%; float:left; height:320px;display: flex;align-items: center;justify-content: center;}
.sec-4 .tithead img{ width:70%;transform:translateX(-100px);-webkit-transform:translateX(-100px);opacity:0;transition:all 1s;}
.sec-4 .ti{ position:absolute; text-align:center;}
.sec-4 .ti .cn{ width:80px; text-align:left; line-height:20px; font-size:16px; color:#000000; display:inline-block; vertical-align:top;}
.sec-4 .ti .en{ color:#b2b2b2; font-family:Georgia, "Times New Roman", Times, serif; text-transform:uppercase;font-weight:bold; width:20px; position:absolute; left:0; top:-35px; height:100px;
transform:rotate(90deg);
-ms-transform:rotate(90deg); /* Internet Explorer */
-moz-transform:rotate(90deg); /* Firefox */
-webkit-transform:rotate(90deg); /* Safari 和 Chrome */
-o-transform:rotate(90deg); /* Opera */}

.sec-4 .Col{ width:63%; float:left; background:#fff; height:320px; border-radius:0 45px 0 45px; box-shadow:0 0 25px #dbe9db; margin-bottom:20px;opacity:0;transition:opacity 1s 0.2s;}
.sec-4 .Col .imgbox{ height:120px;border-radius:0 45px 0 0;}
.sec-4 .Col .box{ position:relative; padding:2% 20% 0 15.5%;}
.sec-4 .Col .ti{ position:absolute; left:2%; top:16%;}
.sec-4 .Col .ti .cn{width:auto !important;}
.sec-4 .Col .ti .en{ left:0;}

.sec-4 .Col li{ line-height:40px; height:40px; border-bottom:1px dotted #b3b3b3; background:url(../images/dot.gif) 0px center no-repeat; padding-left:18px;}
.sec-4 .Col li a{ color:#666666;}.sec-4 .Col li a:hover{ color:#26a041;}
.sec-4 .Col .more{ position:absolute; background:url(../images/more.png); background-size:contain; width:73px; height:73px; top:50%; right:6%; margin-top:-30px;}
.sec-4 .Col li:nth-child(5){ display:none;}

.sec-4 .Col2{ clear:both;}
.sec-4 .Col2 ul{ margin-left:-3%;}
.sec-4 .Col2 li{ position:relative; background:#fff; border-radius:0 45px 0 45px; width:30.333%; float:left; margin-left:3%;box-shadow:0 0 25px #dbe9db;}
.sec-4 .Col2 .imgbox{ border-radius:0 45px 0 45px; padding-top:50%; width:76%;}
.sec-4 .Col2 .ti{ right:5%; top:10%;}
.sec-4 .Col2 .ti .en{ left:-63px;}
.sec-4 .Col2 .more{ background:url(../images/ico/more.gif); width:28px; height:13px; right:8%; bottom:10%; position:absolute;}
.sec-4 .Col2 .li1{transform:translateX(100px);-webkit-transform:translateX(100px);opacity:0;transition:all 1s 0.4s;}
.sec-4 .Col2 .li2{transform:translateX(100px);-webkit-transform:translateX(100px);opacity:0;transition:all 1s 0.5s;}
.sec-4 .Col2 .li3{transform:translateX(100px);-webkit-transform:translateX(100px);opacity:0;transition:all 1s 0.6s;}
.sec-4.active .Col{ opacity:1;}
.sec-4.active .Col2 li{transform:translate(0,0);-webkit-transform:translate(0,0);opacity:1;} 
.sec-4.active .tithead img{transform:translate(0,0);-webkit-transform:translate(0,0);opacity:1;}

@media (min-width:1600px) and ( max-width:1920px){
.sec-4 .tithead{height:400px;}
.sec-4 .Col{height:380px;}
.sec-4 .Col li{ line-height:42px; height:42px;}
.sec-4 .Col li:nth-child(5){ display:block;}
.sec-4 .Col2 .imgbox{padding-top:60%;}
}
@media ( max-width:1440px){
.sec-4 .Contain{ padding-top:10%;}
.sec-4 .tithead{height:250px;}
.sec-4 .Col{height:250px;}
.sec-4 .Col2 .ti { right:2%;}
.sec-4 .Col li{ line-height:30px; height:30px;}
.sec-4 .Col2 .imgbox{padding-top:46%;}
.sec-4 .Col .imgbox{ height:100px;}
}
@media ( max-width:998px){
.sec-4 .tithead{ width:auto; float:none; height:auto; display:block;}
.sec-4 .tithead img{ width:200px;transform:translateX(0px);-webkit-transform:translateX(0px);opacity:1;}
.sec-4 .Col .imgbox{border-radius:0 15px 0 0;}
.sec-4 .Col .more{ width:40px; height:40px;}
.sec-4 .Col{ width:auto; float:none;border-radius:0 15px 0 15px;opacity:1; height:auto;}
.sec-4 .Col2 {padding-bottom:30px;}
.sec-4 .Col2 li{border-radius:0 15px 0 15px;transform:translateX(0px) !important;-webkit-transform:translateX(0px) !important;opacity:1 !important;}
.sec-4 .Col2 .imgbox{padding-top:68%;border-radius:0 15px 0 15px;}
.sec-4 .Col .box{ padding-left:5%; padding-bottom:15px;}
.sec-4 .Col .ti{ position:static; text-align:left;}
.sec-4 .Col .ti .en { left:-10px;}
.sec-4 .Col2 .ti .en { left:-50px; top:-36px;}
.sec-4 .ti{ position:static;}
.sec-4 .ti .cn{ width:auto; line-height:40px;}
.sec-4 .Col2 .imgbox { width:100%;}
}
@media ( max-width:640px){
.sec-4 .Col2 {padding-bottom:0px;}
.sec-4 .ti .en{ font-size:12px;}
.sec-4 .Col .ti { left:3%;}
.sec-4 .Col2 .ti { right:1%;}
.sec-4 .Col2 li{ width:auto; float:none; margin-bottom:15px;}
}
/*第四屏 end*/

/*第五屏 s*/
.sec-5 { background:url(../images/sec5_bg.jpg) center top no-repeat; background-size:cover;}
.sec-5 .Contain{ padding-top:11%;}
.sec-5 .Col{ margin:0 0 0 -3%;}
.sec-5 .Col .item{ position:relative; width:47%; float:left; height:190px; margin:0 0 20px 3%; background:#fff; border-radius:0 45px 0 45px; box-shadow:0 0 15px #ddd;}
.sec-5 .Col .tithead{ text-align:center; width:200px; line-height:40px; font-size:16px; color:#fff; background:#26a041; border-radius:0 20px 0 20px; margin-bottom:14px;}
.sec-5 .Col .iconfont{ vertical-align:top; font-weight:normal;}
.sec-5 .Col .imgbox{ width:19.2%; margin:0 5%; float:left; padding-top:19.2%; border-radius:50%;}
.sec-5 .Col ul{ width:47%; float:left; border-top:1px dotted #b3b3b3;}
.sec-5 .Col li{ border-bottom:1px dotted #b3b3b3; height:30px; line-height:30px;}
.sec-5 .Col li a{ color:#666;}.sec-5 .Col li a:hover{ color:#26a041;}
.sec-5 .Col li:nth-child(5){ display:none;}
.sec-5 .Col .more{ position:absolute; background:url(../images/more.png); background-size:contain; width:73px; height:73px; top:50%; right:6%; margin-top:-30px;}
.sec-5 .videoimg { text-align:center;}
.sec-5 .videoimg img{ width:100%;}

@media (min-width:1600px) and ( max-width:1920px){
.sec-5 .Col .tithead{ margin-bottom:18px;}
.sec-5 .Col .item{height:255px;}
.sec-5 .Col .tithead{ width:260px;line-height:50px;}
.sec-5 .Col .imgbox{ width:20%; padding-top:20%;}
.sec-5 .Col li{ height:32px; line-height:32px;}
.sec-5 .Col li:nth-child(5){ display:block;}

}
@media ( max-width:1440px){
.sec-5 .Col li:nth-child(4){ display:none;}
.sec-5 .Col .item{height:155px;}
.sec-5 .Col .imgbox{ width:16%; padding-top:16%;}
.sec-5 .Col ul{ width:55%;}
.sec-5 .Col .tithead{ margin-bottom:10px; line-height:36px; width:220px; font-size:14px;}
.sec-5 .Col .item{ margin-bottom:10px;}
.sec-5 .Col li{ height:28px; line-height:28px;}
}
@media ( max-width:1100px){
.sec-5 .Col .more{ width:40px; height:40px; top:58%;}
}
@media ( max-width:998px){
.sec-5 { padding-bottom:25px;}
.sec-5 .Col .tithead{ line-height:30px; font-size:14px;}
}
@media ( max-width:768px){
.sec-5 .Contain { padding-top:7%;}
.sec-5 .Col .item{ width:auto; float:none;}
}

/*第五屏 end*/

/*首页 end*/


/*栏目页公用样式 s*/
.SubPage{ height:auto !important;min-height:350px; height:350px; padding-top:5%; padding-bottom:5%;}
.SubBan{ overflow:hidden; position:relative;background-position:center center; background-repeat:no-repeat; background-size:cover; text-align:center; height:450px;}
.SubBan .txt{ position:absolute; right:5%; top:48%; width:280px; text-align:center; border-radius:0 30px 0 30px; font-size:40px; color:#fff; background:rgba(38,160,65,0.9); height:160px;display: flex; align-items: center;justify-content: center;}
.SubBan .txt span{ display:inline-block; border-bottom:1px solid #fff; padding-bottom:22px;}

.ColumnName{ text-align:center; border-radius:0 20px 0 20px; display:none; font-size:16px; color:#fff; background:#26a041; line-height:40px; position:relative;}
.ColumnName span{ display:inline-block; border-bottom:1px solid #fff; padding-bottom:22px;}
.ColumnName .arr{ position:absolute; width:30px; right:10px; top:0;transition: all ease 0.3s;}
.ColumnName .iconfont{ font-size:20px;}
.ColumnName.on .arr{dis-moz-transform: translate(0, -3px) rotate(-180deg) !important;
	-ms-transform: translate(0, -3px) rotate(-180deg) !important;
	-o-transform: translate(0, -3px) rotate(-180deg) !important;
	transform: translate(0, -3px) rotate(-180deg) !important;}

.SubMenu{clear:both; line-height:64px; margin-top:-64px; text-align:center; position:relative; z-index:1; background:rgba(0,0,0,0.2);}
.SubMenu ul{ float:left;}
.SubMenu li{ float:left;position:relative;}
.SubMenu li a{ display:block; font-size:16px; padding:0 10px; border-right:1px solid rgba(255,255,255,0.4); min-width:130px; color:#fff;}
.SubMenu li em{ position:relative; z-index:1;}
.SubMenu li .bg{ position:absolute; z-index:0; width:0%; bottom:0px; height:100%; left:50%; background:#26a041;transition: all ease 0.3s; font-size:0;}
.SubMenu li a:hover .bg,.SubMenu li.onli .bg{ width:100%; left:0;}
.SubMenu li a:hover,.SubMenu li.onli a{ color:#fff;}
.SubMenu .place{ float:right; color:#fff;}
.SubMenu .place a{ color:#fff;}
.SubMenu .place a:hover,.SubMenu .place span{ color:#fff;}

.SinglePage{word-wrap:break-word;word-break:normal;text-align:justify; font-size:20px; color:#1a1a1a; line-height:36px;}

@media (min-width:1600px) and ( max-width:1920px){
.SubBan{height:540px;}
}

@media ( max-width:998px){
.SubPage{ padding-top:25px;padding-bottom:25px;}
.SubBan { height:120px;}
.SubBan .txt{ display:none;}

.ColumnName{ display:block;}
.SubMenu{ border-bottom:0; margin-top:-20px; background:none; line-height:35px;}
.SubMenu .place{ font-size:12px; float:none; text-align:right; background:rgba(38,160,65,0.2); border-radius:20px 0 20px 0; padding-right:10px; color:#666;}
.SubMenu .place a{color:#666;}

.SubMenu ul{ display:none; float:none;}
.SubMenu li{text-align:left; width:auto; float:none; border-bottom:1px solid #ddd; line-height:35px; }
.SubMenu li a{font-size:15px;color:#666;}.SubMenu li a:hover,.SubMenu li.onli a{ color:#e1494a;}
.SubMenu li .bg{ display:none;}
.SubMenu li:last-child{ border-bottom:0;}

.SinglePage{line-height:24px; font-size:14px;}
}
/*栏目页公用样式 end*/


/*魅力洪湖 s*/
.bodybg{ background:url(../images/bodybg.jpg);}
.AboutBg{ background:url(../images/aboutbg.jpg) center bottom no-repeat;}
.AboutBg2{ background:url(../images/aboutbg2.jpg) center bottom no-repeat;}
.AboutList{ padding:2% 6%;}
.AboutList ul{ margin-left:-5%;}
.AboutList li{ width:28.333%; float:left; padding-left:5%; text-align:center;}
.AboutList .imgbox{ padding-top:130%;}
.AboutList .nav{ opacity:0; position:absolute; left:0; z-index:2; bottom:-100px; height:100%; width:100%; background:rgba(0,0,0,0.4);display: flex; align-items: center;flex-direction: column;justify-content:center;}
.AboutList .nav dl{ width:100%;}
.AboutList .nav dl dd{ width:80%; margin:-1px auto 0;border-top:1px solid rgba(255,255,255,0.2);border-bottom:1px solid rgba(255,255,255,0.2); line-height:30px; font-size:14px; position:relative; display:inline-block;*display:inline;zoom:1;}
.AboutList .nav dl dd i{ font-size:14px; position:absolute; right:15%; top:14px; opacity:0;transition: all ease 0.3s;}
.AboutList .nav dl dd a{ display:block; color:#fff; font-weight:bold; padding:14px 0;}
.AboutList .nav dl dd a:hover{ background:#fff; color:#666;}
.AboutList .nav dl dd:hover i{ opacity:1;}
.AboutList .tit{ line-height:65px; padding-top:9%; font-size:18px; color:#000000;}
.AboutList .p{-webkit-line-clamp: 6;height: 140px;color:#808080;}
.AboutList .more{ margin-top:12%; background:url(../images/ico/more.gif) center center no-repeat; height:13px;}
.AboutList li:hover .tit{ color:#26a041;}

.SubNav{ padding:4% 0 2.5%; background:#fff;}
.SubNav ul{ float:left; text-align:center;}
.SubNav li{ display:inline-block;*display:inline-block;zoom:1; margin-right:-7px;}
.SubNav li a{ display:block; color:#000000;}
.SubNav li a span{ padding:0 40px; display:block;line-height:52px; font-size:16px;}
.SubNav li a:hover,.SubNav li.cur a{background:url(../images/navbg.gif) 0px top no-repeat; color:#fff;}
.SubNav li a:hover span,.SubNav li.cur a span{background:url(../images/navbg.gif) right bottom no-repeat;}

.order{text-align:center;}
.order a{ padding:0 20px; line-height:50px; display:inline-block; text-align:center; color:#fff; font-size:18px; background:#e97e02; border-radius:30px;}
.order a:hover{ background:#ff8d0a;}

.LeftNav{ width:22%; background:#fff; float:left; padding:10px;}
.LeftNav h3{ color:#fff; font-size:16px; line-height:32px; padding:10px 0; background:#26a041; text-align:center;}
.LeftNav li{ border-top:1px solid #e6e6e6;}
.LeftNav li a{ position:relative; line-height:24px; display:block; padding:15px 0 15px 8px; font-size:12px; color:#4c4c4c;}
.LeftNav li a i{ position:absolute; right:7%; top:15px; font-size:16px; font-weight:normal;}
.LeftNav li:hover a,.LeftNav li.cur a{ background:#26a041; color:#fff;}
.LeftNav li.onnav{ background:#26a041; color:#fff;}
.LeftNav li.onnav a{color:#fff;}

.RightCon{ width:74%; float:right;}

.InfoList{ margin:0 0 3% -5%;}
.InfoList li{ text-align:center; width:45%; float:left; margin:0 0 3% 5%; position:relative;}
.InfoList .imgbox{ border:10px solid #fff; padding-top:65%;transition: all ease 0.3s;}
.InfoList .tit{ letter-spacing:0.05em; color:#fff; background:#26a041; border-radius:0 20px 0 20px; font-size:16px; line-height:64px; width:60%; margin:-42px auto 0; position:relative;}

.SubTit{ line-height:45px; font-size:40px; color:#1a1a1a; padding-bottom:5%;}
.line{ width:1px; height:40px; margin:21px auto 4%; font-size:0; background:#26a041;}

@media ( max-width:1440px){
.AboutList ul{ margin-left:-3%;}
.AboutList li{ width:30.333%;padding-left:3%;}
.AboutList .tit{ line-height:45px;font-size:16px;}
}

@media ( max-width:998px){
.SubTit{ line-height:35px; font-size:18px;}
.AboutList{ padding:0;}
.AboutList .nav{ opacity:1; bottom:0;}
.AboutList .nav dl dd{font-size:12px; width:100%; line-height:16px;}
.AboutList .tit{ line-height:45px; font-size:18px;}
.SubNav ul,.SubNav .order{ float:none;}.SubNav .order{ padding-top:10px;}
.order a{ padding:0 10px; line-height:32px; font-size:14px;}
.SubNav li a span{ padding:0 10px; display:block;line-height:40px; font-size:12px;}
.SubNav li a:hover,.SubNav li.cur a{background:url(../images/navbg2.gif) 0px top no-repeat;}
.SubNav li a:hover span,.SubNav li.cur a span{background:url(../images/navbg2.gif) right bottom no-repeat;}

.LeftNav{ width:auto; float:none; padding:5px; margin-bottom:15px;}
.LeftNav h3{ display:none;}
.LeftNav li{ width:25%; float:left; border:0;}
.LeftNav li a { padding:5px 0; text-align:center; line-height:20px;}
.LeftNav li a i{ display:none;}
.RightCon{ width:auto; float:none;}
.InfoList .imgbox{ border:5px solid #fff;}
.InfoList .tit{ font-size:14px; line-height:40px; margin-top:-22px;}
}
@media ( max-width:640px){
.AboutList li{ width:auto !important; float:none; padding-bottom:20px;}
.AboutList .imgbox{ padding-top:80%;}
.AboutList .tit{ line-height:24px; padding-top:4%; font-size:14px;}
.AboutList .more{ margin-top:2%;}
.LeftNav li{ width:auto; float:none;}
.InfoList li{ width:auto; float:none;}
.InfoList .tit { width:80%;}
}


/*特色酒店 s*/
.AboutList.tsjd{ padding:2% 0;}
.AboutList.tsjd ul{ margin-left:-3.5%;}
.AboutList.tsjd li{ width:29.833%; padding-left:3.5%;}
.AboutList.tsjd .imgbox{ padding-top:80%;}
.AboutList.tsjd .nav dl dd{ width:37%; margin-left:3%;}
.AboutList.tsjd .nav dl dd:nth-child(odd){margin-left:0;}

.SubTit2{ font-size:40px; color:#000000; line-height:45px; text-align:center; border-top:1px solid #e6e6e6; padding:6% 0 3%;}
.SubTit2 i{ width:40px; height:20px; display:block; margin:0px auto; border-bottom:2px solid #26a041;}
.Hoteltxt{ max-width:1000px; text-align:center; color:#808080; font-size:16px; line-height:36px;margin:0px auto 4%;}
.Hoteltxt p,.Hoteltxt p span{ font-family:Arial, Helvetica, sans-serif !important;}
.HotelImg{}
.HotelNav{ border-bottom:1px solid #e6e6e6;border-top:1px solid #e6e6e6;}
.HotelNav .auto{ max-width:1200px; margin:0px auto;}
.HotelNav .owl-carousel{ border-left:1px solid #d6dbd6;}
.HotelNav .item{ border-right:1px solid #d6dbd6; text-align:center; padding-top:40px; line-height:55px; font-size:14px; height:148px; cursor:pointer;transition: all ease 0.3s;}
.HotelNav .item p{ color:#666666;}
.HotelNav .ico{ width:72px; height:72px; margin:0px auto; position:relative;}
.HotelNav .ico span{ position:absolute; left:8px; top:5px; width:54px; height:54px; box-shadow:0 0 20px #ddd;transition: all ease 0.3s;
transform:rotate(45deg);
-ms-transform:rotate(45deg);
-webkit-transform:rotate(45deg);}
.HotelNav .i1,.HotelNav .i2{position: absolute; left:8px;top: 4px; z-index:1; width:54px !important; height:54px;}
.HotelNav .i1{ transition: 400ms;}
.HotelNav .i2{ -webkit-transform:scale(0); transform:scale(0); opacity:0; filter:alpha(opacity=0); transition:500ms;}
.HotelNav .item:hover .i2,.HotelNav .item .hover .i2{ -webkit-transform:scale(1); transform:scale(1); opacity:1; filter:alpha(opacity=100);}
.HotelNav .item:hover .i1,.HotelNav .item .hover .i1 { opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(1.2); transform: scale(1.2);}
.HotelNav .item:hover .ico span,.HotelNav .item .hover .ico span{ background:#26a041;}
.HotelNav .item:hover p,.HotelNav .item .hover p{ color:#000;}
.HotelNav .item .hover { box-shadow:0 0 25px #eef3ee;}
.HotelNav .owl-prev,.HotelNav .owl-next { position:absolute; width:42px; height:42px; line-height:42px; text-align:center; background:#26a041 !important; color:#fff !important; font-size:26px !important; border-radius:50%; top:50%; margin-top:-25px; font-family:"宋体";}
.HotelNav .owl-prev { left:-50px;}.HotelNav .owl-next { right:-50px;}
.HotelNav .owl-dots { display:none;}

.HotelTit{ text-align:center; margin-bottom:3.5%;}
.HotelTit h4{ background:url(../images/navbg.gif) 0px top no-repeat; display:inline-block;*display:inline; zoom:1;}
.HotelTit h4 span{ display:block;background:url(../images/navbg.gif) right bottom no-repeat; padding:0 52px; font-size:26px; line-height:52px; color:#fff;}

@media ( max-width:1280px){
.HotelNav .owl-prev { left:0px;}.HotelNav .owl-next { right:0px;}

}
@media ( max-width:998px){
.SubTit2{ font-size:20px; line-height:25px;}
.HotelNav .item{padding-top:20px; line-height:40px; font-size:14px; height:100px;}
.HotelNav .item:hover,.HotelNav .item.on {font-size:15px;}
.HotelNav .ico{ width:50px; height:50px;}
.HotelNav .ico span{ position:absolute; width:40px; height:40px; left:4px;}
.HotelNav .i1,.HotelNav .i2{width:40px !important; height:40px; left:4px;}
.HotelNav .owl-prev,.HotelNav .owl-next {width:30px; height:30px; line-height:30px; font-size:20px !important;}
.Hoteltxt{font-size:14px; line-height:24px;}
.HotelTit h4{ background:url(../images/navbg2.gif) 0px top no-repeat; }
.HotelTit h4 span{background:url(../images/navbg2.gif) right bottom no-repeat; padding:0 30px; font-size:18px; line-height:40px;}
}


/*畅游洪湖 -特色行程 s*/
.bodybg2{ background:url(../images/bodybg2.jpg);}
.HonghuBg{ background:url(../images/honghubg.jpg) center bottom no-repeat;}
.SubTit3{ font-size:34px; color:#000000; line-height:35px; text-align:left; padding:1% 0 2.5%;}
.SubTit3 i{ width:40px; height:15px; border-bottom:2px solid #26a041; display:block;}
.TsNav{ text-align:center;}
.TsNav li{ background:#b3b3b3; display:inline-block;*display:inline;zoom:1; padding:0 20px; line-height:70px; font-size:16px; color:#fff; cursor:pointer; margin:0 2px;}
.TsNav li:first-child{ border-radius:20px 0 0 0;}
.TsNav li:last-child{ border-radius:0 20px 0 0;}
.TsNav li.on{ background:#26a041;}
.white_content{ background:#fff; padding:5%; color:#666666; font-size:16px; line-height:36px; font-weight:normal;}
.H4_tit{ color:#000000; font-size:28px; padding-bottom:2.5%;}
.remark{ text-decoration:underline; font-size:18px;}
.remark span{ margin-right:5%; display:inline-block;}
.remark span:last-child{ margin-right:0;}

.order2{text-align:center; padding-top:41px;}
.order2 a{ padding-right:41px; position:relative; width:259px; line-height:80px; display:inline-block; text-align:center; color:#fff; font-size:24px; background:#26a041;}
.order2 a:hover{ background:#e97e02;}
.order2 i{ position:absolute; right:0; top:0; height:100%; font-weight:normal; border-left:1px solid rgba(255,255,255,0.3); width:40px; font-size:20px;}
.order2.dis{ vertical-align:middle; padding-top:0; display:inline-block;*display:inline;zoom:1;}

@media ( max-width:998px){
.SubTit3{ font-size:16px; line-height:26px;}
.TsNav li{ padding:0 10px;margin:0; line-height:40px; font-size:12px;}
.H4_tit{font-size:18px;}
.white_content{font-size:14px; line-height:24px;}
.remark{font-size:16px;}.remark span{ margin-right:2%;}
.order2 a{ padding-right:41px;width:auto; padding:0 15px; line-height:45px;font-size:16px;}
}

/*畅游洪湖 -观光游记 s*/
.bodybg3{ background:url(../images/bodybg3.jpg);}
.HonghuBg2{ background:url(../images/honghubg2.jpg) center bottom no-repeat;}

.GuanguangList{ padding-bottom:1%;}
.GuanguangList li{ margin-bottom:4%; background:#fff;transition: all ease 0.3s;}
.GuanguangList li .imgbox{ height:495px; width:46%; float:left;}
.GuanguangList li .info{width:45%; padding:5% 4.5% 0 0; float:right;}
.GuanguangList li .lines{ display:block; width:50px; height:35px; border-top:3px solid #26a041;}
.GuanguangList li .ti{ color:#1a1a1a; height:50px; overflow:hidden; line-height:25px; font-size:20px;}
.GuanguangList li .p{ color:#666666; height:84px;-webkit-line-clamp: 3; margin-bottom:72px; line-height:28px; font-weight:normal; font-size:14px;}
.GuanguangList li .more{ background:url(../images/more.png); width:73px; height:73px;}
.GuanguangList li:hover .ti{ color:#26a041;}
@media ( max-width:1366px){
.GuanguangList li .imgbox{ height:420px;}
.GuanguangList li .p{margin-bottom:20px;}
}
@media ( max-width:998px){
.GuanguangList li .imgbox{ height:300px;}
.GuanguangList li .info{ padding-top:3%;}
.GuanguangList li .lines{height:12px;}
.GuanguangList li .ti{font-size:18px; height:auto; padding-bottom:15px;}
}
@media ( max-width:768px){
.GuanguangList li .imgbox{ width:auto; height:auto; float:none; padding-top:50%;}
.GuanguangList li .info{width:auto; padding:15px; float:none;}
.GuanguangList li .lines{ width:25px;}
.GuanguangList li .ti{font-size:16px; line-height:24px; padding-bottom:5px;}
.GuanguangList li .p{height:48px;-webkit-line-clamp: 2; margin-bottom:10px; line-height:24px;}
.GuanguangList li .more{ display:none;}
}

/*畅游洪湖 -交通信息 s*/
.bodybg4{ background:url(../images/bodybg4.jpg);}
.Infotxt{ background:#fff; border:1px solid #e6e6e6; padding:5%; margin-bottom:4%;}
.Infotxt .img{ width:38%; float:left; text-align:center; padding-bottom:15px;}
.Infotxt .info{ width:57%; float:right; line-height:26px;}
.Infotxt .info h4{ font-size:24px; color:#000000; margin-bottom:4%;}
.Infotxt2{ font-size:16px;}
.Infotxt2 h4{ display:inline-block; *display:inline-block;zoom:1; line-height:60px; border-bottom:2px solid #000000; color:#000000; font-size:28px;}
.Infotxt2 .info{ margin:0 56px 0px; border-bottom:1px solid #e7e7e7; padding:40px 0;}
.Infotxt2 .info .p1{ position:relative; padding-left:55px; font-size:20px; color:#333333; margin-top:20px; line-height:38px;}
.Infotxt2 .info .p1 .lk{ position:absolute; left:0; top:0;}
.Infotxt2 .info2{ margin:0 ; padding:30px 0 0px;}
.Infotxt2 .info2 .p1{font-size:18px; color:#333333; line-height:38px;}
.jtbg1{ width:498px; height:335px; position:absolute; right:5%; top:0%; background:url(../images/honghubg3.jpg) no-repeat; background-size:contain;}
.jtbg2{ width:1066px; height:718px; position:absolute; left:0; top:60%; background:url(../images/honghubg4.jpg) no-repeat; background-size:contain;}
.jtbg3{ width:731px; height:551px; position:absolute; right:0; bottom:0; background:url(../images/honghubg5.jpg) bottom no-repeat; background-size:contain;}
@media ( max-width:998px){
.Infotxt .img,.Infotxt .info{ width:auto; float:none; line-height:24px;}
.Infotxt .info h4{ font-size:18px;}
.Infotxt2 h4{line-height:40px; font-size:18px;}
.Infotxt2 .info{ margin:0; padding:20px 0; font-size:14px;}
.Infotxt2 .info .p1{font-size:16px; margin-top:10px; line-height:28px;}
.Infotxt2 .info2{padding:15px 0 15px;}
.Infotxt2 .info2 .p1{font-size:16px; line-height:28px;}
.jtbg1{ width:60%; right:0; height:335px;}
.jtbg2{ width:100%; height:500px;}
.jtbg3{ width:85%; height:300px;}
}

/*畅游洪湖 -游船服务 s*/
.Servertxt{ font-size:18px; line-height:38px; padding-bottom:6.5%;}
.Sertel{ padding:0 40px; display:inline-block;*display:inline-block; vertical-align:middle; font-size:20px; color:#000000; line-height:80px; box-shadow:0 0 20px #e4f0e4; margin-right:3%;}
.Sertel span{ color:#26a041; font-size:36px; vertical-align:middle;}.Sertel span a{ color:#26a041;}
.Sertel .ico{ display:inline-block; vertical-align:middle; font-weight:normal; color:#fff; text-align:center; width:50px; line-height:50px; border-radius:50%; background:#26a041; margin-right:18px;}
.Sertel .ico .iconfont{ font-size:28px;}

.SerList{ margin:0 0 0 -1.5%;}
.SerList li{ width:27%; float:left; margin:0 0 3% 1.5%; font-size:18px; text-align:center;}
.SerList li:nth-child(3n+3){ width:41.5%;}
.SerList .imgbox{ height:300px; margin-bottom:4.2%;}
.SerList a{ color:#666666;}.SerList a:hover{ color:#26a041;}
@media ( max-width:998px){
.Servertxt{ font-size:14px; line-height:24px;}
.Sertel{ padding:0 10px; font-size:14px;line-height:45px; margin-bottom:10px;}
.Sertel span{font-size:20px;}
.Sertel .ico{ width:28px; line-height:28px; margin-right:8px;}
.Sertel .ico .iconfont{ font-size:18px;}
.SerList li{ font-size:14px;}
.SerList .imgbox{ height:250px;}
}
@media ( max-width:640px){
.SerList li{ width:48% !important;}
.SerList .imgbox{ height:auto; padding-top:70%;}
}

/*玩转洪湖 - 景点介绍 s*/
.bodybg5{ background:#f5f5f5;}
.JingDianList{}
.JingDianList li{ margin-bottom:30px; background:#fff; box-shadow:0 0 12px #dae4da;}
.JingDianList .tithead{ margin-bottom:10px;}
.JingDianList .tithead span{ padding:5px 10px; display:inline-block; color:#000000; font-size:22px; line-height:38px; border-left:1px solid #26a041;border-right:1px solid #26a041;}
.JingDianList .box{ padding:20px 0;display: flex;align-items: center;}
.JingDianList .imgbox{ width:40%; padding-top:28%; float:left;}
.JingDianList .info{ width:52%; line-height:28px; float:left; padding-left:4%;}
@media ( max-width:998px){
.JingDianList .tithead span{ width:28px; font-size:18px; line-height:28px;}
}
@media ( max-width:768px){
.JingDianList li{ margin-bottom:18px;}
.JingDianList .box{ padding:12px; display:block;}
.JingDianList .tithead,.JingDianList .imgbox,.JingDianList .info{ padding:0; width:auto; float:none;}
.JingDianList .imgbox{padding-top:60%; margin-bottom:15px;}
.JingDianList .tithead span{ width:auto; font-size:16px; display:block;border-top:1px solid #26a041;border-bottom:1px solid #26a041; border-left:0; border-right:0; margin-bottom:8px;}
}

/*玩转洪湖 - 特色美食 s*/
.Foodbg{ background:url(../images/foodbg.jpg) center bottom no-repeat;}
.bodybg6{ background:url(../images/bodybg5.jpg);}
.FoodList{ margin:0 0 2% -4%;}
.FoodList li{ width:46%; padding-bottom:3%; margin:0 0 3% 4%; float:left; border-bottom:1px solid #e6e6e6;}
.FoodList .imgbox{ width:42%; float:left; height:225px; border-radius:0 38px 0 38px; box-shadow: 0 0 18px #e6e9e6;}
.FoodList .info{ width:53%; float:right;}
.FoodList .tit{ line-height:50px; font-size:20px; color:#000000;}
.FoodList .p{ color:#666; line-height:28px; height:84px; margin-bottom:42px;-webkit-line-clamp: 3;}
.FoodList .more{ background:url(../images/ico/more.gif); width:28px; height:13px;}
.FoodList li:hover .tit{color:#26a041;}
@media ( max-width:998px){
.FoodList .imgbox{height:160px;}
.FoodList .tit{ line-height:38px; font-size:18px;}
.FoodList .p{ line-height:24px; height:72px; margin-bottom:20px;}
}
@media ( max-width:640px){
.FoodList li{ width:auto; float:none;}
.FoodList .imgbox{ height:110px;border-radius:0 18px 0 18px;}
.FoodList .p{ height:48px; margin-bottom:10px;}
.FoodList .tit{ line-height:30px; font-size:16px;}
}

/*玩转洪湖 - 特产购物 s*/
.ProList{ margin:0 0 2% -3%;}
.ProList li{ width:30.3333%; float:left; margin:0 0 3% 3%;}
.ProList li .box{ box-shadow:0 0 20px #d8e5d4; padding:11px 11px 0; background:#fff; border-radius:0 38px 0 38px;transition: all ease 0.3s;}
.ProList li .imgbox{ padding-top:66%; border-radius:0 38px 0 0;}
.ProList li .info{padding:8% 5%;}
.ProList li .tit{ float:left; width:70%; font-size:16px; color:#000000;}
.ProList li .price{ float:right; text-align:right; color:#26a041; font-size:20px;}

.Protit{ color:#26a041; line-height:62px; font-size:24px; border-bottom:1px solid #e6e6e6;}
.Protit2{ color:#000000; line-height:62px; font-size:24px;}
.Protxt{ color:#808080; font-size:16px; line-height:36px; padding:10px 0;}

.ProImg{ width:40%; float:left; padding-bottom:5%;}
#bigimg{ margin-bottom:11px;}
#bigimg .imgbox{ padding-top:70%;}
#bigimg .flex-prev,#bigimg .flex-next{ width:50px; line-height:50px; height:50px; text-align:center; color:#fff; background:rgba(0,0,0,0.5); border-radius:50%; font-size:24px;}
#bigimg .flex-prev{ left:10px;}
#bigimg .flex-next{ right:10px;}

#smallimg .imgbox{ border:1px solid #e6e6e6; margin-right:10px; height:83px;}
#smallimg .imgbox span{ width:94%; height:93%; left:3%; top:3%;}
#smallimg li{ cursor:pointer;}
#smallimg li.flex-active-slide .imgbox{ border:1px solid #26a041;}
#smallimg .flex-direction-nav{ display:none;}

.ProInfo{ width:55%; float:right; padding-bottom:5%;}
.ProInfo .tithead{ line-height:50px; color:#000000; font-size:36px;}
.ProInfo .tithead.mp{ line-height:40px; color:#000000; font-size:20px;}
.ProInfo .price{ line-height:55px; color:#26a041; font-size:36px;}
.ProInfo .price .qi{ font-size:18px; font-weight:normal;}
.ProInfo .price .p2{ font-family:"微软雅黑"; color:#808080; font-weight:normal; font-size:14px; margin-left:20px;}
.ProInfo .info{ border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; padding:15px 0; margin:4% 0 5%; line-height:32px; color:#808080; font-size:16px;}
.ProInfo .item{ border-top:1px solid #e6e6e6; padding:2% 0 5%;}
.ProInfo .item dd{ color:#808080; line-height:30px; padding-bottom:6px;}
.ProInfo .item dd a{ display:inline-block; vertical-align:middle; margin-left:5px;}
.ProInfo .item dd a img{ display:inline-block; vertical-align:middle; margin-top:-5px;}
.ProInfo .btn{}
.ProInfo .btn a{ display:inline-block; text-align:center; color:#fff; border-radius:26px; font-size:22px; margin-right:20px; width:180px; line-height:54px;}
.ProInfo .btn a.buy{ background:url(../images/orderbg.jpg);}
.ProInfo .btn a.car{ background:#e87e02;}

@media ( max-width:998px){
.ProList li .tit{font-size:18px;}
.ProList li .price{font-size:20px;}
.ProInfo .tithead{ line-height:23px !important; font-size:16px !important;}
.ProInfo .price{ line-height:30px; font-size:18px;}
.ProInfo .info{ padding:10px 0; margin:4% 0 5%; line-height:24px; font-size:14px;}
.ProInfo .btn a{font-size:14px; margin-right:10px; width:100px; line-height:34px;}
.Protit,.Protit2{line-height:40px; font-size:18px;}
.Protxt{ font-size:14px; line-height:24px; padding:10px 0;}
}
@media ( max-width:640px){
.ProList li .box{padding:5px 5px 0; background:#fff; border-radius:0 20px 0 20px;}
.ProList li .imgbox{border-radius:0 20px 0 0;}
.ProList li .info{ padding:4%;}
.ProList li{ width:auto; float:none;}
.ProList li .tit,.ProList li .price{font-size:14px;}

.ProImg,.ProInfo{ width:auto; float:none;}
#bigimg .flex-prev,#bigimg .flex-next{ width:35px; line-height:35px; height:35px;}
}

/*特产购物订单信息 s*/
.OrderLeft{ width:67%; float:left;}
.MemberTit{ font-size:24px; color:#000000; padding-bottom:19px;}
.Memberinfo{ margin-bottom:5%; border-top:2px solid #26a041; background:#fff; padding:3.5% 4.5%;}
.Memberinfo .form{}
.Memberinfo .form dl{ padding-left:177px; position:relative; font-size:16px; margin-bottom:16px; line-height:32px;}
.Memberinfo .form dl dt{ position:absolute; left:0; top:0; color:#999999;}
.Memberinfo .form .input{ height:32px; font-size:18px; color:#000000; border-bottom:1px solid #d9d9d9; width:200px;}
.Memberinfo .form .address{ border:1px solid #d9d9d9;}
.Memberinfo .form .address input{ width:100%; height:42px; line-height:42px; text-indent:1em;}
.Memberinfo .form .textarea{ border-bottom:1px solid #d9d9d9;}
.Memberinfo .form .textarea textarea{ width:100%; height:35px; line-height:20px;}
.Memberinfo .form .input{ height:32px; font-size:18px; color:#000000; border-bottom:1px solid #d9d9d9; width:200px;}
.Memberinfo .form .dateinput2{ height:32px; font-size:18px; color:#000000; border:0; border-bottom:1px solid #d9d9d9; width:200px; background:url(../images/selectarr2.png) right center no-repeat; text-indent:0;}
.Memberinfo .form .dateinput{ color:#000000; font-size:16px; width:100px; text-align:center; height:32px; line-height:32px;}
.Memberinfo .form .dateinput3{ border:1px solid #d9d9d9; height:32px; font-size:14px; color:#000000;width:243px; background:url(../images/selectarr2.png) right 10px center no-repeat; text-indent:0; text-indent:1em;}

.Memberinfo .form .dateline{ background:#b3b3b3; width:26px; margin:0 7px; display:inline-block; vertical-align:middle; height:1px; font-size:0;}
.Memberinfo .form .datenum{ font-size:18px; color:#000; vertical-align:middle; margin:0;}
.Memberinfo .form .edit{ color:#26a041; font-size:14px; padding:0 12px; line-height:33px; display:inline-block; border:1px solid #cccccc;}
.Memberinfo .form .datelist{ display:inline-block;*display:inline;zoom:1; vertical-align:top;}
.Memberinfo .form .datelist span{ margin-bottom: 10px;display:inline-block; padding:0 21px; border:1px solid #d9d9d9; color:#26a041; font-size:16px; line-height:32px; position:relative; margin-left:12px;}
.Memberinfo .form .datelist span em{ cursor:pointer; position:absolute; left:-1px; top:-1px; width:13px; line-height:13px; background:#26a041;}
.Memberinfo .form .datelist span em .iconfont{ font-size:12px; color:#fff;}

.formtip{ display:inline-block;*display:inline;zoom:1; color:#808080; font-size:14px; margin-left:18px;}
.formtip img{ display:inline-block; vertical-align:middle; margin-right:5px;}

.numbtn{ padding-right:10px; float:left; position:relative;}
.numbtn i{ position:absolute; right:0; color:#000000; top:0;}
.numbtn a{ display:block !important;}
.J_minus,.J_add{ width:15px; height:14px; display:block; background:url(../images/numarr.gif) 0px top no-repeat;}
.J_add{background:url(../images/numarr.gif) 0px bottom no-repeat; margin-top:6px;}
.J_input{ margin-right:4px; width:58px; line-height:32px; height:32px; float:left; border:1px solid #26a041; text-align:center; color:#000000; font-size:16px;}
.selectlist{ margin-left:-1.5%;}
.selectlist li{ width:31.8333%; float:left; padding:0 0 1.5% 1.5%;}
.selectlist li select{ width:100%; height:45px;}

.OrderTip{ border:1px solid #d9d9d9; padding:3%; margin-bottom:5%; color:#808080; line-height:30px;}
.OrderTip h4{ line-height:38px; color:#000000; font-size:16px;}
.OrderTip .dotline{ border-bottom:1px dotted #d9d9d9; height:10px; margin-bottom:10px;}

.paybtn{ width:100%; height:80px; background: #32cf54 url(../images/orderbg.jpg) 0px bottom repeat-x; font-size:26px; color:#fff; cursor:pointer;}

.OrderRight{ width:30%; float:right;}
.ProRec .imgbox{ padding-top:66%;}
.ProRec .info{ background:#fff; padding:6%; line-height:32px;font-size:24px;}
.ProRec .info .tit{  color:#000000; margin-bottom:10px;}
.ProRec .info .price{ color:#26a041;}
.ProRec .info .item dt{ border-bottom:1px solid #e6e6e6; font-size:18px; line-height:38px; margin-bottom:20px;}
.ProRec .info .item dd{ font-size:14px; line-height:28px; color:#999999;}
.ProRec .info .item dd i{ display:inline-block; width:140px;}
.ProRec .info .item dd span{ color:#4c4c4c;}

@media ( max-width:998px){
.OrderLeft{ float:none; width:auto;}
.MemberTit{ font-size:18px; padding-bottom:10px;}
.Memberinfo .form dl{ padding-left:130px; font-size:12px; margin-bottom:10px;}
.Memberinfo .form .input{ font-size:16px;}
.OrderRight{ display:none;}
.paybtn{ height:50px; font-size:18px;}
.Memberinfo .form .datelist span{ margin:0 4px 0 0; font-size:14px; padding:0 3px 0 12px;}
}
@media ( max-width:640px){
.selectlist li{ width:auto; float:none;}
.formtip{ line-height:20px; margin-left:0;}
.Memberinfo .form .dateinput{ width:57px; font-size:12px;}
.Memberinfo .form .dateline{ width:10px; margin:0 4px;}
.Memberinfo .form .datenum{ margin-left:0;}
.Memberinfo .form .datelist span{ margin-top:4px;}
.Memberinfo .form dl{ padding-left:0;}
.Memberinfo .form dl dt{ position:static;}
}


/*玩转洪湖 - 休闲娱乐 s*/
.YuLebg{ background:url(../images/ylbg.jpg) center bottom no-repeat;}
.YuLeList{ margin:0 0 0 -2.5%;}
.YuLeList li{ text-align:center; width:30.8333%; float:left; margin:0 0 3.5% 2.5%; position:relative;}
.YuLeList .box{ background:#fff; padding:10px;transition: all ease 0.3s;}
.YuLeList .imgbox{padding-top:65%;transition: all ease 0.3s;}
.YuLeList .tit{ letter-spacing:0.05em; color:#fff; background:#26a041; border-radius:0 20px 0 20px; font-size:16px; line-height:64px; width:80%; margin:-42px auto 0; position:relative;}
.YuLeList .info{ padding:4%;}
.YuLeList .p{ height:140px; line-height:28px;-webkit-line-clamp: 5; color:#666;}
.ylbg1{ width:30%; height:502px; position:absolute; right:0; top:0%; background:url(../images/ylbg2.jpg) no-repeat; background-size:contain;}
@media ( max-width:998px){
.YuLeList .box{ padding:5px;}
.YuLeList .tit{ font-size:14px; line-height:40px; margin-top:-22px;}
.YuLeList .p{ height:72px; line-height:24px;-webkit-line-clamp: 3;}
}
@media ( max-width:640px){
.YuLeList li{ width:auto;}
}

/*在线预订 - 门票预订*/
.PiaoList{ margin-bottom:4%;}
.orderbtn{ color:#fff; width:100px; line-height:42px; text-align:center; display:block; margin:0px auto; background:#26a041; border-radius:20px;}
.orderbtn:hover{ background:#e97e02; color:#fff;}
.tables1{color:#1a1a1a; font-size:16px;border-right:1px solid #d9d9d9;}
.tables1 .row { width:100%; display: table-row;}
.tables1 .pad { padding:2% 5%; display:block;}
.tables1 .td{ display:table-cell; vertical-align:middle; border:1px solid #d9d9d9; line-height:22px; border-right:0px; padding-left:; padding-right:;}
.tables1 .thead{ width:100%; display: table;color:#000; font-size:22px; background:#f5f5f5; height:65px;}
.tables1 .thead .td{ font-weight:bold;height:48px; line-height:20px;}
.tables1 .td.d1{ width:40%;}
.tables1 .td.d2{ width:15%;}
.tables1 .td.d3{ width:15%;}
.tables1 .td.d4{ width:15%;}
.tables1 .td.d5{ width:15%; text-align:center;}
.tables1 .tbody{ overflow:hidden;position:relative; display: table; width:100%;}
.tables1 .tbody .td{ height:58px; border-top:0; background:#fff;}

.tables2{font-size:14px;border-right:1px solid #d9d9d9;border-top:1px solid #d9d9d9;}
.tables2 .row { width:100%; display: table-row;}
.tables2 .td{ display:table-cell; vertical-align:middle; padding-top:1%; padding-bottom:1%;height:40px; line-height:24px;border:1px solid #d9d9d9; border-right:0px;}
.tables2 .td.d1{ width:22%; background:#f5f5f5; color:#000000; font-size:18px; text-align:center;}
.tables2 .td.d2{ padding-left:2%;padding-right:2%;}
.tables2 .tbody{ overflow:hidden;position:relative; display: table; width:100%;}
.tables2 .tbody .td{ border-top:0;}

.ordertxt{ border:1px solid #e6e6e6; padding:3% 5%; font-size:16px; margin:3% 0 4%; line-height:32px;}
.ordertxt .p1{ border-bottom:1px dotted #d9d9d9; padding:15px 0;}
#dituContent{ height:450px;}

@media ( max-width:1366px){
.tables2 .td.d1{ font-size:16px;}
}
@media ( max-width:998px){
.tables1{font-size:14px;}
.tables1 .thead{font-size:16px !important; height:45px;}
.tables2 .td.d1{ font-size:14px;}
.orderbtn{width:70px; line-height:20px;}
.ordertxt{font-size:14px; line-height:24px;}
.ordertxt .p1{ padding:8px 0;}
.tables2 .row{ display:block;}
.tables2 .td{ display:block; text-align:left; width:auto !important; height:auto;}
}
@media ( max-width:768px){
.tables1 .thead .td{ font-size:12px;}
.tables1{font-size:12px;}
.tables1 .thead{font-size:14px;}
.orderbtn{width:auto; display:inline-block; line-height:12px; padding:4px 0;}
.tables2 .td.d1{ font-size:12px;}
#dituContent{ height:250px;}
}

/*在线预订 - 酒店预订*/
.Hotelbg{ background:url(../images/hotelbg.jpg) center bottom no-repeat;}
.HotelNavs{ text-align:center; margin-bottom:2.2%;}
.HotelNavs li{ width:240px; line-height:64px; display:inline-block;*display:inline;zoom:1; margin:0 3px; font-size:24px;}
.HotelNavs li a{ display:block; background:#e6e6e6; color:#000000;}
.HotelNavs li a:hover,.HotelNavs li a.on{ color:#fff; background:#26a041;}

.HotelList{ margin-bottom:3%;}
.HotelList .tables1 .td.d1{ width:36%;}
.HotelList .tables1 .td.d2{ width:13%;}
.HotelList .tables1 .td.d3{ width:13%;}
.HotelList .tables1 .td.d4{ width:13%;}
.HotelList .tables6 .td.d5{ width:12%;}
.HotelList .tables1 .thead{ font-size:18px;}
.HotelList .hotel{ padding:15px 4%;}
.HotelList .hotel .imgbox{ width:40%; float:left; height:120px;}
.HotelList .hotel .info{ width:40%; float:left; height:120px;display:flex;justify-content:center;flex-direction: column; padding-left:5%;}
.HotelList .hotel .info .ti{ line-height:19px; color:#000000; font-size:16px;}
.HotelList .hotel .info .p{ font-size:14px; color:#666666;}
.HotelList .hotel .info .tag span{ font-size:14px; margin-right:5px; display:inline-block; border:1px solid #d9d9d9; padding:0 7px; line-height:26px; color:#26a041;}
.HotelList .hotel .info .detail{ margin-top:9px;}
.HotelList .hotel .info .detail a{ font-size:14px; display:inline-block; color:#26a041; padding-right:20px; background:url(../images/ico/arr.gif) right center no-repeat;}
.HotelList .hotel .info .detail a.on{background:url(../images/ico/arr01.gif) right center no-repeat;}
.HotelList .hotelinfo{background:#f5f5f5; border-left:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; line-height:29px; padding:19px 2%; font-size:14px; position:relative; display:none;}
.HotelList .hotelinfo .detail{ color:#808080; width:78%;}
.HotelList .hotelinfo .detail dd{ width:17%; padding-right:0%; float:left;}
.HotelList .hotelinfo .detail dd:nth-child(5){ clear:both;}
.HotelList .hotelinfo .detail dd:nth-child(1),.HotelList .hotelinfo .detail dd:nth-child(5){ width:25%;}

.HotelList .hotelinfo .close{ color:#fff; text-align:center; background:#26a041; width:32px; line-height:32px; position:absolute; right:5%; top:50%; margin-top:-16px;}
.HotelList .hotelinfo .close .iconfont{ font-size:16px;}
.HotelList .hotelinfo .photo{ margin:0 0 0 -15px;}
.HotelList .hotelinfo .photo li{ width:12%; float:left;}
.HotelList .hotelinfo .photo li .imgbox{ padding-top:65%; margin:0 0 0 15px;}

.Hoteltit2{ border-bottom:1px solid #e6e6e6; padding-top:3%; margin-bottom:2%;}
.Hoteltit2 span{ background:#26a041; font-size:20px; display:inline-block; line-height:48px; color:#fff; padding:0 20px; text-align:center;}
@media ( max-width:998px){
.HotelNavs li{ width:150px; line-height:40px; font-size:14px;}

.HotelList .hotel .info .ti{ line-height:16px;font-size:14px;}
.HotelList .hotelinfo .detail{width:auto;}
.HotelList .hotelinfo .detail dd{ width:33.333% !important; clear:none !important;}
}
@media ( max-width:768px){
.Hoteltit2 span{ font-size:15px;  line-height:32px; padding:0 10px;}
.HotelList .thead{ display:none;}
.HotelList { border-top:1px solid #d9d9d9;}
.HotelList .tables1 .row,.HotelList .tables1 .tbody,.HotelList .tables1 .td{ display:block;}
.HotelList .tables1 .td.d1{ width:100% !important; float:none;}
.HotelList .tables1 .tbody .td{ height:auto; line-height:16px;}
.HotelList .tables1 .td{ float:left; width:24.7% !important;}
.HotelList .tables1 .td.d2,.HotelList .tables1 .td.d3,.HotelList .tables1 .td.d4,.HotelList .tables1 .td.d5,.HotelList .tables1 .td.d6,.HotelList .tables1 .td.d7,.HotelList .tables1 .td.d8,.HotelList .tables1 .td.d9{ height:50px;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.HotelList .tables1 .td.d6{ width:auto !important; float:none !important; clear:both; padding:5px 0;}
.HotelList .tables1 .orderbtn{ width:85px;}
.HotelList .hotelinfo .detail dd{ width:auto !important; float:none;}
.HotelList .hotelinfo .close{ top:12%;}
.HotelList .hotel .info .tag span{ font-size:12px; padding:0 4px; margin-top:5px;}
}
@media ( max-width:640px){
.HotelList .hotel .info{ width:45%;}
.tables1 .pad{ line-height:11px; padding:2% 5%; font-size:12px !important;}.tables1 .pad span{font-size:12px !important;}
}

/*在线预订 - 酒店预订订单信息*/
.popcontent{ display:none;}
.popbox{ position:fixed; left:0; top:0; z-index:1000; height:100%; width:100%;display:flex;justify-content:center;align-items:center;flex-direction: column;}
.popbox .close{ color:#fff; position:absolute; right:0; top:0; text-align:center; width:50px; line-height:50px; background:#26a041;}
.popbox .content{ position:relative; width:62%; margin:0px auto; background:#fff; padding:3.5%;}
.popbox .tithead{ margin-bottom:4.5%; line-height:38px; color:#000000; font-size:18px; border-bottom:1px solid #e6e6e6;}
.popbox .datebox{ text-align:center;}
.popbox .datebox .item{ position:relative; display:inline-block;*display:inline;zoom:1; padding-left:52px; width:200px; vertical-align:middle; margin:0 15px; line-height:45px; font-size:16px;}
.popbox .datebox .item dt{ position:absolute; color:#000000; left:0; top:0;}
.popbox .datebox .item dd{ position:relative;}
.popbox .datebox .item dd .day{ position:absolute; right:0; top:0; color:#999999; font-size:14px;}
.popbox .datebox .item dd .input{ height:45px; line-height:45px; width:100%; font-size:20px; color:#000000; border-bottom:1px solid #d9d9d9;}
.popbox .datebox .datenum{ display:inline-block;*display:inline;zoom:1; font-size:20px; color:#010101; padding-left:10px;}
.btnbox{ padding-top:5%;}
.sendbtn{ margin:0 5px; font-size:16px; color:#fff; width:90px; height:40px; cursor:pointer; background:#26a041;}
.retsetbtn{ background:none; margin:0 5px; font-size:16px; color:#26a041; width:90px; height:40px; cursor:pointer; border:1px solid #26a041;}
.mastbg{ width:100%; height:100%; left:0; top:0; position:fixed; z-index:999; background:rgba(0,0,0,0.5); display:none;}

@media ( max-width:998px){
.popbox .content{width:88%;}
.popbox .tithead{ font-size:16px;}
}
@media ( max-width:768px){
.popbox .datebox .item{ display:block; width:auto; margin:0;}
.popbox .datebox .datenum{ text-align:right; display:block; font-size:18px; padding-top:10px;}
.popbox .datebox .item dd .input{ font-size:16px;}
}

/*在线预订 - 会议预订*/
.Meetingbg{ background:url(../images/meetingbg.jpg) center bottom no-repeat;}
.MeetingList{ padding-bottom:3%;}
.MeetingList li{ background:#fff; padding:2%; margin-bottom:20px;transition: all ease 0.3s;}
.MeetingList li .imgbox{ height:210px; width:23%; float:left;}
.MeetingList li .info{ padding-left:4%; width:40%; float:left;}
.MeetingList li .tit{ padding-top:27px; line-height:47px; font-size:30px; color:#000000;}
.MeetingList li .p{-webkit-line-clamp: 1; height:24px; color:#999999; margin-bottom:14px; font-family:"微软雅黑";}
.MeetingList li .item{ font-size:16px;}
.MeetingList li .item dd{ width:50%; float:left; line-height:35px; color:#808080;}
.MeetingList li .other{ width:30%; float:right; text-align:right; padding-top:84px; line-height:42px;}
.MeetingList li .other .price{ color:#26a041; font-size:16px; vertical-align:middle; margin-right:8%;}
.MeetingList li .other .price i{ margin-right:5px; font-size:48px;}
.MeetingList li .other .orderbtn{ width:120px; display:inline-block;*display:inline;zoom:1; vertical-align:middle;}
.MeetingList li:hover .tit{ color:#26a041;}
@media ( max-width:1366px){
.MeetingList li .other .price i{font-size:38px;}
}
@media ( max-width:998px){
.MeetingList li .tit{ padding-top:10px; line-height:28px; font-size:20px;}
.MeetingList li .other .price i{ font-size:24px;}
.MeetingList li .other .orderbtn{ width:80px;}
.MeetingList li .imgbox{ height:160px;}
.MeetingList li .item{ font-size:14px;}
.MeetingList li .info{ width:42%;}
.MeetingList li .other { width:26%;}
}
@media ( max-width:768px){
.MeetingList li{ margin-bottom:15px;}
.MeetingList li .tit{font-size:18px;}
.MeetingList li .imgbox,.MeetingList li .info,.MeetingList li .other{ width:auto; float:none;}
.MeetingList li .imgbox{ padding-top:58%; height:auto;}
.MeetingList li .item dd{ line-height:24px;}
.MeetingList li .other{ padding-top:10px;}
}
@media ( max-width:640px){
.MeetingList li .item dd{ width:auto; float:none;}
}


/*在线预订 - 会议预订详情*/
.MettingImg{ width:40%; float:left; margin-bottom:6% !important;}
.MettingImg .imgbox{ padding-top:80%;}
.MettingImg .flex-prev,.MettingImg .flex-next{ width:50px; line-height:50px; height:50px; text-align:center; color:#fff; background:rgba(0,0,0,0.5); border-radius:50%; font-size:24px;}
.MettingImg .flex-direction-nav .flex-prev{ left:10px;}
.MettingImg .flex-direction-nav .flex-next{ right:10px;}
.MettingImg .flex-control-nav{ display:none;}
.MettingInfo{ width:56%; float:right; margin-bottom:6%;}
.MettingInfo .tithead{ color:#999999;}
.MettingInfo .tithead .ti{ line-height:54px; padding-bottom:8px; color:#000000; font-size:45px;}
.MettingInfo .item{ margin:2.5% 0; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; padding:4% 0;}
.MettingInfo .item dd{ float:left; width:19%; text-align:center;}
.MettingInfo .item dd img{ margin:0px auto; display:block;}
.MettingInfo .item dd span{ display:block; line-height:45px; padding-top:5px; color:#1a1a1a; font-size:20px;}
.MettingInfo .price{ padding-bottom:3%; font-size:16px; color:#808080;}
.MettingInfo .price span{ display:inline-block; margin-right:45px;}
.Mettel{ border-radius:33px; padding:0 25px; display:inline-block;*display:inline-block; vertical-align:middle; font-size:20px; color:#fff; line-height:68px; background:#26a041; box-shadow:0 0 20px #e4f0e4;}
.Mettel span{ font-size:36px; vertical-align:middle;}.Mettel span a{ color:#fff;}
.Mettel .ico{ margin-right:20px;}
.Mettel .ico .iconfont{ font-size:28px;}

.HotelList.Meeting{ margin-bottom:5%;}
.HotelList.Meeting .tables1 .td.d1{ width:26%; text-align:left;}
.HotelList.Meeting .tables1 .td.d1 .imgbox{ width:48%;}
.HotelList.Meeting .tables1 .td.d2{ width:9%;}
.HotelList.Meeting .tables1 .td.d3{ width:9%;}
.HotelList.Meeting .tables1 .td.d4{ width:9%;}
.HotelList.Meeting .tables1 .td.d5{ width:9%;}
.HotelList.Meeting .tables1 .td.d6{ width:9%;}
.HotelList.Meeting .tables1 .td.d7{ width:9%;}
.HotelList.Meeting .tables1 .td.d8{ width:10%;}
.HotelList.Meeting .tables1 .td.d9{ width:10%;}
.HotelList.Meeting .tables1 .thead{ text-align:center;}
.HotelList.Meeting .tables1 .tbody{ text-align:center;}
.HotelList.Meeting .bei{ font-size:14px; color:#777;}

.Hoteltab{ border:1px solid #d9d9d9; color:#808080; font-size:14px;}
.Hoteltab .row { width:100%; display: table-row;}
.Hoteltab .td{ display:table-cell; vertical-align:middle; border-right:1px solid #d9d9d9; border-top:1px solid #d9d9d9;}
.Hoteltab .td:last-child{ border-right:0;}
.Hoteltab .tbody{ overflow:hidden; margin-top:-1px; position:relative; display: table; width:87%; padding-left:13%;}
.Hoteltab .tbody .tab-tit{ text-align:center; border-right:1px solid #d9d9d9; color:#000000; border-top:1px solid #d9d9d9; position:absolute; width:13%; left:0px; top:0px; height:100%;font-size:18px;display: flex;align-items: center;justify-content: center;}
.Hoteltab .tbody .tab-tit p{ position:relative; height:100%;}
.Hoteltab .tbody .td{ height:40px;}
.Hoteltab .tbody .td.d1{ width:20%; color:#000000;}
.Hoteltab .tbody .td.d2{ width:80%;}
.Hoteltab .tbody .info{ padding:2% 10px;}
.Hoteltab .iconfont{ color:#b3b3b3; font-size:24px; font-weight:normal; margin-right:10px;}
@media ( max-width:998px){
.MettingInfo .tithead .ti{ line-height:30px;font-size:24px;}
.MettingInfo .price{font-size:14px;}
.MettingInfo .item dd span{line-height:30px;font-size:16px;}
.Mettel{line-height:48px; font-size:14px;}.Mettel span{ font-size:24px;}
}
@media ( max-width:768px){
.HotelList.Meeting .tbody .hide{ display:block;}
.MettingImg,.MettingInfo{ width:auto; float:none; margin-bottom:3%;}
.MettingImg .imgbox{ padding-top:50%;}
.MettingInfo .item dd{width:25%;}
.HotelList.Meeting .tables1 .td.d2, .HotelList.Meeting .tables1 .td.d3, .HotelList.Meeting .tables1 .td.d4,.HotelList.Meeting .tables1 .td.d5,.HotelList.Meeting .tables1 .td.d6,.HotelList.Meeting .tables1 .td.d7,.HotelList.Meeting .tables1 .td.d8,.HotelList.Meeting .tables1 .td.d9{ height:75px;}
.HotelList.Meeting .tables1 .orderbtn{ width:65px;}
.Hoteltab .tbody{width:100%; padding:35px 0 0 0;}
.Hoteltab .tbody .tab-tit{ top:1px; width:100%;border-top:1px solid #d9d9d9;height:30px; line-height:30px;}
.Hoteltab .tbody .info{ padding:2% 10px;}
.Hoteltab .tbody .iconfont{ display:block; margin:0px auto;}
.HotelList .hotelinfo .photo li{ width:26%;}
.HotelList .hotelinfo .photo li .imgbox{ margin-bottom:15px;}
.HotelList.Meeting .bei{ font-size:12px;transform: scale(0.7); line-height:12px;}
.MettingInfo .price span{ display:block;}
}
@media ( max-width:640px){
.Hoteltab .row,.Hoteltab .td{ display:block;}
.Hoteltab .tbody .td.d1,.Hoteltab .tbody .td.d2{ height:auto !important; width:auto;}
.Hoteltab .tbody .iconfont{ display:inline-block; vertical-align:middle;}
}



/*在线预订 - 别墅预订*/
.HotelList.Bieshu{ margin-bottom:5%;}
.HotelList.Bieshu .tables1 .td.d1{ width:33%; text-align:left;}
.HotelList.Bieshu .tables1 .td.d1 .imgbox{ width:42%;}
.HotelList.Bieshu .hotel .info { width:53%;}
.HotelList.Bieshu .tables1 .td.d2{ width:14%;}
.HotelList.Bieshu .tables1 .td.d3{ width:15%;}
.HotelList.Bieshu .tables1 .td.d4{ width:14%;}
.HotelList.Bieshu .tables1 .td.d5{ width:14%;}
.HotelList.Bieshu .tables1 .td.d6{ width:10%;}
.HotelList.Bieshu .tables1 .thead{ text-align:center;}
.HotelList.Bieshu .tables1 .tbody{ text-align:center;}
.HotelList .hotelinfo .detail2{ color:#333333; width:90%;}
.HotelList .hotelinfo .detail2 dd{ width:50%; float:left; line-height:36px;}
.HotelList .hotelinfo .detail2 dd .ti{ display:inline-block; width:200px; color:#808080;}
.HotelList .hotelinfo .detail2 dd img{ display:inline-block; vertical-align:middle; margin-right:8px;}
.HotelList .hotelinfo .detail2 dd em{ display:inline-block; margin-right:10px; font-size:12px !important;}
.scrollpic { overflow:hidden;}
.scrollpic .flex-viewport{ margin-left:-40px;}
.scrollpic .flex-prev,.scrollpic .flex-next{ width:42px; line-height:42px; height:42px; text-align:center; color:#26a041; background:#fff; border-radius:50%; font-size:24px;}
.scrollpic .flex-direction-nav .flex-prev{ left:10px;}
.scrollpic .flex-direction-nav .flex-next{ right:10px;}
.scrollpic .flex-control-nav{ display:none;}
.scrollpic .imgbox{ padding-top:65%; margin-left:40px;}

@media ( max-width:998px){
.HotelList .hotelinfo .detail2 dd{ width:auto; float:none; line-height:26px;}
.HotelList .hotelinfo .detail2 dd em{ margin-right:10px;}
.scrollpic .flex-viewport{ margin-left:-15px;}
.scrollpic .imgbox{ margin-left:15px;}
}
@media ( max-width:768px){
.HotelList.Bieshu .tables1 .td.d2,.HotelList.Bieshu .tables1 .td.d3,.HotelList.Bieshu .tables1 .td.d4,.HotelList.Bieshu .tables1 .td.d5{ width:49.5% !important; text-align:left;}
}
@media ( max-width:640px){
.HotelList .hotelinfo .detail2 dd .ti{ display:block;}
.HotelList .hotelinfo .detail2 dd{border:1px dotted #ddd; margin-bottom:5px; padding:0 5px; margin-bottom:5px;}
}

/*在线预订 - 别墅订单信息*/
.MettingImg.bieshu .imgbox{ padding-top:0; height:360px;}
.BieshuInfo{ width:50%; padding:0 5%; float:left; height:auto !important; min-height:360px; height:360px; background:#fff;}
.BieshuInfo .tithead{ padding-top:40px; color:#999999; padding-bottom:14px; margin-bottom:30px; border-bottom:1px solid #e6e6e6;}
.BieshuInfo .tithead .ti{ color:#000000; font-size:45px; line-height:70px;}
.BieshuInfo .info{ font-size:16px; line-height:30px; padding-bottom:20px; color:#666666;}
@media ( max-width:998px){
.BieshuInfo .tithead{ padding-top:20px; padding-bottom:10px; margin-bottom:15px;}
.BieshuInfo .tithead .ti{font-size:22px; line-height:40px;}
.BieshuInfo .info{ font-size:14px; line-height:24px;}
}

@media ( max-width:768px){
.MettingImg.bieshu .imgbox{ padding-top:50%; height:auto;}
.BieshuInfo{ width:auto; padding:10px;min-height:200px; height:200px; margin-bottom:18px;}
.BieshuInfo .tithead{ padding-top:0px;}
.BieshuInfo .tithead .ti{font-size:20px;}
.BieshuInfo .info{ padding-bottom:0;}
}

/*餐饮预订*/
.Cybg{ background:url(../images/cybg.jpg) center bottom no-repeat;}
.CanyinList{ margin:0 0 0 -5%;}
.CanyinList li{ text-align:center; width:45%; float:left; margin:0 0 3% 5%; background:#fff;transition: all ease 0.3s;}
.CanyinList .imgbox{ padding-top:48%;}
.CanyinList .info{ background:#fff;border:1px solid #e6e6e6; border-bottom:0; padding:5%;}
.CanyinList .info .txt{ height:136px; overflow-y:auto; font-size:15px; line-height:36px;}
.CanyinList .tit{ color:#000000; font-size:20px; margin-bottom:18px; line-height:30px;}
.CanyinList .tel{ background:#f4f4f4; line-height:78px; border:1px solid #e6e6e6; border-top:0; font-size:20px; color:#000;}
.CanyinList .tel span{ font-size:32px; vertical-align:middle;}
@media ( max-width:998px){
.CanyinList .tit{ font-size:20px; margin-bottom:15px;}
.CanyinList .info .txt{ height:100px; font-size:14px; line-height:24px;}
.CanyinList .tel{ line-height:50px;font-size:16px;}
.CanyinList .tel span{ font-size:24px;}
.CanyinList li{ width:auto; float:none;}
}
@media ( max-width:640px){
.CanyinList li{ width:auto; float:none;}
.CanyinList .info .txt{ height:auto;}
.CanyinList .tit{ font-size:18px; margin-bottom:0px;}
}

/*导游讲解预订*/
.DyInfo{ width:47%; float:left;}
.DyInfo .info{ color:#808080; font-size:15px; line-height:32px; padding-top:3%; height:auto !important; height:100px; min-height:100px;}
.DyInfo .tel{ line-height:58px; background:#f4f4f4; color:#000000; font-size:20px; text-align:center;}
.DyInfo .tel span{ color:#26a041; font-size:28px; vertical-align:middle;}
.DyImg{ width:50%; float:right;}

@media (min-width:1600px) and ( max-width:1920px){
.DyInfo .info{line-height:36px; height:148px; min-height:148px;}
.DyInfo .tel{ line-height:80px;}
}
@media  ( max-width:998px){
.DyInfo{ margin-bottom:20px;}
.DyInfo,.DyImg{ width:auto; float:none;}
.DyInfo .tel{ line-height:40px; font-size:14px;}
.DyInfo .tel span{ font-size:17px;}
.DyInfo .info{ padding:0 0 10px;height:50px; min-height:50px; line-height:24px; font-size:14px;}
}


/*企业概况*/
.Aboutbg3{ background:url(../images/aboutbg3.jpg) center bottom no-repeat; background-size:cover;}
.culturebg{ background:url(../images/culturebg.jpg) center bottom no-repeat;}
.newsbg{ background:url(../images/newsbg.jpg) center bottom no-repeat;}
.videobg{ background:url(../images/videobg.jpg) center top no-repeat;}
.NewsTop{ margin:0 0 3.5% -3%;}
.NewsTop li{ width:30.333%; float:left; margin-left:3%;border-radius:0 40px 0 40px; background:#fff;transition: all ease 0.3s;}
.NewsTop .imgbox{ padding-top:65%;border-radius:0 40px 0 40px;}
.NewsTop .ico{ width:80px; line-height:40px; text-align:center; color:#fff; position:absolute; left:6%; bottom:0; z-index:2; font-size:18px; font-weight:bold; border-radius:18px 0 18px 0; background:#26a041;}
.NewsTop .info{ padding:18px 6% 8%;}
.NewsTop .info .date{ line-height:40px;}
.NewsTop .info .ti{ line-height:30px; height:60px; font-size:16px; overflow:hidden; color:#000000;}
.NewsTop .info .p{ color:#666; line-height:28px; height:56px;-webkit-line-clamp: 2; margin:20px 0 20px;}
.NewsTop .info .more{ background:url(../images/ico/more.gif); width:28px; height:13px;}

.NewsList{ padding-bottom:5%;}
.NewsList li{ border-bottom:1px solid #e6e6e6; padding:3% 0;}
.NewsList .imgbox{ width:29%; float:left; height:300px; border-radius:0 40px 0 40px;}
.NewsList .info{ line-height:28px; width:67.5%; float:right; padding-top:14px;}
.NewsList .tit{ padding:7px 0 29px; font-size:20px; color:#000000;}
.NewsList .p{ color:#666;-webkit-line-clamp: 2; height:56px; margin-bottom:42px;}
.NewsList .more{ background:url(../images/more.png); background-size:contain; width:73px; height:73px;}
.NewsList li:hover .tit{ color:#26a041;}

.Titleinfo{ border-bottom:1px solid #e6e6e6; text-align:center; margin-bottom:35px; padding-bottom:18px;}
.Titleinfo .tits{font-size:28px; color:#010101; line-height:40px;}
.Titleinfo .date{ font-size:14px; padding:5px 0 0 0;color:#808080;}
.Titleinfo .date i{ display:inline-block; margin:0 10px;}
.Titleinfo .share{ display:inline-block;*display:inline; zoom:1; vertical-align:middle;}
.PrevNextBox {margin:50px 0 0 0;position:relative; padding-top:11px; border-top:1px solid #e6e6e6; color:#888888; font-size:16px;}
.PrevNextBox dl{ width:70%; line-height:50px; height:50px;overflow:hidden; border-bottom:1px dotted #d9d9d9; position:relative;}
.PrevNextBox dl span{ padding:0 0 0 62px; position:relative; display:block;}
.PrevNextBox dl span em{ position:absolute; left:0px; top:0px; color:#333333;}
.PrevNextBox dl span .date{ position:absolute; right:0; top:0; color:#808080; font-size:14px; font-family:Arial, Helvetica, sans-serif;}
.PrevNextBox dl a{ margin:0px auto; display:block;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:95%; color:#333333;}
.PrevNextBox dl a.none{color:#999;}
.PrevNextBox a.back{ position:absolute; right:0; top:54px; color:#001c5e; font-size:16px; padding-right:31px; background:url(../images/ico/back.png) right center no-repeat;}

@media  ( max-width:998px){
.NewsTop .info .ti{ line-height:24px; height:48px; font-size:16px;}
.NewsTop .info .p{ line-height:24px; height:48px; margin:10px 0 20px;}
.NewsTop li,.NewsTop .imgbox{border-radius:0 18px 0 18px;}
.NewsTop .info{ padding-top:10px;}
.NewsTop .ico{ width:60px; line-height:30px;font-size:14px; border-radius:10px 0 10px 0;}

.NewsList .imgbox{height:200px;border-radius: 0 18px 0 18px;}
.NewsList .info{ line-height:24px; padding-top:0px;}
.NewsList .p{ height:48px; margin-bottom:20px;}
.NewsList .tit{ padding:5px 0 10px; font-size:16px;}
.NewsList .more{ width:60px; height:60px;}

.Titleinfo{ margin-bottom:18px;}
.Titleinfo .tits{font-size:18px; line-height:24px;}
.Titleinfo .share{ display:none;}
.Titleinfo .date{ font-size:12px;}

.PrevNextBox {margin:50px 0 0 0; font-size:14px;}
.PrevNextBox dl{ width:auto; line-height:30px; height:30px; margin-bottom:8px;}
.PrevNextBox dl span{ padding-left:61px;}
.PrevNextBox a.back{ font-size:14px; top:-35px;}
}
@media  ( max-width:640px){
.NewsTop li{ margin-bottom:10px;}
.NewsTop .info .ti{ height:auto;}
.NewsTop .imgbox{ padding-top:50%;}
.NewsTop .info .p{ margin:5px 0 10px;}

.NewsList .imgbox{height:110px;}
.NewsList .info{ line-height:24px; padding-top:0px;}
.NewsList .p{  margin-bottom:0px;}
.NewsList .tit{ padding:5px 0 6px; font-size:16px;}
.NewsList .more{ display:none;}
.NewsTop li{ width:auto; float:none;}
}

/*景区视频*/
.VideoList{ margin:0 0 2% -3%;}
.VideoList li{ width:30.333%; float:left; padding:0 0 3% 3%;}
.VideoList .imgbox{ padding-top:68%;}
.VideoList .tit{ border-bottom:1px solid #d9d9d9; text-align:center; color:#000000; line-height:79px; font-size:20px;}
.VideoList .play{ z-index:2; position:absolute; left:0; top:0; width:100%; height:100%;display: flex;align-items: center;justify-content: center; background: rgba(0,0,0,0.4);}
.VideoList .play i{ width:80px; height:80px; display:inline-block; border-radius:50%; background: rgba(0,0,0,0.3) url(../images/ico/play.png); background-size:contain;}
.VideoList li:hover .play i{ background-color:#26a041;}
.VideoList li:hover .tit{ border-bottom:1px solid #d9d9d9; color:#26a041;}
.videoinfo{ width:80%; margin:25px auto;}
.VideoInfo .video{ width:auto; float:none; height:600px;}
.mfp-close{ border-radius:50%; background:#0080af; font-size:40px; color:#fff; font-weight:bold; opacity:1; width:39px; height:39px; position:absolute; right:0px; top:0px;}
.mfp-close-btn-in .mfp-close{ color:#fff !important;}
@media  ( max-width:998px){
.VideoList .play i{ width:50px; height:50px;}
.VideoList .tit{line-height:50px; font-size:16px;}
}
@media  ( max-width:640px){
.VideoList li{ width:47%;}
.VideoList .tit{line-height:42px; font-size:14px;}
}


/*联系方式*/
.ContactUs{ margin:0 0 0 -3%;}
.ContactUs li{ width:26.333%; margin:0 0 5% 3%; box-shadow:0 0 20px #e1e8e1; border-radius:0 40px 0 40px; padding:0 2%; text-align:center; height:280px; float:left;}
.ContactUs li .ico{ padding-top:12%;}
.ContactUs li .ti{ line-height:52px; color:#1a1a1a; font-size:24px;}
.ContactUs li .p{ color:#808080; font-size:16px;}

@media  ( max-width:998px){
.ContactUs li{height:200px;}
.ContactUs li .ico{ width:55px; margin:0px auto;}
.ContactUs li .ti{ line-height:40px; font-size:18px;}
.ContactUs li .p{font-size:14px;}
}
@media  ( max-width:560px){
.ContactUs li{ width:auto; float:none; height:auto; padding:15px;}
.ContactUs li .ico{ padding:0;}
}

/*在线留言*/
.Message{ margin:3.5% 0 0 -3%;}
.Message li{ width:47%; float:left; padding:0 0 10px 3%;}
.Message li.auto{ width:auto; float:none; clear:both;}
.Message li .ti{ line-height:58px; color:#000000; font-size:22px;}
.Message li .input{ font-size:16px; text-indent:1em; border:1px solid #d9d9d9; height:48px; line-height:48px; width:99.5%;}
.Message li .textarea{ border:1px solid #d9d9d9; padding:10px;}
.Message li .textarea textarea{ width:100%; height:144px; font-size:16px;}
.Message li.btn{ padding-top:3%; text-align:center;}
.Message .sendbtn{ width:400px; height:70px; color:#fff; font-size:22px;}

.MessageList{ background:#f5f5f5; padding:3% 0 4%;}
.MessageList .tithead{ font-size:28px; color:#1a1a1a; line-height:30px; padding-bottom:3%;}
.MessageList .item{ background:#fff;}
.MessageList .item .ti{ background:#e6e6e6; position:relative; padding:0 30px 0 84px; line-height:55px; color:#000000; font-size:18px;}
.MessageList .item .ti .num{ color:#fff; text-align:center; position:absolute; left:0; top:0; width:55px; line-height:55px; font-size:22px; background:#26a041;}
.MessageList .item .ti .date{ position:absolute; right:30px; font-size:14px; font-weight:normal; top:0; font-family:Arial, Helvetica, sans-serif; color:#808080;}
.MessageList .item .info{ padding:30px 30px 0px 84px; line-height:30px;}
.MessageList .item .hfdate{ margin-top:22px; border-top:1px dotted #d9d9d9; padding:7px 0; color:#b2b2b2;}
.MessageList .Pages{ padding-top:4%;}

@media (min-width:1600px) and ( max-width:1920px){
.Message li .input{height:68px; line-height:68px;}
}
@media ( max-width:998px){
.Message li .ti{ line-height:35px; font-size:16px;}
.Message li .input{ font-size:14px; height:35px; line-height:35px;}
.Message li .textarea textarea{height:80px; font-size:14px;}
.Message .sendbtn{ width:150px; height:40px; font-size:18px;}
.MessageList .tithead{ font-size:22px;}
.MessageList .item .ti{padding:0 15px 0 50px; line-height:45px; font-size:16px;}
.MessageList .item .ti .num{ width:40px; line-height:45px;}
.MessageList .item .info{ padding:15px 15px 0px 50px; line-height:24px;}
}
@media ( max-width:768px){
.MessageList .item .ti .date{ position:static; display:block; text-align:right; border-top:1px dotted #f5f5f5; line-height:20px;}
}

/*招聘信息*/
.hrbg{ background:url(../images/hrbg.jpg) center bottom no-repeat;}
.hrw1{ width:20%;}
.hrw2{ width:17%;}
.hrw3{ width:18%;}
.hrw4{ width:13%;}
.hrw5{ width:17%;}
.hrw6{ width:20%;}
.Hrhead{ border:1px solid #d9d9d9; height:60px; text-align:center; color:#000000; background:#fafafa; font-size:18px;}
.Hrhead span{ display:block; border-right:1px solid #d9d9d9; line-height:60px;}
.HrList{ margin-bottom:4%; background:#fff;}
.HrList li{ margin-bottom:1px;border:1px solid #d9d9d9; border-top:0;}
.HrList li td{ height:60px; text-align:center; color:#808080;}
.HrList li td a{color:#808080;}
.HrList .btn{ width:24px; height:24px; display:block; margin:0px auto; background:url(../images/ico/jia.gif);}
.HrList li .txtCont{ border-top:1px solid #d9d9d9; position:relative; display:none;line-height:34px; padding:25px 5% 25px; color:#808080;}
.HrList li .txtCont .item{ display:none; border-bottom:1px solid #e6e6e6; padding-bottom:10px; margin-bottom:10px;}
.HrList li .txtCont .item dd span{ padding-bottom:8px;}
.HrList li .txtCont .stit{ color:#000000; line-height:35px; font-size:18px;}
.HrList li .txtCont a.apply{ width:180px; line-height:60px; display:inline-block; text-align:center; color:#fff; background:#26a041; font-size:20px;}
.HrList li .txtCont a:hover.apply{background:#e87e02;}
.HrList li .lines{ border-bottom:1px solid #e6e6e6; padding-top:2.2%; margin-bottom:3%;}
.HrList li.current .btn{ background:url(../images/ico/jian.gif);}

.Jobbox{ line-height:38px; width:68%; position:relative; padding:40px; border-radius:10px; margin:20px auto; background:#fff;}
.Jobtit{ text-align:center; color:#26a041; padding-bottom:4%; font-size:30px;}
.Jobitem{ color:#222222;}
.Jobitem dd{ margin-bottom:8px; width:33.333%; float:left;}
.jobbtn{ display:block; margin-top:5%; color:#fff; font-size:18px; width:140px; line-height:45px; text-align:center; background:#0080af; border-radius:20px;}
.Jobbox .mfp-close{ border-radius:50%; background:#26a041; font-size:40px; color:#fff; font-weight:bold; opacity:1; width:39px; height:39px; position:absolute; right:-15px; top:-15px;}
.mfp-close-btn-in .mfp-close{ color:#fff !important;}

.JobForm{ color:#666666;}
.JobForm dl{ width:48%; float:left; padding-left:1%; line-height:28px;}
.JobForm dl dt{ width:22%; float:left; text-align:right; padding:5px 2% 5px 0;}
.JobForm dl dd{ width:70%; float:left;}
.JobForm dl.other{ width:99%; float:none; padding-left:1%;}
.JobForm dl.other dt{ width:10.8%; padding-right:1%;}
.JobForm dl.other dd{ width:84%;}
.JobForm dd{ padding:5px 0px;}
.JobForm .input { background:#fff; border:1px solid #dbdbdb; width:99%; height:28px; line-height:28px;}
.JobForm .input2 { background:#fff; border:1px solid #dbdbdb; width:99%; height:116px; line-height:23px;}
.JobForm select { border:1px solid #dbdbdb; width:190px; height:23px; line-height:23px;}
.sendbtn{ cursor:pointer; color:#fff; width:120px; height:40px; font-size:16px; background:#sendbtn; margin-right:8px;}
.resetbtn{ cursor:pointer; color:#fff; width:120px; height:40px; font-size:16px; background:#606060;}
@media ( max-width:768px){
.Hrhead{ height:36px;font-size:15px; font-weight:normal;}
.HrList{ margin-bottom:28px;}
.HrList li td{ height:45px;font-size:14px;}
.hrw1{ width:40%;}
.hrw2{ width:30%;}
.hrw2,.hrw3{ display:none;}
.HrList li .txtCont .stit{ font-size:15px; margin-bottom:10px; }
.HrList li .txtCont .item{ display:block;}
.HrList li .txtCont{ padding-top:10px; padding-bottom:18px; line-height:24px;}
.HrList li .txtCont a.apply{ width:100px; line-height:38px; font-size:14px;}

.Jobbox{ line-height:24px; width:auto; padding:18px;}
.Jobtit{ font-size:18px;}
.Jobitem dd{ width:auto; float:none;}
.jobbtn{ width:120px; line-height:35px; font-size:16px;}
.JobForm dl{ width:auto; float:none; padding-left:0%;}
.JobForm dl.other{ width:auto;padding-left:0%;}
.JobForm dl dt{ width:25%;}
.JobForm dl dd{ width:70%;}
.JobForm dl.other dt{ width:25%;}
.JobForm dl.other dd{ width:70%;}
.sendbtn{ width:100px; height:35px;}
.resetbtn{ width:100px; height:35px;}
.Jobbox .mfp-close{right:-5px;}
}