body{
/*-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
-khtml-user-select: none;
user-select: none;*/
background: #e9e1d7;
}
a,body{color:#2a1e09;text-decoration:none;/*! display: block; */}
a:hover{color:#f3a11e; text-decoration: underline;}
.container{width:100%;max-width:958px;margin:auto; clear: both;}
.headerBox{ max-width: 1098px; width: 100%;margin:auto; clear: both; background: url(../images/header_bg.png) no-repeat top right;}
.headerBox2{ max-width: 1098px; width: 100%;margin:auto; clear: both; background: url(../images/hanwen_header_bg_02.png) no-repeat top right;}
.headerBox3{ max-width: 1098px; width: 100%;margin:auto; clear: both; background: url(../images/dazang_header_bg_02.png) no-repeat top right;}
.headerBox4{ max-width: 1098px; width: 100%;margin:auto; clear: both; background: url(../images/zangwen_header_bg_02.png) no-repeat top right;}
.headerBox5{ max-width: 1098px; width: 100%;margin:auto; clear: both; background: url(../images/knowledge_header_bg_02.png) no-repeat top right;}
.headerBox6{ max-width: 1098px; width: 100%;margin:auto; clear: both; background: url(../images/about_header_bg_02.png) no-repeat top right;}
.clear{ clear: both;}
.clear30{ clear: both; margin-bottom: 30px;}
.ctop{ margin-top: 40px;}

/*--------header-------------*/
.header{position:relative;z-index:999;overflow:visible;clear:both;height: 223px; background: url(../images/bodybg.jpg);}
.header .logo{float:left;margin:0 auto;padding-left:2px}
.header .mobile_nav-btn{display:none}

.header .headerNav{/*! height:90px; *//*! line-height:90px; */ height: 183px; text-align: right;}
.header .headerNav img{ padding-right: 102px;}
.header .headerBox4 .headerNav img {
    padding-right: 45px;
}
.header .headerBox5 .headerNav img,.header .headerBox6 .headerNav img {
    padding-right: 270px;
}

.header .menuList{ float: right; background:url(../images/arr.png) left bottom no-repeat;}
.header .nav{text-align:center;float:left;font-size:16px !important;margin-left:16px;font-weight:400;overflow:hidden;/*! background-color: none; */}
.header .nav>li{float:left;border-left: 2px solid #433621; border-top: 1px solid #433621; text-align: center;  background: url(../images/menu_bg.png) repeat;cursor: pointer;}
.header a:hover{text-decoration:none;}
.header .nav>li > a,.header .nav>li > b{color:#000;text-decoration:none;display:block;height: 32px; width:120px;padding-top: 10px;}

.header .nav>li.cur{text-decoration:none;background: url(../images/menu_hover_arr.png) bottom no-repeat #f3a11e;}
.header .nav>li>a:hover,.header .nav>li.cur li:first-child a{}
.header .nav>li:first-child >ul>li:first-child a{color:#f3a11e;background:#4a2c08;}
.header .nav>li:hover{background:#f3a11e;}


.header .nav li ul li a{ font-size: 16px; text-align: left;padding:2px 4px;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.header .nav li ul li a:hover{background:#4a2c08;}


.header .nav li >ul> li.arr-down> a{background: url(../images/arr-down.png) right no-repeat;}
.header .nav li >ul> li.arr-down> a:hover{color:#f3a11e;background: url(../images/arr-down-hover.png) right no-repeat #4a2c08;}
.header .nav li >ul> li.arr-up> a{background: url(../images/arr-up.png) right no-repeat;}
.header .nav li >ul> li.arr-up> a:hover{color:#f3a11e;background: url(../images/arr-up-hover.png) right no-repeat #4a2c08;}


.header .nav li ul{display:none;position:absolute;}
.header .nav li li{line-height:25px;background:#f3a11e;width:292px; text-align: left;}
.header .nav li li:first-child{ padding-top: 10px;}
.header .nav li li a { border-bottom:1px solid #72450c;margin:0 10px 0 10px;}
.header .nav li.Box li:first-child{ padding-top: 5px;}
.header .nav li.Box .listBox{ display: none;position: absolute;background: #f3a11e; /*! padding: 0px; */ padding-top: 10px;width: 292px;text-align: left;clear: both;line-height: 46px; padding-bottom: 10px;}
.header .nav li.Box .listBox .list{ border-bottom: 3px solid #4a2c08; border-top: 3px solid #4a2c08; padding-top: 5px;}
.header .nav li.Box .listBox span{ background: #72450c; margin-left: 7px;padding: 13px 28px;margin-top: 20px; cursor: pointer;}
.header .nav li.Box .listBox span.cur{background: #4a2c08;}
.header .nav li.Box .listBox span.cur{color: #e09520;}
.header .nav li.Box ul{ margin-top: 73px;}
.header .nav>li>ul>li.cur a{ border: none;}
.header .nav>li>ul>li.cur>a:hover{ background: none; color:#2a1e09;}
.header .nav li ul li .subList{ display: none; padding: 0px 10px; overflow-y:scroll; }/*height: 100px; overflow-y:auto; overflow-x:hidden; */
.header .nav li ul li .subList ol{ background: #72450c;  padding-bottom: 10px;margin-right: 0px;}
.header .nav li ul li .subList li{ background: none; width: auto;}
.header .nav li ul li .subList li a{ color:#e09520;  line-height: 20px; font-size: 14px;}
.header .nav li ul.jingbu{}
.header .nav li ul.libu, .header .nav li ul.lunbu{ display: none;}
.header .nav li ul>li:last-child{ /*! width: 15px; */ height: 23px; border-radius: 0 0 5px 5px; padding-bottom: 30px;}
.header .nav .demo-box{  display: block;  max-height:200px; min-height: 60px;  overflow: hidden;}
.header .nav li.last{width: 0px;border: 8px solid #433621; height: 27px;}
.header .nav li li.elast {height: 1px !important;}

@media screen and (max-width:1024px){
  .headerBox {
    overflow: hidden;
    background-position: 288px 0;
  }
}

@media screen and (max-width:768px){
/*
.header .mobile_nav-btn:before { content:''; font-size:20px; }
.header .mobile_nav-btn { display:block; width:30px; height:30px; line-height:35px; position: fixed; top: 33px; left:auto; right:10px; text-align:center; margin:-15px 0; }
.header { position:relative; z-index:99; overflow:visible; margin:0 0 0; border-bottom:1px solid #e0e0e0; }
.header .mobile_nav-btn.active ~ ul.nav {
  visibility:visible;
  opacity: 1;
  margin: 0;
}
.header-cont .bg{ background: #cacaca;}

.header ul.nav { visibility:hidden; position:fixed;background:#fff; top:0; left:-100px; right:0; bottom:0; opacity:0; width:220px; z-index:999; height:auto;}
.header ul.nav ul { display:none; }
.header ul.nav li { min-width:none; height:auto; margin:0 34px; overflow:hidden; position:relative; }
.header ul.nav li { display:block; margin:0; border-bottom:1px solid #e0e0e0; width: 205px; background: #fff !important;}
.header ul.nav li.active a, .header ul.nav li:hover a,
.header ul.nav a { height:40px; line-height:40px; margin-top:0;text-align:left; padding:0 20px; }
.header ul.nav li.active a,
.header ul.nav li:hover a { color:#666; }
.header ul.nav ul { position:relative; box-shadow:none; padding-bottom:10px; }
.header ul.nav .uz-icon-arrr { float:right; width:40px; line-height:40px; height:40px; text-align:center; color:#000; background:url(../images/icon/arrr.png) no-repeat; top:0; right:0; }
.header ul.nav .uz-icon-arrr.active {background:url(../images/icon/arrb.png) no-repeat; }
.header ul.nav .uz-icon-arrr.active ~ ul { display:block; }
.header ul.nav .uz-icon-arrr.active ~ ul a { color:#777;  }

.header ul.nav ul li { border:0; }
.header ul.nav ul li a { font-size:14px; text-indent:1em; line-height:30px !important; height:30px !important; border:0; width: 160px; }
.header .header-cont{ padding-bottom: 0px;}
*/


.header .nav>li > a{ width: 85px; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.header .nav li.last{border:1px solid #433621; height: 41px;}
.header .headerNav img { padding-right: 0px;}
.headerBox,.headerBox5,.headerBox6 {
  overflow: hidden;
    background-position: 160px 0;
}
.header .headerBox5 .headerNav img, .header .headerBox6 .headerNav img {
    padding-right: 188px;
}
}
@media screen and (max-width:414px){
.header .headerNav{ width: 240px; float: right; height: 220px;}
.header .headerNav img { padding-top: 85px;}
.header .menuList { background: none;}
.header .nav{margin-left: 1px;}
.header .nav>li{border-left: 1px solid #433621; border-right: 1px solid #433621; width: 32.6%;}
.header .nav>li a{ width: auto; text-align: center;}
.header .nav li.last{ display: none;}
}

/*----------banner-----------*/
.banner{height:680px;padding:0 0 0;clear:both; border-top: 2px solid #433721;}
.banner .slick-slider .rsArrow{display:none!important}
.banner .slick-slider .rsBullets{position:absolute;top: 89%;height:90px;line-height:90px}
@media screen and ( max-width:1024px ){
.banner { height:500px; }
}
@media screen and (max-width:768px){
.banner{padding:0}
.banner .container{margin:0;width:100%}
.banner .slick-slider .rsBullets{top:auto;height:30px;line-height:30px}
.banner { height:450px; }
}
@media screen and (max-width:480px){
.banner{height:250px;}
}

/*----------footer-----------*/
.footer{background:#bab3a6;padding:30px 0 45px;font-weight:100;clear:both; text-align: center;}
.footer .container{padding:0 0 100px 0;}
.footer,.footer a{color:#433621;}
.footer a:hover{text-decoration:underline}
.footer .nav{padding-bottom:20px; text-align: center; font-size: 18px; color: #433621; border-bottom: 2px dotted #433621; line-height: 28px;}
.footer .nav a{ margin: 0 10px;}
.footer .copyright{ margin-top: 20px;}
.footer .copyright,.footer .beian{font-size:14px; display: block;}

@media screen and (max-width:768px){
.footer .nav{ font-size: 16px;}
}

.main{
  background: #e9e1d7;
  margin: 0 auto;
  padding: 10px;
  clear: both;
  height: auto;
}
.news .list{ display:none;}
.news .list.cur{ display:block;}

.news{ clear: both; padding-top: 12px;}
.news  .leftBox{
  border: 22px solid #ab885c;
  float: left;
  height: 208px;
  max-height: 208px;
  overflow: hidden;
}
.news .rightBox{
  float: left;
  width: 75%;
  padding: 10px 0;
  background: url(../images/right-arr.png) left no-repeat;
}
.news.knowledge .rightBox{width: 64%;}

.rightBox .content{
  background: #FFF;
  height: 178px;
  padding: 20px 33px 33px 33px;
  -webkit-box-shadow: 5px 5px 5px #afa9a2;
  -moz-box-shadow: 5px 5px 5px #afa9a2;
  box-shadow: 5px 5px 5px #afa9a2;
}

.rightBox .content h3{ font-size: 22px; color: #433621;padding-bottom: 15px; padding-top: 10px;}
.featured .rightBox .content h3{padding-top: 3px;}
.content h4{ font-size: 18px; padding: 10px 0 0px;}
.content h5,.content h6{ font-size: 14px;
padding: 15px 0;
font-weight: bold;}

@media screen and ( max-width:480px ){
  .news .rightBox .content h3 {
    font-size: 24px;
    color: #433621;
    padding-bottom: 10px;
  }
}

.news .rightBox .content{ color: #d86100; font-size: 14px;}
.news .rightBox .content p{ padding-top:6px; padding-bottom: 6px;}
.news .rightBox .info p{line-height: 20px;}

.news .newslist{ clear: both;padding: 20px 5px;}
.news .newslist li{ line-height: 34px; border-bottom: 1px dashed #bab3a6;}
.news .newslist li a{ color:#433621; font-size: 14px;}

.listItem {
  width: 28.8%;
  border: 10px solid #bab3a6;
  border-radius: 2px;
  float: left;
  margin: 0px 16px 0 16px;
  overflow: hidden;
  background: #bab3a6;
  text-align: center;
}
.listItem:first-child{ margin-left: 0px;}
.listItem:last-child{ margin-right: 0px; padding-right: 0px;}
.listItem h3{ font-size: 18px; padding-top: 8px;}
.last{ margin-right: 0px; padding-right: 0;}


.cover {
overflow: hidden;
z-index: 1;
filter: alpha(opacity=0);
opacity: 1;
transition: all .5s ease;
-moz-transition: all .5s ease;
-webkit-transition: all .5s ease;
-o-transition: all .5s ease;
position: absolute;
padding-top: 60px;
padding-left: 95px;
}

.cover .bg {
background: #005EBD;
filter: alpha(opacity=80);
opacity: 0.8;
position: absolute;
top: 0px;
bottom: 0px;
right: 0px;
left: 0px;
}



.about{ background: #FFF; clear: both; margin-top: 30px; margin-bottom: 30px;}
.about .content h1,.about .content h2{font-size: 24px;}
.about .content h3,.about .content h4,.about .content h5{ padding: 10px 0; font-size: 16px; }

.about .aboutHeader{ background: #e49d00; font-size: 22px; color: #261801; padding: 12px 20px 10px 20px;}
.about .arrow-top{
background: url(../images/toparr.png) left no-repeat;
width: 36px;
height: 28px;
float: left;
}

.about .content{padding: 12px 25px 25px 25px; color: #4b2c08; font-size: 14px; overflow: hidden;}
.about .content .imgBox{ float: left; padding-right: 20px; padding-top: 15px; padding-bottom: 240px;}
.about .content .list{ margin: 10px 0;}
.about .content .list a{ /*! width: 200px; *//*! padding-right: 60px; */display: block;width: 33%;float: left; padding-bottom:5px;}

.about .content img{width: 94%;}

.content .listBox li{ float: left; text-align: center; /*! width: 14%; */}
.about .content .listBox li{  width: 14%;}
.musicBox p a{ display: block;}
.musicBox p{padding-bottom: 2px;}

.ctop .list{ display: none;}
.ctop .list.cur{ display: block;}

.chinese .leftBox,.featured .leftBox{
  border-right: 30px solid #ab885c;
  border-left: 30px solid #ab885c;
  border-top: 44px solid #ab885c;
  border-bottom: 44px solid #ab885c;
  float: left;
  height: 238px;
}


.leftBox img{box-shadow: 5px 5px 5px #666; width: 190px;}
.knowledge .leftBox img{box-shadow: 5px 5px 5px #666; width: 292px;}
.chinese .rightBox,.featured .rightBox{
  float: left;
  width: 73.2%;
  padding: 10px 0;
  background: url(../images/cright-arr.png) left no-repeat;
  height: 305px;
}
.chinese .rightBox .info,.featured .rightBox .info{ color: #2a1706; height: 258px;}
.chinese .rightBox .content,.featured .rightBox .content {
    padding: 12px 15px 33px 33px;
}

.chinese .rightBox .info .demo-box,.featured .rightBox .info .demo-box{  display: block; overflow: hidden;}
.chinese .listBox, .featured .listBox{ /*! padding-top: 15px; */ color: #4b2c08; height: 140px;margin-top: 15px;}
.featured .listBox{ height: 232px;margin-top: 20px;}
.chinese .listBox li, .featured .listBox li{ float: left; cursor: pointer; min-width: 30px; height: 30px; background: #e9e1d7; margin-right: 10px;border-radius: 5px; text-align: center; margin-bottom: 8px; padding-top: 10px; font-size: 18px; padding-left: 5px; padding-right: 4px;}

.featured .listBox li{ width: 95%; height: 27px; background: none; margin-right: 10px;border-radius: 5px; text-align: left; margin-bottom: 8px; padding-top: 10px; font-size: 18px; padding-left: 10px; padding-right: 4px;/*! display: block; */}
.chinese .listBox li.cur,.chinese .listBox li:hover, .featured .listBox li.cur,.featured .listBox li:hover{ background: #e49d00;}
.chinese .listBox li a:hover,.featured .listBox li a:hover{ text-decoration: none; color: inherit;}


.mainInnerBox{margin-top:10px}
.mainInnerBox .line{border-bottom:2px solid #433621;top:13px;position:relative;z-index:1;margin:0 5px}
.main .listh3{font-size:30px;text-align:center;padding:26px 40px 26px 40px}
.listNav{text-align:center;background:#e9e1d7;list-style:none;width:auto;margin:0 auto;position:relative;z-index:2;display:block;clear:both}
.listNav li{vertical-align:top;font-size:18px;padding:0 5px;display:inline-block;color:#433621}


.w25 {
    width: 25%;
}
.w20 {
    width: 20%;
}

.links_list{
  padding: 36px 0;
}
.links_list ul li {
float: left;
list-style: none;
width: 21.4%;
margin: 0 44px 30px 0px;
text-align: center;
}
.links_list ul li a{ display: block;}
.links_list ul li:last-child{ margin-right: 0px; padding-right: 0px;}

.service-banner { display: block; clear: both; background: #433621; height: 636px; text-align: center; padding-top: 50px;}
#videos p{border: 15px solid #9a7d4f;background: #000;min-height: 450px;}

@media screen and ( max-width:800px ){
.service-banner { overflow:hidden }
.service-banner > a { display:block; height:100%; margin:0 -1000%; }
.service-banner > a img { display:block; width:auto; height:100%; margin:0 auto; }
.service-banner { height: 510px; }
}
@media screen and ( max-width:480px ){
.service-banner { height:380px; }
}
@media screen and ( max-width:320px ){
.service-banner { height:360px; }
}



.book-banner { display: block; clear: both; background: #433621; height: 666px; text-align: center;}

@media screen and ( max-width:800px ){
.book-banner { overflow:hidden }
.book-banner > a { display:block; height:100%; margin:0 -1000%; }
.book-banner > a img { display:block; width:auto; height:100%; margin:0 auto; }
}
@media screen and ( max-width:480px ){
.book-banner { height:380px; }
}
@media screen and ( max-width:320px ){
.book-banner { height:360px; }
}

.bookTop{
height: 52px;
display: block;
color: #daae67;
text-align: right;
padding-top: 18px;
padding-right: 60px;
}
.bookTop.dazang{
height: 32px;
}
.bookTop .title{ width: 480px; float: left; font-size: 14px;text-align: left; display:  block; margin: 12px 0 0 31px;}

.bookTop li{ float: right; line-height: 41px; width: 41px; background: url(../images/booknav.png) left no-repeat; font-size: 18px;text-align: center;margin-right: 6px; cursor: pointer;}
.bookTop li:hover,.bookTop li.cur{  background: url(../images/booknav.png) right no-repeat; color: #000;}

.bookTop li.vh,.bookTop li.vh:hover{ background: url(../images/bookmore.png) center no-repeat;}
.bookTop li.vh.bg,.bookTop li.vh.bg:hover{ background: url(../images/bookmore_bg.png) center no-repeat;}



/*---------竖屏----------*/
.vbook.book{
background: url(../images/vbookbg_03.png) 60px 40px repeat-x #fff;
}
.vbook.book .content{ /*! height: 410px; */ /*! margin: 0 44px; */
background: url(../images/contentZ.png) top right repeat-x;
/*overflow: hidden;*/
margin-top: 48px;

}
.vbook.book .Bookul {
list-style-type: none;
text-align: left;
position: relative;
margin-top: -38px;
}
.vbook.book .Bookul .py {
float: right;
width: 40px;
margin-right: 2px;
height: 420px;
}
.vbook.book .Bookul .py:first-child {
  margin-top: 6px;
}
.vbook.book .Bookul .wz {
float: right;
width: 40px;
margin-right: 1px;
height: 420px;
}

.vbook.book .Bookul .py span {
  font-size: 9px;
    line-height: 31px;
    height: 31px;
    /*! color: #cc6731; */
    display: block;
    word-wrap: normal;
    word-break: normal;
    list-style-type: none;
    margin-left: 3px;
}
.vbook.book .Bookul .wz span {
    display: block;
  font-size: 22px;
  font-family: SimSun !important;
    font-family: KaiTi,楷体;
    font-family: simkai;
  line-height: 31px;
    /*! color: #07060c; */
    height: 31px;
    word-wrap: normal;
    word-break: normal;
    list-style-type: none;
    margin-left: 9px;
}

.vbook .bottom{ /*background: #fff;*/}

.vbook.book .bookBox{height: 440px;}
.vbook.book .Bookul .py span.dian,.vbook.book .Bookul .wz span.dian,.vbook.book .Bookul .py span.dou,.vbook.book .Bookul .wz span.dou, .vbook.book .Bookul .py span.pydian{
margin-left: 24px;
margin-top: -28px;
}


.Bookul{ height: 440px; overflow: hidden; display: none;padding-top: 10px;}

.bookBox .Bookul.cur{ display:block;}  /*.bookBox .Bookul:first-child,*/



.Bookul .wz span .bd {
font-size: 15px;
position: absolute;
}
.Bookul img{ width: 20px; margin-top: -7px;}

.Bookul.pdfbook img{ width: 90%;}
.vbook .Bookul.pdfbook .left{ /*! text-align: right; */float: right;padding-right: 10px;}
.vbook .Bookul.pdfbook .right{ /*! text-align: left; */ /*! float: left; */}
.vbook .Bookul.pdfbook{ margin-top: -40px; padding-bottom: 40px;/*! background: #fff; */}
.vbook .Bookul.pdfbook .right img{ width: 91%;}

.zangwen .Bookul img{ width: 99%; margin-top: 10px;/*! border: 1px solid #ccc !important; */}
/*---------end 竖屏----------*/

/*---------横屏----------*/
.vbook{
position: relative;
width: 939px;
overflow: hidden;
height: 523px;
margin: auto;
border: 8px solid #bb7911;
/*background: url(../images/bookbg.png) top center no-repeat #fff;*/
background: #fff;
}


@media screen and ( max-width:768px ){
.vbook {
width:auto;
}
.vbook .Bookul .right,.vbook .Bookul .left {
width: 49%;
}
.vbook .Bookul .py span { width: 24px !important;;}
.vbook .Bookul .wz span { width: 24px !important;;}
.chinese .rightBox {
width: 66%;
}
.header .headerBox4 .headerNav img {
padding-right: 2px;
width: 70%;
padding-top: 24px;
}
.zangwen {
width: auto !important;
}

}

@media screen and ( max-width:474px ){
#book {
width: 360px;
height: 300px;
}
}
@media screen and ( max-width:375px ){
#book {width: 320px; }
}
@media screen and ( max-width:320px ){
#book {width: 280px; }
}
.vbook .top{ height: 49px;
position: absolute;
width: 100%;
}
.vbook .top .juan{ float: left; text-align: left;color: #884f05; padding-top: 15px; margin: 0 10px;}
.vbook .top .juan:last-child{ text-align: right;}
.vbook .content{



height: 100%;
padding-top: 28px;
background: url(../images/book-bg.png) center repeat-y;
/*overflow: hidden;*/
color: #884f05;
float: left;
width: 91.06%;
}
.vbook .bottom{ /*border-top: 1px solid #d7be9d;*/ height: 40px; padding-top: 15px; display: block; /*! background: url(../images/book-bg.png) center repeat-y; *//*! background: #fff; */}
.vbook.book .bottom{background: #fff;padding-top: 8px;border-top: 1px solid #c29c6b;width: 120%;margin-left: -10%;}
.vbook .bottom .page{ width: 49%; color: #ae9172;float: left;/*! position: relative; *//*! top: -20px; */}
.vbook .bleft{
width: 37px; height: 460px;
background: url(../images/hangwen-left-bookbg.png) left top no-repeat;
float: left;
color: #884f05;
padding-top: 15px;
}
.vbook .bright{
width: 37px; height: 460px;
background: url(../images/hangwen-right-bookbg.png) right top no-repeat;
float: right;
color: #884f05;
padding-top: 15px;
}

.vbook.dazang .bleft{
background: url(../images/dazang-left-bookbg.png) left top no-repeat;
}
.vbook.dazang .bright{
background: url(../images/dazang-right-bookbg.png) right top no-repeat;
}

.vbook.dazang p{ font-size: 16px;}




.vbook .content{
/*background: #fff;*/
margin-left: 4px;
}

.vbook .Bookul .py {
width: 100%;
margin-right: 2px;
}
.vbook .Bookul .wz {
width: 100%;
margin-right: 1px;
}


.vbook .Bookul .left{ width: 49%; float: left;/*! text-align: left; *//*! padding-left: 6px; */}
.vbook .Bookul .right{ width: 48.5%; float: left;/*! padding-left: 2px; */}
.vbook .Bookul .left p,.vbook .Bookul .right p{
text-align: left;
line-height: 22px;
display: block;
overflow: hidden;
height: 20px;
padding: 0;
padding-left: 15px;
}
.vbook.dazang .Bookul .left p,.vbook.dazang .Bookul .right p{
text-align: center;
line-height: 26px;
height: auto;
}
.vbook .Bookul .left p.py,.vbook .Bookul .right p.py{ height: 16px; /*! padding-left: 10px; */}
.vbook .Bookul .left p.wz,.vbook .Bookul .right p.wz{ height: 28px; display: block;}
.vbook.dazang .Bookul p a{ color: #cc6600;text-decoration: underline;}

.vbook.dazang .Bookul .left{ /*! padding-left: 10px; */padding-top: 20px;}
.vbook.dazang .Bookul:first-child .left{ margin-top: -20px;}

.vbook.dazang .Bookul .right{ float: right; width: 49%; padding-top: 20px; }

.dazang .Bookul .left p:nth-child(3n-2),.dazang .Bookul .right p:nth-child(3n-2){color: #cc6600; font-size: 18px;}
.dazang .Bookul .left p:nth-child(3n-1),.dazang .Bookul .right p:nth-child(3n-1){color: #333; font-size: 18px;}
.dazang .Bookul .left p:nth-child(3n),.dazang .Bookul .right p:nth-child(3n){color: #0d73c6; padding-bottom: 16px;font-size: 24px;}



.dazang .Bookul .left p>span,.dazang .Bookul .right p>span{ font-size: 12px;color: #555453;}

.vbook .Bookul .py span {
font-size: 9px;
font-family: -webkit-pictograph;
line-height: 12px;
width: 29px;
text-align: center !important;
display:block;
_zoom:1;
/*! *display:inline; */
float: left;
color: #cc6733;
}
.vbook .Bookul .wz span {
font-size: 20px;
font-family: SimSun !important;
word-wrap: normal;
word-break: normal;
list-style-type: none;
margin-left: 0px;
width: 29px;
display: block;
_zoom: 1;
float: left;
text-align: center;
}

.vbook .Bookul .py span.pymall{ font-size: 0.5em;}

.vbook .Bookul .py span.dian,.vbook .Bookul .wz span.dian,.vbook .Bookul .py span.dou,.vbook .Bookul .wz span.dou,.vbook .Bookul .py span.pydian{/*! width: 10px; */ /* text-align: left;*/ margin-left: -10px;width: 39px;/*! font-size: 20px; */}
.vbook .Bookul .wz span.zhu{ background: url(../images/zhu_bg.png) center no-repeat;}
.vbook .Bookul .wz span .mark{ display: none;  }
.vbook .Bookul .wz span.zhu .mark{display: block; z-index: 20; color: #4b2c08; position: absolute; padding: 20px;  margin-top: -82px; margin-left: -45px;/*! background: url(../images/zhu_arr.png) 58px 48px no-repeat; */

}

.vbook.book .Bookul .wz span.zhu .mark {
    margin-top: -90px;
    margin-left: -48px;
}


.vbook .Bookul .wz span.zhu .mark b{  background: #f1bf4a;padding: 8px 10px; border: 1px solid #f1f1f1; border-radius: 5px;
-webkit-box-shadow: 3px 3px 3px;
-moz-box-shadow: 3px 3px 3px;
box-shadow: 1px 3px 5px 0px #ccc;
font-size: 12px;
}
.vbook .Bookul .wz span.zhu .mark d{ background: url(../images/zhu_arr.png) center bottom no-repeat; position: absolute; top: 39px; left: 49px; /*! width: 30px !important; */}
/*-------横屏---------------*/

.zangwen-banner { display: block; clear: both; background: #433621; height: 636px; text-align: center;}

@media screen and ( max-width:800px ){
.zangwen-banner { overflow:hidden }
.zangwen-banner > a { display:block; height:100%; margin:0 -1000%; }
.zangwen-banner > a img { display:block; width:auto; height:100%; margin:0 auto; }
}
@media screen and ( max-width:480px ){
.zangwen-banner { height:380px; }
}
@media screen and ( max-width:320px ){
.zangwen-banner { height:360px; }
}

.zangwen{
position: relative;
width: 939px;
overflow: hidden;
height: 490px;
margin: auto;
border: 8px solid #9e160a;
background: #FFF;
}

.zangwen .content{ height: 384px;
background: url(../images/book-dazang-bg.png) center repeat-x;
overflow: hidden;
color: #884f05;
margin-bottom: 20px;
}
.zangwen .content .left,.zangwen .content .right{ /*! height: 195px; */}
.zangwen .content .left{ margin-top: -15px;width: 1019px;margin-left: -40px;}
.zangwen .content .right{ margin-top: 10px; width: 1019px;
margin-left: -40px;}

.zangwen-banner .bookTop {
height: 42px;
padding-top: 0px;
}

.zangwenList,.dazangList,.featuredList{ height: 225px;}
.topList{ height: 140px; overflow: hidden;}
.dazangList,.featuredList{ margin-top: 25px;}
.zangwenList li{ display: block; line-height: 35px; border-bottom: 1px solid #cdb18d; width: 96%; padding-left: 10px; font-size: 24px;font-weight: 700;}
.zangwenList li.cur,.zangwenList li:hover{ background:#fce5b3;}

.zangwenList li a{ text-decoration: none; color: #4e2e0f;}
.zangwenList li a span{ font-size: 30px;}
.zangwenList li a:hover{ color: #433621;}

.featuredList{background: url(../images/renbg.jpg) right bottom  no-repeat; }


.topList li{ display: block; line-height: 28px; width: 96%; padding-left: 5px; font-size: 14px;}
.topList li.cur,.dazangList li:hover,.featuredList li:hover{ background:#fce5b3;}
.topList li a{ text-decoration: none; color: #d86100;}
.topList li a:hover{ color: #433621;}



.dazangList li,.featuredList li{ display: block; line-height: 32px; width: 96%; padding-left: 5px; font-size: 16px;}
.dazangList li.cur,.dazangList li:hover,.featuredList li.cur,.featuredList li:hover{ background:#fce5b3;}
.dazangList li a,.featuredList li a{ text-decoration: none;}
.dazangList li a:hover,.featuredList li a:hover{ color: #433621;}

.featuredList li:hover{ background: none;}
.featuredList li a:hover{text-decoration: underline;}


.pages{margin-top:20px;clear:both;text-align: center; font-size: 14px; margin-bottom: 30px;}
.pages a{font-size:14px;color:#433621;background:#f5f5f5;color:#666;display:inline-block;font-family:SimSun;height:32px;line-height:32px; margin-right: 3px;text-align:center;-moz-transition:background-color .2s ease-out 0s;-o-transition:background-color .2s ease-out 0s;-webkit-transition:background-color .2s ease-out 0s;transition:background-color .2s ease-out 0s;min-width:32px;}
.pages a.cur,.pages a:hover{background:#e49d00;color:#FFF}
.pages .next,.pages .prev{font-weight:700}
.yuan{/*! padding-top: 22px; */top: 10px;position: relative;/*! height: 40px; *//*! overflow: hidden; */max-width: 930px;margin: 0 auto;/*! max-height: 60px; *//*! overflow: hidden; */}
.yuan a{border-radius: 50%; width: 10px; height: 10px; background: #6b5a3c;display: inline-block; margin:0 2px;min-width: 8px;}
.yuan a.cur{ background: #e49d00;}


.zangwen .top, .zangwen .bottom{ height: 50px; background: url(../images/dazang-bookbg.png) center top no-repeat;/*! cursor:pointer; */}
.zangwen .bottom .page{ text-align: center;position: relative; top: -25px;}

.zangwen .top .page{ text-align: center;position: relative; top: 40px;}
.zangwen .yuan{ background: none; padding-top: 0;}

.nextprev{ margin:  20px;}

.nextprev a{ color: #e49d00; font-size:  14px; padding: 10px; font-weight:bold;}

.label{
margin-top: -5px;
margin-left: 658px;
/*! margin: 0 auto; */
position: absolute;
z-index: 30;
float: right;
}
.newlist .label{ margin-left: -5px; margin-bottom: auto;}
.newlist .label a{ float: right; margin-left: 800px; padding: 20px; font-size: 16px; text-decoration: underline;}
.chinese .label,.featured .label{margin-left: 641px;}

@media screen and ( max-width:822px ){
.news .rightBox {
width: 54%;
}
.listItem {
width: 27.5%;
}
.links_list ul li {
width: 20.5%;
}

}

@media screen and ( max-width:414px ){
.listItem {
width: 100%;
}
.mainInnerBox{ display: none;}
.listItem {
margin-left: 0px;
margin-right: 10px;
border: none;
margin-bottom: 20px;
padding-top: 20px;
}
.yuan a {

width: 20px;
height: 20px;
margin: 0 5px;

}
.listItem h3 {
padding-bottom: 20px;
}
.news .leftBox {
float: inherit;
}
.news .rightBox {
width: 100%;
background: none;
}
.news .rightBox .content {
height: auto;
}

.footer .container {
padding: 0 0 0px 0;
}
}
@media screen and ( max-width:380px ){
.header .logo {
float: none;
text-align: center;
}
.header .headerNav{ display: none;}
}


.news-breadcrumb { background: #433621; text-align: center; padding-top: 20px; height: 40px; font-size: 14px; margin-top: 3px;}

.tit_item{color:#333;padding-bottom:1px;}
.tit_item h3{font-size:18px;padding-left:10px;padding:2px 10px 4px 10px;font-weight:600;float:left;color:#daae67;max-width: 70%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.tit_item .breadcrumb{float:right;margin-top:4px; color: #daae67; padding-right: 10px; }
.tit_item .breadcrumb a{padding:0 0; color: #daae67; }
.tit_item .breadcrumb a:hover{text-decoration:underline; color:#fff;}

.newlist{
  background: #FFF;
  -webkit-box-shadow: 5px 5px 5px #afa9a2;
  -moz-box-shadow: 5px 5px 5px #afa9a2;
  box-shadow: 5px 5px 5px #afa9a2;
  color: #666;
  margin-top: 20px;
}
.newlist ul{ padding-top: 30px;}
.newlist li{ border-bottom: 1px solid #e5e5e5; padding:  30px 0;}
.newlist li h3{ font-size: 18px;}
.newlist .left{ width: 70%; float: left; padding: 0% 6%; }
.newlist .left .desc{ height: 38px; overflow: hidden; margin-bottom: 5px;}
.newlist .right{ width: 20%; float: left;}
.newlist .right img{ width: 80px;}

.prevNext{clear:both;text-align:right;margin-bottom:10px;border-top:1px solid #e5e5e5;padding:20px;}
.prevNext .prev{float:left}
.prevNext a{text-decoration:underline}
.prevNext,.prevNext a{color:#666;}
.prevNext a:hover{color:#e49d00;}


.list0006{background: #fff;  padding: 20px 0px;margin: 20px auto;border-radius: 5px;}
.list0006 .label{margin-top: -24px; margin-left: -4px;}
.list0006 .label .head{ float: right; border-bottom: 3px solid #f3691e; height: 70px;}
.list0006 .label .head a{ float: right; margin-left: 768px; font-size: 16px;background: #f3691e; position: relative; top: -25px; padding: 5px 10px;color:  #fff;}
.list0006 .label .head h3{ color: #f3691e; font-size: 28px; padding-top: 38px;}



.list0006 .speaklist{ margin: 0;  padding: 40px;}
.list0006 .speaklist li{ /*! margin:0px 10px; */ margin: 30px 20px;overflow: hidden; padding-bottom: 10px; border-bottom: 1px dashed #e5e5e5;}
.list0006 .speaklist li>a>img{ float: left; width: 25%; text-align: left;/*! margin-left: -12px; */ margin-top: 5px; margin-right: 20px; padding-bottom: 10px;}
.list0006 .speaklist li>a:hover{text-decoration:none; color: #333;}
.list0006 .speaklist li h3{ font-size: 20px; }
.list0006 .speaklist li h3:hover{text-decoration: underline;}
.list0006 .speaklist li p{line-height: 16px; padding-top: 0;}
.list0006 .speaklist li span{color: #666; font-size: 12px; padding-right: 5px; margin-left: 3px;}
.list0006 .speaklist .count img{ width: 16px; vertical-align: text-bottom;}



.counts{margin-top: 2px;}
.counts li{
  float: left;
  list-style: none;
  text-align: left;
  /*! max-width: 22%; */
  margin-right: 5px;
}

.counts b{
  width: 16px;
  padding-left: 14px;
  background-size: 90% !important;
}
.counts b{background-size: 100% !important;}

.counts .c01{
  background: url(/static/images/icon14.png) left no-repeat;
}
.counts .c02{
  background: url(/static/images/icon11.png) left no-repeat;
}
.counts .c03{
  background: url(/static/images/icon05.png) left no-repeat;
}
.counts .c04{
  background: url(/static/images/icon07.png) left no-repeat;
}
.counts .c05{
  background: url(/static/images/icon03.png) left no-repeat;
}
.counts span{ vertical-align: top; font-size: 11px; padding-left: 3px; text-align: left;}



.radiolist{ background: #fff;}
.radiolist .head{ text-align: center; /*! border-bottom: 1px solid #e5e5e5; */ margin-bottom: 15px; padding-bottom: 15px;}
.radiolist .head .photo{border-radius:75px; border:2px solid #fcefee; overflow:hidden; margin:10px auto;  width: 150px; height: 150px; text-align: left: 50%;}
.radiolist .head .photo img{ /*! padding-top: 12px; */}
.radiolist .head h3{ font-size: 20px;}
.radiolist div.clearfix{ /*! padding: 5%; */ padding: 10px 15px; }
.radiolist .content{ padding:20px 40px;}
.radiolist .content .title{padding: 5px 10px; background: #e5e5e5; color: #333; /*! margin-left: -15px; */ /*! margin-right: -15px; */}

.radiolist .head{ margin: 0 40px;}
.radiolist .head p{ text-align: left; padding: 10px 15px; color: #999; font-size: 16px;}
.radiolist .showpic{ float: left; border-radius:105px; overflow:hidden; margin:5px auto;  width: 90px; height: 90px; margin-right: 15px; }

.radiolist a{ border-bottom: 1px solid #e5e5e5; display: block; padding: 10px 20px;}
.radiolist a:hover{ text-decoration: none; color:#333; }
.radiolist a.cur h3{ color: #999;}
.radiolist a h3{ font-size: 14px; margin: 12px 0 15px; color: #666;  white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.radiolist a .cover{ /*! width: 80px; */ /*! left: 18px; */ background: url(../images/radio-player01.png) center 30px no-repeat;/*! height: 80px; */background-size: 30px; height: 90px;}
.radiolist a.cur .cover{ background: url(../images/radio-pause01.png) center 23px no-repeat;background-size: 26px;}



.nav0003 {
  margin: 10px 0px 0 0px;
}

.nav0003 li {
  cursor: pointer;
  font-size: 14px;
  background: #f4eade;
  float: left;
  line-height: 30px;
  width: 33%;
  text-align: center;
  border: 1px solid #966;
  border-right: 0
}
.nav0003 li.cur {
  background: #c26e26;
  color: #fff
}

.list0005 .top0001 {
  clear: both;
  background: #fff;
  padding: 20px 20px 20px 25px;
}

.top0001 ul li a {
  color: red
}

.list0005 .top0001 .imgBox {
  margin-right: 20px;
}
.list0005 .topradio .imgBox {
  float: left; border-radius:85px; overflow:hidden; /*! width: 70px; */ /*! height: 70px; */ margin-right: 20px;
}
.list0005 .topradio h3{ padding-top: 5px;}

.list0005 .top0001 img {
  float: left;
  max-height: 105px;
  /*! margin-right: 10px; */
  padding-top: 0
}

.list0005 .top0001 h3 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: initial
}

.list0005 .top0001 .desc {
  line-height: 16px;
  margin-bottom: 10px;
  font-size: 11px;
}
.list0005 .top0001.topradio .desc{ font-size: 14px; padding-top: 6px;}


.write_pay ul{ }
.write_pay ul li{float: left;padding: 0 3px;cursor:pointer;/* font-size: 16px; */}

.write_pay ul li i{width: 28px;height: 28px;display:inline-block;vertical-align:top;}
.write_pay ul li i img{height: 85%;}

.list0005 .content {
  background: #fff;
  /*! margin-top: 15px; */
  padding: 10px 25px 60px;
  min-height: 380px;
  display: none;
}

.list0005 .content.comment {
  padding: 5px 0;
}

.list0005 .content.comment .product-details-liuyan {
  border: 0
}

.list0005 .content li {
  border-bottom: 1px dashed #d2cbc3;
  line-height: 35px;
  padding: 0 5px;
}
.list0005 .content .bookTop li {line-height: 45px;}


.list0005 .content li a {
  font-size: 14px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-left: 8px;
  color: #482B0B;
  clear: both;
}


.list0005 .content .text {
  border-top: 1px dashed #d2cbc3;
  padding-top: 10px;
}

.list0005 .content li.cur {/*,.list0006 .content li:hover*/
  background: #d8c6b2;
}
.list0005 .content b,.comment-list b{ float: left;}
.list0005 .radiolist b{ width: 60%;   white-space: nowrap;overflow: hidden;text-overflow: ellipsis; max-height: 35px; }


.list0005 .counts{ /*! margin-top: 2px; */ }
.list0005 .counts li{float: right;padding:0;margin:0;list-style: none;text-align: right;/* width: 12%; */padding-right: 0; border: 0;}
.list0005 .counts li img{/*! width: 35%; *//*! padding-top: 10px; */width: 16px;margin-left: 10px;}
.list0005 .counts li span{ vertical-align: top; font-size: 11px; padding-left: 3px;}

.list0005 .content li.count{ margin-left: 8px;}
.list0005 .content li.count li{float: left;padding:0;list-style: none;text-align: left; height: 18px; line-height: 18px; border: 0;}
.list0005 .content li.count li img{width: 30%; margin-top: 1px;}
.list0005 .content li.count li>span{font-size: 11px; padding-left: 3px; vertical-align: top;}

.list0005 .imglist0002 .content {
  padding: 0;
}

.list0005 .clist002 {
  text-align: center;
}

.list0005 .clist002 p {
  line-height: 25px;
}

.list0005 .clist002 p:nth-child(3n-2) {
  color: #c60;
  font-size: 18px;
}

.list0005 .clist002 p:nth-child(3n-1) {
  color: #333;
  font-size: 18px;
}

.list0005 .clist002 p:nth-child(3n) {
  color: #0d73c6;
  padding-bottom: 16px;
  font-size: 20px;
}

.list0005 .clist002 p span {
  font-size: 14px;
  color: #555453;
}