@charset "UTF-8";
.header, .top-box, .case-wrap, .about-wrap, .three-box, .product-wrap, .links-warp, .copyright, .main { width: 1040px; margin: 0 auto; overflow: hidden; }
.news-list dd h2, .side-news-list li { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
/* top */
.top-wrap { line-height: 30px; background: #c6c6c6; overflow: hidden; }
.top-wrap .jiathis_style { float: right; margin-top: 5px; }
.header { height: 89px; margin: 5px auto; }
.header .logo img { width: 389px; height: 89px; }
.header .tel { margin-top: 10px; padding-top: 28px; float: right; background: url(../images/tel.jpg) no-repeat center top; }
.header .tel p { line-height: 22px; font-size: 20px; color: #00659a; font-weight: bold; }
.nav-menu { background: url(../images/navBg.jpg) repeat-x center; overflow: hidden; }
.menu-list { width: 1040px; margin: 0 auto; overflow: hidden; }
.menu-list li {width: 130px;line-height: 40px;float: left;text-align: center;}
.menu-list li a { font-size: 16px; color: white; }
.menu-list li a:hover { font-weight: bold; }
/* banner */
.banner { position: relative; background: #cccccc; margin: 0 auto; }
.banner .img a, .banner .img, .banner .img li { width: 100%; height: 100%; }
.banner .img { position: relative; }
.banner .img li { position: absolute; top: 0; left: 0; }
.banner .img a { display: block; }
.focus { position: absolute; width: 100%; bottom: 0; z-index: 99; text-align: center; right: 20px; height: 50px; }
.focus li { display: inline-block; *display: inline;
zoom: 1; width: 15px; height: 15px; cursor: pointer; border: 1px solid white; border-radius: 50%; position: relative; top: 11px; margin: 0 2px; text-indent: -999em; *text-indent: 0;
font-size: 0; }
.focus li.state { background: white; border-color: white; }
/* main */
.tit01, .tit02 { overflow: hidden; }
.tit01 a, .tit02 a { line-height: 39px; float: right; color: #787878; font-size: 12px; }
.tit01 h2, .tit02 h2 { line-height: 39px; padding: 0 10px; float: left; color: white; font-size: 20px; background: #1f76c6; border-radius: 3px; }
.tit02 h2 { padding: 0; color: #00659a; background: none; }
.main { padding-top: 20px; }
.gray-bg { background: #eeeeee; }
.content { border: 1px solid #d5d5d5; border-radius: 4px; padding: 12px 24px; margin-top: 12px; font-size: 14px; line-height: 28px; overflow: hidden;  }
.main-left { width: 820px; float: left; }
.side { width: 200px; float: right; }
.side-nav, .side-contact, .side-news { border: 1px solid #d5d5d5; margin-bottom: 12px; }
.side-nav h2, .side-contact h2, .side-news h2 { line-height: 32px; padding-left: 20px; font-weight: bold; background: url(../images/tit1.gif) repeat-x center; }
.side-menu { padding: 10px 12px; }
.side-menu li { line-height: 30px; border-bottom: 1px dashed #CCCCCC; }
.side-menu li a { color: #535353; font-weight: bold; font-size: 12px; }
.side-menu .active a { color:#F00; font-weight: bold; font-size: 13px; }
.side-news-list { padding: 10px 12px; }
.side-news-list li { line-height: 30px; border-bottom: 1px dashed #CCCCCC; }
.side-news-list li a { color: #535353; font-size: 12px; }
.side-contact-txt { padding: 10px 14px; }
.side-contact-txt p { line-height: 26px; font-size: 12px; }
.crumbs { border: 1px solid #d5d5d5; border-radius: 4px; height: 34px; line-height: 34px; padding-left: 12px; }
/* case */
.case-wrap { margin-top: 24px; }
.gddiv { width: 100%; height: 100%; margin: 10px auto 40px auto; overflow: hidden; }
.gddiv ul { float: left; height: 100%; overflow: hidden; }
.gddiv li { margin: 0 12px; padding: 8px 6px 8px 6px; border-left: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2; border-top: 1px solid #e2e2e2; border-bottom: 7px solid #e2e2e2; float: left; display: inline; overflow: hidden; text-align: center; }
.gddiv li a { display: block; }
.gddiv li img { width: 174px; height: 144px; border: 1px solid #ccc; }
.gddiv li span { line-height: 22px; padding-top: 10px; text-align: center; display: block; }
.innerElem { width: 9999px; clear: both; overflow: hidden; }
.innerElem ul li a { color: black; }
.innerElem ul li a:hover { color: red; }
/* about-wrap */
.about-wrap { padding-top: 20px; padding-bottom: 17px; border-bottom: 1px dashed #b5b5b5; }
.about-txt { padding-top: 10px; overflow: hidden; }
.about-txt .about-img { margin-right: 24px; float: left; }
.about-txt .about-img img { width: 297px; height: 223px; border: 7px solid #f5f5f5; }
.about-txt .txt p { text-indent: 24px; line-height: 32px; white-space: pre-wrap; }
.three-box { padding-top: 15px; padding-bottom: 27px; }
/* news */
.news-wrap { width: 367px; padding-right: 15px; border-right: 1px dashed #00659a; float: left; }
.news-list { padding-top: 7px; }
.news-list dl { margin-bottom: 2px; padding-bottom: 1px; border-bottom: 1px solid #e2e2e2; overflow: hidden; }
.news-list dt { float: left; margin-right: 10px; }
.news-list dt img { width: 92px; height: 61px; }
.news-list dd h2 { font-weight: bold; }
.news-list dd h2 a { color: #787878; }
.news-list dd p { font-family: '宋体'; color: #9a9a9a; font-size: 12px; }
/* honor */
.honor-wrap { width: 300px; padding: 0 10px; float: left; }
.honor-txt dl { padding-top: 18px; overflow: hidden; }
.honor-txt dl dt { margin-right: 10px; float: left; }
.honor-txt dl dt img { width: 116px; height: 163px; }
.honor-txt dl dd p { line-height: 26px; }
/* contact */
.contact-wrap { width: 327px; padding-left: 8px; border-left: 1px dashed #00659a; float: right; }
.contact-txt { padding: 7px 0; }
.contact-txt p { margin-bottom: 1px; }
.contact-txt p img { vertical-align: middle; }
.linkman { background: url(../images/linkman.jpg) no-repeat left; padding-left: 40px; line-height: 30px; }
.telephone { background: url(../images/telephone.jpg) no-repeat left; padding-left: 40px; line-height: 30px; }
.email { background: url(../images/email.jpg) no-repeat left; padding-left: 40px; line-height: 30px; }
.address { background: url(../images/address.jpg) no-repeat left; padding-left: 40px; line-height: 30px; }
/* product */
.product-wrap { padding-top: 30px; }
.scrolllist { width: 968px; margin: 35px auto 20px auto; border-radius: 5px; position: relative; }
.scrolllist .prev, .scrolllist .next { width: 20px; height: 48px; top: 108px; cursor: pointer; z-index: 100; position: absolute; }
.scrolllist .prev { left: -25px; background: url(../images/arrowL.jpg) no-repeat center; }
.scrolllist .next { right: -25px; background: url(../images/arrowR.jpg) no-repeat center; }
.scrolllist .imglist_w { width: 100%; height: 280px; margin: 0 auto; overflow: hidden; position: relative; z-index: 99; }
.scrolllist .imglist_w ul { width: 10000px; position: absolute; left: 0px; top: 0px; }
.scrolllist .imglist_w ul li { padding: 0 10px; float: left; }
.scrolllist .imglist_w ul li a { overflow: hidden; text-align: center; position: relative; }
.scrolllist .imglist_w ul li .txt { padding: 15px 7px 13px 7px; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; }
.scrolllist .imglist_w ul li .txt h2 { padding-bottom: 12px; text-align: left; }
.scrolllist .imglist_w ul li .txt a { padding: 3px 7px; border: 1px solid #CCCCCC; border-radius: 3px; }
.scrolllist .imglist_w img { width: 220px; height: 189px; border: 1px solid #ccc; }
/* friendly-link */
.flinks { line-height: 40px; background: #f7f7f7; border: 1px solid #CCCCCC; border-radius: 3px; }
.flinks a { padding: 0 10px; }
.footer { margin-top: 25px; padding: 15px 0; background: #555555; }
.copyright p { line-height: 26px; color: white; text-align: center; }
/* page-news-list */
.page-news-list dl { padding: 20px 0px; border-bottom: 1px dashed #CCCCCC; overflow: hidden; }
.page-news-list dt { float: left; }
.page-news-list dt img { width: 190px; height: 126px; }
.page-news-list dd { width: 560px; float: right; }
.page-news-list dd h2 { font-weight: bold; }
.page-news-list dd p { color: #666666; }
/* page-pic-list */
.page-pic-list { padding: 30px 0; }
.page-pic-list li { margin: 0 16px 20px 16px; float: left; }
.page-pic-list li img { border: 1px solid #CCCCCC; width: 222px; height: 184px; }
.page-pic-list li span { display: block; text-align: center; }
/* page-product-list */
.page-product-list { padding: 30px 0; }
.page-product-list li { margin: 0 16px 20px 16px; float: left; }
.page-product-list li img { border: 1px solid #CCCCCC; width: 222px; height: 184px; }
.page-product-list li span { display: block; text-align: center; }
/* show */
.text-title { border-bottom: #636363 dotted 1px; }
.text-title h1 { text-align: center; font-size: 16px; line-height: 32px; }
.text-title p { font-size: 12px; text-align: center; line-height: 26px; }
.detailTxt { padding-top: 15px; margin-bottom: 15px; }
.detailTxt p { line-height: 26px; white-space: pre-wrap; }
.detailTxt p img { max-width: 100%; height: auto; }
.paging { margin: 20px; overflow: hidden; }
.paging p { line-height: 24px; }
.paging a:hover { color: #F00; }
/*sitemap*/
.sp-title { color: #888; padding: 4px 12px; border-top: 1px solid #EEE; border-bottom: 1px solid #EEE; background: #FAFAFA; margin-bottom: 8px; }
.sp-title h2 { font-size: 18px; line-height: 27px; }
.sp-title h2 a { margin-left: 6px; }
.sp-title .more01 { float: right; margin: -27px 0px; line-height: 27px; }
.linkbox { padding: 10px 8px; border-bottom: 1px solid #EEE; }
.linkbox h3, .linkbox h3 a { font-size: 16px; color: #F00; }
.f6 { width: 100%; overflow: hidden; clear: both; padding-bottom: 10px; }
.f6 li { list-style: none; float: left; line-height: 14px; padding: 8px 10px 0px; white-space: nowrap; }
.f6 li a { font-size: 14px; color: #666666; float: left; }
/* page */
.page { clear: both; padding: 40px 0 20px; text-align: center; }
.page a { display: inline-block; padding: 5px 15px; height: 22px; font-size: 12px; line-height: 22px; background: #fff; border: 1px solid #e3e3e3; text-align: center; color: #333; border-radius: 3px; }
.page a:hover { background: #0096dc; color: white; text-decoration: none; }
.page a.a1 { padding: 5px 15px; height: 22px; line-height: 22px; margin-top: 0px; }
.page span { display: inline-block; padding: 5px 15px; height: 22px; line-height: 22px; background: #0096dc; border: 1px solid #0096dc; color: #fff; text-align: center; border-radius: 3px; }
.page .noPage { display: inline-block; padding: 0px 12px; height: 22px; line-height: 22px; border: 1px solid #e3e3e3; text-align: center; color: #a4a4a4; }