.inner_cont {font-size: 14px; color: #454545; width: calc(100% - 310px); float: right;    line-height: 2em;}
.inner_cont  img{max-width: 100%;}
.inner_left{width: 250px; float: left; position: relative;z-index: 999;}
.content {padding:60px 0;position: relative;min-height: 400px;}
.content img{max-width: 100%;}
.sunbanner .pc_pic{width:100%;}
.sunbanner .pc_pic img{width: 100%;}
/* ==========================================================================
   Sidebar
   ========================================================================== */

.siderbar .title{color: #fff; font: 300 28px/30px microsoft yahei; padding:30px 20px 30px 20px;background: #0086c8; position: relative;}
.siderbar .title .txt01{font: 300 14px/24px microsoft yahei;  text-align: left;margin:10px 0;}
.siderbar .title .txt02{font: 300 20px/24px microsoft yahei;  text-align: left;border-top: 1px solid #fff;padding-top: 10px;text-transform:Uppercase;}
.siderbar .title .btn_jt{display: none;}
.siderbar .sunnav{padding:20px 5px 80px 5px; background: #f9f9f9;}
.siderbar .sunnav li{height: 50px;font: 300 16px/50px microsoft yahei; border-bottom: 1px solid #e2e6ea; text-indent: 20px;background: url(../images/inco05.png)right 15px no-repeat;}
.siderbar .sunnav li:hover {border-left: 2px solid #e77918;background: #e8e8e8 url(../images/inco06.png)right 15px no-repeat;}
.siderbar .sunnav li:hover a{color: #333;}
.siderbar .sunnav li.active a{ color: #333;}
.siderbar .sunnav li.active{ border-left: 2px solid #e77918;background: #e8e8e8 url(../images/inco06.png)right 15px no-repeat;}
.breadcrumb-bar {text-align: right; height: 50px; line-height: 50px; border-bottom: 1px solid #cccad0;margin-bottom: 20px;position: relative;}
.breadcrumb-bar h3{position: absolute;left: 0;bottom: -1px; height: 50px;border-bottom: 2px solid #e98a35;font: 300 30px/50px microsoft yahei;color: #666;}
.breadcrumb-bar .fa{color: #004798;}
.breadcrumb-bar a:last-child{color: #004798;}

@media only screen and (max-width: 1000px) {
.inner_left {float:none; width: 100%;margin-top: 0px;}
.inner_cont {width: 100% ; float: none;}
.siderbar .sunnav{display: none;padding:0 5px;}
.breadcrumb-bar h3{display: none;}
.content {padding: 10px 0 20px 0;}
.siderbar .title{ background: #0086c8;color: #fff; height: 50px;text-align: left;font: 300 22px/50px microsoft yahei;padding:0 0 0 10px; }
.siderbar .title .btn_jt{ display: block; height: 24px; text-align: center;width: 50px; cursor: pointer;position: absolute; right: 0;top:0;}
.siderbar .title .fa{font-size: 24px;     transition: all 0.5s;}
.siderbar .title .txt01,.siderbar .title .txt02{display: none;}
.breadcrumb-bar {text-align: left;}
}

.lastnewsbox{margin-top: 30px; padding-bottom: 30px;}
.lastnewsbox .imgarea{width:385px;height: 210px; overflow: hidden; float: left;}
.lastnewsbox .imgarea img{width:385px;height: 210px;transition: transform 2s;}
.lastnewsbox:hover .imgarea img{ transform: scale(1.1);}
.lastnewsbox .txtarea{width: calc(100% - 400px); height: 210px; overflow: hidden; float: right;}
.lastnewsbox .txtarea h3{ width:100%; height: 50px ; color: #00864a; font: 300 22px/50px microsoft yahei;  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.lastnewsbox .txtarea .date{color: #a9a9aa; border-bottom: 1px dashed #d7d7d7;padding-bottom: 5px;margin-bottom: 5px;}
.lastnewsbox .txtarea .desc{height: 90px; overflow: hidden; margin-bottom: 20px; color: #666666;font: 300 14px/30px microsoft yahei;}
.lastnewsbox .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 0; text-align: left;left: 400px;width:100px;}
.newslist02{border-top: 1px solid #bcbcbc;padding-top: 30px;}
.newslist02 li{width:100%;height: 95px;overflow: hidden; margin-bottom: 15px;padding-bottom: 15px; border-bottom: 1px dashed #bcbcbc;}
.newslist02 li .date{border:1px solid #cccccc; padding:5px; float: left;font: 300 14px/30px microsoft yahei; color: #666; text-align: center;}
.newslist02 li .date .mode{width:70px; height: 70px; background: #eeeeee;padding:5px;}
.newslist02 li h2{font: 300 30px/24px microsoft yahei;margin-top: 10px;}
.newslist02 li .txtarea{width: calc(100% - 120px); float: right;}
.newslist02 li .txtarea h3{font: 300 18px/30px microsoft yahei; margin-bottom: 5px;width:100%;height: 30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.newslist02 li .txtarea .desc{font: 300 14px/24px microsoft yahei;height:48px;overflow: hidden;color: #828282;}

@media only screen and (max-width: 767px) {
.lastnewsbox .imgarea{ float: none; text-align: center;margin:0 auto;}
.lastnewsbox .txtarea{width: 100%;float: none;}
.lastnewsbox{padding-bottom: 0; height: auto;}
.lastnewsbox .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 0; text-align: center;left: 0;width:100%;}
}
@media only screen and (max-width: 420px) {
.lastnewsbox .imgarea{width:100%;height: 210px;}
.lastnewsbox .imgarea img{width:385px;height: 210px;transition: transform 2s;}

}
@media only screen and (max-width: 380px) {
.lastnew{padding-bottom: 0; height: auto;}
.lastnew .imgarea{width:100%;height: auto;}
.lastnew .imgarea img{width:100%;height: auto;}

}

.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{border-top:1px solid #d8d8d8;font: 12px/24px microsoft yahei; margin-top:20px;padding-top: 20px;} 
.toolbar .toollink{width: calc(100% - 200px); float: left;}
.toolbar .toollink a{width: 100%; height: 30px; display: block; line-height: 30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.fhshare{float: right;margin-top: 10px;}
.fhshare a{width:120px; height: 40px; display: block; border:1px solid #d8d8d8;color:#666; text-align: center; line-height: 40px;}
.fhshare a:hover{border:1px solid #fc791f;color:#fff; background-color: #fc791f; text-decoration: none;}
.fhshare .fa{margin-right:10px;}

@media only screen and (max-width:420px) {
.toolbar .toollink{width:100%; float: none;}
.fhshare{float: none;}
}

/* ==========================================================================
   prolist
   ========================================================================== */
.prolist li{width: 33%; float: left;margin-bottom: 30px;}
.prolist li .warp{width: 90%; overflow: hidden;margin:0 auto;}
.prolist li .imgarea{height: 220px; line-height: 220px; text-align: center;overflow: hidden;border:1px solid #d4d8de;margin-bottom: 10px;
   -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{max-width: 100%;transition: transform 2s;}
.prolist li:hover .imgarea img{ transform: scale(1.1);} 
.prolist li .title a{width: 100%;display: inline-block;overflow: hidden; height: 30px; line-height: 30px;}
.prolist li .desc{font: 12px/24px microsoft yahei;color: #666;overflow: hidden;height: 48px;margin-bottom: 10px;}
.prolist li .more a{width:90px; height: 30px;display: block; background: #e77918;color: #fff; text-align: center; line-height: 30px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

@media only screen and (max-width:767px) {
.prolist li{width:50%;}
}

@media only screen and (max-width:420px) {
.prolist li{width: 100%; float: none;}
}

.proinnermode{margin-bottom: 20px;}
.proinnermode .imgarea{width:45%;overflow: hidden; float: left; text-align: center;}
.proinnermode .imgarea img{max-width: 100%;}
.proinnermode .txtarea {width:50%; float: right;}
.proinnermode .txtarea .title{border-bottom: 1px solid #d4d8de;font: 300 24px/55px microsoft yahei; color: #0f3b7a;margin-bottom: 10px;}
.proinnermode .txtarea .desc{margin-bottom: 40px;font: 300 14px/2em microsoft yahei;}
@media only screen and (max-width:980px) {
.proinnermode .imgarea{width:100%;overflow: hidden; float: none;}
.proinnermode .txtarea {width:100%; float: none;}
}

.prodetailbox .hd{ height:40px; line-height:40px; background:#ebebeb; padding:0 10px 0 20px;border-bottom:1px solid #ddd; position:relative; }
.prodetailbox .hd ul{}
.prodetailbox .hd ul li{ float:left; padding:0 40px; cursor:pointer;  }
.prodetailbox .hd ul li.on{ height:40px;  background:#004ea1; color: #fff; }
.prodetailbox .bd{padding-top:20px;}


@media only screen and (max-width:420px) {
.prodetailbox .hd{ padding:0 10px 0 0px;}
.prodetailbox .hd ul li{  padding:0 5px; }
.prodetailbox .xingqbox{width:100%;overflow-x: scroll;}
.prodetailbox .xingqbox table{width: 600px;}
}

/* ==========================================================================
   Pagination
   ========================================================================== */
#Lb_pager { margin-top: 30px;margin-bottom:20px; text-align: center; font-family: microsoft yahei;}
#Lb_pager .pages a { display: inline-block; padding: 2px 9px; margin: 0 4px; color: #333; cursor: pointer; line-height: 24px; height: 24px; background:#fff; border:1px solid #dddddd;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
#Lb_pager .pages .pgnext{padding: 2px 15px; }
#Lb_pager .pages .pgcurrent { color: #fff;cursor: default;background-color: #e77919;}
#Lb_pager .pages .pgempty { cursor: not-allowed }
#Lb_pager .pages a:hover{color: #fff; text-decoration: none;background-color: #e77919;}

.feedtitle{font: 300 14px/24px microsoft yahei; border-bottom: 1px dashed #8c8c8c;padding-bottom: 15px;margin-bottom: 10px;}
.feedback .mod01{margin-bottom: 20px; }
.feedback .ftitle{width:120px; text-align: right;float: left;line-height: 40px;padding-right: 10px;}
.feedback .feedrig{width: calc(100% - 180px);float:left; }
.feedback .ui-input{width:280px; height: 18px; line-height: 18px; padding:10px 20px;background-color: #fff;border:1px solid #bebdbd;}

.feedback .ui-textarea{width: calc(100% - 42px); height: 90px; line-height: 18px; padding:10px 20px;background-color: #fff;border:1px solid #bebdbd;}

.feedback .ui-btn{border: 0 none;  cursor: pointer;text-align: center; padding:10px 20px;font: 300 14px/24px microsoft yahei; color: #fff;width: 100%;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
.feedback .ui-btn01{ width: 200px;background: #e77918;}
.feedback .ui-btn02{ width: 200px;background: #dddddd;color: #333;margin-left: 10px;}
.feedback  .ask{color: #f00;}

.feedback .mod02{margin-bottom: 20px; }
.feedback .modtop3{padding-left: 130px;}
@media only screen and (max-width: 767px) {
  .feedback .ftitle{float: none;text-align: left;}
.feedback .feedrig{width:100%;float:none; }
.feedback .modtop3{padding-left: 0;}
.feedback .ui-input{width: calc(100% - 42px); height: 18px; line-height: 18px; padding:10px 20px;background-color: #fff;border:1px solid #bebdbd;}
.feedback .ui-btn01,.feedback .ui-btn02{ width:120px;}
}