/* CSS Document */
*{margin:0;padding:0;list-style:none;}
body{ font-family:"Microsoft YaHei","Verdana";font-size: 12px;color:#000;}
input,select,textarea{ font-family:"Microsoft YaHei","Verdana"; outline:none; padding:0; margin:0}
img{border:none;}
ul,li,dl,dt,dd{list-style:none; }
em{font-style: normal;}
a{ text-decoration: none; color:#000;cursor: pointer;}
a:hover {text-decoration: none; color:#3892ad;}
.cl{clear:both; overflow:hidden; }
.blank5{height:5px; clear:both; overflow:hidden}
.blank10{height:10px; clear:both; overflow:hidden;}
.main{width:1200px; margin:0 auto; position:relative }
.main_head{width:1200px; margin:0 auto;  }
.fl{ float:left}.fr{ float:right}
.center{ text-align:center}

@font-face {
  font-family: 'beba';
  src: url("fonts/BEBAS.eot");
  src: url("fonts/BEBAS.eot") format("embedded-opentype"), url("fonts/BEBAS.woff") format("woff"), url("fonts/BEBAS.ttf") format("truetype"), url("r/cms/liuyang/default/css/fonts/BEBAS.svg#BEBAS") format("svg");
}
.section1 { background: url(../images/bg5.jpg) center no-repeat;background-size: cover;}
.section2 { background: url(../images/bg2.jpg) center bottom no-repeat;background-size: cover;}
.section3 { background: url(../images/bg3.jpg) center bottom no-repeat;background-size: cover;}
/*.section3 { background:#fff;}*/
.section4 {background: url(../images/bg4.jpg) center no-repeat;background-size: cover;}
.section5 {background: url(../images/bg11.jpg) center no-repeat;background-size: cover;}
.section6 {background: url(../images/bg1.jpg) center no-repeat;background-size: cover;}
/*#fp-nav {
    background: linear-gradient(#029193,#8CC0C1);
    border-radius: 5px;
}*/
#fp-nav ul li a.active .fp-tooltip {
    width: auto;
    opacity: 1;
    top: 0px;
    left: 60px;
    font-size: 16px;
    color: #fff
}
#fp-nav ul li a span{ background:#fff ; width:25px ; height:1px ;border:none ;right:0; position:absolute; left:auto;top:8px;-webkit-transition: .6s; -moz-transition: .6s; -ms-transition: .6s; transition: .6s; border-radius:0}
#fp-nav ul li{display: block;width:50px;height: 20px ;margin:6px 0;position: relative; }
#fp-nav ul li a.active span{background:#fff ;width:50px ; }
#fp-nav ul li a:hover span{ width:50px}
#fp-nav ul li:hover .fp-tooltip{left:60px; font-size:12px; color:#fff;top:0px;}
.grey ul li a span{ background:#777 !important;}
.grey ul li a.active span{background:#777 ; }
.grey ul li a.active .fp-tooltip{ color:#777 !important}
.grey ul li:hover .fp-tooltip{ color:#777 !important}

.hidden{ overflow:hidden}
.head {background:#fff;height:80px;position: relative;top: 0;left: 0;z-index: 9999;width: 100%;box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);border-bottom: #ddd solid 1px\9; z-index:200}
.head .logo{ float:left; margin:10px 0 0 1.25%}
    .head .mune {
        float: right;
        background: linear-gradient(#029193,#8CC0C1);
        width: 80px;
        height: 80px;
        color: #fff;
        text-align: center;
        line-height: 80px;
        cursor: pointer;
        position: relative;
        z-index: 200
    }
.head .mune i{font-size:28px; display:block}
.head .mune_box{position: absolute;right:0;top:80px;width:500px;display: none;background:#fff; height:90px;box-shadow:inset 0px 2px 6px rgba(0, 0, 0, 0.1);}
.head .mune_box .search_box{ padding:25px 0 0 30px}
.head .mune_box .search_text{ width:380px; height:40px; line-height:40px; border:#ddd solid 1px; float:left; padding:0 8px}
.head .mune_box .search_btn{ background:linear-gradient(to right,#029193,#8CC0C1); font-size:20px; color:#fff; height:42px; width:42px; border:none; cursor:pointer}

.mune_mask{ width:100%; height:100%; background:rgba(0,0,0,.3); position: fixed;left:0;top:0; display:none; z-index:100}
.topNav{float:right; padding-right:0}
.topNav dd{ float:left; position:relative  }
.topNav dd:first-child{ background:none}
.topNav dd h3{font-weight:normal; font-size:16px }
.topNav dd h3 a{ display:block; padding:0 15px; color:#666; line-height:80px   }
    .topNav dd h3 a:hover,
    .topNav dd.on h3 a {
        color: #029193;
        font-weight: bold;
        /*background: linear-gradient(to top,#029193,#8CC0C1);*/
        /*border-left: 1px solid #fff;*/
    }
.topNav dd ul{ display:none;  position:absolute; width:110px;  top:80px; left:50%;background:#fff;box-shadow: 0px 4px 3px rgba(0, 0, 0, 0.08); padding-bottom:10px; margin-left:-55px}
.topNav dd ul li{ line-height: 34px; }
.topNav dd ul li a{ display: block; color: #333; text-align:center; font-size:14px  }
.topNav dd ul li a:hover{ color:#3892ad;}
    .topNav dd a.on {
        color: #029193;
        font-weight:bold;
        /*background: linear-gradient(to top,#029193,#8CC0C1);*/
    }
.head .login{ float:right; line-height:79px; font-size:14px; padding:0 30px 0 10px; background:#fff; position:relative; z-index:10;}
.head .login img{ width:30px; height:30px; border-radius:50%; margin:0 8px 0 20px; vertical-align:middle }
.head .login em{ color:#ddd; padding-right:0px; font-size:12px}
.head .login i{ padding:0 5px 0 20px; color:#666}
.head .search-box{ float:right; line-height:80px; width:40px;transition: width 0.3s; position:relative;transition: .6s; }
.head .search-box form{ height:80px}
.head .search-box .iconfont{font-size:18px; color:#3892ad; border:none; background:none; line-height:80px; width:40px; float:left; cursor:pointer; position:absolute;right:0; background:#fff}
.head .search-box .text{ border:none;color:#999; line-height:20px; width:20px; margin:30px 0;float:left; display:none; opacity:0 ;}
.head .search-box input::-webkit-input-placeholder,.head .search-box input:-moz-placeholder,input::-moz-placeholder,.head .search-box input:-ms-input-placeholder{ color:#999}
.head .search-box.on{ width:160px}
.head .search-box.on .text{ display:block;width:120px; opacity:1 }

.index_foot{ position:absolute;bottom:0;left:0; width:100%; padding:0 0 20px; font-size:12px; color:#fff}
.index_foot a{ color:#fff}
.index_foot a:hover{ color:#fff; text-decoration:underline}
.index_foot .fl{ float:left; padding-left:5%; font-size:14px}
.index_foot .fl em{ font-size:12px}
.index_foot .fl i{ font-size:13px; padding-right:5px}
.index_foot .fr{ float:right; padding-right:5%}
.index_foot em{ padding:0 10px}
.index_foot img{ vertical-align:middle}
.index_foot.grey{ color:#666}
.index_foot.grey a{ color:#666}
.index_foot.grey a:hover{ color:#3892ad}
#index_foot_link{  position: absolute;bottom:60px; background:#fff;left:5%;border-radius:6px; padding:15px;box-shadow: 0 0 30px rgba(0,0,0,0.1); display:none}
#index_foot_link ul li{ float:left; text-align:center;}
#index_foot_link .arrow{ position:absolute;border: 10px solid transparent;border-top-color:#fff;bottom:-20px; left:35px; width:0; height:0;}
#index_foot_xiaochengxu{position: absolute;bottom:60px; background:#fff;left:5%; border-radius:6px; padding:10px 0 0 0;box-shadow: 0 0 30px rgba(0,0,0,0.1); margin-left:86px; padding:15px; display:none }
#index_foot_xiaochengxu img{ width:100px; height:100px}
#index_foot_xiaochengxu .arrow{ position:absolute;border: 10px solid transparent;border-top-color:#fff;bottom:-20px; left:50%; width:0; height:0; margin-left:-10px}

.index_menu{ width:1200px; margin:0 auto; position:relative; height:480px; margin-top:150px}
.index_menu .banner{ width:600px; height:300px; position:absolute;left:0;top:0px; }
.index_menu .nav_box{ position:absolute; width:240px; height:180px;display: table; overflow:hidden; }
.index_menu .nav_box a{ color:#222; width:100%; height:100%;  text-align:center;display: table-cell;vertical-align:middle;text-shadow:1px 1px 1px rgba(0,0,0,.1);}
.index_menu .nav_box h3{ font-size:20px; font-family: SimSun; position:relative}
.index_menu .nav_box h3:before{content: "";position: absolute; background:#666; width:20px; height:3px;bottom:-12px;left:50%; margin-left:-10px}
.index_menu .nav_box p{ font-size:16px; padding:20px 0 0 0}
    .index_menu .nav_box1 {
        left: 0;
    }
.index_menu .nav_box2{left:240px;}
.index_menu .nav_box3{left:480px;}
.index_menu .nav_box4{left:720px;}
.index_menu .nav_box5{left:960px;}
.index_menu .weather{position:absolute; width:650px; height:300px; overflow:hidden;right:0px;top:0px; background:rgba(0,0,0,.6)}
.nav_box1, .nav_box2, .nav_box3, .nav_box4, .nav_box5 {
    background-image: linear-gradient(0deg, #45939f 0%, #97e3f0 100%);
    box-shadow: 0px 0px 50px 0px rgba(0, 40, 69, 0.3);
    top:300px;
}
#tp-weather-widget .ivwItR, .fStWoZ {
    background: none !important;
    position: absolute;
    box-shadow: none !important;
    left: 10px !important;
    top: 10px !important
}
.eOZYiU { display:none !important}
.fymdjd {border: dashed rgba(255,255,255,.5) 1px !important}
.eNZGyX { position:absolute !important;right:-140px !important; top:0px !important; width:110px !important}
.eNZGyX:nth-child(2){right:-250px !important; top:10px !important }
.eNZGyX:nth-child(3){right:-140px !important; top:80px !important }
.eNZGyX:nth-child(4){right:-250px !important; top:80px !important }
.lnojqd{ position:absolute !important;right:-230px !important; top:150px !important; width:200px !important}
.emBiRU{ display:none !important}
.ijqNjY{ display:none}
.eNZGyX::after,.lnojqd::after{display:none !important;}
.eNZGyX::before,.lnojqd::before{left:0 !important}

.index_menu .nav_box a:hover:before {position: absolute;content: "";width: 300px;height: 300px;top: 50%;left:50%;margin: -150px 0 0 -150px;background-color: #fff;border-radius: 50%;
-webkit-animation: scale 1s ease 0s infinite;-moz-animation: scale 1s ease 0s infinite;-o-animation: scale 1s ease 0s infinite;animation: scale 1s ease 0s infinite; display: none\9;}
.index_menu .nav_box a:hover:after {position: absolute;content: "";width: 300px;height: 300px;top: 50%;left:50%;margin: -150px 0 0 -150px;background-color: #fff;border-radius: 50%;
-webkit-animation: scale 2s ease 0s infinite;-moz-animation: scale 2s ease 0s infinite;-o-animation: scale 2s ease 0s infinite;animation: scale 2s ease 0s infinite; display: none\9;}
.swiper-container-banner {width: 600px;height:300px;position: absolute;left: 0;top: 0;}
.swiper-slide-banner {background-position: center;background-size: cover;}

.index_news .pic_news{ width:570px; float:left; position:relative; margin:8px 0 0 0}
.index_news .pic_news .pic img { width:570px; height: 335px; display: block; }
.index_news .pic_news .pic li{ position:relative}
.index_news .pic_news .pic p { position: absolute; bottom: 0; z-index: 1; height: 40px; width:100%;  background: rgba(0,0,0,.5); overflow: hidden; font-size:16px; color:#fff; line-height:40px; text-indent:15px }
.index_news .pic_news .num { position: absolute; z-index: 3; bottom:10px; right: 12px; }
.index_news .pic_news .num li{ float: left; position: relative; width:20px; height:20px; line-height:20px; overflow: hidden; text-align: center; margin-right: 1px; cursor: pointer; }
.index_news .pic_news .num li a,.pic_news .num li span { position: absolute; z-index: 2; display: block; color: white; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; }
.index_news .pic_news .num li span { z-index: 1; background: black; filter: alpha(opacity=50); opacity: 0.5; }
.index_news .pic_news .num li.on a,.pic_news .num a:hover{ background:linear-gradient(to right,#029193,#8CC0C1);  }
.index_news .right{ float:right; width:600px; margin-left:20px; margin-bottom:30px}
.index_news .right ul li{ margin:0 0 43px 0 ; display: inline-block; overflow:hidden; clear:both}
.index_news .right ul li .time{ float:left; text-align:center; font-size:14px; width:60px; font-family: beba; color:#666}
.index_news .right ul li .time p{ font-size:40px; padding-bottom:12px; position:relative; color:#333}
.index_news .right ul li .t{ float:left; width:520px; margin-left:20px; }
.index_news .right ul li .t h3{ font-size:20px; font-weight:normal; white-space:nowrap;text-overflow:ellipsis;overflow:hidden;line-height:38px; padding-bottom:5px}
.index_news .right ul li .t p{ font-size:14px; color:#666; height:44px; line-height:22px; overflow:hidden}

.index_title{ height:85px; overflow:hidden; width:100%;background:url(../images/index_title.png) no-repeat}
.index_title.t1{ background-position: center 0; margin-bottom:50px}
.index_title.t2{ background-position: center -85px; margin-bottom:20px}
.index_title.t3{ background-position: center -170px; margin-bottom:50px}
.index_title.t4{ background-position: center -255px; margin-bottom:40px}
.index_title.t5{ background-position: center -340px; margin-bottom:40px}
.index_btn{ text-align:center; clear:both; display:block; }
.index_btn a{ background:linear-gradient(to right,#029193,#8CC0C1); display:inline-block; padding:12px 80px; font-size:16px; color:#fff; border-radius:30px; position:relative}
.index_btn a p:before {position: absolute;content: "";width: 200px;height: 200px;top: 50%;left:50%;margin: -100px 0 0 -100px;background-color: #fff;border-radius: 50%;
-webkit-animation: scale 1s ease 0s infinite;-moz-animation: scale 1s ease 0s infinite;-o-animation: scale 1s ease 0s infinite;animation: scale 1s ease 0s infinite; display: none\9;}
.index_btn a p:after {position: absolute;content: "";width: 200px;height: 200px;top: 50%;left:50%;margin: -100px 0 0 -100px;background-color: #fff;border-radius: 50%;
-webkit-animation: scale 2s ease 0s infinite;-moz-animation: scale 2s ease 0s infinite;-o-animation: scale 2s ease 0s infinite;animation: scale 2s ease 0s infinite; display: none\9;}
@-webkit-keyframes scale {
0% {-webkit-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);transform: scale(0);opacity:.3; }
80% {-webkit-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);opacity: 0; }
100% {opacity: 0; } }
@-moz-keyframes scale {
0% {-webkit-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);transform: scale(0);opacity: .3; }
80% {-webkit-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);opacity: 0; }
100% {opacity: 0; } }
@-ms-keyframes scale {
0% {-webkit-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);transform: scale(0);opacity: .3; }
80% {-webkit-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);opacity: 0; }
100% {opacity: 0; } }
@keyframes scale {
0% {-webkit-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);transform: scale(0);opacity: .3; }
80% {-webkit-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);opacity: 0; }
100% {opacity: 0; } }		

/*.index_list_box{}
.index_list_box ul{ position:relative; width:1280px;}
.index_list_box ul li{ float:left; width:380px; margin:0 30px 0 0;box-shadow: 0px 0px 20px rgba(0,0,0,0.08);}
.index_list_box ul li .img{ width:100%; height:224px; overflow:hidden; position:relative }
.index_list_box ul li .img img{ width:100%; height:224px; }
.index_list_box ul li .img span{ position:absolute;bottom:0;right:0; background:#000; background:rgba(0,0,0,.4); font-size:14px; color:#fff; padding:4px 12px}
.index_list_box ul li .t{ padding:20px 20px 29px; overflow:hidden}
.index_list_box ul li .t h4{ font-size:16px; font-weight:normal; height:21px; overflow:hidden; margin-bottom:15px;}
.index_list_box ul li .t p{ font-size:14px; color:#666; line-height:26px; height:26px; overflow:hidden;}
.index_list_box ul li .t .btn{ text-align:center;border:#dfdfdf solid 1px;  font-size:16px; color:#333; height:40px; line-height:40px; display:block; margin:20px 0 0 0;  }
.index_list_box ul li:hover img{transform: scale(1.05);}*/
.index_activity .hd{ text-align:center}
.index_activity .hd ul li{ display: inline-block; font-size:16px; margin:10px 15px 40px; background:#f5f5f5; padding:10px 20px; border-radius:5px; cursor:pointer}
.index_activity .hd ul li.on{ background:linear-gradient(to right,#029193,#8CC0C1); color:#fff}
.index_list_box{ margin:0px 0 0px 0; overflow:hidden;border-left: 1px solid #8CC0C1;  }
.index_list_box ul{ position:relative; width:1280px;}
.index_list_box ul li{ float:left; width:340px; border-right:1px solid #8CC0C1; padding:20px 29px 0}
.index_list_box ul li .img{ width:100%; height:200px; overflow:hidden; position:relative }
.index_list_box ul li .img img{ width:100%; height:200px; }
.index_list_box ul li .t{ padding:20px 0px 15px; overflow:hidden}
.index_list_box ul li .t p{ font-size:14px; color:#666; line-height:26px; height:26px; overflow:hidden }
    .index_list_box ul li .t .btn {
        color: #333;
        height: 40px;
        line-height: 40px;
        display: block;
        margin: 10px 0 0 0;
        background: linear-gradient(to right,#029193,#8CC0C1);
        border: 1px solid #fff;
        border-radius: 5px;
        text-align:center;
    }
.index_list_box ul li .t .btn i{ font-size:16px;color:#fff;}
.index_list_box ul li .h{ padding:0px 0px 10px; overflow:hidden}
.index_list_box ul li .h h4{ font-size:18px; font-weight:normal; height:22px; overflow:hidden; margin-bottom:15px}
.index_list_box ul li .h p{ font-size:14px; color:#999; line-height:26px; height:26px; overflow:hidden }
.index_list_box ul li:hover img{transform: scale(1.05);}
/*.index_list_box ul li:hover{ background:linear-gradient(to right,#029193,#8CC0C1)}

.index_list_box ul li:hover .t p,.index_list_box ul li:hover .h h4,.index_list_box ul li:hover .h p{ color:#fff}
.index_list_box ul li:hover .btn i{ color:#fff}*/


.index_service ul{ position:relative; width:1240px}
.index_service ul li{ float:left; width:224px; height:400px; background:#fff; margin-right:20px;box-shadow: 0 10px 20px rgba(0,0,0,0.05);}
.index_service ul li p{ width:22px; font-size:22px; float:right; margin:50px 40px 0 0;font-family: SimSun; font-weight:bold; border-bottom:#fff solid 2px; padding-bottom:20px; text-align:center; color:#fff; display:none  }
.index_service ul li a{ display:block; width:100%; height:100%}
.index_service ul li:hover{ margin-top:-20px}
.index_service ul li.l1{ background:url(../images/index_service01.png) no-repeat}
.index_service ul li.l2{ background:url(../images/index_service02.png) no-repeat}
.index_service ul li.l3{ background:url(../images/index_service03.png) no-repeat}
.index_service ul li.l4{ background:url(../images/index_service04.png) no-repeat}
.index_service ul li.l5{ background:url(../images/index_service05.png) no-repeat}
.index_resources .box1{ float:left; width:480px; height:451px; margin-right:15px; background:url(../images/index_resources01.jpg) no-repeat}
.index_resources .box2{ float:left; width:705px; position:relative}
.index_resources .box2 .b1{ width:100%; height:218px;  clear:both; display:block; overflow:hidden; background:url(../images/index_resources02.jpg) no-repeat}
.index_resources .box2 .b2{ float:left; width:345px; height:218px;margin:0 15px 15px 0;background:url(../images/index_resources04.jpg) no-repeat}
#p5_box3{ margin-right:0;background:url(../images/index_resources03.jpg) no-repeat}
.index_resources .box3{ float:left; width:226px; }
.index_resources .box3 .b1{ width:100%; height:200px; margin-bottom:4px; background:#666}
.index_resources a{ display:block; width:100%; height:100%}

.index_tourism .box1{ float:right; width:480px; height:451px;  background:url(../images/index_tourism01.jpg) no-repeat}
.index_tourism .box2{ float:left; width:705px; position:relative}
.index_tourism .box2 .b1{ width:100%; height:218px;  clear:both; display:block; overflow:hidden; background:url(../images/index_tourism04.jpg) no-repeat}
.index_tourism .box2 .b2{ float:left; width:345px; height:218px;margin:0 15px 15px 0;background:url(../images/index_tourism03.jpg) no-repeat}
#p6_box3{ margin-right:0;background:url(../images/index_tourism02.jpg) no-repeat}
.index_tourism .box3{ float:left; width:226px; }
.index_tourism .box3 .b1{ width:100%; height:200px; margin-bottom:4px; background:#666}
.index_tourism a{ display:block; width:100%; height:100%}

.fold_wrap{width:100%;height:100%;overflow:hidden;}
.fold_wrap li{float:left;width:130px;height:100%;position:relative;overflow:hidden;cursor:pointer;}
.fold_wrap li .mask_b{position:absolute;overflow:hidden;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,.5);}
.fold_wrap li.active .mask_b{background:none;}
.fold_wrap li .tit{ display:none; background:rgba(0,0,0,.5); width:100%; bottom:80px;left:0;position: absolute; }
.fold_wrap li .tit h4{color:#fff; font-size:16px; font-weight:normal;  padding:20px 20px}
.pic_auto{width:100%;height:100%;}
.section6 .mask_left{ background:rgba(0,0,0,.5); position:absolute; width:50%; height:100%;left:0;top:0; z-index:10; display:none\0}
.section6 .mask_right{ background:rgba(0,0,0,.5); position:absolute; width:50%; height:100%;right:0;top:0; z-index:10; display:none\0}
.section6 .index_title_tour{ background:url(../images/index_title_tour.png) no-repeat; width:280px; height:220px; position:absolute;left:50%;top:50%; z-index:11; margin:-110px 0 0 -140px; display:none}
.section6 .no,.section6 .none{ display:none}
@media only screen and (max-width: 1600px) {
.head {height:60px;}
.head .logo{ float:left; margin:0 0 0 1.25%}
.head .mune{width:60px; height:60px; line-height:60px}
.head .mune i{font-size:22px;}
.head .mune_box{top:60px;}
.topNav dd h3{font-weight:normal; font-size:14px }
.topNav dd h3 a{ display:block; padding:0 10px; color:#666; line-height:60px   }
.head .login{ line-height:59px; padding:0 20px 0 10px}
.head .search-box{ line-height:60px; }
.head .search-box form{ height:60px}
.head .search-box .iconfont{line-height:60px;}
.head .search-box .text{ margin:20px 0;}
.index_title{ height:59px; overflow:hidden; width:100%;background:url(../images/index_title1.png) no-repeat}
.index_title.t1{ margin-bottom:20px;background-position: center 0; }
.index_title.t2{ background-position: center -59px; margin-bottom:10px}
.index_title.t3{ background-position: center -118px; margin-bottom:40px}
.index_title.t4{ background-position: center -177px; margin-bottom:30px}
.index_title.t5{ background-position: center -236px; margin-bottom:30px}
.index_news .right{  margin-bottom:0px}
.index_btn a{ padding:10px 60px}
.index_activity .hd ul li{ margin-bottom:20px}
.index_menu{ margin-top:0px}
}
@media only screen and (max-width: 1366px) {
.index_title{ height:34px; overflow:hidden; width:100%;background:url(../images/index_title2.png) no-repeat}
.index_title.t1{ margin-bottom:20px;background-position: left 0; }
.index_title.t2{ background-position: left -34px; margin-bottom:20px}
.index_title.t3{ background-position: left -68px; margin-bottom:20px}
.index_title.t4{ background-position: left -102px; margin-bottom:10px}
.index_title.t5{ background-position: left -136px; margin-bottom:10px}
.index_news{ margin-top:60px }	
.index_btn{ display:none}
.index_activity{ position:relative}
.index_activity .hd{ position: absolute;right:0;top:-65px;right:-15px}
.index_menu{ margin-top:0px}
.topNav dd h3{font-weight:normal; font-size:12px }
.topNav dd h3 a{ display:block; padding:0 10px; color:#666; line-height:60px   }
}

.fullSlide{ width:100%;  position:relative;  height:640px; background:#ccc;  }
.fullSlide .bd{ margin:0 auto; position:relative; z-index:0;  }
.fullSlide .bd ul{ width:100% !important;  }
.fullSlide .bd li{ width:100% !important;  height:640px; overflow:hidden; text-align:center;background:#ccc center 0 no-repeat  }
.fullSlide .bd li a{ display:block; height:640px; }
.fullSlide .hd{ width:100%;  position:absolute; z-index:1; bottom:90px; left:0; height:30px; line-height:30px; }
.fullSlide .hd ul{ text-align:center; }
.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:30px; height:6px; margin:0 5px; overflow:hidden; background:rgba(255,255,255,.8);line-height:999px; border-radius:2px }
.fullSlide .hd ul .on{ background:#b80201;  }
.fullSlide .prev,
.fullSlide .next{  display:block;  position:absolute; z-index:1; top:50%; margin-top:-30px; left:20px;  z-index:1; width:40px; height:60px; background:url(../images/slider-arrow.png) -126px -137px  no-repeat;  cursor:pointer; filter:alpha(opacity=80);opacity:0.8; display:none;  }
.fullSlide .next{ left:auto; right:20px; background-position:-6px -137px; }

.bg_f5{ background:#f5f5f5; overflow:hidden; padding-bottom:50px}
.bg_f{ background:#fff; overflow:hidden; padding-bottom:50px}
.p25{ padding:25px}
.p20{ padding:20px; overflow:hidden}
.p30{ padding:30px; overflow:hidden}
.fs{ padding-left:5px;font-family: SimSun;}
.ts{transition: .6s ease all;-webkit-transition: .6s ease all;-moz-transition: .6s ease all;-o-transition: .6s ease all;-ms-transition: .6s ease all; }
.pl{ padding-left:5px}
.pr{ padding-right:5px}

.index_nav{ text-align:center; font-size:18px;}
.index_nav a{ padding:0 20px; color:#666}
.index_nav a:hover{ color:#016dc5;}

.index_tabs{  margin:0 auto; width:1200px; position:relative}
.index_tabs .hd{ margin-top:-74px}
.index_tabs .hd ul{ position:relative; width:1220px}
.index_tabs .hd ul li{ background:#006ec5; height:74px; line-height:74px; float:left; width:392px; margin:0 12px 0 0; text-align:center; font-size:20px; color:#fff; cursor:pointer; position:relative }
.index_tabs .hd ul li.on{ background:#fff; color:#333}
.index_tabs .hd ul li.on:before {content: '';display: block;position: absolute;left:0;top:-5px;width:100%;height: 5px;background: #006ec5;}
.index_tabs .hd ul li i{ font-size:20px; padding-right:8px}




.xy-swiper-container {width: 100%;}
.xy-swiper-container .swiper-slide {background-position: center;background-size: cover;width:500px;height:295px;}
.xy-swiper-container .swiper-slide img{width: 500px;height:295px;}
.xy-swiper-container .swiper-slide p{font-size:16px; color:#fff; position:absolute;bottom:0;left:0; text-align: center; line-height:38px; background:rgba(0,0,0,.3); width:100%}
.xy-swiper-container .swiper-slide a{ width:100%; height:100%; display:block;}
.xy-swiper-container .swiper-slide-active{border:#fff solid 0px}

.index_best{ overflow:hidden; padding:25px 0 0 0}
.index_best ul li{ float:left; width:220px; margin:0 0 19px 20px}
.index_best ul li .img{ position:relative;width:220px; height:130px; overflow:hidden}
.index_best ul li .img img{ width:220px; height:130px}
.index_best ul li .img span{ position:absolute;bottom:0;right:0; background:#000; background:rgba(0,0,0,.4); font-size:14px; color:#fff; padding:4px 12px}
.index_best ul li .t{border:#eee solid 1px; border-top:none; padding:8px 0}
.index_best ul li .t h3{ font-size:14px; font-weight:normal; text-align:center; height:20px; line-height:20px; overflow:hidden; color:#333; padding:0 10px}
.index_best ul li.l1{ width:480px; margin:0;}
.index_best ul li.l1 .img{ width:480px; height:284px; overflow:hidden}
.index_best ul li.l1 .img img{ width:480px; height:284px}
.index_best ul li.l1 .t{ padding:24px 0}
.index_best ul li.l1 .t h3{ font-size:18px}
.index_best ul li:hover img{transform: scale(1.05);}
.index_best ul li:hover .t h3{ color:#016dc5}

.index_zn{overflow:hidden; padding:25px 0 30px 0}
.index_zn ul{ float:left; width:968px}
.index_zn ul li{ float:left; width:222px; margin:0 20px 20px 0}
.index_zn ul li .img{width:222px; height:131px; overflow:hidden}
.index_zn ul li .img img{ width:222px; height:131px;}
.index_zn ul li .t{border:#eee solid 1px; text-align:center;border-bottom:#cbe8f2 solid 3px; border-top:none; padding:15px 0}
.index_zn ul li:nth-child(2n) .t{border-bottom:#f0dbe9 solid 3px;}
.index_zn ul li:nth-child(3n) .t{border-bottom:#f2dfd4 solid 3px;}
.index_zn ul li:nth-child(4n) .t{border-bottom:#cfdff2 solid 3px;}
.index_zn ul li:nth-child(5n) .t{border-bottom:#cdece3 solid 3px;}
.index_zn ul li:nth-child(6n) .t{border-bottom:#f2dfd4 solid 3px;}
.index_zn ul li:nth-child(7n) .t{border-bottom:#cbe8f2 solid 3px;}
.index_zn ul li:nth-child(8n) .t{border-bottom:#f3dcdc solid 3px;}
.index_zn ul li .t h3{ font-size:18px; color:#333;height:24px; overflow:hidden; padding:0 20px}
.index_zn ul li .t p{ font-size:14px; color:#666; padding:8px 20px 0; height:20px; overflow:hidden}
.index_zn ul li:hover img{transform: scale(1.05);}
.index_zn ul li:hover h3{ color:#016dc5}
.index_zn .r{ width:232px; float:right; height:452px; position:relative}
.index_zn .r img{ width:232px; height:452px;}
.index_zn .r p{ background:#000; background:rgba(0,0,0,.4); position:absolute; left:0; bottom:0; font-size:16px; color:#fff; width:100%; text-align:center; height:40px; line-height:40px; overflow:hidden}

.index_tab .hd ul{ text-align:center}
.index_tab .hd ul li{ font-size:18px; color:#666; display:inline-block; padding:8px 20px; cursor:pointer}
.index_tab .hd ul li.on{ background:#016dc5; color:#fff; border-radius:5px; position:relative}
.index_tab .hd ul li.on:before {content: "";display: inline-block;position: absolute;left: 50%; margin-left:-10px;top:40px;width:0;height:0;border-right:10px solid transparent;border-top: 10px solid #016dc5;border-left: 10px solid transparent;}


.index_video{ margin:10px 0 0 ;}
.index_video ul{ position:relative; width:1220px;}
.index_video ul li{ float:left; width:285px; background:#fff; margin-right:20px;}
.index_video ul li .img{ width:285px; height:168px; overflow:hidden }
.index_video ul li .img img{ width:285px; height:168px; }
.index_video ul li .t{ padding:20px 20px 30px; overflow:hidden}
.index_video ul li .t h3{ font-size:16px; font-weight:normal; height:42px; overflow:hidden}
.index_video ul li .t h4{ font-size:16px; font-weight:normal; height:22px; overflow:hidden}
.index_video ul li .tit{ padding:15px 0px 30px; overflow:hidden}
.index_video ul li .tit h4{ font-size:16px; font-weight:normal; height:22px; overflow:hidden; text-align:center}
.index_video ul li .t p{ font-size:14px; color:#666; line-height:26px; padding:15px 0 20px}
.index_video ul li .t p i {width: 15px;padding-right: 5px;color: #999;text-align: center;}
.index_video ul li .t .btn{ text-align:center;background:#ff010d; border-bottom:#da030d solid 3px; border-radius:4px; font-size:18px; color:#fff; height:40px; line-height:40px; display:block; margin:0 30px;  }
.index_video ul li:hover img{transform: scale(1.05);}

.foot{ overflow:hidden; clear:both; display:block;border-top:#eee solid 1px; text-align:center; padding:30px 0; font-size:14px; line-height:30px; color:#666}
.foot a{ color:#666}
.foot img{vertical-align: middle;}

/*news*/
.list_title{ width:130px; float:left; height:170px;  margin-top:-95px}
.list_news_title{ background:url(../images/list_title.jpg) 0 0;}
.list_venues_title{ background:url(../images/list_title.jpg) -130px 0;}
.list_activity_title{ background:url(../images/list_title.jpg) -260px 0;}
.list_video_title{ background:url(../images/list_title.jpg) -390px 0;}
.list_map_title{ background:url(../images/list_title.jpg) -520px 0;}
.list_exhibition_title{ background:url(../images/list_title.jpg) -650px 0;}
.list_train_title{ background:url(../images/list_title.jpg) -780px 0;}
.list_heritage_title{ background:url(../images/list_title.jpg) -910px 0;}
.list_resources_title{ background:url(../images/list_title.jpg) -1040px 0;}
.list_readers_title{ background:url(../images/list_title.jpg) -1170px 0;}
.list_about_title{ background:url(../images/list_title.jpg) -1300px 0;}
.list_tour_title{ background:url(../images/list_title.jpg) -1430px 0;}
.list_brand_title{ background:url(../images/list_title.jpg) -1560px 0;}
.crumbs{ height:60px; line-height:60px; font-size:14px; color:#666; text-align: center; color:#fff}
.crumbs em{font-family: SimSun; padding:0 10px}
.crumbs a{ color:#fff}
.crumbs a:hover {color:#fff; text-decoration:underline}
.crumbs i{ font-size:15px; padding-right:5px}
.list_nav{ margin:0 0 0; overflow:hidden; background:#f0f0f0; text-align:center}
.list_nav a{ font-size:16px; line-height:70px; padding:0 40px; display:inline-block; color:#666}
.list_nav a.on{  color:#3892ad}
.list_nav  em{ color:#999; display:inline-block; line-height:43px; height:50px; vertical-align:middle}
.list_left{ width:840px; float:left;}
.list_right{ width:320px; float:right;}
#pages { margin:20px 0 0px; text-align: center; background:#eee; padding:15px 0 }
#pages a { display:inline-block; height:30px; line-height:30px; text-align:center; color:#666; padding:0 12px; font-size:14px; margin:0 10px}
#pages a:hover { color:#9b0000}
#pages span { display:inline-block; height:30px; line-height:30px; background:#9b0000; color:#fff; text-align:center;padding:0 12px; font-size:14px;margin:0 10px}
#pages .a1{ margin:0; padding:0}
#pages .a1 i{ font-size:14px;}
#topcontrol{position: fixed; bottom:150px; right: 20px; cursor: pointer; display:none;}
.nreturn .ntel{ background-color: #aaa;color: #fff; height:45px;text-align: center;width: 45px; display:block;border-radius:3px }
.nreturn .ntel i{ font-size:26px; line-height:45px}
#xcx{position: fixed; bottom:50px; right: 20px;  }
#xcx .right_xcx{ cursor: pointer;width:45px; height:45px; background:linear-gradient(to right,#029193,#8CC0C1); text-align:center; line-height:45px; border-radius:3px}
#xcx .right_xcx i,#gongzhonghao .right_gzh i{ font-size:26px; color:#fff}
#right_xcx_box{position: absolute;bottom:0; background:#fff;left:-145px; border-radius:6px;box-shadow: 0 0 20px rgba(0,0,0,0.2);  padding:15px; display:none }
#right_xcx_box img,#right_gzh_box img{ width:100px; height:100px}
#right_xcx_box .arrow,#right_gzh_box .arrow{ position:absolute;border:8px solid transparent;border-left-color:#fff;bottom:16px; right:-16px; width:0; height:0;}

#gongzhonghao{position:fixed;bottom:100px;right:20px;}
    #gongzhonghao .right_gzh {
        cursor: pointer;
        width: 45px;
        height: 45px;
        background: linear-gradient(to right,#029193,#8CC0C1);
        text-align: center;
        line-height: 45px;
        border-radius: 3px;
    }
#right_gzh_box {
    position: absolute;
    bottom: 0;
    background: #fff;
    left: -145px;
    border-radius: 6px;
    box-shadow: 0 0 20px rgba(0,0,0,0.2);
    padding: 15px;
    display: none
}


.list_banner{ width:100%;  position:relative;  height:350px; background:#ccc;  }
.list_banner .list_ico{ width:142px;height:145px;background: url(../images/list_ico.png) no-repeat center;position: absolute;top:60px;left:50%;z-index: 1; margin:0 0 0 -71px;
-webkit-animation: spinner 1.5s infinite linear;animation: spinner 1.5s infinite linear;}
@-webkit-keyframes spinner {
  0%{
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
  }
  100%{
    transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
  }
}
.list_banner .icon{ position:absolute;left:50%;top:105px; font-size:48px; color:#fff; width:100px; margin-left:-50px; text-align:center}
.list_banner h2{ font-weight:normal; text-align:center; color:#fff; padding:255px 0 0 0; font-size:30px;  }
.list_banner .search{ text-align:center; padding-top:240px; position:relative; width:500px; margin:0 auto 0}
.list_banner .search .search_text{ background:#fff; border:none; width:485px; height:40px;padding:0 0 0 15px; line-height:40px; border-radius:30px}
.list_banner .search .search_btn{border:none; background:none; position:absolute;right:0; z-index:100;bottom:0; font-size:20px; height:40px; line-height:40px; width:50px; cursor:pointer; color:#333}

.show_banner{ width:100%;  position:relative;  overflow:hidden; }
.login_banner{ width:100%;  position:relative;  height:auto; background:#ccc; padding:0 0 200px 0; overflow:hidden  }

.news_list{ padding-top:40px; position:relative }
.news_list ul li{margin-bottom:20px; overflow:hidden; position:relative; border-bottom:#eee dashed 0px; padding-bottom:20px}
.news_list ul li.nm{ margin:0}
.news_list ul li h2{ font-size:18px; font-weight:normal; line-height:26px; height:26px; overflow:hidden; margin:0 0 0 0 }
.news_list ul li .time{ color:#999; font-size:14px; padding:15px 0 10px;}
.news_list ul li img{ width:221px; height:130px; float:left; margin-right:20px}
.news_list ul li p{ float:left}
.news_list ul li span{ color:#666; line-height:22px; overflow:hidden; font-size:14px;}

.news_list ul li .cancel_collection{ display:none}
.news_list ul li:hover .cancel_collection{ display: block; position:absolute;right:20px; top:20px; background:#fff; padding:3px 10px; color:#016dc5; font-size:14p; border-radius:3px}
.news_list ul li:hover .cancel_collection i{ padding-right:5px}
.news_show{ padding:50px 0 50px; overflow:hidden}
.news_show .left_box h1{  font-size:24px; font-weight:normal; text-align:center}
.news_show .left_box .t{ font-size:14px; color:#666; padding:20px 0; text-align:center}
.news_show .left_box .t i{ padding-right:5px}
.news_show .left_box .txt{ font-size:16px; line-height:30px}
.news_show .left_box .txt img{ max-width:100%}
.news_show .left_box .np{ font-size:16px;border-top:#eee solid 1px; padding:20px 0 0 0; margin-top:20px; line-height:30px}
.news_show .right_box h3{ font-size:20px; font-weight:normal}
.news_show .right_box ul.right_news li{ margin:20px 0 0 0; clear:both; display:block; overflow:hidden}
.news_show .right_box ul.right_news li img{ float:left; width:110px; height:65px}
.news_show .right_box ul.right_news li h4{ float:right; font-size:14px; font-weight:normal; width:195px; height:60px; line-height:20px; overflow:hidden}

.tour_list{ padding-top:60px; position:relative }
.tour_list ul li{margin-bottom:20px; overflow:hidden; position:relative; border-bottom:#eee dashed 0px; padding-bottom:20px}
.tour_list ul li.nm{ margin:0}
.tour_list ul li h2{ font-size:18px; font-weight:normal; line-height:26px; height:26px; overflow:hidden; margin:0 0 0 0 }
.tour_list ul li .time{ color:#666; font-size:14px; padding:15px 0 15px; line-height:26px}
.tour_list ul li img{ width:400px; height:236px; float:left; margin-right:25px}
.tour_list ul li p{ float:left}
.tour_list ul li span{ color:#777; line-height:24px; overflow:hidden; font-size:14px;}


.map{  position:relative; }
.map_bubble{ background:#fff;height:260px; position:absolute;left:500px;top:150px; border:#ccc solid 1px; padding:15px 0 15px 0; overflow:hidden}
.map_bubble .img{ width:230px; overflow:hidden; text-align:center}
.map_bubble .img img{  width:230px; height:135px}
.map_bubble .info{ float:left; width:230px; padding:0 15px 0 15px}
.map_bubble .info h3{ font-size:18px; color:#333; padding-bottom:5px; font-weight:normal;  margin-bottom:5px}
.map_bubble .info p{ color:#333; font-size:14px; padding-top:10px }
.map_bubble .info .btn{ margin:15px 0 0 0; text-align:center; }
.map_bubble .info .btn a{ padding:5px 15px; font-size:14px; margin-right:10px; border-radius:3px; background:#9d1515; color:#fff}
.map_bubble .hd{border-left:#ddd solid 1px; height:260px; overflow-x:hidden; width:120px; padding:0 10px 0 10px; float:left }
.map_bubble .hd .t{ font-size:16px; padding-bottom:6px}
.map_bubble .hd::-webkit-scrollbar{width: 5px;height:10px;}
.map_bubble .hd::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.2);border-radius: 0px;background: rgba(0,0,0,0.1);}
.map_bubble .hd::-webkit-scrollbar-thumb{border-radius: 5px;-webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.2);background: rgba(0,0,0,0.2);}
.map_bubble .hd::-webkit-scrollbar-thumb:hover{border-radius: 5px;-webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.2);background: rgba(0,0,0,0.4);}
.map_bubble .hd ul li{ margin-top:8px}
.map_bubble .hd ul li img{ width:100%}
.map_bubble .hd ul li p{ padding:3px 0 0 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background:rgba(194,10,20,1) !important}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCSB_scrollTools{ width:2px !important}
.mCSB_scrollTools{ opacity:1 !important}
.map_right{background:#fff; overflow:hidden; width:300px; height:720px; position:absolute;left:40px;top:40px;box-shadow: 1px 2px 1px rgba(0,0,0,.15);}
.map_right .s{background:rgba(53,63,55,1); height:50px;}
.map_right ul{ padding:0px 0; height:720px}
.map_right ul li{ color:#333; font-size:16px; margin:0 20px 15px; display: block; border-bottom:#eee solid 1px; padding-bottom:15px}
.map_right ul li a{ color:#333; }
.map_right ul li a:hover{ color:#3892ad; }
.map_right ul li p{font-size:14px; padding:5px 0 0 0; color:#666}
.map_right ul li:first-child{ margin-top:20px}
.map_fl span{ float:left; width:98px; text-align:right; padding:18px 0; font-size:14px; color:#666}
.map_fl .r{ padding:15px 0; font-size:14px; float:left ; width:1100px}
.map_fl .r a{  padding:3px 10px; margin:0 5px; float:left}
.map_fl .r a.on{ background:#b92121; border-radius:5px; color:#fff; padding:3px 10px}
.map_fl .r a.curr{ color:#b92121; padding:3px 10px}
.map_screen{ position:absolute;right:40px;top:40px;}
.map_screen_box{box-shadow: 1px 2px 1px rgba(0,0,0,.15); background:#fff; width:200px; text-align:center; position:relative}
.map_screen_box a{ font-size:14px; padding:0 20px; display:inline-block;height:40px; line-height:40px; }
.map_screen_box a:hover i{ color:#3892ad}
.map_screen_box em{ color:#ccc; font-size:12px;display:inline-block}
.map_screen_box i{ font-size:14px; padding-right:5px; color:#999}
.map_screen_box .sub{box-shadow: 1px 2px 1px rgba(0,0,0,.15); background:#fff; padding:10px 0px; width:200px; position:absolute;top:40px;left:0; border-top:#eee solid 1px; display:none }
.map_screen_box .sub ul li{ float:left; width:50%; text-align:left}
.map_screen_box .sub ul li a{ font-size:12px; line-height:22px; padding:0 20px; color:#666; height:22px}
.map_screen_box .sub ul li a:hover{ color:#3892ad}
.map_screen_box .sub ul li a.on{ color:#3892ad}


ul.map_search{ position: relative; width: 100%; }
ul.map_search li{ list-style: none;}
ul.map_search li .tab{ display: none;}
ul.map_search li label{ float: left; width: 33.3333333%; text-align: center; line-height: 30px; border: 1px solid #dadada; border-right: 0; box-sizing: border-box; cursor: pointer; transition: all .3s; background:#f2f2f2}
ul.map_search li input:checked+label{ color: #000; background-color: #fff;}
ul.map_search li:last-child label{ border-right:1px solid #dadada;}
ul.map_search li .content{ opacity: 0; visibility:hidden; position: absolute; left: 0; top: 31px;  text-align: center;  transition: all .3s; padding:15px 0 0; width:100%;box-sizing: border-box; }
ul.map_search li input:checked~.content{ opacity: 1; visibility:visible;}
ul.map_search li .content .t1{ height:22px; line-height:22px; border:#a5acb2 solid 1px; width:70%; float:left; margin-left:15px}
ul.map_search li .content .b1{ float:left; height:24px;  margin-left:10px; width:calc(100% - 70% - 42px)}
ul.map_search li .content span{ float:left; width:50px; line-height:22px; text-align:right}
ul.map_search li .content .t2{ height:22px; line-height:22px; border:#a5acb2 solid 1px; width:40%; float:left;}
ul.map_search li .content .b2{ float:left; height:24px;  margin-left:6px; padding:0 2% }

.favorite{ text-align:center; padding:30px 0 10px; }
.favorite ul li{ display:inline-block; margin:0 30px;position:relative; background:#ececec; width:50px; height:50px; border-radius:50%}
.favorite ul li a{ display:block}
.favorite ul li i{ color:#333; font-size:22px; line-height:50px}
.favorite ul li p{ color:#333; padding:8px 0 0 0; font-size:14px}
.favorite ul li .icon-shoucang2,.favorite ul li .icon-dianzan{ color:#3892ad}
.bdshare-button-style0-16 a, .bdshare-button-style0-16 .bds_more{ background:none !important; height:95px !important; margin:0 !important; padding:0 !important; display:block; width:62px}
.bdsharebuttonbox { width:62px; height:95px;  position:absolute;top:0; right:0}
/*comment*/
.comment{ background:#fff; overflow:hidden; }
.comment .title{ font-size:24px;}
.comment .box{ position:relative; margin-top:32px; padding:0 0 32px 68px;border-bottom:#f0f0f0 solid 1px}
.comment .box_content{border: 3px solid #f0f0f0; position:relative}
.comment .box_textarea{ margin:12px; height:104px}
.comment .box_text{height: 100%;width: 100%;display: block;border: none;font-size: 14px;line-height: 24px;color: #4b4b4b;}
.comment .box_info{overflow: hidden;padding: 14px 12px;border-top: 1px solid #eee;height: 34px;line-height: 34px;}
.comment .box_commentBtn{background-color: #c20a14;float: right;width: 100px;color: #fff;text-align: center;font-size: 14px;border-radius: 17px;cursor: pointer;border:none; height:34px; line-height:34px}
.comment .box_login{ float:left}
.comment .box_login em{ padding:0 10px; color:#999}
.comment .portrait{ display:block; position:absolute;left:0;top:0; width:50px; height:50px; border-radius:50%; overflow:hidden}
.comment .portrait img{ width:50px; height:50px}
.comment .comment_user{ height:32px; line-height:32px; color:#379be9; font-weight:bold}
.comment .comment_user span{ color:#999; padding-left:12px; font-weight:normal}
.comment .comment_content{ margin-top:2px; font-size:14px; color:#4b4b4b; line-height:24px;}
.comment .reply{ background:#f7f7f7; padding:8px 16px 24px; margin-top:10px}
.comment .reply_content{ font-size:14px; clear:#4b4b4b; line-height:24px; margin-top:10px}
.comment .reply_time{ color:#adadad; font-size:12px; margin-top:6px}
.comment .reply_time em{ margin:0 2px}
/*about*/
.page_left{ width:250px; float:left; background:#fff; text-align: center;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);}
.page_left .title{ background:#016dc5; text-align:center; color:#fff; font-size:18px; line-height:50px; border-radius:5px 5px 0 0}
.page_left ul{  clear:both; display:block; overflow:hidden; padding:0px 0px ;}
.page_left ul li{ font-size:16px; line-height:46px;border-bottom:#eee solid 1px;border-right:#029193 solid 2px;}
.page_left ul li a{ display:block; padding:0 20px 0 20px; color:#666}
.page_left ul li a:hover{color:#016dc5}
.page_left ul li.on{border-right:#016dc5 solid 2px; color:#016dc5; }
.page_left ul li.on a{color:#016dc5}
.page_show{border:#eee solid 0px; margin:30px 0 50px}
.page_show .txtcon{ padding:20px 0px 0px; line-height:26px}
.page_show .txtcon h1{ font-size:20px; font-weight:normal; border-bottom:#f1f1f1 solid 1px; padding-bottom:15px; margin-bottom:20px}
.page_show .txt{ font-size:14px; line-height:26px; color:#333}
/*video*/
.list_screen{background: #f9f9f9; overflow:hidden; padding:15px 0 ;margin:0px 0 0;border-top:#eee solid 1px}
.list_screen span{ float:left; width:100px; text-align:right; padding:12px 0; font-size:14px; color:#666}
.list_screen .r{ padding:9px 0; font-size:14px; float:left ; width:1100px}
.list_screen .r a{  padding:3px 10px; margin:0 5px; float:left}
.list_screen .r a.on{ background:linear-gradient(to right,#029193,#8CC0C1); border-radius:3px; color:#fff; padding:3px 10px}
.list_screen .selectBox{height: 46px;background: #fafafa; overflow:hidden; margin-top:10px; line-height:46px; font-size:14px;}
.list_screen .selectBox a{ padding: 0 0 0 30px}
.list_screen .selectBox a.on{ color:#016dc5}
.list_box{ margin:50px 0 50px 0; overflow:hidden;border-left: 1px solid #dfdfdf;  }
.list_box .title{ font-size:26px; padding-bottom:20px}
.list_box ul{ position:relative; width:1280px;}
.list_box ul li{ float:left; width:340px; border-right:#dfdfdf solid 1px; padding:29px 29px 0}
.list_box ul li .img{ width:100%; height:200px; overflow:hidden; position:relative }
.list_box ul li .img img{ width:100%; height:200px; }
.list_box ul li .img span{ position:absolute;bottom:0;right:0; background:#000; background:rgba(0,0,0,.4); font-size:14px; color:#fff; padding:4px 12px}
.list_box ul li .t{ padding:20px 0px 29px; overflow:hidden}
.list_box ul li .tp{ padding:20px 20px 0}
.list_box ul li .t20{ padding:20px }
.list_box ul li .t h4{ font-size:16px; font-weight:normal; height:21px; overflow:hidden; margin-bottom:15px}
.list_box ul li .t p{ font-size:14px; color:#666; line-height:26px; height:26px; overflow:hidden }
.list_box ul li .t .txt{ font-size:14px; color:#666; line-height:24px; margin:10px 0 0; height:72px; overflow:hidden}
.list_box ul li .t .txt1{ font-size:14px; color:#666; line-height:24px; margin:0px 0 0; height:48px; overflow:hidden}
    .list_box ul li .t .btn {
        background: linear-gradient(to right,#029193,#8CC0C1);
        color: #333;
        height: 40px;
        line-height: 40px;
        display: block;
        margin: 20px 0 0 0;
        /*background: url(/liuyang/202008/btn_bg.png) center center no-repeat;*/
        text-align: center;
        border-radius:5px;
        border:1px solid #fff;
    }
.list_box ul li .t .btn i{ font-size:16px;color:#fff;}
.list_box ul li .h{ padding:10px 0px 10px; overflow:hidden}
.list_box ul li .h h4{ font-size:18px; font-weight:normal; height:22px; overflow:hidden; margin-bottom:15px}
.list_box ul li .h p{ font-size:14px; color:#999; line-height:26px; height:26px; overflow:hidden }
.list_box ul li:hover{ background:linear-gradient(to right,#029193,#8CC0C1)}
.list_box ul li:hover img{transform: scale(1.05);}
.list_box ul li:hover .t h4,.list_box ul li:hover .t p,.list_box ul li:hover .t .txt,.list_box ul li:hover .t .txt1,.list_box ul li:hover .h h4,.list_box ul li:hover .h p{ color:#fff}
.list_box ul li:hover .btn i{ color:#fff}
.list_box ul li.box3{ width:386px}
.list_box ul li.box3 .pic{width:386px; height:228px; overflow:hidden}
.list_box ul li.box3 .pic img{ width:386px; height:228px}
.list_banner{  position:relative;  }
.list_banner .hd{ position:absolute; z-index:1; bottom:10px; right:15px; overflow:hidden;   }
.list_banner .hd ul{ float:right;  overflow:hidden;; background:#fff; background:rgba(255,255,255,.3); padding:4px 8px; border-radius:20px  }
.list_banner .hd li{ width:10px; height:10px;background:#fff; color:#fff;float:left; margin:0 3px; display:inline;-webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; cursor:pointer; text-indent:9999px}
.list_banner .hd li.on{ background:#016dc5; }
.list_banner .bd li{ vertical-align:middle; }
.list_banner .bd li img{ width:1200px; height:360px; display:block;  background:url(../images/loading.gif) center center no-repeat;  }

.vidoe_show{overflow:hidden; background:#f9f9f9; padding:20px 25px; margin-bottom:30px }
.vidoe_show h1{ font-size:18px; font-weight:normal; padding:0px 0px 10px}
.vidoe_show .t{ font-size:14px; color:#666; }
.vidoe_show .t span{ background:#bc0003; color:#fff; padding:3px 10px; border-radius:5px; }
.vidoe_show .t i{ padding-right:5px}
.vidoe_show .video{ width:100%; height:641px; margin:20px 0 0 0}
.vidoe_show .txt .title{ font-size:24px; margin:30px 0 20px; border-left:#016dc5 solid 4px; padding-left:10px; height:24px; line-height:24px}
.vidoe_show .txt .t{ font-size:14px; color:#333; line-height:26px}

.exhibition_show{overflow:hidden; padding:30px 0}
.exhibition_show .info img{ float:left; width:500px; height:295px;}
.exhibition_show .info .r{ float:right; width:610px;}
.exhibition_show .info .r h1{ font-size:24px; font-weight:normal; padding:0px 0px 20px}
.exhibition_show .info .r p{ font-size:14px; line-height:24px; padding-bottom:30px; color:#666}
.exhibition_show .info .r .txt{ font-size:14px; line-height:30px;  color:#333}
.exhibition_show .info .r .txt i{ width:15px; padding-right:5px; color:#999; text-align:center}
.exhibition_show .info .r .txt .btn_map{ border:#016dc5 solid 1px; border-radius:3px; padding:2px 8px; margin-left:20px; color:#016dc5}
.exhibition_show .info .r .txt span{ background:#fdf2eb;color: #ff4600; padding:4px 10px}
.exhibition_show .info .r .txt b{border:#999 solid 1px; border-radius:3px; padding:2px 8px; margin-right:10px; font-weight:normal}
.exhibition_show .info .r .txt em{ color:#ff0000}
.exhibition_show .info .r .t{ font-size:14px; color:#666;}
.exhibition_show .info .r .t i{ padding-right:5px}
.exhibition_show .info .r .t .btn{ background:#016dc5; padding:8px 30px; font-size:18px; color:#fff; border-radius:3px; margin-right:20px}
.exhibition_show .info .r .t .btn:hover{ background:#024e93}
.exhibition_show .tt{ font-size:18px; border-bottom:#eee solid 1px; padding:15px 0 15px 0}
.exhibition_show .tt span{ font-size:18px; padding-left:5px}
.exhibition_pic{width:100%; position:relative; background:#f1f1f1; padding:30px 0 0 0 }
.exhibition_pic .focus_pic{width:80%;overflow:hidden; margin:0 auto}
.exhibition_pic .focus_pic li{vertical-align:top; text-align:center}
.exhibition_pic .focus_pic li .info{ text-align:left; font-size:14px; color:#444; text-align:center}
.exhibition_pic .focus_pic li .info h3{ font-size:18px; color:#333; padding:10px 0 5px}
.exhibition_pic .focus_pic img{max-height:500px;display:inline-block;vertical-align:top; background:url(../images/loading.gif) center center no-repeat; min-height:200px; min-width:200px }
.exhibition_pic .focus_nav{background:#fff;width:100%; margin-top:30px ; padding:20px 0 0; overflow:hidden }
.exhibition_pic .focus_nav .tempWrap{ float:left; width:850px }
.exhibition_pic .focus_nav li{position:relative;float:left;display:inline;margin:0 7px; cursor:pointer;}
.exhibition_pic .focus_nav .navPrev,.exhibition_pic .focus_nav .navNext{width:62px;height:87px;overflow:hidden; float:left; text-align:center; line-height:87px}
.exhibition_pic .focus_nav .navPrev i,.exhibition_pic .focus_nav .navNext i{ font-size:42px; line-height:94px;color:#666;font-family:SimSun; font-style:normal}
.exhibition_pic .focus_nav .navPrev i:hover,.exhibition_pic .focus_nav .navNext i:hover{ color:#bc0001}
.exhibition_pic .focus_nav ul li img{border:2px solid #ddd;width:120px;height:83px}
.exhibition_pic .focus_nav  ul li.on img{border:2px solid #bc0001;}
.exhibition_pic .focus_nav .npimg{ float:left; width:124px; height:87px; }	
.exhibition_pic .focus_nav .npimg .img{width:124px;height:87px; position:relative; display:inline-block}
.exhibition_pic .focus_nav .npimg .img img{border:2px solid #ddd;width:120px;height:83px;}
.exhibition_pic .focus_nav .npimg .img p{ position:absolute;bottom:2px;left:2px;  background:rgba(0,0,0,.4); font-size:14px; color:#fff;  text-align:center; width:120px}	
.exhibition_pic .pageState{font-size:16px; text-align:center; padding-bottom:10px}
.exhibition_pic .pageState span{ font-size:18px; color:#016dc5}
.exhibition_pic .picprev,.exhibition_pic .picnext{ position: absolute;left:30px; background:#ccc; background:rgba(0,0,0,.2); width:30px; height:50px;top:50%; display:inline-block; text-align:center; margin-top:-100px}	
.exhibition_pic .picnext{right:30px;left:auto}
.exhibition_pic .picprev i,.exhibition_pic .picnext i{ font-size:24px; color:#fff; line-height:50px; font-family:SimSun; font-style:normal}
.exhibition_pic .picprev:hover,.exhibition_pic .picnext:hover{ background:#bc0001}

.activity_show{ padding:30px 0 0}
.activity_show .show{ font-size:16px; line-height:28px}

.heritage_list_nav{ background:#fff; padding:25px 0; text-align:center;-webkit-box-shadow: 0 0 29px #ececec;-moz-box-shadow: 0 0 29px #ececec;-ms-box-shadow: 0 0 29px #ececec;box-shadow: 0 0 10px #ececec;}
.heritage_list_nav a{ font-size:14px; padding:8px 0; width:24%; display:inline-block; font-size:18px}
.heritage_list_nav a.on{  color:#016dc5; position:relative}
.heritage_list_nav a.on:before {content: "";display: inline-block;position: absolute;left: 50%;bottom:-5px;width:70px; margin-left:-35px;height:2px; background:#016dc5}

.heritagePrj_show{ padding:30px 0px 10px; overflow:hidden}
.heritagePrj_show ul{ position:relative; width:1270px}
.heritagePrj_show ul li{ float:left; width:285px; height:250px; margin:0 20px 20px 0; overflow:hidden; position: relative}
.heritagePrj_show ul li img{ height:250px; cursor:pointer}
.heritagePrj_show ul li  p{ background:#000; background:rgba(0,0,0,.4); position:absolute; left:0; bottom:0; font-size:16px; color:#fff; width:100%; text-align:center; height:40px; line-height:40px; overflow:hidden}

.tabs_show .hd{border-bottom:#eee solid 1px; overflow:hidden; padding:20px 0 0}
.tabs_show .hd ul li{ float:left; font-size:20px; margin:0 30px 0 30px; color:#666; cursor:pointer}
.tabs_show .hd ul li.on{ color:#000;border-bottom:#016dc5 solid 2px; padding-bottom:15px}
.tabs_show .bd{ padding:30px; overflow:hidden}
.tabs_show .bd .show{ font-size:16px; line-height:28px}

.table{ width:100%;border:#ddd solid 1px;border-collapse:collapse;font-size:14px; margin:30px  0 0 0}
.table td{border-collapse:collapse;border:#ddd solid 1px; padding:10px; line-height:24px}
.table .td1{ width:40px; text-align:center}
.table .td2{ width:200px;text-align:center}
.table .td3{ width:200px;text-align:center }
.table .td4{ width:200px;text-align:center }
.table .td5{ width:80px;text-align:center }

.team_show{ overflow:hidden; padding:0px 0 0 0}
.team_show ul li{ font-size:14px; line-height:26px; clear:both; display:block; padding-top:40px; overflow:hidden}
.team_show ul li h3{ font-size:18px; font-weight:normal}
.team_show ul li h3 span{ font-size:14px; padding-left:20px}
.team_show ul li h3 span a{ color:#b92121}
.team_show ul li h5{ font-size:12px; font-weight:normal; padding:6px 0; color:#333}
.team_show ul li .img img{ float:left; width:150px; margin:15px 15px 0 0; cursor:pointer; height:90px}
.team_show ul li p{ color:#333}

.team_user{ overflow:hidden}
.team_user ul{ position:relative}
.team_user ul li{ float:left; width:200px; margin:40px 0 0 0; overflow:hidden; position: relative; text-align:center}
.team_user ul li .img{ width:100px; height:100px; display:inline-block}
.team_user ul li .img img{ height:100px; width:100px; border-radius:50%}
.team_user ul li p{ font-size:14px; color:#666; padding:10px 0 10px}
.team_user ul li .btn{ overflow:hidden}
.team_user ul li .btn a{border: #eee solid 1px;font-size: 14px;border-radius: 3px;-webkit-box-shadow: 0px 0px 5px #eee;box-shadow: 0px 0px 5px #eee; padding:5px 20px; display:inline-block}


.team_show_user{ overflow:hidden}
.team_show_user ul{ position:relative; width:1170px}
.team_show_user ul li{ float:left; width:262px; margin:0 30px 30px 0; overflow:hidden; position: relative}
.team_show_user ul li .img{ width:262px; height:250px;}
.team_show_user ul li .img img{ height:250px; cursor:pointer}
.team_show_user ul li  p{ background:#000; background:rgba(0,0,0,.4); position:absolute; left:0; bottom:0; font-size:16px; color:#fff; width:100%; text-align:center; height:40px; line-height:40px; overflow:hidden}
.team_show_user ul li .pic{ width:262px; cursor:pointer; height:154px; position:relative}
.team_show_user ul li .pic img{width:262px; height:154px}
.team_show_user ul li .video{ width:262px; cursor:pointer; position:relative; height:175px}
.team_show_user ul li .video img{width:262px; height:175px}
.team_show_user ul li .video i{ font-size:30px; color:#fff; position:absolute;left:50%;top:50%; margin:-15px 0 0 -13px}

.heritageMap_box{ border:#eee solid 1px; overflow:hidden; margin:50px 0}
.heritageMap_left{ width:297px; float:left; height:800px; border-right:#e6e6e6 solid 1px;}
.heritageMap_right{ width:900px; float:left; height:800px}
.heritage_map{ background:#fff; overflow:hidden}
.heritage_map h3{ border-bottom:#eee solid 1px; padding:15px 15px; font-size:16px; font-weight:normal; position:relative}
.heritage_map h3 a{ font-size:14px; float:right; background:#b92121; color:#fff; padding:2px 4px; border-radius:3px; position:absolute;right:15px}
.heritage_map ul{ position:relative; width:1204px}
.heritage_map ul li{ text-align:center; border-bottom:#f1f1f1 solid 1px; height:75px; padding:18px 0 0 0; font-size:16px; color:#666; width:299px}
.heritage_map ul li h4{ color:#ff0000; padding-bottom:5px; font-size:20px; font-weight:normal}

.list_brand{ margin:50px 0 0 0; }
.list_brand ul{ position:relative; width:1221px;}
.list_brand ul li{ float:left; width:590px; background:#fff; margin:0 20px 20px 0;}
.list_brand ul li .img{ width:590px; height:197px; overflow:hidden; position:relative }
.list_brand ul li .img img{ width:590px; height:197px; }
.list_brand ul li .img span{ position:absolute;bottom:0;right:0; background:#000; background:rgba(0,0,0,.4); font-size:14px; color:#fff; padding:4px 12px}
.list_brand ul li .t{ padding:15px 20px 20px 0; overflow:hidden}
.list_brand ul li .t h4{ font-size:16px; font-weight:normal; height:21px; overflow:hidden}
.list_brand ul li .t p{ font-size:14px; color:#666; line-height:24px; padding:10px 0 0px; height:48px; overflow:hidden}
.list_brand ul li:hover img{transform: scale(1.05);}

.brand_show{background: #fff;-webkit-box-shadow: 0 0 29px #ececec;-moz-box-shadow: 0 0 29px #ececec;-ms-box-shadow: 0 0 29px #ececec;box-shadow: 0 0 10px #ececec; overflow:hidden;}
.brand_show img{ float:left; width:1200px; height:400px;}
.brand_show h1{ font-size:24px; font-weight:normal; padding:0px 0px 20px}
.brand_show p{ font-size:14px; line-height:24px;color:#666}
.brand_show .r{ font-size:14px; color:#666; float:right}
.brand_show .r i{ padding-right:5px}

.brand_list_box{ margin:0 0 30px 0; }
.brand_list_box ul{ position:relative; width:1160px;}
.brand_list_box ul li{ float:left; width:270px; background:#fff; margin:0 20px 20px 0;-moz-box-shadow:0 0px 10px rgba(229,227,228,.75);-webkit-box-shadow:0 0px 10px rgba(229,227,228,.75);box-shadow:0 0px 10px rgba(229,227,228,.75);}
.brand_list_box ul li .img{ width:270px; height:160px; overflow:hidden; position:relative }
.brand_list_box ul li .img img{ width:270px; height:160px; }
.brand_list_box ul li .img span{ position:absolute;bottom:0;right:0; background:#000; background:rgba(0,0,0,.4); font-size:14px; color:#fff; padding:4px 12px}
.brand_list_box ul li .t{ padding:20px 20px 30px; overflow:hidden}
.brand_list_box ul li .tp{ padding:20px 20px 0}
.brand_list_box ul li .t h3{ font-size:16px; font-weight:normal; height:42px; overflow:hidden}
.brand_list_box ul li .t p{ font-size:14px; color:#666; line-height:26px; padding:15px 0 20px}
.brand_list_box ul li .t p i{ padding-right:5px; color:#999; width:15px; text-align:center}
.brand_list_box ul li:hover{box-shadow: 0 7px 15px 0 rgba(0,0,0,.1);}
.brand_list_box ul li:hover img{transform: scale(1.05);}

.volunteer_banner{ background:url(../images/volunteer_banner.jpg) no-repeat center; width:100%; height:500px; overflow:hidden; position:relative}
.volunteer_banner .btn{ position:absolute; text-align:center;left:0; width:100%;bottom:200px}
.volunteer_banner .btn a{ background:#cc0507; padding:10px 35px; font-size:24px; color:#fff; border-radius:5px; margin:0 10px}
.volunteer_banner .btn a:hover{ background:#e31214}

.search_list{ padding-bottom:20px}
.search_list ul li{ line-height:50px; font-size:14px; border-bottom:#ddd dashed 1px}
.search_list ul li span{ float:right; color:#999}
.search_list ul li i{ padding-right:5px; font-size:12px}
.search_list h3{ font-size:16px; line-height:50px; font-weight:normal; margin:30px 0 20px 0; background:#f5f5f5; padding:0 20px}
.search_list h3 em{ color:#ff0000}
.noData{ padding:50px 0; text-align:center}
.noData img{ width:220px}
.noData p{ font-size:16px; color:#666; padding:20px 0 0 0}
/*user*/
.user_head{ overflow:hidden; text-align:center; background:url(../images/user_bg.jpg) no-repeat; height:300px; overflow:hidden}
.user_head .user_portrait{ padding:70px 0 0 0}
.user_head .user_portrait img{ width:80px; height:80px; border-radius:50%; border:#fff solid 2px }
.user_head .user_portrait p{ font-size:16px; color:#fff; padding:10px 0 0 0}
.user_head .btn{ padding:25px 0 0px 0 }
.user_head .btn a{border:rgba(255,255,255,.5) solid 1px; padding:6px 15px; margin:0 5px; border-radius:3px; font-size:14px; color:#fff}
.user_head .btn i{ padding-right:5px; font-size:15px}

.user_verify{ padding:30px 30px;border:#eee solid 1px}
.user_verify ul li{ padding-bottom:30px; border-bottom:#eee solid 1px; margin-bottom:30px}
.user_verify ul li .t{ font-size:14px; display:inline-block; text-align:left; color:#333; position:relative; display:block; line-height:24px}
.user_verify ul li .t h4{ font-size:18px; font-weight:normal; padding-bottom:10px}
.user_verify ul li .img{ text-align:center; padding-bottom:20px; position:relative}
.user_verify ul li .img img{ width:200px}
.user_verify ul li .img p{ font-size:16px; padding-bottom:10px}
.user_verify ul li .info{background: #fdf2eb;color: #f00;padding:6px 10px; margin:10px 0 0 0}
.user_verify ul li .cancel_btn{ text-align:center; margin:20px 0 0 0; position:absolute;right:0; bottom:20px}
.user_verify ul li .cancel_btn a{ font-size:16px; border:#ddd solid 1px; padding:8px 20px; display: inline-block; border-radius:3px}
.user_verify ul li .img .verify_img{ position:absolute; background:url(../images/verify_img.png) no-repeat; width:155px; height:155px; left:50%; top:58px; margin-left:-78px}

.user_list_verify{ padding-top:20px; position:relative }
.user_list_verify ul li{margin-bottom:20px; overflow:hidden; position:relative; border-bottom:#eee dashed 0px; padding-bottom:20px}
.user_list_verify ul li h2{ font-size:18px; font-weight:normal; line-height:26px; height:26px; overflow:hidden; margin:0 0 0 0 }
.user_list_verify ul li .time{ color:#666; font-size:14px; padding:15px 0 20px; line-height:24px}
.user_list_verify ul li img{ width:200px; height:200px; float:left; padding-right:20px; background:#fff}
.user_list_verify ul li .verify_img{ position:absolute; background:url(../images/verify_img.png) no-repeat; width:155px; height:155px; left:23px; top:23px; }
.user_list_verify ul li p{ float:left}
.user_list_verify ul li span{ background: #fdf2eb;color: #f00;padding:6px 10px;  display:block}
.user_list_verify ul li .cancel_btn{ text-align:center; margin:20px 0 0 0; position:absolute;right:0; bottom:80px}
.user_list_verify ul li .cancel_btn a{ font-size:16px; border:#ddd solid 1px; padding:8px 20px; display: inline-block; border-radius:3px}


.user_left{ width:250px; float:left; background:#fff; border:#5c99e1 solid 1px}
.user_left ul{  clear:both; display:block; overflow:hidden; padding:0px 0px ;}
.user_left ul li{ font-size:16px; line-height:46px;border-bottom:#eee solid 1px;}
.user_left ul li a{ display:block; padding:0 20px 0 20px; color:#666}
.user_left ul li a:hover{color:#016dc5}
.user_left ul li.on{ background:#f6f6f6; color:#016dc5; }
.user_left ul li.on a{color:#016dc5}
.user_left ul li i{ float:right; line-height:46px; font-size:18px}
.user_right{}
.user_right .txtcon{ line-height:26px}
.user_right .txtcon h1{ font-size:20px; font-weight:normal; border-bottom:#eee solid 1px; padding:40px 0 15px 0; position:relative}
.user_right .txtcon .btn{ float:right; font-size:14px; background:#2577e3; color:#fff; padding:0 15px; border-radius:3px}
.user_right .txtcon .btn i{ padding-right:5px}
.user_right .tab{ font-size:14px; line-height:44px; color:#333; background:#f6f6f6;}
.user_right .tab a{ margin:0 10px 0 20px;}
.user_right .tab a.on{ color:#016dc5; border-bottom:#016dc5 solid 2px; padding-bottom:10px}
.user_right .user_box{ margin:20px 0px; overflow:hidden }
.user_right .user_box ul li{  padding-bottom:20px; border-bottom:#eee solid 1px; margin-bottom:20px; width:600px; float:left }
.user_right .user_box ul li .img{ width:285px; height:168px; overflow:hidden; position:relative; float:left }
.user_right .user_box ul li .img img{ width:285px; height:168px; }
.user_right .user_box ul li .img span{ position:absolute;bottom:0;right:0; background:#000; background:rgba(0,0,0,.4); font-size:14px; color:#fff; padding:4px 12px}
.user_right .user_box ul li .t{ padding:0px 0 0px 20px; overflow:hidden; float:left; width:280px}
.user_right .user_box ul li .t h3{ font-size:16px; font-weight:normal; height:50px; overflow:hidden; line-height:25px}
.user_right .user_box ul li .t h4{ font-size:16px; font-weight:normal; height:25px; overflow:hidden; line-height:25px}
.user_right .user_box ul li .t p{ font-size:14px; color:#666; line-height:30px; padding:5px 0 10px}
.user_right .user_box ul li .t p i{ padding-right:5px; color:#999; width:15px; text-align:center}
.user_right .user_box ul li .t .txt{ font-size:14px; color:#666; line-height:24px; padding:10px 0 20px}
.user_right .user_box ul li .t .edit{ text-align:center;background:#ff010d;  border-radius:4px; font-size:14px; color:#fff; height:32px; line-height:32px; float:left; padding:0 20px}
.user_right .user_box ul li:hover img{transform: scale(1.05);}
.user_right .user_box ul li .t .cancel_collection{text-align:center;background:#016dc5;  border-radius:4px; font-size:14px; color:#fff; height:32px; line-height:32px; float:left; padding:0 20px}
.user_right .user_box ul li .t .cancel_collection i{ padding-right:5px}

.feedback{margin:50px 0 50px; overflow:hidden}
.feedback p{ font-size:14px; color:#333; padding-bottom:5px}
.feedback .t{ width:1188px; height:230px; border:#ddd solid 1px; padding:10px 0 0 10px; color:#666}
.feedback .b{ background:linear-gradient(to right,#029193,#8CC0C1); font-size:16px; color:#fff; padding:10px 50px; border:none; border-radius:3px; cursor:pointer}
.user_comment{margin:20px 0px 40px; overflow:hidden}

.user_right .user_brand{ margin: 20px; }
.user_right .user_brand ul li{  width:890px; position:relative; background:#fff; margin:0 0 20px 0;-moz-box-shadow:0 0px 10px rgba(229,227,228,.75);-webkit-box-shadow:0 0px 10px rgba(229,227,228,.75);box-shadow:0 0px 10px rgba(229,227,228,.75);}
.user_right .user_brand ul li .img{ width:890px; height:296px; overflow:hidden; position:relative }
.user_right .user_brand ul li .img img{ width:890px;  height:296px; }
.user_right .user_brand ul li .img span{ position:absolute;bottom:0;right:0; background:#000; background:rgba(0,0,0,.4); font-size:14px; color:#fff; padding:4px 12px}
.user_right .user_brand ul li .t{ padding:20px 20px 20px; overflow:hidden}
.user_right .user_brand ul li .t h4{ font-size:16px; font-weight:normal; height:21px; overflow:hidden}
.user_right .user_brand ul li .t p{ font-size:14px; color:#666; line-height:26px; padding:10px 0 0px; height:26px; overflow:hidden}
.user_right .user_brand ul li:hover{box-shadow: 0 7px 15px 0 rgba(0,0,0,.1);}
.user_right .user_brand ul li:hover img{transform: scale(1.05);}
.user_right .user_brand ul li .cancel_collection{ display:none}
.user_right .user_brand ul li:hover .cancel_collection{ display: block; position:absolute;right:20px; bottom:50px; background:#016dc5; padding:3px 10px; color:#fff; font-size:14p; border-radius:3px}
.user_right .user_brand ul li:hover .cancel_collection i{ padding-right:5px}
.photo_img_right{ float:left; padding-left:20px; line-height:26px; color:#333}

.user_integral{ overflow:hidden}
.user_integral ul li{ font-size:16px; display:block; padding:15px 0;border-bottom:#eee solid 1px; overflow:hidden; }
.user_integral ul li span{ width:520px; float:left; padding-left:20px}
.user_integral ul li b{ width:200px; float:left; font-size:16px; color:#ff0000; font-weight:normal}
.user_integral ul li b i{ font-style:normal; font-weight:normal; font-size:14px; padding-left:8px; color:#333}
.user_integral ul li em{ width:180px; float:right; color:#999; text-align:right; font-size:14px; padding-right:20px}
.user_integral ul li:last-child{ border:none}
/*reg*/
.login_foot{ text-align:center; color:#666; padding:20px 0 0; line-height:22px}
.login_bg{ background:url(../images/login_bg.jpg) no-repeat center; width:100%; display:inline-block; height:650px}
.reg{ background:#fff; width:500px; border-radius:5px; padding:30px 0px 30px 0;  margin:200px auto 0 ; -moz-box-shadow: 0 0px 10px rgba(229,227,228,.75);-webkit-box-shadow: 0 0px 10px rgba(229,227,228,.75); box-shadow: 0 0px 10px rgba(229,227,228,.75);}
.reg h3{ text-align:center; font-size:18px; padding-bottom:20px}
.reg .t{ padding-left:110px; font-size:14px;color:#999}
.reg .t a{ color:#333}
.reg .t a:hover{ text-decoration:underline}
.login_form{ padding-right:30px}
.login_t{ padding:20px 0 0 0px; overflow:hidden}
.login_t h2 {height: 16px;border-bottom: 1px solid #ddd;text-align: center;  margin: 0 auto 10px}
.login_t .title-wrap {display: inline-block;height: 34px;padding: 0 15px;color: #222;line-height: 34px; font-size:16px; font-weight:normal; background:#fff}
.login_other{ text-align:center; padding-top:25px}
.login_other ul li{ display:inline-block}
.login_other ul li i{ font-size:26px;  margin:0 15px;  }
.login_other ul li a.l1 i{color:#2294f5;border:#2294f5 solid 1px; border-radius:50%; width:50px; height:50px;line-height:50px;}
.login_other ul li .l1:hover i{border:#2294f5 solid 1px; background:#2294f5; color:#fff}
.login_other ul li a.l2 i{color:#2dbb5f;border:#2dbb5f solid 1px; border-radius:50%; width:50px; height:50px;line-height:50px;}
.login_other ul li .l2:hover i{border:#2dbb5f solid 1px; background:#2dbb5f; color:#fff}

/*预订*/
.p80{ padding:30px 80px}
.activity_notice{ border:#eee solid 1px; margin-left:110px; padding:20px; line-height:26px}
.activity_notice b{ font-size:18px; clear:both; display:block; padding-bottom:10px; color:#bc0003}

.activity_venues{ padding:30px 0 0}
.activity_venues table {width: 100%;table-layout:fixed;}
.activity_venues table th {white-space:nowrap;overflow:hidden;word-break:keep-all;text-overflow:ellipsis;background: #ddd;color: #666;font-size: 16px;font-weight: normal;border: 1px solid #fff;height:65px;}
.activity_venues table td {white-space:nowrap;overflow:hidden;word-break:keep-all;text-overflow:ellipsis;text-align: center;background: #f2f2f2;color: #666666;height: 94px;width: 153.4px;cursor: pointer;border:1px solid #fff }
.activity_venues table td span {width: 100%;float: left;font-size:16px;}
.activity_venues table td div{height: 100%;width: 153.4px;}
.activity_venues table td.able {background: #fdf2eb; color:#666 }
.activity_venues table td.active {background: #29a291;color: #fff; }
.activity_venues table td.over {background-color: #c20a14; color:#fff }
.activity_venues table td.over b{font-weight:normal;font-size:16px;}

.index_link{ position:relative; width:1230px;}
.index_link ul li{ float:left; width:220px; height:60px; margin:0 25px 20px 0}
.index_link ul li img{width:220px; height:60px}


.user_collection{ position:relative; padding:40px 0 0 0 }
.user_collection ul li{ background:#fff;  overflow:hidden; position:relative; border-bottom:1px solid #eee; margin-bottom:20px; padding-bottom:20px}
.user_collection ul li.nm{ margin:0}
.user_collection ul li h2{ font-size:18px; font-weight:normal; line-height:26px; height:30px; overflow:hidden;  }
.user_collection ul li .time{ color:#999; font-size:14px; padding:8px 0 10px}
.user_collection ul li img{ width:238px; height:140px; float:left; margin-right:20px}
.user_collection ul li p{ float:left}
.user_collection ul li span{ color:#888; line-height:22px; overflow:hidden; font-size:14px; }
.user_collection ul li .cancel_collection{ display:none}
.user_collection ul li:hover .cancel_collection{ display: block; position:absolute;right:0px; top:0px; background:#b92121; padding:5px 10px; color:#fff; font-size:14p; border-radius:3px}
.user_collection ul li:hover .cancel_collection i{ padding-right:5px}


.show_box{background: #fff;overflow:hidden; margin:50px auto 50px; border-radius:3px;box-shadow: 0px 0px 20px rgba(0,0,0,0.08);}
.show_box .info img{ float:left; width:500px; height:295px;}
.show_box .info .r{ float:right; width:630px;}
.show_box .info .r h1{ font-size:22px; font-weight:normal; padding:0px 0px 15px}
.show_box .info .r p{ font-size:14px; line-height:24px; padding-bottom:30px; color:#666}
.show_box .info .r .txt{ font-size:14px; line-height:30px;  color:#333}
.show_box .info .r .txt i{ width:15px; padding-right:5px; color:#999; text-align:center}
.show_box .info .r .txt .btn_map{ border:#016dc5 solid 1px; border-radius:3px; padding:2px 8px; margin-left:20px; color:#016dc5}
.show_box .info .r .txt span{ background:#fdf2eb;color: #f00; padding:4px 10px}
.show_box .info .r .txt b{border:#999 solid 1px; border-radius:3px; padding:2px 8px; margin-right:10px; font-weight:normal}
.show_box .info .r .txt em{ color:#ff0000}
.show_box .info .r .t{ font-size:14px; color:#666;}
.show_box .info .r .t i{ padding-right:5px}
.show_box .info .r .t .btn{ background:linear-gradient(to right,#029193,#8CC0C1); padding:8px 30px; font-size:18px; color:#fff; border-radius:3px; margin-right:20px}
.show_box .info .r .t .btn:hover{ background:#ad0003}
.show_box .tt{ font-size:24px; border-bottom:#eee solid 1px; padding:15px 0 15px 30px}
.show_box .tt span{ font-size:18px; padding-left:5px}
.show_crumbs{  font-size:14px; color:#666; padding-bottom:15px}
.show_crumbs em{font-family: SimSun; padding:0 10px}
.show_crumbs a{ color:#666}
.show_crumbs a:hover {color:#3892ad;}
.show_crumbs i{ font-size:15px; padding-right:5px}

.show_tabs{}
.show_tabs .hd{  height:64px; width:100%; text-align:center;border-bottom:#e3e3e3 solid 1px;}
.show_tabs .hd ul li{ display:inline-block; line-height:64px; font-size:16px; color:#666; padding:0 60px; cursor:pointer; position:relative;border:#fff solid 1px; border-bottom:none}
.show_tabs .hd ul li.on{ color:#3892ad; border-left:#e3e3e3 solid 1px; border-right:#e3e3e3 solid 1px; border-top:#c20a14 solid 1px}
.show_tabs .hd ul li.on:before {content: '';display: block;position: absolute;left: 50%;margin-left: -23px;bottom: 14px;width: 46px;height: 2px;background: #FFFFFF;}


.best_title{ padding:60px 0 20px; overflow:hidden}
.best_title h2 {text-align: center; width: 340px; margin: 0 auto 10px}
.best_title .title-wrap {display: inline-block;height: 34px;padding: 0 15px;color: #222;line-height: 34px; font-size:28px; font-weight:normal; background:#fff; position:relative}
.best_title .title-wrap:before {position: absolute;content: ""; width:20px; background:linear-gradient(to right,#029193,#8CC0C1); height:1px; overflow:hidden;left:50%; margin-left:-10px; bottom:-20px}
.best_box{ margin:30px 0 0 0; overflow:hidden;border-left: 1px solid #dfdfdf;  }
.best_box ul{ position:relative; width:1280px;}
.best_box ul li{ float:left; width:340px; border-right:#dfdfdf solid 1px; padding:0 29px 40px}
.best_box ul li .img{ width:100%; height:200px; overflow:hidden; position:relative }
.best_box ul li .img img{ width:100%; height:200px; }
.best_box ul li .img span{ position:absolute;bottom:0;right:0; background:#000; background:rgba(0,0,0,.4); font-size:14px; color:#fff; padding:4px 12px}
.best_box ul li .t{ padding:20px 0px 0; overflow:hidden}
.best_box ul li .tp{ padding:20px 20px 0}
.best_box ul li .t20{ padding:20px }
.best_box ul li .t h4{ font-size:16px; font-weight:normal; height:21px; overflow:hidden; margin-bottom:15px}
.best_box ul li .t p{ font-size:14px; color:#666; line-height:26px; height:26px; overflow:hidden }
.best_box ul li .t .txt{ font-size:14px; color:#666; line-height:24px; margin:10px 0 0px; height:48px; overflow:hidden}
.best_box ul li .t .txt1{ font-size:14px; color:#666; line-height:24px; margin:10px 0 0; height:24px; overflow:hidden}
.best_box ul li .t .btn{ text-align:center;border:#dfdfdf solid 1px;  font-size:16px; color:#333; height:40px; line-height:40px; display:block; margin:20px 0 0 0;  }
.best_box ul li:hover img{transform: scale(1.05);}
.best_box ul li:hover .btn{border:#0270c5 solid 1px; background:#0270c5; color:#fff}

.user_nav{ background:#f0f0f0; height:70px; width:100%; text-align:center}
.user_nav ul li{ display:inline-block; line-height:70px; font-size:16px; color:#666; margin:0 20px; cursor:pointer; position:relative; }
.user_nav ul li.on a{ color:#3892ad}
.user_nav em{ display:inline-block; color:#999; vertical-align:middle; height:50px; line-height:43px}

.user_tabs_show{overflow:hidden;margin:40px 0 50px 0}
.user_tabs_show .hd{  height:50px; width:100%; text-align:left;border-bottom:#e3e3e3 solid 1px; position:relative}
.user_tabs_show .hd ul li{ display:inline-block; line-height:50px; font-size:16px; color:#666; padding:0 60px; cursor:pointer; position:relative;border:#fff solid 1px; border-bottom:none}
.user_tabs_show .hd ul li.on{ color:#3892ad; border-left:#e3e3e3 solid 1px; border-right:#e3e3e3 solid 1px; border-top:#c20a14 solid 1px}
.user_tabs_show .hd .establish{ position:absolute;right:0;top:0; font-size:16px; line-height:50px}
.user_tabs_show .hd .establish i{ font-size:16px; padding-right:3px}
.user_tabs_show .bd{ overflow:hidden;border:#e3e3e3 solid 1px;border-top:none;}
.user_tabs_show .show{ padding:20px; font-size:14px; line-height:26px}

.user_news ul li{  padding:20px;border-bottom:#eee solid 1px;}
.user_news ul li .time{ color:#999; padding-bottom:5px}
.user_news ul li .box{  padding:10px 0 0}
.user_news ul li .box .t{ font-size:16px;}
.user_news ul li .box p{ font-size:14px; line-height:26px; color:#333}
.user_news ul li:last-child{ border:none}

.ruleTip{ padding:0px }
.ruleTip table {table-layout: fixed;width: 100%;}
.ruleTip table tr {height: 40px;width: 100%;background-color: #f1f1f1;vertical-align: middle;text-align: center;}
.ruleTip table tr td {-webkit-box-sizing: border-box;box-sizing: border-box;height: 40px;text-align: left;vertical-align: middle;padding-left: 10px;}
.ruleTip .td-bg {background-color: #f9f9f9!important;}

.heritage_show{overflow:hidden; margin:0px 0 10px; padding:30px 0; border-top:#eee solid 1px; background:#f9f9f9}
.heritage_show .info img{ float:left; width:340px; }
.heritage_show .info .r{ float:left; width:820px; margin-left:40px}
.heritage_show .info .r h1{ font-size:24px; font-weight:normal; padding:10px 0px 20px}
.heritage_show .info .r .txt{ font-size:14px; line-height:26px; color:#666}

.heritage_nav{ margin:25px 0 0; text-align:center}
.heritage_nav ul{position:relative; width:1220px}
.heritage_nav ul li{ float:left; width:285px; background:#8dc153; margin-right:20px; position:relative;-webkit-transition: all 1.3s; -moz-transition: all 1.3s; transition: all 1.3s; transition: all 1.3s;}
.heritage_nav ul li a{ font-size:16px;padding:20px 0; position:relative; color:#fff; display:block}
.heritage_nav ul li i{ font-size:26px;}
.heritage_nav ul li p{ padding:5px 0 0 0}
.heritage_nav ul li.on{ background:#016dc5 !important; color:#fff}
.heritage_nav ul li.on a{ color:#fff}
.heritage_nav ul li.on:before {display: block;content: "";border-top: 10px solid #016dc5;border-right: 10px solid transparent;border-bottom: 10px solid transparent;border-left: 10px solid transparent;position: absolute;
bottom: -20px;left: 50%;transform: translateX(-50%);z-index: 80;}

.readers_nav{ margin:30px 0 0px; }
.readers_nav ul{ position:relative; width:1220px}
.readers_nav ul li{ float:left; width:149px; background:#8dc153; text-align:center; margin-right:1px; position:relative;-webkit-transition: all 1.3s; -moz-transition: all 1.3s; transition: all 1.3s; transition: all 1.3s;}
.readers_nav ul li a{ color:#fff; font-size:16px; display:block; padding:30px 0 30px;}
.readers_nav ul li i{ font-size:30px; margin:50px 0 0;}
.readers_nav ul li p{ padding:5px 0 0 0}
.readers_nav ul li.on{ background:#016dc5 !important; color:#fff}
.readers_nav ul li.on a{ color:#fff}
.readers_nav ul li.on:before {display: block;content: "";border-top: 10px solid #016dc5;border-right: 10px solid transparent;border-bottom: 10px solid transparent;border-left: 10px solid transparent;position: absolute;
bottom: -20px;left: 50%;transform: translateX(-50%);z-index: 80;}
.readers_nav ul li:hover{  transform:rotateY(360deg); -webkit-transform:rotateY(360deg); -moz-transform:rotateY(360deg);}

.resources{overflow:hidden; padding:30px 0 0 0}
.resources ul{ position:relative; width:1220px}
.resources ul li{ float:left; width:285px; margin:0 20px 30px 0}
.resources ul li .img{width:285px; height:180px; overflow:hidden}
.resources ul li .img img{ width:285px; height:180x;}
.resources ul li:hover img{transform: scale(1.05);}
.resources ul li .t{border:#eee solid 1px; text-align:center;border-bottom:#cbe8f2 solid 3px; border-top:none; padding:15px 0}
.resources ul li .t h3{ font-weight:normal}

.library_sz ul{ width:1230px; position:relative; padding:30px 0 40px 0; overflow:hidden}
.library_sz ul li{ background:#f2f2f2; float:left; width:386px;  margin:10px 21px 10px 0; text-align:center;-webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; transition: all 0.5s;}
.library_sz ul li:hover{background:linear-gradient(to right,#029193,#8CC0C1);}
.library_sz ul li a:hover{  color:#fff}
.library_sz ul li a{ font-size:16px; display:block; padding:15px 0}

.tour_pic{ width:500px; float:left}
.tour_pic .focus_pic{overflow:hidden; }
.tour_pic .focus_pic li{vertical-align:top; text-align:center}
.tour_pic .focus_pic li .info{ text-align:left; font-size:14px; color:#444}
.tour_pic .focus_pic li .info h3{ font-size:18px; color:#333; padding:10px 0 5px}
.tour_pic .focus_pic img{display:inline-block;vertical-align:top; background:url(../images/loading.gif) center center no-repeat; width:500px; height:295px}
.tour_pic .focus_nav{width:100%; margin-top:10px ; overflow:hidden }
.tour_pic .focus_nav .tempWrap{ float:left; width:460px }
.tour_pic .focus_nav li{position:relative;float:left;display:inline;margin:0 5px; cursor:pointer;}
.tour_pic .focus_nav .navPrev,.tour_pic .focus_nav .navNext{width:25px;height:47px;overflow:hidden; float:left; text-align: center; line-height:47px; background:#eee;font-family:SimSun;font-size:20px; line-height:47px;color:#666}
.tour_pic .focus_nav ul li img{width:80px;height:47px}

.brand_audio{ padding:30px 0 0 0}
.brand_audio ul{ position:relative; width:1230px}
.brand_audio ul li{ text-align:center; width:384px; float:left; border:#dfdfdf solid 1px; padding:20px 0; margin:0 21px 20px 0}
.brand_audio ul li p{ font-size:14px; margin-bottom:10px; font-size:14px; height:24px; line-height:24px; overflow:hidden}


.heritageMap_h5{ background:#fff}
.heritageMap_h5_info{ background:#fff; overflow:hidden}
.heritageMap_h5_info h3{ border-top:#eee solid 1px; border-bottom:#eee solid 1px; padding:4vw 5vw; font-size:5vw; font-weight:normal; position:relative}
.heritageMap_h5_info ul{ position:relative;}
.heritageMap_h5_info ul li{ text-align:center; border-bottom:#f1f1f1 solid 1px; padding:5vw 0 ; font-size:3.6vw; color:#666; width:50%; float:left;border-right:#f1f1f1 solid 1px;box-sizing: border-box;}
.heritageMap_h5_info ul li h4{ color:#ff0000; padding-bottom:1vw; font-size:5vw; font-weight:normal}
.heritageMap_h5_info ul li:nth-child(2n){ border-right:none}


.brand_show_pic{ padding:30px 0px 10px; overflow:hidden}
.brand_show_pic ul{ position:relative; width:1270px}
.brand_show_pic ul li{ float:left; width:390px; margin:0 15px 20px 0; overflow:hidden; position: relative}
.brand_show_pic ul li img{ height:230px; cursor:pointer; width:390px}
.brand_show_pic ul li h4{ font-size: 16px;font-weight: normal;height: 21px;overflow: hidden;margin: 10px 0 15px; color:#333; text-align:center}
.brand_show_pic ul li p{ background:#000; background:rgba(0,0,0,.4); position:absolute; left:0; bottom:0; font-size:16px; color:#fff; width:100%; text-align:center; height:40px; line-height:40px; overflow:hidden}


/*文化日历*/
.indexcalendar {width: 100%;height: 452px;overflow: hidden;box-shadow: 0 0 30px rgba(0,0,0,0.15);}
.calendarLeft {display: block;width: 278px;height: 100%;background: url(../images/calendar_left.jpg) no-repeat #fff;background-size: 100% 100%; position:relative}
.calendarMid {width: 480px;height: 100%;background: #fff;}
.calendarRight {width: 441px;background: #fff;height: 452px;border-left:#eee solid 1px; background:#fefefe}
.calendarRight_tit {height: 84px;padding:0 20px;border-bottom: 1px solid #eee;overflow: hidden;}
.calendarRight_tit h3 { font-size:18px; font-weight:normal;color: #333; padding:20px 0 5px}
.calendarRight_tit p {display: block;color: #666; font-size:12px}
.picScroll {margin: 0px 0px 0 15px;position: relative; height:245px }
.picScroll ul li {zoom: 1;padding:15px 20px 0 0; clear:both; display:block}
.picScroll ul li .pic {width: 80px;height: 80px;float: left;border-radius: 50%;margin-right:15px; overflow:hidden; position:relative}
.picScroll ul li .pic img {width:136px;height: 80px; position:absolute;left:50%;top:0; margin-left:-68px}
.picScroll ul li h3 { font-weight:normal; font-size:16px; height:22px; overflow:hidden; line-height:22px; margin:3px 0;white-space: nowrap; text-overflow: ellipsis;}
.picScroll ul li p { color:#666; margin:5px 0 0 0; height:18px; overflow:hidden;white-space: nowrap; text-overflow: ellipsis; font-size:12px}
.picScroll .noactivity{display: block;text-align: center;padding-top: 40px;}
.picScroll .noactivity p{ color:20px; padding-top:20px}
#demo {width: 480px !important;border-top: 85px solid #c20a14 !important;box-sizing: border-box !important;padding: 10px 20px !important;background: #fff;}
.sc-mleft{background: url(../images/arrowleft.png) center top no-repeat !important;}
.sc-mright {background: url(../images/arrowright.png) center top no-repeat !important;}
.sc-selected{ background:#ddd  !important; }
.sc-selected .day{ color:#333 !important}
.sc-selected .lunar-day{ color:#666 !important}
.sc-active-day{ color:#666}
.sc-today{background:linear-gradient(to right,#029193,#8CC0C1)  !important;}
.sc-today .lunar-day{color:#fff !important}
.onedaybox{padding:18px 18px 18px 13px;overflow:hidden;position:relative;}
.onedaybox:before{display:block;content:"";width:29px;height:103px;background:url(../images/onedaytitle.png) left center no-repeat;position:absolute;left:16px;top:10px;}
.onedaybox:after{display:block;content:"";width:38px;height:33px;background:url(../images/onedaybg.png) center no-repeat;position:absolute;right:15px;bottom:15px;}
.oneday_con{margin-left:27px;padding:20px;overflow:hidden;background:#f7f7f7;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;}
.oneday_con p{line-height:22px;height: 44px;color:#333;overflow: hidden;text-overflow: ellipsis;}

.forum_box{ margin:50px 0 50px 0; overflow:hidden;border-left: 1px solid #dfdfdf;  }
.forum_box ul{ position:relative; width:1280px;}
.forum_box ul li{ float:left; width:340px; border-right:#dfdfdf solid 1px; padding:29px 29px 0}
.forum_box ul li .img{ width:100%; height:200px; overflow:hidden; position:relative }
.forum_box ul li .img img{ width:100%; height:200px; }
.forum_box ul li .t{ padding:20px 0px 29px; overflow:hidden}
.forum_box ul li .t p{ font-size:14px;  line-height:30px; height:30px; overflow:hidden }
.forum_box ul li .t img{ width:30px; height:30px; border-radius:50%; float:left; margin-right:8px}
.forum_box ul li .t .btn{   color:#333; height:40px; line-height:40px; display:block; margin:20px 0 0 0;text-align:center;background:linear-gradient(to right,#029193,#8CC0C1);border:1px solid #fff;border-radius:5px;  }
.forum_box ul li .t .btn i{ font-size:16px;color:#fff;}
.forum_box ul li .h{ padding:10px 0px 10px; overflow:hidden}
.forum_box ul li .h h4{ font-size:18px; font-weight:normal; height:22px; overflow:hidden; margin-bottom:15px}
.forum_box ul li .h p{ font-size:14px; color:#999; line-height:30px; height:30px; overflow:hidden }
.forum_box ul li:hover{ background:linear-gradient(to right,#029193,#8CC0C1)}
.forum_box ul li:hover .img img{transform: scale(1.05);}
.forum_box ul li:hover .t p,.forum_box ul li:hover .h h4,.forum_box ul li:hover .h p{ color:#fff}
.forum_box ul li:hover .btn i{ color:#fff; }

.forum_show .teachers{ overflow:hidden; margin:30px 40px}
.forum_show .teachers img{ float:left; width:300px; height:300px;}
.forum_show .teachers_info{ width:790px; float:right; font-size:14px; line-height:26px}
.forum_show .teachers_info h5{ color:#ad3333; font-size:20px; padding-bottom:10px}
.forum_show .teachers_info .btn{ margin:20px 0 0; clear:both; display:block }
.forum_show .teachers_info .btn a{ border:#c20a14 solid 1px; border-radius:3px; padding:8px 30px; display: inline-block; color:#3892ad}
.forum_show .teachers_info .btn i{ font-size:14px; padding-left:5px}
.forum_show_zj{ padding:20px 40px;}
.forum_show_zj ul li{ line-height:54px; font-size:14px; border-bottom:#f1f1f1 solid 1px; display:block}
.forum_show_zj ul li a{ display:block;-webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; transition: all 0.5s;}
.forum_show_zj ul li a:hover{ background:#f5f5f5; padding:0 20px}
.forum_show_zj ul li i{ float:right; color:#ccc}
.forum_show_zj ul li a:hover i{ color:#3892ad}

.forum_video{ overflow:hidden; margin-bottom:0px;}
.forum_video .crumbs{ color:#fff}
.forum_video .crumbs a{ color:#fff}
.forum_video .play_left{ width:850px; height:478px; float:left; position:relative}
.forum_video .play_left .video_btn_s{ position:absolute;right:0;top:50%; width:26px; height:64px; text-align:center; background:#26292c; border:#26292c solid 1px; border-right:none;border-radius:3px 0 0 3px; margin-top:-32px; cursor:pointer}
.forum_video .play_left .video_btn_s i{font-size:24px; color:#fff; line-height:60px }
.forum_video .play_left_ju{ width:1160px; height:653px;}
.forum_video .play_right{ float:right; background:#26292c; height:478px; width:310px;}
.forum_video .play_right ul{ height:450px; overflow-x: hidden; padding:15px 0}
.forum_video .play_right ul::-webkit-scrollbar{width: 5px;height:10px;}
.forum_video .play_right ul::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 2px #26292c;border-radius: 0px;background:#26292c;}
.forum_video .play_right ul::-webkit-scrollbar-thumb{border-radius: 5px;-webkit-box-shadow: inset 0 0 2px #4e5a5e;background:#4e5a5e;}
.forum_video .play_right ul::-webkit-scrollbar-thumb:hover{border-radius: 5px;-webkit-box-shadow: inset 0 0 2px #4e5a5e;background:#4e5a5e;}
.forum_video .play_right ul li{ color:#a8a9ab; padding:0 20px; font-size:14px;  position:relative;line-height:36px; height:36px; overflow:hidden}
.forum_video .play_right ul li a{ color:#a8a9ab;}
.forum_video .play_right ul li a:hover{ color:#fff}
.forum_video .play_right ul li a i{ padding-right:5px; font-size:14px}
.forum_video .play_right ul li .rt{ position:absolute;right:10px; background:#4e5053; color:#fff; height:20px; line-height:19px; font-size:12px; padding:0 5px;top:7px; border-radius:3px}
.forum_video .play_right ul li a.on{ color:#ff0000}
.teacher_show {overflow: hidden;padding:10px 0;border-top: #eee solid 1px;background: #f9f9f9;}
.user_forum{ padding:40px 0; overflow:hidden}
.user_forum .tt{color: #c20a14;border-left: #e3e3e3 solid 1px;border-right: #e3e3e3 solid 1px;border-top: #c20a14 solid 1px;display: inline-block;line-height: 50px;font-size: 16px;padding: 0 60px;}
.user_forum ul{border:#e3e3e3 solid 1px;border-top:none; overflow:hidden}
.user_forum ul li{ line-height:56px;border-top:#e3e3e3 solid 1px; clear:both; display:block; overflow:hidden; font-size:14px}
.user_forum .t1{ width:600px; float:left; padding-left:20px}
.user_forum .t2{ width:320px; float:left; color:#666}
.user_forum .t3{ width:150px; float:left; color:#666}
.user_forum .t4{ width:100px; float:left; text-align:center;}
.user_forum .t4 i{ font-size:14px; padding-right:5px}
.user_forum .t4 a{color:#3892ad}

.user_team{ margin:20px 20px; overflow:hidden; padding:10px 0 0 0 }
.user_team ul li{ clear:both; display:block; overflow:hidden; padding-bottom:20px; border-bottom:#eee solid 1px; margin-bottom:20px; position:relative }
.user_team ul li .img{ width:285px; height:168px; overflow:hidden; position:relative; float:left }
.user_team ul li .img img{ width:285px; height:168px; }
.user_team ul li .t{ padding:0px 0 0px 20px; overflow:hidden; float:left; width:850px}
.user_team ul li .t h3{ font-size:16px; font-weight:normal; height:50px; overflow:hidden; line-height:25px}
.user_team ul li .t h4{ font-size:16px; font-weight:normal; height:25px; overflow:hidden; line-height:25px}
.user_team ul li .t p{ font-size:14px; color:#666; line-height:30px; padding:5px 0 10px}
.user_team ul li .t .edit{ text-align:center;background:#fff;  border-radius:3px; font-size:14px; color:#3892ad; height:32px; line-height:32px; float:left; padding:0 20px;border:#c20a14 solid 1px }
.user_team ul li .sign_out{   float:left; margin-left:15px}
.user_team ul li .sign_out a{text-align:center;background:linear-gradient(to right,#029193,#8CC0C1);  border-radius:3px; font-size:14px; color:#fff; height:32px; line-height:32px;padding:0 20px;border:#c20a14 solid 1px; display:block }
.user_team ul li:hover img{transform: scale(1.05);}
.user_team ul li:last-child{border-bottom:none; padding-bottom:0}

.layui-form-label span {color: #ff0000;padding-right: 5px;}
/*攻略*/
.strategy{ padding:50px 0 0 }
.strategy .title{ font-size:24px;}
.strategy .box{ position:relative; margin-bottom:32px; padding:0 0 32px 68px;border-bottom:#f0f0f0 solid 1px}
.strategy .box_content{border: 3px solid #f0f0f0; position:relative}
.strategy .box_textarea{ margin:12px; height:104px}
.strategy .box_text{height: 100%;width: 100%;display: block;border: none;font-size: 14px;line-height: 24px;color: #4b4b4b;}
.strategy .box_info{overflow: hidden;padding: 14px 12px;border-top: 1px solid #eee;height: 34px;line-height: 34px;}
.strategy .box_commentBtn{background-color: #b92121;float: right;width: 100px;color: #fff;text-align: center;font-size: 14px;border-radius: 17px;cursor: pointer;border:none; height:34px; line-height:34px}
.strategy .box_login{ float:left}
.strategy .box_login em{ padding:0 10px; color:#999}
.strategy .portrait{ display:block; position:absolute;left:0;top:0; width:50px; height:50px; border-radius:50%; overflow:hidden}
.strategy .portrait img{ width:50px; height:50px}
.strategy .comment_t h3{ font-size:18px; color:#333; font-weight:normal; padding-bottom:6px; position:relative}
.strategy .comment_t h3 span{ font-size:14px; padding-left:20px}
.strategy .comment_t h3 span a{ color:#fff; background:linear-gradient(to right,#029193,#8CC0C1); padding:3px 10px; border-radius:3px}
.strategy .comment_user{ height:32px; line-height:32px; color:#379be9;}
.strategy .comment_user span{ color:#999; padding-left:12px; font-weight:normal}
.strategy .comment_content{ margin-top:2px; font-size:14px; color:#4b4b4b; line-height:24px;}
.strategy .strategy_pic{ margin-top:10px; overflow:hidden}
.strategy .strategy_pic ul{ position:relative; width:1150px}
.strategy .strategy_pic ul li{ float:left; margin-right:10px}
.strategy .strategy_pic ul li img{ width:180px; height:135px;}
.news_show .strategy_box{ background:#f7f7f7;padding: 13px 15px; font-size:14px; margin-top:20px }
.news_show .strategy_box em{ color:#c90; padding-right:20px}
.news_show .strategy_show{ padding:0px 0 0 0}
.news_show .strategy_show h5{ font-size:18px; padding:40px 0 20px}
.news_show .strategy_show h5 i{ background:#3cc; width:30px; height:30px; text-align:center; line-height:30px; color:#fff; border-radius:50%; margin-right:10px; float:left; font-size:16px}
.news_show .strategy_show p{ font-size:14px; line-height:26px}
.news_show .strategy_show .hr{ height:4px; background:#666; overflow:hidden; margin:40px 0 20px}


.list_pdf{ margin:50px 0 0 0; }
.list_pdf ul{ position:relative; width:1221px;}
.list_pdf ul li{ float:left; width:590px; background:#fff; margin:0 20px 40px 0;box-shadow: 0 0px 10px rgba(229,227,228,.75);}
.list_pdf ul li .img{ width:590px; height:197px; overflow:hidden; position:relative }
.list_pdf ul li .img img{ width:590px; height:197px; }
.list_pdf ul li .img span{ position:absolute;bottom:0;right:0; background:#000; background:rgba(0,0,0,.4); font-size:14px; color:#fff; padding:4px 12px}
.list_pdf ul li .t{ padding:15px 20px 20px 0; overflow:hidden}
.list_pdf ul li .t h4{ font-size:16px; font-weight:normal; height:21px; overflow:hidden}
.list_pdf ul li .t p{ font-size:14px; color:#666; line-height:24px; padding:10px 0 0px; height:48px; overflow:hidden}
.list_pdf ul li:hover img{transform: scale(1.05);}
/*pdf*/
.wowbook-lightbox-on{ overflow:hidden}
.wowbook-lightbox > .wowbook-close {background: transparent !important;border: none !important;color: #222 !important;font-size: 2.5em;}
.wowbook-lightbox > .wowbook-close:hover {background: #444 !important;color: white !important;border-radius: 3px;}
.lightbox-images1 .wowbook-book-container {background: #ffffff; /* Old browsers */background: -moz-radial-gradient(center, ellipse cover, #ffffff 0%, #6d6b92 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, #ffffff 0%,#6d6b92 100%); /* Chrome10-25,Safari5.1-6 */background: radial-gradient(ellipse at center, #ffffff 0%,#6d6b92 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}
.lightbox-images1 > .wowbook-close,.lightbox-images2 > .wowbook-close {color: #ccc !important;}
.lightbox-images2 .wowbook-book-container {background: #ffffff; /* Old browsers */background: -moz-radial-gradient(center, ellipse cover, #ffffff 0%, #1E2831 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, #ffffff 0%,#1E2831 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, #ffffff 0%,#1E2831 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}
.wowbook-lightbox .wowbook-book-container {background: #e5e5e5 -moz-radial-gradient(center, ellipse cover, #ffffff 20%, #bbbbbb 100%); /* FF3.6-15 */
background: #e5e5e5 -webkit-radial-gradient(center, ellipse cover, #ffffff 20%,#bbbbbb 100%); /* Chrome10-25,Safari5.1-6 */
background: #e5e5e5 radial-gradient(ellipse at center, #ffffff 20%,#bbbbbb 100%); /* W3C, IE10+, FF16+, Chrome26+,Opera12+, Safari7+*/}

.heritageMap{ background:url(../images/heritageMap.jpg) no-repeat top center #bc2026; height:800px;margin-top:50px;overflow:hidden;cursor:pointer}
.heritageMap img{ width:100%}
.heritage_map1{ background:#c9000f; overflow:hidden; margin-bottom:50px}
.heritage_map1 h3{ border-bottom:rgba(255,255,255,.2) solid 1px; padding:15px 15px; font-size:30px; font-weight:normal; position:relative;color:#fff;text-align:center}
.heritage_map1 h3 a{ font-size:14px; float:right; background:#b92121; color:#fff; padding:2px 4px; border-radius:3px; position:absolute;right:15px}
.heritage_map1 ul{ position:relative; width:1210px}
.heritage_map1 ul li{ text-align:center; border-bottom:rgba(255,255,255,.2) solid 1px;border-right:rgba(255,255,255,.2) solid 1px; height:90px; padding:18px 0 0 0; font-size:16px; color:#fff; width:300px;float:left}
.heritage_map1 ul li h4{ color:#fff; padding-bottom:5px; font-size:30px; font-weight:normal}