body,hml{min-height:100%}
.heads{border-top:5px solid #5075ba;padding-bottom:15px;}
.m_container{width:960px;margin:0 auto;padding:0 25px;}
.pr{position:relative;}
.location{margin-top: 13px;margin-left: 260px;color: #616161;font-size:15px;}
.location img{margin:0 5px;}
.location a{color: #616161}
.location a:hover,.location a.cur{color:#6485c1}

.navLists li{float:left}
.navLists{vertical-align: bottom;padding:20px 0;margin-top:20px}
.logo{display: block;margin-right: 55px}
.navLists li a{display: block;color: #222222;font-size:16px;font-weight: bold;margin-right:40px}
.navLists li a span{font-size:20px}
.navLists li a:hover,.navLists li a.cur{color:#5876aa}
.foot{background:#f7f7f7;border-top:3px solid #5075ba}
.purpose-navigation{padding-top: 30px;padding-bottom: 40px}
.purpose-navigation dl{margin-bottom:10px;overflow: hidden;}
.purpose-navigation dt{width:170px;color:#111111;font-size:15px;font-weight: bold;float:left}
.purpose-navigation dd{float:left;}
.purpose-navigation dd a{color:#222}
.purpose-navigation dd a:hover{text-decoration:underline;}
.purpose-navigation dd em{display:inline-block;margin:0 6px;}
.titles{color: #000000;font-size: 16px;font-weight: bold;padding:10px 0;border-bottom: 1px solid #cfcfcf}
.version{padding: 10px 0 28px 0;color: #111}
.version a{color: #111;display:inline-block;;margin-right: 10px}
.version a:hover{text-decoration:underline;}
.bass-frame {
  min-width: 1008px;
  position: relative;
  z-index: 1;
}

#bass-header-area {
  width: 100%;
  border-top: 5px solid #6485c1;
  background-color: #ffffff;
  position: relative;
  z-index: 9999;
}

#bass-title-area {
  border-top: 1px solid #e7e7e7;
  border-bottom: 3px solid #e0e7f3;
  background-color: #f9f9f9;
  position: relative;
  z-index: 1;
}

.oldie #bass-title-area {
  margin-top: 1px;
}

#bass-title-area:not(:target) {
  margin-top: 1px\9;
}

#bass-prepose-area {
  min-height: 3.384em;
  _height: 3.384em;
  background-color: #ffffff;
  position: relative;
  z-index: 1;
}

#bass-content-area {
  background-color: #ffffff;
  position: relative;
  z-index: 1;
}

#bass-topicpath-area {
  border-top: 1px solid #e7e7e7;
  background-color: #ffffff;
  position: relative;
  z-index: 1;
}

#bass-footer-area {
  border-top: 3px solid #6485c1;
  position: relative;
  z-index: 1;
}

#bass-group-feature-area img {
  width: 100%;
}

/* =========== layout content structure =========== */
.bass-frame-content {
  position: relative;
  width: 960px;
  margin: 0 auto;
  padding: 0 24px;
  *zoom: 1;
}
.bass-frame-content:before {
  display: table;
  content: "";
}
.bass-frame-content:after {
  clear: both;
  display: table;
  content: "";
  height: 1px\9;
  margin-bottom: -1px\9;
}

#bass-header-area .bass-frame-content {
  min-height: 115px;
  _height: 115px;
}

#bass-title-area .bass-frame-content {
/*  margin-top: -1px;*/
/*  margin-bottom: -3px;*/
/*  padding-bottom: 2.384em;*/
/*  border-top: 1px solid #dbdbdb;*/
  border-bottom: 3px solid #a2b6da;
  background-color: #f3f3f3;
}

#bass-prepose-area .bass-frame-content {
  padding-top: 0.769em;
}

#bass-content-area .bass-frame-content {
  padding-bottom: 10.461em;
}

#bass-topicpath-area .bass-frame-content {
  padding-top: 0.692em;
  padding-bottom: 0.384em;
}

#bass-footer-area .bass-frame-content {
  padding-top: 28px;
  padding-bottom: 56px;
}

#bass-footer-area .bass-frame-content.bass-footer-content {
  width: 960px;
  padding: 0 24px 24px;
}

