@charset "utf-8";
body { font:14px/1.5 Tahoma,Arial,"Microsoft YaHei",sans-serif; color: #5f5f5f; }
html { overflow:-moz-scrollbars-vertical; }
a { color:#5f5f5f; }
a:hover { color:#5f5f5f; }
p { margin-bottom: 0; }
.noBg { background: none !important; }
.noBd { border: none !important; }
.noMgr { margin-right: 0px !important; }
ul { list-style: none; margin: 0; padding: 0; }
.container {
  width: 1200px;
  max-width: none !important;
  position: relative;
  padding-left:0px;
  padding-right:0px;
}
body { }

.head { height:80px; width: 100%; z-index: 99; }
.logo { width: 100px; }

.nav { width: 920px; }
.nav ul { }
.nav ul li { float: left; width: 12.5%; text-align: center; }
.nav ul li a { display: block; width: 100%; height: 79px; line-height: 79px; font-weight: bold; color: #333333; }
.nav ul li a:hover,.nav ul li.action a { border-bottom: 3px solid #1e97f5; color: #1e97f5; text-decoration: none; }
/*banner*/
.banner{ position:relative;  background:#000; margin:0 auto; }
.banner .bd{ position:relative; z-index:0; }
.banner .bd li img{width:100%; vertical-align:top;  }
.banner .hd { position: absolute; bottom: 20px; left: 0; width: 100%; }
.banner .hd ul { width: 1000px; margin: 0 auto; text-align: center; }
.banner .hd ul li { display: inline-block; width: 96px; height: 8px; margin-right:8px; background-color: #fff; cursor: pointer; }
.banner .hd ul li.on { background-color: #1e97f5; }

/* index */
.hTit { }
.hTit .hd { text-align: center; padding-bottom: 20px; }
.hTit .hd h2 {  }
.hTit .hd p { width: 330px; margin: 0 auto; }
.hTit .hd p a { color: #f5cf1e; }

.quote { -moz-box-shadow:0px 0px 20px #333333; -webkit-box-shadow:0px 0px 20px #333333; box-shadow:0px 0px 20px #333333; margin-top: 40px; margin-bottom: 40px; padding:50px 160px; position: relative; }
.quote .quote_btn {  position: absolute; top:100px; left: 45%; }

.case { padding-bottom: 20px; }
.case .bd { }
.case .bd ul { }
.case .bd ul li { float: left; width: 300px; }
.case .bd ul li .pic { width: 280px; margin: 0 auto; }
.case .bd ul li .pic img { display: block; width: 280px; height: 160px; }

.product { padding-bottom: 20px; }
.product .bd {  }
.product .bd ul {  }
.product .bd ul li { float: left; width: 285px; margin-right: 20px;  }
.product .bd ul li:last-child { margin-right: 0px;  }
.product .bd ul li .pic { border: 1px solid #cccccc; padding: 4px;  }
.product .bd ul li .pic img { width: 100%; }
.product .bd ul li .tit { padding: 10px 0; }
.product .bd ul li .tit a { color: #333333; }
.product .bd ul li .intro { font-size: 12px; color: #999; padding-bottom: 20px; }

.about { width: 500px; padding: 10px; border: 1px solid #ccc; margin:20px 0 20px; }
.about .hd { position: relative; font-weight: bold; padding-bottom: 15px; }
.about .hd a { position: absolute; right:0; top:0; font-weight: 100; color: #1e97f5; }
.about .bd .intro { font-size: 12px; padding: 15px 0; }
.about .bd .more { padding-bottom: 9px; }
.about .bd .more .btn { border-color: #1e97f5; color: #1e97f5; }

.news { width: 670px; padding: 10px; border: 1px solid #ccc; margin:20px 0 20px; }
.news .hd { position: relative; font-weight: bold; padding-bottom: 15px; }
.news .hd a { position: absolute; right:0; top:0; font-weight: 100; color: #1e97f5; }
.news .bd {  }
.news .bd ul {  }
.news .bd ul li { padding-bottom: 16px; }
.news .bd ul li a { display: block; width: 100%; border: 1px solid #cccccc; padding: 10px; }
.news .bd ul li a .tit { font-size: 12px; padding-bottom: 10px; color: #333; }
.news .bd ul li a .intro { font-size: 12px; line-height: 18px; color: #999; }
.news .bd ul li a:hover { border: 1px solid #1e97f5; background-color: #1e97f5; text-decoration: none; }
.news .bd ul li a:hover .tit { color: #fff; }
.news .bd ul li a:hover .intro { color: #fff; }

/*footer*/
.footer { background-color: #cccccc; color: #fff; padding:15px 0; }
.footer .copyright { text-align: center; font-size: 12px; }

/* in */
.wrap { background-color: #eeeeee; padding-bottom: 20px; }
.sidebar { width: 250px; padding-top: 60px; }
.main { width: 950px; background-color: #fff; padding:0 15px 20px; }

.colTitle { padding: 15px 0 15px 20px; background-color: #dddddd; font-size: 14px; font-weight: bold; color: #333; }
.sidebar ul {  }
.sidebar ul li { padding: 15px 0 15px 20px; }
.sidebar ul li a { display: block; width: 100%; color: #333; padding-left: 20px; background: url("../images/ico_05.jpg") left center no-repeat; }
.sidebar ul .on a, .sidebar ul li a:hover { color:#1e97f5; }

.breadcrumbs { position: relative; padding-left: 25px; border-bottom: 1px solid #dedede; background: url("../images/ico_04.jpg") left center no-repeat; line-height: 60px; color: #666; margin-bottom: 20px; }
.breadcrumbs a {  color: #666; }
.breadcrumbsline { position: absolute; left: 0; bottom: 0; width: 120px; height: 3px; background-color: #dd0700; }

.info_content { padding:10px; }

.news-list {  }
.news-list .list { border: 1px solid #ccc; padding: 10px 15px; margin-bottom: 20px; }
.news-list .list a:hover { text-decoration: none; }
.news-list .list .tit { color: #333333; font-weight: bold; font-size: 12px; }
.news-list .list .date { padding: 10px 0; color: #999; font-size: 12px; }
.news-list .list .intro { color: #999; font-size: 12px; }

.news-list .list:hover { border: 1px solid #eeeeee; background-color: #eeeeee; }
.news-list .list:hover .tit { color: #1e97f5; }

.page { text-align: center; padding-top:20px; }
.page a { padding:5px 10px; cursor: pointer; }
.page a:hover { text-decoration: none; cursor: pointer; }
.page a.on { background-color:#dd0700; color: #fff; }

.pic_list {  }
.pic_list ul li { float: left; width: 33.333%; }
.pic_list ul li .pic { margin: 0 10px; }
.pic_list ul li .pic img { width: 100%; }
.pic_list ul li .tit { text-align: center; padding:10px 0 15px; }

.article-info { text-align: center; }
.article-info h3 { font-size: 18px; font-weight: bold; }