/*inner global*/

.inner-cont { }
.inner-cont .taglink{ color:#429ADA }
.sidebar {width:185px;float: left;}
.container{width:1000px;margin:40px auto 50px auto;}
.content{width:760px;float: right;}
.sunbanner{width: 100%;height:257px; overflow: hidden; }

/* ==========================================================================
   Sidebar
   ========================================================================== */
.overview { color: #fff; font-weight: 300; font-family: microsoft yahei; height: 120px; background: url(../images/overview.jpg) no-repeat left top;position: relative; text-align: center; }
.overview h2 { font-weight: 300; font-size: 30px; line-height: 120px; }
.sidenav { font-family: microsoft yahei; padding: 10px 0 30px 0; }
.sidenav li { position: relative; *zoom:1; border-bottom: 1px solid #e7e7e7; text-indent: 20px;}
.sidenav li .fa{ position: absolute; right: 20px; top: 20px;}
.sidenav li a { display: block; color: #666; *zoom:1;line-height: 30px;padding:9px 0;font-size: 14px; }
.sidenav .active a ,.sidenav .active a:hover{ color: #fff; background: #525762; }
.sidenav .active .fa{ color: #fff; }
.sidenav li a:hover{ color: #288cd6; }
.sidenav li:hover .fa { color: #288cd6; }
.sidenav li:hover .fa { color: #288cd6; }
/* arrow-right */
.level2 {
*zoom:1; padding: 10px 0 10px 0; overflow: hidden; background: #fff; display:none; }
.level2 li { border-bottom: 0 none; }
.sidenav .level2 li a { color: #333; font-family: simsun; background: none; font-size: 12px; line-height: 24px; padding:5px 0;}
.sidenav .level2 .active a,
.sidenav .level2 li a:hover { color: #0093dd; background-color: #fff; }

.breadcrumb-bar {height: 60px;line-height: 60px;overflow: hidden; text-align: right; background-color: #f6f6f6;font-family: microsoft yahei; }
.breadcrumb-bar a {color: #666;font-size: 12px;}
.breadcrumb-bar a:hover {color: #e62600;}
.breadcrumb-bar a:last-of-type  {color: #e62600;}


.quicktit{ font-size: 14px; font-family: microsoft yahei;padding-left:40px;height: 90px; line-height: 30px;; background: url(../images/inco_tel02.png) no-repeat 5px top;color:#666666;}
.quicktel{color: #e63e30; font-size: 18px; font-weight: bold; line-height: 45px;}
.inner-cont{;font: 300 13px/24px microsoft yahei;}
.inner_tit{font: 300 24px/30px microsoft yahei;margin:5px 0 20px 0;}
.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 #d8d8d8;color:#666;}
.fhshare a:hover{border:1px solid #e10819;color:#fff; background-color: #e10819; text-decoration: none;}
.fhshare .fa{margin-right:10px;}
/**news**/
/* latest */
.latest { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px dotted #ddd; }
.latest .imgArea { width: 200px; height: 130px; padding: 4px; border: 1px solid #dfdfdf; float: left; }
.latest .imgArea img{width: 200px; height: 130px;}
.latest .txtArea { height: 140px; padding-left: 20px; float: right; width: 530px; }
.latest .txtArea h3 {padding-top: 5px; }
.latest .txtArea h3 a {color:#e82700; }
.latest .txtArea h3 span {float: right; font-weight: 300; }
.latest .txtArea .desc {  color: #666; padding: 10px 0 0 0;line-height: 24px;font-size: 12px;}
.newmore a{ color: #e82700; font-family: simsun; }
/* news */
.news-list { }
.news-list li { border-bottom: 1px dashed #ddd; line-height: 37px; background: url(../images/icno_arr.jpg)  left center no-repeat; padding-left: 15px;}
.news-list li a {color: #333; }
.news-list li a:hover {color: #e82700; }


.newsh{width:100%;text-align: center;}
.newtitle a{font: 18px/24px microsoft yahei;color:#333;}
.newsh .byline{height:40px;color:#5a5a5a;line-height:40px;border-bottom:1px solid #c2c2c2;border-top:1px solid #c2c2c2;margin-top:20px; }
.newsh_cn {padding:20px 0;}
.newsh_cn p{text-indent:20px; font: 14px/24px microsoft yahei;margin-top: 15px;}

.feedback_tit{font: 300 13px/30px microsoft yahei; padding-bottom:10px;margin: 0 auto 50px auto;border-bottom: 1px dashed  #8c8c8c;}

/* ==========================================================================
   product
   ========================================================================== */
   .prolist{margin-top: 30px;margin-left: -30px;}
   .prolist li{width:360px;height:150px;overflow: hidden; float: left;margin-left: 30px;margin-bottom: 20px;}
   .prolist li .imgarea{width:190px;height:140px;border:1px solid #cfcdcd;float: left;overflow: hidden;
    -webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.12);
   -moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.12);
   -ms-box-shadow: 3px 3px 3px rgba(0,0,0,0.12);
   -o-box-shadow: 3px 3px 3px rgba(0,0,0,0.12);
   box-shadow: 3px 3px 3px rgba(0,0,0,0.12)
}
.prolist li .imgarea img{width:190px;height:140px;  transition: transform 2s;}
.prolist li:hover .imgarea img{ transform: scale(1.1);}
.prolist li .textarea{width:150px;height:140px;font: 300 12px/24px microsoft yahei; float: right;}
.prolist li .textarea .desc{height: 72px; overflow: hidden;margin-bottom: 10px;}
.prolist li .textarea .more{ background-color: #288cd6;color: #fff;padding:5px 15px;}
.prolist li .textarea h3{font-size: 14px;color: #333;margin-bottom: 10px;}

.detail-title {
    width: 100%;background:#288cd6;padding: 10px 0; text-indent: 30px;
    font-size: 16px;
    color: #fff;
    margin: 40px 0 20px 0;
    font-family: microsoft yahei;
}


.proimgbox{ text-align: center;margin:10px 0;}
.proimgbox img{max-width: 100%;}


/* ==========================================================================
   Pagination
   ========================================================================== */
#dcms_pager { margin-top: 50px;margin-bottom:20px; text-align: center;}
#dcms_pager .pages a { display: inline-block; padding: 0 9px; margin: 0 4px; color: #333; cursor: pointer; line-height: 24px; height: 24px; border:1px solid #dedede;}
#dcms_pager .pages .pgcurrent { color: #fff; background-color: #333333; cursor: default; }
#dcms_pager .pages .pgempty { cursor: not-allowed }
#dcms_pager .pages a:hover{color: #fff; background-color: #333333; }