@charset "utf-8";

li{list-style-type:none;}
img{border:none;}
.line{border-bottom:1px dashed #ccc; height:1px; overflow:hidden;}
.border{border:1px solid #ccc;}/* CSS Document */
.clear{margin:0px auto; clear:both; height:0px; font-size:0px; overflow:hidden;}
body { min-width:1200px; background:#fff;margin:0 auto;padding:0;color:#444; line-height:20px; }
html{ min-width:1200px;}
.f12{ font-size: 12px; font-family: 微软雅黑}
.f13{ font-size: 13px; font-family: 微软雅黑}
.f14{ font-size: 14px; font-family: 微软雅黑}
.f15{ font-size: 15px; font-family: 微软雅黑}
.f16{ font-size: 16px; font-family: 微软雅黑}
.f18{ font-size: 18px; font-family: 微软雅黑}
.f24{ font-size:24px; font-family: 微软雅黑}

.clearfix{clear: both;}
/* Hides from IE-mac \*/
.clearfloat{content: ".";display: block;height: 0;clear: both;visibility: hidden;font-size:0;line-height:0;}
/**复制你自己的代码到这里*/


.clear{zoom:1;}
.clear:after{visibility:hidden;display:block;font-size:0;content:"1";clear:both;height:0;}
.clears{ clear:both}
.fl{float:left;_display:inline;}
.fr{float:right;_display:inline;}
.none{ display: none};
.block{ display: block;}

.cc{ margin:0 auto;width:1200px; min-width:1200px; position:relative}
.cc2{ margin:0 auto;width:1220px; min-width:1200px; position:relative}
.height20{height:20px;line-height:0;font-size:0;clear:both;}
.height10{height:10px;line-height:0;font-size:0;clear:both;}
.w862{ width:862px; }
.w348{ width:318px; }

.ccc{ width:100%; background-color:#f2f2f2; }



.w562{ width:642px; background: #cc0000; height:300px}

.mainbg{ background: #fff; overflow: hidden; min-width:1200px;}

/**头部**/
.ex-table{border:#eeeeee 1px solid; border-bottom: none;; border-left:none;  }
.ex-table td{border-bottom:1px #eeeeee solid;border-left: 1px #eeeeee solid; padding:8px 10px; line-height: 25px;}
.ex-table .td-right{ text-align:right;}
.ex-table .td-left{ text-align:left;}
.ex-table .td-center{ text-align:center;}
.ex-table .td-head{ background: #f8f8f8}


/**************top**************/
.topbar {width:100%;min-width:1200px; line-height:35px; background:#f8f8f8; border-bottom:1px #eeeeee solid ; overflow:hidden}
.topleft {float:left;}
.topleft li {float:left; color:#666;   }
.topleft li a {color:#CC0000;}
.topright {float: right;}
.topright li {float: left; color:#666; padding:0 2px;}



/**************head**************/
.logo{  float:left; height:80px; width:380px; padding:20px 0;  }
.logo img{ height:80px;  }
.headr{width: 820px}

.servicetel{ background: url(tel.jpg) no-repeat left  bottom; margin-top:33px; padding-left:45px } 
.servicetel .tit{color: #666;font-size:12px;display:block; text-align:left;margin-bottom: 5px}
.servicetel .tel{ display:block; line-height:25px; font-size:28px;font-family:微软雅黑; color:#cc3333;}



.searchtab{ width:520px; float:left; margin:25px 10px 0 10px;}
.searchtab .stit{ width:520px; float:left;}
.searchtab .stit ul li{ width:55px; height:28px; line-height:28px; float:left; text-align:center; margin-right:5px; font-family:\5FAE\8F6F\96C5\9ED1,Verdana,Arial;}
.searchtab .stit ul li{color:#666; text-decoration:none; display:block; cursor:pointer;}
.searchtab .stit ul li span.active{color:#fff; background:#009a62; width:55px; height:28px;display:block;}

.searchtab .searstyle{ width:508px; float:left; background: #000; position: relative;}
.searright{float:left;width:78px; height:39px; line-height:35px; border:2px solid #009a62; background:#009a62; text-align: center; font-size:16px;color:#fff;font-family:\5FAE\8F6F\96C5\9ED1,Verdana,Arial;}
.search_input{ float:left;width:416px;border:2px solid #009a62;height:35px;line-height:35px; color:#999; background:#fff; padding-left:10px;}

/*识图*/
.shitu{ width:45px; height:25px; position:absolute;top:0; right:85px; z-index: 999;
background:#eee url(camera.png) no-repeat 6px center; text-align: center;
color:#333; padding-left:15px; line-height:28px;margin-top:7px;}
.uploadFile{width:62px; height:25px; position:absolute;top:0; right:85px; z-index: 9999;margin-top:7px;margin-bottom:7px
; filter:alpha(opacity:0);opacity: 0; }

.upload {border:1px solid #eee;height:80px;border-top:none; position: absolute;background:#fff;z-index:9999; display:none}
.upload.pad1{top:39px; left: 0px; width:426px; line-height: 80px;}
.upload.pad2{top:40px; left: 0px; width:460px; line-height: 80px;}
.load-circle {text-align:center; font-size:14px; background: url(lightbox-ico-loading.gif) no-repeat 90px center;  }



/**************menu**************/
#navbar{width:100%;position:relative; z-index:999;height:45px;background:#009a62; box-shadow: 0 2px 2px #ccc;}
#navbar .cc{ position:relative;}
.menucon { position:absolute; left:200px;height:45px; padding-left:20px; background:#009a62;  width:980px;}
.menucon li{ text-align:center; height:45px; line-height:45px;display:inline-block; }
.menucon li a{ color:#fff;  text-align:center;  display:inline-block;padding:0 20px}
.menucon li a:hover{ background: #33c278 }
.menucon li.on{display:inline-block;}

.categorys{ position:absolute; left:0;top:0px;width:200px; }
.categorys_title{background:#3a3a3a url("categorys.gif") no-repeat 170px center;color:#fff; line-height:45px; text-indent:1em;}
.categorys:hover .categorys_content{display:block; }
.categorys_content{ margin:0; background:#fff;box-shadow: 0 3px 3px #e7e7e7;display:none}

.tree1 {overflow:hidden; padding: 10px 15px }
.tree1 li { line-height:38px;height:38px; border-bottom:1px #eeeeee dotted;}
.tree1 li a {display:block; color:#333;background:#fff url(ico_01.gif) 165px  center no-repeat; }
.tree1 li a:hover {display:block;  color:#db4443; background:#fff url(ico_01.gif) 165px  center no-repeat ;}


/**************悬浮菜单**************/
.ccfixed{width: 100%;background: #fff;position:fixed;top:-90px;z-index:1300; box-shadow: 0 2px 2px #f8f8f8;border-bottom:1px #eee solid;}
.ccsmall{ width:1200px;background: #fff;  min-width:1200px;margin: auto;left:0; right:0;}
.logosmall{  float:left; height:80px; width: 280px}

.searchsmall{ float:left; margin-top:20px;margin-left:80px;z-index: 99;position: relative;}
.searchsmall .sea_border{border:2px #009a62 solid; border-right:0; float:left; height:36px; position:relative;}
.select .product{display:none;}
.select_box{line-height:36px; width:70px; float:left;font-family: 微软雅黑}
.select_showbox{height:36px;text-indent:1em; background:#f8f8f8 url(ico_05.gif) no-repeat 50px center; font-family: 微软雅黑;}
.select_option{display:none; background:#009a62;z-index:99999;}
.select_option li{ line-height:30px;color: #fff;font-family: 微软雅黑; text-align: center;}
.select_option li.hover{background:#009966;}

.searchsmall .text{ background:#fff;border:none;padding:0 15px;width:360px;height:36px;line-height:36px;   display:inline-block; }
.searchsmall .search_btn{ background:#009a62; display:inline-block; width:78px; height:40px;line-height:36px; border:0; vertical-align:middle;cursor:pointer;font-size:16px;color:#fff;font-family:\5FAE\8F6F\96C5\9ED1,Verdana,Arial;}

.servicetelsmall{ background: url(tel.jpg) no-repeat left  bottom;padding-left:50px; height: 45px; margin-top: 15px} 
.servicetelsmall .tel{ display:block; font-size:28px;font-family:微软雅黑; color:#cc3333; line-height: 48px}




/*底部样式*/
.footer {width:100%;overflow:hidden; position:relative;  background:#222222;min-width:1200px}
.footer .footer_content { width:1200px; margin:auto;  text-align:left; color:#999;overflow:hidden;padding:30px 0 ;}
.footer .footer_content ul {overflow:hidden;}
.footer .footer_content ul.fl { float:left;margin-right:30px}
.footer .footer_content ul.fl h2{ font-size:16px;color:#ccc; padding-bottom:5px; border-left:3px #cc0000 solid; padding-left:12px} 
.footer .footer_content ul.fl li{color:#999;text-align:left; padding-top:10px; padding-left:20px;border-left:1px #333 solid; float: left; margin-right: 30px}
.footer .footer_content ul.fl li a{display:block;color:#999;padding-bottom:10px; font-size: 14px; font-family: 微软雅黑}
.footer .footer_content ul.fl li a:hover{color:#fff; }


.footer .footer_content ul.fr{ }
.footer .footer_content ul.fr h2{ font-size:16px;color:#ccc; padding-bottom:5px; border-left:3px #cc0000 solid; padding-left:12px} 
.footer .footer_content ul.fr li{color:#999; float:left;border-left:1px #333 solid;padding-top:10px; text-align:center }
.footer .footer_content ul.fr span {margin-left:20px;float:left; font-family: 微软雅黑;}
.footer .footer_content ul.fr h4{ font-size:12px;color:#ccc;line-height: 30px; } 


.footer_bottom { background:#181818; padding:20px 0; overflow:hidden; }
.footer_bottom p{ color:#a8a8a8; overflow:hidden; line-height:30px }
.footer_bottom p a{ text-align: left; color:#a8a8a8; overflow:hidden; line-height:30px }



/*分页样式*/
.pagenum{text-align:center}
.pagination{display:inline-block;}
.pagination>li{display:inline}
.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{background-color:#fff;border-color:#eeeeee;color:#999;cursor:not-allowed}
.pagination>li>a,.pagination>li>span{color:#888}
.pagination-sm>li>a,.pagination-sm>li>span{font-size:12px;padding:8px 15px;margin:0 10px;border-radius:50px}
.pagination>li>a,.pagination>li>span{background-color:#fff;border:1px solid #eeeeee;color:#039b54;cursor:pointer;float:left;line-height:1.42857;margin-left:-1px;padding:6px 12px;position:relative;text-decoration:none}
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{background-color:#0db56a;border-color:#0db56a;color:#fff;cursor:default;z-index:2}


/*head样式*/
.box-r-head {border:#eeeeee 1px solid;overflow:hidden;padding:0px 10px 0px 0; background:#f8f8f8;line-height: 40px;}
.box-r-head strong { font-weight: normal;}
.box-r-body {border:1px solid #eeeeee; background: #fff}

.box-l-head {border:#eeeeee 1px solid;overflow:hidden;padding:0px 10px 0px 0; background:#f8f8f8;line-height: 40px;}
.box-l-head strong { font-weight: normal;}
.box-l-body {border:1px solid #eeeeee;background: #fff}

.dot-green{border-left:3px #0db56a solid;padding-left:10px;}
.dot-yellow{border-left:3px #ed6e00 solid;padding-left:10px;}
.dot-red{border-left:4px #cc0000 solid;padding-left:10px;}
.dot-white{border-left:4px #fff solid;padding-left:10px;}


/*bread*/
.bread{ height:40px; line-height: 40px;background: url(bread.png) no-repeat left center; text-indent:1.5em}


/*多维筛选*/
.ex-filter{
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #eeeeee;
	border-right-color: #eeeeee;
}
.ex-filter td{border-bottom:1px #eeeeee solid;border-left: 1px #eeeeee solid; padding:8px 5px; line-height: 25px;}
.ex-filter .td-right{ text-align:right;}
.ex-filter .td-left{ text-align:left;word-wrap:break-word;word-break:break-all;}

.ex-filter a{ white-space:nowrap; display: inline-block; padding: 0 5px; line-height: 22px; margin:2px 0px;}
.ex-filter a.on{background:#ff6600;border-color: #fff;border-radius:3px; color: #fff}
.ex-filter a:hover{color:#fff;background:#ff6600;border-color: #ff6600;border-radius:3px;}
.ex-filter span{padding:3px 4px;color: #ccc;line-height: 22px; text-align: center; display: inline-block;}

/**关键词搜索*/
.keyword{border:1px #e2e2e2 solid; height: 23px; line-height: 23px; padding: 0 10px;width:150px; margin:5px 0px}
.serach-btn { background:#ff6600; height: 25px;border: none; cursor: pointer; line-height: 25px; color:#fff ; width:60px; }

/**首字母筛选器*/
.latter-tree a{ font-family:Arial;line-height: 22px;}
.selectNm {padding:5px 5px; background: #ff6600; overflow:hidden;border-radius:3px}
.selectNm a{background: url(close.gif) no-repeat right center; padding:5px 15px 5px 0px;color: #fff; }



.comAd{ padding:5px;border: 1px #eeeeee solid;overflow: hidden;}
.comAd li{ margin:5px; overflow: hidden;float:none}
.comAd li img{  width: 296px}




/*加载条*/
.mloading-container { position: relative; -webkit-transition: height 0.6s ease-in-out; -o-transition: height 0.6s ease-in-out;
  transition: height 0.6s ease-in-out; }
.mloading {position: absolute;background: #E9E9E8;display: none; z-index: 1600; background: rgba(233, 233, 232, 0);}
.mloading.active { display: block;}
.mloading.mloading-mask {background: rgba(233, 233, 232, 0.75);  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75);}
.mloading-full { position: fixed;  width: 100%;  height: 100%;  top: 0;  left: 0;}
.mloading-container > .mloading {  top: 0px;  left: 0px;  width: 100%;  height: 100%;}
.mloading-body {  width: 100%;  height: 100%;  position: relative;}
.mloading-bar {  width: 200px;  text-align: center;  background: #fff;  box-shadow: 0 0px 5px rgba(0, 0, 0, 0.27); border-radius:5px;
  padding: 10px 0;line-height:20px; color: #999;  position: absolute;  top: 50%;  left: 50%;  margin-left: -100px;  margin-top: -30px;  word-break: break-all;
}

.mloading-icon {  width: 20px;  height: 20px; vertical-align: middle; }
.mloading-text {  margin-left: 10px;font-size: 14px; line-height: 20px;vertical-align: middle;  }

@media (max-width: 300px) {
  .mloading-bar { width: 62px; height: 56px; margin-left: -30px !important; margin-top: -30px !important; padding: 0; line-height: 56px;  }
  .mloading-bar > .mloading-text { display: none;  }
}
.mloading-bar-sm {width: 62px; height: 56px;margin-left: -30px !important; margin-top: -30px !important; padding: 0;  line-height: 56px;}
.mloading-bar-sm > .mloading-text {  display: none;}



.hardcover-list {
	position: relative;
	padding:0px;
	overflow: hidden;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #eeeeee;
	border-right-color: #eeeeee;
	border-bottom-color: #eeeeee;
	border-left-color: #eeeeee;
}

.wall-column { display: block; position: relative; float:left;width:236px; box-sizing: border-box;}
.hardcover-item {
	display: block;
	padding:2px;
	border: 1px #eeeeee solid;
	width:218px;
	float: left;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 10px; background:#FFFFFF;
}
.hardcover-item > img { display: block; width: 218px; height:145px;}
.hardcover-item .item-title {height:25px;line-height:25px;color:#444444;text-align:left;overflow:hidden; padding-left: 10px;padding-top: 5px}
.hardcover-item .item-subtitle {color:#888888;text-align:left;overflow:hidden; display:block;padding-left: 10px;padding-bottom: 5px}
.hardcover-item:hover {
	opacity:.8;
}