.inner-cont {padding:20px 0 0 30px; }
.sidebar {width:252px;float: left;}
.container{width:100%;padding:50px 0;background: url(../images/aboutbg.jpg) left top repeat-x;}
.content{width:800px;float: right;}
.sunbanner{width: 100%;height:230px; overflow: hidden; }

/* ==========================================================================
   Sidebar
   ========================================================================== */
.overview { color: #fff; font-weight: 300; font-family: microsoft yahei; height: 80px;background: url(../images/overview.png) left top no-repeat;}
.overview h2 { font-weight: 300; font-size: 24px; padding-top: 20px; text-indent: 40px;}
.sidenav {padding:40px 20px;background-color: #fff; font-family: microsoft yahei; }
.sidenav li { border-bottom:1px solid #e4e6e6;text-align: center; }
.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:#0190e1;  }
.sidenav li a:hover { color: #0190e1; }
/* 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;}

.quickbox{width: 252px;height: 512px; overflow: hidden;margin-top: 60px;background: url(../images/pic07.png) left top no-repeat; }
.quickbox .title{ height: 120px;padding-left: 40px;}
.quickbox .title h3{font: 700 20px/24px microsoft yahei; color: #fff;margin-top: 40px; }
.quickbox .title .txten{font: 300 16px/24px microsoft yahei; color: #4e7ee1; text-transform:Uppercase;}
.quickbox .mode{padding-left: 90px;padding-right: 40px;position: relative;font: 300 14px/24px microsoft yahei; color:#fff;margin-bottom: 40px;margin-top: 10px;}
.quickbox .mode .fa{position: absolute;left: 35px;top: 0;font-size: 44px;}


.breadcrumb-bar {height: 49px;line-height: 49px;overflow: hidden; text-align: right;border-bottom: 1px solid #d0d7e7;;position: relative; font-family: microsoft yahei; margin-top: -49px;
   filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#CCFFFFFF', endColorstr='#CCFFFFFF');background:rgba(255,255,255,0.8);
 }
.breadcrumb-bar h3{position: absolute; left: 0; top: 0;font: 300 18px/60px microsoft yahei; }
.breadcrumb-bar a {color: #666;font-size: 12px;}
.breadcrumb-bar a:hover {color: #d30d08;}


.about-cont p{font: 300 13px/24px microsoft yahei;}

/* ==========================================================================
   honorlist
   ========================================================================== */
.honorlist{margin-left: -40px;}
.honorlist li{ width:240px;overflow: hidden;float: left; text-align: center;margin:0 0 25px 40px;}
.honorlist li .picbox{ width:240px;height:170px; overflow: hidden;}
.honorlist li .picbox img{ width:240px;height:170px;transition: transform 2s;}
.honorlist li:hover .picbox img{ transform: scale(1.1);}
.honorlist li .tit{ font-family: microsoft yahei; font-size: 13px; height: 30px; line-height: 30px; margin-top: 10px;}


/* ==========================================================================
   newslist
   ========================================================================== */
.newslist{margin-left: -32px;}
.newslist li{ width:245px;overflow: hidden;float: left; text-align: center;margin:0 0 25px 32px;}
.newslist li .picbox{ width:245px;height:175px; overflow: hidden;}
.newslist li .picbox img{ width:245px;height:175px;transition: transform 2s;}
.newslist li:hover .picbox img{ transform: scale(1.1);}
.newslist li .tit{ font-family: microsoft yahei; font-size: 13px; height: 30px; line-height: 30px; margin-top: 10px;}

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

/* ==========================================================================
   prolist
   ========================================================================== */
.prolist{}
.prolist li{ width:100%;overflow: hidden;float: left; margin:0 0 40px 0;}
.prolist li .picbox{ width:240px;height:170px; overflow: hidden; float: left;border:1px solid #e7e7e7;}
.prolist li .picbox img{ width:245px;height:175px;transition: transform 2s;}
.prolist li:hover .picbox img{ transform: scale(1.1);}
.prolist li .txtarea{width: 520px; float: right;}
.prolist li .txtarea .desc{font: 300 12px/24px microsoft yahei;color: #999;}
.prolist li .tit{font: 300 16px/30px microsoft yahei; height: 30px;margin-bottom: 10px; border-bottom: 1px solid #ebeef5;padding-bottom: 10px;}
.prolist li .tit .fa{float: right; line-height: 30px;}
.prolist li .tit a{width: 100%;display: block;color: #0d41ad;}

/* ==========================================================================
   service
   ========================================================================== */
 .tit_service{font: 700 22px/58px microsoft yahei; color:#0d41ad;background: url(../images/title.png) right center no-repeat; }
 .service_quick{background: #eff2f6;padding:20px;border:1px solid #dcdcdc;border-left: 6px solid #0d41ad;position: relative;} 
  .service_quick .btnly{position: absolute; right: 30px;top: 32px;}
  .service_quick .btnly a{background: #0f43a2;color: #fff;width: 128px; height: 42px;display: block; text-align: center;line-height: 42px; font-family: microsoft yahei;font-size: 14px;}

/* ==========================================================================
   feedback
   ========================================================================== */
.inner_contact{padding-top: 50px;}
.inner_contact .map{ width:700px; float: left;}
.inner_contact .map img{width: 100%; height: 400px;}
.inner_contact .txtarea{width: 350px; float: right;}
.inner_contact .txtarea .mode01{padding-left: 80px; margin-bottom: 30px;font: 300 14px/18px microsoft yahei;min-height: 60px;}
.inner_contact .txtarea .inco01{background: url(../images/inco12.png) left top no-repeat;}
.inner_contact .txtarea .inco02{background: url(../images/inco13.png) left top no-repeat;}
.inner_contact .txtarea .inco03{background: url(../images/inco14.png) left top no-repeat;}
.inner_contact .txtarea .mode01 h3{font: 300 28px/30px microsoft yahei;margin-bottom: 10px;}
.inner_contact .txtarea .mode01 p{font: 300 16px/24px microsoft yahei; text-transform:Uppercase;}

.feedback{padding-top: 40px;}
.feedback .title{ height: 60px;border-top: 3px solid #0d41ad;font: 300 30px/60px microsoft yahei;color: #1f49ac;margin-bottom: 30px; }
.feedback .title span{color: #aaa;font-size: 18px;}
.feedback .modtop1{width: 100%; height: auto;}
.feedback .modtop1 .mode{width: 33%; height: 90px; overflow: hidden; float: left;}
.feedback p.bt01{color: #0d41ad;font: 300 16px/30px microsoft yahei;margin-bottom: 10px;}
.feedback .modtop1 .ui-input{width: 290px; height: 18px; line-height: 18px; padding:10px 20px;background-color: #fff;border:1px solid #bebdbd;}

.feedback .modtop2{width: 100%; height: auto;margin-top: 15px;}
.feedback .ui-textarea{width:1015px; height: 90px; line-height: 18px; padding:10px 20px;background-color: #fff;border:1px solid #bebdbd;}
.feedback .modtop3{width: 100%; height: auto;margin-top: 40px;}
.feedback .modtop3 .ui-btn{background-color: #82c0c7; border: 0 none;  cursor: pointer;
    text-align: center; padding:10px 20px;font: 300 14px/24px microsoft yahei; color: #fff;width: 100%;}
.feedback .modtop3 .ui-btn01{ width: 200px;background: #0d41ad;}
/* ==========================================================================
   Pagination
   ========================================================================== */
#dcms_pager { padding-top: 50px;margin-bottom:20px; text-align: center; border-top: 1px solid #e7e7e7;}
#dcms_pager .pages a { display: inline-block; padding: 0 9px; margin: 0 4px;  background:#f5f5f5;color: #333; cursor: pointer; line-height: 24px; height: 24px; }
#dcms_pager .pages .pgcurrent { color: #fff; background-color: #0d41ad; cursor: default; }
#dcms_pager .pages .pgempty { cursor: not-allowed }
#dcms_pager .pages a:hover{color: #fff; background-color: #0d41ad; }