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

/* ==========================================================================
   Sidebar
   ========================================================================== */
.overview { color: #fff;  height: 92px;background: #07408e;   font: 300 26px/92px microsoft yahei; text-align: center; }
.overview .en-txt { text-transform: uppercase; font-size: 14px; color: #fff; font-family: Arial, Helvetica, sans-serif;padding-left: 30px; }
.sidenav {background: #f7f7f7; font-family: microsoft yahei; border-bottom: 4px solid #dbdada; }
.sidenav li { position: relative; *zoom:1; border-bottom: 1px solid #dbdada; }
.sidenav li a { display: block; color: #666; *zoom:1;line-height: 30px;padding:9px 0;font-size: 16px; text-indent: 40px;}
.sidenav li  i{ width:10px; height: 8px; display: block; position: absolute; right:30px;top:20px;background: url(../images/arr01.png) left top no-repeat;}
.sidenav li.active  i{ background: url(../images/arr02.png) left top no-repeat;}
.sidenav .active a ,.sidenav .active a:hover{ color: #d60313;  background: #fff; }
.sidenav li:hover i{ background: url(../images/arr02.png) left top no-repeat;}
.sidenav li a:hover { color: #d60313; }
/* arrow-right */
.level2 {*zoom:1; padding: 10px 0 0; overflow: hidden; background: #fff;border-top: 1px solid #dbdada;  }
.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; font-family:  microsoft yahei; overflow: hidden; text-align: right;border-bottom: 1px solid #d9d9d9;}
.breadcrumb-bar a {color: #666;font-size: 12px;}
.breadcrumb-bar a:hover {color: #16a00c;}

.about-cont{padding:20px 0 0 30px;}
.about-cont p{font: 300 13px/24px microsoft yahei; text-indent: 20px;}

.quickbox{padding-top: 80px;}
.quickbox .quicktitle{ height: 20px;font: 300 18px/20px microsoft yahei;background: url(../images/pic13.jpg) left top no-repeat;padding-left: 10px; }
.quickbox .quicktitle span{color: #828282;text-transform:Uppercase; font-size: 14px;}
.quickbox .quickmode{width: 235px;padding-left:30px;height: 105px; overflow: hidden;background: url(../images/pic14.jpg) left top no-repeat;margin:20px 0 10px 0;font: 300 24px/30px Arial; color: #d01010;}
.quickbox .quickmode  .zxrx_p{font: 300 16px/24px microsoft yahei;  color: #363737;margin-top: 30px;}
.quickbox .desc{font: 300 14px/24px microsoft yahei; }

/* ==========================================================================
   product
   ========================================================================== */
   .prolist{margin-left:-30px;}
   .prolist li{width:270px;height:270px; margin-left:30px;overflow: hidden; float: left; text-align: center;}
   .prolist li .picbox{width:262px;height:197px;text-align: center; line-height: 197px;border:1px solid #ecebeb;overflow: hidden;
      -moz-box-shadow: 5px 5px 0px 0px #ecebeb;
  -webkit-box-shadow: 5px 5px 0px 0px #ecebeb; 
  box-shadow: 5px 5px 0px 0px #ecebeb;
   }
   .prolist li .picbox img{max-width:210px;max-height:197px; transition: transform 2s;}
   .prolist li .picbox:hover img{ transform: scale(1.1);}  
   .prolist li .tit{height:30px;font: 300 14px/30px microsoft yahei;margin-top: 10px;}

.pro_bar {height: 48px;line-height: 48px; text-indent: 20px; font-family:  microsoft yahei; overflow: hidden; background: #f0efef;
   position: relative; }
.pro_bar a {color: #666;font-size: 12px;}
.pro_bar a:hover {color: #003f98;}

/* search */
.globalsearch {position: absolute;right:20px; top: 10px;}
.globalsearch #q,
.globalsearch .search-btn { float: left;   border: 0 none; }
.globalsearch #q { width: 150px; height: 18px; padding: 3px 10px 3px 10px; line-height: 18px; background: #fff; border: 1px solid #fff; 
   -webkit-border-radius: 12px;
   -moz-border-radius: 12px;
   -ms-border-radius: 12px;
   -o-border-radius: 12px;
   border-radius: 12px;}
.globalsearch .search-btn { width: 23px; height: 24px; cursor: pointer; background: url(../images/inco02.png) no-repeat left center;margin-left: 10px; }

.innerpromode01{height: 270px; overflow: hidden; margin-top: 30px;}
.innerpromode01 .imgarea{width:390px;height:268px; float: left; text-align: center; line-height: 268px;border:1px solid #ecebeb;overflow: hidden; }
.innerpromode01 .imgarea img{max-width:390px;max-height:268px;}
.innerpromode01  .textarea{width:470px;height:268px; float: right;font: 300 14px/36px microsoft yahei; }
.innerpromode01  .textarea .title{border-bottom: 1px solid #dadbdb; font-size: 18px; line-height: 60px; margin-bottom: 20px;}

.innerpromode02{margin-top: 50px;}
.slideTxtBox{ }
.slideTxtBox .hd{ height:40px; line-height:40px; border-bottom:2px solid #f1efef;  position:relative; }
.slideTxtBox .hd ul{  height:40px;   }
.slideTxtBox .hd ul li{ float:left; padding:0 30px; cursor:pointer; background: #f1eeee; font: 300 14px/40px microsoft yahei; }
.slideTxtBox .hd ul li.on{ height:40px;  background:#004098;  color: #fff;}
.slideTxtBox .bd{padding:20px 0;font: 300 14px/36px microsoft yahei;}
.slideTxtBox .prodetialbox table{max-width: 60%;}


   /**news**/
.news-list li {width:100%;height:160px;margin-bottom:30px;border-bottom: 1px solid #d9d9d9; font-family: microsoft yahei; position: relative;}
.news-list li .imgarea{ float:left;width:220px;height:140px;overflow: hidden;}
.news-list li .imgarea img{width:220px;height:140px;}
.news-list li .textarea {width:620px; float:right;}
.news-list li h3 {font: 300 16px/30px microsoft yahei;}
.news-list li h3 a{color:#333;}
.news-list li .textarea .date{color:#666; line-height: 30px;font-size: 13px;}
.news-list li .textarea a{ line-height: 40px;}
.news-list li h3 a:hover{ color:#862022;}
.news-list li .textarea .desc{height:48px; line-height: 24px; overflow: hidden;}
.news-list li .textarea .more{background: #d1b331;color: #fff;padding:5px 10px;-webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   -ms-border-radius: 4px;
   -o-border-radius: 4px;
   border-radius: 4px;}

.newsh{width:100%;text-align: center;}
.newsh .newtitle {
    font-size: 22px;
    font-weight: bold;
}
.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{width:381px;height:58px;padding:76px 90px 18px 322px; background: url(../images/fackbg.png) no-repeat left top;font: 300 13px/24px microsoft yahei; margin: 0 auto 50px 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;}

.feedback_con{padding-bottom: 20px;}
.feedback_con .ui-input{width:390px;height:18px;font: 300 13px/18px microsoft yahei;color: #727171;padding:10px 10px 10px 20px;margin-right:020px;border:1px solid #bebdbd;}
.feedback_con textarea{width:850px;height:170px;font: 300 13px/18px microsoft yahei;color: #727171;padding:10px 14px 10px 20px;border:1px solid #bebdbd;margin-top:30px;}

.feedback_con .btn-field{padding-top:40px;}
.feedback_con .btn-field .ui-btn{width:300px; text-align: center;  margin-right: 30px;font-family: microsoft yahei; height: 40px; font-size: 14px ; }

.feedback_con .btn-field .ui-btn01{background: #d60313; color: #fff;border: 1px solid #d60313; }
.feedback_con .btn-field .ui-btn02{background: #e1e1e1; color: #434242;border: 1px solid #e1e1e1; }
.feedback_con .btn-field .ui-btn01:hover{background: #c1000f; }
.feedback_con .btn-field .ui-btn02:hover{background: #c9c9c9;}

.feedback_con .tit {width:100%;height:30px;font: 300 16px/30px microsoft yahei;color:#d5062c; padding:30px 0 40px 0;}

  .down_table td{height:50px; line-height: 50px;border-bottom: 1px solid #e3e3e3;}
   .down_table td a{color:#d40c0e;}
   .down_table td a:hover{text-decoration: underline;}
   .down_table th{height:50px; line-height: 50px; font-size:15px;color:#666;background-color: #f2f2f2; border-bottom:1px solid #d7d7d7; }
   .down_table{font: 300 13px/50px microsoft yahei;}
   .down_table th .fa{margin-right: 10px;}

   /* career */
.career-list{padding-top:20px;}
.career-list table {width: 100%; }
.car_tit{ background: #004097;color:#fff;}
.career-list th {padding: 10px 15px;line-height: 30px; background: #f1f1f1; border-bottom: 1px solid #e7e7e7;font-size: 14px;font-family: "Microsoft Yahei";}
.career-list .hd td {padding: 10px 15px;line-height: 30px;border-bottom: 1px solid #e7e7e7;color: #333;font-size: 14px;font-family: "Microsoft Yahei"}
.career-list .td-position {   padding-left: 30px}
.career-list .on {   position: relative}
.career-list .on td { background: #d60313;   color: #fff}
.career-list .on td a { color: #fff}
.career-list .on: after {  content: "";   display: block;   position: absolute;  border: 6px dashed transparent;  font-size: 0;  width: 0;   height: 0;  overflow: hidden; line-height: 0;   border-bottom-color: #f1f1f1; 
border-bottom-style: solid;   left: 80px; bottom: -1px;  z-index: 99;}
.career-list .bd {   position: relative;  display: none; padding: 20px 20px 30px;   background: #f1f1f1;
   color: #333;   border-bottom: 1px dashed #e7e7e7}
.career-list .bd h4 {   font-size: 14px;  font-family: "Microsoft Yahei";  font-weight: 300; margin-bottom: 8px;}
.career-list a: hover { text-decoration: underline;}
.career-list  i.inco{width:30px;height:30px; display: block; float: left;}
.career-list  i.inco01{background:url(../images/inco04.png) left top no-repeat;}
.career-list  i.inco02{background:url(../images/inco04.png) left -30px no-repeat;}
.career-list  i.inco03{background:url(../images/inco04.png) left -60px no-repeat;}
.career-list  i.inco04{background:url(../images/inco04.png) left bottom no-repeat;}

.innercase_cont{margin-top: 50px;}
.innercase_left{width: 610px; height: 500px; overflow: hidden; float: left;}
.innercasebox{float: right;font: 300 14px/40px microsoft yahei; background: #f3f3f3; width:250px;}
.innercasebox ul{margin-top: 10px;}
.innercasebox li{padding-left: 30px;background:url(../images/inco05.png) 10px center no-repeat;}
.innercasebox li a{display: block; width: 100%;}
.innercasebox li:hover{background: #dadada url(../images/inco06.png) 10px center no-repeat;}
.innercasebox li:hover a{color: #d60313;}
.innercasebox li.active{background: #dadada url(../images/inco06.png) 10px center no-repeat;}
.innercasebox li.active a{color: #d60313;}

.caseboxpic { position: relative; overflow: hidden;  }
.caseboxpic .bigImg { width: 610px; height: 410px; position: relative; }
.caseboxpic .bigImg li img {  width: 610px; height: 410px; }
.caseboxpic .smallScroll { height: 65px; margin-bottom: 6px; background: #f3f3f3;padding:10px; }
.caseboxpic .sPrev,
.caseboxpic .sNext { float: left; display: block; width: 14px; height: 47px;  font-size: 32px;}
.caseboxpic .sNext { background-position: 0 -2698px; }
.caseboxpic .sPrev:hover { background-position: 0 -3133px; }
.caseboxpic .sNext:hover { background-position: 0 -2785px; }
.caseboxpic .smallImg { float: left; margin: 0 6px; display: inline; width: 500px; overflow: hidden; }
.caseboxpic .smallImg ul { height: 64px; width: 9999px; overflow: hidden; }
.caseboxpic .smallImg li { float: left; margin-right: 10px; width: 96px; height: 64px; cursor: pointer; display: inline; }
.caseboxpic .smallImg img { border: 3px solid #b9c2ce; width: 90px; height: 60px; }
.caseboxpic .smallImg .on img { border-color: #d60313; }


/* ==========================================================================
   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: #d60314; cursor: default; }
#dcms_pager .pages .pgempty { cursor: not-allowed }
#dcms_pager .pages a:hover{color: #fff; background-color: #d60314; }