@charset "utf-8";

/* ================================== 【官方网站】技术支持：凡高科技——银灵子==================================== */
body{  min-width: 1240px; margin:0 auto;}
body{  position: relative; background:url(../images/bg_body.jpg) center repeat #efefef;  }
.j_body{ position: relative;}
.main_box{ margin:0 auto; width:1200px; position:relative;}
.main_box_small{ margin:0 auto; width:1115px; position:relative;}
input{outline: none;}
.no_border{ border: none !important;}

/*===============================================header================================================*/

#header{ background: url(../images/bg_header.png) center top no-repeat; height:118px;   }
#header .main_box{ height: 118px; position:relative;}
 
#logo{ display:table; height:118px;   position:absolute; top: 0px; left:0px; z-index:3;}
#logo a { display:table-cell; vertical-align:middle;} 

/*=================导航=================*/
#nav { position:absolute; right:0; top:0; height: 118px; }
#nav ul{   }
#nav li{ display:block; float:left; width:106px; position: relative; z-index: 9; }
#nav li .a{ display: block; height: 63px; padding-top: 55px;  text-align:center; position:relative; background: url(../images/line_nav.png) left no-repeat; }
#nav li .a strong{ display:block;  position:relative; z-index: 3;}
#nav li .a img.default{ display: block; margin: 0 auto;}
#nav li .a img.hover{ display: block; opacity: 0; filter:alpha(opacity=0); margin: 0 auto;}
#nav li .a span{ position:absolute; top:0px; left:0; width:100%;text-align:center;}
#nav li .a i{ position: absolute; left: 0; top: 0; display:block; margin:0 auto;   z-index:1; height:118px; width:0; }
#nav .on .a{ background: url(../images/bg_nav_li.png) center top no-repeat;}
#nav li .a:hover{ background: url(../images/bg_nav_li.png) center top no-repeat;}
#nav li .a:hover img.default{ opacity: 0; filter:alpha(opacity=0);}
#nav li .a:hover img.hover{ opacity: 1; filter:alpha(opacity=100);}
#nav .on .a img.default{ opacity: 0; filter:alpha(opacity=0);}
#nav .on .a img.hover { opacity: 1; filter:alpha(opacity=100);}
#nav li .a.hover img.default{ opacity: 0; filter:alpha(opacity=0);}
#nav li .a.hover img.hover{ opacity: 1; filter:alpha(opacity=100);}

#nav  .list{ display:none; left:0px; top: 0px;position: absolute;width: 106px;padding-top: 118px; background: url(../images/bg_nav_li.png) center top no-repeat;}
#nav  .list .box{ padding:10px 0;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#D8543C31', endColorstr='#D8543C31');background:rgba(84,60,49,0.85); overflow:hidden; margin-bottom:-1px;}
#nav  .list a{ font-weight:normal; margin:0 10px; background:none; height:33px; color:#fff !important; border-bottom:1px solid #887569; text-align:center;  line-height:33px;  font-size:14px; display:block;  }
#nav  .list a:hover{ color:#af7e59 !important; }

 
 /*================= banne===================*/
#banner{ position:relative;width: 100%; height:600px; overflow:hidden;}
#banner .bd { position:relative;}
#banner .bd li{ position:relative; display:block; width:100%;  height:600px; }
#banner .bd a{ display:block; position:relative; height:600px;}

#banner .hd{ margin:0 auto;  margin-top:-50px; position:absolute; width:100%; top: 50%;z-index: 9;}
#banner .hd .box{margin: 0px auto; width:1200px; position:relative;}
#banner .hd ul{ position:absolute;  height:100px; right:0; background:url(../images/line_banner_nav.png) center 15px no-repeat; width:30px; }
#banner .hd ul li{ -moz-transition: all 0s ease-in-out 0s; -ms-transition: all 0s ease-in-out 0s; -o-transition: all 0s ease-in-out 0s; -webkit-transition: all 0s ease-in-out 0s;  transition: all 0s ease-in-out 0s;  display:block; width:30px; height:30px; padding-top:7px; cursor:pointer; }
#banner .hd li a{ border-radius:50%; vertical-align:middle; height:10px; width:10px; display:block; background:#fff; margin: 0px auto; }
#banner .hd li:hover{background:url(../images/icon_banner_on.png) center 0px no-repeat; }
#banner .hd .on{background:url(../images/icon_banner_on.png) center 0px no-repeat;}


#link_zg dd{ display:block; width:25%; background:#652023; float:left; }
#link_zg dd.li2,#link_zg dd.li2 .content,#link_zg dd.li4,#link_zg dd.li4 .content{ background:#735d4e;}
#link_zg dd a{ display:block; position:relative;}
#link_zg dd a .content{overflow:hidden; position:absolute; left:0; bottom:0; height:0; width:100%; background:#652023; }
#link_zg dd a .box{ padding:15px; }
#link_zg dd .pic_box{ width:270px; height:110px; overflow:hidden; margin-bottom:18px;}
#link_zg dd img.pic{ display:block; margin:0 auto; width:270px; height:110px; }
#link_zg dd h1{ display:block; text-align:center; font-size:16px; color:#fff; height:50px; line-height:50px;}
#link_zg dd h2{ display:block; text-align:center; font-size:16px; color:#fff;}
#link_zg dd span{ font-size:12px; text-align:center; display:block; color:#fff; padding-top:5px;}
#link_zg dd:hover .content{ height:205px;}

#s_main_box{ margin-top: -50px; position: relative;}

#s_module_box { padding:35px 0 35px 0; height:110px; overflow:hidden; position:relative;}
#s_module_box .dd{ float:left; border-right:1px solid #e0e1e3;  padding-right:50px; margin-right:53px;}

/*=============首页指南================*/
#s_zhinan.dd{width: 220px; padding-right: 13px; padding-top:20px; height:90px;}
#s_zhinan a{ display:block; padding: 0px 18px; line-height:35px;  float:left; font-size:14px; color:#5b5b5d; }
#s_zhinan a:hover{ color:#771f1e;}

/*=============首页联系================*/
#s_contact{ background:url(../images/icon_contact.png) left 9px no-repeat;}
#s_contact{ line-height:40px; font-size:14px; color:#5b5b5d; margin-top: -5px; padding-left:37px; width: 225px;}

/*=============首页新闻================*/
#s_news{ height:110px; position:relative;}
#s_news .bd{padding-top: 36px;}
#s_news ul{ padding-top:15px; }
#s_news li{ width:255px; position:relative;   padding-left:120px;   height:65px; display:block; overflow:hidden; }
#s_news li .pic_box{  position:absolute; left:0; top:3px; width:100px; background:#fff;  }
#s_news li .pic_box img{width:100px; height:65x; overflow:hidden;}
#s_news li .text_box{ position:relative;   }
#s_news li h1{ display:block; position:relative;}
#s_news li .text_box a{overflow:hidden; white-space: nowrap; overflow:hidden; text-overflow: ellipsis; text-align:center; color:#0d1324; font-size:14px; display:block; margin-bottom:5px;  }
#s_news li .text_box a:hover{ color:#771f1e;}
#s_news li p{ white-space: nowrap; overflow:hidden; text-overflow: ellipsis; text-align:center; color:#a8a9a9; font-size:12px; display:block; }
#s_news .more{ display:block; position:absolute; right:48px; top: 0px; color:#692327; font-size:12px;}
#s_news .more:hover{ text-decoration:underline;}
#s_news .hd a{ position:absolute; top: 87px; left:120px; display:block; width:15px; height:15px;}
#s_news .hd a.prev{ background:url(../images/bnt_s_prev.jpg) left center no-repeat;}
#s_news .hd a.prev:hover{ background:url(../images/bnt_s_prev_on.jpg) left center no-repeat;}
#s_news .hd a.next{ left:140px; background:url(../images/bnt_s_next.jpg) left center no-repeat;}
#s_news .hd a.next:hover{ background:url(../images/bnt_s_next_on.jpg) left center no-repeat;}

/*=============二维码================*/
#s_ewm{ width:72px; padding-right:10px; text-align:center;  position:absolute; right:0; top: 33px;}
#s_ewm img{ display:block; width:75px;}
#s_ewm span{ font-size:12px; line-height:18px; color:#909192;}



/*=============footer================*/
#footer{ border-top:1px solid #dcdde0; height:70px; line-height:70px;}
#fot_copyright { text-align:center;  color:#a8a9a9;  font-size:12px; }
#fot_copyright a{ color:#a8a9a9;  }
#fot_copyright a:hover{ color:#fff;  }

 
/*==============================--内页开始==============================-*/
#n_main_box{ margin-bottom:60px; }
#n_right { float:right; width:930px; }
#n_content{ min-height:340px; padding:40px 0 0px; }

/*===================内页banner================*/
#n_banner{ display:block; width:100%; height:320px; position: relative; }
#n_banner .j_parallax {background-attachment: fixed; background-position: center 0px; background-repeat: no-repeat; position: relative;   height:320px;}

#n_title .main_box{ position:relative;}
#n_title{  position:relative; height:40px; padding-top:10px;  border-bottom:1px solid #d4d6d8;  }
#n_title h1{ line-height:40px; color:#353536; font-size:15px;}

/*===================面包屑导航================*/
#position{ position:absolute; right:0; bottom:0; line-height:40px; color:#9b9c9d; background:url(../images/icon_home.png) left center no-repeat; padding-left:18px;}
#position span,#n_title #position a,#position i{ font-size:12px; color:#9b9c9d;}
#position em{ font-size:12px; color:#771f1e; font-style:normal;}
#position a:hover{ color:#771f1e; text-decoration:underline;}

/*=============#n_left{=====================*/
#n_left{width:195px; position:relative; margin-top:-80px; float:left; }
#n_left.fix{ position:fixed; top:0; margin-top:0;}
#n_left .up{ background:url(../images/bg_left_title.png) center top no-repeat; padding:0px 30px; height: 80px; overflow: hidden;}
#n_left .up h1{ padding-top: 18px; }
#n_left .up strong{  display: block; font-size:18px; color:#fff; margin-bottom:3px; }
#n_left .up span{  display: block; padding:0 0 0px 0px;   font-size:12px; color:#fff;   }

#n_left .un{ margin-top:30px;}
#n_left .un a{ display:block; margin-bottom: 15px; position:relative; height:76px; width:195px;}  
#n_left .un a img{  height:76px; width:195px; }
#n_left .un a img:hover{ margin-top:-5px;}

/*==============内页导航=====================*/
#sub_nav dl{ margin-bottom:15px; padding-top:15px; padding-bottom: 5px; border-bottom: 2px solid #771f1e; display:block;   background:  #fff;   }
#sub_nav dt{ display:block; padding-bottom:10px; margin-bottom:10px; }
#sub_nav dt a{ line-height:40px;  font-size:14px; display:block; color:#353536;  }
#sub_nav dd { display:block; background:url(../images/icon_n_nav_li.png) 160px center no-repeat #fff;  }
#sub_nav dd .a{font-size:14px;  margin: 0 15px; padding: 0 10px;  height:44px; line-height:44px; border-bottom: 1px solid #e7e4e4;  display:block; color:#333333; }
#sub_nav dd .a.on_border { border: none !important;}
#sub_nav dl dd:hover{color:#fff; background:url(../images/icon_n_nav_li.png) 165px center no-repeat #8f776a;  }
#sub_nav dl dd:hover .a{ color: #fff; border-bottom: 1px solid #8f776a;}
#sub_nav dl dd.on{ color:#fff;  background:url(../images/icon_n_nav_li.png) 165px center no-repeat #8f776a;}
#sub_nav dl dd.on .a{ color: #fff; border-bottom: 1px solid #8f776a;}

/*==============场馆容貌=====================*/
#n_cgrm { overflow:hidden;}
#n_cgrm ul{ margin:-15px; }
#n_cgrm li{ width:290px; position:relative; display:block; overflow:hidden;  float:left; margin:15px; }
#n_cgrm li a{ display:block;}
#n_cgrm li .pic_box{ position:relative;  padding:8px; border:1px solid #e0e0e1; background:#fff;  }
#n_cgrm li .pic_box a{width:270px; height:190x; overflow:hidden;}
#n_cgrm li img{width:270px; height:190x; display:block;   }
#n_cgrm li .text_box{ position:relative; padding:20px; }
#n_cgrm li h1{ display:block; position:relative;}
#n_cgrm li h1 a{overflow:hidden; white-space: nowrap; overflow:hidden; text-overflow: ellipsis; text-align:center; color:#4f5052; font-size:14px; display:block;  }
#n_cgrm li i{ height:1px; width:0; display:block; position:absolute; left:0; bottom:0; background:#32465a;}
#n_cgrm li .p{ font-size:12px; line-height:22px; height:44px; overflow:hidden; margin-top:10px; color:#757576;}
#n_cgrm li span{ height:20px; line-height:20px; display:block; font-size:12px; color:#757576;  }
#n_cgrm li img:hover{  }
#n_cgrm li:hover i{ width:100%; }
#n_cgrm li:hover h1{ color:#32465a;}

/*===================================展览=========================================*/
.zl_title{ position:relative; height:20px; line-height:20px; margin-bottom:25px; }
.zl_title h1{ color:#771f1e; font-size:18px; display:block;}
.zl_title .more{ color:#989899; font-size:12px; position:absolute; right:0; top:0;}
.zl_title .more:hover{ color:#771f1e;}

/*==============常展馆=====================*/
#n_zlzt { margin-top:65px;}
#n_zlzt .slide{  position:relative; overflow:hidden;  background:#fff; height:470px; padding:10px; border:1px solid #dfdfe0;}
#n_zlzt .slide .bd{ position:relative;}
#n_zlzt .slide .bd .mark{ position:absolute; left:15px; top: -4px; z-index:999;}
#n_zlzt .slide .bd h1{    display:block;  height:105px; line-height:35px; font-size:18px;  color:#fff; overflow:hidden;}
#n_zlzt .slide .bd  h1:hover{ text-decoration:underline;  }
#n_zlzt .slide .bd li{ display:block; position:relative; }
#n_zlzt .slide .bd li a{ display:block;}
#n_zlzt .slide .bd li .fl{ position:relative; height:470px; width:900px; overflow:hidden;}
#n_zlzt .slide .bd li img{  height:470px; width:900px; display:block;}
#n_zlzt .slide .bd li .fr{ width:270px; background:#771f1e;height:470px; display:table; }
#n_zlzt .slide .bd li .fr .box{ padding:0 25px;   display: table-cell; vertical-align:middle; }
#n_zlzt .slide .bd li .fr p{ color:#c09897; line-height:27px; font-size:14px; padding-top:40px;}
#n_zlzt .slide .bd li .fr i{ display:block; background:url(../images/bnt_more_ztzl.png) right center no-repeat; width: 95%; height:10px; margin-top:60px;}
#n_zlzt .slide .bd li .fr i:hover{ width:100%;}

#n_zlzt .slide .prev{ position:absolute; left:0; top:50%; margin-top:-30px; z-index:9;}
#n_zlzt .slide .next{ position:absolute; right:0; top:50%; margin-top:-30px; z-index:9;}
#n_zlzt .slide .prev:hover,#n_zlzt .slide .next:hover{ background:#222; }

#n_zlzt .slide .hd{  position: absolute; width: 900px; height: 42px;  bottom:10px; left:10spx; padding-bottom:5px;   z-index: 999; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#7F000000', endColorstr='#7F000000');background:rgba(0,0,0,0.5);}
#n_zlzt .slide .hd ul{ display:inherit; text-align:center;}
#n_zlzt .slide .hd li{ cursor:pointer; display:inline-block; height:7px; width:25px; border:1px solid #787675; margin: 17px 3px 0 3px;  }
#n_zlzt .slide .hd .on{ background:#fff; border:1px solid #fff;  }
#n_zlzt .slide .hd li:hover{  background:#fff; border:1px solid #fff;  }

/*==============常设展览=====================*/
#n_zl_box{ margin-top:60px;}

#n_cszl{ width:865px; }
#n_cszl  { overflow:hidden;}
#n_cszl  ul{ margin:-23px; }
#n_cszl  li{ width: 405px; position:relative; display:block; margin:23px; overflow:hidden;  float:left;  }
#n_cszl  li a{ display:block;}
#n_cszl  li .pic_box{ position:relative;  padding:7px; border:1px solid #e0e0e1; background:#fff;  }
#n_cszl  li .pic_box a{width:390px; height:200px; overflow:hidden;}
#n_cszl  li img{width:390px; height:200px; display:block;   }
#n_cszl  li .text_box{ position:relative; padding:20px 0 0 0; }
#n_cszl  li h1{ display:block; position:relative; margin-bottom:10px;}
#n_cszl  li h1 a{ text-align:center; overflow:hidden; white-space: nowrap; overflow:hidden; text-overflow: ellipsis;  color:#2b2b2b; font-size:16px; display:block;  }
#n_cszl  li h1 a:hover{ color:#771f1e;}
#n_cszl  li i{ height:1px; width:0; display:block; position:absolute; left:0; bottom:0; background:#32465a;}
#n_cszl  li p{ font-size:12px; line-height:22px; text-align:center; height:44px; overflow:hidden; margin-top:10px; color:#878585;}
#n_cszl  li span{ height:20px; line-height:20px; display:block; font-size:12px; color:#808184;  }
#n_cszl  li span font{ color:#771f1e;}
#n_cszl  li img:hover{  }
#n_cszl  li:hover i{ width:100%; }
#n_cszl  li:hover h1{ color:#32465a;}

/*==============临览=====================*/
#n_linlan{ width:285px;}
#n_linlan ul{ margin-top:-10px; }
#n_linlan li{ display:block; border-bottom:1px solid #dcdcdc;}
#n_linlan li .pic_box{ display:none; position:relative;padding-top:10px;  height: 245px; }
#n_linlan li .pic_box a{ display:block;}
#n_linlan li .pic_box img{ height:140px; width:270px;   padding:5px; background:#fff; border:1px solid #e0e0e1;}
#n_linlan li .pic_box h1{ display:block; height:36px; line-height:36px;}
#n_linlan li .pic_box h1 strong{ display:block; font-size:14px; color:#343333; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}
#n_linlan li .pic_box p { color:#878585; font-size:12px; line-height:20px; height:40px; overflow:hidden;}
#n_linlan li .pic_box h1:hover strong{ color:#771f1e }
#n_linlan .text_box { position:relative;  line-height:46px; position:relative; }
#n_linlan .text_box { }
#n_linlan .text_box span{color:#a7a7aa; font-size:12px; position:absolute; right:0; top:0; }
#n_linlan .text_box  a{color:#343333;  font-size:14px; display:block; white-space: nowrap;overflow:hidden;text-overflow: ellipsis; }
#n_linlan .text_box a:hover{  color:#771f1e; }
#n_linlan li.on .pic_box{ display:block;}
#n_linlan li.on .text_box{ display:none;}

/*=================展览回顾==================*/
#n_zlhg{ margin-top:30px; padding:39px; border:1px solid #dbd9d9; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#0C000000', endColorstr='#0C000000');background:rgba(0,0,0,0.05);}
#n_zlhg  { overflow:hidden;}
#n_zlhg  ul{ margin:-12px -12px -24px -12px; overflow:hidden; }
#n_zlhg  li{ width: 262px; position:relative; display:block; margin:12px; overflow:hidden;  float:left;  }
#n_zlhg  li a{ display:block;}
#n_zlhg  li .pic_box{ position:relative;  padding:5px; border:1px solid #e0e0e1; background:#fff;  }
#n_zlhg  li .pic_box a{width:250px; height:130px; overflow:hidden;}
#n_zlhg  li img{width:250px; height:130px; display:block;   }
#n_zlhg  li .text_box{ position:relative; padding:20px 0 0 0; }
#n_zlhg  li h1{ display:block; position:relative; margin-bottom:10px;}
#n_zlhg  li h1 a{ text-align:center; overflow:hidden; white-space: nowrap; overflow:hidden; text-overflow: ellipsis;  color:#343333; font-size:14px; display:block;  }
#n_zlhg  li h1 a:hover{ color:#771f1e;}
#n_zlhg  li i{ height:1px; width:0; display:block; position:absolute; left:0; bottom:0; background:#32465a;}
#n_zlhg  li p{ font-size:12px; line-height:22px; text-align:center; height:44px; overflow:hidden; margin-top:10px; color:#878585;}
#n_zlhg  li span{ height:20px; line-height:20px; display:block; font-size:12px; color:#808184;  }
#n_zlhg  li span font{ color:#771f1e;}
#n_zlhg  li img:hover{  }
#n_zlhg  li:hover i{ width:100%; }
#n_zlhg  li:hover h1{ color:#32465a;}

/*==============常展馆=====================*/
#n_czg  { overflow:hidden;}
#n_czg  ul{ margin:-35px -21px; }
#n_czg  li{ width:282px; position:relative; display:block; overflow:hidden;  float:left; padding:35px 21px; border-bottom:1px solid #d9dadb; }
#n_czg  li a{ display:block;}
#n_czg  li .pic_box{ position:relative;  padding:5px; border:1px solid #e0e0e1; background:#fff;  }
#n_czg  li .pic_box a{width:270px; height:140x; overflow:hidden;}
#n_czg  li img{width:270px; height:140px; display:block;   }
#n_czg  li .text_box{ position:relative; padding:20px 0 0 0; }
#n_czg  li h1{ display:block; position:relative; margin-bottom:10px;}
#n_czg  li h1 a{overflow:hidden; white-space: nowrap; overflow:hidden; text-overflow: ellipsis;  color:#2b2b2b; font-size:16px; display:block;  }
#n_czg  li i{ height:1px; width:0; display:block; position:absolute; left:0; bottom:0; background:#32465a;}
#n_czg  li .p{ font-size:12px; line-height:22px; height:44px; overflow:hidden; margin-top:10px; color:#757576;}
#n_czg  li span{ height:20px; line-height:20px; display:block; font-size:12px; color:#808184;  }
#n_czg  li span font{ color:#771f1e;}
#n_czg  li img:hover{  }
#n_czg  li:hover i{ width:100%; }
#n_czg  li:hover h1{ color:#32465a;}

/*==============所获荣誉=====================*/
#n_honor {}
#n_honor ul{ background:url(../images/bg_line_dsj.png) 80px top repeat-y;}
#n_honor li{ position:relative; display:block; padding-left:100px; padding-bottom:50px; }
#n_honor li .text_box{ position:relative; padding:10px 0; font-size:12px; color:#9f9f9f; line-height:24px; }
#n_honor li h1{ display:block; position:absolute; font-size:30px; width:85px; color:#8e2026; display:block; height:30px; top:0; left:0;  background:url(../images/icon_dsj_li.png) right 10px no-repeat}
#n_honor li h2{  color:#4f5052; font-size:14px; display:block;  }
#n_honor li i{ height:1px; width:0; display:block; position:absolute; left:0; bottom:0; background:#32465a;}
#n_honor li  .text_box p{ margin-bottom:25px;}
 
/*==============新闻=====================*/
#n_zdjs .up_box ul{ margin-bottom:-20px}
#n_zdjs .up_box li{ display:block; position:relative; margin-bottom: 40px; height: 172px; padding-bottom:35px; border-bottom:1px solid #d5d6d9; }
#n_zdjs .up_box li .fr{width:215px; display:block; border:1px solid #e1e1e1; padding:8px; background:#fff;}
#n_zdjs .up_box li .fr img{ width:215px; height:155px; display:block; }
#n_zdjs .up_box li .fl{ width: 675px; position:relative;   height:155px; }
#n_zdjs .up_box li .fl h1{ display:block; padding-top:17px;}
#n_zdjs .up_box li .fl h1 a{  font-size:18px;  color:#2b2b2b;   display:block;  overflow:hidden; white-space: nowrap; overflow:hidden; text-overflow: ellipsis; }
#n_zdjs .up_box li .fl span{  font-size:24px; display:block;   color:#771f1e; margin-top:15px;}
#n_zdjs .up_box li .fl h1 a:hover{ color:#883332;  }
#n_zdjs .up_box li .fl .more{ display:block; padding-top:20px;  font-size:12px; color:#104974;  }
#n_zdjs .up_box li .fl .more:hover{    color:#104974; text-decoration:underline; }
#n_zdjs .up_box li .fl p{ line-height:24px;  color:#808184; height: 72px; overflow:hidden; padding-top:12px; font-size:12px; }


/*==============新闻中心=====================*/
#n_zdjs .un_box{ margin:-30px 0 0;}
#n_zdjs .un_box ul{overflow:hidden}
#n_zdjs .un_box li{display:block;padding:30px 0; border-bottom:1px dotted #bababb }
#n_zdjs .un_box li .box{padding:0 0 0 120px;position:relative;height:92px}
#n_zdjs .un_box li a{display:block;font-size:16px;padding-top:8px;color:#2b2b2b;margin-bottom:13px}
#n_zdjs .un_box li p{line-height:24px;font-size:12px;color:#808184;height:48px; overflow:hidden;}
#n_zdjs .un_box li a:hover{color:#771f1e;}
#n_zdjs .un_box .date_box{position:absolute;left:0;top:0; text-align:center; padding:18px 0px; background:#fcfcfc; border:1px solid #dfdfe0; text-align:center;width:84px}
#n_zdjs .un_box .date_box strong{ display:block;font-size:27px;color:#771f1e}
#n_zdjs .un_box .date_box span{font-size:12px;color:#020202;margin-top:4px;display:block;text-transform:uppercase;}
#n_zdjs .un_box li:hover .date_box{background:#771f1e; border:1px solid #771f1e;}
#n_zdjs .un_box li:hover .date_box strong{color:#fff; }
#n_zdjs .un_box li:hover .date_box span{color:#fff;}
#n_zdjs .un_box li.last{ border-bottom:none; padding-bottom:10px;}

/*=================展览导航=================*/
#zl_nav{width: 100%;height: 75px;border-bottom: 2px solid #8a2422; z-index: 9999;   overflow:hidden;}
#zl_nav ul{border-right: 1px solid #dcdde0;margin-right: -1px;}
#zl_nav ul li{float: left;border-left: 1px solid #dcdde0;position: relative; width: 299px;}
#zl_nav ul li.no_bg{border-left:none;}
#zl_nav ul li a{display: block; height: 75px;line-height: 75px;text-align: center;}
#zl_nav ul li a strong{color: #8a2422;font-size: 15px;text-transform: uppercase;z-index: 2;position: relative;transition: all 0.6s ease-in-out;}
#zl_nav ul li a:hover strong{color: #fff;}
#zl_nav ul li a span{color: #45464a;font-size: 15px;z-index: 2;position: relative;transition: all 0.6s ease-in-out;}
#zl_nav ul li a:hover span{color: #fff;}
#zl_nav ul li a i{display: block; height: 0px;width: 100%;background:url(../images/bnt_zl_nav1.png) center no-repeat;z-index: 1;position: absolute;bottom: 0;left: 0;}
#zl_nav ul li a:hover i{height: 75px;}
#zl_nav ul li.on i{height: 75px;}
#zl_nav ul li.on strong,#zl_nav ul li.on span{color: #fff;}
#zl_nav.j_fix{ position: fixed; top: 0; left: 0;  box-shadow: 0 0 8px #999; background:#fff;}
#zl_nav.j_fix {height: 40px;}
#zl_nav.j_fix  ul li a{ height:40px; line-height:40px}
 

/*=================博物馆简介=================*/
#page_zl_show{ }
#page_zl_show .title h1{ display:block; color:#883332; font-size:18px; display:block; margin-bottom:20px;}
#zl_f1{ border-bottom:1px solid #d8d8d8;  padding:50px 0;}
#zl_f2{ border-bottom:1px solid #d8d8d8;  padding:50px 0;}
#zl_f2 .title{ text-align:center;}

#zl_f3{ border-bottom:1px solid #d8d8d8;  padding:50px 0;}
#zl_f3 .title{ text-align:center;}

#zl_f4 {padding:50px 0 0 0;}

/*==============新闻资讯=====================*/
#zl_f4 .up_box ul{ margin:-50px;  overflow:hidden;}
#zl_f4 .up_box  li{ display:block; padding-left: 225px; width:325px; position:relative; height: 147px; float:left; margin:50px; padding-bottom:50px; border-bottom:1px solid #d5d6d9; }
#zl_f4 .up_box  li .pic_box{ position:absolute; left:0; top:0; width: 190px; display:block; border:1px solid #e1e1e1; padding:5px; background:#fff;}
#zl_f4 .up_box  li .pic_box img{ width:190px; height:135px; display:block; }
#zl_f4 .up_box  li .text_box{width: 325px; position:relative;  height: 150px;}
#zl_f4 .up_box  li .text_box h1{ display:block; padding-top:30px;}
#zl_f4 .up_box  li .text_box h1 a{  font-size:16px;  color:#2b2b2b;   display:block;  overflow:hidden; white-space: nowrap; overflow:hidden; text-overflow: ellipsis; }
#zl_f4 .up_box  li .text_box span{  font-size:12px; display:block;   color:#771f1e; margin-top:15px;}
#zl_f4 .up_box  li .text_box h1 a:hover{ color:#883332;  }
#zl_f4 .up_box  li .text_box .more{ display:block; padding-top:20px;  font-size:12px; color:#104974;  }
#zl_f4 .up_box  li .text_box .more:hover{    color:#104974; text-decoration:underline; }
#zl_f4 .up_box  li .text_box p{ line-height:24px;  color:#808184; height: 48px; overflow:hidden; padding-top:12px; font-size:12px; }

/*==============新闻资讯=====================*/
#zl_f4 .un_box ul{  margin: 20px -50px;}
#zl_f4 .un_box  li{ display:block; position:relative; padding-left: 85px; width:460px; position:relative; height: 75px; float:left; margin: 25px 50px; }
#zl_f4 .un_box  li strong{ display:block; position:absolute; left: 0; top:0; font-size:18px; color:#8f776a; font-weight:normal; }
#zl_f4 .un_box  li strong span{ font-size:26px;}
#zl_f4 .un_box  li a{  font-size:16px;  color:#333333;  display:block; padding-top:5px; margin-bottom:10px;  overflow:hidden; white-space: nowrap; overflow:hidden; text-overflow: ellipsis; }
#zl_f4 .un_box  li a:hover{ color:#883332;  }
#zl_f4 .un_box  li p{ line-height:22px;  color:#919293; height: 44px; overflow:hidden; font-size:12px; }


#n_yjcg{ overflow:hidden;}

/*==============研究视频=====================*/
#n_yjcg .j_div_scoll { height: }
#n_yjcg .up_box ul{ padding:0px 0 0 0; display:inherit; margin-right:-36px;}
#n_yjcg .up_box  li{ display:inline-block; width:284px; margin-right: 36px; position:relative;   padding-bottom:50px;  }
#n_yjcg .up_box  li .pic_box{ position:relative; left:0; top:0;   width:265px; height:185px; display:block; border:1px solid #e1e1e1; padding:8px; background:#fff;}
#n_yjcg .up_box  li .pic_box a{ display:block; background:#000; overflow:hidden;position: relative;}
#n_yjcg .up_box  li .pic_box img{ width:265px; height:185px; display:block; opacity:0.8;filter:alpha(opacity=80);}
#n_yjcg .up_box  li .icon_box{width:265px; height:185px; background:url(../images/icon_play.png) center no-repeat; position:absolute; right:0; top:0;}
#n_yjcg .up_box  li  h1{ display:block; padding-top: 15px; text-align:center;}
#n_yjcg .up_box  li  h1 a{  font-size:14px;  color:#333333;   display:block;  overflow:hidden; white-space: nowrap; overflow:hidden; text-overflow: ellipsis; }
#n_yjcg .up_box  li  span{  font-size:12px; display:block;   color:#771f1e; margin-top:15px;}
#n_yjcg .up_box  li  h1 a:hover{ color:#883332;  }
#n_yjcg .up_box  li:hover img{opacity:1;filter:alpha(opacity=100);}

/*==============研究成果=====================*/
#n_yjcg .un_box {margin-left: 65px;margin-right: -65px; }
#n_yjcg .un_box ul{  margin: 20px -65px;}
#n_yjcg .un_box  li{ display:block; position:relative;  width:350px; padding-left: 70px; border-bottom: 1px solid #dfdfdf;  position:relative; height: 75px; float:left; padding: 40px 65px 40px 75px;}
#n_yjcg .un_box  li strong{ display:block; position:absolute; left: 0; top: 40px; font-size:18px; color:#8f776a; font-weight:normal; }
#n_yjcg .un_box  li strong span{ font-size:26px;}
#n_yjcg .un_box  li a{  font-size:16px;  color:#333333;  display:block; padding-top:5px; margin-bottom:10px;  overflow:hidden; white-space: nowrap; overflow:hidden; text-overflow: ellipsis; }
#n_yjcg .un_box  li a:hover{ color:#883332;  }
#n_yjcg .un_box  li p{ line-height:22px;  color:#919293; height: 44px; overflow:hidden; font-size:12px; }

/*==============社会服务=====================*/
#page_shfw { overflow:hidden; padding-top:60px;}
#page_shfw .title{ display:block; margin-bottom:30px; position:relative; text-align:center;}
#page_shfw .title h1{ display:block; font-size: 20px; margin-top: 8px; font-weight:normal;  color: #343435; }
#page_shfw .title strong{ display:block; margin:0 10px;  font-size:24px; color:#883332; font-weight:normal;  text-transform: uppercase; }

/*==============宣教活动=====================*/
#shfw_f1{ padding:0px 0 60px 0; }
#shfw_f1 .main_box{  }
#shfw_f1 .hd{ display:inherit; text-align:center; padding:10px 0;}
#shfw_f1 .hd strong{ display:inline-block; margin:0 7px; cursor:pointer; width:125px; height:40px; line-height: 35px; color:#fff; font-size:14px; background:url(../images/bg_bnt_sub_nav.png) center top no-repeat;}
#shfw_f1 .hd strong.on{ background:url(../images/bg_bnt_sub_nav_on.png) center top no-repeat;}

#n_xjhd ul{ margin: 0px -18px 0px -14px; }
#n_xjhd li{ width:280px; position:relative; display:block; overflow:hidden;   float:left; margin:30px 14px; }
#n_xjhd li a{ display:block;}
#n_xjhd li .pic_box{ position:relative; background:#fff; padding:5px; border:1px solid #dfdfe0;  width:260px; height:135px; overflow:hidden;}
#n_xjhd li .pic_box a{ display:block; overflow:hidden;}
#n_xjhd li img{width:260px; height:135px; display:block;  }
#n_xjhd li .text_box{ position:relative; padding:20px 0 0; }
#n_xjhd li h1{ display:block; position:relative;}
#n_xjhd li h1 a{overflow:hidden; white-space: nowrap; overflow:hidden;text-overflow: ellipsis;  color:#35373a; font-size:14px; display:block; }
#n_xjhd li .p{ font-size:12px; line-height:20px; height:40px; overflow:hidden; margin-top:10px; color:#808184;}
#n_xjhd li span{ height:20px; line-height:20px; display:block; font-size:12px; color:#757576;  }
#n_xjhd li img:hover{  }
#n_xjhd li:hover .fot_box a{ color:#fff;}
#n_xjhd li a:hover{ text-decoration:none; }

#n_xjhd .more{ height:50px; line-height:50px; width:300px; background:#fff; border:1px solid #e1e1e1; margin:20px auto 0 auto; display:block; text-align:center; color:#8b8b8c; font-size:12px; border-radius:2px;}
#n_xjhd .more:hover{ background:#883332; border:1px solid #883332; color:#fff;}

/*==============博物学社=====================*/
#shfw_f2{}
#shfw_f2 .j_parallax {background-attachment: fixed; background-position: center 0px; background-repeat: no-repeat; position: relative;   height:815px; background-image:url(../images/bg_shfu_sjc.jpg);}
#shfw_f2 .title{ padding-top:85px; padding-bottom:70px;}
#shfw_f2 .title h1{ color:#fff;}
#shfw_f2 .title strong{ color:#998669; }

#n_bwxs .left{ width:665px;}
#n_bwxs .left h1{ color:#fff; font-size:18px; display:block; padding-bottom:35px;}
#n_bwxs .left .text_box{ max-height:210px; display:block; line-height:30px; color:#b5b6b8; font-size:14px;}
#n_bwxs .left .up_box{ padding-bottom:25px; margin-bottom:30px; border-bottom:1px dotted #887e6d;}
#n_bwxs .right{ width:465px;}
#n_bwxs .right ul{ margin:0 -15px; }
#n_bwxs .right ul li{ display:block; float:left; margin:15px; }
#n_bwxs .right ul li a{ display:block;}
#n_bwxs .right ul li img{width:120px; height:150px; display:block; padding:6px; border:1px solid #6c605a;  }
#n_bwxs .right ul li h1{ padding:15px 0 40px 0; color:#b3b3b5; font-size:14px; text-align:center; display:block;}


/*==============体验课堂=====================*/
#shfw_f3{ padding:60px 0; border-bottom:1px solid #d9d9da;}
#n_tykc article{ line-height:30px; padding-bottom:20px; color:#39393d; font-size:14px; text-align:center;}
#n_tykc .more{ height:50px; line-height:50px; width:300px; background:#fff; border:1px solid #e1e1e1; margin:20px auto 0 auto; display:block; text-align:center; color:#8b8b8c; font-size:12px; border-radius:2px;}
#n_tykc .more:hover{ background:#883332; border:1px solid #883332; color:#fff;}

/*==============休闲体验=====================*/
#shfw_f4{ padding:60px 0 0; }
#n_xxty ul{ margin-bottom:-60px;}
#n_xxty li { background:url(../images/bg__line_xxty.png) center top no-repeat; padding:80px 0 60px; display:block;}
#n_xxty li .pic_box{ position:relative;  border:3px solid #fff;  width:440px; height:240px; overflow:hidden;}
#n_xxty li .pic_box a{ display:block; overflow:hidden;}
#n_xxty li img{width:440px; height:240px; display:block;  }
#n_xxty .text_box{ width:725px; }
#n_xxty .text_box h1{ color:#141415; font-size:18px; display:block; margin-bottom:20px; padding-top:75px;}
#n_xxty .text_box p{ font-size:14px; color: #787878; line-height:27px;}
#n_xxty .pic_box{ border:3px solid #fff;}

#n_xxty li.first{ background:none; padding-top:0;}

/*==============志愿者详情=====================*/
#n_show_zyz{ padding:70px 0; border-bottom:1px solid #e0e0e2; }
#n_show_zyz .title{ padding-bottom:30px; border-bottom:1px solid #e0e0e2; margin-bottom:70px;}
#n_show_zyz .title h1{ font-size:20px; color:#343435; display:block; text-align:center; }
#n_show_zyz .pic_box{ float:left; width:455px;  }
#n_show_zyz .pic_box img{ width:450px; height:600px;}
#n_show_zyz .text_box{ float:right; width:690px; height:600px; display:table;}
#n_show_zyz .text_box .ar_article{ display:table-cell; vertical-align:middle;}

/*====================其他志愿者=====================*/
#n_qtzyz { padding:10px 0 40px 0; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#72FFFFFF', endColorstr='#72FFFFFF');background:rgba(255,255,255,0.45);}
#n_qtzyz .title h1{ display:block; text-align:center; padding:30px 0; font-size:16px; color:#343435;}
#n_qtzyz .bd{ overflow:hidden; width: 1136px; margin: 0 auto;}
#n_qtzyz  ul{overflow:hidden; }
#n_qtzyz  li{ width: 132px; position:relative; display:block; margin-right:35px; overflow:hidden;  float:left;  }
#n_qtzyz  li .box{}
#n_qtzyz  li a{ display:block;}
#n_qtzyz  li .pic_box{ position:relative;  padding:5px; border:1px solid #e0e0e1;   }
#n_qtzyz  li .pic_box a{width:120px; height:150px; overflow:hidden;}
#n_qtzyz  li img{width:120px; height:150px; display:block;   }
#n_qtzyz  li .text_box{ position:relative; padding:10px 0 0 0; }
#n_qtzyz  li h1{ display:block; position:relative; margin-bottom:10px;}
#n_qtzyz  li h1 a{ text-align:center; overflow:hidden; white-space: nowrap; overflow:hidden; text-overflow: ellipsis;  color:#6a6a6b; font-size:14px; display:block;  }
#n_qtzyz  li:hover h1 a{ color:#771f1e;}

#n_qtzyz .bnt{ position:absolute; top: 70px;}
#n_qtzyz .bnt.prev{ left:0px;}
#n_qtzyz .bnt.next{ right:0px;}

/*=================展厅实景=================*/
#n_ztsj { margin-top:30px;}
#n_ztsj .slide{  position:relative; overflow:hidden; width:910px; margin:0 auto;  background:#fff; height:450px; padding:10px; border:1px solid #dfdfe0;}
#n_ztsj .slide .bd{ position:relative;}
#n_ztsj .slide .bd li{ display:block; position:relative; }
#n_ztsj .slide .bd li a{ display:block;}
#n_ztsj .slide .bd li .fl{ position:relative; height:450px; width:910px; overflow:hidden;}
#n_ztsj .slide .bd li img{  height:450px; width:910px; display:block;}
#n_ztsj .slide .hd{  position: absolute; width: 910px; height: 30px;  bottom:10px; left:10spx;   z-index: 999; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#7F000000', endColorstr='#7F000000');background:rgba(0,0,0,0.5);}
#n_ztsj .slide .hd ul{ display:inherit; text-align:right; padding:0 20px;}
#n_ztsj .slide .hd li{ cursor:pointer; display:inline-block; height:7px; width:25px; border:1px solid #787675; margin: 10px 3px 0 3px;  }
#n_ztsj .slide .hd .on{ background:#fff; border:1px solid #fff;  }
#n_ztsj .slide .hd li:hover{  background:#fff; border:1px solid #fff;  }

/*=================精彩展品=================*/
#n_jczp{}
#n_jczp .bd{ overflow:hidden;}
#n_jczp  ul{ margin:-20px  -36px; overflow:hidden; }
#n_jczp  li{ width: 352px; position:relative; display:block; margin:0 36px; overflow:hidden;  float:left;  }
#n_jczp  li .box{margin: 36px 0;}
#n_jczp  li a{ display:block;}
#n_jczp  li .pic_box{ position:relative;  padding:7px; border:1px solid #e0e0e1; background:#fff;  }
#n_jczp  li .pic_box a{width:335px; height:170px; overflow:hidden;}
#n_jczp  li img{width:335px; height:170px; display:block;   }
#n_jczp  li .text_box{ position:relative; padding:10px 0 0 0; }
#n_jczp  li h1{ display:block; position:relative; margin-bottom:10px;}
#n_jczp  li h1 a{ text-align:center; overflow:hidden; white-space: nowrap; overflow:hidden; text-overflow: ellipsis;  color:#343333; font-size:14px; display:block;  }
#n_jczp  li h1 a:hover{ color:#771f1e;}
#n_jczp  li i{ height:1px; width:0; display:block; position:absolute; left:0; bottom:0; background:#32465a;}
#n_jczp  li p{ font-size:12px; line-height:22px; text-align:center; height:44px; overflow:hidden; margin-top:10px; color:#878585;}
#n_jczp  li span{ height:20px; line-height:20px; display:block; font-size:12px; color:#808184;  }
#n_jczp  li span font{ color:#771f1e;}
#n_jczp  li img:hover{  }
#n_jczp  li:hover i{ width:100%; }
#n_jczp  li:hover h1 a{ color:#771f1e;}

#n_jczp .bnt{ position:absolute; top: 255px;}
#n_jczp .bnt.prev{ left:-60px;}
#n_jczp .bnt.next{ right:-60px;}

/*=================精彩展品=================*/
#n_zhinan dl{ margin:-20px; margin-bottom:-40px;}
#n_zhinan dd{ margin: 20px; display:block; float:left; width:365px; position:relative; background:#fff; box-shadow:0 0 3px #d3d3d3; padding:40px;}
#n_zhinan dd h1{ display:block; position:relative; margin-bottom:25px;}
#n_zhinan dd h1 strong{ font-size:18px; color:#771f1e;}
#n_zhinan dd .more{ position:absolute; right:0; top:0;  display:block; width:20px; height:20px; background:url(../images/icon_more_zn.png) center no-repeat;}
#n_zhinan dd .box{ position:relative; height:140px; padding-left: 205px;} 
#n_zhinan dd img{ position:absolute; left:0; top:0; width:185px; height:140px; border:1px solid #d9d7d7; display:block; }
#n_zhinan dd p{ font-size:14px; color:#494a4d; line-height:24px; padding-top:22px; }
#n_zhinan dd:hover{ box-shadow:0 0 10px #aaa; background:#f9f9f9;}
#n_zhinan dd .more:hover{transform:rotate(90deg);-webkit-transform:rotate(90deg); /* Safari and Chrome */-moz-transform:rotate(90deg); /* Firefox */}

/*==============新闻资讯=====================*/
#n_news  ul{ margin-bottom:-20px}
#n_news  li{ display:block; padding-left:265px; position:relative; margin-bottom: 40px; height: 170px; padding-bottom:35px; border-bottom:1px solid #d5d6d9; }
#n_news  li .pic_box{ position:absolute; left:0; top:0; width:215px; display:block; border:1px solid #e1e1e1; padding:8px; background:#fff;}
#n_news  li .pic_box img{ width:215px; height:155px; display:block; }
#n_news  li .text_box{ width: 675px; position:relative;   height:155px; }
#n_news  li .text_box h1{ display:block; padding-top:30px;}
#n_news  li .text_box h1 a{  font-size:16px;  color:#2b2b2b;   display:block;  overflow:hidden; white-space: nowrap; overflow:hidden; text-overflow: ellipsis; }
#n_news  li .text_box span{  font-size:12px; display:block;   color:#771f1e; margin-top:15px;}
#n_news  li .text_box h1 a:hover{ color:#883332;  }
#n_news  li .text_box .more{ display:block; padding-top:20px;  font-size:12px; color:#104974;  }
#n_news  li .text_box .more:hover{    color:#104974; text-decoration:underline; }
#n_news  li .text_box p{ line-height:24px;  color:#808184; height: 48px; overflow:hidden; padding-top:12px; font-size:12px; }


/*=================通知公告==================*/
#n_notice{}
#n_notice li{ display:block; position:relative; margin-bottom: 25px;  padding-bottom:25px; border-bottom:1px solid #d5d6d9; }
#n_notice li .bnt_box{ position:absolute; right:0; top:0; height:26px; width:26px; background:url(../images/bnt_slid.png) center no-repeat;}
#n_notice li.on .bnt_box{ background:url(../images/bnt_slid_on.png) center no-repeat;}
#n_notice  li .text_box{  position:relative;}
#n_notice  li h1{ display:block;  }
#n_notice  li h1 a{  font-size:16px;  color:#2b2b2b;   display:block;  overflow:hidden; white-space: nowrap; overflow:hidden; text-overflow: ellipsis; }
#n_notice  li span{  font-size:12px; display:block;   color:#771f1e; margin-top:15px;}
#n_notice  li h1 a:hover{ color:#771f1e;  }
#n_notice .text_box{ display:none; line-height:24px;  color:#808184; height: 48px; overflow:hidden; padding-top:12px; font-size:12px; padding-bottom:60px; }
#n_notice li.on .text_box{ display:block;}
#n_notice .more{ display:block; position:absolute; right:0; bottom:0; border-radius:2px; overflow:hidden; height:30px; line-height:30px; width:75px; text-align:center; background:#d3d4d7; font-size:12px; color:#fff;}
#n_notice .more:hover{ background:#8e2126; color:#fff;}


/*===================相关文章=====================*/
#news_xg_list{margin-top:30px; border:1px solid #dbd9d9; padding:20px 25px; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#0C000000', endColorstr='#0C000000');background:rgba(0,0,0,0.05);}
#news_xg_list .title{ color:#771f1e; font-size:18px;}
#news_xg_list ul{ margin-top:10px;}
#news_xg_list li{ display:block; line-height:30px; position:relative; height:30px; background:url(../images/icon_dd.png) left center no-repeat; padding-left:15px; }
#news_xg_list li a{ font-size:14px; color:#4f4d4d;}
#news_xg_list li a:hover{ color:#771f1e; text-decoration:underline;}
#news_xg_list li span{ position:absolute; right:0; top:0; line-height:40px;  font-size:12px; color:#a4a2a2;}

/*==============新闻详情=====================*/
.n_article {  }
.n_article .ar_title{ padding-left:80px;  margin-bottom: 10px; padding-bottom:30px; border-bottom:1px solid #dedfdf; position:relative;}
.n_article .ar_title h1{ font-size:20px;   display:block; margin-bottom:10px;  line-height:30px; color:#2b2b2b;}
.n_article .ar_title h2{ font-size:12px; position:relative;  display:block;    color:#888; }
.n_article .ar_title strong{ position:absolute; left:0; top:0; font-size:24px; color:#771f1e;}
.n_article .ar_article{ padding-top:30px; padding-bottom:20px;  min-height:300px;}
#fot_mark_box{ position:relative; border-bottom:1px solid #dedfdf; padding-bottom: 30px; padding-top:20px;}
#fot_mark_box .mark_box { background:url(../images/icon_mark.png) left center no-repeat;   }
#fot_mark_box .mark_box  a{ border:1px solid #dcdcdc;  overflow:hidden; height:24px; line-height:24px; padding:0 10px;  font-size:12px; color:#8b8b8b; border:1px solid #d4d5d5; display:inline-block; margin-right:10px; }
#fot_mark_box .mark_box a:hover{  color:#771f1e;}



#ar_fot{ margin-top:10px; position:relative; padding:15px 0; }
#ar_fot h1{ display:block; font-size:12px; line-height:22px; color:#8f8f8f;}
#ar_fot h1 a{ font-size:12px; color:#504f4f; font-weight:normal;}
#ar_fot h1 a:hover{ color:#4a121d;}
#ar_fot .bnt_back{ position:absolute; top:28px; right:0; color:#fff; background:#d31145; padding:0 25px; font-size:14px; height:30px; line-height:30px;}
#ar_fot .bnt_back:hover{ border-radius:3px;}

#page_cp{ position:relative; background:url(../images/bg_cp_type.jpg) center top no-repeat; height:665px; padding-top:155px;}
#page_cp .main_box{ position:relative;}
#page_cp li{ position:absolute; display:block;  border:5px solid #dddfde; border-radius:2px; overflow:hidden;}
#page_cp li a{ display:block; position:relative; }
#page_cp li a .text{ position:absolute; bottom:37px; z-index:9; text-align:center; width:100%;}
#page_cp li .pic{ width:350px; display:block; }
#page_cp li.li3 .pic{ width:420px; height:220px; }
#page_cp li.li3 a .text{bottom: 70px;}
#page_cp li.li4 .pic{ width:420px; height:220px; }
#page_cp li.li4 a .text{bottom: 70px;}
#page_cp li.li1{ left:0; top:0;}
#page_cp li.li2{ left:385px; top:0;}
#page_cp li.li3{ right:0; top:0;}
#page_cp li.li4{ right:0; top:260px;}
 
#page_cp_show{ padding:70px 0;     height: 830px;}
#page_cp_show .title { width:1040px; margin:0 auto; position:relative; padding-top:10px; height:50px; margin-bottom:10px;}
#page_cp_show .title h1{ color: #fff; font-size: 27px; margin-bottom: 10px; display:inline-block;}
#page_cp_show .slide_nav{ position:absolute; top:0; right:80px;  z-index:999;   border-radius: 3px 3px 0px 0px;  }
#page_cp_show .slide_nav .h1{  width:160px; display:block;  padding-left:70px; width:90px; height:50px; line-height:50px; border-radius:3px; background:url(../images/icon_menu.png) 28px center no-repeat #cab278; font-size:14px; color:#fff; overflow:hidden;}
#page_cp_show .slide_nav .box{ height:0; background:#cab278; position:absolute; top:50px; right:0; overflow:hidden;}
#page_cp_show .slide_nav .box a{width:160px; text-align:center; display:block;  height:50px; line-height:50px; border-top:1px solid #333; color:#fff; font-size:14px;} 
#page_cp_show .slide_nav:hover .box{ height:250px;}
#page_cp_show .slide_nav .box a:hover{ background:#b2903d;}

#page_cp_show .speak_box{ position:absolute; top:0; right:180px; width:160px; display:block;}
#page_cp_show .speak_box a{ display:block;  padding-left:70px; width:90px; height:50px; line-height:50px; border-radius:3px; background:url(../images/icon_audo.png) 28px center no-repeat #5e2024; font-size:14px; color:#fff;}
#page_cp_show .speak_box.m_stop a{background:url(../images/icon_no_speak.png) 28px center no-repeat #5e2024;}

#page_cp_show  .text_box{ color:#848485; font-size:14px; line-height:27px; margin-bottom:40px; height: 81px;}
 
#page_cp_show .j_photo{ margin:0px auto 60px;width:1040px; }

#page_cp_show .big_box{margin: 0 auto; height: 726px; margin-bottom:10px; width:1040px;  position:relative;}

#page_cp_show .big_box li{ display:none; overflow:hidden; width:1040px; position:relative; }
#page_cp_show .big_box li .pic_box{ position:relative; height: 515px; border:1px solid #484747; padding:9px; background:#373737;}

#page_cp_show .big_box ul li img{display:block; width:1020px; height:515px;}

#page_cp_show .small_box{overflow:hidden; width:1040px; margin: 0 auto; height: 82px; position:relative;}

#page_cp_show .small_list{position:relative;float:left;overflow:hidden; margin-left: 24px; width: 100%; height: 82px;}

#page_cp_show .small_list ul{overflow:hidden;height:82px}

#page_cp_show .small_list ul li{position:relative;float:left;margin-right: 6.5px; cursor:pointer; width:160px}

#page_cp_show .small_list ul li img{display:block; width:158px; height: 82px;}

#page_cp_show .small_list ul li .bun_bg{ display:none; position:absolute;top:0;left:0; width: 154px; height: 78px; border:2px solid #b17b08; opacity:1;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1}

#page_cp_show .small_list ul .on .bun_bg{ display:block; }

#page_cp_show .btn{display:block;width:12px;height:81px;background-color:#777;background-position:center;background-repeat:no-repeat;cursor:pointer}

#page_cp_show .btn:hover{background-color:#333;} 

#page_cp_show .small_bnt .left_btn{float:left;margin-right:10px;background-image:url(../images/bnt_pic_left.png)}

#page_cp_show .small_bnt .right_btn{float:right;background-image:url(../images/bnt_pic_right.png)}

#page_cp_show  .left_btn{position:absolute; left:0px; background:url(../images/bnt_pic_left.png) center no-repeat; }

#page_cp_show  .right_btn{ position:absolute; right:0px; cursor:pointer; background:url(../images/bnt_pic_right.png) center no-repeat;}
#page_cp_show .big_box .bnt{ position:absolute; top: 425px; z-index:99; width:33px; cursor: pointer; }
#page_cp_show .big_box .left_btn{ background:none; left:-80px;}
#page_cp_show .big_box .right_btn{ background:none; right:-80px;} 

 


/* 在这里我们来设置放大镜的样式 */

.large {
	width: 160px;
	height: 160px;
	position: absolute;
	/* 圆角 */
	border-radius: 100%;
	/* 这里使用多重阴影、来实现玻璃的效果 */
	box-shadow: 0 0 0 5px rgba(255,255,255,0.8),0 0 5px 5px rgba(0,0,0,0.3),inset 0 0 40px 2px rgba(0,0,0,0.3); 
	/* 加载放大镜的图片 */

	/* 放大镜默认隐藏 */
	display: none;
}

/* 解决放大镜在放大的过程中边缘重叠的BUG */



/*==============分享插件——银灵子=====================*/

.shart_box{   position:absolute; right:0; top: 16px;}

#j_shart_s_24 .bds_count{ font-size:12px;}

#j_shart_s_24{ padding-left:60px; position:relative;}

#j_shart_s_24 strong{ display:block; position:absolute; left:0; z-index:2; line-height:36px; font-size:12px; color: #a3a0a9;}

#j_shart_s_24 .bds_qzone{background:url(../images/j_shart.png) center -224px no-repeat}

#j_shart_s_24 .bds_tsina{background:url(../images/j_shart.png) center -311px no-repeat}

#j_shart_s_24 .bds_tqq{background:url(../images/j_shart.png) center -195px no-repeat}

#j_shart_s_24 .bds_renren{background:url(../images/j_shart.png) center -340px no-repeat}

#j_shart_s_24 .bds_weixin{background:url(../images/j_shart.png) center -253px no-repeat}

#j_shart_s_24 .bds_sqq{background:url(../images/j_shart.png) center -79px no-repeat}

#j_shart_s_24 .bds_fbook{background:url(../images/j_shart.png) center -166px no-repeat}

#j_shart_s_24 .bds_twi{background:url(../images/j_shart.png) center -137px no-repeat}

#j_shart_s_24 .bds_linkedin{background:url(../images/j_shart.png) center -108px no-repeat}

#j_shart_s_24 .bds_ibaidu{background:url(../images/j_shart.png) center -52px no-repeat}

#j_shart_s_24 .bds_huaban{background:url(../images/j_shart.png) center -253px no-repeat}

#j_shart_s_24 .bds_douban{background:url(../images/j_shart.png) center -253px no-repeat}

#j_shart_s_24 .bds_copy{background:url(../images/j_shart.png) center -253px no-repeat}

#j_shart_s_24 .bds_print{background:url(../images/j_shart.png) center -253px no-repeat}

#j_shart_s_24 .bds_mshare{background:url(../images/j_shart.png) center -253px no-repeat}

#j_shart_s_24 .bds_count{font-size:12px}

 
/*==============分页——银灵子=====================*/

.page { margin:0px auto 0px auto;}

.page .box{display:inherit; width:100%;  text-align: right; padding-top: 40px;}

.page a{ padding:0 12px; height:30px; line-height:30px; display:inline-block; border:1px solid #dedede; margin:0 2px;  color:#555555; font-size:12px; }

.page .on{ background:#771f1e; color:#fff !important;border:1px solid #771f1e;}

.page a font{  font-size: 14px; font-family: "SimSun"; color: rgb( 68, 68, 68 );}

.page span{ background:#771f1e; color:#fff !important;border:1px solid #771f1e;}

.page a:hover{ background:#771f1e; color:#fff !important; text-decoration:none; border:1px solid #771f1e; }

.page a:hover font{ color:#fff;}

.page a{ transition: all 1s;-moz-transition: all 1s; /* Firefox 4 */-webkit-transition: all 1s; /* Safari 和 Chrome */-o-transition: all 1s; /* Opera */}

 
 
 /*===========================j_pop_photle=============================*/

#page_show_box{ position:fixed; z-index:9999; top:-1000px; left:0; display:block; height:100%; width:100%; }
#page_show_box .bg_box{ position:fixed; z-index:9998; top:0px; display:none;  height:100%; width:100%; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#B2000000', endColorstr='#B2000000');background:rgba(0,0,0,0.7);}
#page_show_box .box{ position:absolute; top:50%; z-index:9999; left:50%; margin-left:-445px; margin-top: -290px;}
#page_show_box a,#page_show_box a *{moz-transition: all 0.6s ease-in-out;
-webkit-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
-ms-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out; }

#bnt_close{ display:block; width:70px; height:70px; background:#771f1e; position:absolute; top:0; right:0;}
#bnt_close img{ display:block; position:absolute; left:18px; top:18px; }
#bnt_close:hover img{transform:rotate(90deg);-ms-transform:rotate(90deg); 	/* IE 9 */-moz-transform:rotate(90deg); 	/* Firefox */-webkit-transform:rotate(90deg); /* Safari 和 Chrome */-o-transform:rotate(90deg); 	/* Opera */}
 
#page_img{ width: 890px;  position:relative; }
#page_img .img_box{border: 5px solid #545353; width:810px;  background:#333; position:relative;  }
#page_img .img_box img{ width:810px; height:570px; display:block; margin:0 auto;}

#pop_photo{ position:relative;  height: 570px; overflow: hidden;}
#pop_photo .bd a{ display:block; position:relative}
#pop_photo .bd img{max-height:570px; display:block; margin:0 auto;}
#pop_photo .bd h1{ display:block; position:absolute; left:0; bottom:0; text-align:center; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#CC000000', endColorstr='#CC000000');background:rgba(0,0,0,0.8); font-size:16px; line-height:40px; height:40px; color: #fff; padding: 0 20px; width: 770px;}
#pop_photo .bd h1:hover{ color:#}
#pop_photo .hd {  }
#pop_photo .hd a{ position:absolute; z-index:9999; top:50%; margin-top:-30px; line-height:60px; display:block;  width:40px; height:60px; background:#b28146;   font-size: 18px; font-family: "SimSun"; color:#fff;  text-transform: uppercase; text-align: center;}
#pop_photo .hd a.prev{ left:0;}
#pop_photo .hd a.next{ right:0;}
#pop_photo .hd a.on{ color:#fff;   }
#pop_photo .hd a:hover{  color:#000; background:#fff;}
 
 
 @media screen and (max-device-width:1400px){
	 #left_en_text{ display:none}
	 }
 
 
 
 
 
 	@font-face{font-family:icomoon;src:url(icomoon.eot?-qkv88o);src:url(../fonts/icomoon.eot) format('embedded-opentype'),url(../fonts/icomoon.ttf) format('truetype'),url(../fonts/icomoon.woff) format('woff'),url(../fonts/icomoon.svg) format('svg');font-weight:400;font-style:normal}
				[class*=" icon-"],[class^=icon-]{font-family:icomoon;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
				.icon-spinner:before{content:"\e600"}
				.icon-cancel-circle:before{content:"\e604"}
				.icon-cross:before{content:"\e601"}
				.icon-arrow-left:before{content:"\e602"}
				.icon-arrow-right:before{content:"\e603"}
				div.rthumbnail{display:inline-block;margin:0;padding:0}
				div.rthumbnail div.rcaption{display:none}
				div.responsivegallery{width:100%;height:100%;top:0;left:0;right:0;bottom:0;position:fixed;display:none;z-index:1000}
				div.responsivegallery:before{content:'';display:block;position:absolute;width:100%;height:100%;cursor:zoom-out;top:0;left:0;background:#000;opacity:.8;z-index:-1}
				div.responsivegallery div.galleryinner{position:absolute;left:0;top:0;width:100%;height:100%;margin:auto;text-align:center;vertical-align:middle;white-space:nowrap}
				div.responsivegallery div.galleryinner:before{content:'';display:inline-block;height:100%;vertical-align:middle}
				div.responsivegallery div.figurearea{position:relative;max-width:100%;vertical-align:middle;display:inline-block;z-index:1000}
				div.responsivegallery div.figurearea.isvideo{width:90%}
				.jkvideocontainer *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%}
				.jkvideowrapper{position:relative;padding-bottom:56.25%;height:0}
				.jkvideowrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10}
				div.responsivegallery figure{margin:0;padding:0;display:block;box-shadow:0 0 15px rgba(0,0,0,.6);opacity:0;-webkit-transition:opacity .5s;-moz-transition:opacity .5s;transition:opacity .5s}
				div.responsivegallery figure img{max-width:100%;width:100%;height:auto;border:0;line-height:0;display:block;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;user-select:none}
				div.responsivegallery div.figurearea .thecaption{text-align:left;position:absolute;bottom:0;font-size:1.1em;padding:5px;width:100%;white-space:normal;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:none}
				div.responsivegallery div.figurearea.isvideo .thecaption{position:relative}
				div.responsivegallery div.figurearea .thecaption:before{content:'';position:absolute;width:100%;height:100%;display:block;background:#fff;top:0;left:0;opacity:.8}
				div.responsivegallery div.figurearea .thecaption div.captioninner{position:relative;padding:3px;color:#000;overflow:hidden}
				div.responsivegallery div.figurearea .thecaption div.captioninner span.counter{float:right;font-size:.9em;font-weight:700;display:block;height:100%;line-height:100%;background:#2D2D2D;color:#fff;border-radius:50%;width:40px;height:40px;line-height:40px;text-align:center;box-shadow:0 0 3px gray}
				div.responsivegallery div.close{position:absolute;right:10px; top: 50px;padding:5px;width:55px;height:55px;border-radius:55px; color:#fff;font-size:35px;z-index:99999; cursor:pointer;-webkit-transition:background .3s;-moz-transition:background .3s;transition:background .3s}
				div.responsivegallery div.close:hover{ color:#8a2422}
				div.responsivegallery div.close span{    line-height: 50px;}
				div.responsivegallery div.leftnav,div.responsivegallery div.rightnav{position:absolute;left:5px;top:50%;width:50px;height:50px;color:#fff; border-radius:50px;text-align:center;line-height:55px;margin-top:-25px;cursor:pointer;z-index:1000;font-size:50px}
				div.responsivegallery div.leftnav span,div.responsivegallery div.rightnav span{    line-height: 50px;}
				div.responsivegallery div.rightnav{right:5px;left:auto}
				div.responsivegallery div.errordiv,div.responsivegallery div.loadingdiv{width:100px;height:100px;border-radius:10px;position:absolute;display:none;top:50%;left:50%;margin-top:-50px;margin-left:-50px;opacity:.6;text-align:center;z-index:1000;background:#000}
				div.responsivegallery div.errordiv span,div.responsivegallery div.loadingdiv span{vertical-align:middle;color:red;font-size:3em;line-height:90px}
				div.responsivegallery div.loadingdiv span{-webkit-animation:rotate 2s linear infinite;animation:rotate 2s linear infinite;font-size:3.5em;color:#fff;display:inline-block}
				@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0)}
				100%{-webkit-transform:rotate(360deg)}
				}
				@keyframes rotate{0%{transform:rotate(0)}
				100%{transform:rotate(360deg)}
				}
				div.responsivegallery div.leftnav:hover,div.responsivegallery div.rightnav:hover{color:#8a2422}
				@media screen and (max-width:480px){div.responsivegallery div.leftnav,div.responsivegallery div.rightnav{width:40px;height:40px;color:#000;border-radius:40px;text-align:center;line-height:45px;margin-top:-20px;font-size:40px}
				}

 
 
 
 
 
 
 
 
 
 
 
 
 