@charset "utf-8";
/* reset */
html { height: 100% }
body { min-height: 100% }
body { _height: 100% }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, input, select, textarea, button, p, blockquote, th, td, figure { margin: 0; padding: 0 }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, p, blockquote, figure, header, footer, nav, article, section, aside, address, figcaption { *zoom: 1 }
li { list-style-type: none }
h1, h2, h3, h4, h5, h6 { font-size: 100% }
iframe, frame, fieldset, img { border: 0 none }
img { vertical-align: top }
input[type=button], input[type=submit], input[type=reset] { cursor: pointer }
button { cursor: pointer }
input, textarea, button { -webkit-border-radius: 0; -webkit-appearance: none }
input[type=radio] { -webkit-border-radius: 100%; -webkit-appearance: radio }
input[type=checkbox] { -webkit-appearance: checkbox }
input[type=search] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box }
textarea { overflow: auto; resize: none }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none }
table { border-collapse: collapse; border-spacing: 0 }
caption, th { text-align: left }
th { font-weight: normal }
em, cite, address,i { font-style: normal }
sup { vertical-align: text-top }
sub { vertical-align: text-bottom }
body, input, select, button, textarea { font-size: 14px; font-family:"Microsoft Yahei","微软雅黑",arial,"\5b8b\4f53";  }
body { line-height: 1.5 }
a { text-decoration: none; color:#000; }
a:hover{ color:#af1e23;}
a { blr:expression(this.onFocus=this.blur()) }
a * { *cursor: pointer }
:focus { outline: none }
.edit-con-original{ line-height:1.5; color:#333; font-size:16px;}
.edit-con-original img{ max-width:100%; height:auto;}
.edit_con_original li, .edit-con-original li { list-style-type: disc }
.edit_con_original h1, .edit-con-original h1 { font-size: 2em }
.edit_con_original h2, .edit-con-original h2 { font-size: 1.5em }
.edit_con_original h3, .edit-con-original h3 { font-size: 1.17em }
.edit_con_original h4, .edit-con-original h4 { font-size: 1em }
.edit_con_original h5, .edit-con-original h5 { font-size: 0.83em }
.edit_con_original h6, .edit-con-original h6 { font-size: 0.67em }
.edit_con_original em, .edit-con-original em { font-style: italic }
.edit_con_original cite, .edit-con-original cite { font-style: italic }
.edit_con_original address, .edit-con-original address { font-style: italic }
.edit_con_original i, .edit-con-original i { font-style: italic }
.edit_con_original table, .edit-con-original table { border-collapse: separate; border-spacing: 2px }

/*所有后台编辑器区域都要引用 edit_con_original 类名*/

/* clear 页头，页脚，内容区都不用再加清除样式 */
.fixed:before, .clearfix:before, .cf:before, body:before, .header:before, .main:before, .footer:before { content: ''; display: table }
.fixed:after, .clearfix:after, .cf:after, after, .header:after, .main:after, .footer:after { content: ''; display: table; clear: both }
.fixed, .clearfix, .cf, .header, .main, .footer { *zoom: 1 }


.ab-cont .ab-5 .honor li:before{content: ''; display: table}
.ab-cont .ab-5 .honor li:before{content: ''; display: table; clear: both }
.ab-cont .ab-5 .honor li{*zoom: 1}

.clear, .cl,.art-top-list { display: block!important; float: none!important; clear: both; width: auto!important; max-width: none!important; min-width: 0!important; max-height: none!important; min-height: 0!important; overflow: hidden; margin: 0!important; padding: 0!important; border: 0 none!important; font-size: 0!important; line-height: 0!important }
  
.grayWithDisable{ background:#ddd !important;}           
                    
.scrollhide{ overflow:hidden;}

.auto-img{ position:relative; overflow:hidden; display:block;}
.auto-img img{ position:relative;}
.common-body{ background:#fdfbef;}
.common-body .header, 
.common-body .main, 
.common-body .footer,
.common-body .header .nav,
.common-body .book-left{  background:#fdfbef;}
.common-body .book-right {  background-color:#fdfbef;}
.common-body .index-share .n { background-image:url(../images/sare1.jpg);}
.common-body .index-share .n .bon a { background-image:url(../images/shear1.jpg);}

.header, .main, .footer{ background:#fff;}
.animate{ width:30px; text-align:center; color:#fff; font-size:15px; border-radius:2px; line-height:20px; margin-left:-6px; font-family:arial; height:20px; background:#af1e23; position:fixed; left:0; top:0;  z-index:1000; transform:rotate(0); opacity:0; filter:alpha(opacity=0);}
/****************/
.header{ max-width:1440px; margin:0 auto; min-height:230px; position:relative; z-index:4;}
.header .logo{ width:274px; height:50px; position:absolute; top:50px; left:0;}
.header .top-txt{ position:absolute; top:54px; left:350px; color:#adb2b4;}
.header .top-txt strong{ color:#333;}
.header .nav{ position:absolute; left:0; top:140px; width:100%; z-index:2; height:60px; background:#fff;}
.header .nav .bon{ display:none;}
.header .nav ul{ width:100%;}
.header .nav li:first-child{ margin-left:0;}
.header .nav li{ float:left; height:30px; line-height:30px; margin-left:40px; position:relative;  min-width:60px; height:60px; text-align:center;  z-index:10; }
.header .nav li > a{ width:100%; display:block; text-align:center; font-size:16px; font-weight:normal; line-height:58px; margin:0 0 0 0; letter-spacing:4px; padding-left:3px;}
.header .nav li > a br{ display:none;}
.header .nav li i{ background:url(../images/menu.png) no-repeat -97px -26px; position:absolute; width:6px; height:6px; margin:-2px 0 0 0; left:-22px; top:50%;}
.header .nav li:first-child i{ display:none; }

.header .nav li.on{ background:url(../images/menu-bg.png) no-repeat;}
.header .nav li.on > a{  color:#fff; font-size:15px; }
.header .nav li.li-5.on > a,
.header .nav li.li-7.on > a{ line-height:18px; padding-top:12px;}
.header .nav li.li-5.on > a br,
.header .nav li.li-7.on > a br{ display:block;}

.header .nav li:hover{ background:url(../images/menu-bg.png) no-repeat;}
.header .nav li:hover > a{  color:#fff; font-size:15px; }
.header .nav li.li-5:hover > a,
.header .nav li.li-7:hover > a{ line-height:18px; padding-top:12px;}
.header .nav li.li-5:hover > a br,
.header .nav li.li-7:hover > a br{ display:block;}


.header .nav .child-box{position:absolute; top:100%; margin-top:0; display:none !important;  background:#e9e9e9; width:100%;padding:5px 0; height:40px; overflow:hidden; line-height:40px;}
.header .nav .child-box div{  font-size:0;  left:0;     font-size:14px; }
.header .nav .child-box div h2{ display:none;}
.header .nav .child-box div span{ display:inline-block; text-align:left; font-size:14px; padding-left:20px;}
.header .nav .child-box div span a{}
.header .nav .child-box div span.on a{ color:#af1e23;}

.header .search{ position:absolute; right:0; top:155px; width:325px; line-height:30px; z-index:3;}
.header .search .name{ float:left; color:#000;font-size:13px; font-weight:normal; width:60px; border:1px solid #333; border-right:0;}
.header .search .text{ border:1px solid #333; float:left; height:25px; padding:0 2px; width:223px; line-height:25px}
.header .search .sub{ border:1px solid #333; float:left; border-left:0; background:#fff; text-align:center; color:#000; width:35px; line-height:1; height:27px; background:url(../images/icn.png) 10px 4px no-repeat; overflow:hidden; text-indent:-100px;}
.header .lange{position:absolute; right:0; top:0px; line-height:30px; z-index:3; text-align:right; white-space:nowrap;}
.header .lange span{ display:inline-block; float:left; padding:0 0 0 10px;}
.header .lange span.bef > a:first-child { margin:0 0 0 10px; color:#af1e23; }
.header .rcode{ position:absolute; right:0; top:30px; height:100px; width:500px; z-index:10;}
.header .rcode span{ float:right; height:120px; width:120px; margin-left:10px; text-align:center; line-height:20px; display:block;}
.header .rcode span img{ width:100px; height:100px;}
.header .rcode span p{ line-height:20px; display:block; font-size:12px;}

.select-box { width: 100%; position: relative; z-index:100;  border-radius:1px; background:#fff; line-height:25px; height:25px; 
  color:#000;}
.select-box:hover{ z-index:101;}
.select-box dt {  margin-right:1px; padding: 0 5px; cursor: pointer; }
.select-box dt b{ font-weight:normal; display:block; margin-right:15px;}
.select-box dt i.ico{ position:absolute; transition:0.3s all ease-in-out; background:url(../images/icn.png)  no-repeat -23px 0; width:12px; height:8px; right:5px; top:50%; margin-top:-4px;}
.select-box dt.open i.ico{-moz-transform:rotate(-180deg);
-webkit-transform:rotate(-180deg);
-o-transform:rotate(-180deg);
-ms-transform:rotate(-180deg);
transform:rotate(-180deg);}
.select-box dd { position: absolute; max-height: 200px; z-index:102; overflow-y: auto; background:#797979; border:1px solid #797979; padding:0 0; overflow-x: hidden; width: 100%; left: -1px; top: 100%; display: none; }
.select-box dd a { display: block; line-height: 1.8; color: #fff; font-weight:normal; white-space: normal; padding: 0 5px; margin-top:0px;}
.select-box dd a:hover, .select_0 dd a.on { color:#eee; background:#999;}

.icon {background:url(../images/icon0.png) no-repeat 0 0; display:block; }
.sprite-icon_01{ background-position: 0 0; width: 34px; height: 35px; } 
.sprite-icon_03{ background-position: 0 -45px; width: 38px; height: 37px; } 
.sprite-icon_05{ background-position: 0 -92px; width: 17px; height: 36px; } 
.sprite-icon_07{ background-position: 0 -138px; width: 81px; height: 81px; } 
.sprite-icon_09{ background-position: 0 -229px; width: 21px; height: 23px; } 
.sprite-icon_107{ background-position: 0 -262px; width: 23px; height: 23px; } 
.sprite-icon_109{ background-position: 0 -295px; width: 47px; height: 46px; } 
.sprite-icon_11{ background-position: 0 -351px; width: 24px; height: 23px; } 
.sprite-icon_111{ background-position: 0 -384px; width: 47px; height: 46px; } 
.sprite-icon_115{ background-position: 0 -440px; width: 68px; height: 54px; } 
.sprite-icon_120{ background-position: 0 -504px; width: 13px; height: 8px; } 
.sprite-icon_125{ background-position: 0 -522px; width: 140px; height: 140px; } 
.sprite-icon_127{ background-position: 0 -672px; width: 140px; height: 140px; } 
.sprite-icon_129{ background-position: 0 -822px; width: 140px; height: 140px; } 
.sprite-icon_13{ background-position: 0 -972px; width: 25px; height: 22px; } 
.sprite-icon_131{ background-position: 0 -1004px; width: 140px; height: 140px; } 
.sprite-icon_133{ background-position: 0 -1154px; width: 140px; height: 140px; } 
.sprite-icon_135{ background-position: 0 -1304px; width: 140px; height: 140px; } 
.sprite-icon_138{ background-position: 0 -1454px; width: 21px; height: 21px; } 
.sprite-icon_141{ background-position: 0 -1485px; width: 14px; height: 14px; } 
.sprite-icon_143{ background-position: 0 -1509px; width: 14px; height: 14px; } 
.sprite-icon_149{ background-position: 0 -1533px; width: 10px; height: 10px; } 
.sprite-icon_15{ background-position: 0 -1553px; width: 25px; height: 26px; } 
.sprite-icon_151{ background-position: 0 -1589px; width: 10px; height: 10px; } 
.sprite-icon_153{ background-position: 0 -1609px; width: 10px; height: 10px; } 
.sprite-icon_155{ background-position: 0 -1629px; width: 10px; height: 10px; } 
.sprite-icon_162{ background-position: 0 -1649px; width: 10px; height: 15px; } 
.sprite-icon_165{ background-position: 0 -1674px; width: 10px; height: 15px; } 
.sprite-icon_168{ background-position: 0 -1699px; width: 35px; height: 120px; } 
.sprite-icon_170{ background-position: 0 -1829px; width: 35px; height: 120px; } 
.sprite-icon_172{ background-position: 0 -1959px; width: 28px; height: 89px; } 
.sprite-icon_174{ background-position: -150px 0; width: 28px; height: 89px; } 
.sprite-icon_18{ background-position: -150px -99px; width: 23px; height: 23px; } 
.sprite-icon_183{ background-position: -150px -132px; width: 126px; height: 126px; } 
.sprite-icon_186{ background-position: -150px -268px; width: 126px; height: 126px; } 
.sprite-icon_189{ background-position: -150px -404px; width: 126px; height: 126px; } 
.sprite-icon_192{ background-position: -150px -540px; width: 61px; height: 66px; } 
.sprite-icon_194{ background-position: -150px -616px; width: 67px; height: 66px; } 
.sprite-icon_196{ background-position: -150px -692px; width: 67px; height: 66px; } 
.sprite-icon_198{ background-position: -150px -768px; width: 67px; height: 66px; } 
.sprite-icon_201{ background-position: -150px -844px; width: 126px; height: 126px; } 
.sprite-icon_209{ background-position: -150px -980px; width: 28px; height: 89px; } 
.sprite-icon_21{ background-position: -150px -1079px; width: 20px; height: 20px; } 
.sprite-icon_210{ background-position: -150px -1109px; width: 28px; height: 89px; } 
.sprite-icon_214{ background-position: -150px -1208px; width: 35px; height: 120px; } 
.sprite-icon_217{ background-position: -150px -1338px; width: 35px; height: 120px; } 
.sprite-icon_223{ background-position: -150px -1468px; width: 126px; height: 126px; } 
.sprite-icon_224{ background-position: -150px -1604px; width: 126px; height: 126px; } 
.sprite-icon_225{ background-position: -150px -1740px; width: 126px; height: 126px; } 
.sprite-icon_227{ background-position: -150px -1876px; width: 126px; height: 126px; } 
.sprite-icon_23{ background-position: -300px 0; width: 20px; height: 20px; } 
.sprite-icon_25{ background-position: -300px -30px; width: 20px; height: 20px; } 
.sprite-icon_28{ background-position: -300px -60px; width: 68px; height: 54px; } 
.sprite-icon_31{ background-position: -300px -124px; width: 20px; height: 20px; } 
.sprite-icon_34{ background-position: -300px -154px; width: 20px; height: 20px; } 
.sprite-icon_37{ background-position: -300px -184px; width: 18px; height: 17px; } 
.sprite-icon_40{ background-position: -300px -211px; width: 13px; height: 14px; } 
.sprite-icon_43{ background-position: -300px -235px; width: 7px; height: 6px; } 
.sprite-icon_47{ background-position: -300px -251px; width: 7px; height: 6px; } 
.sprite-icon_57{ background-position: -300px -267px; width: 21px; height: 23px; } 
.sprite-icon_61{ background-position: -300px -300px; width: 34px; height: 35px; } 
.sprite-icon_63{ background-position: -300px -345px; width: 34px; height: 48px; } 
.sprite-icon_67{ background-position: -300px -403px; width: 10px; height: 16px; } 
.sprite-icon_69{ background-position: -300px -429px; width: 10px; height: 16px; } 
.sprite-icon_71{ background-position: -300px -455px; width: 10px; height: 16px; } 
.sprite-icon_73{ background-position: -300px -481px; width: 10px; height: 16px; } 
.sprite-icon_75{ background-position: -300px -507px; width: 25px; height: 22px; } 
.sprite-icon_76{ background-position: -300px -539px; width: 20px; height: 14px; } 
.sprite-icon_78{ background-position: -300px -563px; width: 25px; height: 21px; } 
.sprite-icon_80{ background-position: -300px -594px; width: 23px; height: 23px; } 
.sprite-icon_81{ background-position: -300px -627px; width: 20px; height: 19px; } 
.sprite-icon_83{ background-position: -300px -656px; width: 7px; height: 11px; } 
.sprite-icon_85{ background-position: -300px -677px; width: 16px; height: 10px; } 
.sprite-icon_87{ background-position: -300px -697px; width: 18px; height: 17px; } 
.sprite-icon_89{ background-position: -300px -724px; width: 16px; height: 10px; } 


.crumbs{ font-size:0; text-align:right; margin:0; position:absolute; right:0; top:0;}
.crumbs a{ font-size:13px; display:inline-block; background:url(../images/cle.png) right center no-repeat; padding-right:15px; margin-right:7px;}
.crumbs span{ font-size:13px; display:inline-block;}

.main-tit{ font-size:0; color:#af1e23; line-height:50px; height:70px;}
.main-tit em{ font-size:48px;}
.main-tit i{ font-size:36px; font-family:"Times New Roman"; background:url(../images/dd.png) left center no-repeat; padding-left:17px; margin-left:10px;}

.main{ max-width:1440px; margin:0 auto; position:relative; min-height:400px; overflow:hidden; z-index:3; background:#fff; visibility:hidden; opacity:0; }
.mina-banner{ position:relative; height:692px; z-index:3; }
.mina-banner .banner-1{ position:absolute; left:0; top:0; width:59.7%; height:100%; overflow:hidden;}
.mina-banner .banner-1 li{ position:absolute; width:100%; height:100%; left:0; top:0; z-index:1;}
.mina-banner .banner-1 li img{ width:100%; height:100%;}
.mina-banner .banner-2{position:absolute; right:0; top:0; width:39%; height:100%; overflow:hidden;}
.mina-banner .banner-2 li{ position:absolute; width:100%; height:100%; left:0; top:0;}
.mina-banner .banner-2 li img{ width:100%; height:100%;}
.mina-banner .button{ background:#3d3a3a; width:148px; height:50px; position:absolute; left:100%; margin-left:-148px; bottom:-25px; z-index:100;}
.mina-banner .button a{ display:block; width:49.5%; float:left; font-size:18px; text-align:center; line-height:50px; color:#fff; font-family:"\5b8b\4f53";}
.mina-banner .button a.right{ float:right;}
.mina-banner .button a:hover{ color:#900;}
.footer{ max-width:1440px; margin:0 auto; position:relative;}
article p img{ max-width:100%;}
.index-new{ min-height:870px; margin:0 80px; overflow:hidden; position:relative;}
.index-new .n-left{ float:left; width:49.5%; background:url(../images/z1.jpg) no-repeat center; min-height:750px; position:relative;}
.index-new .n-left .bg-img{ background:url(../images/w1.png) no-repeat; width:390px; height:350px; position:absolute; z-index:2; left:50%; margin-left:-195px; margin-top:80px; top:0; }
.index-new .n-left .more{ background:url(../images/bx_03.jpg) no-repeat; width:22px; height:22px; position:absolute; bottom:-44px; right:200px;}
.index-new .n-left article{ text-align:center; padding:430px 40px 0 0; color:#af1e23; position:relative;}
.index-new .n-left article .p1{ font-size:14px; margin-bottom:10px;}
.index-new .n-left article .p2{ font-size:12px;}
.index-new .n-right{ float:right; width:49.5%;}
.index-new .n-right .t{ padding:20px 0 0 100px; position:relative;}
.index-new .n-right .t dl{ position:relative; color:#4b4a48; padding:0 0 0 120px;}
.index-new .n-right .t dt{ position:absolute; left:0; top:0; width:110px; text-align:right;}
.index-new .n-right .t dt i{font-size:14px; display:block;}
.index-new .n-right .t dt b{ font-size:45px;display:block; line-height:1;}
.index-new .n-right .t dd{ font-size:12px;  border-left:2px solid #4b4a48; padding:2px 10px; min-height:50px;}
.index-new .n-right .t dd strong{ font-size:14px;}
.index-new .n-right .nr{ margin:120px 0 0 0; background:#3d3a3a; min-height:560px; padding:30px; position:relative; overflow:hidden;}
.index-new .n-right .nr li{ border:2px solid #3d3a3a; color:#fff; padding:20px; min-height:240px; position:relative;}
.index-new .n-right .nr li:first-child{ z-index:2;}
.index-new .n-right .nr li.on{ border:2px solid #fff;}
.index-new .n-right .nr li.on .more{ display:block;}
.index-new .n-right .nr li a{ color:#fff;}
.index-new .n-right .nr li h4{ font-size:30px; font-weight:normal;}
.index-new .n-right .nr li h3{ font-size:30px; font-weight:bold;}
.index-new .n-right .nr li article{ font-size:14px; margin:10px 0 0 0;}
.index-new .n-right .nr li .more{ background:url(../images/index_16.jpg) no-repeat; width:22px; height:22px; display:none; margin:20px 0 0 0;}


.index-book{ position:relative; min-height:570px; overflow:hidden;}
.book-left{width:49.5%; border:5px solid #af1f24; position:absolute; left:0; top:0; min-height:560px; z-index:99; background:#fff;}
.book-left .r-icon{ background:url(../images/d.png) no-repeat; width:12px; height:26px; right:-16px; top:50%; position:absolute;}
.book-left  .b{ background:url(../images/index_21.jpg) no-repeat; position:absolute; top:20px; left:20px; z-index:100; width:80px; height:40px;}
.book-left  .b a{ display:block; width:49.5%; height:40px; float:left;}
.book-left ul{ overflow:hidden; position:absolute; width:100%; height:100%; left:0; top:0;}
.book-left li{ position:absolute; width:100%; height:100%; text-align:center; z-index:20;}
.book-left li img{ padding:60px 0 0 0;}
.book-left li .p{ font-size:24px; font-weight:bold; line-height:1; margin:20px 0 0 0;}
.book-right{ margin-left:50%; width:49.5%; background:url(../images/book-bg.jpg) no-repeat center #f4f4f4; min-height:570px; position:relative; z-index:98;}
.book-right .tit{ background:url(../images/book1.png) no-repeat; width:132px; height:37px; padding:95px 0 0 0; line-height:1; position:absolute; left:100%; margin-left:-222px; top:40px; text-align:center; color:#fff; z-index:100; }
.book-right .tit{}
.bk-list
{
	position: relative;
	padding-left:100px;
	padding-top:40px;
}
.bk-list li {
	position: relative;
	width: 120px;
	height:170px;
	float: left;
	z-index: 1;
	margin: 20px 60px 70px 0px;
	-webkit-perspective: 1800px;
	-moz-perspective: 1800px;
	perspective: 1800px;
	cursor:pointer;
	
}

.bk-list li.first-1{
	margin-right: 150px;
}

.bk-list li .bk-book {
	position: absolute;
	width: 100%;
	height: 170px;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transition: -webkit-transform .5s;
	-moz-transition: -moz-transform .5s;
	transition: transform .5s;
	-webkit-transform: rotate3d(0,1,0,45deg);
	-moz-transform: rotate3d(0,1,0,45deg);
	
}

.bk-list li .bk-book.bk-bookdefault:hover, .bk-list li.on .bk-book.bk-bookdefault {
	-webkit-transform: rotate3d(0,1,0,0deg);
	-moz-transform: rotate3d(0,1,0,0deg);
	
}

.bk-list li .bk-book > div,
.bk-list li .bk-front > div {
	display: block;
	position: absolute;
	left:0; top:0; 
}

.bk-list li .bk-front {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform-origin: 0% 50%;
	-moz-transform-origin: 0% 50%;
	transform-origin: 0% 50%;
	-webkit-transition: -webkit-transform .5s;
	-moz-transition: -moz-transform .5s;
	transition: transform .5s;
	z-index: 10;
}
.bk-list li .bk-left
{
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform-origin: 0% 50%;
	-moz-transform-origin: 0% 50%;
	transform-origin: 0% 50%;
	-webkit-transition: -webkit-transform .5s;
	-moz-transition: -moz-transform .5s;
	transition: transform .5s;
	z-index:9;
}

.bk-list li .bk-front > div {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.bk-list li .bk-front,
.bk-list li .bk-back,
.bk-list li .bk-front > div {
	width: 120px;
	height: 170px;
}
.bk-list li .bk-front img{ width:120px; height:170px; position:relative;}
.bk-list li .bk-left,
.bk-list li .bk-right {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
}
.bk-list li .bk-left 
{	width: 20px;
 	z-index:9;
	height: 170px;
	-webkit-transform: rotate3d(0,1,0,-90deg) translateX(-20px);
	-moz-transform: rotate3d(0,1,0,-90deg) translateX(-20px);
}
.ie .bk-list li.on .bk-book .bk-front img{  width:140px; height:198px; left:-10px; top:-23px;}

.bk-list li .bk-left img
{ width:20px; height:170px;}

/* Transform classes */


.index-people{ height:770px;  overflow:hidden; position:relative;}
.index-people .peo-left{ width:50%; float:left; position:relative; height:770px;}
.index-people .peo-left .bon{ background:url(../images/right.png) no-repeat; width:36px; height:117px; position:absolute; left:70%; top:100px;}
.index-people .peo-left.hide-left .bon{ left:50%; opacity:0; filter:alpha(opacity=0);}
.index-people .peo-left .bon:hover{ opacity:0.8; filter:alpha(opacity=80);}
.index-people .peo-left .peo-1{ width:366px; height:336px; position:absolute; left:0; top:0; overflow:hidden;}
.index-people .peo-left .peo-1 li{ position:absolute; width:100%; height:100%; left:0; top:0;}
.index-people .peo-left.hide-left .peo-1 li:first-child{ left:100%;}
.index-people .peo-left .peo-2{ width:366px; height:336px; position:absolute; left:0; top:336px; overflow:hidden;}
.index-people .peo-left.hide-left .peo-2{ opacity:0; filter:alpha(opacity=0);}
.index-people .peo-left .peo-2 li{ position:absolute; width:100%; height:100%; left:0; top:0;  z-index:10;}
.index-people .peo-left .peo-2 li h2{ width:16px; float:right; font-size:16px; font-weight:bold; margin:30px 50px 0 10px; word-wrap:break-word;word-break:normal; text-align:center;}
.index-people .peo-left .peo-2 li article{ width:200px; text-align:right; float:right; word-wrap:break-word;word-break:normal; margin:50px 0 0 0 ; height:300px; display:inline;}
.index-people .peo-left .peo-2 li article b{ font-weight:normal;}
.index-people .peo-left .peo-3{ width:366px; height:366px; position:absolute; left:366px; top:336px;  overflow:hidden;}
.index-people .peo-left .peo-3 li{ position:absolute; width:100%; height:100%; left:0; top:0; z-index:10;}
.index-people .peo-left.hide-left .peo-3 li:first-child{ left:-100%;}

.index-people .peo-right{ float:right; width:49.5%;  min-height:750px; position:relative;}
.index-people .peo-right .bg-img{ background:url(../images/w2.png) no-repeat; width:268px; height:327px; left:50%; top:65px; margin-left:-134px; position:absolute; z-index:2;}
.index-people .peo-right .big-bg-img{ background:url(../images/wl1.png) no-repeat; width:533px; height:882px; left:50%; top:0px; margin-left:-268px; position:absolute; z-index:1;}
.index-people .peo-right article{ text-align:center; padding:430px 0 0 0; color:#af1e23; position:relative; z-index:3;}
.index-people .peo-right article .p1{ font-size:14px; margin-bottom:10px;}
.index-people .peo-right article .p2{ font-size:12px;}

.index-brand{ background:url(../images/index_40.jpg) no-repeat center; height:582px; border:10px solid #3c3c3c;  overflow:hidden; position:relative;}
.index-brand .i{ padding:110px 180px; text-align:center;}
.index-brand .i h2{ font-size:48px; font-weight:normal; position:relative;}
.index-brand .i h3{ font-size:12px; line-height:2; margin-bottom:30px; font-weight:normal;  position:relative; }
.index-brand .i h5 i{ display:inline-block; margin:0 20px 10px; font-weight:normal;}
.index-brand .i h5 i a:hover{ font-weight:bold;}
.index-brand .i h5{ font-size:16px; font-weight:bold;  position:relative; line-height:40px;}
.index-brand .i .more{ background:url(../images/x1.png) no-repeat; width:26px; height:48px; display:block; margin:50px auto 0; left:-70px; position:relative;}


.index-works{height:762px; overflow:hidden; position:relative;}
.index-works .works-left{ float:left; width:45.5%; background:url(../images/w3.jpg) no-repeat center top; min-height:760px; position:relative;}
.index-works .works-left .bg-img{ background:url(../images/w3.png) no-repeat; width:336px; height:249px; left:50%; top:40px; margin-left:-168px; position:absolute;}
.index-works .works-left article{ text-align:center; padding:380px 50px 0 0; color:#af1e23; position:relative;}
.index-works .works-left article .p1{ font-size:14px; margin-bottom:10px;}
.index-works .works-left article .p2{ font-size:12px;}
.index-works .works-right{ width:54.5%; float:right; position:relative; height:770px;}
.index-works .works-right .bon{ background:url(../images/right.png) no-repeat; width:36px; height:117px; position:absolute; right:200px; top:100px;  }
.index-works .works-right .works-1{ width:366px; height:366px; position:absolute; right:366px; top:0;  overflow:hidden;  z-index:10; }
.index-works .works-right .works-1 li{position:absolute; width:100%; height:100%; left:0; top:0; z-index:10;}
.index-works .works-right .works-1 li video { background:#000;}
.index-works .works-right.hide-left .works-1 li:first-child{ left:100%;}
.index-works .works-right .works-1 li .video-js{ width:366px; height:366px;}
.index-works .works-right .works-2{  width:366px; height:366px; position:absolute; right:366px; top:366px;  overflow:hidden;  z-index:10;}
.index-works .works-right .works-2 li{position:absolute; width:100%; height:100%; left:0; top:0;}
.index-works .works-right.hide-left .works-2 li:first-child{ top:100%;}
.index-works .works-right .works-3{  width:366px; height:366px; position:absolute; right:0; top:366px;  overflow:hidden;  z-index:10;}
.index-works .works-right .works-3 li{position:absolute; width:100%; height:100%; left:0; top:0;}
.index-works .works-right.hide-left .works-3 li:first-child{ left:-100%;}
.index-works .works-right.hide-left .bon{ left:50%; opacity:0; filter:alpha(opacity=0);}
.index-service{ background:url(../images/index_49.jpg) center top no-repeat; height:700px;  overflow:hidden; position:relative;}
.index-service .tit{ position:absolute; top:0; left:328px; width:376px; height:200px; text-align:center; background:rgba(175,31,36,0.8) }
.lt9 .index-service .tit{filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr="#bbaf1f24", EndColorStr="#bbaf1f24")}
.index-service .tit .b{ display:block; padding:70px 0; font-weight:normal;font-size:30px; color:#fff; position:relative;}
.index-service .tit .b strong{ font-size:40px; font-weight:normal;}
.index-service .art{ padding:240px 0 0 0; width:600px; margin:0 auto; position:relative; left:140px; text-align:center;}
.index-service .art h3{ font-size:25px; font-weight:normal; margin-bottom:20px; position:relative;}
.index-service .art article{ font-size:14px; position:relative;}
.index-service .art h4{ font-size:20px;  font-weight:normal; margin:20px 0 30px; position:relative;}
.index-service .art h4 a{ border-bottom:1px solid #333; }
.index-service .art h4 a:hover{ border-bottom:1px solid #900;}
.index-service .art .more{ display:inline-block; background:#000; color:#fff; padding:2px 5px; position:relative;}

.index-share{ height:56px; padding:30px 0;}
.index-share .n{ background:url(../images/sare.jpg) no-repeat 0 0; height:56px; padding:0 0 0 50px; width:140px; margin:0 auto 0;}
.index-share .n .bon{  width:150px; line-height:56px; height:56px; display:block;}
.index-share .n .bon a{	background:url(../images/shear.jpg) center no-repeat; display:block ; float:left; width:34px; height:34px; margin:10px 10px 0 5px;}
.index-share .n .bon a.a-1{ background-position:-3px -4px;}
.index-share .n .bon a.a-2{ background-position:-50px -4px;}
.index-share .n .bon a.a-3{ background-position:-96px -4px;}
.index-share .n .bon a.a-1:hover{ background-position:-3px -44px;}
.index-share .n .bon a.a-2:hover{ background-position:-50px -44px;}
.index-share .n .bon a.a-3:hover{ background-position:-96px -44px;}
.footer{ border-top:4px solid #000; }
.footer .warp{ padding:15px 20px 50px;}
.footer .left{ float:left; font-family:arial; width:50%;}
.footer .left h3{ font-size:14px; font-weight:normal; margin-bottom:10px;}
.footer .left article{ font-size:12px; color:#666; line-height:1.8;}
.footer .left article a{ display:inline-block; margin-right:10px;}
.footer .right{ float:right;}
.footer .right a{ display:inline-block; margin:0 0 0 10px;}

.scrollfun{ overflow:hidden;}
/*图书栏目*/
.book-cont{}
.book-cont .bak-1{ position:relative;  border:1px solid #ddd;}
.book-cont .bak-1 .right_1{  margin-left:350px; height:595px;}
.book-cont .bak-1 .right_1 .bx-wrapper{ margin:0;}
.book-cont .bak-1 .right_1 ul li a{ height:595px;}
.book-cont .bak-1 .left_1{ position:absolute; height:100%; width:350px; left:0; top:0; z-index:2; }
.book-cont .bak-1 .left_1 .title_1{ position:relative; background:url(../images/img_ico_23.jpg); height:45px; line-height:42px; color:#fff; font-size:22px; padding-left:40px;}
.book-cont .bak-1 .left_1 .title_1 .icon{ position:absolute; left:20px; top:50%; margin-top:-4px;}
.book-cont .bak-1 .left_1 .search{ border:2px solid #000; height:35px; position:relative;}
.book-cont .bak-1 .left_1 .search input{ width:98%; line-height:35px; height:35px; border:0; padding:0 1%;}
.book-cont .bak-1 .left_1 .search button{ position:absolute; border:0; background:#fff; z-index:2;  border-left:2px solid #000; width:45px; height:35px;  right:0; top:0;}
.book-cont .bak-1 .left_1 .search button i{ margin:0 0  0 6px;}
.book-cont .bak-1 .left_1 .list{ }
.book-cont .bak-1 .left_1 .list .scrollfun{}
.book-cont .bak-1 .left_1 .list dl{ margin:0 10px; border-top:1px dotted #ddd; padding:10px 10px;}
.book-cont .bak-1 .left_1 .list dl:first-child{ border:0;}
.book-cont .bak-1 .left_1 .list dl dd{ margin-top:5px;}
.book-cont .bak-1 .left_1 .list dl dt a{ color:#af1e23; font-size:16px;}
.book-cont .bak-1 .left_1 .list dl dt a:hover{ color:#8d1115;}
.book-cont .bak-1 .left_1 .list dl dd a{ color:#666; display:inline-block; padding:0px 10px 0px 10px; margin-top:5px; line-height:13px; border-left:1px solid #ccc;}
.book-cont .bak-1 .left_1 .list dl dd a:hover{ color:#000;}
.book-cont .bak-1 .left_1 .list dl dd a:first-child{ border:0; padding-left:0;}

.book-cont .bak-2{ background:#f0f0f0; padding-bottom:30px;}
.book-cont .bak-2 .tit{ font-size:0; color:#af1e23; line-height:36px; padding:50px 0 0 50px; margin-bottom:30px;}
.book-cont .bak-2 .tit em{ font-size:36px; font-family:"Times New Roman";}
.book-cont .bak-2 .tit i{ font-size:36px;  background:url(../images/dd.png) left center no-repeat; padding-left:17px; margin-left:10px;}
.book-cont .bak-2 .list{ position:relative; height:170px;}
.book-cont .bak-2 .list .bx-controls{ display:none;}
.book-cont .bak-2 .list:hover .bx-controls{ display:block;}
.book-cont .bak-2 .list .bon{ position:absolute; left:20px; top:50%; margin-top:-60px; }
.book-cont .bak-2 .list .bon.next{ left:auto; right:20px;}
.book-cont .bak-2 .list .b{ margin:0 10px;}
.book-cont .bak-2 .list .b ul{ height:170px; overflow:hidden;}
.book-cont .bak-2 .list .b li{ float:left; width:33.3%;}
.book-cont .bak-2 .list .b li dl{ padding:0 20px; position:relative; min-height:166px;}
.book-cont .bak-2 .list .b li dl dt{ position:absolute; z-index:2; left:20px; top:0; width:118px; height:166px;}
.book-cont .bak-2 .list .b li dl dt img{ width:118px; height:166px;}
.book-cont .bak-2 .list .b li dl dd{ padding-left:140px;}
.book-cont .bak-2 .list .b li dl dd h2{ font-size:16px; font-weight:normal;}
.book-cont .bak-2 .list .b li dl dd h2 a{ display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.book-cont .bak-2 .list .b li dl dd span{ display:block; padding:10px 0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.book-cont .bak-2 .list .b li dl dd article{ color:#666; line-height:1.8; max-height:105px; overflow:hidden;}
.book-cont .bak-2 .list .b li dl dd article i{ color:#000;}
.book-cont .bak-2 .bx-wrapper .bx-prev{ left: 20px;margin-top: -40px; position: absolute;top: 50%;  height: 80px; width: 40px; background:url(../images/xr_03.png) 0 0 ;}
.book-cont .bak-2 .bx-wrapper .bx-next{ right: 20px; margin-top: -40px; position: absolute; top: 50%;  width: 40px; height: 80px; background:url(../images/xr_05.png) 0 0}
.book-cont .bak-2 .bx-wrapper .bx-pager{ display:none;}


.book-cont .bak-3{ position:relative; height:600px; margin-bottom:1px;}
.book-cont .bak-3 .right{ position:absolute; z-index:2; right:0; top:0; width:353px; height:100%; border:1px solid #ddd; border-top:0;}
.book-cont .bak-3 .left{ margin-right:355px; position:relative;}
.book-cont .bak-3 .left .tit{ font-size:0; color:#af1e23;  padding:50px 0 0 50px; margin-bottom:30px;}
.book-cont .bak-3 .left .tit em{ font-size:36px; font-family:"Times New Roman";}
.book-cont .bak-3 .left .tit i{ font-size:36px;  background:url(../images/dd.png) left center no-repeat; padding-left:17px; margin-left:10px;}
.book-cont .bak-3 .left .bon{ width:150px; height:45px; position:absolute; right:0; top:0;}
.book-cont .bak-3 .left .bon a{ width:75px; line-height:45px; float:left; font-size:25px; text-align:center; color:#fff; font-family:"\5b8b\4f53"; background:#3d3a3a;}
.book-cont .bak-3 .left .bon a:hover{ background:#000;}
.book-cont .bak-3 .left .fine-box{ }
.book-cont .bak-3 .left .fine-box .fine-ul{height:470px; position:relative; overflow:hidden;}
.fine-box .fine-ul .lt{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:20;}
.fine-box .fine-ul .lt dl{ position:relative; min-height:200px; margin:0 40px;}
.fine-box .fine-ul .lt dt{ z-index:3; position:absolute; width:390px; height:193px; left:0; top:0;}
.fine-box .fine-ul .lt dt a{width:390px; height:193px;}
.fine-box .fine-ul .lt dd{ padding-left:430px;}
.fine-box .fine-ul .lt dd h2{ font-size:16px; margin-bottom:10px; overflow:hidden; text-overflow:ellipsis;}
.fine-box .fine-ul .lt dd h2 a{ white-space:nowrap;}
.fine-box .fine-ul .lt dd article{ height:105px; overflow:hidden; line-height:1.8; margin-bottom:10px;}
.fine-box .fine-ul .lt dd .bay{ display:block; line-height:28px; color:#fff; width:140px; font-size:14px; text-align:center; background:#af1e23;}
.fine-box .fine-ul .lt .list{ margin:50px 70px 0;}
.fine-box .fine-ul .lt .list ul{}
.fine-box .fine-ul .lt .list li{ float:left;}
.fine-box .fine-ul .lt .list li .auto-img{ width:108px; height:153px; margin:0 auto;}
.fine-box .fine-ul .lt .list li p{ text-align:center; margin:10px 20px 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.fine-box .fine-ul .bx-wrapper .bx-prev{ left: -40px;margin-top: -45px; position: absolute;top: 50%; background-position: -150px -980px; width: 28px; height: 89px; background-image:url(../images/icon0.png);}
.fine-box .fine-ul .bx-wrapper .bx-next{ right: -40px; margin-top: -45px; position: absolute; top: 50%; background-position: -150px -1109px; width: 28px; height: 89px; background-image:url(../images/icon0.png);}
.fine-box .fine-ul .bx-wrapper .bx-pager{ display:none;}
.book-cont .bak-3 .right .tit{ position:relative; background:url(../images/img_ico_23.jpg); height:45px; line-height:42px; color:#fff; font-size:22px; padding-left:40px;}
.book-cont .bak-3 .right .tit .icon{ position:absolute; left:20px; top:50%; margin-top:-4px;}
.book-cont .bak-3 .right .list{}
.book-cont .bak-3 .right .list ul{ margin:30px;}
.book-cont .bak-3 .right .list li{ position:relative; margin-bottom:22px;}
.book-cont .bak-3 .right .list .clickpraise{ position:absolute; right:0; line-height:23px; top:0; width:auto; cursor:pointer;}
.book-cont .bak-3 .right .list .clickpraise i{ display:inline-block; float:left;}
.book-cont .bak-3 .right .list .clickpraise em{ display:inline-block; float:left;}
.book-cont .bak-3 .right .list span{ position:absolute; font-size:14px; left:0; top:2px; color:#666;}
.book-cont .bak-3 .right .list li:first-child span{ color:#af1e23; font-weight:bold;}
.book-cont .bak-3 .right .list li:first-child + li span{ color:#af1e23; font-weight:bold;}
.book-cont .bak-3 .right .list li:first-child + li + li span{ color:#af1e23; font-weight:bold;}
.book-cont .bak-3 .right .list dl{ padding-left:25px;}
.book-cont .bak-3 .right .list dt{ width:60px; height:86px; z-index:2; position:absolute; left:24px; top:0; display:none;}
.book-cont .bak-3 .right .list dd{ margin-right:40px;  padding-left:0;}
.book-cont .bak-3 .right .list dd a{ font-size:14px; color:#000; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; display:block; line-height:23px;}
.book-cont .bak-3 .right .list dd a:hover{ color:#af1e23;}
.book-cont .bak-3 .right .list dd p{ display:none; color:#666;}
.book-cont .bak-3 .right .list li.on dl{ min-height:86px;}
.book-cont .bak-3 .right .list li.on dt{ display:block;}
.book-cont .bak-3 .right .list li.on dd{padding-left:70px;}
.book-cont .bak-3 .right .list li.on dd p{ display:block;}

.book-cont .bak-4{ background:#f7f7f7;}
.book-cont .bak-4  .tit{ font-size:0; color:#af1e23; line-height:36px; padding:50px 0 ; text-align:center;}
.book-cont .bak-4  .tit a{ color:#af1e23; border-bottom:1px solid #af1e23; display:inline-block;}
.book-cont .bak-4  .tit em{ font-size:36px; font-family:"Times New Roman";}
.book-cont .bak-4  .tit i{ font-size:36px;  background:url(../images/dd.png) left center no-repeat; padding-left:17px; margin-left:10px; }

.book-cont .bak-5{ position:relative; margin-bottom:30px;}
.book-cont .bak-5 .right{ position:absolute; background:#f2f2f2; z-index:2; right:0; top:-1px; width:353px; height:100%; border:1px solid #ddd; border-top:0;}
.book-cont .bak-5 .right .tit{ position:relative; background:url(../images/img_ico_23.jpg); height:45px; line-height:42px; color:#fff; font-size:22px; padding-left:40px;}
.book-cont .bak-5 .right .tit .icon{ position:absolute; left:20px; top:50%; margin-top:-4px;}
.book-cont .bak-5 .right .list{ height:285px;}
.book-cont .bak-5 .right .list ul{ margin:30px;}
.book-cont .bak-5 .right .list li{ position:relative; margin-bottom:18px;}
.book-cont .bak-5 .right .list .clickpraise{ position:absolute; right:0; line-height:23px; top:0; width:auto; cursor:pointer;}
.book-cont .bak-5 .right .list .clickpraise i{ display:inline-block; float:left;}
.book-cont .bak-5 .right .list .clickpraise em{ display:inline-block; float:left;}
.book-cont .bak-5 .right .list span{ position:absolute; font-size:14px; left:0; top:2px; color:#666;}
.book-cont .bak-5 .right .list li:first-child span{ color:#af1e23; font-weight:bold;}
.book-cont .bak-5 .right .list li:first-child + li span{ color:#af1e23; font-weight:bold;}
.book-cont .bak-5 .right .list li:first-child + li + li span{ color:#af1e23; font-weight:bold;}
.book-cont .bak-5 .right .list dl{ padding-left:25px;}
.book-cont .bak-5 .right .list dt{ width:60px; height:86px; z-index:2; position:absolute; left:24px; top:0; display:none;}
.book-cont .bak-5 .right .list dd{ margin-right:40px;  padding-left:0;}
.book-cont .bak-5 .right .list dd a{ font-size:14px; color:#000; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; display:block; line-height:23px;}
.book-cont .bak-5 .right .list dd a:hover{ color:#af1e23;}
.book-cont .bak-5 .right .list dd p{ display:none; color:#666;}
.book-cont .bak-5 .right .list li.on dl{ min-height:86px;}
.book-cont .bak-5 .right .list li.on dt{ display:block;}
.book-cont .bak-5 .right .list li.on dd{padding-left:70px;}
.book-cont .bak-5 .right .list li.on dd p{ display:block;}
.book-cont .bak-5 .left{ margin-right:355px; position:relative; background:#e9e9e9; height:730px;}
.book-cont .bak-5 .left .tit{ font-size:0; color:#af1e23; line-height:36px; padding:30px 0 30px 30px; position:relative; }
.book-cont .bak-5 .left .tit {}
.book-cont .bak-5 .left .tit a { color:#af1e23;}
.book-cont .bak-5 .left .tit .more{ color:#af1e23; border-bottom:1px solid #af1e23; display:block; position:absolute; right:50px; bottom:30px; line-height:none; border-bottom:0; font-size:12px;}
.book-cont .bak-5 .left .tit em{ font-size:30px; font-family:"Times New Roman";}
.book-cont .bak-5 .left .tit i{ font-size:30px;  background:url(../images/dd.png) left center no-repeat; padding-left:17px; margin-left:10px; }

.book-cont .bak-5 .clapnet{ margin:0 50px;}
.clapnet .tab-t{ margin-bottom:40px;}
.clapnet .tab-t span{ display:inline-block; float:left; font-size:14px; margin:0 2px; *display:inline; text-align:center; line-height:30px; cursor:pointer;  position:relative;}
.clapnet .tab-t span i{ position:absolute; left:50%; top:100%; margin-left:-4px; display:none;}
.clapnet .tab-t span.on,.clapnet .tab-t span:hover{ background:#af1e23; color:#fff;}
.clapnet .tab-t span.on i,.clapnet .tab-t span:hover i{ display:block;}
.clapnet .tab-nr{}
.clapnet .tab-nr li{ float:left; width:20%; height:260px;}
.clapnet .tab-nr li .img{}
.clapnet .tab-nr li .auto-img{ width:134px; height:185px; margin:0 auto;}
.clapnet .tab-nr li .auto-img:hover{ border:3px solid #af1e23;}
.clapnet .tab-nr li article{ text-align:center;}
.clapnet .tab-nr li article a{ white-space:nowrap; display:block; overflow:hidden; text-overflow:ellipsis; font-size:14px; }
.clapnet .tab-nr li article p{white-space:nowrap;overflow:hidden; text-overflow:ellipsis; color:#666;}
.page-phone { display:none;}
.box-cont-list{ position:relative;}
.box-cont-list .left{ position:absolute; left:0; top:0; width:355px;}
.box-cont-list .left .title_1{ position:relative; background:url(../images/img_ico_23.jpg); height:45px; line-height:42px; color:#fff; font-size:22px; padding-left:40px;}
.box-cont-list .left .title_1 .icon{ position:absolute; left:20px; top:50%; margin-top:-4px;}
.box-cont-list .left .search{ border:2px solid #000; height:35px; position:relative;}
.box-cont-list .left .search input{ width:98%; line-height:35px; height:35px; border:0; padding:0 1%;}
.box-cont-list .left .search button{ position:absolute; border:0;  border-left:2px solid #000; width:45px; height:35px; background:none; right:0; top:0; z-index:2; background:#fff;}
.box-cont-list .left .search button i{ margin:0 0  0 6px;}
.box-cont-list .left .list{ background:#f2f2f2;}
.box-cont-list .left .list .scrollfun{}
.box-cont-list .left .list dl{ margin:0 30px; border-top:1px dotted #ddd; padding:10px;}
.box-cont-list .left .list dl:first-child{ border:0;}
.box-cont-list .left .list dl dd{ margin-top:5px;}
.box-cont-list .left .list dl dt a{ color:#af1e23; font-size:16px;}
.box-cont-list .left .list dl dt a:hover{ color:#8d1115;}
.box-cont-list .left .list dl dd a{ color:#666; display:inline-block; padding:0px 10px 0px 10px; margin-top:5px; line-height:13px; border-left:1px solid #ccc;}
.box-cont-list .left .list dl dd a:hover{ color:#000;}
.box-cont-list .left .list dl dd a:first-child{ border:0; padding-left:0;}
.box-cont-list .book-left-2{ margin-top:20px; background:#f2f2f2;}
.box-cont-list .book-left-2 ul{ padding:20px 10px 0;}
.box-cont-list .book-left-2 ul li{ float:left; width:50%; *margin-left:-1px; padding-bottom:20px;}  
.box-cont-list .book-left-2 ul li .auto-img{ width:137px; height:137px; margin:0 auto;} 
.box-cont-list .book-left-2 ul li p{ text-align:center; font-size:14px; line-height:30px;} 
.box-cont-list .book-left-2 ul li p a{} 

.box-cont-list .right{ margin-left:400px;}
.box-cont-list .right .books-r .tit{ font-size:28px;}
.box-cont-list .right .books-r .book-set{ line-height:30px; margin:30px 0 20px;}
.box-cont-list .right .books-r .book-set a{ padding:0 30px; display:inline-block; font-size:14px; position:relative; }
.box-cont-list .right .books-r .book-set a i{ position:absolute; display:none; left:50%; top:100%; margin-left:-4px;}
.box-cont-list .right .books-r .book-set a.on,.box-cont-list .right .books-r .book-set a:hover{ background:#af1e23; color:#fff; padding:0 30px;}
.box-cont-list .right .books-r .book-set a.on i,.box-cont-list .right .books-r .book-set a:hover i{ display:block;}
.box-cont-list .right .book-sorting{ background:#f2f2f2; line-height:40px; font-size:14px;}
.box-cont-list .right .book-sorting a{ display:inline-block; margin:0 20px; padding-right:10px; }
.box-cont-list .right .book-sorting a.on{ background:url(../images/icon_83.png) right center no-repeat; color:#af1e23;}
.box-cont-list .right .book-sorting a.down{background:url(../images/icon_82.png) right center no-repeat;}

.books-list{ padding:40px 0 50px;}
.books-list li{ border-bottom:1px solid #ddd; padding-top:30px; padding-bottom:30px; position:relative; height:185px;}
.books-list li:hover{ background:#f0f0f0;}
.books-list .img{ position:absolute; left:10px; top:30px;}
.books-list .nr{ padding-left:160px;}
.books-list .nr h2{ float:left; position:relative; font-size:16px;}
.books-list .nr span{ display:block; margin:10px 0;}
.books-list .nr h2 a{}
.books-list .nr h2 .clickpraise{}
.books-list .nr h2 .clickpraise{ position:absolute; right:-50px; line-height:23px; top:0; width:auto; cursor:pointer;}
.books-list .nr h2 .clickpraise i{ display:inline-block; float:left;}
.books-list .nr h2 .clickpraise em{ display:inline-block; float:left;}
.books-list .nr article{ line-height:1.8; height:102px; color:#666;}
.books-list .nr p{}
.books-list .nr strong{ color:#000;}
.books-list .nr .more:hover{ background-position: 0 -262px;}
.books-list .bay{ position:absolute; right:10px; top:25px; background:#f2f2f2; border:1px solid #ddd; border-radius:2px;  width:230px; height:130px; text-align:center;}
.books-list .bay em{ font-size:24px; margin:20px 0 20px; display:block;}
.books-list .bay a{ display:inline-block; background:#af1e23; padding:0 50px; color:#fff; line-height:30px; border-radius:2px;}


.books-art{ position:relative;}
.books-art .left{ margin-right:380px;}
.books-art .left .ntl{ position:relative; min-height:520px;}
.books-art .left .ntl .img{ width:300px; height:420px; position:absolute; left:0; top:0; }
.books-art .left .ntl .img li{ position:absolute; left:0; top:0; }
.books-art .left .ntl .img li img{ width:300px; height:420px;}
.books-art .left .ntl .nr{ padding-left:350px; min-height:420px;}
.books-art .left .ntl .nr h2{ line-height:1; padding-top:10px;}
.books-art .left .ntl .nr h2 em{ font-size:25px; float:left; margin-right:5px;}
.books-art .left .ntl .nr h2 a{ float:left; background:#af1e23; font-weight:normal;  color:#fff; margin-right:5px }
.books-art .left .ntl .nr h2  a{ display:block; color:#fff; padding:2px 5px 3px;}
.books-art .left .ntl .nr h2  a:hover{ background:#770c0f;}
.books-art .left .ntl .nr article{ color:#666; line-height:1.8; margin:20px 0; padding-right:20px; text-align:justify }
.books-art .left .ntl .nr .em{ color:#000; padding:40px 0 0; line-height:1.8; padding-right:20px;}
.books-art .left .ntl .nr ul{ padding:20px 0;}
.books-art .left .ntl .nr li{ font-size:16px; line-height:30px; margin-bottom:10px;}
.books-art .left .ntl .nr li a{ display:inline-block; position:relative; padding-left:30px; font-size:12px; color:#af1e23;}
.books-art .left .ntl .nr li i{ position:absolute; left:0; top:3px;}
.books-art .left .ntl .buy{ line-height:30px;}
.books-art .left .ntl .buy a{ background:#af1e23; width:140px; text-align:center; color:#fff; font-size:14px; display:inline-block; margin-right:10px;}
.books-art .left .ntl .buy span{ display:inline-block; width:110px; border:1px solid #af1e23; cursor:pointer; text-align:center; text-indent:20px; font-size:14px; color:#af1e23; position:relative;}
.books-art .left .ntl .buy span i{ position:absolute; top:5px; left:20px;}
.books-art .left .ntl .tab-nr{ position:absolute; bottom:10px; left:0; width:100%; font-size:0;}
.books-art .left .ntl .tab-nr span{ display:inline-block; width:64px; cursor:pointer; font-size:14px; margin-right:10px; text-align:center; height:75px; border:1px solid #ddd; border-radius:1px;}
.books-art .left .ntl .tab-nr span.on,.books-art .left .ntl .tab-nr span:hover{ border:1px solid #af1e23;}
.books-art .left .ntl .tab-nr span img{ padding:7px 0 0 ; width:42px; height:61px;}

.books-art .left .nt-2{ margin:20px 0 20px 0;}
.books-art .left .nt-2 .tit{ border-bottom:1px solid #af1e23;}
.books-art .left .nt-2 .tit span{ background:#af1e23; text-align:center; font-size:22px; color:#fff; display:block; width:145px; line-height:40px;}
.books-art .left .nt-2 article{ line-height:1.8; color:#666; padding:20px 0; margin-bottom:20px;}
.books-art .left .nt-2 .share{ position:relative; border-bottom:1px solid #ddd; line-height:28px; padding-bottom:10px;}
.books-art .left .nt-2 .share span{ float:left;}
.books-art .left .nt-2 .share .jiathis_style_24x24{}
.books-art .left .nt-2 .share .clickpraise{ position:absolute; right:0; line-height:23px; top:5px; width:auto; cursor:pointer;}
.books-art .left .nt-2 .share .clickpraise i{ display:inline-block; float:left;}
.books-art .left .nt-2 .share .clickpraise em{ display:inline-block; float:left;}

.books-art .left .nt-3{ margin:20px 0 20px 0;}
.books-art .left .nt-3 .tit{ border-bottom:1px solid #af1e23;}
.books-art .left .nt-3 .tit span{ background:#af1e23; text-align:center; font-size:22px; color:#fff; display:block; width:145px; line-height:40px;}
.books-art .left .nt-3 ul{ padding:0 0 30px;}
.books-art .left .nt-3 li{ float:left; width:16.66%; height:260px;}
.books-art .left .nt-3 li .img{ padding-top:30px;}
.books-art .left .nt-3 li .auto-img{ width:133px; height:185px; margin:0 auto; }
.books-art .left .nt-3 li .auto-img:hover{ border:3px solid #af1e23;}
.books-art .left .nt-3 li article{ text-align:center;}
.books-art .left .nt-3 li article a{ white-space:nowrap; display:block; overflow:hidden; text-overflow:ellipsis; font-size:14px; }
.books-art .left .nt-3 li article p{white-space:nowrap;overflow:hidden; text-overflow:ellipsis; color:#666;}

.nt-4{ margin:20px 0 20px 0;}
.nt-4 .tit{ border-bottom:1px solid #af1e23; position:relative;}
.nt-4 .tit span{ background:#af1e23; text-align:center; font-size:22px; color:#fff; display:block; width:145px; line-height:40px;}
.nt-4 .tit a{ position:absolute; right:0; bottom:10px; font-size:14px; }
.nt-4 .tit a i{ position:absolute; left:-30px; top:0;}
.nt-4 ul{ margin-bottom:30px;}
.nt-4 li{ border-bottom:1px solid #ddd; padding:15px 0 10px;}
.nt-4 li article{ margin-bottom:10px; color:#666; line-height:1.8;}
.nt-4 li .mum{ color:#333;}
.nt-4 li .mum span{ display:inline-block; margin-right:20px;}

.nt-5{ padding:30px; background:#f2f2f2;}
.nt-5 .t{ font-size:25px;}
.nt-5 .aer{ }
.nt-5 .aer textarea{ border:1px solid #ddd; background:#fff; margin:10px 0; display:block; width:98%; padding:5px 1%; height:150px;}
.nt-5 .aer button{  background:#af1e23; color:#fff; border:0; height:35px; line-height:35px; text-align:center; float:right; width:185px; font-size:16px;}


.close{ text-align:right; margin:20px 0;}
.close a{ width:90px; display:inline-block; line-height:1.8; text-align:center; background:#c4c4c4;}
.close a:hover{ background:#b8b8b8;}

.books_right{ width:355px; position:absolute; right:0; top:0; z-index:100;}
.books_right img{ max-width:100%; height:auto;}
.books_right .title_1{ position:relative; background:url(../images/img_ico_23.jpg); height:45px; line-height:42px; color:#fff; font-size:22px; padding-left:40px;}
.books_right .title_1 .icon{ position:absolute; left:20px; top:50%; margin-top:-4px;}
.books_right .b-1{ background:#f2f2f2; margin-bottom:20px;}
.books_right .b-1 ul{ padding:10px 30px 20px; font-size:14px;}
.books_right .b-1 ul li{ position:relative; line-height:40px;}
.books_right .b-1 ul li a{ display:block;}
.books_right .b-1 ul li a em{ color:#af1e23;}
.books_right .b-1 ul li .icon{ position:absolute; right:0; top:50%; margin-top:-3px; width:5px; background-position:-305px -455px;}

.books_right .b-2{ background:#f2f2f2; margin-bottom:20px;}
.books_right .b-2 ul{ padding:30px 0 1px;}
.books_right .b-2  li{ margin-bottom:30px; }
.books_right .b-2 li dl{ padding:0 30px; position:relative; min-height:166px;}
.books_right .b-2 li dl dt{ position:absolute; z-index:2; left:30px; top:0; width:119px; height:166px;}
.books_right .b-2 li dl dd{ padding-left:140px;}
.books_right .b-2 li dl dd h2{ font-size:16px; font-weight:normal;}
.books_right .b-2 li dl dd h2 a{ display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.books_right .b-2 li dl dd span{ display:block; padding:10px 0; }
.books_right .b-2 li dl dd article{ color:#666; line-height:1.8; max-height:105px; overflow:hidden;}
.books_right .b-2 li dl dd article i{ color:#000;}

.books_right .b-5{ background:#f2f2f2; margin-bottom:20px;}
.books_right .b-5 ul{ padding:30px 10px 1px;}
.books_right .b-5  li{ margin-bottom:20px; float:left; width:50%; }
.books_right .b-5  li a{ display:block; width:120px; margin:0 auto; text-align:center;}
.books_right .b-5  li a.auto-img{ height:118px; margin-bottom:10px;}
.books_right .b-3{background:#f2f2f2; margin-bottom:20px;}
.books_right .b-3 ul{ padding:30px 30px 1px;}
.books_right .b-3 li{ margin-bottom:20px; position:relative; min-height:84px; }
.books_right .b-3 li .img{ position:absolute; left:0; top:0;}
.books_right .b-3 li .img a{ display:block;  width:112px; height:84px;}
.books_right .b-3 li .nr{ padding-left:130px;}
.books_right .b-3 li .nr h2{ font-weight:normal; margin-bottom:10px;}
.books_right .b-3 li .nr span{ display:inline-block; padding:0 3px; background:#464646; color:#fff;}

.books-art .left .nt-2 .get-honor{ line-height:2; color:#333;}

.artist-cont{}
.artist-cont .artist-1{ position:relative; overflow:hidden;}
.artist-cont .artist-1 .bon{ position:absolute; color:#fff; bottom:0; font-size:18px; font-family:"\5b8b\4f53"; background:#3d3a3a; z-index:100; width:80px; height:60px; line-height:60px; text-align:center;}
.artist-cont .artist-1 .bon.prve{ left:60%; z-index:102;}
.artist-cont .artist-1 .bon.next{ left:60%; margin-left:80px;}
.artist-cont .artist-1 .bon:hover{ background:#000;}
.artist-cont .artist-1 .art-1-ul{ position:relative; height:700px; overflow:hidden;}
.artist-cont .artist-1 .li{ position:absolute; width:100%; height:100%; left:0; top:0; background:#fff; z-index:10;}
.artist-cont .artist-1 .left{ width:60%; *margin-left:-1px; float:left;}
.artist-cont .artist-1 .left dl{ position:relative;}
.artist-cont .artist-1 .left dt{ float:left; width:50%; *margin-left:-1px;  position:relative;}
.artist-cont .artist-1 .left dt .auto-img{height:400px;}
.artist-cont .artist-1 .left dt .clickpraise{ position:absolute; right:10px; line-height:35px; top:10px; z-index:10;  width:auto; cursor:pointer;}
.artist-cont .artist-1 .left dt .clickpraise i{ display:inline-block; float:left;}
.artist-cont .artist-1 .left dt .clickpraise em{ display:inline-block; float:left; color:#fff;}
.artist-cont .artist-1 .left dd{ float:left; width:50%; position:relative; *margin-left:-1px; height:300px; background-repeat:no-repeat; background-position: right top;}
.artist-cont .artist-1 .left dd .sprite-icon_71{ position:absolute; left:5px; top:50%; margin-top:-10px;}
.artist-cont .artist-1 .left dd .t{ width:30px; display:block; height:auto; padding:20px 0 0 0; margin-left:40px;}
.artist-cont .artist-1 .left dd .t .tn{ font-size:28px; line-height:1;}
.artist-cont .artist-1 .left dd .t .tn em{ display:block; text-align:center;}
.artist-cont .artist-1 .left dd .t .icon{ margin:10px 0 0 3px;}
.artist-cont .artist-1 .left .dl-art dt{ float:right; position:absolute; right:0; top:-100px;}
.artist-cont .artist-1 .left .dl-art dd{ float:left;}
.artist-cont .artist-1 .left .dl-art dd .sprite-icon_69{ position:absolute; right:5px; top:50%; margin-top:-10px;}
.artist-cont .artist-1 .left .dl-art dd .t{ float:right; margin-right:40px; margin-left:20px; position:absolute; right:0; top:0;}
.artist-cont .artist-1 .left .dl-art dd article{ float:right; margin-top:40px; text-align:right; max-width:250px; position:absolute; right:80px;}

.artist-cont .artist-1 .right{ width:40%; *margin-left:-1px; float:left; height:700px; background:#3d3a3a;}
.artist-cont .artist-1 .right .wp{ background:url(../images/cha_img_15.jpg) no-repeat top center #ffffff; margin:8px; height:684px; padding:0 90px; line-height:1.8; text-align:center;}
.artist-cont .artist-1 .right .wp .h2{ font-size:36px; color:#af1e23; padding-top:180px; font-size:36px;}
.artist-cont .artist-1 .right .wp .h2 a {color:#af1e23; }
.artist-cont .artist-1 .right .wp article{ font-size:16px; color:#af1e23; margin:10px 0 30px; }
.artist-cont .artist-1 .right .wp .p{}
.artist-cont .artist-1 .right .wp .sprite-icon_18{  margin:30px auto 0; }

.artist-2{ background:url(../images/cha_img_28.jpg) top center; min-height:513px;}
.artist-2 .tit{ font-size:0; color:#fff; line-height:36px; padding:50px 0 0 50px; margin-bottom:30px;}
.artist-2 .tit em{ font-size:36px; font-family:"Times New Roman";}
.artist-2 .tit i{ font-size:36px;  background:url(../images/icon_47.png) left center no-repeat; padding-left:17px; margin-left:10px;}
.artist-2 .bl{ margin:0 80px;}
.artist-2 .bl ul{}
.artist-2 .bl ul li{ float:left; width:50%; position:relative; min-height:252px;}
.artist-2 .bl ul li .img{position:absolute; left:20px; top:0;}
.artist-2 .bl ul li .img .auto-img{ width:255px; height:252px; }
.artist-2 .bl ul li .img .clickpraise{ position:absolute; right:10px; line-height:35px; top:10px; z-index:10; l width:auto; cursor:pointer;}
.artist-2 .bl ul li .img .clickpraise i{ display:inline-block; float:left;}
.artist-2 .bl ul li .img .clickpraise em{ display:inline-block; float:left; color:#fff;}
.artist-2 .bl ul li .txt{ padding-left:290px; padding-right:20px;}
.artist-2 .bl ul li .txt h2{ min-height:50px; font-weight:normal;}
.artist-2 .bl ul li .txt h2 .ajaxLable { display:block;}
.artist-2 .bl ul li .txt h2 .t{ float:left; font-size:28px; color:#fff; line-height:1; margin-right:10px;}
.artist-2 .bl ul li .txt h2 .i{ float:left; border:1px solid #fff; background:#af1e23; color:#fff; padding:0 2px; margin:2px 2px 0;}
.artist-2 .bl ul li .txt h2 .i:hover{ background:#d12a31;}
.artist-2 .bl ul li .txt article{ color:#fff; margin-bottom:5px; height:auto; overflow:hidden;}

.artist-2 .bl ul li .txt .more{}
.artist-2 .bl .bx-wrapper .bx-pager,.artist-2 .bl .bx-wrapper .bx-controls-auto{ right:auto; left:50%; bottom:-80px; margin-left:-160px; width:320px;}
.artist-2 .bl .bx-wrapper .bx-prev{ left:-50px;}
.artist-2 .bl .bx-wrapper .bx-next{ right:-50px;}

.artist-3{ }
.artist-3 .tit{ font-size:0; color:#af1e23; line-height:36px; padding:50px 0 0 50px; margin-bottom:30px;}
.artist-3 .tit em{ font-size:36px; font-family:"Times New Roman";}
.artist-3 .tit i{ font-size:36px;  background:url(../images/dd.png) left center no-repeat; padding-left:17px; margin-left:10px;}
.artist-3 .at-box .list{ }
.artist-3 .at-box .bx-wrapper{padding:0 70px;}
.artist-3 .at-box .list li { display:block; float:left; position: relative; margin: 0 0; cursor: pointer; padding-top: 230px; height:150px;  margin-top: 40px; text-align:center;}
.artist-3 .at-box .list li i em { position: absolute; display: none; width: 100%; height: 100%; left: 0; top: 0; background: #d02a2e; opacity: 0.6; filter: alpha(opacity=60); z-index: 10; }
.artist-3 .at-box .list li > i { position: absolute; background:#fff; left: 50%; margin-left:-106px; top: 0; width: 204px; height: 204px; overflow: hidden; display: block; border: 5px solid #fff; box-shadow: 0 0 10px #ccc; border-radius: 150px; overflow:hidden;}
.artist-3 .at-box .list li > i .auto-img{ width:210px; height:204px;}
.artist-3 .at-box .list li p { width:210px; margin:0 auto; padding:10px 0;}
.artist-3 .at-box .list li b { font-size:16px;}
.artist-3 .at-box .list li article { width:210px; margin:0 auto; display:none;}
.artist-3 .bx-wrapper .bx-pager{ display:none;}
.artist-3 .at-box .list li .clickpraise{ line-height:22px;  z-index:10; margin:0 auto; width:50px; cursor:pointer; position:relative; }
.artist-3 .at-box .list li .clickpraise i{ display:inline-block; float:left;}
.artist-3 .at-box .list li .clickpraise em{ display:inline-block; float:left; }
.artist-3 .at-box .list li.on { z-index: 100; }
.artist-3 .at-box .list li.on i em { display: block; }
.artist-3 .at-box .list li.on > i { overflow: hidden; width: 273px; height: 273px;margin-left:-142px; top: -25px; }
.artist-3 .at-box .list li.on > i .auto-img{ width:273px; height:273px;}
.artist-3 .at-box .list li.on b {display: block; width:204px; margin:0 auto; position:relative; z-index:10; top:-20px; color:#fff;}
.artist-3 .at-box .list li.on b a{ color:#fff;} 
.artist-3 .at-box .list li.on p{ display:none;}
.artist-3 .at-box .list li.on article{ display:block; padding:20px 0 10px; top:-180px; position:relative; color:#fff; z-index:100;}
.artist-3 .at-box .list li.on article a { color:#fff;}
.artist-3 .at-box .list li.on .clickpraise{top:-50px;}
.artist-3 .bx-wrapper .bx-prev{ left: 10px;margin-top: -90px; position: absolute;top: 50%; background-position: -150px -1338px; height: 120px; width: 35px; background-image:url(../images/icon0.png);}
.artist-3 .bx-wrapper .bx-next{ right: 10px; margin-top: -90px; position: absolute; top: 50%; background-position: -150px -1208px; width: 35px; height: 120px; background-image:url(../images/icon0.png);}
.artist-3 .bx-wrapper .bx-pager{ display:none;}
.artist-3 .bx-wrapper .bx-prev:hover{background-position: -150px -1338px;}
.artist-3 .bx-wrapper .bx-next:hover{background-position: -150px -1208px;}

.artist-4{ background:url(../images/cha_img_29.jpg) top center no-repeat #aaa9a7; margin-bottom:50px;}
.artist-4 .tit{ font-size:0; color:#fff; line-height:36px; padding:50px 0 0 50px; margin-bottom:30px; position:relative;}
.artist-4 .tit em{ font-size:36px; font-family:"Times New Roman";}
.artist-4 .tit i{ font-size:36px;  background:url(../images/icon_47.png) left center no-repeat; padding-left:17px; margin-left:10px;}
.artist-4 .tit a{ color:#fff; border-bottom:1px solid #af1e23; display:block; position:absolute; right:50px; bottom:20px; line-height:none; border-bottom:0; font-size:12px;}
.artist-4 .clapnet_2{ margin:0 50px;}
.clapnet_2 .tab-t{ margin-bottom:40px;}
.clapnet_2 .tab-t span{ display:inline-block; float:left; margin:0 2px; *display:inline;color:#fff; font-size:14px; text-align:center; line-height:30px; cursor:pointer;  position:relative;}
.clapnet_2 .tab-t span i{ position:absolute; left:50%; top:100%; margin-left:-4px; display:none;}
.clapnet_2 .tab-t span.on,.clapnet_2 .tab-t span:hover{ background:#af1e23; color:#fff;}
.clapnet_2 .tab-t span.on i,.clapnet_2 .tab-t span:hover i{ display:block;}
.clapnet_2 .tab-nr{ padding-bottom:30px;}
.clapnet_2 .tab-nr li{ float:left; width:25%; height:370px;}
.clapnet_2 .tab-nr li .img{ background:#fff; padding:5px; width:255px; margin:0 auto;}
.clapnet_2 .tab-nr li .auto-img{ width:255px; height:252px; }
.clapnet_2 .tab-nr li article{ text-align:center; width:265px; height:100px; margin:0 auto; background:#fff; }
.clapnet_2 .tab-nr li article a{ white-space:nowrap; display:block; overflow:hidden; text-overflow:ellipsis; font-size:24px; color:#000; }
.clapnet_2 .tab-nr li article p{white-space:nowrap;overflow:hidden; text-overflow:ellipsis; color:#666;}
.clapnet_2 .tab-nr li:hover .img{ background:#af1e23;}
.clapnet_2 .tab-nr li:hover article{background:#af1e23; }
.clapnet_2 .tab-nr li:hover article a{ color:#fff;}
.clapnet_2 .tab-nr li:hover article p{ color:#fff;}
.clapnet_2 .tab-nr li .clickpraise{ line-height:22px;  z-index:10; margin:10px auto 0;  width:50px; cursor:pointer;}
.clapnet_2 .tab-nr li .clickpraise i{ display:inline-block; float:left;}
.clapnet_2 .tab-nr li .clickpraise em{ display:inline-block; float:left; }
.clapnet_2 .tab-nr li:hover article .clickpraise em{ color:#fff;}

.art-search{ background:#e5e5e5; padding:20px ; min-height:40px;}
.art-search input{border:1px solid #333; float:left; height:38px; line-height:38px; padding:0 2px; width:400px;}
.art-search button{border:1px solid #333; float:left; border-left:0; background:#fff; text-align:center; color:#000; width:42px; line-height:1; height:40px; background:url(../images/dx.png) 10px 8px no-repeat #fff; overflow:hidden; text-indent:-100px;}

.art-tit1{ margin:0 50px; padding:30px 0; height:40px;}
.art-tit1 a{ display:inline-block; float:left; color:#000;  margin:2px; font-size:14px; text-align:center; background:url(../images/d1.png) no-repeat left center;  line-height:30px; cursor:pointer;  position:relative;}
.art-tit1 a:first-child{ background:none;}
.art-tit1 a i{ position:absolute; left:50%; top:100%; margin-left:-4px; display:none;}
.art-tit1 a.on,.art-tit1 a:hover{ background:#af1e23; color:#fff; z-index:2;}
.art-tit1 a.on i,.art-tit1 a:hover i{ display:block;}

.art-nr{ padding:0 0 50px 0;}
.art-nr ul{}
.art-nr ul li{ background:#f2f2f2; padding:40px 0; border:1px solid #fff;}
.art-nr ul li.odd{ background:#fff;}
.art-nr ul li:hover{ border:1px solid #af1e23;}
.art-nr ul li dl{ padding:0 40px; position:relative; min-height:252px; max-width:1260px;}
.art-nr ul li dl dt{ position:absolute; z-index:2; left:40px; top:0; }
.art-nr ul li dl dt img{width:255px; height:252px;}
.art-nr ul li dl dd{ padding-left:290px; position:relative;}
.art-nr ul li dl dd h2{ font-size:24px; line-height:30px; font-weight:normal; padding:20px 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.art-nr ul li dl dd h2 a{ display:inline-block; margin-right:10px; }
.art-nr ul li dl dd h2 i{ font-size:14px; color:#666;}
.art-nr ul li dl dd span{ display:block; padding:10px 0; font-size:16px;}
.art-nr ul li dl dd span strong{ color:#af1e23;}
.art-nr ul li dl dd article{ color:#666; line-height:1.8; height:105px; overflow:hidden;}
.art-nr ul li dl dd article i{ color:#000;}
.art-nr ul li dl dd .clickpraise{ line-height:22px;  z-index:10; margin:10px auto 0;  width:50px; cursor:pointer; position:absolute; right:0; bottom:0;}
.art-nr ul li dl dd .clickpraise i{ display:inline-block; float:left;}
.art-nr ul li dl dd .clickpraise em{ display:inline-block; float:left; }

.artist-art-top{ min-height:505px; background:url(../images/cha_img_38.jpg) right top ;}
.artist-art-top .auto-img{ width:361px; height:505px; position:absolute; left:0; top:0;}
.artist-art-top .nr{ padding-left:400px; position:relative; padding-right:20px;}
.artist-art-top .nr .attention{ position:absolute; right:20px; top:20px; border:1px solid #666; width:90px; line-height:30px; font-size:14px; cursor:pointer; text-align:center; padding-left:20px;}
.artist-art-top .nr .attention i{ display:inline-block; position:absolute; left:20px; top:8px;}
.artist-art-top .nr h2{ line-height:30px; padding:30px 0 20px;}
.artist-art-top .nr h2 span{ float:left; font-size:28px; font-weight:normal; margin-right:10px;}
.artist-art-top .nr h2 .clickpraise{ line-height:22px;  z-index:10; margin:5px auto 0;  width:50px; cursor:pointer; float:left;}
.artist-art-top .nr h2 .clickpraise i{ display:inline-block; float:left;}
.artist-art-top .nr h2 .clickpraise em{ display:inline-block; float:left; }
.artist-art-top .nr h3{ font-size:16px; font-weight:normal; margin-bottom:20px;}
.artist-art-top .nr article{ line-height:1.8; color:#333; height:105px; overflow:hidden; margin-bottom:20px;}
.artist-art-top .nr h4{ font-size:20px; font-weight:normal; margin-bottom:20px;}
.artist-art-top .nr .art-top-list{ }
.artist-art-top .nr .art-top-list li{ float:left; text-align:center; padding:0 10px; width:130px;}
.artist-art-top .nr .art-top-list li img{ display:block; }
.artist-art-top .bx-wrapper{ margin-left:0px; margin-bottom:0;}
.artist-art-top .bx-wrapper .bx-pager{ display:none;}
.artist-art-top .bx-wrapper .bx-prev,.artist-art-top .bx-wrapper .bx-prev:hover{ left:auto; margin:0; top:auto; bottom:0px; right:20px; background-image:url(../images/icon0.png); background-position: -300px -429px; width: 10px; height: 16px;}
.artist-art-top .bx-wrapper .bx-next,.artist-art-top .bx-wrapper .bx-next:hover{ right:0px; margin:0; top:auto; bottom:0px; background-image:url(../images/icon0.png);  background-position: -300px -455px; width: 10px; height: 16px;}

.article-txt .share .share-left span{ float:left;}

.artnr-dl{ position:relative; min-height:220px; margin:30px 0 0 0; padding-bottom:20px; }
.artnr-dl dt{ display:block; position:absolute; left:0; top:0; width:289px; height:220px;}
.artnr-dl dd{ padding-left:320px; padding-right:30px; color:#666; line-height:1.8;}
.get-honr{ padding:20px 0;}
.get-honr li{ line-height:30px; padding:3px 0;}
.get-honr li i{ color:#af1e23;}
.get-honr li span{ display:inline-block; padding:0 20px;}

.about-cont{}
.about-cont .bk-1{ color:#fff; position:relative; background:#971419; min-height:427px; overflow:hidden;}
.about-cont .bk-1 .img { position:absolute; left:50px; z-index:3; top:40px;}
.about-cont .txt{  z-index:2; position:relative; padding:30px 10% 30px 50%; }
.about-cont .bk-1 .txt{ padding-top:50px;}
.about-cont .tit{ line-height:1; font-weight:normal; margin-bottom:30px;}
.about-cont .tit em{  font-size:60px; font-family:"Times New Roman"; display:inline-block; margin-right:20px;}
.about-cont article{ line-height:1.8;}
.about-cont .tit i{ font-size:30px;}
.about-cont .bg{ position:absolute; left:0; top:0; width:auto; height:100%;}
.about-cont .bk-2{ color:#000;  position:relative; min-height:460px;  overflow:hidden;}
.about-cont .bk-2 .img { position:absolute; left:100px; z-index:3; top:60px;}
.about-cont .bk-2 .txt{ padding-top:50px;}
.about-cont .bk-3{ color:#fff;  position:relative; min-height:485px;  overflow:hidden;}
.about-cont .bk-3 .img { position:absolute; right:60px; z-index:3; top:50px;}
.about-cont .bk-3 .txt h3{ font-size:18px; margin-bottom:10px; font-weight:normal;}
.about-cont .bk-3 .txt{ padding:50px 50% 20px 10%;}
.about-cont .bk-4{  position:relative; overflow:hidden; min-height:420px;  overflow:hidden;}
.about-cont .bk-4 .img { position:absolute; right:50px; z-index:3; top:60px;}
.about-cont .bk-4 .txt{ padding:0 50% 0 10%; padding-top:50px;}
.about-cont .bk-4 .bg{ width:609px; height:459px; top:0; right:0; left:auto; margin-right:0; display:block; margin-left:auto;}
.about-cont .bk-5{ background:#c6ae98;  position:relative;  overflow:hidden;}
.about-cont .bk-5 .txt{ position:relative; left:0; top:0; margin:0 10%; padding:50px 0 30px;}
.about-cont .bk-5 .txt h2{ float:left; width:48%; position:relative;}
.about-cont .bk-5 .txt article{ float:right; width:50%;  position:relative;}
.about-cont .bk-5 .txt .links{ float:right; width:50%; font-size:0; margin-top:30px; padding-bottom:30px;  position:relative;}
.about-cont .bk-5 .txt .links a{ display:inline-block; width:33%; font-size:12px; text-align:center; margin-bottom:20px; *margin-left:-1px;}

.ab-cont {}
.ab-cont .tit{ font-size:0; color:#af1e23; line-height:36px; padding:50px 0 0 50px; margin-bottom:20px;}
.ab-cont .tit em{ font-size:36px; font-family:"Times New Roman";}
.ab-cont .tit i{ font-size:36px;  background:url(../images/dd.png) left center no-repeat; padding-left:17px; margin-left:10px;}
.ab-cont .ab-1 .tit{color:#fff;}
.ab-cont .ab-1 .tit i{background:url(../images/icon_47.png) left center no-repeat;}
.ab-cont .ab-1 { background:url(../images/1w_03.jpg) #af1e23 bottom center no-repeat; height:480px; position:relative; border:10px solid #af1e23;}
.ab-cont .ab-1 .left{ position:absolute; left:0; top:0; width:550px; height:480px;}
.ab-cont .ab-1 .left li{ width:550px; height:480px;}
.ab-cont .ab-1 .left .auto-img{ width:550px; height:480px;}
.ab-cont .ab-1 .right{ margin-left:550px; padding:0 50px; color:#fff;}
.ab-cont .ab-1 .right .tit{ padding-left:0;}
.ab-cont .ab-1 .bk{ text-align:left; margin:0 auto; max-width:1100px; line-height:1.8; height:360px;}
.ab-cont .ab-1 .bk h2{ font-size:18px;  display:inline-block;}
.ab-cont .ab-2{ border:10px solid #af1e23; border-top:0; background:url(../images/n_06.jpg);}
.ab-cont .ab-2 .bk{ position:relative; margin:50px 160px; line-height:1.8; color:#666;}
.ab-cont .ab-2 .bk .i1{ position:absolute; left:-75px; top:-50px; display:none;}
.ab-cont .ab-2 .bk .i2{ position:absolute; right:-75px; top:-30px; background:url(../images/1q.png) no-repeat; width:54px; height:54px;}
.ab-cont .ab-3{ background:url(../images/we_img_12.png) left top no-repeat;}
.ab-cont .ab-3 .ab3-dl{ min-height:454px; position:relative; padding-left:420px; margin:0 100px;}
.ab-cont .ab-3 .ab3-dl .img{ width:325px; height:454px; position:absolute; left:0; top:0;}
.ab-cont .ab-3 .ab3-dl .bk{ position:relative; padding-top:30px;}
.ab-cont .ab-3 .ab3-dl .bk .i1 { position:absolute; left:-50px; top:0px;}
.ab-cont .ab-3 .ab3-dl .bk h2{ font-size:35px; font-weight:normal;}
.ab-cont .ab-3 .ab3-dl .bk h3{  font-size:16px; font-weight:normal; padding:10px 0 30px;}
.ab-cont .ab-3 .ab3-dl .bk .bt-img{ text-align:right;}
.ab-cont .ab-4{ background:url(../images/even.jpg) no-repeat top center #bdbdbd; min-height:500px;}
.ab-cont .ab-5{ padding:0 0 40px 0;}
.ab-cont .ab-5 .honor{ background:url(../images/hone_03.jpg) center top no-repeat; min-height:500px; padding:20px 40px; max-width:1120px; margin:0 auto;}
.ab-cont .ab-5 .honor li{ float:left; width:25%; *margin-left:-1px; position:relative;}
.ab-cont .ab-5 .honor li .auto-img{ width:230px; height:175px; margin:0 auto; position:absolute; top:0; left:50%; margin-left:-115px; box-shadow:0 0 5px #ddd;}
.ab-cont .ab-5 .honor li.on .auto-img{ width:280px; height:213px; margin:-38px 0 0 -140px;}
.ab-cont .ab-5 .honor li p{ text-align:center; padding:30px 0 20px; height:3em; overflow:hidden;  margin:175px auto 0; font-size:14px;}
.ab-cont .ab-5 .honor li.on p{ font-weight:bold; color:#af1e23;}
.ab-cont .ab-6{ background:#f8f8f8; padding:0 0 40px 0; border:10px solid #af1e23; background:url(../images/djc.jpg) center no-repeat #f8f8f8;}
.ab-cont .ab-6 .party{ margin:0 100px; position:relative; margin-bottom:50px;}
.ab-cont .ab-6 .party .xt{ width:1px; background:#ddd; height:100%; left:50%; top:0; position:absolute;}
.ab-cont .ab-6 ul{}
.ab-cont .ab-6 ul li{ float:left; width:40%;  *margin-left:-1px; height:70px;}
.ab-cont .ab-6 ul li:first-child + li,
.ab-cont .ab-6 ul li:first-child + li + li + li,
.ab-cont .ab-6 ul li:first-child + li + li + li + li + li,
.ab-cont .ab-6 ul li:first-child + li + li + li + li + li + li + li,
.ab-cont .ab-6 ul li:first-child + li + li + li + li + li + li + li + li + li{ padding-left:20%;}
.ab-cont .ab-6 ul li a{ font-size:16px;}
.ab-cont .ab-6 ul li span{ display:block; color:#af1e23;}
.ab-cont .ab-7{}
.ab-cont .ab-7 .art{ margin:0 100px; color:#666; margin-bottom:30px;}
.ab-cont .ab-7 .resp{ margin:0 100px;}
.ab-cont .ab-7 .resp ul{ padding-bottom:40px;}
.ab-cont .ab-7 .resp li{ float:left; width:25%;}
.ab-cont .ab-7 .resp li img{ width:259px; height:195px; border:5px solid #fff; margin:0 auto; display:block;}

.ab-cont .ab-7 .resp li p{ display:block; text-align:center; margin:5px 10px 10px; height:44px;}
.ab-cont .ab-7 .resp li img:hover{ border-color:#b6282b;}
.ab-cont .ab-7 .bx-wrapper .bx-prev{ left: -40px;margin-top: -90px; position: absolute;top: 50%; background-position: -150px -1338px; height: 120px; width: 35px; background-image:url(../images/icon0.png);}
.ab-cont .ab-7 .bx-wrapper .bx-next{ right: -40px; margin-top: -90px; position: absolute; top: 50%; background-position: -150px -1208px; width: 35px; height: 120px; background-image:url(../images/icon0.png);}
.ab-cont .ab-7 .bx-wrapper .bx-pager{ display:none;}
.ab-cont .ab-7 .bx-wrapper .bx-prev:hover{background-position: -150px -1338px;}
.ab-cont .ab-7 .bx-wrapper .bx-next:hover{background-position: -150px -1208px;}

.m-box{}
.m-box .left{ width:55%; float:left;}
.m-box .left .tit{ font-size:0; color:#af1e23; line-height:38px; padding:50px 0 0 50px; margin-bottom:30px;}
.m-box .left .tit em{ font-size:36px; font-family:"Times New Roman";}
.m-box .left .tit i{ font-size:36px;  background:url(../images/dd.png) left center no-repeat; padding-left:17px; margin-left:10px;}
.m-box .left ul{ padding:0 50px; margin-bottom:20px; line-height:35px;}
.m-box .left ul li{ font-size:14px;}
.m-box .left .a{ padding:0 50px;}
.m-box .left .a .mod{ background:#af1e23; display:inline-block; text-align:center; line-height:35px; color:#fff; margin-right:10px; width:180px;}
.m-box .left .a .pw{ width:180px; line-height:33px; border:1px solid #333; display:inline-block; text-align:center;}
.m-box .right{ width:45%; float:right;}
.m-box .right .g{ height:240px;}
.m-box .right .g a{ position:absolute; z-index:2; top:0; left:0; width:100%; height:100%;}
.m-box .right .g a i{ width:200px; height:40px; background:#af1e23; text-align:center; line-height:40px; position:absolute; left:50%; top:50%; margin:-20px 0 0 -100px; font-size:18px; color:#fff;}
.m-box .right .j{ height:200px;}
.m-box .right .j a{ position:absolute; z-index:2; top:0; left:0; width:100%; height:100%;}
.m-box .right .j a em{ width:200px; height:40px;  text-align:center; line-height:40px; position:absolute; left:50%; top:50%; margin:-20px 0 0 -100px; font-size:24px; color:#af1e23;}
.m-box .right .j a .icon { position:absolute; top:50%; left:62%; margin:-10px 0 0 0;}

.register-box .reg-main{ margin:0 50px; text-align:center; padding:50px 0;}
.register-box .reg-main h2{ font-size:20px;}
.register-box .reg-main p{ padding:20px 0;}
.register-box .reg-main a{ background:#af1e23; width:100px; line-height:2; display:inline-block; color:#fff; border-radius:5px; overflow:hidden;}

.mumber-cont .m-2 .tit{ font-size:0; color:#af1e23; line-height:38px; padding:50px 0 0 50px; margin-bottom:30px;}
.mumber-cont .m-2 .tit em{ font-size:36px; font-family:"Times New Roman";}
.mumber-cont .m-2 .tit i{ font-size:36px;  background:url(../images/dd.png) left center no-repeat; padding-left:17px; margin-left:10px;}
.mumber-cont .m-2{ background:url(../images/per_img_08.jpg) no-repeat top center; min-height:540px; position:relative;}
.mumber-cont .m-2 .bt{ margin:0 0 0 80px;}
.mumber-cont .m-2 ul{ margin:0;}
.mumber-cont .m-2 ul li{ float:left;}
.mumber-cont .m-2 ul li .w{ width:255px; padding:5px; background:#af1e23; position:relative; margin:0 auto;}
.mumber-cont .m-2 ul li .auto-img{ width:255px; height:294px; margin:0 auto;}
.mumber-cont .m-2 ul li i{ width:50px; height:50px; background:#828282; border-radius:50px; position:absolute; color:#fff; line-height:50px; text-align:center; right:10px; top:10px; z-index:3;}
.mumber-cont .m-2 ul li.ok i{ color:#fff; background:#af1e23; }
.mumber-cont .m-2 ul li.ok .w{ background:#fff;}
.mumber-cont .m-2 ul li.ok p{ color:#000;}
.mumber-cont .m-2 ul li p{ display:block; text-align:center; font-size:18px; line-height:50px; font-size:18px; color:#fff;}
.mumber-cont .m-2 .tj{ background:url(../images/per_img_06.jpg) no-repeat; width:266px; height:363px; position:absolute; right:50px; top:130px; *top:110px;}
.mumber-cont .m-2 .tj em{ position:absolute; top:250px; width:100%; text-align:center; font-size:20px;}
.mumber-cont .m-2 .bt { margin-right:380px;}
.mumber-cont .m-2 .bt .bx-wrapper{ margin-bottom:0;}
.mumber-cont .m-3 .tit{ font-size:0; color:#af1e23; line-height:38px; padding:50px 0 0 50px; margin-bottom:30px;}
.mumber-cont .m-3 .tit em{ font-size:36px; font-family:"Times New Roman";}
.mumber-cont .m-3 .tit i{ font-size:36px;  background:url(../images/dd.png) left center no-repeat; padding-left:17px; margin-left:10px;}
.mumber-cont .m-3 ul{ *padding-bottom:30px;}
.mumber-cont .m-3 ul li{ float:left; width:50%; margin-bottom:30px; position:relative;}
.mumber-cont .m-3 ul li .close1{ position:absolute; right:15px; top:5px; background:url(../images/icon_34.png) no-repeat; width:20px; height:20px; cursor:pointer; display:none;}
.mumber-cont .m-3 ul li:hover .w{ background:#fafafa;}
.mumber-cont .m-3 ul li:hover .close1{ display:block;}
.mumber-cont .m-3 ul li .w{ margin:0 10px 0; border:1px solid #ddd; padding:30px;  height:210px;}
.mumber-cont .m-3 ul li .w .t1{ position:relative; padding-left:80px; margin-bottom:20px;}
.mumber-cont .m-3 ul li .w .t1 span{ position:absolute; left:0; top:0; font-weight:bold; font-size:14px;}
.mumber-cont .m-3 ul li .w .t1 p{ display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.mumber-cont .m-3 ul li .w .nr{ background:#f2f2f2; padding:20px;}
.mumber-cont .m-3 ul li .w h3{ margin-bottom:10px; font-weight:normal; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.mumber-cont .m-3 ul li .w h3 span{ font-size:14px;}
.mumber-cont .m-3 ul li .w h3 a{ }
.mumber-cont .m-3 ul li .w dl{ position:relative; min-height:74px; padding-left:120px;}
.mumber-cont .m-3 ul li .w dt{ position:absolute; left:0; top:0;}
.mumber-cont .m-3 ul li .w dt auto-img{ width:99px; height:74px;}
.mumber-cont .m-3 ul li .w dd p{ height:40px; overflow:hidden;}
.mumber-cont .m-3 ul li .w dd a{ margin-top:10px;}

.mumber-cont .m-4{ background:#f2f2f2; margin:30px 0; padding-bottom:50px;}
.mumber-cont .m-4 .tit{ font-size:0; color:#af1e23; line-height:38px; padding:50px 0 0 50px; margin-bottom:30px;}
.mumber-cont .m-4 .tit em{ font-size:36px; font-family:"Times New Roman";}
.mumber-cont .m-4 .tit i{ font-size:36px;  background:url(../images/dd.png) left center no-repeat; padding-left:17px; margin-left:10px;}
.mumber-cont .m-4 ul{ margin:0 50px; padding-bottom:50px;}
.mumber-cont .m-4 ul li{ margin-bottom:20px; line-height:30px; padding:1px 0 0; position:relative;}
.mumber-cont .m-4 ul li .abk1{ padding:20px;  background:#fff;}
.mumber-cont .m-4 ul li .t1{ }
.mumber-cont .m-4 ul li .t2{ border-bottom:1px solid #af1e23; padding-bottom:5px; margin-bottom:5px;}
.mumber-cont .m-4 ul li .t2 span{ display:inline-block;  margin-right:70px;}
.mumber-cont .m-4 ul li .t3{}
.mumber-cont .m-4 ul li .t3 span{ margin-right:30px;}
.mumber-cont .m-4 ul li .t4{}
.mumber-cont .m-4 ul li .t4 a{ color:#bf161a;}
.mumber-cont .m-4 ul li .back-len{ background:#e3e3e3; margin-top:10px; padding:10px 20px;}
.mumber-cont .m-4 ul li .s1{ position:absolute; right:15px; top:15px; z-index:10; background:#af1e23; padding:0 30px; color:#fff;}
.mumber-cont .m-4 ul li.ok .s1{ background:#6b6b6b;}

.mumber-cont .m-2 .bx-wrapper .bx-prev{ left: -50px;margin-top: -90px; position: absolute;top: 50%; background-position: -150px -1338px; height: 120px; width: 35px; background-image:url(../images/icon0.png);}
.mumber-cont .m-2 .bx-wrapper .bx-next{ right: -50px; margin-top: -90px; position: absolute; top: 50%; background-position: -150px -1208px; width: 35px; height: 120px; background-image:url(../images/icon0.png);}
.mumber-cont .m-2 .bx-wrapper .bx-pager{ display:none;}
.mumber-cont .m-2 .bx-wrapper .bx-prev:hover{background-position: -150px -1338px;}
.mumber-cont .m-2 .bx-wrapper .bx-next:hover{background-position: -150px -1208px;}
.bx-wrapper .disabled{ opacity:0.5 !important; filter:alpha(opacity=50) ; cursor:default !important;}

.date_input{ background:url(../images/calendar_day.png) right center no-repeat;}
.html_calendar{display:none;position:absolute;width:182px;font:12px Arial;border:1px solid #88b6d8;border-top:none;box-shadow:2px 2px 5px #083e66;z-index:101;} 
.html_calendar h5{position:relative;height:20px;padding:4px 6px;background:#88b6d8;color:#fff;font:normal 12px/20px "\5B8B\4F53";text-align:center;} 
.html_calendar h5 select{vertical-align:baseline;font:12px/18px Tahoma;} 
.html_calendar h5 span{padding:0 6px;} 
.html_calendar table{position:relative;border-collapse:collapse;table-layout:fixed;empty-cells:show;font-family:Arial;text-align:center;} 
.html_calendar table .sat{color:#06f} 
.html_calendar table .sun{color:#e00;} 
.html_calendar table .now{background:#d9e9fa;} 
.html_calendar table .selected{background:#090;color:#fff;} 
.html_calendar thead th{width:26px;height:24px;background:#fff;line-height:24px;text-align:center;} 
.html_calendar tfoot td{height:24px;border-top:1px solid #ccc;background:#eee;color:#999;font-family:"\5B8B\4F53";line-height:24px;} 
.html_calendar tfoot a{cursor:pointer;} 
.html_calendar tfoot .pre, 
.html_calendar tfoot .next{font-family:Tahoma;font-size:11px;} 
.html_calendar tfoot .clear{} 
.html_calendar tfoot a:hover{color:#333;text-decoration:none;} 
.html_calendar tbody td{position:static;width:26px;height:22px;padding:0;background:#eaf4fe;line-height:22px;} 
.html_calendar tbody td.num:hover{background:#88b6d8;color:#fff;text-decoration:none;cursor:pointer;} 
#calendar_block{display:none;position:absolute;top:0;left:0;background:#fff;filter:alpha(opacity=0);opacity:0;z-index:100;} 

.apply-cont{ position:relative; }
.apply-cont .app-head{ position:absolute; left:0; top:30px; width:300px;}
.apply-cont .app-head .img{ margin-bottom:10px;}

.apply-cont .input_list{ margin-left:430px; position:relative;}
.apply-cont .add_input{margin-left:580px;}
.input_box { padding-bottom:30px; border-top:1px solid #ddd; padding-top:30px;}
.input_box .h2{ line-height:40px; font-size:24px; border-top:1px solid #ddd; padding:20px 0 0 ; font-weight:normal;}
.input_box ul { max-width:900px;}
.input_box ul li { width: 100%; float: left; margin: 10px 0; min-height: 33px; *min-height:35px; font-size: 14px; line-height: 30px; color: #666666; position:relative;  }
.input_box ul li .lab { width: 150px; float:right; text-align: right; white-space:nowrap;  position:absolute; left:0; top:0; }
.input_box ul li .inp { border: 1px solid #bbb; background:#fff;   padding: 0 0 0 0; margin-left:150px; *display:inline; margin-right:50px; }
.input_box ul li .inp.nobor{ border:0;}
.input_box ul li em { color: #b01b1d; display:block; padding: 0 0; position:absolute; right: -10px; top:2px; font-style: normal; }
.input_box ul li .inp input { font-size: 14px; width: 98%; padding:0 1%; background: none; border: none; height: 30px; line-height: 30px; }
.input_box ul li .inp textarea { font-size: 14px;  background: none; border: none; height: 100px; width:100%; padding: 2px; line-height: 30px; }
.input_box ul li .select { height: 22px; float: left; width: 194px; background:#f5f5f5; border: 1px solid #ddd; }
.input_box ul li .set1 { margin: 0 30px 0 5px; }
.input_box ul li.inp50 { width: 50%; position:relative;}
.input_box ul li.inp50:hover{ z-index:10;}
.input_box ul li.inp50 .inp { }
.input_box ul li .add_jl{ overflow:hidden; text-indent:-100px; border:0; float:left; margin-left:85%;}
.input_box ul li .inpfocus { border-color: #8FBDEF; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 5px rgba(82, 168, 236, 0.6); outline: 0 none; }
.input_box ul li .sub { padding: 5px 15px; cursor: pointer; 
line-height: 22px; border: none; margin-right: 10px; color: #fff; min-width:200px; border-radius:1px; font-size: 14px; background: #b01b1d; }
.input_box ul li .sub:hover { background: #830d0f; }
.input_box ul li .reset { padding: 5px 15px; cursor: pointer; 
line-height: 22px; border: none; margin-right: 10px; color: #fff; min-width:200px; border-radius:1px; font-size: 14px; background: #464646; }
.input_box ul li .reset:hover { background: #000; }
.input_box ul li.inp50 .w81 { width: 81px }
.input_box ul li.code .inp { width: 100px; }
.input_box ul li.code img { margin-left: 20px; cursor: pointer; float: left; }
.input_box ul li.code .cg { margin-left: 20px; color: #005ead; text-decoration: underline; float: left; }
.input_box ul li.code .cg:hover { color: #b01b1d; }
.input_box .select_0 { width: 100%; position: relative; }
.input_box .select_0 dt { background: url(../images/select.jpg) 175px center no-repeat; padding: 0 5px; cursor: pointer; }
.input_box .select_0 dd { position: absolute; max-height: 200px; overflow-y: auto; overflow-x: hidden; background: #fff; border: 1px solid #ddd; width: 100%; left: -1px; top: 22px; display: none; }
.input_box .select_0 dd a { display: block; line-height: 1.5; color: #000; white-space: normal; padding: 0 5px; }
.input_box .select_0 dd a:hover, .input_box .select_0 dd a.on { background: #CCC; }
.input_box .radio_bon { float: left; }
.input_box .radio_bon dd { background: url(../images/radio.jpg) no-repeat 0 5px; padding-left: 26px; white-space: normal; float: left; margin-right: 10px; cursor: pointer; }
.input_box .radio_bon dd.on { background-position: 0 -25px; }
.input_box .radio_bon dt { display: none;}
.input_box ul li .inp .date_input { background: url(../images/calendar_day.png) no-repeat right center; }
.input_box .add_input li .reset { margin-right: 50px; }
.input_box ul.add_inp2 { position: relative; margin-top: 30px; }
.input_box ul li.in_clear0 { color: #F00; position: absolute; right: 0px; top: 0; width: 40px; text-align: center; cursor: pointer; z-index:100; }
.apply-cont .close{ border-top:1px solid #ddd; padding:20px 0 0 0;}
.apply-cont .update{ display:block; width:210px; margin:0 auto;}

.apply-cont .input_box ul li em{ right:35px;}

.article-txt .share{ border-bottom:1px solid #ddd;}
.article-txt .mark-tips span.font-size i.on{ color:#af1e23; font-weight:bold;}

.event{ position:relative; height:500px;}
.event .event-tit{ margin:0 150px; position:relative;}
.event .event-tit .year{ overflow:hidden; position:relative;}
.event .event-tit .bon{ position:absolute; left:-30px; top:50%; margin-top:-10px;}
.event .event-tit .bon.next{ left:auto; right:-30px;}
.event .event-tit .year ul{overflow:hidden; position:relative; height:40px; padding-bottom:10px;}
.event .event-tit .year ul li{ float:left; margin-left:-5px; background:url(../images/d1.png) left center no-repeat; text-align:center; cursor:pointer; font-size:14px; width:16.6%; line-height:40px; position:relative;}
.event .event-tit .year ul li i{ position:absolute; left:50%; margin-left:-4px; top:100%; display:none;}
.event .event-tit .year ul li.on{ background:#af1e23; color:#fff; z-index:3;}
.event .event-tit .year ul li.on i{ display:block;}

.event .event-nr{ position:absolute; left:50%; top:50px;  height:420px; overflow:hidden; width:1230px; margin:30px auto; margin-left:-615px;}
.event .event-nr li{ float:left; position:absolute; height:350px;  width:360px; cursor:pointer;  opacity:0; filter:alpha(opacity=0); background:#fff; overflow:visible !important;
}
.event .event-nr li .bg{ background:url(../images/zzd.png) no-repeat center top; height:53px; width:100%;  top:100%; left:0; margin-top:-10px; position:absolute; display:none;}
.event .event-nr li dl{ padding:10px; background:#fff; color:#666;  }
.event .event-nr li dl dt{ position:relative;}
.event .event-nr li dl dd{ height:75px; margin:10px 0 0 0;  }
.event .event-nr li dl dt img{ display:block;}
.event .event-nr li dl dd span{ color:#af1e23; font-size:14px; display:block; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.event .event-nr li dl dd article{ margin-top:5px; line-height:1.5; height:3em; overflow:hidden;}
.event .event-nr li.on dl{ background:#af1e23; color:#fff;}
.event .event-nr li.on dd span{ color:#fff;}
.event .event-nr li.on .bg{ display:block;}
.event .event-nr li.on{ overflow:visible;}
.event .event-nr li.on-01,.event .event-nr li.on-11{box-shadow:0 3px 8px #444; opacity:0.95; filter:alpha(opacity=95) }
.event .event-nr li.on-02,.event .event-nr li.on-12{box-shadow:0 0 8px #666; opacity:0.9; filter:alpha(opacity=90)}
.event .event-nr li.on dd{ height:80px !important; margin-top:5px !important;}
.event .event-nr li.on dd article { height:4.5em; }
.event .event-nr li.on-01 dd,.event .event-nr li.on-11 dd{ height:55px;}
.event .event-nr li.on-02 dd,.event .event-nr li.on-12 dd{ height:45px; margin-top:2px;}

.event .event-nr li.on{opacity:1; filter:alpha(opacity=100)}

.rec-art{ padding:0 100px;}
.rec-art .name{ font-size:30px; line-height:40px; text-align:center; margin-bottom:30px;}
.rec-art .dl-rec{ position:relative; padding-left:370px; min-height:350px;}
.rec-art .dl-rec dt{ position:absolute; width:300px; height:350px; left:0; top:0;}
.rec-art .dl-rec dd{ margin-right:100px;}
.rec-art .dl-rec dd .t1{ font-size:18px; margin-bottom:10px;}
.rec-art .dl-rec dd article{ font-size:14px;}

.rec-art .nt-3{ margin:20px 0 20px 0;}
.rec-art .nt-3 .tit{ border-bottom:1px solid #af1e23;}
.rec-art .nt-3 .tit span{ background:#af1e23; text-align:center; font-size:22px; color:#fff; display:block; width:145px; line-height:40px;}
.rec-art .nt-3 ul{ padding:0 0 30px;}
.rec-art .nt-3 li{ float:left; width:200px; height:260px;}
.rec-art .nt-3 li .img{ padding-top:30px;}
.rec-art .nt-3 li .auto-img{ width:133px; height:185px; margin:0 auto; }
.rec-art .nt-3 li article{ text-align:center;}
.rec-art .nt-3 li article a{ white-space:nowrap; display:block; overflow:hidden; text-overflow:ellipsis; font-size:14px; }
.rec-art .nt-3 li article p{white-space:nowrap;overflow:hidden; text-overflow:ellipsis; color:#666;}

.rec-art .nt-2{ margin:20px 0 20px 0;}
.rec-art .nt-2 .tit{ border-bottom:1px solid #af1e23;}
.rec-art .nt-2 .tit span{ background:#af1e23; text-align:center; font-size:22px; color:#fff; display:block; width:145px; line-height:40px;}
.rec-art .nt-2 article{ line-height:1.8; color:#666; padding:20px 0; margin-bottom:20px;}

.book-search{ padding:30px 0 0;}
.book-search em{ color:#af1e23;}

.artist-search{ padding:20px 20px;}
.artist-search em{ color:#af1e23;}

.app-list li dt a{ display:block; width:181px; height:252px;}
.app-list ul li dl dd{ padding-left:222px;}


.mumber-cont .m-3-227 ul li .w{ height:145px;}
.mumber-cont .m-3-227 ul li .w .auto-img{ height:74px; width:53px;}
.mumber-cont .m-3-227 ul li .w dl{ padding-left:70px;}
@media only screen and (max-width: 1700px) {
	.header,.main,.footer{ width:1200px;}
	.index-new{ margin:0 20px;}
	.book-left{ width:44%;}
	.book-right{ width:55%; margin-left:44%;}
	.index-people .peo-right{ width:35%; background-size:100% auto; background-position:top center;}
	.index-people .peo-right article{  padding-top:390px 70px 0 50px;}
	.bk-list li{ margin-right:40px;}
	.book-cont .bak-1 .left_1 .list dl{ padding:4px 10px 3px;}
	.book-cont .bak-1 .left_1 .list dl dd{ margin-top:2px;}
	.books-art .left .nt-3 li .auto-img{ width:120px; height:167px;}
	.mumber-cont .m-2 ul li .w{ width:220px;}
	.mumber-cont .m-2 ul li .auto-img{ width:220px; height:254px;}
	.mumber-cont .m-2 .tj{ height:315px;}
	 .book-cont .bak-1 .right_1{height:464px;}
	 .index-people .peo-left .peo-1{ width:300px; height:275px;}
	 .index-people .peo-left .peo-2{ width:300px; height:275px; top:275px;}
	 .index-people .peo-left .peo-3{ width:300px; height:275px; left:300px; top:275px;}
	 .index-people .peo-right .bg-img{ margin-top:-20px;}
	 .index-people{ height:660px;}
	 
	 .index-works .works-right .works-1{ width:300px; height:275px; left:0;}
	 .index-works .works-right .works-1 video{width:300px; height:275px;}
	 .index-works .works-right .works-2{ width:300px; height:275px; top:275px; left:0;}
	 .index-works .works-right .works-3{ width:300px; height:275px; left:300px; top:275px;}
	 .index-works .works-right .bon{ top:70px;}
	 .index-new .n-right .nr{ margin-top:90px;}
	.index-works .works-right{ height:600px; top:0;}
	.books-list .bay { width:110px;}
	.books-list .bay a { padding:0 10px;}
	.footer .left { width:60%;}
	.index-works .works-right { width:50%;}
}


@media only screen and (max-width: 1200px) {
	.ab-cont .ab-5 .honor { background-image: url(../images/hone_04.jpg); }
	.ab-cont .tit em { font-size: 25px; }
	.ab-cont .tit i { font-size: 25px; }
	.footer .left { width: 73%; }
	.mumber-cont .m-2 ul li .w { width: 160px; }
	.mumber-cont .m-2 ul li .auto-img { width: 160px; height: 184px; }
	.mumber-cont .m-2 .tj { height: 315px; }
	.mumber-cont .m-2 .bt { margin-right: 250px; }
	.mumber-cont .m-2 .tj { width: 180px; height: 245px; right: 10px; background-position: center -20px; }
	.mumber-cont .m-2 .tj em { bottom: 10px; top: auto; }
	.mumber-cont .m-2 { min-height: 420px; }
	.mumber-cont .m-3 ul li .w dd p { height: 40px; }
	.header, .main, .footer { width: 1000px; }
	.index-people .peo-left .bon { right: 100px; }
	.index-brand { height: 500px; }
	.index-brand .i .more { margin-top: 10px; }
	.index-people .peo-right article { padding-right: 0; }
	.book-cont .bak-1 .right_1 { height: 355px; }
	.clapnet_2 .tab-nr li { float: left; width: 25%; height: 340px; }
	.clapnet_2 .tab-nr li .img { background: #fff; padding: 5px; width: 215px; margin: 0 auto; }
	.clapnet_2 .tab-nr li .auto-img { width: 215px; height: 212px; }
	.clapnet_2 .tab-nr li article { text-align: center; width: 225px; height: 100px; margin: 0 auto; background: #fff; }
	.about-cont .txt { padding-top: 50px; }
	.ab-cont .ab-7 .resp li img { width: 220px; height: 166px; }
	.ab-cont .ab-5 .honor { padding: 20px 60px; }
	.books-art .left .nt-3 li .auto-img { width: 100px; height: 139px; }
	.artist-cont .artist-1 .art-1-ul { height: 620px; }
	.artist-cont .artist-1 .right { height: 620px; }
	.artist-cont .artist-1 .right .wp { height: 604px; }
	.artist-cont .artist-1 .right .wp { padding: 0 50px; }
	.artist-cont .artist-1 .right .wp .h2 { padding-top: 90px; }
	.artist-cont .artist-1 .left dt .auto-img { height: 363px; }
	.artist-cont .artist-1 .left dd { height: 263px; }

	.artist-2 .bl ul li .txt h2 .t { font-size: 24px; }
	.artist-2 .bl ul li .txt h2 .i { padding:0 3px;}
	.artist-2 .bl ul li .img{ left:0;}
	.artist-2 .bl ul li .img .auto-img{ width:205px; height:202px;}
	.artist-2 .bl ul li .txt{ padding-left:210px;}
	.clapnet_2 .tab-nr li .auto-img{ width:185px; height:182px;}
	.clapnet_2 .tab-nr li .img{ width:185px;}
	.clapnet_2 .tab-nr li article{ width:195px;}
	.artist-2 .bl{ margin:0 55px;}
	
	.header .nav li{ margin-left:30px;}
	.header .nav li i{ left:-18px;}
	.header .nav li.li-4{ margin-left:25px;}
	.header .nav li.li-4 i{ left:-10px;}
	.header .nav li.li-5{ margin-left:25px;}
	.header .nav li.li-5 i{ left:-15px;}

	.index-new{ margin:0 10px;}
	.index-new .n-left{ width:40%;}
	.index-new .n-right{ width:59%;}
	.index-new .n-right .nr{ margin:100px 0 0 0;}
	.book-left{ width:35%;}
	.book-right{ width:64%; margin-left:35%;}
	.index-works .works-left{ width:36%;}
	.bk-list li.first-1{ margin-right:200px;}
	.clapnet .tab-nr li .auto-img{ width:100px; height:135px;}
	
	.index-people .peo-right article{ padding-top:390px;}
	.index-people .peo-left{ top:40px;}
	
	.book-left{ width:40%;}
	.book-right{ margin-left:40%;}

	.artist-cont .artist-1 .left dd .t .tn { font-size:24px;}
	
	.index-people .peo-right{ width:33%;}


	.index-works .works-right{ width:60%;}
	
	.index-brand{ height:auto;}
	.index-brand .i{ padding:78px 180px;}
	.index-new .n-left{ width:41%;}
	.index-new .n-right .t{ padding-top:40px;}
	.index-new .n-right .nr{ margin-top:80px;}
	
	.artist-art-top .nr .attention{ right:0; top:0;}
	.artist-art-top .nr h2{}
	.artist-art-top .nr h2 span{ font-size:20px;}
	.books_right{ width:300px;}
	.books-art .left{ margin-right:320px;}
	.apply-cont .input_list{ margin-left:280px;}
	.apply-cont .add_input{ margin-left:340px;}
	.ab-cont .ab-5 .honor{ }
	.ab-cont .ab-5 .honor li .auto-img{ width:180px; height:137px; margin:0 0 0 -90px;}
	.ab-cont .ab-5 .honor li.on .auto-img{ width:200px; height:152px; margin:0 0 0 -100px; top:-14px;}
	.ab-cont .ab-5 .honor li p{ margin-top:125px;}
	.about-cont .bk-2 .img { left:10px;}
	.about-cont .txt { padding:30px 5% 30px 55%; z-index:4;}
	.about-cont .bk-3 .txt { padding:100px 45% 20px 5% }
	.about-cont .bk-4 .txt { padding:100px 45% 20px 5% }
	.about-cont .bk-5 .txt { margin:0 5%;}
	.index-new .n-right .nr li .more { display:block;}
	.news-box .news-list .news-list-box {  height:auto; padding-bottom:20px;}
}
@media only screen and (max-width: 1023px) {
	.header,.main,.footer{ width:1000px;}
.ab-cont .ab-1 .bk{ height:auto;}
	.index-new .n-left article{ padding-right:0;}
	.index-service .tit{ left:200px;}	
	.main-tit em{ font-size:36px;}	
	.main-tit i{ font-size:24px;}
	.book-cont .bak-5 .clapnet{ margin:0 20px;}
	.book-cont .bak-2 .bx-wrapper .bx-prev{ left:20px;}
	.book-cont .bak-2 .bx-wrapper .bx-next{ right:20px;}
	.books-art .left .nt-3 li .auto-img{ width:90px; height:125px;}
	.books-art .left .nt-3 li{ height:200px;}

	.header .top-txt{ left:300px;}
	.bk-list li{ margin-right:20px; margin-left:0; margin-bottom:50px;}
	.bk-list{ padding-left:60px;}	
	.book-right{ background-size:680px auto;}
	 .book-cont .bak-1 .right_1{height:auto;}
	.about-cont .bk-1 .img { left:5px;}

}

@media only screen and (max-width: 1000px) {
	.app-list li dt a { width:100px; height:139px;}
	.ab-cont .ab-1 .left li { width:auto;}
	.art-nr ul li dl { min-height:170px;}
	.art-nr ul li dl dd article { height:auto;}
	.ab-cont .ab-1 .bk{ height:auto;}
	.header,.main,.footer{ width:auto; margin:0 5px;}
	.scrollfun{ height:auto !important;}
	.book-cont .bak-1 .left_1 .list dl{ width:44%; margin-left:-1px; margin:0; padding:0; float:left; height:50px; padding:10px 3%;}
	.book-cont .bak-3 .left{ margin-right:0;}
	.book-cont .bak-3 .right{ position:relative; height:auto; width:auto;}
	.book-cont .bak-3{ height:auto;}
	.book-cont .bak-5 .left{ margin-right:0;}
	.book-cont .bak-5 .right{ position:relative; right:0; top:0; width:auto; height:auto;}
	.box-cont-list .left{ width:210px;}
	.box-cont-list .right{ margin-left:220px;}
	.box-cont-list .left .list dl{ margin:0 5px;}
	.box-cont-list .book-left-2 ul li .auto-img{ width:80px; height:80px;}
	.books-list .bay{ width:150px;}
	.books-list .bay a{ padding:0 10px;}
	.books_right{ width:210px;}
	.books-art .left{ margin-right:220px;}
	.books-art .left .ntl .nr{ padding-left:0; padding-bottom:30px;}
	.books-art .left .ntl .img,.books-art .left .ntl .img li img{ width:220px; height:308px;}
	.books-art .left .ntl .nr h2{ padding-left:250px;}
	.books-art .left .ntl .nr article{ padding-left:250px; height:auto; overflow:hidden; margin-bottom:0;}
	.books-art .left .ntl .nr .em {padding-left:250px; }
	.books-art .left .ntl .tab-nr{ bottom:auto; top:315px;}
	.books-art .left .ntl .nr ul{ padding:0; padding-left:250px;}
	.books-art .left .ntl{ padding-bottom:0;}
	.books-art .left .ntl .buy{ text-align:right;}
	.books-art .left .ntl{ min-height:400px;}
	.books-art .left .nt-3 li .auto-img{ width:70px; height:97px;}
	.books_right .b-2 li dl{ padding:0 10px;}
	.books_right .b-2 li dl dt{ left:50px;}
	.books_right .b-2 li dl dd{ padding-left:0; padding-top:180px;}
	.books_right .b-3 ul{ padding:10px;}
	.books_right .b-3 li .img a{ width:80px; height:60px;}
	.books_right .b-3 li .nr{ padding-left:90px;}
	.books_right .b-4 img{ width:100%; height:auto;}
	.artist-cont .artist-1 .right .wp{ padding:0 20px;}
	.artist-cont .artist-1 .right .wp .h2{ padding-top:20px;}
	.books-art .left .ntl .buy { position:absolute; bottom:0; width:100%;}
	.artist-2 .bl ul li .img .auto-img{ width:122px; height:125px;}
	.artist-2 .bl ul li .txt{ padding-left:140px;}
	.artist-3 .at-box .list li{ padding-top:180px;}
	.artist-3 .at-box .list li > i .auto-img{ width:140px; height:144px;}
	.artist-3 .at-box .list li > i{width:140px; height:144px; margin-left:-75px;}
	
	.artist-3 .at-box .list li.on > i { overflow: hidden; width: 220px; height: 226px;margin-left:-110px; top: -25px; }
	.artist-3 .at-box .list li.on > i .auto-img{ width: 220px; height: 226px;}
	.clapnet_2 .tab-nr li .auto-img{ width:145px; height:142px;}
	.clapnet_2 .tab-nr li article{ width:155px;}
	.clapnet_2 .tab-nr li .img{ width:145px;}
	.clapnet_2 .tab-nr li article a{ font-size:18px;}
	.art-nr ul li dl dt img{ width:182px; height:180px;}
	.art-nr ul li dl dd{ padding-left:200px;}
	.art-nr ul li dl dd h2{ padding-top:0;}
	.art-nr ul li{ padding:20px 0 20px;}
	.art-nr ul li dl dd article{ min-height:70px;}
	.art-nr ul li dl dd h2 { display:block; font-size:16px;}
	.artist-2 .bl .bx-wrapper .bx-pager, .artist-2 .bl .bx-wrapper .bx-controls-auto { width:100%; left:0; margin:0;}
	.artist-2 .bl .bx-wrapper .bx-prev { left:-40px;}
	.artist-2 .bl .bx-wrapper .bx-next { right:-40px;}
	.artist-art-top .auto-img{ width:200px; height:280px;}
	.artist-art-top .nr{ padding-left:220px;}
	.artist-art-top .bx-wrapper .bx-prev,.artist-art-top .bx-wrapper .bx-prev:hover{ left:auto; margin:0; top:auto; bottom:-20px; right:40px;}
.artist-art-top .bx-wrapper .bx-next,.artist-art-top .bx-wrapper .bx-next:hover{ right:20px; margin:0; top:auto; bottom:-20px;}
.books_right .b-5 li a.auto-img{ width:80px; height:80px;}
.artnr-dl dd{ padding-left:0; padding-top:250px;}
.about-cont .bg{ left:-140px;}
.about-cont .bk-5 .txt .links a{ width:50%;}
.about-cont .bk-4 .bg{ width:300px; height:226px; top:auto; bottom:0;}
.ab-cont .ab-1 .left{ position:relative; width:auto; height:auto;}
.ab-cont .ab-1 .left .auto-img{ width:auto; height:480px;}
.ab-cont .ab-1 .left .bx-wrapper{ margin-bottom:0;}
.ab-cont .ab-1{ position:relative; height:auto;}
.ab-cont .ab-1 .right{ margin-left:0;}
.ab-cont .ab-3 .ab3-dl .img{ width:150px; height:210px;}
.ab-cont .ab-3 .ab3-dl{ padding-left:220px; margin:0 40px;}
.ab-cont .ab-5 .honor li .auto-img{ width:170px; height:129px; margin-left:-85px; top:5px;}
.ab-cont .ab-5 .honor li.on{ z-index:20;}
.ab-cont .ab-5 .honor li.on .auto-img{ width:170px; height:129px; margin-left:-85px; top:5px;}

.ab-cont .ab-7 .art{ margin:0 30px 30px;}
.ab-cont .ab-7 .resp{ margin:0 30px;}
.ab-cont .ab-7 .resp li img{ width:160px; height:120px;}
.ab-cont .ab-7 .bx-wrapper .bx-prev{ left:-30px;}
.ab-cont .ab-7 .bx-wrapper .bx-next{ right:-30px;}

.m-box .left .tit{ padding-left:10px;}
.m-box .left{ width:60%;}
.m-box .right{ width:40%;}
.m-box .left ul{ padding-left:10px;}
.m-box .left .a{ padding-left:10px;}
.m-box .right .j a .icon{ left:75%;}
.mumber-cont .m-3 ul li .w{ padding:20px 20px;}

.index-people{ height:900px;}


	.book-left{ width:auto; position:relative; margin:0 auto;}
	.book-right{ margin-left:0; width:100%; background-size:800px auto; background-position:center -40px ;}
	.book-left .r-icon{ top:auto; bottom:-15px; right:auto; left:50%; margin:0 0 0 -13px; background-image:url(../images/d2.png); width:26px; height:12px;}
	.bk-list{ width:670px; margin:0 auto;}
	.bk-list li{ margin-left:50px; margin-bottom:87px;}
	.index-new .n-right{ width:55%;}
	.index-new .n-left{ width:44%;}
	.index-new .n-left article{ padding:430px 20px 0 20px;}
	
	.header .nav li > a{ font-size:16px;}
	.index-people{ position:relative; padding-bottom:700px; height:auto;}
	.index-people .peo-left{ width:600px; height:550px; z-index:300;  float:none; position:absolute; top:auto; bottom:20px; left:50%; margin-left:-300px;}

	.index-brand .i .more{ left:0;}
	
	.index-people .peo-right .bg-img{ height:200px; background-size: auto 100%; background-position:center; top:10px;}
	.index-people .peo-right{ width:100%; background-size:360px auto; background-position: center 0; min-height:500px;}
	.index-people .peo-right article{ padding:250px 0 0 0;}
	.index-service{ background-size:auto 100%;} 
	.header .logo{ top:20px;}
	.header .top-txt{ left:50px; top:85px;}
	.header .search{ top:20px;}
	.header .lange{ top:60px;}
	.header .rcode{ display:none;}
	.index-works{ height:auto; max-width:756px; margin:0 auto;}
	.index-works .works-left{ float:none; width:auto; height:auto; min-height:0; padding-bottom:30px; background-position: center 0; background-size:500px auto;}
	.index-works .works-left article{ padding-top:350px; padding-bottom:20px;}
	.index-works .works-right{ float:none; width:600px; margin:0 auto; top:0;}
	.index-works .works-right .works-1{ left:0; right:auto;}
	.index-works .works-right .bon{ right:200px;}
	.index-works .works-right .works-2{ left:0; }

	.index-works .works-right .works-3{ ;}
	.index-people .peo-right .bg-img{ margin-top:20px; height:300px;}
	.index-people .peo-right article{ padding:380px 0 0 0;}
	.index-service .tit{ left:50%; margin:0 0 0 -188px;}
	.index-service .art{ left:auto;}
	.index-new .n-right .nr li h4{ font-size:20px;}
	.index-new .n-right .nr li h3{ font-size:20px;}
	.index-brand .i{ padding:50px 20px;}
	.about-cont .img {}
	.about-cont .img img {width:300px; height:225px; }
	.about-cont .tit em { font-size:40px;}
	.about-cont .txt { padding:10% 5% 30px 45%}
	.artist-art-top .nr h4 { position:absolute; width:100%; bottom:210px; left:10px; margin-bottom:0;}
	.artist-art-top .nr { padding-bottom:240px; min-height:300px;}
	.artist-art-top .nr .art-top-list { position:absolute; width:100%; bottom:30px; left:0;}
	.books-art .left .ntl .tab-nr span { width:50px; margin-right:5px;}
	.ab-cont .ab-5 .honor { background:none; padding:0; min-height:0;}
	.ab-cont .ab-6 .party { margin:0 20px 20px;}
	.ab-cont .ab-6 ul li { margin-bottom:10px;}

	.books-list .nr h2 a { width:150px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; font-size:15px;}
	.footer .left { width:100%;}

		.rec-art { padding:0 10px;}
	.books-art .left .ntl .nr { min-height:0;}
}

@media only screen and (max-width: 767px) {
	.rec-art .dl-rec { padding:0;}
	.rec-art .dl-rec dt { position:relative; height:auto; width:auto;}
	.rec-art .dl-rec dd { padding:0; margin:0;}
	.books-list .nr h2 .clickpraise { right:0; }
	.books-list .nr h2 a { width:auto; margin-right:40px; white-space:normal;}
	.books-list li { height:auto;}
	.books-art .left .ntl .nr { min-height:0;}
	.books-art .left .ntl .nr .em { padding-left:0;}
	.header,.main,.footer{  margin:0 5px;}
.header .nav{ text-align:center; width:100%;}
.header .nav ul{ width:auto;}
.header .nav li{ background:none; float:none; width:auto; display:inline-block; height:30px; line-height:30px; margin:0 2px; font-size:14px;}
.header .nav li i{ display:none;}
.header .nav li a{ text-indent:0;}
.header .nav li.li-4{ margin:0 5px; width:auto;}
.header .nav li.li-5{ margin:0 5px; width:auto;}
.header .nav li.li-6{ margin:0 5px; width:auto;}
.header .search{ top:8px;  right:auto; width:100%;}
.header .search .text{ width:190px;}
.header .logo{ top:65px;}
.header .lange{ top:35px;}
.header .top-txt{ top:120px; left:2px; font-size:10px;}
.header .nav{ top:180px;}
.header{ min-height:190px; z-index:4;}
.mina-banner .button{ display:none;}
.mina-banner{ height:auto;}
.mina-banner .banner-1{ position:relative; width:100%; height:auto; margin-bottom:10px;}
.mina-banner .banner-1 li{ width:100%; height:auto; position:relative; float:left;}
.mina-banner .banner-1 li img{ width:100%; height:auto;}
.mina-banner .banner-2{ position:relative; width:100%; height:auto; display:none;}
.mina-banner .banner-2 li{ width:100%; height:auto; position:relative; float:left;}
.mina-banner .banner-2 li img{ width:100%; height:auto;}
.control{ display:none;}
.index-new{ margin:0;}
.book-left .bx-wrapper{ padding-bottom:20px;}

	.index-brand .i .more { display:none;}
.index-new .n-left .bg-img{ height:180px; background-size:auto 100%; background-position:center;}
.index-works .works-left .bg-img{ height:150px; background-size:auto 100%; background-position:center;}
.index-works .works-left article{ padding-top:220px;}
.index-new .n-left{ float:none; width:auto; background-size:auto 100%; min-height:0; background-position: center ;}
.index-new .n-left article{ padding:200px 0 20px 0;}
.index-new .n-left .more{ bottom:-24px; right:45%;}
.index-new .n-right{ float:none; width:auto;}
.index-new .n-right .t{ padding:40px 0 0 0;}
.index-new .n-right .nr{ margin-top:10px; padding:10px; min-height:0;}
.index-new .n-right .nr li{ padding:5px; min-height:0;}
.index-book{ min-height:0;}
.bk-list{ display:none;}

.book-right{ min-height:0; z-index:100;}
.book-right .tit{ right:0; top:-70px; display:none;}
.book-left li img{ padding-top:10px;}
.book-left li{ position:relative; float:left;}
.book-left li .p{ font-size:24px;}
.book-left{ min-height:480px;}
.index-people{ height:auto; margin:50px 0 10px; padding:0;}
.index-people .peo-left{ float:none; height:auto; width:auto; position:relative; margin:0; left:0; top:0;}
.index-people .peo-right{ float:none; width:auto; height:auto;}
.index-people .peo-left .peo-1{ width:auto; position:relative; height:300px; left:0; top:0;}

.index-people .peo-left .peo-2{ width:auto; position:relative; height:300px; left:0; top:0;}
.index-people .peo-left .peo-3{ width:auto; position:relative; height:300px; left:0; top:0;}

#r_list{ overflow:hidden; width:90%; margin:0 0 0 5%; position:relative; height:auto;}
.index-people .peo-left .peo-2{ height:130px;}
	.books-list .nr article { height:auto;}

.index-people .peo-left .peo-2 li h2{ float:none; margin:10px 0 10px 0; width:auto; text-align:left;}
.index-people .peo-left .peo-2 li article{ width:auto; float:none; height:auto;}
.index-people .peo-left .peo-2 li article b{ float:none; width:auto; margin:0;}
.index-people .peo-right{ min-height:500px;}
.index-people .peo-right article{ padding:380px 10px 20px;}
.index-brand .i h5 i{ margin-bottom:0;}
.index-brand{ padding:0 0 20px 0;}
.index-brand .i{ padding:20px 0 0; margin:0 auto;}
.index-works .works-left article{ padding-right:0;}
.index-works .works-right .works-1{ width:auto; position:relative; height:320px;}
.index-works .works-right .works-1 li .video-js{ width:100%; height:320px;}
.index-works .works-right .works-2{ top:0; left:0; position:relative; width:50%; float:left; height:180px;}
.index-works .works-right .works-3{ top:0; left:0; position:relative; width:50%; float:left; height:180px;}
.index-works .works-right{ height:auto; width:auto;}
.index-service{ height:auto; padding-bottom:20px; margin:10px 0 0 0;}
.index-service .tit{ width:100%; left:0; top:0; margin:0; height:100px;}
.index-service .tit b{ padding:20px 0;}
.index-service .art{ width:auto; padding:120px 0 0 0;}
.index-new .n-right .nr li .more{ display:block;}
.footer .right{ margin:10px 0 0 0;}
.index-people .peo-left .bon{ z-index:100; left:auto; right:10px;}
.index-works .works-right .bon{ top:100px; right:10px; z-index:100;}
.index-service .tit .b{ padding:20px 0;}
.index-new .n-left .bg-img{ margin-top:0;}
.index-service .art h4{ font-size:16px;}
.index-people .peo-right .bg-img{ height:150px;}
.index-people .peo-right .big-bg-img{ top:-180px;}
.index-people .peo-right article{ padding-top:250px;}
.header .nav{ width:27px; height:30px; position:absolute; background:none; padding-right:5px; right:0; left:auto; top:126px; z-index:100;}
.header .nav .bon.fix{ position:fixed; top:10px; right:auto; left:100%; margin-left:-37px; z-index:10000; }
.scrollhide .header .nav .bon.fix{ margin-left:-187px;}
.header .nav .bon{ background:url(../images/drop_btn.png) no-repeat; width:27px; height:30px; display:block; right:auto; left:100%;  top:0; cursor:pointer;}
.header .nav .bon i{ position:absolute; background:url(../images/phone1.png) no-repeat; width:12px; height:8px; bottom:-14px; left:6px; display:none;}
.header .nav ul{ position:absolute;  width:300px; right:0; top:44px; background:url(../images/x1.jpg) repeat-y #e9e9e9; z-index:100; display:none;}
.header .nav ul li{ float:none; display:block;  margin-left:64px !important; border-top:2px solid #cc4753; padding-left:10px !important; width:auto !important;}
.header .nav ul li a{ display:block; text-align:left;}
.header .nav li:first-child{ margin-left:64px; border:0;}
.header .nav.open ul{ display:block;}
.header .nav.open .bon i{ display:block;}

.book-left .b{ top:10px;}

.header .nav .child-box { position:fixed; width:150px; height:100%; padding:0; overflow:scroll; left:100%;  top:0; display:block !important;}
.header .nav .child-box div{ display:block; background:#333; border-bottom:1px solid #2a2a2a; border-top:1px solid #4c4b4b; }
.header .nav .child-box div a{ color:#fff;}
.header .nav .child-box div h2{ font-size:16px; display:block; text-align:left; }
.header .nav .child-box div h2 a{ display:block; padding-left:20px;}
.header .nav .child-box div span{ display:block;  line-height:18px; padding:0; }
.header .nav .child-box div span a{ display:block; padding-left:35px; padding-bottom:8px; color:#999}

.book-cont .bak-2 .tit{ padding:10px;}
.book-cont .bak-2 .tit i,
.book-cont .bak-4 .tit i,
.artist-2 .tit i,
.artist-3 .tit i,
.artist-4 .tit i,
.ab-cont .tit i,
.book-cont .bak-5 .left .tit i,
.book-cont .bak-3 .left .tit i{ font-size:16px;}
.book-cont .bak-2 .tit em,
.book-cont .bak-4 .tit em,
.artist-2 .tit em,
.artist-3 .tit em,
.artist-4 .tit em,
.m-box .left .tit em,
.m-box .left .tit i,
.mumber-cont .m-2 .tit em,
.mumber-cont .m-2 .tit i,
.mumber-cont .m-3 .tit em,
.mumber-cont .m-3 .tit i,
.mumber-cont .m-4 .tit em,
.mumber-cont .m-4 .tit i,
.ab-cont .tit em,
.book-cont .bak-5 .left .tit em,
.book-cont .bak-3 .left .tit em{ font-size:17px; }
.book-cont .bak-2 .list .b{ margin:0 10px;}
.book-cont .bak-5 .left .tit .more{ right:5px; bottom:15px;}
.fine-box .fine-ul .lt dd { padding:0;}
.fine-box .fine-ul .lt dt{ position:relative; left:0; top:0; width:auto; height:200px;}
.fine-box .fine-ul .lt dt a{ height:220px; width:auto;}
.fine-box .fine-ul .lt dl{ margin:0 ;}
.fine-box .fine-ul .lt .list{ margin:10px 10px;}
.fine-box .fine-ul .bx-wrapper .bx-prev{ left:-10px;}
.fine-box .fine-ul .bx-wrapper .bx-next{ right:-10px;}
.book-cont .bak-3 .left .tit{ padding:50px 0 0;}
.book-cont .bak-5 .left .tit{ padding:10px 10px;}
.book-cont .bak-5 .clapnet{ margin:0 10px;}
.clapnet .tab-t{ overflow-x:scroll; padding-bottom:10px;}
	.clapnet .tab-t span.on i,	.clapnet .tab-t span:hover i { display:none;}
.clapnet .tab-t span{ width:auto !important; white-space:nowrap; padding:0 10px; float:none;}
.clapnet .tab-nr li{ width:50%;}
.book-cont .bak-5 .left{ height:auto;}
.clapnet .tab-nr li{ height:190px;}
.box-cont-list .left{  display:none;}
.box-cont-list .right{ margin-left:0;}
.books-list li{ padding-bottom:70px;}
.books-list .bay{ width:99%; bottom:5px; line-height:50px; top:auto; height:50px; left:0;}
.books-list .bay em{ float:left; margin:0;}
.books-list .bay a{ float:right; margin:10px 10px 0 0;}
.box-cont-list .right .books-r .book-set a{ padding:0 10px;}
.box-cont-list .right .book-sorting a{ margin:0 5px;}
.books_right{ display:none;}
.books-art .left{ margin-right:0;}
.books-art .left .nt-3 li{ width:33%; height:180px;}
.books-art .left .ntl .nr{ padding-top:400px;}
.books-art .left .ntl .nr h2{ padding-left:0;}
.nt-5{ padding:10px;}
.books-art .left .ntl .tab-nr{ overflow-x:scroll;}
.books-art .left .ntl .nr article{ height:auto; padding:0; margin-bottom:10px;}
.book-cont .bak-3 .left .fine-box .fine-ul{ height:650px;}
.fine-box .fine-ul .lt dd .bay{ margin:0 auto;}
.fine-box .fine-ul .lt dd{ padding:20px 0;}
.artist-cont .artist-1 .left{ width:100%;}
.artist-cont .artist-1 .right{ width:100%; height:200px;}
.artist-cont .artist-1 .art-1-ul{ height:800px;}
.artist-cont .artist-1 .right{ height:500px;}
.artist-cont .artist-1 .right .wp{ height:485px;}
.artist-cont .artist-1 .right .wp{ padding:0 50px;}
.artist-cont .artist-1 .right .wp .h2{ padding-top:90px;}
.artist-cont .artist-1 .left dt .auto-img{ height:163px;}
.artist-cont .artist-1 .left dd{ height:163px;}
.artist-cont .artist-1 .left .dl-art dt{ top:0;}
	.artist-2 .bl ul li .img .auto-img { width:200px; height:200px;}
.artist-cont .artist-1 .left dd .t{width:18px;}
.artist-cont .artist-1 .left dd .t .tn{ font-size:14px; }
.artist-cont .artist-1 .left .dl-art dd .t{ margin:0 15px 0 0;}
.artist-cont .artist-1 .left dd .t .icon{ margin-left:-5px;}
.artist-cont .artist-1 .left .dl-art dd article{ right:45px; margin-top:20px; height:102px; overflow:hidden;}
.artist-cont .artist-1 .right .wp{ padding:0 10px;}
.artist-cont .artist-1 .right .wp .h2{ padding-top:10px;}
.artist-cont .artist-1 .bon.prve{ left:0;}
.artist-cont .artist-1 .bon.next{ left:0;}
.artist-2 .tit{ padding:10px;}
.artist-4 .tit{ padding:10px;}
	.artist-2 { min-height:590px;}
.artist-2 .bl ul li .txt{ padding:0; padding-top:220px;}
.artist-3 .tit{ padding:10px; margin-bottom:0px;}
.artist-2 .bl ul li .txt article{ height:auto; font-size:12px !important;}
.artist-2 .bl .bx-wrapper{ margin-bottom:30px;}
.artist-3 .at-box .bx-wrapper{ padding:0 30px;}
.artist-2 .bl .bx-wrapper .bx-pager, .artist-2 .bl .bx-wrapper .bx-controls-auto{ bottom:-60px;}
.artist-4 .tit a{  right:10px; bottom:-20px;}
	.artist-cont .artist-1 .bon { top:500px; width:40px; opacity:0.5;}
	.artist-cont .artist-1 .bon.next { left:auto; right:0;}
.clapnet_2 .tab-t{ overflow-x:scroll; white-space:nowrap; padding-bottom:10px;}
.clapnet_2 .tab-t span{ width:auto !important; white-space:nowrap; padding:0 10px; float:none;}
	.artist-2 .bl ul li .img { left:50%; margin-left:-100px;}

	.ab-cont .ab-1 .left .auto-img { height:auto;}
	.ab-cont .ab-1 .left .auto-img img { width:100% !important; height:auto !important; margin:0 !important;}

.artist-3 .at-box .list li > i .auto-img{ width:210px; height:204px;}
.artist-3 .at-box .list li > i{ width:210px; height:204px; margin-left:-110px;}
.artist-3 .bx-wrapper .bx-prev{ margin-top:-110px;}
.artist-3 .bx-wrapper .bx-next{margin-top:-110px;}
.artist-4 .clapnet_2{ margin:0 10px;}
	.artist-3 .at-box .list li { height:220px;}
	.artist-3 .at-box .list li p { margin-top:20px;}
	.artist-3 .at-box .list li article { display:block;}
.clapnet_2 .tab-nr li{ width:50%; height:270px;}
.clapnet_2 .tab-nr li .img{ width:120px;}
.clapnet_2 .tab-nr li .auto-img{ width:120px; height:122px;}
.clapnet_2 .tab-nr li article{ width:130px;}
.artist-2 .bl{ margin:0 40px;}
.artist-4{ margin-bottom:0;}
.art-search{ position:relative; padding:10px;}
.art-search input{ width:90%;}
.art-search .sub{ position:absolute; right:10px; top:10px;}
.art-tit1{ margin:0 10px;  padding-bottom:10px; height:auto;}
.art-tit1 a{ width:auto !important; white-space:nowrap; padding:0 10px; float:none; margin-left:-8px; background:none;}
.art-tit1 a.on i,.art-tit1 a:hover i{ display:none;}
.art-nr ul li dl{ padding:10px 0; min-height:0;}
.art-nr ul li dl dt{ left:0; top:10px;}
.art-nr ul li dl dt img{ width:100px; height:102px;}
.art-nr ul li dl dd{ padding-left:120px;}

.artist-art-top .auto-img{ width:auto; margin:0 auto;height:auto; top:0; position:relative; }
	.artist-art-top .nr { padding:10px 10px 30px; margin-top:20px;}
	.artist-art-top .nr h4{ position:relative; bottom:0;}
	.artist-art-top .nr .art-top-list{ position:relative; bottom:0;}
	.artist-art-top .nr article { height:auto;}
.artnr-dl dd{ padding-right:0;}
.about-cont .bk-1{ min-height:0; padding:20px 0;}
.about-cont .bk-1 .txt{ padding:10px;}
.about-cont .bk-1 .bg{ left:auto; right:0;}
.about-cont .bk-2 .txt{ padding:10px;}
.about-cont .bk-2 .bg{ left:-100%; }
.about-cont .bk-2{ min-height:0; padding:20px 0;}
.about-cont .bk-3{ min-height:0; padding:20px 0;}
.about-cont .bk-3 .txt{ padding:10px;}
.about-cont .bk-3 .bg{ left:auto; right:0;}
.about-cont .tit em{ font-size:30px;}
.about-cont .tit i { font-size:25px;}
.about-cont .bk-4{padding:20px 0;}
.about-cont .bk-4 .txt{ padding:10px 10px 100px;}
.about-cont .bk-5{padding:20px 0;}
.about-cont .bk-5 .txt{ margin:0 2%;}
.about-cont .bk-5 .txt h2{ float:none; width:auto;}
.about-cont .bk-5 .txt .links{ float:none; width:auto;}
.about-cont .bk-5 .txt article{ float:none; width:auto;}

.ab-cont .ab-1 .left li{ height:280px;}
.ab-cont .ab-1 .right{ padding:0 10px;}
.ab-cont .ab-2 .bk{ margin:20px 15px;}
.ab-cont .ab-3 .ab3-dl{ padding-left:0; padding-top:200px;}
.ab-cont .ab-3 .ab3-dl .bk .i1{ left:-20px; top:20px;}
.event .event-tit{ margin: 0 30px;}
.ab-cont .tit{ padding:20px 10px 0; margin-bottom:0;}
.ab-cont .ab-1 .bk{ padding-bottom:0;}
.ab-cont .ab-5 .honor li{ width:50%;}
.ab-cont .ab-5 .honor{ background:none;}
.ab-cont .ab-5 .honor li .auto-img,.ab-cont .ab-5 .honor li.on .auto-img{ width:140px; height:106px; margin-left:-70px; margin-top:0; top:0;}
.ab-cont .ab-5 .honor li p{ margin-top:100px; padding:10px 0 20px;}
.ab-cont .ab-6 .party{ margin:10px 10px;}
.ab-cont .ab-6 ul li{ width:100%; height:auto; margin-bottom:10px; font-size:14px;}
.ab-cont .ab-6 ul li a{ font-size:14px;}
.ab-cont .ab-6 ul li:first-child + li,
 .ab-cont .ab-6 ul li:first-child + li + li + li,
 .ab-cont .ab-6 ul li:first-child + li + li + li + li + li,
 .ab-cont .ab-6 ul li:first-child + li + li + li + li + li + li + li,
 .ab-cont .ab-6 ul li:first-child + li + li + li + li + li + li + li + li + li{ padding-left:0;}
 .ab-cont .ab-6 .party .xt{ display:none;}
 .ab-cont .ab-7 .resp li{ width:50%;}
 
.ab-cont .ab-7 .bx-wrapper .bx-prev,.ab-cont .ab-7 .bx-wrapper .bx-prev:hover{ width:15px; left:-10px;}
.ab-cont .ab-7 .bx-wrapper .bx-next,.ab-cont .ab-7 .bx-wrapper .bx-next:hover{ width:15px; right:-10px; background-position:-170px -1208px;}
.ab-cont .ab-4{ background:none;}
.event{ height:auto;}
.ab-cont .ab-5 .honor{ padding:10px 0;}
.event .event-tit .year ul{ margin:0 10px; overflow-x:scroll; white-space:nowrap; padding-bottom:10px;}
.event .event-tit .year ul li{ width:auto !important; white-space:nowrap; padding:0 20px; float:none; margin-left:-8px; display:inline-block;}
.event .event-nr{ height:auto; width:auto; position:relative; margin:0; left:0; top:0;}
.event .event-nr li dl{ height:auto; margin-bottom:10px;}
.event .event-nr li dl dt img{ width:100%; height:auto;}
.event .event-nr li{ width:auto; height:auto; position:relative; margin:10px 0; width:100%; opacity:1; filter:alpha(opacity=100);  display:block;}
.ab-cont .ab-5 .honor li p{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.ab-cont .ab-7 .resp{ margin:0 10px;}
.ab-cont .ab-7 .resp li img{ width:130px; height:100px;}
.ab-cont .ab-7 .resp .bx-wrapper{ margin-bottom:0;}
.main-tit{ padding-top:20px;}
.main-tit em{ font-size:20px;}
.main-tit i{ font-size:16px;}

.m-box .left{ width:100%;}

.m-box .right{ width:100%; margin-top:20px;}
.m-box .left .a{ padding:0;}
.m-box .left .a a{ width:120px !important;}
.m-box .right .g{ height:100px;}
.m-box .right .j{ height:100px;}
.mumber-cont .m-2 .bt{ margin:0 50px;}
.m-box .left .tit{ padding:0; margin-bottom:10px;}

.mumber-cont .m-2 .tit{ padding:0;}
.mumber-cont .m-3 .tit{padding:0;}
.mumber-cont .m-4 .tit{padding:0;}
.mumber-cont .m-2 .tj{ left:50%; margin-left:-90px; bottom:20px; top:auto; right:auto;}
.mumber-cont .m-2{ padding-bottom:220px; background:#ddd;}
.mumber-cont .m-3 ul li{ width:100%;}
.mumber-cont .m-3 ul li .w{ height:auto;}
.mumber-cont .m-4 ul{ margin:0;}

	.about-cont  .img { position:relative !important; left:0 !important; top:0 !important; margin:0 auto; text-align:center; }
	.book-cont .bak-5 .left .tit .more { }
	.book-cont .bak-1 .left_1 .list dl dd a { border:0; padding:0 10px;}
	.book-cont .bak-1 .left_1 .list dl dd a:first-child { padding-left:10px;}
	.book-cont .bak-2 .list .b { margin:0;}
	.book-cont .bak-2 .list .b li dl { padding:0;}
	.book-cont .bak-2 .list .b li dl dt { left:0;}
	.books-art .left .ntl .tab-nr { width:75px; top:0; right:10px; left:auto; overflow:hidden;}
	.books-art .left .ntl .tab-nr span { margin-bottom:10px; height:70px;}
	.books-art .left .ntl .tab-nr span img { padding:4px 0 0 0;}
	.books-art .left .ntl .nr { padding-top:340px;}
	.books-art .left .ntl .buy { text-align:center;}
	.page { display:none;}
	.page-phone { display:block; padding:30px 0;}
	.page-phone { text-align:center;}
	.page-phone select { padding:0 10px;}

	.header .nav .child-box div.child-4  span{ display:none;}
	.clapnet_2 .tab-t { margin-bottom:10px;}
	.clapnet_2 .tab-t { white-space:normal;}
	.clapnet_2 .tab-nr li article a { font-size:15px;}
	.artist-4 .tit a { top:15px; bottom:0;}
	.clapnet_2 .tab-t span.on i,	.clapnet_2 .tab-t span:hover i { display:none;}
	.header .nav .child-box div.child-7 { padding-bottom:60px;}
	.ab-cont .ab-1 .right { background:#cc282f;}
	.book-left li .p{ font-size:18px; line-height:1.5;}
	
	.books-art .left .ntl .nr ul{ padding-left:10px;}
	.book-cont .bak-2 .list .bx-controls{ display:block;}
	.book-cont .bak-2 .bx-wrapper .bx-prev{ left:0;}
	.book-cont .bak-2 .bx-wrapper .bx-next{ right:0;}

	.ab-cont .ab-7 .resp li p { height:6em; line-height:1.5;}
	.books-art .left .ntl .nr {min-height:0;}

	.iwant-box .iwant-dis ul li.imglist dd { width:100px;}
	.iwant-box .iwant-dis ul li.imglist dd .img img { width:100px; height:125px;}
	.iwant-box .iwant-dis ul li.imglist dd .bt { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

.artist-cont .artist-1 .art-1-ul{ height:757px;}
	.artist-cont .artist-1 .right .wp article{ height:7.2em; overflow:hidden; margin-bottom:5px;}
	.artist-cont .artist-1 .right .wp .p{ height:10.8em; overflow:hiddenl;}
	.artist-cont .artist-1 .right .wp{ height:415px;}
	.artist-cont .artist-1 .right{ height:auto;}
	.artist-cont .artist-1 .right .wp .sprite-icon_18{ margin-top:20px;}
	
	
	.artist-2{ min-height:0; padding-bottom:30px;}
}