.inner-cont {padding:20px 0 0 30px; }

.sidebar {width:100%;}

.sidebar .wrapper{position:relative;}

.container{width:1200px;margin:30px auto;}

.content{}

.sunbanner{width: 100%;height:420px; overflow: hidden; }

footer{border-top: 1px solid #1d1d1d;}





.overview { color: #fff; width:210px; float: left;  height: 135px;padding:20px; position: relative;margin-top:-100px; background: #d4111f;font: 300 18px/30px microsoft yahei;}

.overview .line{width:75px; height: 3px;background: #fff;margin:20px 0;}

.overview h2{font: 300 24px/24px microsoft yahei;}



.sidenav {font-family: microsoft yahei; border-bottom: 1px solid #9a9b9b;width:930px;padding-left: 20px; height: 74px; float: left; }

.sidenav li { position: relative; *zoom:1; float: left;}

.sidenav li a { display: block; color: #666; *zoom:1;line-height: 74px;font-size: 16px;padding:0 20px;}

.sidenav li.active a ,.sidenav li.active a:hover{ color: #d60313; }

.sidenav li a:hover { color: #d60313; }

.sidenav li:hover,.sidenav li.active{background: url(../image/line01.jpg) center bottom no-repeat; }





.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 {position: absolute; bottom:0; right: 0; height: 75px;font: 300 14px/75px microsoft yahei;}



.content p{font: 300 13px/24px microsoft yahei;}

.content img{max-width: 100%;}







   .prolist{margin-left:-30px;}

   .prolist li{width:270px;height:260px;position: relative; margin-left:30px;overflow: hidden; background: #e8e7e7; float: left; text-align: center;border:1px solid #dcdcdc;margin-bottom: 30px;}

   .prolist li .picbox{width:270px;height:210px;text-align: center; line-height: 210px;overflow: hidden; background: #f8f8f8;}

   .prolist li .picbox img{max-width:270px;max-height:210px; transition: transform 2s;}

   .prolist li:hover .picbox img{ transform: scale(1.1);}  

   .prolist li .tit{height:30px;font: 300 14px/30px microsoft yahei;margin-top: 10px; background: }

   .prolist li:hover{background: #d4111f;border:1px solid #d4111f;}

   .prolist li:hover a{color: #fff;}

   .prolist li .inco{ display: none; width:36px; height: 17px; overflow: hidden;position: absolute;bottom:50px; left: 120px;background: url(../image/inco05.png) left top no-repeat;}

   .prolist li:hover .inco{display: block;}





    .prodetilBox{ width:100%; height:500px; overflow:hidden; position:relative;}

    .prodetilBox .hd{ height:15px; overflow:hidden; position:absolute; right:50%; bottom:0px; z-index:1; }

    .prodetilBox .hd ul{ overflow:hidden; zoom:1; float:left;  }

    .prodetilBox .hd ul li{ float:left; margin-right:5px;  width:15px; height:15px; line-height:15px; text-align:center; background:#c1c1c1; cursor:pointer;

      -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -ms-border-radius: 50%;

  -o-border-radius: 50%;

  border-radius: 50%;

     }

    .prodetilBox .hd ul li.on{ background:#f00; color:#fff; }



    .prodetilBox .bd{ position:relative; height:500px; z-index:0; width:800px;margin:0 auto; line-height: 500px; }

    .prodetilBox .bd li{ zoom:1; vertical-align:middle;width:800px; height: 500px;text-align: center;   }

    .prodetilBox .bd img{ display:inline-block; }



    

    .prodetilBox .prev,

    .prodetilBox .next{ position:absolute; left:0; top:50%; margin-top:-25px; display:block; width:32px; height:32px; background:url(../image/slider-arrow.png) left top no-repeat; filter:alpha(opacity=50);opacity:0.5;   }

    .prodetilBox .next{ left:auto; right:0; background-position: right top; }

    .prodetilBox .prev:hover,

    .prodetilBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }



   

   .honorlist{margin-left:-30px;}

   .honorlist li{width:270px;height:260px;position: relative; margin-left:30px;overflow: hidden; background: #e8e7e7; float: left; text-align: center;border:1px solid #dcdcdc;margin-bottom: 30px;}

   .honorlist li .picbox{width:270px;height:210px;text-align: center; line-height: 210px;overflow: hidden; background: #f8f8f8;}

   .honorlist li .picbox img{max-width:270px;max-height:210px; transition: transform 2s;}

   .honorlist li:hover .picbox img{ transform: scale(1.1);}  

   .honorlist li .tit{height:30px;font: 300 14px/30px microsoft yahei;margin-top: 10px; background: }

   .honorlist li:hover{background: #d4111f;}

   .honorlist li:hover a{color: #fff;}

   .honorlist li .inco{width: 100%;height: 210px; display: none; overflow: hidden;position: absolute;top:0; left: 0;

      filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#7F333333', endColorstr='#7F333333');background:rgba(51,51,51,0.5);

      color: #fff;line-height: 210px; font-size: 32px;

   }

   .honorlist li:hover .inco{display: block;}



   

.lastnewbox{height: 250px;background: #f8f8f8;}

.imgarea{width:262px; height: 230px; background: #e8e7e7;padding:10px; float: left;}

.focusBox02 { position: relative; width: 250px; height: 220px; overflow: hidden;  background:#fff; padding:5px;  border:1px solid #d9d9d9; }

 .focusBox02 .pic {width: 250px; height: 220px; line-height: 220px;text-align: center;}

.focusBox02 .pic img {height: 220px;width:250px; } 

.focusBox02 .num { position: absolute; z-index: 999; bottom: 8px; width: 100%; height:15px;text-align: center;} 

.focusBox02 .num li{ width: 10px; height: 10px; display: inline-block;overflow: hidden; text-align: center; margin-right: 1px; cursor: pointer; background: #e0dfdf;

  -webkit-border-radius: 10px;

  -moz-border-radius: 10px;

  -ms-border-radius: 10px;

  -o-border-radius: 10px;

  border-radius: 10px;

} 

.focusBox02 .num li.on{background: #d51120;}

.lastnewbox .textarea{width: 850px; float: right;padding-right: 20px;font: 300 14px/24px microsoft yahei;margin-top: 20px;}

.lastnewbox .textarea h3 a{font-size: 18px;color: #d4111f;}

.lastnewbox .textarea h3{margin:10px 0;}

.lastnewbox .textarea .more{margin-top: 30px;}

.lastnewbox .textarea .more a{padding:8px 30px;border:1px solid #d4111f;color:#d4111f;}

.lastnewbox .textarea .more a:hover{border:1px solid #d4111f;color:#fff; background-color: #d4111f; text-decoration: none;}



.news-list li {width:100%;height:160px;margin-top:30px;border-bottom: 1px solid #e8e7e7; font-family: microsoft yahei; position: relative;}

.news-list li .date{width:85px; height: 110px; float: left; text-align: center; background: #e8e7e7; color:#d4111f; line-height: 30px;}

.news-list li .date h2{font-size: 40px;margin-top: 30px;}

.news-list li:hover .date{background: #d4111f;color: #fff;}

.news-list li .textarea {width:900px; float:left;padding-right:100px; margin-left: 50px;}

.news-list li h3 a{color:#333;font-size: 18px;}

.news-list li .textarea .share{margin:10px 0;color: #666;}

.news-list li .textarea .share a{color: #666;}

.news-list li .textarea .desc{height:24px; line-height: 24px; overflow: hidden; text-overflow:ellipsis;white-space:nowrap;}

.news-list li:hover h3 a{color: #d4111f;}

.news-list li .link{position: absolute;right: 0; top: 40px;}

.news-list li .link .more{width: 41px;height: 41px;display: block; transition: background 0.5s;background: url(../image/inco04.png) left top no-repeat;}

.news-list li:hover .link .more{background: url(../image/inco04.png) left bottom no-repeat;}





.newsh{width:100%;text-align: center;}

.newtitle{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;margin-top:10px; }

.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 #cecece;color:#666;}

.fhshare a:hover{border:1px solid #d4111f;color:#fff; background-color: #d4111f; text-decoration: none;}

.fhshare .fa{margin-right:10px;}





.feedback_tit{width:381px;height:58px;padding:76px 90px 18px 322px; background: url(/cn/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;}



.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;}





#Lb_pager { margin-top: 50px;margin-bottom:20px; text-align: center; font-family: microsoft yahei;}

#Lb_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;}

#Lb_pager .pages .pgcurrent { color: #fff; background-color: #d60314; cursor: default; }

#Lb_pager .pages .pgempty { cursor: not-allowed }

#Lb_pager .pages a:hover{color: #fff; background-color: #d60314; }





@media only screen and (max-width:420px) {

  .sunbanner {height:150px;background-size: cover;}

  .container{width: calc(100% - 20px);padding:0 10px;overflow: hidden;}

  .sidenav { height: auto; width:100%; padding-left:0; float: none;padding-bottom: 40px;padding-top: 10px;}

  .overview { width: calc(100% - 40px); float: none; height: auto; padding: 20px; margin-top: 0;}

  .overview p{display: none;}

  .overview .line{margin:0 0 10px 0;}

  .breadcrumb-bar { position: absolute; bottom:10px; right:auto;left: 20px; height: auto;line-height: 24px;}

  .sidenav li a{line-height: 30px;}

  .sidenav li {float: none;display: inline-block;}

  .honorlist li{float: none;margin:0 auto 20px auto;}

  .lastnewbox { height: auto;}

  .imgarea { margin:0 auto;float: none;}

  .lastnewbox .textarea {width: calc(100% - 40px); float: none;padding:0 20px 20px 20px;}

  .news-list li .textarea { width: calc(100% - 150px);    float: left;    padding-right: 40px;    margin-left: 20px;}

  .prolist li {float: none;    margin:0 auto 30px auto;}

}