@charset "utf-8";
/* reset */
body, ol, ul, h1, h2, h3, h4, h5, h6, p, th, td,  dl, dd, form, input, textarea { margin: 0; padding: 0; }
body { font: 12px/24px '微软雅黑', arial, '宋体', helvetica; color: #666; background: #fff; }
body {min-width:1100px;}
img { border: 0; vertical-align: top; }
li { list-style-type: none; vertical-align: top; }
button, input, select, textarea { font-size: 100%; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }
table { border-collapse: collapse; border-spacing: 0; }
input, textarea { border: none; resize: none; outline: none; }
a { text-decoration: none; outline: none; color: #666; transition: 0.2s; }
a:hover { color: #f48a00; }
/* end reset */

/* public */
.w1100 { width: 1100px; margin: 0 auto; position: relative; }
.fl { float: left; }
.fr { float: right; }
.mb20 { margin-bottom: 20px; }
.cl { zoom: 1; }
.cl:after { content: ''; display: block; clear: both; }
.eps { overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; }
.ib { display: inline-block; vertical-align: top; }
.z9 { z-index: 9; position: relative; }
.tr, .zoomin { transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; }
.zoomin:hover { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); }
.title { text-align: center; }
.title h2 { font-size: 25px; font-weight: bold; line-height: 38px; }
.title h2 span { position: relative; padding: 0 35px; line-height: 38px; }
.title h2 em { width: 24px; height: 4px; position: absolute; top: 50%; margin-top: -2px; }
.title .left { left: 0; }
.title .right { right: 0; }
.title h3 { line-height: 26px; font-family: arial; font-size: 18px; font-weight: bold; }
/* end public */

/* header */
.topbar { height: 31px; background: #f1f1f1; border-bottom: 1px solid #e4e4e4; color: #6c6c6c; padding-top: 8px; }
.topbar a { color: #6c6c6c; }
.topbar a:hover { color: #f48a00; }
.share { margin-right: 15px; }
.share img { margin-right: 5px; position: relative; top: 3px; }
.share a { margin-right: 9px; }
.topbar span { margin: 0 5px; cursor: default; }

.head { height: 106px; }
.logo { padding-top: 25px; }
.vice { position: relative; top: 34px; padding-left: 18px; margin-right: 30px; }
.vice h2 { color: #000; font-weight: bold; font-size: 20px; }
.vice h3 { color: #7d7d7d; font-size: 14px; }
.vice h3 b { font-family: arial; font-size: 18px; color: #e80000; font-style: italic; }
.vice h3 span { color: #e80000; font-size: 16px; }
.vice em { position: absolute; width: 1px; height: 35px; background: #c1c1c1; top: 50%; margin-top: -18px; left: 0; }
.business { padding-top: 34px; }
.business a { cursor: default; }

.tel { background: url(/uploads/image/trimages/tel.png) no-repeat 0 center; padding-left: 55px; height: 60px; line-height: 20px; position: relative; top: 24px; }
.tel p { color: #a2a2a2; padding-top:10px; }
.tel h3 { font-family: arial; font-size: 18px; color: #e80000; }

.nav { height: 50px; background: #0c4b9c; }
.nav li, .nav h2, .nav h2 a { float: left; }
.nav h2 a { background: #0c4b9c; height: 50px; line-height: 50px; color: #fff; font-size: 14px; font-family: arial, 'microsoft yahei'; padding: 0 38px; }
.nav h2 a:hover, .nav .active h2 a { background: #e80000; }

/* banner */
.banner { width: 100%; height: 500px; overflow: hidden; position: relative; }
.banner .bd { height: 500px; position: relative; left: 50%; margin-left: -960px; }
.banner .bd li { width: 1920px; }
.banner .hd { position: absolute; width: 100%; height: 12px; bottom: 20px; left: 0; text-align: center; }
.banner .hd ul { height: 12px; overflow: hidden; }
.banner .hd li { width: 12px; height: 12px; overflow: hidden; display: inline-block; *display: inline; *zoom: 1; background: url(/uploads/image/trimages/dot.png) no-repeat -12px 0; text-indent: -99em; cursor: pointer; margin: 0 4px; }
.banner .hd .on { background-position: 0 0; }

/* search */
.search { height: 50px; background: url(/uploads/image/trimages/searchcut.gif) repeat-x 0 bottom; line-height: 50px; overflow: hidden; margin-bottom: 52px; }
.search b { color: #010101; font-weight: normal; margin-right: 20px; }
.search a { color: #929292; margin-right: 12px; }
.search a:hover { color: #f48a00; }

.search .fr { padding-top: 9px; }
.search input { vertical-align: top; }
.search .txt { border: 1px solid #e4e4e4; border-right: none; width: 226px; height: 28px; line-height: 28px; color: #cecece; padding: 0 11px; }
.search .btn { width: 59px; height: 30px; background: url(/uploads/image/trimages/search.png) no-repeat center #0c4b9c; cursor: pointer; }

/* product */
.product { padding-bottom: 10px; padding-top: 30px;}
.prodside { width: 220px; }
.prodsidetop { background: #347ad3; color: #fff; padding-left: 22px; padding-bottom: 22px; }
.prodsidetop h2 { font-size: 30px; line-height: 40px; padding-top: 10px; margin-bottom: 6px; }
.prodsidetop h3 { font-size: 20px; line-height: 28px; margin-bottom: 6px; }
.prodsidetop h4 { background: url(/uploads/image/trimages/proden.gif) no-repeat; width: 127px; height: 30px; line-height: 30px; letter-spacing: 1px; font-family: arial; padding-left: 6px; font-weight: bold; }
.prodsidebox { margin-bottom: 20px; border: 1px solid #e0e0e0; border-top: none; background: #f5f5f5; padding-left: 21px; padding-top: 15px; padding-bottom: 40px; }
.prodsidebox ul { float: left; width: 196px; }
.prodsidebox li { line-height: 30px; height: 30px; margin-right: 6px; width: 85px; float: left; }
.prodsidebox a { width: 100%; }
.prodtel { background: #347ad3; padding-bottom: 15px; }
.prodtelbox { padding: 0 6px; color: #fff; padding-top: 18px; }
.prodtelbox img { margin-right: 6px; }
.prodtelbox p { margin-bottom: 10px; text-align: center; background: url(/uploads/image/trimages/cut.gif) repeat-x 0 bottom; height: 27px; font-size: 18px; line-height: 27px; padding-bottom: 8px; }
.prodtelbox h3 { text-align: center; font-family: arial; font-size: 18px; color: #fff; }

.prodmain { width: 850px; }
.prodmain .hd { background: url(/uploads/image/trimages/prodcut.gif) repeat-x 0 17px; margin-bottom: 36px; }
.prodmain .hd ul { background: url(/uploads/image/trimages/prodhd.png) no-repeat; width: 254px; height: 35px; margin: 0 auto; }
.prodmain .hd li { color: #8c8c8c; font-size: 14px; width: 123px; height: 42px; float: left; margin: 0 2px; line-height: 35px; text-align: center; cursor: pointer; }
.prodmain .hd .on { color: #fff; background: url(/uploads/image/trimages/prodhdon.png) no-repeat; }
.prodwrap { width: 850px; overflow: hidden; }
.prodwrap ul { width: 1100px; }
.prodwrap li { width: 260px; text-align: center; background: url(/uploads/image/trimages/prodcut.png) no-repeat center right; float: left; padding-right: 17px; margin-right: 18px; position: relative; overflow: hidden; margin-bottom: 46px; }
.prodwrap p { margin-bottom: 15px; position: relative; }
.prodwrap em { position: absolute; }
.prodwrap .bg { width: 100%; height: 100%; background: #000; opacity: 0; filter: alpha(opacity = 0); top: 0; left: 0; }
.prodwrap .adorn { background: url(/uploads/image/trimages/link.png) no-repeat; width: 50px; height: 50px; left: 50%; top: -50px; margin-left: -25px; }
.prodwrap h3 { color: #404040; font-size: 14px; margin-bottom: 17px; }
.prodwrap h4 { width: 156px; height: 26px; line-height: 26px; text-align: center; margin: 0 auto; border: 2px solid #c5c5c5; color: #a8a8a8; font-size: 14px; }
.prodwrap h4 span { font-weight: bold; font-family: arial; margin-left: 6px; }
.prodwrap a { position: absolute; width: 260px; height: 100%; top: 0; left: 0; z-index: 9; }
.prodwrap .on h4 { border-color: #f48a00; color: #f48a00; }


/* flow */
.flow { background: url(/uploads/image/trimages/flowadorn.gif) no-repeat center 0 #0c4b9c; padding-top: 40px; padding-bottom: 45px; }
.flow .title { margin-bottom: 26px; }
.flow .title h2, .flow .title p, .flow .title h3 { color: #fff; }
.flow .title em { background: #fff; }
.flowwrap { background: url(/uploads/image/trimages/cut.gif) repeat-x 0 74px; position: relative; }
.flowwrap .bd { width: 940px; margin: 0 auto; overflow: hidden; }
.flowwrap li { float: left; width: 138px; text-align: center; position: relative; margin: 0 25px; }
.flowwrap img { padding-top: 4px; margin-bottom: 8px; }
.flowwrap em { background: url(/uploads/image/trimages/flow.png); width: 138px; height: 138px; position: absolute; top: 0; left: 0; }
.flowwrap span { color: #fff; width: 100%; transition: 0.2s; }
.flowwrap .txt { font-size: 14px; padding-top: 3px; }
.flowwrap a:hover span { color: #f48a00; }

.flowwrap .ctrl { width: 1050px; position: absolute; top: 0; left: 50%; margin-left: -525px; }
.flowwrap .ctrl a { background: #fff; font-weight: bold; overflow: hidden; top: 60px; border-radius: 50%; width: 30px; height: 30px; line-height: 30px; text-align: center; color: #cdcdcd; position: absolute; font-family: 'simsun'; font-size: 20px; }
.flowwrap .ctrl .prev { left: 0; }
.flowwrap .ctrl .next { right: 0; }
.flowwrap .ctrl a:hover { background: #f48a00; color: #fff; }

/* reason */
.reason { padding-bottom: 64px; padding-top: 50px; }
.reasontop { width: 100%; overflow: hidden; margin-bottom: 22px; }
.reasontop img { position: relative; left: 50%; margin-left: -960px; }
.reasonwrap .w1100 { background: url(/uploads/image/trimages/reason.gif) no-repeat 460px 70px; }
.reasonwrap ul { padding: 0 20px; }
.reasonwrap li { overflow: hidden; zoom: 1; }
.reasonwrap .a .reasonbox { margin-top: 48px; }
.reasonwrap .b { padding: 40px 0; }
.reasonwrap .b .reasonbox { margin-top: 24px; }
.reasonwrap .c { margin-top: -30px; }
.reasonwrap .c .reasonbox { margin-top: 80px; }
.reasonwrap .d .reasonbox { margin-top: 40px; }
.reasonwrap .e img { margin-top: 30px; margin-right: 20px; }
.reasonwrap .e .reasonbox { margin-top: 60px; }
.reasonbox { padding-left: 52px; position: relative; }
.reasonbox .num { position: absolute; top: 0; left: 0; }
.reasonbox h2 { color: #0c4b9c; font-weight: bold; font-size: 20px; line-height: 36px; margin-bottom: 13px; }
.reasonbox li { line-height: 30px; height: 30px; background: url(/uploads/image/trimages/arrow.png) no-repeat 0 center; padding-left: 12px; font-size: 14px; }
.reasonbox span { color: #0c4b9c; }

/* case */
.case { padding-top: 33px; background: #e9e9e9; }
.case .title { margin-bottom: 16px; }
.case .title h2, .case .title p, .case .title h3 { color: #2f2f2f; }
.case .title em { background: #3d3d3d; }
.casewrap { position: relative; }
.casewrap .bd { width: 1099px; overflow: hidden; }
.casewrap ul { width: 1100px; }
.casewrap li { float: left; background: url(/uploads/image/trimages/casecut.png) no-repeat right 0; height: 340px; text-align: center; width: 275px; }
.casewrap a { float: left; width: 100%; height: 100%; }
.casewrap span { width: 100%; color: #2f2f2f; font-size: 14px; padding-top: 26px; transition: 0.2s; }
.casewrap a:hover span { color: #f48a00; }
.casewrap .ctrl { width: 100%; position: absolute; top: 0; left: 0; }
.casewrap .ctrl a { background: #fff; font-weight: bold; overflow: hidden; top: 118px; border-radius: 50%; width: 30px; height: 30px; line-height: 30px; text-align: center; color: #cdcdcd; position: absolute; font-family: 'simsun'; font-size: 20px; }
.casewrap .ctrl .prev { left: -37px; }
.casewrap .ctrl .next { right: -37px; }
.casewrap .ctrl a:hover { background: #f48a00; color: #fff; }

/* about */
.about { background: url(/uploads/image/trimages/about.jpg) no-repeat center 0; padding-top: 33px; height: 718px; }
.about .title { margin-bottom: 25px; }
.about .title h2, .about .title p, .about .title h3 { color: #fff; }
.about .title em { background: #fff; }
.aboutwrap { margin-bottom: 30px; }
.video { position: relative; width: 370px; height: 250px; }
.video em { background: url(/uploads/image/trimages/shadow.png) no-repeat; width: 370px; height: 16px; position: absolute; bottom: -16px; left: 0; }
.aboutbox { width: 650px; padding-right: 40px; }
.aboutbox h3 { font-size: 18px; font-weight: bold; color: #fff; padding-top: 20px; margin-bottom: 18px; }
.abouttxt { line-height: 25px; height: 120px; overflow: hidden; color: #fff; margin-bottom: 24px; font-size: 14px; }
.aboutbtn a { width: 106px; height: 38px; line-height: 38px; text-align: center; font-size: 14px; color: #a6a6a6; background: #232323; margin-right: 5px; }
.aboutbtn a:hover { background: #f48a00; color: #fff; }

.aboutpic .hd { background: url(/uploads/image/trimages/honor.png) no-repeat center; text-align: center; margin-bottom: 30px; }
.aboutpic .hd li { cursor: pointer; display: inline-block; *display: inline; *zoom: 1; width: 106px; height: 38px; line-height: 38px; text-align: center; font-size: 14px; color: #a6a6a6; background: #232323; margin-right: 5px; }
.aboutpic .hd .on { background: #f48a00; color: #fff; }
.aboutpic .con { width: 1100px; overflow: hidden; }
.aboutpic .bd ul { width: 1120px; }
.aboutpic .bd li { float: left; background: url(/uploads/image/trimages/aboutpic.png) no-repeat; width: 260px; margin-right: 20px; }
.aboutpic .bd img { padding: 1px; }
.aboutpic .bd span { width: 100%; padding-top: 17px; text-align: center; }
.aboutpic .bd strong { font-weight: normal; margin-right: 6px; font-size: 14px; color: #fff; max-width: 238px; transition: 0.2s; }
.aboutpic .bd em { transition: 0.2s; background: url(/uploads/image/trimages/btn.png) no-repeat; width: 12px; height: 12px; position: relative; top: 6px; }
.aboutpic .bd a:hover strong { color: #f48a00; }
.aboutpic .bd a:hover em { background-image: url(/uploads/image/trimages/btnon.png); }

/* info */
.info { background: #f1f1f1; padding-top: 40px; padding-bottom: 42px; }
.info .hd { border-top: 4px solid #d2d2d2; height: 40px; border-bottom: 1px solid #d2d2d2; position: relative; background: #f7f7f7; }
.info .hd ul { position: absolute; top: -4px; left: 0; }
.info .hd li { border-top: 4px solid #d2d2d2; height: 41px; line-height: 40px; color: #000; text-align: center; float: left; width: 136px; }
.info .hd .on { border-color: #f48a00; background: #fff; }
.info .more { padding-top: 9px; padding-right: 9px; }
.info .more a { color: #6e6e6e; }
.info .more a:hover { color: #f48a00; }
.faq, .news { height: 392px; background: #fff; }
.faq { width: 270px; }
.faq .hd { margin-bottom: 16px; }
.faq .bd { height: 314px; overflow: hidden; }
.faqwrap { padding: 0 8px; }
.faqwrap li { margin-bottom: 13px; }
.faqwrap h3 { height: 28px; background: url(/uploads/image/trimages/faqcut.png) repeat-x 0 bottom; margin-bottom: 8px; }
.faqwrap h3 a { padding-left: 34px; background: url(/uploads/image/trimages/faq.gif) no-repeat 7px 0; color: #3c3c3c; display: block; line-height: 16px; padding-bottom: 1px; }
.faqwrap h3 a:hover { color: #f48a00; }
.faqwrap p { background: url(/uploads/image/trimages/faq.gif) no-repeat 7px -36px; padding-left: 34px; line-height: 20px; height: 60px; overflow: hidden; }

.news { width: 805px; }
.news .hd li { font-size: 14px; cursor: pointer; }
.news .con { padding: 25px 28px 0 15px; }
.news a { color: #000; }
.news a:hover { color: #f48a00; }
.newstop { margin-bottom: 16px; }
.newsimg { position: relative; left: 10px; }
.newsimg img { padding: 4px; border: 1px solid #a7a7a7; transition: 0.2s; }
.newsimg a:hover img { border-color: #f48a00; }
.newsimg em { background: url(/uploads/image/trimages/shadow.jpg) no-repeat; width: 237px; height: 9px; position: absolute; bottom: -9px; left: 0; }
.newstxt { width: 496px; }
.newstxt h4 { color: #5e5e5e; font-family: arial; font-size: 14px; font-style: italic; line-height: 30px; }
.newstxt h4 .b { font-size: 25px; }
.newstxt h4 .s { font-weight: bold; }
.newstxt h3 { background: url(/uploads/image/trimages/newscut.gif) repeat-x 0 bottom; padding-bottom: 8px; margin-bottom: 13px; }
.newstxt h3 a { display: block; height: 30px; line-height: 30px; font-size: 14px; }
.newstxt p { line-height: 22px; color: #757575; height: 88px; overflow: hidden; }
.newswrap li { width: 302px; float: left; background: url(/uploads/image/trimages/newscut.gif) repeat-x 0 bottom; line-height: 36px; height: 36px; margin-right: 78px; }
.newswrap h3 a { width: 212px; padding-left: 20px; background: url(/uploads/image/trimages/arrow.gif) no-repeat 6px center; }
.newswrap span { color: #656565; font-family: arial; }

/* 文章列表 ======================================================================================================== */
.news_right_c{}
.news_right_c ul.newslist{ margin:0 0 15px 0;}
.news_right_c ul.newslist li.recom{ height:190px; padding:15px 0; border-bottom:solid 1px #e0e0e0;}
.news_right_c ul.newslist li.recom p.n_l{ width:700px; float:left; background:0;text-align:left;}
.news_right_c ul.newslist li.recom p.n_l span.t{display:block; font-size:15px; color:#333; line-height:35px;}
.news_right_c ul.newslist li.recom p.n_l span.c{display:block; font-size:12px; color:#888; line-height:30px;}
.news_right_c ul.newslist li.recom p.n_l span.m{display:block; font-size:12px; color:#888; line-height:30px;}
.news_right_c ul.newslist li.recom p.n_r{ width:351px; float:right;}

.news_right_c ul.newslist li.recom:hover p.n_l span{ color:#ef9b11;transition:all ease 0.4s;}
.news_right_c ul.newslist li.li{ height:82px; padding:20px 0; border-bottom: dashed 1px #e0e0e0;}
.news_right_c ul.newslist li.li p.n_l{ height:81px; width:81px; background:#dcdcdc; display:block; float:left; text-align:center; margin: 0 auto;}
.news_right_c ul.newslist li.li p.n_l span.d{ font-size:30px;color:#777;display:block;margin:10px 0 5px 0;}
.news_right_c ul.newslist li.li p.n_l span.y{height:31px;font-size:15px;color:#777;display:block;}
.news_right_c ul.newslist li.li p.n_r{width:720px;float:right;  margin:0 10px 0 0;}
.news_right_c ul.newslist li.li p.n_r span.t{ font-size:16px; line-height:31px; display:block;}
.news_right_c ul.newslist li.li p.n_r span.c{ font-size:12px; color:#777;line-height:25px; display:block;}

.news_right_c ul.newslist li.li:hover{background:#f2f2f2;transition:all ease 0.4s;}


.news_con{ margin:0 0 30px 0;font-size:14px; line-height:30px; color:#555;}
.news_con .h1{font-size:18px;text-align:center;line-height:32px;text-indent:0; padding-top:20px; color:#333;}
.news_con .jj0{width:100%;border-bottom:1px solid #e0e0e0;text-align:center;line-height:35px;margin:0 0 10px 0; font-size:12px;}
.news_con .jj0 span{margin-left:3em;}
.news_con a{ color:#337fe5;}
.news_con a:hover{ color:#000;text-decoration:underline;}
.news_con p{ font-size:14px; line-height:30px; color:#777; }
.news_con img{max-width:835px; margin:10px 0;}
.news_con strong{ font-weight:bold;}

/* footer */
.footer { background: #2d2d2d; color: #fff; padding-bottom: 48px; }
.footer a { color: #fff; }
.footer a:hover { color: #f48a00; }

.foot { padding-bottom: 6px; }
.quick { padding-top: 34px; margin-right: 90px; }
.quick h2 { margin-bottom: 17px; }
.quick h2 .cn { font-size: 14px; margin-right: 7px; }
.quickwrap { line-height: 30px; font-size: 14px; width: 400px; }
.quickwrap span { width: 100px; }
.siteinfo { line-height: 22px; }
.siteinfo h2 { padding-top: 36px; }
.siteinfo h3 { font-size: 35px; font-family: arial; line-height: 48px; }
.siteinfo span { margin-right: 7px; }

.code { width: 98px; padding-top: 40px; }
.code img { margin-bottom: 10px; }
.code p { padding-left: 24px; background: url(/uploads/image/trimages/phone.png) no-repeat 0 center; font-family: 'simsun'; line-height: 16px; height: 33px; padding-top: 3px; }

.link h2 { line-height: 36px; background: url(/uploads/image/trimages/link.gif) repeat-x 0 bottom; margin-bottom: 11px; }
.link .cn { font-size: 14px; margin-right: 10px; }
.link .en { font-family: arial; }
.link a { margin-right: 7px; }

.popwrap { width: 310px; height: 210px; background: #fff; position: fixed; top: 50%; left: 50%; margin-top: -105px; margin-left: -155px; z-index: 1000; _position: absolute; text-align: center; border-radius: 4px; display: none; }
.popwrap em { position: absolute; width: 24px; height: 24px; background: url(/uploads/image/trimages/close.png) no-repeat; top: -8px; right: -8px; box-shadow: 0 0 4px #000; border-radius: 50%; overflow: hidden; cursor: pointer; display: none; }
.popwrap p { padding-top: 30px; margin-bottom: 20px; }
.popwrap h3 { font-size: 16px; }
.popbg { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: #000; opacity: 0.7; filter: alpha(opacity = 70); z-index: 999; _position: absolute; display: none; }

/* 内页 */
.pagebanner { overflow: hidden; width: 100%; margin-bottom: 20px; }
.pagebanner img { left: 50%; margin-left: -960px; width: 1920px; height: 200px; position: relative; }
.page { overflow:hidden; zoom:1; margin-bottom: 130px; }
.main { width: 850px; font-family: "宋体"; }

/* pagebanner */
.pagebanner { overflow: hidden; width: 100%; margin-bottom: 20px; }
.pagebanner img { left: 50%; margin-left: -960px; width: 1920px; height: 200px; position: relative; }

/* page */
.page { width: 1100px; margin: 0 auto; margin-bottom: 100px; }

/* feedbackbox */
.feedbackbox { padding-left: 100px; font-family: "microsoft yahei"; }
.feedbackboxtop { font-size: 16px; margin-bottom: 36px; padding-top: 20px; }
.feedbackboxtop span { color: #0c4b9c; }

/* side */
.side { width: 220px; }
.sidenav { margin-bottom: 20px; }
.sidenav h2 { height: 56px; line-height: 56px; text-align: center; font-size: 24px; background: #0c4b9c; color: #fff; margin-bottom: 2px; }
.sidenav .item { margin-bottom: 2px; }
.sidenav h3 a { display: block; height: 36px; line-height: 36px; background: url(/uploads/image/trimages/sidenav.gif) no-repeat 200px #ececec; text-indent: 24px; position: relative; font-size: 13px; }
.sidenav h3 em { width: 4px; height: 3px; position: absolute; overflow: hidden; background: #fff; left: 24px; top: 17px; opacity: 0; filter: alpha(opacity=0); transition: 0.2s; }
.sidenav h3 a:hover, .sidenav .active h3 a { background-image: url(/uploads/image/trimages/sidenavon.gif); background-color: #212121; color: #fff; text-indent: 34px; }
.sidenav h3 a:hover em, .sidenav .active h3 em { opacity: 1; filter: alpha(opacity=100); }
.sidenav ol { background: #f5f5f5; }
.sidenav .none a { background: none; }
.sidenav h4 { position: relative; height: 35px; }
.sidenav h4 a { position: absolute; left: 0; top: 0; width: 100%; height: 36px; line-height: 36px; text-indent: 24px; background: url(/uploads/image/trimages/splitbg.gif) repeat-x; }
.sidenav h4 a:hover, .sidenav .on h4 a { background: #545454; color: #fff; }
.sidewrap { margin-bottom: 20px; }
.sidewrap h2 { height: 40px; line-height: 40px; font-size: 16px; text-indent: 20px; background: #0c4b9c; color: #fff; }
.sidebox { border: 1px solid #dadada; border-top: none; }
.contactbox { padding: 15px; }
.hotline { background: url(/uploads/image/trimages/hotline.gif) no-repeat; padding-left: 45px; margin-bottom: 4px; height: 46px; }
.hotline p { line-height: 16px; }
.hotline h3 { font-size: 20px; font-family: arial; font-weight: bold; line-height: 30px; }
.contactinfo { background: url(/uploads/image/trimages/splitbg.gif) repeat-x; padding-top: 10px; }
.contactinfo span { vertical-align: top; display: inline-block; }
.contactinfo .value { width: 150px; }

/* imgsidebox */
.imgsidebox { padding: 10px 0; }
.imgsidebox li { width: 198px; margin: 0 auto 14px; }
.imgsidebox a { display: block; }
.imgsidebox img { width: 190px; height: 190px; padding: 2px; border: 2px solid #dadada; transition: 0.3s; }
.imgsidebox span { width: 168px; text-align: center; display: inline-block; vertical-align: top; font-size: 14px; padding: 0 15px; line-height: 30px; padding-top: 4px; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; }
.imgsidebox a:hover { color: #0c4b9c; }
.imgsidebox a:hover img { border-color: #0c4b9c; }


/* breadcrumb */
.breadcrumb { height: 55px; border-bottom: 1px solid #dadada; position: relative; margin-bottom: 30px; display: table; width: 100%; }
.breadcrumb h2 { font-family: 'microsoft yahei'; font-size: 18px; position: absolute; top: 0; left: 0; height: 54px; line-height: 54px; padding: 0 4px; border-bottom: 3px solid #0c4b9c; color: #333; }
.breadcrumb .fr { color: #999; font-family: '宋体'; cursor: default; width: 330px; line-height: 16px; text-align: right; display: table-cell; vertical-align: middle; float: none; }

/* imgbox */
.imgbox { width: 850px; overflow: hidden; }
.imgbox ul { width: 900px; }
.imgbox li { float: left; text-align: center; margin-bottom: 20px; }
.imgbox a { float: left; }
.imgbox img { border: 2px solid #dadada; transition: 0.2s; }
.imgbox span { display: inline-block; vertical-align: top; font-size: 14px; padding: 0 15px; line-height: 30px; padding-top: 4px; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; }
.imgbox a:hover { color: #f48a00; }
.imgbox a:hover img { border-color: #f48a00; }

/* productbox */
.productbox li { width: 202px; margin-right: 14px; }
.productbox img { width: 194px; height: 194px; padding: 2px; }
.productbox span { width: 170px; }

/* imgcasebox */
.imgcasebox li { width: 202px; margin-right: 14px; }
.imgcasebox img { width: 194px; height: 194px; padding: 2px; }
.imgcasebox span { width: 170px; }

/* imgpartnerbox */
.imgpartnerbox li { width: 180px; margin-right: 12px; }
.imgpartnerbox img { width: 176px; height: 99px; }
.imgpartnerbox span { width: 154px; }

/* imgsettingbox */
.imgsettingbox li { width: 202px; margin-right: 14px; }
.imgsettingbox img { width: 194px; height: 129px; padding: 2px; }
.imgsettingbox span { width: 170px; }

/* imghonorbox */
.imghonorbox li { width: 244px; margin-right: 14px; }
.imghonorbox img { width: 236px; height: 174px; padding: 2px; }
.imghonorbox span { width: 214px; }

/* product's picture */
.tb-pic a { display: table-cell; text-align: center; vertical-align: middle; *display: block; *font-family: arial; *line-height: 1; *font-size: 271px; }
.tb-pic img { vertical-align: middle; }
.tb-pic, .tb-pic a { height: 470px; width: 470px; background: #fff; }
.tb-pic, .tb-pic img { max-height: 470px; max-width: 470px; _width: 470px; }
.tb-pic { border: 1px solid #dadada; position: relative; z-index: 1; }

.zoomdiv { z-index: 999; position: absolute; top: 0; left: 0; width: 200px; height: 200px; background: #fff; border: 1px solid #ccc; display: none; text-align: center; overflow: hidden; }
.zoommask { position: absolute; background: url(/uploads/image/trimages/mask.png); cursor: move; z-index: 1;}

.tb-piclist { width: 352px; height: 62px; overflow: hidden; margin: 10px auto 0; position: relative; }
.tb-piclist .prev, .tb-piclist .next { position: absolute; top: 20px; font-family: 'simsun'; font-weight: bold; font-size: 32px; }
.tb-piclist .prev { left: 0; }
.tb-piclist .next { right:0; }
.tb-piclist .prev:hover, .tb-piclist .next:hover { color: #f48a00; }

.tb-piclist .tb-thumb { position: relative; width: 290px; height: 62px; margin: 0 auto; overflow: hidden; }
.tb-piclist .tb-thumb ul { position: absolute; width: 999999px; display: table; }
.tb-piclist .tb-thumb li { float: left; width: 76px; overflow: hidden; position: relative; }
.tb-piclist .tb-thumb a { display: block; width: 60px; border: 1px solid #dadada; text-align: center; background: #fff; }
.tb-piclist .tb-thumb img { max-width: 100%; height: 60px; cursor: pointer; }
.tb-piclist .tb-thumb em { position: absolute; width: 58px; height: 58px; border: 2px solid #f48a00; top: 0; left: 0; display: none; }
.tb-piclist .tb-thumb .tb-selected em { display: block; }

.producttop { margin-bottom: 20px; }
.productintro { width: 350px; }
.productintro h2 { background: url(/uploads/image/trimages/splitbg.gif) repeat-x 0 bottom; font-size: 18px; font-family: 'microsoft yahei'; color: #000; padding: 10px 0; margin-bottom: 10px; }
.descriptionbox { height: 328px; overflow: hidden; }
.descriptionbox .explain .value { height: 116px; overflow: hidden; }
.descriptionbox span { display: inline-block; vertical-align: top; }
.descriptionbox .value { width: 320px; }
.productorder a { display: block; width: 130px; height: 40px; line-height: 40px; text-align: center; font-size: 15px; border-radius: 4px; font-family: 'microsoft yahei'; background: #0c4b9c; color: #fff; }
.productorder a:hover { background: #f48a00; }

.productshow { margin-bottom: 10px; }
.productshow .hd { height: 38px; line-height: 38px; font-size: 14px; background: #0c4b9c; font-family: 'microsoft yahei'; }
.productshow .hd li { float: left; padding: 0 20px; cursor: pointer; color: #fff; transition: 0.3s; }
.productshow .hd .on { background: #f48a00; }
.productshow .con { padding: 10px 0; }

.column { margin-bottom: 20px; }
.column h2 { height: 36px; line-height: 36px; font-size: 14px; background: #eee; position: relative; text-indent: 20px; font-family: 'microsoft yahei'; }
.column h2 em { position: absolute; width: 4px; height: 14px; left: 10px; top: 50%; margin-top: -7px; background: #333; }

.productform h2 { margin-bottom: 2px; }
.productformbox { background: #eee; }
.productformbox form { padding: 20px 0 20px 16px; }
.productformbox p { float: left; margin-right: 10px; }
.productformbox span { display: inline-block; vertical-align: middle; width: 50px; text-align: right; padding-right: 10px; line-height: 26px; }
.productformbox input, .productformbox textarea { vertical-align: top; transition: 0.3s; }
.productformbox .row { margin-bottom: 10px; }
.productformbox .row input { height: 24px; border: 1px solid #dadada; width: 150px; padding: 0 10px; line-height: 24px; }
.productformbox textarea { width: 634px; height: 72px; border: 1px solid #dadada; padding: 10px; line-height: 18px; }
.productformbox .row input:focus, .productformbox textarea:focus { border-color: #aaa; }
.productformbox img { border: 1px solid #dadada; margin-left: 10px; cursor: pointer; position: relative; top: 1px; }
.productformbox .btn { padding-left: 60px; }
.productformbox .btn input { width: 65px; height: 24px; line-height: 24px; text-align: center; background: #666; cursor: pointer; color: #fff; border-radius: 2px; margin-right: 10px; font-family: 'microsoft yahei'; }
.productformbox .btn input:hover { background: #999; }
#verifycode { width: 100px; }

.related h2 { margin-bottom: 10px; }

/* articlebox */
.articlebox li { overflow: hidden; zoom: 1; background: url(/uploads/image/trimages/splitbg.gif) repeat-x 0 bottom; padding-bottom: 20px; margin-bottom: 20px; }
.articlebox img { width: 160px; height: 130px; border: 1px solid #efefef; padding: 4px; }
.articlebox .fr { width: 660px; padding-top: 10px; }
.articlebox h2 { font-size: 16px; font-family: 'microsoft yahei'; margin-bottom: 4px; padding-top: 6px; }
.articlebox h2 a { color: #000; }
.articlebox h2 a:hover { color: #f48a00; }
.articlebox h4 { background: url(/uploads/image/trimages/time.png) no-repeat 0 3px; padding-left: 24px; color: #a1a1a1; margin-bottom: 5px; }
.articlebox p { color: #888; }
.articlebox p a { color: #f48a00; }
.articlebox p a:hover { text-decoration: underline; }
.articlebox .img { position: relative; }
.articlebox .img img { position: relative; z-index: 9; }
.articlebox .img em { position: absolute; width: 160px; height: 130px; background: url(/uploads/image/trimages/timebg.png) no-repeat #f48a00; left: 5px; top: 5px; }
.articlebox .img span { color: #fff; position: absolute; width: 100%; text-align: center; left: 0; }
.articlebox .date { font-family: 'microsoft yahei'; font-size: 60px; line-height: 60px; top: 24px; }
.articlebox .yam { font-family: arial; font-size: 18px; top: 88px; }

/* faqbox */
.faqbox h2 a { position: relative; padding-left: 26px; }
.faqbox h2 em { position: absolute; left: 0; top: 4px; width: 16px; height: 16px; background: url(/uploads/image/trimages/faq.png) no-repeat #0c4b9c; border-radius: 3px; }
.faqbox p { background: url(/uploads/image/trimages/faq.png) no-repeat 0 -26px; padding-left: 26px; }

/* faqotherbox */
.faqotherbox { border-top: 1px solid #f1f1f1; }
.faqotherbox h2 a { display: block; font-size: 16px; font-family: 'microsoft yahei'; position: relative; padding: 10px 10px 10px 36px; border-bottom: 1px solid #f1f1f1; color: #999; }
.faqotherbox h2 em { position: absolute; left: 10px; top: 50%; margin-top: -8px; width: 16px; height: 16px; background: url(/uploads/image/trimages/faq.png) no-repeat #f48a00; border-radius: 3px;  }
.faqotherbox .on a { background: #ececec; color: #000; }
.faqotherbox .con { padding: 20px 0; border-left: 3px solid #f48a00; padding-left: 34px; background: url(/uploads/image/trimages/splitbg.gif) repeat-x 0 bottom; }

/* articleshow */
.articletop { text-align: center; background: url(/uploads/image/trimages/splitbg.gif) repeat-x 0 bottom; padding-bottom: 20px; margin-bottom: 20px; }
.articletop h2 { font-size: 22px; color: #000; margin-bottom: 16px; font-family: "microsoft yahei"; }
.articletop p { color: #999; }
.articletop span { margin: 0 5px; }
.articletop a { margin: 0 5px; }
.articletop .active { color: #000; font-weight: bold; }

.articleshow { margin-bottom: 20px; font-size: 14px; }
.articleshow img { width: 600px;display:block; margin:0 auto;}
.articlectrl { height: 36px; line-height: 36px; background: #eee; margin-bottom: 10px; color: #999; padding: 0 10px; cursor: default; }
.articlectrl p { background:  no-repeat 0 -25px; vertical-align: top; width: 40%; }
.articlectrl .fl { padding-left: 16px; }
.articlectrl .fr { padding-right: 16px; background-position: right 10px; text-align: right; }
.articlectrl a { color: #333; }
.articlectrl a:hover { color: #f48a00; }

.articlelist { width: 850px; overflow: hidden; }
.articlelist h2 { margin-bottom: 10px; }
.articlelist ul { width: 880px; }
.articlelist li, .articlelist h3, .articlelist a { float: left; }
.articlelist li { width: 415px; margin-right: 20px; height: 32px; line-height: 32px; background: url(/uploads/image/trimages/splitbg.gif) repeat-x 0 bottom; }
.articlelist a { background: url(/uploads/image/trimages/txt.png) no-repeat 6px center; padding-left: 26px; width: 260px; }
.articlelist span { float: right; color: #999; font-family: arial; }

/* picturedetail */
/* picture's picture */
.picturedetail .tb-pic a { cursor: default; }
.picturedetail .tb-pic, .picturedetail .tb-pic a { height: 500px; width: 828px; }
.picturedetail .tb-pic, .picturedetail .tb-pic img { max-height: 500px; max-width: 828px; _width: 828px; }
.picturedetail .tb-pic { border: 1px solid #ececec; padding: 10px; }

.picturedetail .tb-piclist { width: 850px; height: 72px; }
.picturedetail .tb-piclist .tb-thumb { width: 760px; height: 72px; }
.picturedetail .tb-piclist .tb-thumb li { width: 86px; }
.picturedetail .tb-piclist .tb-thumb a { width: 70px; height: 70px; display: table-cell; vertical-align: middle; }
.picturedetail .tb-piclist .tb-thumb img {}
.picturedetail .tb-piclist .tb-thumb em { width: 68px; height: 68px; }

.picturedetail .tb-piclist .prev, .picturedetail .tb-piclist .next { top: 0; font-size: 18px; color: #fff; width: 25px; height: 72px; line-height: 72px; background: #ccc; text-align: center; }
.picturedetail .tb-piclist .prev:hover, .picturedetail .tb-piclist .next:hover { background: #f48a00; }
.picturedetail .tb-piclist .non, .picturedetail .tb-piclist .non:hover { background: #f3f3f3; cursor: default; }

.picturetop { margin-bottom: 20px; }

/* downloadlist */
.downloadlist { font-family: 'microsoft yahei'; }
.downloadlist li { overflow: hidden; zoom: 1; background: url(/uploads/image/trimages/splitbg.gif) repeat-x 0 bottom; height: 30px; line-height: 30px; margin-bottom: 10px; padding-bottom: 10px; }
.downloadlist h2 { float: left; background: url(/uploads/image/trimages/file.png) no-repeat 6px 2px; padding-left: 40px; font-size: 14px; color: #000; }
.downloadlist a { float: right; background: url(/uploads/image/trimages/download.png) no-repeat 0 6px; padding-left: 16px; color: blue; }
.downloadlist a:hover { text-decoration: underline; }

/* joblist */
.joblist { border: 1px solid #ddd; border-top: none; }
.joblist ol { height: 45px; line-height: 45px; border-top: 1px solid #e3e3e3; background: #f4f4f4; cursor: pointer; font: normal 12px/45px "microsoft yahei"; }
.joblist ol li { float: left; width: 165px; padding-left: 22px; }
.joblist b { color: #000; }
.joblist .con { padding: 8px 25px; color: #999; display: none; }

/* pagination */
.pagination span { background: #0c4b9c; }

/*在线客服*/
.online-qq {
	position: fixed;
	top: 50%;
	right: 3px;
	z-index: 200;
}
.online-qq .qq_content {
	background: #fff;
	margin: 0;
	padding: 0;
}
.online-qq .qq_content .dt {
	text-align: center;
	background: #202020;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	padding: 6px 15px;
	border: 1px solid #ddd;
	border-bottom: 0;
}
.online-qq .qq_content .qq {
	padding: 10px 10px 5px;
	margin: 0;
	border: 1px solid #ddd;
	border-top: 0
}
.online-qq .qq_content .qq p {
	background: url(/uploads/image/trimages/online_qq.png) repeat-x 0 -33px;
	margin: 0 0 5px
}
.online-qq .qq_content .qq a {
	border: 1px solid #ddd;
	display: block;
	background: url(/uploads/image/trimages/online_qq.png) no-repeat 10px -72px;
	height: 23px;
	line-height: 23px;
	padding: 0 18px 0 30px
}
.online-qq .qq_content .tel1 {
	background: #fff;
	padding: 10px;
	margin: 0;
	text-align: center;
	font-size: 14px;
	color: #333;
	border: 1px solid #ddd;
	border-top: 0
}
.online-qq .qq_content .tel1 strong {
	font-size: 12px;
	color: #f60
}
.online-qq .qq_content .tel1 p {
	text-align: center;
	font-size: 12px
}
.online-qq .footqq {
	border: 1px solid #ddd;
	background: #f1f1f1;
	height: 2px;
	overflow: hidden;
	margin: 0 5px;
	border-top: 0;
	display: none
}