@charset "gb2312";
/*
Css for PEL, ver 1.0
CopyRight By Dongyi Network Technology CO.,Ltd Design Center
本网站通用布局
*/
/* Css Reset */
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td,
img { padding: 0; margin: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset,
img { vertical-align: top; border: 0; }
address,
caption,
cite,
code,
dfn,
em,
th,
var,
i { font-weight: normal; font-style: normal; }
ol,
ul,
li { list-style: none; }
div,
dl,
dt,
dd,
ol,
ul,
li { zoom: 1; }
caption,
th { text-align: left; }
h1,
h2,
h3,
h4,
h5,
h6 { font-weight: normal; font-size: 100%; }
q:before,
q:after { content: ''; }
abbr,
acronym { border: 0; }
pre { white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; font-size: 16px; line-height: 1.8; font-family: "Microsoft YaHei", SimSun, Arial, Helvetica, Tahoma, sans-serif; }
article,
aside,
dialog,
footer,
header,
section,
footer,
nav,
figure,
menu,
time { margin: 0; padding: 0; display: block; zoom: 1; }
/* Public */
body { color: #333; font-size: 14px; line-height: 30px; font-family: "Microsoft YaHei", SimSun, Arial, Helvetica, Tahoma, sans-serif; text-align: center; -webkit-text-size-adjust: none; -webkit-font-smoothing: antialiased; }
a { color: #333; text-decoration: none; outline: none; }
a:hover { color: #E20500; text-decoration: underline; }
.clearbox { border: none; border-top: 1px solid transparent !important; clear: both; font-size: 0; height: 0; line-height: 0; margin-top: -1px !important; visibility: hidden; }
.blank { display: block; height: 10px; font-size: 0px; line-height: 0; overflow: hidden; clear: both; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .clearfix { height: 1%; }
* + html .clearfix { min-height: 1%; }
.fl { float: left !important; }
.fr { float: right !important; }
.hide { display: none; }
input[type=button],
input[type=submit],
input[type=file],
button { cursor: pointer; -webkit-appearance: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
/* 旅游首页 ----------------------------------------- */
.wrap-ly { width: 100%; min-height: 600px; min-width: 1200px; background:#fefefe url(imglv-bg.jpg) no-repeat center top; }
#ly-header { }
.headerTop { width: 1040px; margin: 0 auto; position: relative; }
/* 搜索 */
.lv-search { width: 500px; height: 50px; position: absolute; top: 133px; left: 270px;}
.s-form { width: 500px; height: 50px; background: url(imgly-search.png) no-repeat; }
.s-form .select-box { display: none; }
.s-form .input-box { float: left; width: 360px; height: 50px; padding: 0 20px; }
.s-form .input-box input { background: none; border: none; width: 360px; height: 50px; font:14px/50px "Microsoft Yahei"; color: #666; }
.s-form .btn-box { float: right; width: 100px; height: 50px; overflow: hidden; }
.s-form .btn-box .btn { display: block; width: 100%; height: 50px; font-weight: bold; font-size: 16px; text-align: center; color: #fff; background: none; border: none; }
/* tab-box */
.tab-box { padding-top: 320px; clear: both; padding-bottom: 40px;}
.tab-box .hd { position: relative; height: 60px; width: 100%; margin-bottom: 40px;}
.tab-box .hd span.line { width: 100%; height: 1px; background-color: #fff; opacity: 0.5; filter: alpha(opacity=50); left: 0; bottom: 2px; position: absolute;}
.tab-box .hd ul li { width: 150px; height: 60px; position: relative; text-align: center; float: left; margin: 0 35px; *display: inline; overflow: hidden;}
.tab-box .hd ul li a { font-size: 18px; color: #fff; line-height: 50px; background: url(imgly-lyjd.png) no-repeat 20px center; padding-left: 50px; display: block; width: 100px; }
.tab-box .hd ul li.li2 a { background: url(imgly-jztc.png) no-repeat 20px center; }
.tab-box .hd ul li.li3 a { background: url(imgly-lysp.png) no-repeat 20px center; }
.tab-box .hd ul li.li4 a { background: url(imgly-jzfj.png) no-repeat 20px center; }
.tab-box .hd ul li i {display: block; width: 150px; height: 5px; background-color: #fff; border-radius: 5px; left: -150px; bottom: 0; position: absolute; -webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.tab-box .hd ul li.on i { left: 0; }
.tab-box .hd a#backHome { position: absolute; right: 0; bottom: 17px; display: block; width: 100px; height: 36px; border-radius: 5px; background-color: #fff; text-align: center; color: #1fb577; font-weight: bold; line-height: 36px; -webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.tab-box .hd a#backHome:hover { background-color: #1fb577; color: #fff; }
/* 旅游景点 */
.tab-box .bd { clear: both; padding-top: 40px;}
.tab-box .bd li { -webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s; }
.tab-box .bd .in h3.h3 { font-size: 30px; color: #333; line-height: 50px; text-align: center; }
.tab-box .bd p.about { font-size: 14px; text-align: center; line-height: 26px; }
.tab-box .ulA { width: 1090px; padding-top: 40px; height: 420px; }
.tab-box .ulA li { position: relative; top: 0; float: left; width: 310px; height: 400px; border: 1px solid #eee; background-color: #fff;box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.05); margin-right: 50px; }
.tab-box .ulA li .pic,.tab-box .ulA li .pic img { width: 310px; height: 205px; }
.tab-box .ulA li .con { position: relative; height: 195px;}
.tab-box .ulA li .title { line-height: 50px; font-size: 16px; height: 50px; position: relative; font-weight: bold; text-align: left; padding:0 30px; overflow: hidden;}
.tab-box .ulA li .title i { position: absolute; left: -1px ; top: 16px; background-color: #1fb577; display: block; width: 5px; height: 15px;}
.tab-box .ulA li .intro { padding: 0 30px; text-align: left; height: 75px; overflow: hidden; }
.tab-box .ulA li .intro,
.tab-box .ulA li .intro p,.tab-box .ulA li .intro div,.tab-box .ulA li .intro span,.tab-box .ulA li .intro font { font: 12px/24px "Microsoft Yahei" !important; color: #999 !important; background: none !important;}
.tab-box .ulA li:hover { top: -8px; }
.tab-box .bd li a.moreA { width: 150px; height: 30px; position: absolute; bottom: 25px; left: 30px; display: block; text-align: center; color: #1fb577 ; border: 1px solid #1fb577; border-radius: 30px; -webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.tab-box .bd li a.moreA:hover { background-color: #1fb577; color: #fff; text-decoration: none; }
/* 靖州特产 */
.tab-box .ulB { float: left; width: 620px;}
.tab-box .ulB li { width: 300px; height: 225px; margin-right: 10px; margin-bottom: 10px; float: left; overflow: hidden; position: relative;}
.tab-box .ulB li img {width: 300px; height: 225px;}
.tab-box .ulB li span.titleBg { position: absolute; bottom: -225px; left:0; background: #000; opacity: 0.5; filter: alpha(opacity=50); display: block; width: 100%; height: 100%;}
.tab-box .ulB li .title {background: url(imgicon-fd.png) no-repeat 48% 70%; width: 300px; height: 225px; position: absolute; z-index: 2; bottom: -225px; left:0;}
.tab-box .ulB li .title a { display: block; width: 100%; height: 100%; color: #fff; line-height: 225px; }
.tab-box .ulB li .title,
.tab-box .ulB li span.titleBg { -webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s; }
.tab-box .ulB li:hover .title,
.tab-box .ulB li:hover span.titleBg { bottom: 0; }
.tc-box ul.infoList { border: 1px solid #eee; background-color: #fff; box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.05); width: 400px; height: 445px; float: right; padding-top: 15px;}
.tc-box ul.infoList li { text-align: left; line-height: 36px; height: 36px; padding: 0 25px; overflow: hidden; }
.tc-box ul.infoList li a { font-size: 16px; background: url(imgicons.png) no-repeat left center; padding-left: 20px; }
.tab-box .tc-box { padding-top: 30px; }
/* 旅游视频 */
.video { background: url(imgvideo-bg.jpg) no-repeat center top; padding-top: 65px; margin-top: 30px; }
.video ul { width: 500px; margin: 0 auto; }
.video ul li { width: 480px; height: 270px; border: 10px solid #fff; box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.05); border-radius: 10px; position: relative; top: 0; }
.video ul li .title { position: absolute; left: 210px; top: 110px; background: url(imgdtop.png) no-repeat; width: 60px; height: 60px; overflow: hidden; }
.video ul li .title a { display: block; width: 60px; height: 100%; line-height: 999px;}
.video ul li .title:hover a { text-decoration: none; }
.video ul li:hover { top: -8px; }
/* 旅游风景 */
.picListFl { width: 1070px; margin-top: 30px; }
.picListFl li { float: left; width: 240px; height: 200px; box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.05); border: 1px solid #eee; background-color: #fff; margin-right: 25px; margin-bottom: 30px; position: relative; top: 0; }
.picListFl li .title { line-height: 40px; }
.picListFl li:hover { top: -8px; }
.picListFl li img { width: 240px; height: 160px;}
/*footer*/
#footer { color: #fff; bottom:0; width: 100%; min-height: 80px; text-align: left; padding: 25px 0; font-size: 14px; position: relative;}
#footer .siteWidth { position: relative; z-index: 9; width: 1140px;margin: 0 auto; }
#footer .footNav { padding-bottom: 0; height: 40px; padding-bottom: 25px; border-bottom: 2px solid #0d9a60;}
#footer .footNav li { float: left; width: 218px; height: 40px; margin-right: 12px;}
#footer .footNav li.last { margin-right: 0; float: right;}
#footer .footNav li a { display: block; border: 1px solid #d1f7e7; text-align: center; line-height:38px; font-size: 16px; -webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s; }
#footer .footNav li a:hover { background-color: #e5e5e5; color: #333; text-decoration: none; }
#footer a { color: #d1f7e7; }
#footer .copyRight { line-height: 28px; clear: both; margin-top: 16px; font-size: 12px; }
#footer .copyRight a { text-decoration: underline; }
#footer .bg { background-color: #1fb577; width: 100%;height: 100%; min-height: 100px; position: absolute; top: 0; left: 0; z-index: 1; }
.foot-pic { position: absolute; right: 0; top: 82px; }
.foot-pic li { float: left; }
.foot-pic li.li1 { margin-right: 15px; }
.foot-pic li.li1 img { height: 54px; }
.foot-pic li.li2 img { height: 54px; }
/* 侧栏固定菜单 */
.sideFixed { z-index: 100; position: fixed; top: 255px; right: 10px; width: 60px; font-size: 12px; _position: absolute;font-size: 14px; }
.sideFixed ul { position: relative; z-index: 9; }
.sideFixed li { position: relative; height: 60px; margin-bottom: 4px; background-color: #f2f2f2; cursor: pointer; }
.sideFixed li i { display: block; width: 100%; height: 60px; background: url(imgicons-scroll.png) no-repeat center 18px;}
.sideFixed li.li2 i { background-position: center -121px; }
.sideFixed li.li3 i { background-position: center -262px; }
.sideFixed li.li4 i { background-position: center -402px; }
.sideFixed li a { height: 50px; position: absolute; bottom: -60px; left: 0; color: #fff; display: none; background-color: #006eab; text-align: center; width: 100%; line-height: 20px; padding-top: 10px;}
.sideFixed li.on i.icons { display: none; }
.sideFixed li.on a { text-decoration: none ; bottom: 0; display: block; }
.sideFixed li.li3 a { line-height: 48px; }
.sideFixed .pic { display: none; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .3); box-shadow: 0 0 5px rgba(0, 0, 0, .3); }
.sideFixed .pic img { width: 120px; height: 120px; }
.sideFixed .on .pic { display: block; position: absolute; left: -140px; top: -30px; padding: 4px; background: #fff; }
.sideFixed .on .pic i { z-index: 20; position: absolute; right: -6px; top: 50%; margin-top: -6px;
width: 0;
height: 0;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
border-left: 6px solid #dfdfdf;}
/* goTop */
#goTop { position: fixed; display: none !important; _display: none !important; width: 50px; height: 50px; bottom: 60px; right: 5px; z-index: 99; cursor: pointer; margin: 5px; width: 40px; height: 40px; border-radius: 2px; box-shadow: 0 0 5px #9c9c9c; -webkit-box-shadow: 0 0 5px #9c9c9c; opacity: .9; background: rgba(0, 0, 0, .5); }
#goTop::after { display: block; position: absolute; left: 50%; top: 50%; margin-left: -10px; margin-top: -15px; content: ""; border-width: 10px; border-color: transparent; border-bottom-color: #fff; border-bottom-style: solid; border-style: dashed; display: block; font-size: 0; line-height: 0; width: 0; }
/* winMark */
#winMark { z-index: 1; width: 100%; display: none; height: 100%; position: fixed; background: rgba(0, 0, 0, .8); left: 0; top: 0; }