#bass-header-area .bass-frame-content ul,
#bass-title-area .bass-frame-content ul,
#bass-prepose-area .bass-frame-content ul,
#bass-topicpath-area .bass-frame-content ul,
#bass-footer-area .bass-frame-content ul {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
  border: none;
  font-size: 100%;
  font-weight: normal;
  *zoom: 1;
}
#bass-header-area .bass-frame-content ul:before,
#bass-title-area .bass-frame-content ul:before,
#bass-prepose-area .bass-frame-content ul:before,
#bass-topicpath-area .bass-frame-content ul:before,
#bass-footer-area .bass-frame-content ul:before {
  display: table;
  content: "";
}
#bass-header-area .bass-frame-content ul:after,
#bass-title-area .bass-frame-content ul:after,
#bass-prepose-area .bass-frame-content ul:after,
#bass-topicpath-area .bass-frame-content ul:after,
#bass-footer-area .bass-frame-content ul:after {
  clear: both;
  display: table;
  content: "";
  height: 1px\9;
  margin-bottom: -1px\9;
}

#bass-header-area .bass-frame-content li,
#bass-title-area .bass-frame-content li,
#bass-prepose-area .bass-frame-content li,
#bass-topicpath-area .bass-frame-content li,
#bass-footer-area .bass-frame-content li {
  float: left;
}
#featureA01, 
#featureA01 .bass-frame-content
/*{background-image: url(../img/b1.jpg);*/}
#bass-title-area .bass-pagetitle {
  background-position: center center;
  background-repeat: no-repeat;
  margin-top: -1px;
  margin-bottom: -3px;
  border-top: 1px solid #e7e7e7;
  border-bottom: 3px solid #e0e7f3;
  position: relative;
}
#bass-title-area .bass-pagetitle .article {
  background: url(../image/pagetitle_bg_transparent_01.png) center center repeat-y!important;text-align:center;}
#bass-title-area .bass-pagetitle .article .bass-frame-content {
  text-align: left;
  min-height: 237px;
  _height: 237px;
  background-position: center center;
  background-repeat: no-repeat;
}

