body{background: url(../images/body-bg.jpg) repeat;}
/*header*/
#header{height: 64px; background: url(../images/headbcdn-bg.jpg) repeat-x center top;}
.head-box{width: 1200px; margin: 0 auto; height: 64px; line-height: 64px; overflow: hidden;}
.head-box .logo{float: left;}
.head-box .form{float: right; position: relative; line-height: 36px; width: 305px; height: 36px; margin-top: 14px;}
.head-box .form input{width: 92%; padding: 0 4%; height: 36px; line-height: 36px; background: #f1ebea; border-radius: 18px; -webkit-border-radius: 18px; -moz-border-radius: 18px;}
.head-box .form span{width: 16px; height: 16px; background: url("../images/icon-ser.png") no-repeat left top; position: absolute; top: 10px; right: 15px;cursor:pointer;}
.head-title{height: 64px; float: left; margin-left: 80px;}
.head-title li{float: left;}
.head-title li a{padding: 0 30px; font-size: 16px; color: #ffffff;}
.head-title li a:hover,
.head-title li a.active{background: url(../images/head-nav-hover-bg.png) repeat-x;}
/***main 主体内容***/
#main{position: relative; background: url(../images/bg-img-top.jpg) no-repeat center top; overflow: hidden;background-size:contain}
/*main-bg*/
.main-bg{background: url(../images/bg-img-bottom.png) no-repeat center bottom;}
.content{width: 1200px; margin: 0 auto 180px;}
.content h1{text-align: center; padding: 56px 0 46px;}
.breadcrumb{font-size: 14px; margin-bottom: 20px;}
.breadcrumb i{width: 16px; height: 14px; background: url("../images/shape-home.png") no-repeat left top; margin-right: 5px;}
.breadcrumb span{color: #cd9c5a;}
.main-wrap{padding: 35px 30px; background: #ffffff; filter: alpha(opacity=80); background: rgba(255, 255, 255, 0.8); box-shadow: 0 0 12px rgba(97, 97, 97, 0.09); -webkit-box-shadow: 0 0 12px rgba(97, 97, 97, 0.09); -moz-box-shadow: 0 0 12px rgba(97, 97, 97, 0.09); border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; overflow: hidden; position: relative;}
.main-border{width: 100%; height: 5px; background: url(../images/main-border.jpg) no-repeat; position: absolute; left: 0; top: 0;}
.main-aside{float: left; width: 132px; *width: 124px; padding: 0 3px; border: 1px solid #d6b0b0; box-sizing: border-box;}
.aside-head{height: 82px; width: 136px; background: url(../images/aside-nav-bg.png) no-repeat; margin-top: -1px; text-align: center; position: relative; margin-bottom: 14px;}
.aside-head span{display: block; font-size: 16px; color: #fef1e0;}
.aside-head img{margin-top: 13px; margin-bottom: 3px;}
.aside-head:after{content: ""; width: 9px; height: 14px; background: url(../images/triangle-icon.png) no-repeat right bottom; position: absolute; top: 100%; right: 0;}
.aside-item ul{margin-top: -10px; margin-bottom: 2px;}
.aside-item ul li a{font-size: 15px; color: #ac4d4c; width: 124px; height: 48px; line-height: 48px; background: url(../images/aside-item-bg.png) no-repeat; margin-bottom: 2px; text-align: center;}
.aside-item ul li a:hover,
.aside-item ul li a.cur{background: url(../images/aside-selected.png) no-repeat; color: #ffffff;}
/*right 右侧主体内容*/
.main-right-con{margin-left: 170px;}
.database-info{height: 214px; background: #f5f2ed url(../images/database-info-bg.jpg) no-repeat right top; padding-right: 26px; margin-bottom: 20px;}
.database-info > a{padding: 7px; background: #e9e2d7; float: left; overflow: hidden;}
.database-info-con{margin-left: 328px;}
.database-info-con h2{background: url(../images/shape-line.png) no-repeat left bottom; font-size: 20px; color: #953d3c; font-weight: bold; font-style: inherit; padding: 35px 0 10px; margin-bottom: 18px;}
.database-info-con h2 span{font-size: 16px; color: #8f8b84; font-family: Arial; font-weight: normal; margin-left: 15px;}
.database-info-con p{font-size: 14px; color: #333333; line-height: 30px;text-indent: 2em;}
/*h2带背景统一样式*/
.h2-com{font-size: 18px; color: #000000; height: 40px; line-height: 40px; padding: 0 18px; border-top: 2px solid #a24645; background: #f6f3ef;}
.h2-com p{float: right; font-size: 13px; font-weight: normal; color: #555555;}
.h2-com p span{color: #cd9c5a;}
.h2-com .more{float: right; font-size: 13px; color: #cd9c5a;}
.database-detail > ul{padding: 20px;}
.database-detail > ul li{margin-bottom: 20px;}
.database-detail > ul li h3{height: 15px; background: url(../images/line-dot.png) repeat-x left bottom;}
.database-detail > ul li h3 .more{font-size: 13px; color: #cd9c5a; background: #ffffff; padding-left: 5px; float: right; margin-top: 3px;}
.database-detail > ul li h3 span{background: #ffffff; padding-right: 10px; font-size: 16px; color: #333333;}
.database-detail > ul li h3 span i{width: 8px; height: 15px; background: url(../images/h3-block.png) no-repeat left center; margin-right: 8px;}
.database-item-con{margin-top: 20px;}
.database-item-con > a{width: 223px; padding: 3px; background: #e9e2d7; float: right; margin: 0 20px;}
.database-item-con .database-item-text{font-size: 13px; line-height: 24px;}
.database-item-con .database-item-text p{margin-bottom: 5px; text-indent: 2em;text-align:justify}
.database-item-con .database-item-text h4{font-size: 15px; font-weight: bold; margin-bottom: 5px;}
/***footer***/
#footer{height: 74px; background: url(../images/bg-2.png) no-repeat center bottom;}
.foot-box{width: 1200px; margin: 0 auto; text-align: center; padding-top: 15px;}
.foot-box p{font-size: 14px; color: #ffffff; line-height: 22px;}
/*pages 分页*/
.media-page {margin: 40px 0; text-align: center; color: #666666;}
.media-page  > span{line-height: 30px; margin-right: 10px;}
.media-page  a{font-size: 13px; height: 24px; line-height: 24px; padding: 0 7px; border: 1px solid #888888; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; margin: 0 3px; vertical-align: middle; opacity: 0.8; filter: alpha(opacity=80);}
.media-page  a.go{margin-left: 10px; padding: 0 5px;}
.media-page  a.activepage,
.media-page  a:hover{border-color: #a24645; color: #ffffff; background: #a24645;}
.media-page  input{width: 30px; height: 30px; background: #ffffff; margin: 0 5px; border: 1px solid #d2d2d2; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; text-align: center;}
.media-page strong{font-weight: normal; margin-left: 25px;}
.media-page input{border: 1px solid #a24645;width:40px;height:26px;padding:0 5px;*width:18px;line-height:26px;margin-right: 5px;}
.media-page button{width:50px;height:28px;background-color: #a24645;border: 1px solid #a24645;border-radius: 2px;cursor:pointer;color:#fff;}