.is-main{ position: relative; background:url(../images/page/main_bg.jpg) no-repeat; background-size: cover;}

.bg1{ background:url(../images/page/main_bg1.png) no-repeat; background-size: cover;}
.bg2{ background:url(../images/page/main_bg3.png) no-repeat; background-size: cover;}
.bg3{ background:url(../images/page/main_bg4.png) no-repeat; background-size: cover;}


.m-main{overflow: hidden; position: absolute; left: 50%; margin-left: -490px; width: 980px;}

.u-lbox{ width: 100%; height: 40px; line-height: 40px; color: #fff;}
.u-lbox span{ display: block; height: 40px; background: url(../images/page/location_icon.png) no-repeat left center; padding-left: 18px; font-size: 14px;}
.u-lbox span a{ color: #fff;}
.u-lbox ul{ height: 40px; float: right;}
.u-lbox ul li{ width: 90px; height: 90px; border-radius: 50%; float: left; margin: 0 6px; margin-top: -42px; background: #1d57d5;}
.u-lbox ul li.b1{ background: #3ba2dc;}
.u-lbox ul li.b2{ background: #eb6877;}
.u-lbox ul li.b3{ background: #3baeda; width: 140px; border-radius: 40px;}
.u-lbox ul li.b4{ background: #dccf7b; width: 140px; border-radius: 40px;}

.u-lbox ul li.n1{ background: #37bd9c;}
.u-lbox ul li.n2{ background: #f6bb43;}
.u-lbox ul li.n3{ background: #22b658;}
.u-lbox ul li.n4{ background: #169fa5;}
.u-lbox ul li.n5{ background: #3baeda;}
.u-lbox ul li.n6{ background: #967bdc;}
.u-lbox ul li.ns a{ font-size: 22px;}
.u-lbox ul li.n1 a:hover b, .u-lbox ul li.n1 a.hover b{background: url(../images/page/icon6.png) no-repeat;}
.u-lbox ul li.n2 a:hover b, .u-lbox ul li.n2 a.hover b{background: url(../images/page/icon7.png) no-repeat;}
.u-lbox ul li.n3 a:hover b, .u-lbox ul li.n3 a.hover b{background: url(../images/page/icon8.png) no-repeat;}
.u-lbox ul li.n4 a:hover b, .u-lbox ul li.n4 a.hover b{background: url(../images/page/icon9.png) no-repeat;}
.u-lbox ul li.n5 a:hover b, .u-lbox ul li.n5 a.hover b{background: url(../images/page/icon10.png) no-repeat;}
.u-lbox ul li.n6 a:hover b, .u-lbox ul li.n6 a.hover b{background: url(../images/page/icon11.png) no-repeat;}


.u-lbox ul li a{ position: relative; display: block; width: 100%; height: 90px; border-radius: 50%; color: #fff; font-size: 16px; text-align: center; line-height: 120px;}
.u-lbox ul li a:hover b, .u-lbox ul li a.hover b{ position: absolute; left: 50%; top: 86px; margin-left: -12px; display: block; width: 24px; height: 20px; background: url(../images/page/icon1.png) no-repeat;}
.u-lbox ul li.b1 a:hover b, .u-lbox ul li.b1 a.hover b{background: url(../images/page/icon2.png) no-repeat;}
.u-lbox ul li.b2 a:hover b, .u-lbox ul li.b2 a.hover b{background: url(../images/page/icon3.png) no-repeat;}
.u-lbox ul li.b3 a:hover b, .u-lbox ul li.b3 a.hover b{background: url(../images/page/icon4.png) no-repeat;}
.u-lbox ul li.b4 a:hover b, .u-lbox ul li.b4 a.hover b{background: url(../images/page/icon5.png) no-repeat;}


/*********景区资讯*********/

.u-lmain{ position: relative; width: 950px; height: 640px; padding: 15px 10px 0 20px; background: url(../images/main_bg.png) repeat; margin-top: 30px;}

.is-line1{ height:625px;}
#sucai{width:930px;/*height:625px;*/ padding-right:20px;overflow:hidden; }

.z-info{ padding-right: 14px;}
.z-info li{ width: 100%; height: 157px; border-bottom: 1px dashed #ddd;}
.z-info li a{
    display: block; width: 100%; height: 145px; padding-top: 12px;
    -webkit-transition: all 0.7s ease 0s;
    -moz-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;
}
.z-info li a:hover {
    background: #e1eafe; text-decoration: none;
    -webkit-transition: all 0.7s ease 0s;
    -moz-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;
}
.z-info li img{ display: block; width: 206px; height: 133px; float: left;}
.z-info li .text{ width: 677px; height: 133px; float: right;}
.z-info li .text h2{ height: 48px; line-height: 48px; font-size: 20px; color: #000; font-weight: normal; overflow:hidden;}
.z-info li .text h2 span{ float: right; font-size: 14px; color: #888;}
.z-info li a:hover .text h2{ color: #cc3333;}
.z-info li .text p{ line-height: 21px; font-size: 12px; color: #888; margin: 0 0 14px;}
.z-info li .text span.go{ display: block; width: 100%; height: 12px; text-align: right; color: #888;}
.z-info li a:hover .text span.go{ color: #cc3333;}

.u-sidebar{ position: absolute; right: 12px; bottom: 140px; width: 66px; height: 144px; z-index: 999; overflow: hidden;}
.u-sidebar li{ position: relative; width: 66px; height: 66px; margin-bottom: 4px; border-radius: 50%; background: rgba(209,79,66,0.9); cursor: pointer; overflow: hidden;}
.u-sidebar li a{ position: absolute; z-index: 1001; left: 50%; top: 50%; margin-left: -16px; margin-top: -21px; display: block; width: 32px; height: 42px; color: #fff; font-size: 16px; line-height: 18px;}
.u-sidebar li b{ 
    position: absolute; left: 0; z-index: 1000; background: #d9c85d;
    display: block; width: 66px; height: 66px;
    -moz-transform:translateX(82px) rotate(45deg);
    -webkit-transform:translateX(82px) rotate(45deg);
    transform:translateX(82px) rotate(45deg);
    -moz-transition: -moz-transform 0.4s ease-out;
    -webkit-transition: -webkit-transform 0.4s ease-out;
    transition: transform 0.4s ease-out;
}
.u-sidebar li:hover b{
    -moz-transform:translateX(0px) rotate(135deg);
    -webkit-transform:translateX(0px) rotate(135deg);
    transform:translateX(0px) rotate(135deg);
}

.u-code{ position: absolute; right: 10px; bottom: 11px; width: 125px; height: 103px;}
.u-code h2{ width: 20px; height: 103px; line-height: 16px; color: #fff; font-size: 13px; float: left; font-weight: normal;}
.u-code img{ width: 103px; height: 103px; float: right;}

.u-lmain1{ width: 970px; background: none;}
#sucai1{width:945px;height:625px; padding-right:20px;overflow:hidden;}


.z-sight{ zoom:1;}
.z-sight li{ position: relative; width: 314px; height: 196px; float: left; margin: 0 1px 1px 0; overflow: hidden;}
.z-sight li img{ width: 314px; height: 196px;}
.z-sight li .mask{ position: absolute; left: 0; bottom: -160px; width: 100%; height: 100%; background: rgba(0,0,0,.6);}
.z-sight li .mask h3{ 
    height: 34px; line-height: 34px; color: #fff; font-size: 18px; color: #fff; font-weight: normal; text-align: center;
    -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0);
    -webkit-transition: -webkit-transform 0.65s;
    -moz-transition: -moz-transform 0.65s;
    transition: transform 0.65s;
}
.z-sight li a:hover .mask h3{ -webkit-transform: translateY(16px); -moz-transform: translateY(16px); transform: translateY(16px);}
.z-sight li .mask p{ 
    padding: 4px 19px 0; color: #fff; font-size: 13px; text-align: justify; line-height: 23px;
    -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0);
    -webkit-transition: -webkit-transform 0.65s;
    -moz-transition: -moz-transform 0.65s;
    transition: transform 0.65s;
}
.z-sight li a:hover .mask p{ -webkit-transform: translateY(26px); -moz-transform: translateY(26px); transform: translateY(26px);}
.z-sight li .mask span{ 
    display: block; padding-right: 16px; height: 30px; line-height: 30px; text-align: right; color: #a4a0a4; font-size: 12px;
    -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0);
    -webkit-transition: -webkit-transform 0.65s;
    -moz-transition: -moz-transform 0.65s;
    transition: transform 0.65s;
}
.z-sight li a:hover .mask span{-webkit-transform: translateY(26px); -moz-transform: translateY(26px); transform: translateY(26px);}


.z-content h1{ font-size: 30px; font-weight: normal; color: #2c2c2c;}
.newsinfo{ margin: 10px 0;}
.leftinfo span{ padding-right: 10px;}

.fontsize{ width: 530px; height: 36px;}
.fontsize span b{ float: left; font-weight: normal;}
.fontsize span.audio{ display: block; width: 376px; line-height: 36px; margin-right: 20px;}
.fontsize span.size{ display: block; width: 120px; height: 36px; line-height: 36px;}
.fontsize span.size a{display: block; float: left; width: 30px; height: 36px; background: url(../images/page/size_icon1.png) no-repeat center center;}
.fontsize span.size a.f1{ background: url(../images/page/size_icon2.png) no-repeat center center;}

.contbox{ padding: 10px 40px 20px 0;}
.contbox img{ margin-bottom: 10px;}
.contbox p{ line-height:200%; text-indent: 2em; margin: 5px 0; text-align: justify;}

.z-show{ position: relative; width: 979px; height: 499px;}
.z-show li{ position: absolute; width: 325px; overflow: hidden;}
.z-show li.s1{ left: 0; top: 0; height: 230px;}
.z-show li.s2{ left: 327px; top: 0; height: 498px;}
.z-show li.s3{ right: 0; top: 0; height: 230px;}
.z-show li.s4{ left: 0; bottom: 0; height: 267px;}
.z-show li.s5{ right: 0; bottom: 0; height: 267px;}
.z-show li .mask{position: absolute; left: 0; bottom: 0; width: 100%; height: 36px; line-height: 36px; background: rgba(0,0,0,.6); color: #fff; font-weight: 18px; text-align: center;}
.z-show li a img{
    -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1);
    -webkit-transition: -webkit-transform 0.65s;
    -moz-transition: -moz-transform 0.65s;
    transition: transform 0.65s;
}
.z-show li a:hover img{ -webkit-transform: scale(1.2); -moz-transform: scale(1.2); transform: scale(1.2);}

.u-lmain2{ width: 970px; background: none;}

#sucai2{width:620px;height:630px; padding-right:20px;overflow:auto; float: right;}

.z-ydxz{ position: absolute; left: 0; top: 0; width: 330px; height: 655px; background: rgba(38,155,210,.25); overflow:auto;}
.z-ydxz .book{ position: absolute; right: 12px; top: 9px; display: block; width: 79px; height: 64px;}
.z-ydxz h1{ height: 57px; line-height: 57px; text-align: center; font-weight: normal; color: #145aaf; font-size: 20px;}

dl.mpjg{ width: 296px; overflow: hidden; margin: 0 auto 15px;}
dl.mpjg dt, .steps h2{ height: 26px; line-height: 26px; color: #105fb0; font-weight: normal; background: url(../images/page/title_icon1.png) no-repeat left center; padding-left: 10px;}
dl.mpjg dd{ height: 22px; line-height: 22px; font-size: 12px;}

.steps{ width: 296px; overflow: hidden; margin: 0 auto;}
.steps dd{ line-height: 22px; font-size: 12px; text-indent: 2em;}

#sucai2 h2{ margin:0 0 33px 11px; padding-left: 21px; width: 122px; height: 48px; line-height: 48px; color: #fff; font-size: 18px; font-weight: normal; background: url(../images/page/btn_icon1.png) no-repeat 107px center #3baeda;}

#sucai2 table { border-collapse:collapse; width:100%;}
#sucai2 table td { vertical-align:middle; padding:10px 6px; color: #555;}
#sucai2 table td.name{ text-align: right; width: 140px;}
#sucai2 table td.name1{ text-align: right; width: 140px; vertical-align:top;}
#sucai2 table td select, #sucai2 table td input{ padding-left: 6px; width: 290px; height: 28px; border: 1px solid #ddd; background: #fff;}
#sucai2 table td select.sel1{ width: 60px;}
#sucai2 table td textarea{ width: 338px; height: 138px; border: 1px solid #ddd; background: #fff; padding: 6px; font-size: 14px; color: #555;}
#sucai2 table td button{ margin-left: 153px; width: 143px; height: 45px; line-height: 45px; text-align: center; background: #bd9e7f; border: none; font-size: 18px; color: #fff; cursor: pointer;}
#sucai2 table td button:hover{ background: #a98561;}

.u-title1{ position: absolute; left: 2px; top: 2px; width: 930px; height: 48px; line-height: 48px;}
.u-title1 h2{ padding-left: 21px; width: 122px; height: 48px; line-height: 48px; color: #fff; font-size: 18px; font-weight: normal; background: url(../images/page/btn_icon1.png) no-repeat 107px center #3baeda;}
.u-title1 span{ float: right; font-size: 16px; color: #de654d; padding: 0 10px 0 20px;}
.u-title1 span.icon1{ background: url(../images/page/icon12.png) no-repeat left center;}
.u-title1 span.icon2{ background: url(../images/page/icon13.png) no-repeat left center;}

#sucai3{width:930px;height:538px; padding-right:20px;overflow:hidden;}

.z-zpxx, .z-lxwm, .z-jdyd{ margin-top: 50px;}
.z-zpxx h3{ height: 890px; padding-left: 10px; height: 51px; line-height: 51px; border-bottom: 1px solid #ddd; background: #fff; color: #535353; font-size: 18px; font-weight: normal;}
.z-zpxx ul li{ position: relative; width: 882px; height: 60px; padding: 18px 2px 0 12px; border-bottom: 1px dashed #ddd;}
.z-zpxx ul li h4{ height: 26px; line-height: 26px; font-size: 20px; font-weight: normal;}
.z-zpxx ul li p{ line-height: 34px; line-height: 34px; font-size: 13px; color: #4b4b4b;}
.z-zpxx ul li a{ position: absolute; right: 0; top: 16px; display: block; width: 111px; height: 36px; line-height: 36px; text-align: center; background: #3baeda; color: #fff; font-size: 16px;}
.z-zpxx ul li a:hover{ background: #de654d;}

.u-ps{ padding-left: 10px; height: 40px; line-height: 40px; color: #de9847; font-size: 16px;}

#sucai4{width:930px;height:570px; padding-right:20px;overflow:hidden;}
.z-lxwm ul{ zoom:1;}

/*	解决网站“招商合作”内容页内容显示过窄	.z-lxwm ul li{ width: 400px; height: 240px; float: left; padding-left: 65px;}		*/

.z-lxwm ul li{ width: 800px; height: 240px; float: left; padding-left: 65px;}
.z-lxwm ul li h3{ height: 36px; line-height: 36px; font-size: 18px; font-weight: normal;}
.z-lxwm ul li p{ line-height: 26px; font-size: 15px;}

.z-hotel{ padding: 10px 22px;height: 101px;}
.z-hotel dt{ width: 122px; height: 101px; float: left;}
.z-hotel dd{ width: 152px; height: 101px; float: right;}
.z-hotel dd h3{ line-height: 28px;height: 35px; font-size: 18px; font-weight: normal;}
.z-hotel dd span{ font-size: 12px;}

.z-artware{ width: 286px; padding: 10px 22px;}
.z-artware h3{ height: 50px; line-height: 50px; text-align: center; font-size: 18px; font-weight: normal;}

.z-hintro{ padding: 10px 22px; line-height: 24px; font-size: 12px;}
.z-hintro strong{ color: #876c21; font-size: 16px; font-weight: normal;}

#sucai2 table td .gri_date{ background: #FFF url(../images/page/icon_date.png) no-repeat 97% 50%; width: 170px;}

#sucai2 h2.yd, .u-title1 h2.yd{ background: url(../images/page/btn_icon1.png) no-repeat 107px center #967bdc;}

#sucai2 h2.gyp, .u-title1 h2.gyp{ width: 133px; background: url(../images/page/btn_icon1.png) no-repeat 118px center #dccf7b;}


.z-jdyd ul{ zoom:1; padding-left: 10px;}
.z-jdyd ul li{ width: 206px; height: 220px; padding-right: 24px; margin-bottom: 32px; border-bottom: 1px dashed #ddd; float: left;}
.z-jdyd ul li .pic{ position: relative; width: 206px; height: 133px; overflow: hidden;}
.z-jdyd ul li .pic img{ 
    width: 206px; height: 133px; z-index: 999;
    -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1);
    -webkit-transition: -webkit-transform 0.65s;
    -moz-transition: -moz-transform 0.65s;
    transition: transform 0.65s;
}
.z-jdyd ul li a:hover .pic img{ -webkit-transform: scale(1.12); -moz-transform: scale(1.12); transform: scale(1.12);}
.z-jdyd ul li .pic span{ position: absolute; right: 0; bottom: 0; z-index: 1000; display: block; width: 95px; height: 34px; line-height: 34px; text-align: center; background: rgba(0,0,0,.6); font-size: 12px; color: #fff;}
.z-jdyd ul li .pic span strong{ font-size: 18px; font-weight: normal; padding: 0 4px;}
.z-jdyd ul li h3{ width: 206px; height: 40px; line-height: 40px; text-align: center; font-size: 16px; font-weight: normal;}
.z-jdyd ul li a:hover h3{ color: #cc3333;}
.z-jdyd ul li p{ color: #575757; line-height: 20px; background:url(../images/page/li_icon.png) no-repeat left 3px; padding-left: 20px;}
.z-jdyd ul li p.icon1{ background:url(../images/page/li_icon1.png) no-repeat left center;}

.z-content .section1, .z-content .section2{ width: 930px; overflow: hidden; margin-bottom: 30px;}{ width: 930px; overflow: hidden; margin-bottom: 30px;}

.f-Banners{ width: 495px; height: 330px; float: left; position: relative;}

.LeftT{position: absolute; left: 0; top: 143px;}
.RightT{position: absolute; right: 0; top: 143px;}
.CenterT{position: absolute; width: 78px; height: 36px; line-height: 36px; text-align:center; color: #FFF; font-size: 20px; right: 0; bottom: 0; background: rgba(0,0,0,.6);}
.jt1{ display:block; width:44px; height:44px;background:url(../images/spirit_icons.png) no-repeat -327px 0;}
.jt2{ display:block; width:44px; height:44px; background:url(../images/spirit_icons.png) no-repeat -372px 0;}

.InRBanner li.TT1{ width: 495px; height: 330px; position: relative;}

.f-text{ width: 400px; height: 330px; float: right;}
.f-text h2{ height: 45px; line-height: 45px; font-size: 30px; font-weight: normal; color: #2c2c2c;}
.f-text p{ line-height: 32px; color: #404040;}

.z-content .section2 .title{ position: relative; height: 46px; line-height: 46px; border-bottom: 1px solid #ddd;}
.z-content .section2 .title h2{ position: absolute; left: 0; bottom: -1px; width: 113px; height: 44px; text-align: center; border-bottom: 3px solid #386de0; font-size: 20px; color: #386de0; font-weight: normal;}
.z-content .section2 ul li{ height: 95px; line-height: 95px; border-bottom: 1px dashed #ddd;}
.z-content .section2 ul li h3{ width: 446px; height: 95px; float: left; font-weight: normal; font-size: 20px;}
.z-content .section2 ul li a.btn{ float: right; margin:28px 21px 0 0; display: block; width: 99px; height: 41px; line-height: 41px; text-align: center; font-size: 16px; color: #fff; background: #387be0;}
.z-content .section2 ul li span{ float: right; display: block; height: 95px; width: 165px; color: #7b7b7b; font-size: 14px;}
.z-content .section2 ul li span.xj{ color: #eb3201;}
.z-content .section2 ul li span b{ text-decoration: line-through; font-size: 25px; font-weight: normal;}
.z-content .section2 ul li span.xj b{ color: #eb3201; text-decoration: none;}
.z-content .section2 ul li a:hover{ background: #de654d;}