.inner-cont {padding:20px 0 0 30px; }
.sidebar {width:205px;float: left;}
.container{width:1200px;margin:50px auto;}
.content{width:960px;float: right;}
.sunbanner{width: 100%;height:400px; overflow: hidden; }

/* ==========================================================================
   Sidebar
   ========================================================================== */
.overview { color: #eea800;font: 300 28px/80px microsoft yahei; text-align: center; height: 80px;background: #f4f4f4; border-bottom: 1px solid #acacac; }
.sidenav {background-color: #f4f4f4; font-family: microsoft yahei; padding: 20px 0 20px 0; }
.sidenav li { position: relative; *zoom:1; }
.sidenav li a { display: block; color: #666; *zoom:1;line-height: 30px;padding:4px 0;font-size: 14px; text-indent: 70px;}
.sidenav .active a ,.sidenav .active a:hover{ color: #f6b900;  }
.sidenav .active i{ color: #f6b900;}
.sidenav  i{ color: #939292;  position: absolute; left:30px;top:13px; font-size: 20px;}
.sidenav li a:hover { color: #f6b900; }
/* arrow-right */
.level2 {
*zoom:1; padding: 10px 0 0; overflow: hidden; background: #fff; }
.level2 li { border-bottom: 0 none; }
.sidenav .level2 li a { color: #333; font-family: simsun; background: none;  text-align: left; text-indent: 70px; font-size: 12px;}
.sidenav .level2 .active a,
.sidenav .level2 li a:hover { color: #0093dd; background-color: #fff;}
.sidenav .level2 i {color:#333; font-size: 12px; line-height: 24px;text-indent: 20px;}

.breadcrumb-bar {height: 60px;line-height: 60px;overflow: hidden; text-align: right;border-bottom: 1px solid #d9d9d9;font-family: microsoft yahei; }
.breadcrumb-bar a {color: #666;font-size: 12px;}
.breadcrumb-bar a:hover {color: #eea800;}

.about-cont{padding:20px 0 0 0;}
.about-cont p{font: 300 13px/24px microsoft yahei;}
.inner_title{font: 300 22px/30px microsoft yahei;margin-top: 20px;}

/* ==========================================================================
   product
   ========================================================================== */
   .prolist{margin-left:-40px;margin-top: 30px;}
   .prolist li{width:205px;height:230px; margin-left:40px; margin-bottom: 40px; overflow: hidden; float: left;text-align: center;  border:2px solid #e2e1e1;}
   .prolist li .picbox{width:180px;height:180px;padding:10px;text-align: center; line-height: 180px;}
   .prolist li .picbox img{max-width:180px;max-height:180px;}
   .prolist li .tit{width:100%;height:30px;font: 300 14px/30px microsoft yahei; background: #e2e1e1;}
     .prolist li .tit a{display: block; width: 100%;}
   .prolist li:hover{border-color: #f6b900;}
   .prolist li:hover .tit{background: #f6b900;}
    .prolist li:hover .tit a{color: #fff;}

   /**news**/
.caselist li{height: 130px;margin-bottom: 20px;}
.caselist li:hover .date{ background: #f6b900; color: #fff;}
.caselist{font-family: microsoft yahei;}
.caselist .date{width: 110px; height: 90px;padding-top:40px; float: left; text-align: center;margin-right: 10px;background-color: #c7c7c6; color: #fff; font-size: 16px; cursor: pointer;  }
.caselist .date .moon{ font-size: 46px;padding-bottom: 10px;}
.caselist .title{font: 700 16px/24px microsoft yahei;margin: 10px 0 5px 0; border-bottom: 1px solid #e3e3e2;padding-bottom: 5px;}
.caselist .desc{height: 72px;overflow: hidden;font: 300 14px/24px microsoft yahei;}
.caselist .modbd{width:800px; overflow: hidden; float: right;}


.newsh{width:100%;text-align: center;}
.newtitle a{font: 18px/24px microsoft yahei;color:#333;}
.newsh_cn {padding:20px 0;}
.newsh_cn p{text-indent:20px; font: 14px/24px microsoft yahei;margin-top: 15px;}
.newsh .byline{height:40px;color:#5a5a5a;line-height:40px;border-bottom:1px solid #c2c2c2;border-top:1px solid #c2c2c2;margin-top:20px; }
.newsh .byline span{margin-right:20px;}
.toolbar{padding:30px 20px 0 20px; border-top:1px solid #d8d8d8; position:relative;font: 12px/24px microsoft yahei; margin-top:20px;}
.fhshare{ position: absolute; right: 0; top:34px;}
.fhshare a{padding:8px 30px;border:1px solid #0190e1;color:#0190e1;}
.fhshare a:hover{border:1px solid #0190e1;color:#fff; background-color: #0190e1; text-decoration: none;}
.fhshare .fa{margin-right:10px;}

.feedback_tit{height:58px; border-bottom: 1px dashed #898989; font: 14px/58px microsoft yahei; width: 700px; text-align: center;margin:0 auto 30px auto;}
.feedback_tit span{color:#d10001;font-size: 16px;}

.protitbg{width: 100%;height:40px;background-color: #0190e1;color:#fff;font: 300 16px/40px microsoft yahei; text-indent: 20px;margin:20px 0;} 
.proimg{max-width: 100%; text-align: center;}
.proimg img{margin:10px 0;}
/* ==========================================================================
   Pagination
   ========================================================================== */
#dcms_pager { margin-top: 50px;margin-bottom:20px; text-align: center; font-family:microsoft yahei;  }
#dcms_pager .pages a { display: inline-block; padding: 0 9px; margin: 0 4px;  background:#f5f5f5;color: #333; cursor: pointer; line-height: 24px; height: 24px; border:1px solid #dedede;}
#dcms_pager .pages .pgcurrent { color: #fff; background-color: #f6b900; cursor: default; }
#dcms_pager .pages .pgempty { cursor: not-allowed }
#dcms_pager .pages a:hover{color: #fff; background-color: #f6b900; }

.newsh{width:100%;text-align: center; margin-top: 30px;}
.newtitle{font: 18px/24px microsoft yahei;color:#666;}
.newsh_cn {padding:20px 0;}
.newsh_cn p{text-indent:20px; font: 14px/24px microsoft yahei;margin-top: 15px;}
.newsh .byline{height:50px;color:#999;line-height:50px;border-bottom:1px solid #e9e9e9; }
.newsh .byline span{margin-right:20px;}

.toolbar{padding:30px 20px 0 20px; border-top:1px solid #d8d8d8; position:relative;font: 12px/24px microsoft yahei; margin-top:20px;}
.toolbar .toolleft{float: left;} 
.fhshare{float: right;}
.fhshare a{padding:8px 30px;border:1px solid #d8d8d8;color:#666;}
.fhshare a:hover{border:1px solid #2c9a6d;color:#fff; background-color: #2c9a6d; text-decoration: none;}
.fhshare .fa{margin-right:10px;}