.clear{ width:100%; clear:both; overflow:hidden; height:10px;}
.hover{-o-transition:all ease .3s;  -webkit-transition: all ease .3s; -moz-transition:all ease .3s; -ms-transition:all ease .3s;  transition: all ease .3s;}
.hover:hover{-o-transform:scale(1.05); -webkit-transform: scale(1.05); -moz-transform:scale(1.05); -ms-transform:scale(1.05); transform: scale(1.05);}
.w1200{ width:1200px; margin:auto; clear:both; position:relative;}
/*头部*/
#toper{ float:left; clear:both; width:100%; height:40px; line-height:40px; background:#F0F0F0; border-bottom:solid 1px #EEE;}
#toper a{ margin:0px 5px;}
#header{ width:1200px; margin:auto; height:100px; padding:15px 0px 25px 0px; clear:both;}
#header .logo{ float:left; width:225px; height:100px; }
#header .logo img{ height:100px;}
#header .search{ height:85px; padding:15px 0px 0px 60px; width:450px; overflow:hidden; float:left;}
#header .search .kw{ width:100%; float:left; clear:both; padding:5px 0px 0px 0px; height:30px; line-height:30px; color:#999; overflow:hidden;}
#header .search .kw a{ margin:0px 10px 0px 0px; color:#999;}
#header .search .txbkw{ display:block; float:left; width:330px; padding-left:10px; height:46px; line-height:46px; border:solid 2px #c79e68; color:#9c9c9c;}
#header .search .btnkw{ display:block; float:left; width:100px; height:50px; background:#c79e68; overflow:hidden; border:none; cursor:pointer; color:#FFF; font-size:16px;}
#header .indexwx{ float:right; padding:20px 0px 0px 0px;}
#header .indexwx p{ float:left; height:40px; line-height:40px;}
#header .indexwx .wx { background: url(../images/twx2.png) no-repeat left center; padding-left:28px; position: relative; }
#header .indexwx .wx img{ width: 120px; height: 120px; position: absolute; top: 99%; left: -30px; display:none;  padding:5px; border:solid 1px #EEE; background:#FFF; z-index:9999999;}
#header .indexwx .wx:hover img{ display: block;}
#header .indexwx .dh { background: url(../images/ttel2.png) no-repeat left center; padding-left:25px; margin-left:12px;}
#header .indexwx p i{ display:block; float:left;}
#header .indexwx em{ display:block; float:left; font-size:32px; color:#c79e68;}

