/**
 * szSEO
 *
 * @author guan<908330@qq.com>
 * @date 2012-11-04
 * @update liu @ 2012-11-06
 */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; }
audio, canvas, video { display: inline-block;  *display: inline; *zoom: 1;}
audio:not([controls]) { display: none; height: 0; }
[hidden] { display: none;}
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, body, button, input, select, textarea { font-family: \5FAE\8F6F\96C5\9ED1, sans-serif; }
body { margin: 0; }
a:focus { outline: thin dotted; }
a:active, a:hover { outline: 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: 700; }
dfn { font-style: italic; }
mark { background: #ff0; color: #000; }
code, kbd, pre, samp { font-family: monospace, serif; _font-family: 'courier new', monospace;}
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ''; content: none; }
sub, sup { line-height: 0; position: relative; vertical-align: baseline; }
nav ul, nav ol { list-style: none; list-style-image: none; }
img { border: 0; -ms-interpolation-mode: bicubic; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }
form { margin: 0; }
legend { border: 0; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle;}
button, input { line-height: normal; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; *overflow: visible;  }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0;  *height: 13px; *width: 13px;}
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none;}
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0;}
textarea { overflow: auto; vertical-align: top; }
table { border-collapse: collapse; border-spacing: 0; }
/* by xxb 2012-10-10 */
*html { zoom:expression(function(ele) {ele.style.zoom = "1";document.execCommand("BackgroundImageCache", false, true)}(this))}
body, h1, h2, h3, h4, h5, h6, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td, figure, select { margin: 0; padding: 0 }
body { color: #333; background-color: #fff; font: 12px/1.5 \5FAE\8F6F\96C5\9ED1, arial; }
h1, h2, h3, h4, h5, h6, small, code, kbd, pre, samp, sub, sup { font-size: 100%; }
i, em { font-style: normal; }
s { text-decoration: none; }
a { text-decoration: none; outline: none; }
a:hover { text-decoration: underline; }
a span, a em, a strong, a p, a div { cursor: pointer; }
iframe { vertical-align: top; }
fieldset { border: 0 }
.group, .clear { *zoom:1;}
.group:after, .clear:after { content: '\20'; display: block; clear: both; height: 0; }
input::-moz-focus-inner, button::-moz-focus-inner {outline:0}
ul, ol { list-style: none; }
html { overflow: auto; }
a { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
a { color: #666; }
a:hover { color: #0763b9; }
.red { color:#F30;}
.main, .header .toolbar, .footer, .ft-cp { width: 980px; margin: 0 auto; }
.main { padding-bottom: 20px; }
.layout-l, .layout-r { float: left; }
.layout-l { width: 250px; padding-right: 60px; }
.layout-r { width: 670px; }
.logo, .service-list i, .service-list h2, .phone400, .home .i-home, .seo .i-seo, .anli .i-anli, .zixun .i-zixun, .yinxiao .i-yinxiao, .tuiguang .i-tuiguang, .cs .i-cs, .cp-lr-yx .icon-6, .cp-lr-yx .icon-7, .cp-lr-yx .icon-8, .nav ul, .footer .logo2, .footer .share ul, .bkhome { background: url(sprite/sprite.png) 0 0 no-repeat; }
.header .toolbar { text-align: right; padding-top: 12px; height: 73px; position: relative; }
.header .logo {margin-top:3px; display:inline-block; float:left; height: 54px; width: 60px; background-position: 0 -22px; line-height: 99em; }
.header a.siteinfo {margin:3px 0 0 5px;  float:left; width:auto; height:54px; outline:none; display: inline-block; text-decoration:none; text-align:left; }
.header a.siteinfo .sitename {
    margin-top:10px;
    font-size: 24px;
    font-family: '\65F6\5C1A\4E2D\9ED1\7B80\4F53','PingFang SC','Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    color: #666;
    line-height:1;
}
.header a.siteinfo .sitedomain {
    font-size: 9px;
    color: #B5BABD;
    line-height:1;
}
.header .logo-313 {margin-top:13px; display:inline-block; float:left; width:143px; height:31px; background:url(img/313.png) no-repeat 0 0;}
.header .logo-313 a { display:block; width:100%; height:100%;}
.header .phone400 { float: right; height: 21px; width: 311px; position: absolute; right: 0; top: 45px; }
.header .toolbar s { margin: 0 10px; }
.header { border-bottom: 1px solid #DFDFDF; }
.nav { background: url(sprite/nav.png) 0 100% repeat-x; padding: 4px 0; }
.nav ul { padding: 7px 0 3px 180px; background-position: -313px 9px; width: 760px; margin: 0 auto; position: relative; left: 45px; }
.nav li { float: left; margin-left: 20px; height: 26px; text-align: center; font: 700 12px/24px \5FAE\8F6F\96C5\9ED1; _display: inline; }
.nav li a { display: block; }
.nav li a:hover { text-decoration: none; }
.nav .i-home { width: 81px; background-position: 0 -233px; }
.nav .i-seo, .nav .i-anli, .nav .i-zixun, .nav .i-cs { width: 91px; background-position: 0 -260px; }
.nav .i-yinxiao { width: 131px; background-position: -92px -260px; }
.nav .i-tuiguang { width: 141px; background-position: -82px -233px; }
.home .i-home a, .seo .i-seo a, .anli .i-anli a, .zixun .i-zixun a, .yinxiao .i-yinxiao a, .tuiguang .i-tuiguang a, .cs .i-cs a { color: #fff; }
.banner { height: 203px; margin-bottom: -30px; }
.home .banner { height: 485px; background: url(img/banner_index.jpg) 50% 0; margin-bottom: -64px; }
.about .banner { background: url(img/banner_about.jpg) 50% 0; }
.anli .banner { background: url(img/banner_anli.jpg) 50% 0; }
.seo .banner { background: url(img/banner_seo.jpg) 50% 0; }
.tuiguang .banner { background: url(img/banner_tuiguang.jpg) 50% 0; }
.yinxiao .banner { background: url(img/banner_yinxiao.jpg) 50% 0; }
.zhiku .banner { background: url(img/banner_zhiku.jpg) 50% 0; }
.contact .banner { background: url(img/banner_contact.jpg) 50% 0; }
.cs .banner { background: url(img/banner_cs.jpg) 50% 0; }
.zixun .banner { background: url(img/banner_zixun.jpg) 50% 0; }
.service-list a { float: left; padding: 10px; width: 306px; }
.service-list a i { float: left; margin-right: 15px; _margin-right: 12px; width: 68px; height: 68px; }
.service-list a .icon-1 { background-position: 0 -76px; }
.service-list a .icon-2 { background-position: -68px -76px; }
.service-list a .icon-3 { background-position: -136px -76px; }
.service-list a .icon-4 { background-position: -204px -76px; }
.service-list a .icon-5 { background-position: -272px -76px; }
.service-list a h3 { font: 16px/18px \5FAE\8F6F\96C5\9ED1; padding-bottom: 10px; }
.service-list .group { border-top: 2px solid #6EB4EA; padding-top: 8px; }
.service-list { margin-bottom: 20px; }
.service-list h2 { width: 149px; height: 54px; background-position: -146px -22px; margin-bottom: 10px; overflow: hidden; line-height: 99em; }
.cp-lr-yx .list { float: left; width: 326px; position: relative; }
.cp-lr-yx .list h2 { font: 700 16px/18px \5FAE\8F6F\96C5\9ED1; padding-bottom: 10px; border-bottom: 2px solid #C4C4C4; }
.cp-lr-yx .list h2 small { font: 400 12px/18px \5FAE\8F6F\96C5\9ED1, arial; color: #999; display: block; }
.cp-lr-yx .list s { font-family: \5B8B\4F53; margin-right: 10px; }
.cp-lr-yx .list ul { line-height: 26px; padding-top: 13px; }
.cp-lr-yx { padding-bottom: 13px; border-bottom: 2px solid #C4C4C4; margin-bottom: 20px; }
.cp-lr-yx .icon-6, .cp-lr-yx .icon-7, .cp-lr-yx .icon-8 { position: absolute; top: 0; right: 5px; height: 88px; width: 73px; background-color: #fff; }
.cp-lr-yx .icon-6 { background-position: -3px -144px; }
.cp-lr-yx .icon-7 { background-position: -77px -144px; }
.cp-lr-yx .icon-8 { background-position: -151px -144px; }
.products h2 { font: 700 16px/18px \5FAE\8F6F\96C5\9ED1; padding-bottom: 10px; }
.products ul { border: 1px solid #E1E1E1; overflow: hidden; padding: 10px 0; }
.products li { float: left; width: 244px; border-left: 1px solid #E1E1E1; margin-left: -1px; }
.products li a { display: block; }
.products li img { display: block; margin: 0 auto; }
.products { margin-bottom: 20px; }
.location a, .location span { color: #999; margin: 0 5px; }
.location { border-bottom: 2px solid #DFDFDF; padding: 5px 0; margin-bottom: 15px; }
.location strong { font-weight: 400; }
.menu li { border-bottom: 1px solid #DADADA; font: 700 14px/18px \5FAE\8F6F\96C5\9ED1; color: #999; padding: 9px 0; }
.menu { border-top: 2px solid #3A89D2; }
.menu .cur a { color: #176EBF; }
.menu i { display: inline-block; width: 1px; height: 3px; overflow: hidden; vertical-align: middle; margin-right: 5px; border-left: 5px solid #fff; border-right: 5px solid #fff; background: #fff; }
.menu .cur i { display: inline-block; border-left: 5px solid #176EBF; border-right: 5px solid #C4DDF3; background: #D1DEEF; }
.layout-l .title { height: 222px; margin-bottom: 10px; width: 268px; background: url(sprite/title.png) -269px 0 no-repeat; overflow: hidden; line-height: 999em; margin-right: -18px; }
.about .title { background-position: -269px -222px; }
.anli .title { background-position: -538px 0; }
.zhiku .title { background-position: 0 -222px; }
.about .title { background-position: -269px -222px; }
.zixun .title { background-position: 0 0; }
.cs .title { background-position: -538px -222px; }
.contact .title { background-position: 0 -444px; }
.layout-r .title { font: 700 24px/50px \5FAE\8F6F\96C5\9ED1; color: #666; }
.line { height: 2px; overflow: hidden; border-left: 55px solid #DCDCDC; border-right: 610px solid #F4C000; }
.layout-r .txt-content { color: #666; }
.layout-r .txt-content h3 { font: 700 16px/28px \5FAE\8F6F\96C5\9ED1; color: #176EBF; border-bottom: 1px solid #EDEDED; margin: 20px 0 10px; }
.layout-r .txt-content h3.first { color: #666; }
.layout-r .txt-content h4 { color: #666; margin: 10px 0; font-size: 14px; }
.layout-r .txt-content { line-height: 22px; }
.layout-r .txt-content ol { font-size: 14px; margin-bottom: 20px; color: #666; }
.layout-r .txt-content div { padding: 10px 0; }
.layout-r .txt-content em { color: #FF8A00; }
.layout-r .guestbook h3 { font-size: 14px; color: #666; margin-bottom: 7px; }
.anli .layout-r h3, .m-28 { text-align: right; font: 400 12px/36px \5FAE\8F6F\96C5\9ED1, arial; color: #666; margin-top: -36px; position: relative; }
.anli-list li { float: left; border: 1px solid #E9E9E9; margin-top: 25px; margin-right: 32px; }
.anli-list li a, .anli-list li img { display: block; }
.anli-list li a { padding: 10px; width: 180px; }
.anli-list li a:hover { box-shadow: 0 10px 35px rgba(0,0,0,0.3); }
.anli-list li img { width: 180px; height: 145px; margin-bottom: 10px; }
.anli-list li .name { line-height: 24px; height: 24px; overflow: hidden; text-align: center; }
.anli-list { width: 670px; _overflow: hidden; }
.anli-list ul { width: 702px; }
/*add by teddy*/
.guestbook { padding-top: 10px; display: inline-block; }
.guestbook li { width: 670px; float: left; font-size: 13px; line-height: 25px; margin-bottom: 10px; }
.guestbook .txt { height: 25px; line-height: 25px; font-size: 13px; width: 400px; }
.guestbook label { padding-right: 10px; }
.guestbook span { width: 100px; display: block; float: left; }
.guestbook textarea { width: 400px; height: 80px; }
.guestbook .btn { width: 90px; height: 30px; border: 1px solid #ddd; cursor: pointer; }
/* pagination */
.pagination-wrap { margin-top: 20px; }
.pagination-wrap .pg { float: left; line-height: 25px; }
.pagination-wrap .pg span { color: #2C7BC6; }
.pagination { height: 25px; float: right; }
.pagination a span { cursor: pointer; }
.pagination a, .pagination span { display: inline-block; float: left; margin: 0 3px 0 0; height: 23px; line-height: 23px; text-align: center; }
.pagination span { color: #666; }
.pagination a { color: #069; padding: 0 8px; border: 1px solid #dedede; backgruond: #fff; position: relative; }
.pagination a:hover { border: 1px solid #ff5400; color: #ff5400; text-decoration: none; }
.pagination .current-page { border: 1px solid #dedede; background: #2C7BC6; padding: 0 8px; color: #fff; font-weight: bold; }
.pagination .page-sum { padding: 0 7px; }
.pagination .page-sum, .pagination .page-skip { height: 25px; line-height: 25px; }
.pagination .page-skip { vertical-align: top; float: none; line-height: 25px; }
.pagination .page-skip input { width: 25px; margin: 0 3px; text-align: center; height: 20px; line-height: 20px; *vertical-align:-5px;
}
.pagination .page-skip button {
*vertical-align:-5px; margin: 0 0 0 3px; padding: 0 3px; }
/* gray style */
.pagination span.prev, .pagination span.next { border: 1px solid #dedede; backgruond: #fff; padding: 0 8px; }
.pagination span.prev .page-switcher, .pagination span.next .page-switcher { color: #dedede; }
/* pagination-arrow */
.pagination .page-switcher { display: block; background: #fff; }
.pagination .arrow-left, .pagination .arrow-right, .pagination span.prev .arrow-left { font: 11px \5B8B\4F53; color: #fd6533; line-height: 23px; overflow: hidden; width: 4px; }
.pagination span.prev .arrow-left, .pagination span.next .arrow-right { color: #dedede; }
.pagination .arrow-right { text-indent: -7px; }
.prev .page-switcher { padding: 0 0 0 5px; }
.next .page-switcher { padding: 0 5px 0 0; }
.layout-r .center { line-height: 44px; text-align: center; border-bottom: 1px solid #dcdcdc; font-size: 16px; margin-top: 10px; }
.anlis .info { text-indent: 24px; line-height: 22px; padding: 10px 0 20px; border-bottom: 1px solid #DCDCDC; }
.anlis h5 { color: #176EBF; line-height: 36px; font-size: 14px; }
.anlis table { text-align: center; margin-top: 5px; }
.anlis table th { color: #176EBF; padding: 9px 0; background: #E7F0F7; border: 1px solid #DADEE1; border-bottom: none; }
.anlis table td { padding: 5px 0; border: 1px solid #DADEE1; border-top: none; }
.postnavi { padding: 7px 0; margin-top: 10px; border-top: 1px solid #DCDCDC; }
.postnavi .prev { float: left; }
.postnavi .next { float: right; }
.zixun-list li { padding: 10px 0; border-bottom: 1px solid #EDEDED; }
.zixun-list li .time { float: right; }
.zixun-list li i { color: #D4D4D4; margin-right: 10px; }
.zixun-list { padding-top: 10px; }
.zixun-info { text-indent: 24px; line-height: 22px; padding: 10px 0; }
.about-info h4 { font: 700 14px/28px \5FAE\8F6F\96C5\9ED1; border-bottom: 1px solid #EDEDED; margin: 20px 0 10px; color: #666; }
.about-info .info { text-indent: 24px; }
.about-info .info p { padding-bottom: 5px; }
.about-info { line-height: 22px; }
.about-info h5 { font: 700 12px/24px \5FAE\8F6F\96C5\9ED1, arial; margin: 15px 0 10px; color: #666; }
.main.links{border-top: 1px solid #DFDFDF; padding-top:10px;line-height:1.5rem;}
.footer-area { background: #0B66AD; padding: 20px 0; }
.footer .list, .footer .logo2 { float: left; }
.footer .logo2 { width: 179px; height: 129px; background-position: -236px -290px; margin: 20px 10px 0 0; }
.footer .list { width: 135px; margin-left: 35px; }
.footer .list h2 { font: 700 14px/36px \5FAE\8F6F\96C5\9ED1; color: #92C6EE; }
.footer .list li { line-height: 36px; border-top: 1px solid #4285BA; margin-top: -1px; }
.footer .list ul { overflow: hidden; }
.footer .share ul { height: 64px; width: 222px; background-position: 0 -290px; padding: 70px 0 0 13px; }
.footer .share li { line-height: 22px; border: none; float: left; margin-left: 10px; }
.footer .list a { color: #D1FFFF; }
.ft-cp { line-height: 56px; color: #666; }
.ft-cp .l { float: left; line-height:28px; margin:12px 0;}
.ft-cp .r { float: right; line-height:28px; margin:32px 0;}

.contact-info { margin:20px 0; font-size:14px; line-height:30px;}
.tb_date { width:100%;}
.tb_date th { height: 39px; border-top:1px solid #DCDCDC; background: #F8F8F8;}
.tb_date td { text-align:center; height: 35px; border-bottom:1px solid #DCDCDC;}
.tb_date td img { vertical-align:middle;}

.bkhome { width:16px; height:22px; background-position:-310px -30px; position:absolute; top: 63px; left:297px;}
.bkhome a { display:block; width:100%; height:100%;}