﻿@charset "utf-8";
/* CSS Document */
/* 内容区域 */
.page-main {
  position: relative;
  background: #fff;
	padding-bottom:0;
}
.aboutCenter {	
	width: 1252px;
    margin: 0 auto;     
    z-index: 1;
    box-sizing: border-box;   
}
/*--第一屏幕--*/
.travelOne,.travelTow,.travelTree,.travelFour,.travelFive,.travelSix,.travelSeven,.travelEight,.travelNine,.travelDetails
 { width: 100%; margin: 0 auto; position: relative;box-sizing: border-box;}
.traveOneM{width:100%; margin-top:120px; }
.travelOne .aboutCenter,.travelDetails .aboutCenter{  background: url(../images/travel-bg4.jpg) no-repeat center bottom; padding:10px 15px 40px 15px; box-sizing: border-box; }
.newzixun{ width:auto; height: 30px; margin: 0 auto;display: flex; justify-content: space-between; background: #f5f5f5;padding:3px 10px; }
.newzixun .tit{ width:165px;  height: 30px; line-height: 30px; font-weight: bold;}
.newzixun .tit i{margin-right:8px; font-size: 20px;}
.newzixun .tit a {font-size:18px; color:#eb1a1a;}
.zixlist{ width:1100px;}
.zixlist ul.newlist li{width:100%; overflow: hidden;zoom:1;}
.zixlist li .tzgglb{ width:50%; float: left; height: 30px; line-height: 30px;}
.zixlist li .tzgglb a,.zixlist li .tzgglb span{ display:inline-block; }
.zixlist li .tzgglb a{max-width:84%; float: left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.zixlist li .tzgglb span{ width: 80px;float: right;color: #777;text-align: center;font-size: 14px;}

.aboutBox{width:100%; margin-top:5px; display: flex; justify-content: space-between;}
.shiqing{ width:510px;}
.shiqing .tit{ width:316px; height: 306px;}
.shiqing .abwen{margin-top:-10px;}
.shiqing .abwen p{ line-height: 28px; text-indent:30px;}
.shiqing .more2{margin-top:10px;padding-left:23%;}
.shiqing .more2 a{ display: inline-block; text-indent: 45px; width:130px; height: 45px; line-height: 40px;font-size:18px; color: #fff; background: url(../images/tly-morebg2.png) no-repeat;}
.shiqing .more2 a:first-child{text-indent: 25px;}
.shiqing .more2 a:last-child{ background: url(../images/tly-morebg1.png) no-repeat;}


.xchvideo{ width:700px; height: 467px;margin-top:20px;}
.xchvideo img{ width:700px; height: 467px; }
.xchvideo #a1,.xchvideo #a2,.xchvideo #a3,.xchvideo #a4,.xchvideo #a5{ display: block;width:100%; height: 467px;}
.xchvideo video,.xchvideo img,.xchvideo object{ display: block; width:100%; height: 467px;}



.arrow{ width:243px; height:22px;position:absolute; left:43.8%; bottom:16px;}
.arrow img{-webkit-animation: fadeOutUp 2s 0.5s ease-in-out infinite;
	-moz-animation: fadeOutUp 2s 0.5s ease-in-out infinite;}	
@-webkit-keyframes fadeOutUp {
0% {
opacity:0;
-webkit-transform:translateY(0)
}
30% {
opacity:.6;
-webkit-transform:translateY(-4px)
}
40% {
opacity:1;
-webkit-transform:translateY(-4px)
}
80% {
opacity:.8;
-webkit-transform:translateY(-4px)
}
90% {
opacity:.5;
-webkit-transform:translateY(-10px)
}
95% {
opacity:0;
-webkit-transform:translateY(-12px)
}
100% {
opacity:0;
-webkit-transform:translateY(-18px)
}
}

.traveTow{  background: url(../images/travel-bg2.jpg) no-repeat center top;}
.ab-bgtit{ width:100%;  height: 102px; /*margin-bottom:10px;*/ font-size: 0; line-height: 0; text-indent: -9;}
.ab-bgtit h3{font-size: 0; line-height: 0; text-indent: -9;}
.ab-title2{ background: url(../images/travel-tit1.png) no-repeat;}
.ab-title3{ background: url(../images/travel-tit2.png) no-repeat;}
.ab-title4{ background: url(../images/travel-tit3.png) no-repeat;}
.ab-title5{ background: url(../images/travel-tit4.png) no-repeat;}
.ab-title6{ background: url(../images/travel-tit5.png) no-repeat;}
.ab-title7{ background: url(../images/travel-tit6.png) no-repeat;}
.ab-title8{ background: url(../images/travel-tit7.png) no-repeat;}
.ab-title9{ background: url(../images/travel-tit8.png) no-repeat;}

.zhaoshangBox{ background:url(../images/ab-tmbg1.png) repeat; *background:rgba(255,255,255,0.28);  border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; box-sizing: border-box; display: flex; justify-content: space-between; /*flex-wrap: wrap; flex-direction:row;*/}
.leftzs,.righzs{ background: #fff; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;box-sizing: border-box;}

.leftzs{width:750px; padding:0 16px;}
.leftzs .inHd2{ width: 178px;}
.zszbcd{ background:#fff;}
.zszbcd li{ height:112px;padding-top:20px;}
.zszbcd li a{ display: block; width:151px; height: 112px; border-bottom: 1px solid #ebebeb;}
.zszbcd li i,.zszbcd li span,.yingyeBox .inHd3 i,.yingyeBox .inHd3 span{ display: block; margin: 0 auto;}
.zszbcd li span,.yingyeBox .inHd3 span{ line-height: 30px; font-size: 18px; text-align: center;margin-top:10px; color:#666;}
.zszbcd li i,.yingyeBox .inHd3 i{ width:50px; height: 50px; background: url(../images/ab-zs-icon1.png) no-repeat 0 0;webkit-transition: 400ms; -o-transition: 400ms;    -moz-transition: 400ms;    transition: 400ms;}
.zszbcd li.on,.zszbcd li:hover{ background: url(../images/ab-zsleftbg.jpg) no-repeat;}
li.zclm1{ border-top-left-radius: 5px;}
li.zclm3{border-bottom-left-radius: 5px;}
li.zclm1 i{ background-position: 0 0;}
li.zclm1:hover i,li.zclm1.on i{ background-position: -50px 0;}

li.zclm2 i{ background-position: 0 -50px;}
li.zclm2:hover i,li.zclm2.on i{ background-position: -50px -50px;}

li.zclm3 i{ background-position: 0 -100px;}
li.zclm3:hover i,li.zclm3.on i{ background-position: -50px -100px;}

li.zclm4 i{ background-position: 0 -150px !important;}
li.zclm4:hover i,li.zclm4.on i{ background-position: -50px -150px !important;}

li.zclm5 i{ background-position: 0 -200px !important;}
li.zclm5:hover i,li.zclm5.on i{ background-position: -50px -200px !important;}
.zszbcd li.on span,.zszbcd li:hover a span,.yingyeBox .inHd3 li.on span,.yingyeBox .inHd3 li:hover a span{ font-weight:bold; color: #fff;}

.leftzs .inBd2 {padding-left:20px;margin-top:5px;}
.leftzs .inBd2 li{ line-height: 38px; background: url(../images/search-arrow2.png) no-repeat left;}

.zhaoslm{ width:100%;margin-top:20px;}
.zhaoslm li{ width:110px; height: 108px;float: left; margin-left:10px; }
.zhaoslm li i,.zhaoslm li span{ display: block; margin:0 auto;}
.zhaoslm li i{ width:62px; height: 62px; background: url(../images/zt-icon3.png) no-repeat 0 0; border-radius:50%; -webkit-border-radius:50%;-moz-border-radius:50%;}
.zhaoslm li span{ text-align: center; line-height: 26px;margin-top:10px; font-size: 18px; color: #444;}

li.zslm1 i{ background-position: 0 0; background-color:#f04747}

li.zslm2 i{ background-position: 0 -62px; background-color:#69c2f1;}

li.zslm3 i{ background-position: 0 -124px; background-color:#7481de;}

li.zslm4{margin-right:0;}
li.zslm4 i{ background-position: 0 -186px; background-color:#3aaee4;}

.zhaoslm li:hover i,.bucolicBox li:hover i{
	webkit-transition: -webkit-transform 0.7s ease-out;
    -moz-transition: -moz-transform 0.7s ease-out;
    transition: transform 0.7s ease-out;
    transform: rotateY(360deg);
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
}

.righzs{ width:508px; padding:14px 28px;}
.shiplist{ width:451px;}
.shiplist .tit{ height: 50px; line-height: 50px; background: url(../images/ab-tit-line-2.jpg) repeat-x 0 43px;}
.shiplist .tit h3{ display:inline-block; height: 49px; padding:0 10px; font-size: 20px; color: #3183d0; line-height: 45px; background: url(../images/ab-tit-line.jpg) no-repeat center bottom; font-weight: bold;}
.shiplist .tit h3 a{color: #3183d0;}
.spwj{ margin-top:20px; height: 338px; overflow: hidden;zoom:1;}
.spwj #a1,.spwj #a2,.spwj #a3,.spwj #a4,.spwj #a5{ display: block;width:100%; height: 284px;}
.spwj video,.spwj img,.spwj object{ display: block; width:100%; height: 284px;}

.travelTree,.travelFour,.travelFive,.travelSix,.travelSeven,.travelEight,.traveNine{  background: url(../images/travel-bg3.jpg) no-repeat center bottom; background-size: cover; padding-bottom:10px;margin-top:10px;}

.travelTree,.travelTow{margin-top:15px;}
.wenhuaBox{margin-top:20px;}
.whcaidan{ width:100%; }
.whcaidan li{ width:206px !important; height: 206px !important; float: left; margin: 0 80px 20px 80px;} 
li.whlm5,li.whlm12{margin-left:230px;}

.whcaidan li i,.whcaidan li span{ display: block; margin: 0 auto;}
.whcaidan li i{ width:70px; height: 60px;margin-top:59px; background: url(../images/about-whicon.png) no-repeat 0 0;}
.whcaidan li span{ text-align: center; margin-top:10px;}
li.whlm1,li.whlm8{ background: url(../images/ab-wh-bg1.png) no-repeat;}
li.whlm2,li.whlm9{ background: url(../images/ab-wh-bg2.png) no-repeat;}
li.whlm3,li.whlm10{ background: url(../images/ab-wh-bg3.png) no-repeat;}
li.whlm4,li.whlm11{ background: url(../images/ab-wh-bg4.png) no-repeat;}
li.whlm5,li.whlm12{ background: url(../images/ab-wh-bg5.png) no-repeat;}
li.whlm6,li.whlm13{ background: url(../images/ab-wh-bg6.png) no-repeat;}
li.whlm7,li.whlm14{ background: url(../images/ab-wh-bg7.png) no-repeat;}

li.whlm1 i{ background-position: 0 0;}
li.whlm2 i{ background-position: 0 -60px;}
li.whlm3 i{ background-position: 0 -120px;}
li.whlm4 i{ background-position: 0 -180px;}
li.whlm5 i{ background-position: 0 -240px;}
li.whlm6 i{ background-position: 0 -300px;}
li.whlm7 i{ background-position: 0 -360px;}

li.whlm8 i{ background-position: 0 -420px;}
li.whlm9 i{ background-position: 0 -480px;}
li.whlm10 i{ background-position: 0 -540px;}
li.whlm11 i{ background-position: 0 -600px;}
li.whlm12 i{ background-position: 0 -660px;}
li.whlm13 i{ background-position: 0 -720px;}
li.whlm14 i{ background-position: 0 -780px;}
.wenhuaBox .hd{  z-index: 99; position: relative;width:100%;}
.wenhuaBox .hd a{ display: block; width:38px; height: 83px;border-radius: 4px; -webkit-border-radius:4px; -moz-border-radius:5px; *background: rgba(0,0,0,0.12); background: url(../images/ab-tmbg2.png) repeat; color: #fff; line-height: 83px; text-align: center;position: absolute; top:200px; }
.wenhuaBox .hd a i{ font-size: 40px;}
.wenhuaBox .hd a.prev{ left:0;}
.wenhuaBox .hd a.next{ right:0;}

.traveFour{ height: 878px;}
.youBox{ width:100%;margin-top:20px;}
.lynew{ width:100%;}
.lynew .biaot{ width:100%; height:36px; font-weight:bold; overflow:hidden;zoom:1;}
.lynew .biaot h3{ float:left; display:inline-block;font-size:24px; font-weight:bold; line-height:36px; }
.lynew .biaot span{ float:right;display:inline-block; width:20px; height:36px; line-height: 36px;  color: #fff;  text-align: center; cursor:pointer;}
.lynew .biaot span i{font-size: 26px; color: #fff;}
.lynew .biaot h3 a{ color:#fff;font-family:"微软雅黑";}

.lynew ul{margin-top:10px; display: flex; justify-content: space-between; flex-direction: row; flex-wrap: wrap;}
.lynew ul li{ background:url(../images/ab-arrow3.png) no-repeat left; width:47%; }
.lynew ul li span{ color:#fff !important; }
.lynew ul a{ color:#fff !important; width:75% !important; }


.wfl{ background:url(../images/ab-line6.png) no-repeat 0 42px; height:185px; margin-top:77px; position:relative;}
.wfl li{ width:114px; position:absolute;}
.wfl li i{ display:block; width:114px; height:114px; bordeR:3px solid #e6af6d; background:url(../images/abicon1.png) no-repeat 0 0 #fff; border-radius:200px; -webkit-border-radius:200px; -moz-border-radius:200px;}
.wfl li span{ display:block; text-align:center; line-height:36px; margin-top:15px; font-size:27px; color:#fff;}
.wfl li a,.wfl li a:hover{ color:#fff;}

li.sh1{top:18px; left:67px;}
li.sh1 i{ background-position:0 0;}

li.sh2{top:-1px; left:268px;}
li.sh2 i{ background-position:0 -114px;}

li.sh3{top:18px; left:469px;}
li.sh3 i{ background-position:0 -228px;}

li.sh4{top:39px; left:669px;}
li.sh4 i{ background-position:0 -342px;}

li.sh5{top:-15px; left:845px;}
li.sh5 i{ background-position:0 -456px;}

li.sh6{top:-4px; right:13px;}
li.sh6 i{ background-position:0 -570px;}
.wfl li:hover i{
	webkit-transition: -webkit-transform 0.7s ease-out;
    -moz-transition: -moz-transform 0.7s ease-out;
    transition: transform 0.7s ease-out;
    transform: rotateY(360deg);
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
	}

.traveFive{}
.smsg-smzc{ position: relative; width:100%; height: 474px;margin-top:5px;}
.smsg-smzc .smsg-common-tit{padding: 70px 0;}
.smsg-smzc-list li{float: left; width: 75px;}
.smsg-smzc-list li a{display: block; position: relative; overflow: hidden; background: #000;}
.smsg-smzc-list li a img{display: block;height: 474px; max-width: none; filter:alpha(opacity=50); -moz-opacity: 0.5; opacity:0.5;}
.smsg-smzc-list li a h3{position: absolute;width:100%; top: 0; bottom: 0; left: 0; right: 0; text-align: center; color: #fff; font-size: 16px; font-weight: normal;}
.smsg-smzc-list li a h3:before{/*content: ''; */display: inline-block; width: 100%; height: 100%; vertical-align: middle;}
.smsg-smzc-list li a h3 span{display:inline-block; vertical-align: middle;margin-top:60px;font-size: 17px;}
.smsg-smzc-list li + li a{margin-left: 1px;}
.smsg-smzc-list li.active{width: 586px;}
.smsg-smzc-list li.active img{width: 100%; filter:alpha(opacity=100); -moz-opacity: 1; opacity:1;}
.smsg-smzc-list li.active a h3{top: auto; bottom: 20px;}
.smsg-smzc-list li.active a span{ font-size: 19px;}
.smsg-smzc-list li.active a span br{display: none;}

.traveSix{}
.yingxBox{width:100%; margin-top:46px; position:relative;}
.xyship{width:769px; height: 522px; position: relative;}
.xypic{ width:100%; height: 522px; overflow: hidden; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; position: relative;}
.xypic img{ width:100%; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}
.xyship .tit{ width: 100%; height:50px; line-height: 50px; text-align: center; color:#fff; position: absolute; left: 0; bottom:0; color: #fff;
	background: url(../images/ab-tmbg3.png) repeat; }
.xyship .tit a{ color: #fff;}

.xlfilm{ width:487px; position: absolute; top:45px; right: 16px;}
.xylist{ width:487px; height: 413px; background: #3fb6c8; border-bottom-right-radius: 20px;padding: 18px; box-sizing: border-box;}
.xylist ul{margin-top: 20px;}
.xylist ul li{line-height: 36px; background: url(../images/ab-arrow3.png) no-repeat left;}
.xylist ul li a{ max-width: 100%; color: #fff;}
.xylist span{ display:inline-block; height: 20px; line-height: 20px; border: 1px solid #fff; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; padding:5px 10px;margin-top:10px;margin-left:360px;}
.xylist span a{ color: #fff;}

.xlfilm i{ display: block; width:20px; height: 20px; background: url(../images/ab-arrow4.png) no-repeat;}


.traveSeven{}
.fgPic{ width:100%;margin-top:48px;}
.fgPic ul li{ float:left; margin:0 10px 10px 0; width:232px; height:170px; position:relative;}
.fgPic ul li.tu1{ width:474px; height:350px;}
.fgPic ul li.tu2,.fgPic ul li.tu3{ width:474px; }
.fgPic ul li span{ display:none;}
.fgPic ul li:hover span{ display:block; width:100%; height:100%;background:url(../images/ab-tmbg4.png); text-align:center; z-index:99; position:absolute; top:0; left:0; font-size:24px; color:#fff;}
.fgPic ul li a span{ color:#fff;}
.fgPic ul li span p{ display:block; width:100%;line-height:36px; height:36px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; padding-top:29%;}
li.tu1 span p{padding-top:33% !important;}
li.tu2 span p,li.tu3 span p{  padding-top:14% !important;}
.fgPic ul li.last {
    margin: 0 !important;
    border-right: none !important;
}

.traveNine{margin-bottom:15px;}
.shiquBox{ width:100%;}
.shiquBox .bd li{ width:295px; height: 479px; float: left; margin-right:12px; overflow: hidden; border-top-left-radius:40px; border-bottom-right-radius:40px; border: 5px solid #fff; position:relative;}
.shiquBox .bd li img{ width:100%;border-top-left-radius:40px; border-bottom-right-radius:40px;}
.shiquBox .bd li span{ display:block;width:100%; position: absolute; left:-5px; bottom:0px; padding:15px; box-sizing: border-box; background: url(../images/ab-tmbg4.png) repeat;border-bottom-right-radius:40px; margin: 0 5px; display: none;}
.shiquBox .bd li span p{ color: #fff; line-height: 28px;}
.shiquBox .bd li:hover span{ display: block; transition: 400ms; }

.shiquBox .hd{ width:124px; margin:16px auto 10px auto;display: flex; justify-content: space-between;}
.shiquBox .hd a{ width:43px; height: 43px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;}
.shiquBox a.prev{ background: url(../images/ab-arrow5.png) no-repeat;}
.shiquBox a.prev:hover{ background: url(../images/ab-arrow5-2.png) no-repeat;}

.shiquBox a.next{ background: url(../images/ab-arrow6.png) no-repeat;}
.shiquBox a.next:hover{ background: url(../images/ab-arrow6-2.png) no-repeat;}

.travelSix,.travelSeven,.travelFive{margin-top:-5px;}


/*-----右边菜单---*/
#abmenu {
    position: fixed;
    right: 0px;
    top: 50%;
    width: 139px;
    margin: -212px 0 0;
    padding: 0;
    list-style-type: none;
    z-index: 700;
	
}

#abmenu li {
    margin-top: 5px;
    font: 15px "Microsoft Yahei";
	 background: url(../images/abmenu-bg.png) no-repeat;
 overflow: hidden;zoom:1;
}

#abmenu a,#abmenu span {
    display: block;
    color: #000;
    text-align: center;
    text-indent: -9999px;
    text-decoration: none;
    height: 48px;   
	/*background: url(../images/abmenu-bg.png) no-repeat;*/   
}
#abmenu li a{float: right;width:40px; }
#abmenu li span{ color: #fff;  float: left;width:99px; text-align: right; line-height: 43px;padding-right:9px; box-sizing: border-box; display: none; }
#abmenu li.abnav8 span{padding-right:0;}

#abmenu li.abnav1{ background-position:0 0px;}
#abmenu li.abnav2{ background-position:0 -96px !important;}
#abmenu li.abnav3{ background-position:0 -192px !important;}
#abmenu li.abnav4{ background-position:0 -288px !important;}
#abmenu li.abnav5{ background-position:0 -384px !important;}
#abmenu li.abnav6{ background-position:0 -480px !important;}
#abmenu li.abnav7{ background-position:0 -576px !important;}
#abmenu li.abnav8{ background-position:0 -672px !important;}


#abmenu li.active {background: url(../images/abmenu-bg.png) left -48px no-repeat;}
#abmenu .active a {
    color: #fff;
    /*background: url(../images/abmenu-bg.png) left -48px no-repeat;*/	    
    text-indent: 1.5em;    
    overflow: visible;
    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
    transition: 0.25s;		
  /*  text-align: left;*/	
}

#abmenu .active a:hover {    
    -webkit-transition: 0.25s;    
    -moz-transition: 0.25s;
    transition: 0.25s;
}

#abmenu li.active span{ text-indent: 9px; line-height: 48px; display: block;}

#abmenu li.abnav2.active,#abmenu li.abnav2:hover{ background-position:0px -144px !important;}
#abmenu li.abnav3.active,#abmenu li.abnav3:hover{ background-position:0px -240px !important;}
#abmenu li.abnav4.active,#abmenu li.abnav4:hover{ background-position:0px -336px !important;}
#abmenu li.abnav5.active,#abmenu li.abnav5:hover{ background-position:0px -432px !important;}
#abmenu li.abnav6.active,#abmenu li.abnav6:hover{ background-position:0px -528px !important;}
#abmenu li.abnav7.active,#abmenu li.abnav7:hover{ background-position:0px -625px !important;}
#abmenu li.abnav8.active,#abmenu li.abnav8:hover{ background-position:0px -723px !important;}


/*---返回按钮---*/
#rocket-to-top div {
    left:0;
    margin:0;
    overflow:hidden;
    padding:0;
    position:absolute;
    top:0;
    width:119px;
	z-index:999;
	
	
}
#rocket-to-top .level-2 {
    background:url("../images/rocket_button_up.png") no-repeat scroll -149px 0 transparent;
    display:none;
    height:150px;
    opacity:0;
    z-index:500;
}
#rocket-to-top .level-3 {
    background:none repeat scroll 0 0 transparent;
    cursor:pointer;
    display:block;
    height:150px;
    z-index:502;
}
#rocket-to-top {
    background:url("../images/rocket_button_up.png") no-repeat scroll 0 0 transparent;
    cursor:default;
    display:block;
    height:150px;
    margin:-125px 0 0;
    overflow:hidden;
    padding:0;
    position:fixed;
    right:0;
    bottom:10px;
    width:119px;
    z-index:503;
}

.lypic img{width:100%;}
.lywenjs{width:100%; text-align: center; padding:0 10px; box-sizing: border-box; color: #fff; position: absolute; left: 0; bottom:0;overflow:hidden;
text-overflow:ellipsis;white-space:nowrap;}



.foodBox ul,.stayBox,.jiudianshow ul{ width:100%; margin-top:15px; display: flex; justify-content:flex-start;flex-direction: row;flex-wrap: wrap;}
.foodBox li,.jiudianshow li{ width:297px; margin-right:20px; position:relative;margin-bottom:20px;border-bottom-left-radius: 20px;border-top-right-radius: 20px; }
.foodBox li:nth-child(4),.foodBox li:nth-child(8){ margin-right:0px;}
.foodBox li .lypic,.jiudianshow li .lypic{width:100%; height: 185px; border-bottom-left-radius: 20px;border-top-right-radius: 20px; overflow: hidden;}
.foodBox li .lypic img{ width:297px; height: 185px;}
.foodBox li .lywenjs{ height: 190px; font-weight: bold;position: absolute;top:0; left: 0; z-index: 99; color: #fff; width:52px; background:url(../images/tout-tit2.png) no-repeat;*background: rgba(207,119,54,0.6); padding:5px 20px; box-sizing: border-box;border-bottom-left-radius: 30px; display: flex; align-items: center;justify-content: center;white-space:inherit;writing-mode: vertical-rl;letter-spacing: 4px;}

.jiudianshow{width:100%;}

.jiudianshow li .lypic{width:297px; height: 185px;}
.jiudianshow li .lywenjs{height: 38px; line-height: 38px;background:url(../images/ab-tmbg3.png) repeat;*background: rgba(207,119,54,0.6);border-bottom-left-radius: 20px; }



.stayBox{justify-content:space-between;margin-top:0;}
.jiudian{width:614px;}
.lytit{width:100%; height: 35px; display: flex; justify-content: space-between;}
.lytit h3,.lytit span{display: block;}
.lytit h3{ padding-left:35px; font-size: 22px; color: #23b0de; font-weight:bold; }
.lytit h3 a{ color: #23b0de; }

.lytit h3.smtit1{ background: url(../images/tly-titicon1.png) no-repeat left;}
.lytit h3.smtit2{ background: url(../images/tly-titicon2.png) no-repeat left;}
.lytit h3.smtit3{ background: url(../images/tly-titicon3.png) no-repeat left;}
.lytit h3.smtit4{ background: url(../images/tly-titicon4.png) no-repeat left;}
.lytit h3.smtit5{ background: url(../images/tly-titicon5.png) no-repeat left;}

.lytit span{ font-size: 14px; color:#666;line-height:34px;margin-right:20px;}
.lytit span a{ color:#666;}


.jiudian li .hotelWen{ width:100%; position: absolute; left:0; bottom:0; height: 39px; line-height: 39px; padding:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; color: #fff; background: url(../images/ab-tmbg3.png) repeat; text-align: center; box-sizing: border-box;border-bottom-left-radius: 20px; }
.jiudian li:nth-child(2),.jiudian li:nth-child(4){margin-right:0px;}

.chuxing{ width:100%;  display: flex; justify-content: space-between;}
.lvdian{ width:530px;/* height: 630px; */text-align: center; vertical-align: middle;}
/*.lvdian img{ width:60%;}*/

.lvinfo{width:700px;}
.hotline{width:100%;}
.remmen{width:100%;margin-top:15px;}
.lvlist{ display: flex; justify-content: space-between;margin-bottom: 20px;}
.hotpic{ width:200px; height: 120px; border-radius: 5px;-webkit-border-radius:5px; -moz-border-radius:5px; overflow: hidden;zoom:1;}
.hotpic img{ width:200px;height: 120px;}
.hotWen{ width:480px;}
.hotWen h3,.hotWen span,.hotWen p{ display: block;}
.hotWen h3{ line-height:30px; font-weight:bold;}
.hotWen p{ line-height: 26px; color: #666;margin-bottom:10px;}
.hotWen span{ font-size: 14px; color: #999; line-height:26px;}

.infoTow{ width:100%; margin-top:15px; display: flex; justify-content: space-between;}
.lvzc{ width:50%;}
.lvzc .newlist li a{ max-width:90%;}

.youji{width:50%;}
.youji .newlist li a{ max-width:100%;}

.fourAjiBox{width:100%; margin-top:-10px; display: flex; justify-content: space-between;}
.jingdianBox{width:932px;/*padding-top:26px;*/}
.jdBoxtow{ width:297px; height: 317px; background: url(../images/tly-jdbg.jpg) no-repeat;padding:26px 20px; box-sizing: border-box; border-radius: 10px; -webkir-border-radius:10px; -moz-border-radius:10px;}
.jdBoxtow ul.newlist{margin-top:5px; height: 180px;}
.jdBoxtow ul.newlist li{ background:url(../images/ab-tlydian.png) no-repeat left; line-height: 31px; }
.jdBoxtow ul.newlist li a{max-width: 100%; color: #fff;}
.jdBoxtow .more {width: 100px;height: 37px;line-height: 37px;margin-left: 153px;margin-top: 13px;text-indent: 23px;}
.jdBoxtow .more a {color: #fff;display: block;width: 100%;}


.travelTow .lytit h3{padding-left:0;}
.jdshowBox{ width:100%; margin-top:20px; position: relative;}
.jdshowBox .hd{ z-index: 99; position: relative;width:100%; }
.jdshowBox .hd a{ display: block; width:40px; height: 40px;border-radius: 4px; -webkit-border-radius:4px; -moz-border-radius:5px; *background: rgba(0,0,0,0.12); background: url(../images/ab-tmbg2.png) repeat; color: #fff; line-height: 40px; text-align: center;position: absolute; top:110px;}
.jdshowBox .hd a:hover{background: url(../images/ab-tmbg3.png) repeat}
.jdshowBox .hd a i{ font-size: 40px;}
.jdshowBox .hd a.prev{ left:0;}
.jdshowBox .hd a.next{ right:3px;}

.jdshowBox .bd{margin-top:20px; overflow: hidden;}
.jdshowBox .bd li{ width:296px; height: 262px; position: relative;margin-right:20px; float: left;}
.jdpic{width:296px; height: 262px; border-top-right-radius: 15px; border-bottom-left-radius: 15px;overflow: hidden; }
.jdpic img{ width:100%;border-top-right-radius: 15px; border-bottom-left-radius: 15px;  overflow: hidden;zoom:1;}
.jdWen{ position: absolute; bottom:0; left: 0; height: 45px; line-height: 45px;padding:0 10px;box-sizing:border-box;  color: #fff; text-align: center; width:100%;}

li.jdlist1 .jdWen{ *background: rgba(27,109,192,0.7); background: url(../images/ab-tmbg5.png) repeat; border-bottom-left-radius: 15px;}
li.jdlist2 .jdWen{ *background: rgba(212,164,88,0.7); background: url(../images/ab-tmbg6.png) repeat; border-bottom-left-radius: 15px;}
li.jdlist3 .jdWen{ *background: rgba(37,167,195,0.7); background: url(../images/ab-tmbg7.png) repeat; border-bottom-left-radius: 15px;}

.lyfjpic{ width:100%; display: flex; justify-content: space-between;}

.hotjdBox{margin-top:15px;width:49.5%;}
.remjdshow { width: 100%;margin-top:20px;}
.remjdshow ul{ display: flex; justify-content: flex-start; flex-flow: row; flex-wrap: wrap;}
.remjdshow li{width:298px; height: 185px;/*margin-right:20px;*/margin-right:10px; position: relative;}
.remjdshow li .lypic{ width:298px; height: 185px; border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px; overflow: hidden;}
.remjdshow li .lypic img{ width:100%;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;}
.remjdshow li .lywenjs{  height:40px; line-height: 40px; background: url(../images/ab-tmbg3.png) repeat; *background: rgba(0,0,0,0.6); border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}
.remjdshow li:last-child{margin-right:0;}

/*---旅游内容页---*/
.travelDetails .aboutCenter{ background:#fff;}
.detaTit{margin-top:5px !important;}
.detaTit h2{ color: #666 !important;}
.tuPicBox{ width:640px;  position: relative;}
.tuPicBox .bd{ width:100%; height: 440px;}
.tuPicBox .bd li{ width:100%; height: 440px; overflow: hidden;}
.tuPicBox .bd li img{ width: 100%;}
.tuPicBox .hd{ width:auto; margin-top:15px; position: absolute; bottom: 25px; left: 40%;}
.tuPicBox .hd ul{ display: flex; justify-content: center;}
.tuPicBox .hd li{   width:12px; height: 12px;margin: 0 3px; border-radius:50px; -webkit-border-radius:50px; -moz-border-radius:50px; background: #d4d4d4;}
.tuPicBox .hd li.on{ background: #ea3131;}
.tuPicBox a{ display: block; position: absolute; top:45%; z-index: 999;width:45px; height: 45px;line-height: 45px;*background: rgba(0,0,0,0.12); background: url(../images/ab-tmbg2.png) repeat; color: #fff; border-radius: 4px; -webkit-border-radius:4px; -moz-border-radius:5px;}
.tuPicBox a i{font-size: 50px;}
.tuPicBox a.prev{ left: 0;}
.tuPicBox a.next{ right:0;}
.tuPicBox a:hover{background: url(../images/ab-tmbg3.png) repeat}

.placejieshao{ width: 100%; margin-top:20px;}
.placeTit{ width:100%;margin: 15px 0; border-radius: 20px;background: linear-gradient(to right, #eaf7ff 90%, #ffffff);padding: 0 20px;display: flex;
    align-items: center;color: #0675ce;font-weight: bold;font-size: 18px; height: 48px;line-height: 48px; position: relative;}
.placeTit i,.placeTit span{ display: inline-block;}
.placeTit i{ font-size:30px; font-weight: normal;margin-right:10px;}
.wenjs{margin-top:15px;}
.wenjs p{line-height: 30px;}
.placeTit a.more3,.placeTit a.more4{display: inline-block; position: absolute; top:10px; right:20px; font-size: 16px; font-weight: normal;}
.placeTit a.more3{ display: inline-block; background: #f88c2c; color: #fff; border-radius:20px; height: 30px; line-height: 30px; padding:0px 10px;}
.placeTit a.more4{ color: #666;height: 30px; line-height: 30px;  }



.introduce{ width:100%; display: flex; justify-content: space-between;margin-top:5px;}
.actiWen{ width:560px;}
.actiWen .text{ width:100%; border-bottom: 1px solid #d9d9d9;padding-bottom:8px;padding-top:3px;}
.actiWen .text h3,.actiWen .text span{ display: block;}
.actiWen .text h3{ line-height: 36px; font-size: 26px; color: #333;}
.actiWen .text span{ color: #777; line-height: 30px; margin-top:10px; font-size: 16px; vertical-align: middle; overflow: hidden;zoom:1;}
span.score em,span.score img{ display: inline-block; float: left;}
span.score em{ font-style: normal;margin-left:5px;line-height: 30px;}
span.score img{margin-right:5px;vertical-align: middle; margin-top:5px;}

.info-jc{ width:100%; margin-top:10px;}
.jcxinxi{ width:100%;margin-bottom:6px;}
.jcxinxi span{ display: block; line-height: 28px;}
.jcxinxi span em{ font-style: normal; text-align: right;margin-left:30px; }
.jcxinxi span i{ margin-right:10px; font-size: 18px; color: #777;}
span.sm-tish{ font-size: #777; font-size: 14px; margin-left:30px;}

.stateOne{ width:100%; margin-top:10px;}
.stateOne span{ display:inline-block; text-align: center; height: 47px; line-height: 47px;min-width:161px; border-rdius:25px; -webkit-border-radius:25px;-moz-border-radius:25px; color: #fff; text-align: center; font-weight:bold;}
.stateOne span.end{background: url(../images/state-bg2.jpg) no-repeat center;}
.stateOne span.ing{background: url(../images/state-bg1.jpg) no-repeat center;}
.activity-about,.facilityBox{margin-top:10px; background: url(../images/line7.png) repeat-x top;padding-top:20px;}
.activity-about p{ line-height: 34px; font-size: 18px;} 

.amuseBox{ width:100%;margin-top:10px;}
.amuseBox .remjdshow li{/*width:290px; height: 204px;*/width:236px; height:160px;}
.amuseBox .remjdshow li .lypic{/*width:290px; height: 204px;*/width:236px; height:160px}

.wextishi{ width:100%; margin-top:10px;}
.wextishi .wxtit{ height: 30px; line-height: 30px; color: #eb1a1a; font-size: 18px; font-weight: bold;}
.wextishi .wxtit i{margin-right:10px;}
.wextishi p{ line-height: 30px;}


.myMessageBox{margin-top:12px; border:1px solid #e5e5e5; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; background:#fff; padding:1% 1%;}
.myMessageBox textarea,.tishi input{ display:block;}
.myMessageBox textarea{ min-height:46px;line-height:24px; width:100%;}
.myMessageBox.form_focused{ border:1px solid #e5e5e5;}
.tishi{ width:175px; height:33px; text-align:right; padding-right:10px; line-height:33px; color:#908f8f;}
.tishw{ float:left;}
.tishw label{ margin:0 2px;}
.tishi input{ min-width:90px; height:33px;padding:0 10px; line-height:33px; color:#fff; text-align:center;background-image:-webkit-linear-gradient(to left,#42c6fd,#3aa7fc,); 
background-image:linear-gradient(to left,#42c6fd,#3aa7fc);
border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; cursor:pointer; float:right; }
.jzzsBox {width: 532px;}

.traveCenter{ width:100%;}
.traveCenter .aboutCenter{  background:#fff; padding:10px 15px 40px 15px; box-sizing: border-box;min-height: 500px; }
.lvejshow{ width:100%;}
.lvjdtop{ width:100%;margin-top:5px; }
.lvjdtop ul{display: flex; justify-content: flex-start; flex-wrap: wrap; flex-direction: row;}
.lvjdtop ul li{ border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; height: 36px; line-height: 36px; text-align: center;/*width:7.8%;*/margin: 0 7px; border:1px solid #d4d4d4;padding:0px 15px;
}
.lvjdtop ul li.on,.lvjdtop ul li:hover{ background: #1264b8; color: #fff; border:1px solid #1264b8;}
.lvjdtop ul li.on a,.lvjdtop ul li:hover a{color: #fff;}
.lvjdtop ul li:last-child{margin-right:0;}

.lvshowBox{ width:100%; margin-top:17px;padding:0 10px; box-sizing: border-box;}
.lvshowBox ul{ display: flex; justify-content:flex-start;flex-direction: row;flex-wrap: wrap; border-bottom:1px solid #eee;margin-bottom:10px;}
.lvshowBox ul li{width:24.25%;margin-bottom: 11px;overflow: hidden; margin-right:1%;}
.lvshowBox ul li:nth-child(4n){margin-right:0;}
.lvshowBox ul li .lvpic {display: block;text-align: center;height:178px;border:5px solid #ededed; overflow: hidden; }
.lvshowBox ul li .lvpic img{ width:100%; height:178px; vertical-align: middle;}
.lvshowBox ul li .lvWen {width: 100%;padding-top:5px; position: relative;}
.lvshowBox ul li .lvWen h3,.lvshowBox ul li .lvWen p,.lvshowBox ul li .lvWen a{ display: inline-block;}
.lvshowBox ul li .lvWen h3{font-size: 18px;line-height:24px;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display: inherit;}
.lvshowBox ul li .lvWen h3 a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap; width:100%;}
.lvshowBox ul li .lvWen span {line-height: 24px; background: url(../images/jd-arrow2.jpg) no-repeat left; font-size:18px; color: #888; padding-left:28px;}

/*--分页---*/
.reslut-paging {display: flex;justify-content: center;}
.page {overflow:hidden;zoom:1;margin:0 auto;padding:5px 0;display:table;font-size:14px;}
.page a {display: block;float: left;background: #fff;border: 1px solid #cccccc;padding: 0 3px 0 3px;min-width: 22px;height: 28px;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;margin-right: 10px;text-align: center;line-height: 28px;}
.page span {display:block;float:left;width:130px;height:25px;line-height:25px;}
.page a:hover, .page a.current {background: #1f65b5;color: #fff;border: 1px solid #0657b3;}
 .ab-bgtit h3 a{ display: block; width:30%; height: 80px; margin: 0 auto;}

.scenicBox{ width:100%; margin-top:17px;padding:0 10px; box-sizing: border-box;}
.scenicBox ul{ display: flex; justify-content:space-between;flex-direction: row;flex-wrap: wrap; border-bottom:1px solid #eee;margin-bottom:10px;}
.scenicBox ul li{width:49.5%;margin-bottom: 18px;display: flex;justify-content:space-between;flex-direction: row;flex-wrap: wrap; }
.scenicBox ul li .lvpic {display: block;width:49%;text-align: center;height:178px; overflow: hidden;}
.scenicBox ul li .lvpic img{ width:100%; height:178px; vertical-align: middle;}
.scenicBox ul li .lvWen {width: 49%;padding-top:5px; position: relative;}
.scenicBox ul li .lvWen h3,.lvshowBox ul li .lvWen p,.lvshowBox ul li .lvWen a{ display: inline-block;}
.scenicBox ul li .lvWen h3{font-size:20px;margin-top:-5px; font-weight: bold;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display: inherit;}
.scenicBox ul li .lvWen p{ line-height: 29px; font-size: 18px; margin-top:8px; position:relative;  height: 145px; text-indent: 2em;}
.scenicBox ul li .lvWen p a{ color: #0d88dd;margin-left:5px;position: absolute; bottom:0; right: 0;}