#menu{ width:100%; height:50px; line-height:50px; border-bottom:solid 3px #c79e68;}
#menu .nav{ width:1202px; height:50px; margin:auto; clear:both;}
#menu dl{ width:210px; float:left; z-index:100;}
#menu dl dt{ width:100%; height:50px; text-align:center; overflow:hidden; background:#c79e68; position:relative; color:#FFF;}
#menu dl dt a{font-size:18px; color:#FFF;}
#menu dl dt a:hover{ color:#FFF;}
#menu dl dt i{ display:block; width:10px; height:5px; background:url(../images/jt.png) 0px 0px no-repeat; position:absolute; top:22px; right:25px;}
#menu dl dt .curr{background:url(../images/jt.png) -11px 0px no-repeat;}
#menu dl dd{ width:210px; z-index:999; border-bottom:solid 1px #DDD; position:absolute; display:none;}
#menu dl dd .item{ width:200px; border-left:solid 1px #DDD; border-right:solid 1px #DDD; border-top:solid 1px #DDD; padding-left:8px; height:48px; line-height:48px; cursor:pointer; background:#F8F8F8; position:relative; z-index:999; overflow:hidden; float:left;}
#menu dl dd .itemcurr{ width:201px;  border-top:solid 1px #DDD; padding-left:9px; height:48px; line-height:48px; background:#FFFFFF url(../images/xian.png) 0px 0px no-repeat; cursor:pointer; position:relative; z-index:999; float:left;}
#menu dl dd span{ display:block; width:191px; padding-left:10px; height:32px; overflow:hidden;}
#menu dl dd b{ display:block; height:32px; width:19px; float:left;}
#menu dl dd .item a,#menu dl dd .itemcurr a{ display:block; width:145px; float:left; padding-left:11px; font-size:14px;}
#menu dl dd i{ display:block; float:right; overflow:hidden; padding-right:10px; margin-top:14px; width:6px; height:11px; background:url(../images/master.png) -133px -45px no-repeat; z-index:999;}
#menu dl dd .itemcurr i{ background:none;}
#menu dl dd .category{ float:left; position:absolute; top:0px; left:209px; line-height:30px; border:solid 1px #DDD; width:680px; background:#FFFFFF; padding:14px; padding-top:0px; display:none; z-index:1;}
#menu dl dd .category a{ margin:0px 10px 0px 0px;}
#menu ul{ float:left; width:992px; overflow:hidden;}
#menu ul li{ position:relative; float:left; display:inline; text-align:center; width:124px; height:50px; line-height:50px;}
#menu ul li:after {
    content: '';
    display: block;
    width: 1px;
    background: #d6d6d6;
    height: 10px;
    position: absolute;
    left: 0px;
    bottom: 20px;
}
#menu ul .li{ background:none;}
#menu ul li a{ display:block; width:100%; font-size:18px;}
#flash{ width:100%; float:left; clear:both; overflow:hidden;}
#banner{ width:100%; height:300px; float:left; clear:both; overflow:hidden; position:relative;}
#banner>div{ width:100%; height:300px; background-size:100% auto;}
.index_list{ float:left; clear:both; width:100%; padding:0px 0px 60px 0px; overflow:hidden;}
.index_list>div{ width:1200px; clear:both; margin:auto;}
.index_list .top{ float:left; width:100%; height:60px; line-height:60px; padding:50px 0px; overflow:hidden; text-align:center;}
.index_list .top b{ position:relative; padding:0px 80px; font-weight:normal; font-size:36px;}
.index_list .top i{
    width: 5px;
    height: 5px;
    background: #333;
    display: inline-block;
    margin: 0 12px;
    position: relative;
    top: -8px;
}
.index_list .top b:before {
    width: 52px;
    height: 41px;
    position: absolute;
    content:""; 
    top: 6px;
    left: 0;
    background: url(../images/icon.png) no-repeat;
    background-position: -162px 0;
}
.index_list .top b:after {
    width: 54px;
    height: 43px;
    position: absolute;
    content:""; 
    top: 0;
    right: 0;
    background: url(../images/icon.png) no-repeat;
    background-position: -162px -41px;
}
.index_list .body{ width:100%;}
.index_list ul{ float:left; width:1230px;}
.index_list ul li{ position:relative; width:380px; float:left; background:#FFF; margin:0px 30px 30px 0px; padding:0px 0px 20px 0px; box-shadow:0 5px 5px rgba(0,0,0,.1); overflow:hidden;}
.index_list ul li .tag {
    position: absolute;
    bottom:100px;
    left: 0px;
    width: auto;
    min-width: 84px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    border-radius: 0 16px 16px 0;
    font-style: normal;
    padding: 0 10px;
    box-sizing: border-box;
    z-index:999;
}
.t0{background-color: #586bad;}
.t1{background-color: #e99473;}
.t2{background-color: #dec339;}
.t3{background-color: #798da3;}
.t4{background-color: #859e7e;}
.t5{background-color: #649c18;}
.t6{background-color: #d86c47;}
.t7{background-color: #e1904e;}
.t8{background-color: #5babc4;}
.t9{background-color: #a7a560;}
.t10{background-color: #deab49;}
.t11{background-color: #77a3ac;}
.t12{background-color: #547095;}
.t13{background-color: #ba5656;}
.t14{background-color: #d6ba2c;}
.t15{background-color: #689d43;}
.t16{background-color: #5e372a;}
.t17{background-color: #e9a830;}
.t18{background-color: #bfa35a;}
.t19{background-color: #586bad;}
.t20{background-color: #7b9b6a;}
.index_list ul li em{ display:block; width:100%; height:250px; clear:both; overflow:hidden; text-align:center;}
.index_list ul li em img{ width:100%; height:250px; transition:all ease .2s;}
.index_list ul li b{ display:block; width:100%; height:55px; line-height:40px; box-sizing:border-box; padding:15px 20px 0px 20px; font-weight:normal; font-size:16px; overflow:hidden;}
.index_list ul li span{ position:relative; display:block; width:100%; height:40px; line-height:40px; box-sizing:border-box; padding:0px 55px 0px 20px; font-size:18px; transition:all ease .1s; background:url(../images/show-arrowR2.png) 335px center no-repeat; background-size:auto 13px; overflow:hidden; transition: background .5s; -moz-transition: background .5s; -webkit-transition: background .5s; -o-transition: background .5s;}
.index_list ul li span strong{ font-size:30px; padding:0px 0px 0px 2px;}
.index_list ul li:hover{ box-shadow:0 5px 5px rgba(0,0,0,.2);}
.index_list ul li:hover img{ transform: scale(1.05);}/* filter: blur(1.05px);*/
.index_list ul li:hover b{ color:#000;}
.index_list ul li:hover span{ background:url(../images/show-arrowR2.png) 320px center no-repeat; transition:all ease .2s;}
.bg0{ background:url(../images/bg1.jpg) 0px 0px no-repeat; background-size:100%;}
.bg1{ background:url(../images/bg2.jpg) 0px 0px no-repeat; background-size:100%;}
.bg2{ background:url(../images/bg3.jpg) 0px 0px no-repeat; background-size:100%;}
.bg3{ background:url(../images/bg4.jpg) 0px 0px no-repeat; background-size:100%;}
.bg4{ background:url(../images/bg5.jpg) 0px 0px no-repeat; background-size:100%;}
.bg5{ background:url(../images/bg6.jpg) 0px 0px no-repeat; background-size:100%;}

.bg0 li:hover{background:#f0f0f0; }
.bg1 li:hover{background:#e3e9e9; }
.bg2 li:hover{background:#e3dddd; }
.bg3 li:hover{background:#e2e2e2; }
.bg4 li:hover{background:#eae2e0; }
.bg5 li:hover{background:#fff0d9; }

#subject{ float:left; clear:both; width:1180px; padding:20px 10px; height:40px; line-height:40px; overflow:hidden;}
#subject span{ display:block; text-align:left; overflow:hidden;}
#subject span a{ background:url(../images/littleRight.png) right center no-repeat; margin-right:8px; padding-right:15px; color:#ee7700;}

.recomlist>i{ position:absolute; width:60px; height:60px; top:70px; border-radius:5px; cursor:pointer;}
.recomlist #f1{ left:0px; background:#F0F0F0 url(../images/index_592.png) center center no-repeat; background-size:40px 40px;}
.recomlist #f2{ right:0px; background:#F0F0F0 url(../images/index_622.png) center center no-repeat; background-size:40px 40px;}
.recomlist .gd{ width:1060px; margin:auto; clear:both; overflow:hidden;}
.recomlist ul{ width:100%; height:200px; overflow:hidden;}
.recomlist ul li{ float:left; width:245px; height:200px; position:relative; margin:0px 10px; overflow:hidden;}
.recomlist ul li em{ display:block; width:100%; height:200px; background-position:center center; background-repeat:no-repeat; background-size:cover; overflow:hidden;}
.recomlist ul li span{ display:block; position:absolute; left:0px; bottom:0px; width:100%; background:rgba(0,0,0,0.6); box-sizing:border-box; padding:0px 10px; font-size:16px; color:#FFF; height:50px; line-height:50px; text-align:center; overflow:hidden;}


#picdetails .left{ width:680px;}
#picdetails .left img{ width:680px; height:535px;}
#picdetails .right{ width:500px;}
#picdetails .title{ width:100%; padding:0px 50px; box-sizing:border-box; position:relative; margin:5px 0px 10px 0px; overflow:hidden;}
#picdetails .title:before{ width:38px; height:38px; content:""; display:inline-block; background:url(../images/f1.png) no-repeat; position:absolute; left:0; top:0; }
#picdetails .title:after{ width:38px; height:38px; content:""; display:inline-block; background:url(../images/f2.png) no-repeat; position:absolute; right:0; bottom:0; }
#picdetails .title h1{ color:#383838; font-size:24px; font-weight:normal; line-height:36px; padding-top:10px; padding-bottom:20px; text-align:center;}
#picdetails .desc{ width:100%; padding:0px 0px 5px 0px; line-height:40px; color:#c79e68;}
#picdetails .right ul{ width:100%; padding:15px 15px 15px 25px; background:#f2f2f2; box-sizing:border-box; overflow:hidden;}
#picdetails .right li{ width:100%; line-height:30px;}
#picdetails .right li i{ padding:0px 10px 0px 0px; color:#999;}
#picdetails .right li strong{ font-size:36px; color:#ee7700; padding:0px 0px 0px 5px;}
#picdetails .book{ width:100%; margin:15px 0px 0px 0px; padding:15px 35px; box-sizing:border-box;  background:#fff5e5; border-top:#ff5a00 solid 2px;}
#picdetails .book h3{ width:100%; font-size:18px; text-align:center; font-weight:normal;}
#picdetails .book h3 i{ color:#c79e68;}
#picdetails .book input{ display:block; box-sizing:border-box;  width:100%; height:40px; line-height:40px; margin:10px 0px; overflow:hidden;}
#picdetails .book .txb{ border:solid 1px #DDD; background:#FFF;}
#picdetails .book .btn{ background:#c79e68; color:#FFF; font-size:16px;}

#picdetails .top{ float:left; width:100%; margin:10px 0px 20px 0px; border-bottom:solid 1px #EEE; height:40px; line-height:40px; padding:30px 0px 15px 0px; overflow:hidden;}
#picdetails .top b{ position:relative; padding:0px 0px; font-weight:normal; font-size:32px;}
#picdetails .top i{
    width: 5px;
    height: 5px;
    background: #333;
    display: inline-block;
    margin: 0 15px;
    position: relative;
    top: -10px;
}
#picdetails .details{ float:left; width:100%; clear:both; overflow:hidden; line-height:36px; box-sizing:border-box;  padding:10px 15px 30px 15px;}
#picdetails .details .pic{ margin:0px 0px 20px 0px;}

#footer{ width:100%; overflow:hidden; padding:30px 0px; background:#333; color:#FFF; line-height:30px;}
#footer>div{ width:900px; height:120px; text-align:center; padding-right:300px; padding-top:30px; clear:both; margin:auto; overflow:hidden; position:relative;}
#footer>div>a{ margin-left:10px; margin-right:10px; color:#FFF;}
#footer span{ display:block; width:120px; height:120px; top:0px; right:10px; position:absolute; line-height:30px; color:#FFF; text-align:center;}
#footer span img{ width:120px; height:120px}
#footer .span{ right:150px;}

#category{width: 100%; padding:30px 0px; background:#FFF; overflow:hidden;}
#category ul li{width: 100%; height: auto; border-bottom:solid 1px #F0F0F0; padding: 10px 20px; font-size: 14px; color: #363636; display: flex; display: -webkit-flex; display: -ms-flex; }
#category ul li span{display:flex;display: -webkit-flex;align-items: center; width: 120px; }
#category ul li dl{ flex-wrap:wrap;width: 100%; height: auto; display: flex; display: -webkit-flex; display: -ms-flex; -webkit-align-items:center; align-items:center;}
#category ul li dl dd{margin-right: 10px; transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; height: 30px; padding: 0 15px; line-height: 30px; cursor: pointer;}
#category ul li dl dd.active{background:#c79e68; color:#fff; }
#category ul li dl dd.active a{color:#fff;}