.main-content{margin-top:40px;}
.base-body{width: 576px;overflow:hidden}
.company_list li{width:268px;float:left;margin-right:30px;margin-top: 15px;margin-bottom:20px}
.company_list li:nth-child(2n){margin-right: 0}
.company_list li img{width: 100%;height: 181px}
.company_list li a{display: block;margin:20px 0;color:#775cad;font-size:19px}
.company_list li a img{width: 8px;height: 9px;margin-left:5px}
.company_list li a:hover{color: #5876aa;text-decoration:underline;}
.nav-content{width: 336px;clear:right;}
.bass-heading{background: #f3f3f3;box-sizing: border-box}
.bass-heading h2{font-weight: normal;}
.bass-heading h2 a{display: block;background: #dbdbdb;color: #000;font-size:20px;height:55px;line-height:55px;padding-left:20px;box-sizing: border-box}
.nav-content nav{background:#f3f3f3;padding-right:10px;box-sizing:border-box;padding-bottom:40px}
.nav_ul li{}
.nav_ul li a{display: block;padding: 10px 0 10px 50px;color: #000;box-sizing: border-box;margin-left: -12px}
.nav_ul li a:hover{background:url(../image/bg1.png) left center no-repeat;background-size: 100% 100%;}
.nav_ul li a.on{background:url(../image/bg2.png) left center no-repeat;background-size:100% 100%;color:#fff}
.bass-top{border-top:1px solid #e7e7e7;padding:12px 0;margin-top:140px;}
.bass-top a{display:inline-block;margin:0 8px;}
.details p{color:#333;margin-bottom:20px}
.details h3{font-size:background:18px;margin-bottom:20px}
.details img{margin-bottom:10px;width:100%}
.news_item{padding:20px 0 30px 0;background: url(../image/dash.png) 0 0 repeat-x;}
.news_list{background: url(../image/dash.png) bottom center repeat-x;}
.m_date{width:150px}
.news-body{width:270px}
.image{width:126px;height:79px}
.news-body h2{font-weight:normal;}
.news-body h2 a{font-size:18px;color:#5876aa}
.news-body h2 a:hover{text-decoration:underline;}
.news-body p{color: #333;font-size: 13px;margin-top:15px;overflow: hidden;display: -webkit-box;-webkit-box-orient:vertical; -webkit-line-clamp:4;}
.more{display: block;margin:20px 0;color: #5876aa}
.more:hover{text-decoration: underline;}
.more img{margin-left: 4px}
.news-con{width: 425px}
.info h3{color: #333;font-size: 24px;font-weight: bold;line-height:35px}
.dates{color: #000;display: block;margin:20px 0;}
.desc p{color: #333;font-size: 15px;margin-top: 20px;line-height:25px}
.desc img{margin-top: 30px}
.case-con{width:420px}
.contact_title{color: #000000;font-size: 24px;line-height:40px}
.addr{margin-top: 30px}
.addr p{color: #333;line-height: 30px}
.m_map{margin-top: 30px}
.bass-slide-nav-indices li{display:inline-block;width: 40px;height: 25px;text-align: center;line-height: 25px;background: url(../image/line3.png) right center no-repeat;}
.bass-slide-nav-indices li a{font-size: 12px;color: #5876aa}
.bass-pager-A01 li em{background:#5876aa none repeat scroll 0 0;display: block;color:#fff}
.w565{width: 565px;}
.case_tit{color: #222222;font-size: 20px;margin: 40px 0 60px 20px}
.bass-link-A01-tit{color: #6485c1!important;font-size: 16px;display: block;}
.bass-texts{color: #222;margin-top: 20px}
.bass-link-more{color: #5876aa;font-size: 12px}
.bass-link-more img{margin-left:4px;}
.bass-link-more:hover{text-decoration:underline;}
.base-news-box{padding-bottom: 5px;padding-top:15px;border-bottom: 1px solid #e8e8e8}
.new-tit{width: 90px;color: #222;font-size: 14px}
.news-list{width: 725px;color: #222}
.news-body a{color:#6485c1;display:inline-block;}
.news-body a:hover{text-decoration: underline;}
.news-list li{margin-bottom: 10px;white-space: nowrap;_white-space: normal; overflow: hidden;text-overflow: ellipsis;}
/*.news-list li:first-child .news-body a{background: url(../image/up.png) right center no-repeat;}*/
.read-more li a{line-height: 25px}
.read-mores a{background: url(../image/line2.png) left center no-repeat;padding-left: 15px;color: #6485c1;margin-left:5px;}
.read-mores a:hover{text-decoration: underline;}
.read-mores a img{margin-left: 5px}
.open-button{position: absolute;right: 5px;top:7px;display:block;width: 8px;height:7px;background: url(../image/down.png) center center no-repeat;}
.open-button.up{background: url(../image/up.png) center center no-repeat;}
.news-list li{display:none;}
.news-list li.show{display: block;}
.news-list li.hide{display: none}
.focusBox { position: relative; width:100%; height:440px; }
  .focusBox .pic img { width:100%; height:440px; display: block; }
  .focusBox .hd { overflow:hidden; zoom:1; position:absolute; bottom:10px; right:0px; z-index:999;width: 100%;text-align: center;}
  .focusBox .hd li{ line-height:20px; text-align:center; font-size:12px; width:20px; height:20px; cursor:pointer; overflow:hidden;  -webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease;background: url(../image/dot.png) center center no-repeat;display:inline-block;margin:0 8px;cursor: pointer}
  .focusBox .hd .on{ background: url(../image/dot1.png) center center no-repeat;   }

  .focusBox .prev,
  .focusBox .next { width:47px; height:60px; position:absolute; top:50%;margin-top:-30px;z-index:999; -webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease}
  .focusBox .prev { background-image:url(../image/prev1.png);  left:80px }
  .focusBox .next { background-image:url(../image/right1.png); right:80px }
  .focusBox .prev:hover{background-image:url(../image/prev2.png);}
  .focusBox .next:hover{background-image:url(../image/next2.png);}
  .pule-content{position: absolute;bottom:-2px;left:127px;height: 5px;z-index: 999;border-bottom: 2px solid #a4b6da;width: 1026px;}
  .pule-left{height: 440px;background: url(../image/s1.png) repeat-y scroll center center transparent;position:absolute;top:0;left:0;z-index: 9;width:127px}
   .pule-right{height: 440px;background: url(../image/s1.png) repeat-y scroll center center transparent;position:absolute;top:0;right:0;z-index: 9;width:127px}
   #toTop{position: fixed;right: 0;bottom:390px;z-index: 999}
   .bass-port{max-width: 1280px;margin:auto auto;height:237px;}
   .bass-port .bass-frame-content{background-color:transparent!important}
   .bgs{background: url(../image/bg5.png) center center no-repeat;position: absolute;top:0;left: 0;width: 100%;height: 100%;z-index: 999}
   .mt8{margin-top: 8px}
   
.page{margin:40px auto;float: right;}
.page a{display:inline-block; width:100px; height:30px; line-height:30px; text-align:center; border:1px solid #e8e8e8; margin-right:10px}
.page a:hover{color:#fff;background:#5876aa; float}

.image img { width: 126px;height: 79px;overflow: hidden;}