@charset "utf-8";
/* CSS Document */
/* 公共样式 */
*{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;}
html, body, h1, h2, h3, h4, h5, h6, div, ol, ul, li, dl, dt, dd, table, caption, tr, th, td, span, p, a, b, u, i, em, img, iframe, fieldset, form, label, legend, input, button, select, textarea { margin: 0; padding: 0; }
body { font: 14px/1.5 "Microsoft YaHei", Arial, Tahoma, Helvetica, sans-serif; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased !important; margin: 0 auto; color:#333; font-family:微软雅黑,'Heiti SC',黑体,Arial;position:relative;}
input, button, textarea, select { font: 14px/100% "Microsoft YaHei", Arial, Tahoma, Helvetica, sans-serif; outline: 0; border: 0; background: none; color:#333; }
input:focus, textarea:focus { color:#333; }
input::-ms-clear{display:none;}
h1,h2,h3,h4,h5,h6{font-weight:normal;color:#333;line-height:1.2;}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:inherit;}
ol, ul, li { list-style: none; }
select { appearance: none; -moz-appearance: none; -webkit-appearance: none; }
textarea { overflow:auto; resize:none; }
table { border-collapse: collapse; border: 0; }
caption, th { font-weight:normal; }
img { border: 0; outline:0; }
i,em,b,strong{font-style:normal;font-weight:normal;}
a{text-decoration:none;color:inherit;cursor:pointer;}
a:focus{outline:0;}

input::-moz-placeholder{opacity:1;}
input::-webkit-placeholder{opacity:1;}
input::-ms-placeholder{opacity:1;}
textarea::-moz-placeholder{opacity:1;}
textarea::-webkit-placeholder{opacity:1;}
textarea::-ms-placeholder{opacity:1;}
::-webkit-input-placeholder{color:inherit;}

.clearfix:after,
.hbottom:after,
.nav ul:after,
.section1:after,
.ul1:after,
.ul2:after,
.content:after,
.conimg1 ul:after,
.wldt:after,
.ul3:after,
.ul4:after,
.ul5:after,
.ul5 li a:after,
.ban2:after,
.indexcalendar:after{content:'';display:block;clear:both;height:0;visibility:hidden;font-size:0;}

.ul3 li:hover a,
.ul3 li:hover a .ul3btn,
.ul3 li:hover a h2,
.ul4 li:hover a,
.ul5 li:hover a,
.subleft ul li:hover{transition: all 0.4s;-moz-transition: all 0.4s; -webkit-transition: all 0.4s; -o-transition: all 0.4s;}

::-webkit-scrollbar{ width:5px; height:5px; background-color:none; }  /*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track{ -webkit-box-shadow:none; border-radius:3px; background-color:none;}    /*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb{ border-radius:3px; -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,.5); background-color:#aaafe0;}


.htop .date,
.hbottom .hlogo,
.section1 .content .conleft,
.ul1 li,
.ul2 li,
.conimg1 ul li,
.conimg1 ul li img,
.conimg1 ul li p,
.pubxhtitle h2,
.fl,
.ul3 li,
.ul4 li,
.ul5 li,
.ul5 li a .descimg,
.ul5 li a .desctxt{  float: left;  }
.htop .loginregister,
.hbottom .lab_con,
.section1 .content .conright,
.wldt .wldtcon,
.fr{  float: right;  }
.f7f7f7{
    background: #f7f7f7;
}

/*头部*/
.container{  width: 1200px;  margin: 0 auto;  }
.headertop{  background: #f0f0f0;  }
.hbottom{padding-bottom: 10px;}
.htop{  height: 50px;  line-height: 50px;  font-size: 12px;  }
.hbottom .lab_con{  width: 460px;  height: 40px;  border: solid 1px #9c0c12; position: relative;}
.sslct_con{ float:left; width:80px;height: 100%; line-height: 40px;border-right: solid 1px #9c0c12; position: relative;}
.sslct{ display:block;  position:relative; cursor:pointer; margin:0 auto; z-index:9;}
.sslct .butten:after{ display:inline-block;  width:0;  height:0;  border-width:5px 5px 0;  border-style:solid;  border-color:#9c0c12 transparent transparent;/*灰 透明 透明 */
    position:absolute; right: 10px;top: 18px; content: '';}
.sslct .butten_r{ display:block; color:#4e0505; font-size:16px;text-align: center;width: 100%;padding-right: 10px;}
.list_sslct{width:81px; height:0; padding:0; line-height:28px; position:absolute; left:-1px; top:39px; background:#9c0c12; overflow:hidden; }
.list_sslct li{border-bottom:1px solid #9c2025; }
.list_sslct li a{ display: block; padding:0 5px; color:#fff;text-align: center;}
.list_sslct li:hover{ background:#b90b13;}
.list_sslct li:hover a{ color:#fff;}
#searchInput{ display:block; float:left; width:280px; height:38px; line-height:38px; background:none; color:#4e0505; text-indent:10px; outline:none;}
#gosearch{position: absolute;top: -1px; right: -1px; height: 40px;width: 70px;
    background: -webkit-linear-gradient(top, #9c0c12 , #d02c16); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(bottom, #9c0c12, #d02c16); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(bottom, #9c0c12, #d02c16); /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom, #9c0c12 , #d02c16); /* 标准的语法 */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#9c0c12, endColorstr=#d02c16);}
.lable_con_btn{display:block;width:20px; height:20px; background:url(../images/icon-search.png) no-repeat; outline:none;position: absolute;
    top: 50%; margin-top: -10px;left: 50%; margin-left: -10px;}

/*导航*/
.nav{
    height: 60px;
    background: #9c0c12;
    line-height: 60px;
}
.nav ul li{
    float: left;
    position: relative;
    width: 14.2%;
}
.nav ul li a{
    font-size: 18px;
    display: block;
    color:#fff;
    background: #9c0c12;
    text-align: center;
    width: 80%;
    margin:0 auto;
}
.nav ul li .aTwobox{
    width: 100%;
    display: none;
    position: absolute;
    top: 60px;
    z-index: 999;
}
.nav ul li .aTwobox a{
    font-size: 16px;
    text-align: center;
}
.nav ul li .aTwobox a:hover,
.nav ul li:hover a.aone{
    background: #b7060d;
}

/*第一模块*/
.section1{
    padding: 40px 0;
}
.section1 .content .conleft{
    width: 640px;
}
.section1 .content .conright{
    width: 520px;
    margin: 0px 0px 40px 40px;
}
.section1 .content .conright.border{
    border: solid 2px #9c0c12;
}
.ul1 li{
    width: 50%;
}
.ul1 {
    border-bottom: solid 2px #9c0c12;
}
.ul2 li{
    width: 25%;
}
.ul1 li,
.ul2 li{
    border-right: solid 2px #9c0c12;
}
.ul1 li:last-child,
.ul2 li:last-child{
    border-right: none;
}
.ul1 li a,
.ul2 li a{
    display: table;
    width: 100%;
    height: 160px;
}
.ul1 li a{
    height: 260px;
}
.ul1 li a div,
.ul2 li a div{
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    font-size: 18px;
}
#banner{
    height: 426px;
}
#banner .swiper-slide img{
    width: 100%;
    height: 100%;
}
#banner .swiper-pagination-bullet{
    background: #fff;
    opacity: 1;
    width: 12px;
    height: 12px;
    margin: 0 8px;
}
#banner .swiper-pagination-bullet-active{
    background: #9c0c12;
}
#banner .swiper-pagination{
    bottom: 15px;
}
.conimg1 {
    position: relative;
}
.conimg1 ul{
    position: absolute;
    right: 10px;
    top: 27px;
}
.conimg1 ul li{
    font-size: 16px;
    color:#fff;
    margin-left: 40px;
}
.conimg1 ul li p{
    width: 16px;
    margin: 0 10px;
    height: 128px;
    line-height: 20px;
    padding-top: 36px;
}
.ul1 li .ul1box{
    padding: 20px;
    font-size: 18px;
    height: 260px;
}
.ul1 li .ul1box a{
    height: auto;
}
.ul1 li .ul1box p{
    text-align: center;
    line-height: 30px;
}
.ul1 li .ul1box p a{
    display: inline;
    margin: 0 10px;
}
.ul1 li .ul1box img{
    display: block;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    margin: 50px auto 10px auto;
}

/*文旅地图*/
.section2{
    padding: 80px 0px;
}
.pubxhtitle{
    border-bottom: solid 2px #d5b89b;
    height: 70px;
    line-height: 70px;
}
.pubxhtitle h2{
    font-size: 32px;
    height: 70px;
    line-height: 70px;
    letter-spacing: 2px;
    padding: 0px 5px;
}
.pubxhtitle h2.titleleft{
    background: #9c0c12;
    color:#fff;
    width: 100px;
    text-align: right;
}
.pubxhtitle h2 span{
    color:#d5b89b;
    font-size: 16px;
    margin: 0 10px 0 5px ;
}
.pubxhtitle h2.titleright{
    border-right: solid 10px #9c0c12;
    position: relative;
}
.pubxhtitle h2.titleright:after{
    position: absolute;
    top: 0;
    width: 4px;
    height: 70px;
    content: '';
    right: -20px;
    background: #9c0c12;
}
.wldt{
    padding: 70px 0 50px;
    position: relative;
}
.wldt .wldtcon{
    width: 940px;
    height: 500px;
    border: solid 1px #9c0c12;
}
.wldt .wldtcon img{
    width: 100%;
    height: 100%;
}
.wldt .wldtdesc{
    width: 320px;
    height: 500px;
    box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
    position: absolute;
    top: 120px;
    left: 0;
    padding: 20px;
    background: #fff;
}
.wldt .wldtdesc .wldttxt{
    height: 196px;
    overflow: hidden;
    color:#999;
    line-height: 28px;
}
.wldt .wldtdesc .descimg{
    width: 100%;
    height: 180px;
}
.wldt .wldtdesc h3,
.ul3 li a .ul3con h2,
.ul4 li a h3,
.ul5 li a .desctxt h3,
.ban2 ul li .slideitem .slidecontent .slidetxt h2{
    font-size: 18px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding: 30px 0 15px;
}
#wldtbtn,
.ban2 ul li .slideitem .slidecontent .slidetxt a{
    display: block;
    width: 180px;
    height: 50px;
    background: #9c0c12;
    color:#fff;
    line-height: 50px;
    text-align: center;
    position: relative;
    left: 50%;
    margin-left: -90px;
    font-size: 16px;
}

/*文旅服务*/
.section3{
    padding: 80px 0;
    height: 900px;
}
.slideGroup .parHd ul{
    padding: 50px 0;
    text-align: center;
}
.slideGroup .parHd ul li{
    display: inline-block;
    margin: 0 25px;
    position: relative;
}
.slideGroup .parHd ul li a{
    font-size: 18px;
}
.slideGroup .parHd ul li.on a{
    color:#96000c;
}
.slideGroup .parHd ul li.on:after{
    position: absolute;
    width: 8px;
    height: 8px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #96000c;
    left: 50%;
    margin-left: -4px;
    bottom: -16px;
    content: '';
}


.ul3,
.ul4{
    margin: 0 -10px;
}
.ul3 li,
.ul4 li{
    width: 25%;
    padding: 0 10px;
}
.ul3 li a,
.ul4 li a{
    display: block;
    border: solid 1px #96000c;
    padding: 20px;
}
.ul3 li a img{
    width: 100%;
    height: 180px;
}
.ul3 li a .ul3con h2{
    font-weight: bold;
    padding-top: 20px;
}
.ul3 li a .ul3con p{
    line-height: 36px;
    color:#999999;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.ul3 li a .ul3btn{
    display: block;
    width: 200px;
    height: 50px;
    line-height: 50px;
    background: #96000c;
    color:#fff;
    font-size: 16px;
    position: relative;
    left: 50%;
    margin: 20px 0px 0px -100px;
}
.ul3 li:hover a{
    box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
    border: solid 1px #fff;
    padding-bottom: 0;
}
.ul3 li:hover a .ul3btn{
    height: 70px;
    line-height: 70px;
    width: calc(100% + 40px);
    left: -20px;
    margin: 20px 0 0;
    cursor: pointer;
}
.index_more{
    font-size: 16px;
    display: inline-block;
    width: 80px;
    height: 30px;
    position: relative;
    left: 50%;
    margin: 40px 0px 40px -40px;
    text-align: center;
    color:#96000c;
    line-height: 30px;
    font-weight: bold;
}
.index_more:after,
.index_more:before{
    width: 10px;
    height: 10px;
    background: #96000c;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    content: '';
    display: block;
    top: 10px;
}
.index_more:before{
    left: -20px;
}
.index_more:after{
    right: -20px;
}

/*文化资源*/
.section4,
.section5{
    padding: 80px 0;
}
.ul4 li a{
    background: #fff;
}
.ul4 li a img{
    width: 90%;
    display: block;
    margin: 10px auto 10px;
    height: 300px;
}
.ul4 li a h3{
    text-align: center;
    font-weight: bold;
    padding: 10px 0;
}
.ul4 li:hover a,
.ul5 li:hover a{
    box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
    border:solid 1px #fff;
}

/*文旅之声*/
.ul5 li{
    width: 50%;
    padding: 0 10px;
    margin-bottom: 20px;
}
.ul5 li a{
    border: solid 1px #96000c;
    display: block;
}
.ul5 li a .descimg{
    width: 360px;
    height: 220px;
    border-right: solid 1px #96000c;
}
.ul5 li a .desctxt{
    width: 210px;
    height: 220px;
    padding: 40px 10px 10px 20px;
}
.ul5 li a .desctxt h3{
    line-height: 80px;
    padding: 0;
    font-weight: bold;
}
.ul5 li a .desctxt p{
    font-size: 14px;
    color:#999999;
    height: 22px;
    overflow:hidden;
}
.slideBox6 .ul3 li a{
    background: #fff;
}

#cgydbanner{
    overflow-x: hidden;
    height: 600px;
    padding-top: 40px;
}
.ban{ width:100%;  position:relative; margin:40px auto 0 auto;}
.ban2{ width:100%;
    height: 460px;position:relative; border: solid 1px #96000c;}
.ban2 ul{ position:absolute; left:0; top:0; height: 460px!important;}
.ban2 ul li{ width:1200px; height:460px;position: relative;}
.ban2 ul li .slideitem,
.ban2 ul li .slideitem img{display: block; width: 100%; height: 100%;}
.ban2 ul li .slideitem img{
    height: 460px;
    box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
    vertical-align: top;
}
.ban2 ul li .slideitem .bg_img{position: relative; z-index: 1;top: 0; left: 0;opacity: 0.2;
    filter:alpha(opacity=20); /* IE */}
.ban2 ul li .slideitem .slidecontent{
    width: 1000px;
    height: 280px;
    position: absolute;
    left: 100px;
    top: -60px;
    z-index: 3;
}
.ban2 ul li .slideitem .slidecontent img{
    width: 420px;
    height: 280px;
    float: left;
}
.ban2 ul li .slideitem .slidecontent .slidetxt{
    float: right;
    width: 510px;
    margin-left: 70px;
    padding: 130px 0 0;
}
.ban2 ul li .slideitem .slidecontent .slidetxt h2{
    padding: 0;
    font-weight: bold;
}
.ban2 ul li .slideitem .slidecontent .slidetxt p{
    color:#666;
    line-height: 79px;
}
.ban2 ul li .slideitem .slidecontent .slidetxt a{
    left: auto;
    margin:0;
}
.prev{ float:left; cursor:pointer;}
.min_pic{width:1200px;height: 150px;position: absolute; bottom: 40px; left: 0;z-index: 3;}
.num{ overflow:hidden; width:1000px; position:relative;float:left;height: 150px;margin-left: 5px;}
.num ul{ position:absolute; left:0; top:0;}
.num ul li{ width:240px; height:150px; margin-right:10px; border:solid 1px #96000c;float: left;}
.num ul li.on{ border:1px solid #fff; padding:0;}
.num ul li img{visibility: visible; width: 100%; height: 100%;}
.prev_btn1,
.next_btn1{
    width: 50px;
    height: 100px;
    text-align: center;
    cursor:pointer;
    background: #96000c;
}
.prev_btn1{ margin: 25px 25px 0;  float:left;}
.next_btn1{ margin: 25px 25px 0 20px;  float:right;}
.prev_btn1 img,
.next_btn1 img{
    margin-top: 30px;
    width: 20px;
    height: 40px;
}
.prev1{ position:absolute; top:220px; left:20px; width:28px; height:51px;z-index:9;cursor:pointer; display: none;}
.next1{ position:absolute; top:220px; right:20px; width:28px; height:51px;z-index:9;cursor:pointer; display: none;}

/*侧边导航*/
.subleft{
    position: fixed;
    top: 50%;
    margin-top: -285px;
    right: 50px;
    z-index: 999;
}
.subleft ul li,
#gotop{
    display: block;
    width: 80px;
    height: 80px;
    background: #d5b89b;
    padding: 15px 15px 20px 20px;
    font-size: 18px;
    color:#fff;
    margin-bottom: 10px;
    letter-spacing: 4px;
}
#gotop{
    margin: 50px 0px 0px;
    padding: 30px 0px 0px 22px;
}
.subleft ul li.active,
.subleft ul li:hover{
    background: #96000c;
}

/*底部*/
/* footer */
.footer{ height:48px; width:100%; background:#362d28; color:#999999;overflow:hidden; text-align:center;}
.footer .copy{  padding:17px 0 0 0; line-height:20px; font-size:14px;}
.slideimgbox img{width: 100%;}
.ul3.volunteer{ width: 1000px; margin: 0 auto;}
.ul3.volunteer li,.ul3.volunteer li a{padding:0; margin: 0; border: none;background: none; }
.ul3.volunteer li:nth-child(1),
.ul3.volunteer li:nth-child(3){width: 400px;}
.ul3.volunteer li:nth-child(2){width: 200px;}
.ul3.volunteer li img{height: auto;}
.ul3.volunteer li p{line-height: 40px;color:#96000c;}
.ul3.volunteer li:hover a{box-shadow: none;}