@charset "utf-8";
/* CSS Document */
body { margin: 0; padding: 0 0 10px; font-size: 12px; background: #d8dfe7 url(imgs/bg.jpg) 0 0 repeat-x; color: #333; font-family: "Microsoft YaHei", "SimSun", Verdana, Tahoma, Arial; }
p, h1, h2 { margin: 0; padding: 0; display: block; }
ul, li, dl, dt, dd { margin: 0; padding: 0; list-style: none; display: block; }
a { text-decoration: none; color: #333; }
a:hover { color: #F00; }
.fix { clear: both; }
/*==========================================*/
.header { margin: 0 auto; width: 960px; height: 75px; clear: both; }
.header .logo { margin-top: 20px;  width: 190px; height: 45px; background: url(imgs/logo.png) 0 0 no-repeat; float: left; }
.header .logo a{ width: 190px; height: 45px; text-indent:-9999px; display:block;}
.header .tel { margin-top: 40px; width: 210px; height: 28px; background: url(imgs/tel.png) 0 0 no-repeat; float: right; }
/*================================
.header .logo { margin-top: 17px; padding-top: 46px; padding-left: 45px; width: 120px; height: 24px; background: url(imgs/logo.png) left top no-repeat; color: #ccc; float: left; }
.header .tel { margin-top: 28px; width: 200px; height: 50px; background: url(imgs/tel.png) 0 0 no-repeat; float: right; }==========*/
/*==========================================*/
.nav { margin: 0 auto 20px; padding-left: 10px; background: url(imgs/navl.jpg) 0 0 no-repeat; width: 960px; height: 63px; clear: both; }
.nav ul { width: 950px; height: 63px; background: url(imgs/nav_bg.jpg) 0 0 repeat-x; font-size: 16px; font-weight: bold; float: left; }
.nav ul li { padding: 6px 23px 13px; height: 44px; line-height: 44px; letter-spacing: 1px; background: url(imgs/nav_line.jpg) right 0 no-repeat; float: left; }
.nav ul li.on { background: url(imgs/nav_red.jpg) 0 0 repeat-x; }
.nav ul li.on a { color: #fff; }
.nav ul li.tel { padding: 6px 5px 13px; font-weight: bold; color: #ED1637; background: none; float: right; }
.nav .navr { width: 10px; height: 63px; background: url(imgs/navr.jpg) 0 0 no-repeat; float: right; }
/*==========================================*/
.wrap { margin: 0 auto; padding: 0; width: 960px; background: #fff; clear: both; overflow: hidden; }
.fla { width: 960px; height: 260px; background: #ccc; }

.desc4s { padding: 25px 0; height: 107px; background: url(imgs/bg_service.jpg) 0 bottom repeat-x; color:#595959; font-size: 14px; clear: both; }
.desc4s p { padding: 5px 15px; width: 290px; line-height: 22px; float: left; display:block; }
.desc4s p.p4s { width: 288px; border-left: 1px #ddd solid; border-right: 1px #ddd solid; }
.desc4s p strong { padding-bottom:3px; font-size: 16px; display: block; }
/*================================
.service { padding: 18px 2px; height: 107px; background: url(imgs/bg_service.jpg) 0 bottom repeat-x; }
.service dl { margin: 0; padding: 6px 19px; width: 200px; height: 95px; border-right: 1px #dfdfdf solid; color: #7A7D8A; display: block; float: left; }
.service dl.nol { border-right: none; }
.service dl dt { padding-bottom: 6px; font-weight: bold; font-size: 14px; display: block; }
.service dl dd { margin: 0; height: 24px; line-height: 24px; text-indent: 12px; display: block; }
=======*/
/*==========================================*/
.case { margin-bottom: 15px; height: auto; background: url(imgs/bg_case.jpg) 0 0 repeat-x; }
.caseh2 { margin-bottom: 15px; padding-left: 15px; height: 45px; line-height: 45px; font-size: 16px; font-weight: bold; letter-spacing: 2px; }
.caseh2 span { padding-left: 10px; color: #aaa; font-size: 12px; font-family: Verdana, Geneva, sans-serif; letter-spacing: normal; }
ul.casebox { padding: 0 10px; height: auto; overflow: hidden; zoom: 1; }
ul.casebox li { padding: 10px 16px 15px; width: 202px; height: 210px; display: block; float: left; }
ul.casebox li img { padding: 6px; width: 190px; height: 120px; background: url(imgs/bg_off.png) 0 0 repeat; display: block; }
ul.casebox li a { display: block; }
ul.casebox li p { padding-top: 2px; color: #585858; line-height: 20px; font-size: 12px; }
ul.casebox li p.title { height: 28px; line-height: 28px; color: #333; font-size: 14px; font-weight: bold; }
.section ul.case_padding{ padding:20px 8px 5px;}

.case .ct { margin-bottom: 15px; padding: 0px 0 15px; font-weight: normal; color: #DDD; font-size: 16px; }
.case dl.fenlei{ padding: 0 20px; width: 100%; height:auto; float:left;}
.case dl.fenlei dt{ padding-bottom:6px; width: 100%; height:36px; line-height:24px; letter-spacing:8px; font-size:24px; text-align:center; float:left;display:block;}
.case dl.fenlei dd{ padding:6px 30px 6px 0; height:24px; line-height:24px; float:left; display:block;}
/*==========================================*/
.customer { height: auto; border-top: 1px #ccc dotted; overflow: hidden; }
.customer .h2 { padding-top: 15px; padding-left: 15px; height: 20px; font-size: 16px; font-weight: bold; letter-spacing: 2px; }
.customer .h2 span { padding-left: 10px; color: #aaa; font-size: 12px; font-family: Verdana, Geneva, sans-serif; letter-spacing: normal; }
.customer ul { margin: 3px auto 0; padding: 3px 0 10px; width: 930px; height: auto; overflow: hidden; zoom: 1; }
.customer ul li { padding: 12px 13px; width: 160px; height: 85px; background: #fff; float: left; }
.customer ul li img { width: 160px; height: 85px; border: 1px #dcdcdc solid; }
/*==========================================*/
.yihoo { margin-bottom:15px; padding: 0 15px; height: 210px; background: url(imgs/bg_case.jpg) 0 0 repeat-x; }
.yihoo .about { width: 360px; float: left; }
.about .h2 { margin-bottom: 8px; padding-top: 10px; height: 35px; line-height: 35px; font-size: 16px; font-weight: bold; letter-spacing: 2px; }
.about .h2 span { padding-left: 10px; color: #aaa; font-size: 12px; font-family: Verdana, Geneva, sans-serif; letter-spacing: normal; }
.about p { line-height: 26px; font-size: 14px; }
.yihoo .news { width: 550px; float: right; }
.news .h2 { margin-bottom: 8px; padding-top: 10px; padding-left: 3px; height: 35px; line-height: 35px; font-size: 16px; font-weight: bold; letter-spacing: 2px; }
.news .h2 span { padding-left: 10px; color: #aaa; font-size: 12px; font-family: Verdana, Geneva, sans-serif; letter-spacing: normal; }
.news img { padding-top: 3px; display: block; float: left; }
.news ul { padding-top: 5px; width: 390px; font-size: 14px; float: right; }
.news ul li { padding-left: 12px; height: 28px; line-height: 28px; background: url(imgs/dot.gif) 0 center no-repeat; }
.news ul li a { float: left; }
.news ul li span { padding-left: 5px; color: #BE8121; font-size: 10px; float: right; display: block; }
/*==========================================*/
.hezuo { padding: 12px 15px 3px; height: 20px; line-height: 20px; border-top: 1px #ccc dotted; clear: both; }
.hezuo span { font-weight: bold; }
/*==========================================*/
.tsrv { margin-bottom: 3px; width:960px; height: 210px; background:#fff url(imgs/bg_about.jpg) 0 bottom repeat-x; clear:both; }

/*====================
.tsrv dl { margin: 0; padding: 6px 19px; width: 200px; height: 95px; border-right: 1px #626468 solid; color: #585858; display: block; float: left; }
.tsrv dl.nol { border-right: none; }
.tsrv dl dt { padding-bottom: 6px; font-weight: bold; font-size: 14px; display: block; }
.tsrv dl dd { margin: 0; height: 24px; line-height: 24px; color:#ddd; text-indent: 12px; display: block; }
.tsrv a { color: #eaeaea; }
.tsrv a:hover { color: #CD7734; }======================*/

.sidebar { padding-top: 15px; width: 200px; background: url(imgs/ltbg.gif) right top no-repeat; float: left; }
.sidebar dl { padding: 0 20px; height: 300px; font-size: 14px; letter-spacing: 1px; }
.sidebar dl dt { margin-bottom: 8px; padding-left: 10px; height: 32px; line-height: 32px; font-weight: bold; border-bottom: 1px #eaeaea solid; }
.sidebar dl dd { padding-left: 28px; height: 30px; line-height: 30px; background: url(imgs/libg.jpg) -50px center no-repeat; }
.section { padding: 15px 20px 10px 20px; width: 720px; float: right; }
.section .where { padding: 0 10px; height: 32px; line-height: 32px; border-bottom: 1px #eaeaea solid; font-size: 14px; }
.section ul.ls { padding: 8px 10px; }
.section ul.ls li { padding-left: 15px; height: 36px; line-height: 36px; font-size: 14px; background: url(imgs/dot.gif) 0 center no-repeat; }
.section ul.ls li span { font-size: 12px; color: #aaa; float: right; }
.section ul.ls li a { float: left; }

/* PageNavi */
.wp-pagenavi { padding: 20px 10px 0; height: 25px; background: url(imgs/dotted.gif) 0 top repeat-x; clear: both; }
.wp-pagenavi a, .wp-pagenavi span { text-decoration: none; border: 1px solid #BFBFBF; padding: 3px 5px; margin: 2px; }
.wp-pagenavi a:hover, .wp-pagenavi span.current { border-color: #000; }
.wp-pagenavi span.current { font-weight: bold; }

.pagenavi {
  padding:0 25px;
  display: inline-block;
}
.pagenavi span,
.pagenavi a {
  display: inline-block;
  padding: 5px 10px;
  font-size: 18px;
  color: #777;
  border-radius: 5px;
  box-sizing: border-box;
  border: 1px solid #e1e1e1;
  margin-right: 8px;
  margin-bottom: 8px;
  overflow: hidden;
  text-align: center;
  transition: 0.45s ease;
}
.pagenavi span.current,
.pagenavi a.current {
  background-color: #f60;
  color: #fff;
}
.pagenavi a:hover {
  background-color: #f60;
  color: #fff;
}


.section .content { padding: 0 20px; }
.section .content h1 { margin: 0; padding: 45px 10px 10px; font-size: 26px; font-weight:normal; color: #333; border-bottom: 1px #ccc dashed;}
.section .content .info { padding: 5px 10px; color: #585858;}
.section .content .txt { margin-top:25px; padding:0 10px; line-height: 28px; color: #333; font-size: 14px; }
.section .content .txt p { padding-bottom: 18px; }
.section .content .txt img.aligncenter{ margin: 0 auto; padding: 6px; background: url(imgs/bg_off.png) 0 0 repeat; display: block;}

.section dl.fenlei{ padding-top:20px; width: 100%; height:auto; float:left;}
.section dl.fenlei dt{ padding:6px 30px 48px 0; height:18px; line-height:18px; font-weight:bold; font-size:16px; float:left; display:block;}
.section dl.fenlei dd{ padding:6px 30px 6px 0; height:16px; line-height:16px; float:left; display:block;}
.section dl.fenlei .current a{ color:#FF0000;}

ul.imgbox{ padding-top:15px; width:660px; overflow:hidden;}
ul.imgbox li { margin: 0 15px 0 0; padding-bottom:30px; width: 190px; height:220px; float: left; }
ul.imgbox li img { width: 190px; height: 120px; background: url(img/bg_off.png) 0 0 repeat; display: block; }
ul.imgbox li p { margin-bottom:0; padding:0; line-height: 20px; text-indent:0px; font-size:12px;color: #666; }
ul.imgbox li p.title { line-height: 24px; font-size:14px; }
ul.imgbox li a {color: #333; }
ul.imgbox li a:hover { color: #F00; }

.section .content ul.pnlnk { padding-top: 6px; border-top: 1px #DFDFDF solid; font-size: 14px; }
.section .content ul.pnlnk li { height: 28px; line-height: 28px; }
/* ==========  404  ================*/
.no-found { background: none; }
.no-found-wrap { margin: 60px auto; padding: 30px 0 80px; width: 980px; background: #fff; text-align: center; }
.no-found-wrap h1 { padding: 20px 0 15px; font-weight: normal; }
.no-found-wrap a { color: #008ACE; text-decoration: underline; }
.no-found-wrap a:hover { color: #F00; }
/*==================================*/
.footer { margin: 0 auto; width: 960px; height: 160px; background: #fff url(imgs/foot_bg.jpg) 0 -10px repeat-x; clear: both; }
.footer .fl { width: 10px; height: 160px; background: url(imgs/footl.jpg) 0 -10px no-repeat; float: left; }
.footer .fr { width: 10px; height: 160px; background: url(imgs/footr.jpg) 0 -10px no-repeat; float: right; }
.footer .fcon { padding: 35px 15px 0; width: 910px; height: 125px; color: #7A7D8A; float: left; }
.footer .fcon p { line-height: 24px; }
.footer .fcon .plnk { word-spacing: 6px; }
.footer .fcon .pcopy { word-spacing: 2px; }
.footer .fcon a { color: #7A7D8A; }
.footer .fcon a:hover { text-decoration: underline; }
.wbt { margin: 0 auto; width: 960px; height: 51px; background: url(imgs/foot_bt.jpg) 0 0 no-repeat; }