@charset "utf-8";
/* 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;}
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:#016dc5;}
.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("fonts/BEBAS.svg#BEBAS") format("svg");
}

.head{ background:#016dc5; height:35px; line-height:34px; color:rgba(255,255,255,.7); }
.head em{color:#c6e5fe; padding:0 10px}
.head a{ color:rgba(255,255,255,.7);}
.head a:hover{color:#fff; text-decoration:underline}
.top{ position:absolute;top:0; z-index:100; width:100%}
.top .logo{ float:left; margin:18px 0 0 0}
.top .nav{ float:right; padding:40px 0 0 0}
.top .nav ul li{ float:left; padding-left:20px; font-size:15px;}
.top .nav ul li a{ color:#fff;text-shadow:1px 1px 1px rgba(0,0,0,.2);}
.top .search{ float:right; margin:30px 0 0 0; position:relative}
.top .search .search_input{ background:rgba(255,255,255,.8); border:none; height:45px; line-height:45px; float:left; width:400px; padding:0 20px; color:#016dc5; border-radius:25px}
.top .search .search_btn{width:60px;font-size:22px;border: none;text-align: center;height: 45px;line-height:45px;cursor: pointer;color: #016dc5;position: absolute;right: 0;background: none;}
.top .search1{  margin:50px auto 0; position:relative; width:640px;}
.top .search1 .search_input{ background:rgba(255,255,255,.8); border:none; height:45px; line-height:45px; float:left; width:600px; padding:0 20px; color:#016dc5; border-radius:25px}
.top .search1 .search_btn{width:60px;font-size:22px;border: none;text-align: center;height: 45px;line-height:45px;cursor: pointer;color: #016dc5;position: absolute;right: 0;background: none;}

.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; }
.index_title{ padding:50px 0 10px; overflow:hidden}
.index_title h2 { font-size:32px; font-weight:normal; color:#333; text-align:left; float:left}
.index_title h2 i{ font-size:32px; padding-right:10px; color:#006ec5}
.index_title .more{ float:right; font-size:14px; color:#666; padding-top:13px}
.index_title .more i{ padding-left:5px; font-size:16px}
.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}

.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:#b80201;  }


.index_news .right{ float:right; width:600px; margin-left:20px}
.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:#000}
.index_news .right ul li .time p{ font-size:40px; padding-bottom:12px; position:relative}
.index_news .right ul li .time p:after {content: "";position: absolute;height: 1px;width: 45px;background: #dddddd;left: 0;bottom:7px;right: 0;margin: auto;}
.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}


.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 .foot_wx{ right:0;top:-5px; overflow:hidden; position:absolute; text-align:center}
.foot .foot_wx ul li{ display:inline-block; margin:0 10px; }
.foot .foot_wx ul li img{ width:80px; height:80px; }
.foot .foot_wx ul li p{ color:#666; font-size:12px; line-height:20px }

/*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; float:right; width:1050px; border-bottom:#eee solid 1px; text-align:right}
.crumbs em{font-family: SimSun; padding:0 10px}
.crumbs a{ color:#666}
.crumbs a:hover {color:#016dc5;}
.crumbs i{ font-size:15px; padding-right:5px}
.list_nav{ margin:25px 0 5px; overflow:hidden; background:#f1f1f1}
.list_nav a{ font-size:14px; line-height:36px; float:left; padding:0 30px}
.list_nav a.on{ background:#016dc5; color:#fff}
.list_left{ width:840px; float:left;}
.list_right{ width:320px; float:right;}
#pages { margin:15px 0 60px; text-align: center; background:#f5f5f5; 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:#016dc5}
#pages span { display:inline-block; height:30px; line-height:30px; background:#016dc5; color:#fff; text-align:center;padding:0 12px; font-size:14px;margin:0 10px}
#topcontrol{position: fixed; bottom: 100px; right: 20px; cursor: pointer; display:none;}
.nreturn .ntel{ background-color: #aaa;color: #fff; height:40px;text-align: center;width: 40px; display:block; border-radius:50%}
.nreturn .ntel i{ font-size:26px; line-height:40px}

.list_banner{ width:100%;  position:relative;  height:350px; background:#ccc;  }
.show_banner{ width:100%;  position:relative;   background:#238ad7; overflow:hidden  }
.login_banner{ width:100%;  position:relative;  height:auto; background:#ccc; padding:0 0 150px 0; overflow:hidden  }

.news_list{ padding-top:20px; position:relative }
.news_list ul li{margin-bottom:30px; overflow:hidden; position:relative; border-bottom:#eee dashed 1px; padding-bottom:30px}
.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:8px 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:30px 0 80px; overflow:hidden}
.news_show .left_box h1{  font-size:24px}
.news_show .left_box .t{ font-size:14px; color:#666; padding:20px 0}
.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:#ddd 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}

.map{  position:relative; }
.map_bubble{ background:#fff;height:260px; position:absolute;left:300px;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;}

.map_right{background:rgba(1,109,197,.8); overflow:hidden; width:300px; height:100%; position:absolute;right:0;top:0}
.map_right .s{background:rgba(53,63,55,1); height:50px;}
.map_right ul{ padding:20px 0; height:760px}
.map_right ul li{ color:#fff; font-size:16px; margin:0 20px 15px ; display: inline-block; border-bottom:rgba(255,255,255,.2) solid 1px; padding-bottom:15px}
.map_right ul li a{ color:#fff; }
.map_right ul li p{font-size:14px; padding:5px 0 0 0}
.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}

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:#666}
.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: #379be9;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:#fff 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 1px; margin:30px 0 50px}
.page_show .txtcon{ padding:20px 30px 50px; line-height:26px}
.page_show .txtcon h1{ font-size:20px; font-weight:normal; border-bottom:#f1f1f1 solid 1px; padding-bottom:10px; margin-bottom:20px}
.page_show .txt{ font-size:14px; line-height:26px; color:#333}
/*video*/
.list_screen{background: #f5f5f5; overflow:hidden; padding:15px 0 ;margin: 25px 0 5px;}
.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:#016dc5; 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:30px 0 0 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:10px 0 0; height:48px; overflow:hidden}
.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;  }
.list_box ul li:hover{ background:#016dc5}
.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{ color:#fff}
.list_box ul li:hover .btn{ background:#fff; border:#fff solid 1px; color:#016dc5}
.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; }
.vidoe_show h1{ font-size:24px; font-weight:normal; padding:0px 0px 15px}
.vidoe_show .t{ font-size:14px; color:#666; padding-bottom:20px}
.vidoe_show .t span{ background:#bc0003; color:#fff; padding:3px 10px; border-radius:5px; margin-left:20px}
.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:24px; 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}
.team_show ul li{ font-size:14px; line-height:26px; clear:both; display:block; padding-bottom:40px; overflow:hidden}
.team_show ul li h3{ font-size:18px; text-align:center; font-weight:normal}
.team_show ul li h5{ font-size:12px; text-align:center; 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_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}
.heritageMap_left{ width:297px; float:left; height:800px; border-right:#e6e6e6 solid 1px;}
.heritageMap_right{ width:900px; float:left}
.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:30px 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:26px; padding:10px 0 0px; height:26px; 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}
.user_head .user_portrait{ padding:120px 0 0 0}
.user_head .user_portrait img{ width:80px; height:80px; border-radius:50%; border:#fff solid 2px }
.user_head .btn{ padding:30px 0 50px 0 }
.user_head .btn a{ background:rgba(255,255,255,.2); padding:6px 15px; margin:0 5px; border-radius:3px; font-size:14px; color:#fff}
.user_head .btn i{ padding-right:5px}

.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_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{ width:930px; background:#fff;  float:right;box-shadow: 0 1px 4px #dddddd;}
.user_right .txtcon{ line-height:26px}
.user_right .txtcon h1{ font-size:20px; font-weight:normal; border-bottom:#eee solid 1px; padding:15px 20px 15px 35px; position:relative}
.user_right .txtcon h1:before {content: "";display: inline-block;position: absolute;left: 20px;top: 20px;width: 4px;height:18px; background:#fc4a4a}
.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 20px; overflow:hidden }
.user_right .user_box ul li{ clear:both; display:block; overflow:hidden; padding-bottom:20px; border-bottom:#eee solid 1px; margin-bottom:20px }
.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:580px}
.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:40px 0 0; 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:#016dc5; font-size:16px; color:#fff; padding:10px 50px; border:none; border-radius:3px; cursor:pointer}
.user_comment{margin:0px 30px 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}
/*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:#333}
.reg .t a{ color:#1E9FFF}
.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: #0270c5;color: #fff;font-size: 18px;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:18px;}
.activity_venues table td div{height: 100%;width: 153.4px;}
.activity_venues table td.able {background: #a0d468; color:#fff }
.activity_venues table td.active {background: #29a291;color: #fff; }
.activity_venues table td.over {background-color: #ff9142; 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:100px auto 40px; border-radius:3px}
.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:24px; font-weight:normal; padding:0px 0px 20px}
.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:#bc0003; 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:#016dc5;}
.show_crumbs i{ font-size:15px; padding-right:5px}

.show_tabs{}
.show_tabs .hd{ background:#3893d7; height:64px; width:100%; text-align:center}
.show_tabs .hd ul li{ display:inline-block; line-height:64px; font-size:16px; color:#fff; margin:0 60px; cursor:pointer; position:relative; color:rgba(255,255,255,.6)}
.show_tabs .hd ul li.on{ color:#fff}
.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 {height: 18px;border-bottom: 1px solid #ddd;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:30px; font-weight:normal; background:#fff}
.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 0}
.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 0; height:72px; 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:#3893d7; height:54px; width:100%; text-align:center}
.user_nav ul li{ display:inline-block; line-height:54px; font-size:16px; color:#fff; margin:0 30px; cursor:pointer; position:relative; }
.user_nav ul li.on a{ color:#fff}
.user_nav ul li.on:before {content: '';display: block;position: absolute;left: 50%;margin-left: -10px;bottom:8px;width: 20px;height: 2px;background: #fff;}
.user_nav ul li a{color:rgba(255,255,255,.6)}

.user_tabs_show{overflow:hidden; border:#eee solid 1px; margin:40px 0 0 0}
.user_tabs_show .hd{border-bottom:#eee  solid 1px; overflow:hidden;text-align:center; background:#f9f9f9}
.user_tabs_show .hd ul li{ display:inline-block; font-size:16px; margin:0 30px 0 30px; color:#666; cursor:pointer; padding:15px 0}
.user_tabs_show .hd ul li.on{ color:#016dc5;border-bottom:#016dc5 solid 2px; }
.user_tabs_show .bd{ overflow:hidden}
.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}

.ruleTip{ padding:20px }
.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:20px 0 10px; padding:29px; border:#dfdfdf solid 0px; background:#f5f5f5}
.heritage_show .info img{ float:left; width:340px; }
.heritage_show .info .r{ float:left; width:610px; 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}
.library_sz ul li{ background:#f2f2f2; float:left; width:386px;  margin:10px 21px 10px 0; text-align:center;-webkit-transition: all 1.3s; -moz-transition: all 1.3s; transition: all 1.3s; transition: all 1.3s;}
.library_sz ul li:hover{background:#016dc5;}
.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}

.video_time{line-height: 30px;background-color: #B72F33;position: absolute;top: 20px;right: 0;color: white;padding-left: 10px;border-top-left-radius: 15px;border-bottom-left-radius: 15px;}