@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; }

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: #cb3f32; }

/* end reset */



/* public */

.w1200 { width: 1200px; 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; }

/* end public */



/* header */

.header { position: relative; z-index: 9; }

.topbar { background: url(../images/topbar.gif) repeat-x; height: 31px; line-height: 30px; font-family: Arial, 'simsun'; position: relative; z-index: 9; }

.topbar em { display: inline-block; vertical-align: top; width: 1px; height: 13px; background: url(../images/topbarCut.gif) no-repeat; margin: 0 10px; position: relative; top: 10px; }

.head { padding-top: 41px; height: 96px; }

.head h1 { margin-right: 9px; padding-top: 6px; }

.vice { padding-top: 7px; margin-right: 31px; }

.vice h3 { font-weight: bold; color: #025196; font-size: 20px; line-height: 28px; }

.tel { background: url(../images/tel.gif) no-repeat 0 center; padding-left: 42px; position: relative; top: 14px; }

.tel p { font-size: 14px; color: #000; font-weight: bold; line-height: 16px; }

.tel h3 { color: #cb3f30; font-size: 25px; font-weight: bold; }



.wxCode { position: absolute; top: 40px; right: 226px; border: 1px solid #dadada; border-radius: 4px; overflow: hidden; display: none; }



/* nav */

.nav { height: 50px; background: #015198; position: relative; z-index: 99; }

.nav .item, .nav h2, .nav h2 a { float: left; }

.nav .item { position: relative; }

.nav h2 a { width: 120px; background: url(../images/nav.png) no-repeat right 0; height: 50px; line-height: 50px; text-align: center; font-size: 14px; color: #fff; font-weight: bold; position: relative; }

.nav h2 span { position: relative; z-index: 9; }

.nav h2 em { position: absolute; width: 100%; height: 100%; background: url(../images/navOn.gif) repeat-x; top: 0; left: 0; opacity: 0; filter: alpha(opacity=0); transition: 0.2s; }

.nav h2 a:hover em, .nav .on h2 em { opacity: 1; filter: alpha(opacity=100); }



.sub { display: none; position: absolute; top: 50px; left: 0; width: 100%; background: #880C0C; padding: 10px 0; border-radius: 0 0 4px 4px; overflow: hidden; }

.sub h3 a { height: 40px; line-height: 40px; color: #fff; font-size: 14px; text-align: center; display: block; }

.sub h3 a:hover { background: #CB3F32; }



/* search */

.search	{ height: 34px; position: absolute; width: 100%; top: 218px; }

.search .fl { color: #212121; font-family: 'simsun'; line-height: 34px; }

.search .fr { position: relative; top: 3px; }

.search b { color: #00519a; }

.search a { color: #212121; }

.search a:hover { text-decoration: underline; }

.search span { margin: 0 16px; cursor: default; font-family: Arial; }

.search input { vertical-align: top; display: inline-block; }

.search .txt { width: 178px; height: 25px; line-height: 25px; border: 1px solid #dee0df; color: #bfc3c6; padding: 0 20px; background: none; }

.search .btn { background: url(../images/btn.gif) no-repeat; width: 36px; height: 27px; cursor: pointer; margin-left: 2px; }

.search .bg { width: 100%; height: 100%; background: #fff; opacity: 0.6; filter: alpha(opacity=60); position: absolute; top: 0; left: 0; }



/* banner */

.banner { width: 100%; height: 509px; overflow: hidden; position: relative; }

.banner .bd { height: 509px; position: relative; left: 50%; margin-left: -960px; }

.banner .bd li { width: 1920px; }

.banner .hd { width: 100%; text-align: center; position: absolute; left: 0; bottom: 20px; overflow: hidden; height: 12px; }

.banner .hd li { width: 12px; height: 12px; display: inline-block; text-indent: -999px; overflow: hidden; margin: 0 3px; border-radius: 50%; overflow: hidden; cursor: pointer; background: #f4f4f4; box-shadow: inset 1px 1px 1px #333; }

.banner .hd .on { background: #015198; }



.title { text-align: center; }

.title h2 { font-size: 32px; font-weight: bold; color: #02509a; line-height: 48px; margin-bottom: 9px; }

.title em { display: inline-block; width: 46px; height: 6px; background: #c6c6c6; }

.title a { width: 92px; height: 23px; line-height: 23px; border: 1px solid #cbcbcb; display: inline-block; color: #c5c5c5; font-size: 14px; }

.title a:hover { background-color: #cb3f32; color: #fff; border-color: #cb3f32; }



/* authority */

.authority { height: 48px; padding-top: 12px; }

.authority a { background: url(../images/authority.gif) no-repeat; width: 158px; height: 37px; color: #fff; font-size: 16px; line-height: 37px; text-indent: 28px; }

.authority img { position: relative; top: 4px; }



/* product */

.product { background: #f3f7fa; padding-top: 34px; }

.prodSide { width: 274px; border-radius: 4px; overflow: hidden; background: #015198; padding-bottom: 33px; background: url(../images/shadow.gif) no-repeat 0 bottom; }

.prodSideBox { background: #015198; border-radius: 4px; padding: 9px 4px 5px; }

.prodSide h2 { height: 64px; line-height: 64px; font-size: 26px; color: #fff; text-indent: 34px; background: url(../images/prodNav.gif) no-repeat 212px center; }

.prodNav { background: #fff; border-radius: 4px; padding: 25px 14px 21px; height: 352px; }

.prodNav h3 { height: 34px; line-height: 34px; background: url(../images/arrowOn.gif) no-repeat 194px center #ededed; border-radius: 4px; font-size: 14px; color: #585858; cursor: pointer; text-indent: 18px; margin-bottom: 7px; transition: 0.2s; }

.prodNav .on { background-image: url(../images/arrow.gif); }

.prodNav ul { padding: 0 12px 19px; display: none; }

.prodNav li, .prodNav h4, .prodNav h4 a { float: left; }

.prodNav li { background: url(../images/newsCut.gif) repeat-x; }

.prodNav h4 a { height: 32px; line-height: 32px; width: 107px; }

.prodNav .none { background: none; }



.prodMain { height: 475px; width: 888px; border-radius: 4px; overflow: hidden; }

.prodMain .hd { height: 60px; background: #fff; }

.prodMain .hd .none { margin-left: 0; }

.prodMain .hd li { float: left; cursor: pointer; height: 60px; line-height: 60px; background: #e0e0e0; margin-left: 1px; width: 126px; color: #000; font-weight: bold; font-size: 14px; text-align: center; }

.prodMain .hd .on { background: #015198; color: #fff; }

.prodMain .bd { border: 1px solid #e1e2e4; border-top: none; background: #fff; height: 384px; padding: 30px 52px 0 20px; }



.prodMain .fr { width: 264px; }

.prodMain h3 { margin-bottom: 8px; }

.prodMain h3 a { display: block; color: #015198; font-size: 18px; height: 26px; line-height: 26px; }

.prodMain h3 a:hover { color: #3EA4FF; }

.prodMain ol { margin-bottom: 53px; }

.prodMain ol li { background: url(../images/newsCut.gif) repeat-x 0 bottom; }

.prodMain ol li a { color: #585858; background: url(../images/point.gif) 1px center no-repeat; padding-left: 17px; line-height: 38px; height: 38px; font-size: 14px; display: block; }

.prodMain ol li a:hover { color: #cb3f32; }

.prodMain p a { width: 110px; height: 34px; text-align: center; line-height: 34px; color: #fff; display: inline-block; border-radius: 4px; overflow: hidden; margin-right: 3px; }

.prodMain .blue { background: #015198; }

.prodMain .blue:hover { background: #047BE4; }

.prodMain .red { background: #cb3f32; }

.prodMain .red:hover { background: #FF5444; }



/* show */

.show { padding-top: 32px; margin-bottom: 127px; }

.show .title { margin-bottom: 16px; }



/*轮播图 开始*/

.showWrap { height: 265px; }



.main_banner_wrap{ width: 1120px; height: 265px; position: relative; margin: 0 auto; }



.banner_btn { width: 330px; height: 225px; position: absolute; display: block; z-index: 9; top: 21px; }

.btn_prev { left: 0; }

.btn_next { right: 0; }



.banner_btn span { width: 57px; height: 57px; text-align: center; line-height: 57px; font-family: '宋体'; font-size: 24px; font-weight: bolder; position: absolute; border-radius: 6px; overflow: hidden; color: #d3d3d3; top: 50%; margin-top: -29px; zoom: 1; transition: 0.3s; background: #e9e9e9; }

.banner_btn:hover span { background: #015198; color: #fff; }

.btn_prev .banner_btn_arrow { left: -142px; }

.btn_next .banner_btn_arrow { right: -142px; }



.main_banner_box{ position:relative; z-index:0; }

.main_banner ul { height: 265px; }

.main_banner ul li { position:absolute; }



.showBox { position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; display: none; }

.showBox a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.showBox span { width: 100%; font-size: 18px; top: 265px; position: absolute; left: 0; padding-top: 20px; }



/*给每张图片初始设置不同宽高，层级，位置*/

.main_banner .imgCard0 { width: 390px; height: 265px; z-index: 5; left: 363px; top: 0; opacity: 1; }

.main_banner .imgCard1, .main_banner .imgCard5 { width: 330px; height: 225px; top: 21px; opacity: 1; }

.main_banner .imgCard1 { z-index: 1; left: 789px; }

.main_banner .imgCard5 { z-index: 2; left: 0; }

.main_banner .imgCard3 { width: 10px; height: 10px; z-index: 1; left: 555px; top: 128px; opacity: 0; }

.main_banner .imgCard2, .main_banner .imgCard4 { width: 287px; height: 196px; top: 36px; opacity: 1; }

.main_banner .imgCard2 { left: 665px; }

.main_banner .imgCard4 { left: 167px; }

.main_banner ul li img { width: 100%; height: 100%; }

/*轮播图 结束*/



/* message */

.message { background: url(../images/message.jpg) no-repeat; height: 412px; }

.msgWrap { background: url(../images/message.png) no-repeat; width: 578px; height: 435px; margin-left: -10px; margin-top: -20px; }

.msgBox { width: 484px; margin: 0 auto; padding-top: 44px; }

.msgBox h2 { font-size: 22px; font-weight: bold; border-bottom: 1px solid #35b4e8; color: #fff; line-height: 32px; height: 32px; margin-bottom: 18px; }

.msgBox h2 img { position: relative; left: 2px; top: 13px; }



.msgForm span { display: inline-block; vertical-align: top; color: #fff; font-size: 14px; margin-right: 3px; }

.msgForm .item { margin-bottom: 5px; }

.msgForm em { display: inline-block; width: 1em; }

.msgForm input, .msgForm textarea { vertical-align: top; }

.msgForm .middle, .msgForm .check { line-height: 31px; }

.msgForm .middle input, .msgForm .check input { height: 31px; line-height: 31px; padding: 0 10px; }

.msgForm .middle input { width: 140px; }

.msgForm textarea { width: 405px; height: 125px; padding: 10px; }

.msgForm .check input { width: 130px; margin-right: 4px; }

.msgForm .btn { padding-top: 9px; padding-left: 59px; }

.msgForm .btn input { background: url(../images/btn.png) no-repeat; width: 100px; height: 38px; color: #0b619e; text-shadow: 1px 1px 1px #fff; cursor: pointer; line-height: 35px; font-family: 'Microsoft Yahei'; font-weight: bold; word-spacing: 2em; margin-right: 4px; transition: 0.2s; }

.msgForm .btn input:hover { background-image: url(../images/btnOn.png); color: #fff; text-shadow: 0 0 0; }



.msgTxt { padding-top: 92px; }

.msgTxt h2 { background: url(../images/messageTl.png) no-repeat 0 bottom; font-size: 32px; font-weight: bold; color: #fff; line-height: 36px; padding-bottom: 30px; text-indent: 60px; width: 630px; }

.msgTxt h3 { font-size: 18px; color: #fff; font-weight: bold; text-indent: 60px; margin-bottom: 60px; }

.msgTel { background: url(../images/tel.png) no-repeat; color: #fff; font-size: 15px; padding-left: 50px; height: 33px; overflow: hidden; position: relative; left: 60px; margin-bottom: 20px; }

.msgTel span { padding-top: 7px; }

.msgTxt a { background: url(../images/btn.png) no-repeat; width: 100px; height: 38px; color: #0b619e; text-shadow: 1px 1px 1px #fff; cursor: pointer; line-height: 35px; font-family: 'Microsoft Yahei'; font-weight: bold; word-spacing: 2em; margin-right: 4px; transition: 0.2s; display: block; text-indent: 26px; position: relative; left: 62px; }

.msgTxt a:hover { background-image: url(../images/btnOn.png); color: #fff; text-shadow: 0 0 0; }



/* prove */

.prove { padding-top: 60px; margin-bottom: 94px; }

.proveTop { margin-bottom: 46px; }

.proveTitle { background: url(../images/prove.png) no-repeat 64px 9px; text-align: right; width: 682px; }

.proveTitle h2 { color: #025199; font-weight: bold; font-size: 38px; line-height: 42px; }

.proveTitle h3 { color: #222; font-weight: bold; font-size: 24px; line-height: 28px; }

.proveTop .cut { width: 1px; height: 67px; background: #d5d5d5; position: relative; top: 5px; margin: 0 20px 0 26px; }

.proveTel { background: url(../images/tel.jpg) no-repeat; padding-top: 21px; }

.proveTel p { line-height: 25px; font-size: 16px; color: #171717; text-indent: 68px; }

.prove .a { background: url(../images/pr1.jpg) no-repeat right 0; height: 138px; padding-right: 724px; text-align: right; padding-top: 20px; }

.prove .b { background: url(../images/pr2.png) no-repeat; height: 128px; margin-top: -23px; margin-bottom: 21px; padding-left: 658px; padding-top: 64px; }

.prove .c { background: url(../images/pr3.jpg) no-repeat right 0; height: 173px; text-align: right; padding-right: 724px; padding-top: 21px; }

.proveWrap h3 { font-size: 20px; color: #025098; font-weight: bold; margin-bottom: 13px; }

.proveWrap p { font-size: 14px; line-height: 20px; }

.prove .b p { width: 450px; }



/* service */

.service { margin-bottom: 100px; }

.service .title { margin-bottom: 26px; }

.serviceWrap { width: 1200px; overflow: hidden; }

.service ul { width: 1212px; padding-top: 30px; }

.service li { float: left; width: 190px; position: relative; margin-right: 12px; }

.service a { float: left; width: 190px; height: 379px; background: url(../images/s.png); cursor: default; }

.service .tl { text-align: center; background: url(../images/sTop.png); width: 95px; height: 86px; position: absolute; top: -30px; left: 50%; margin-left: -48px; font-size: 20px; line-height: 25px; color: #fff; font-weight: bold; padding-top: 20px; }

.service .txt { width: 130px; color: #fff; top: 140px; left: 50%; margin-left: -65px; position: absolute; font-size: 14px; opacity: 0; filter: alpha(opacity=0); transition: 0.2s; }

.service li img { opacity: 0.8; filter: alpha(opacity=80); transition: 0.2s; }

.service a:hover img { opacity: 0.1; filter: alpha(opacity=10); }

.service a:hover .txt { opacity: 1; filter: alpha(opacity=100); }



/* client */

.client { margin-bottom: 57px; padding-top: 28px; border-top: 2px solid #ebebeb; }

.clientWrap .bd { height: 319px; overflow: hidden; }

.customer { width: 484px; }

.clientTop { height: 40px; overflow: hidden; }

.clientTop h2 { color: #015095; font-weight: bold; font-size: 28px; line-height: 40px; margin-right: 6px; }

.clientTop h3 { font-size: 18px; color: #bababa; line-height: 52px; }

.clientTop a { color: #656565; font-family: 'simsun'; position: relative; top: 15px; }

.clientTop a:hover { text-decoration: underline; }



.customer .clientTop { margin-bottom: 24px; }

.customer img { border: 2px solid #d3d3d3; transition: 0.2s; }

.customer li { margin-bottom: 11px; }

.customer li a { display: block; background: #ebebeb; height: 99px; }

.customer li a:hover { background: #2f78f2; }

.customer li a:hover img { border-color: #2a6cd9; }

.customer span { width: 290px; margin-left: 24px; }

.customer strong, .customer em { display: inline-block; vertical-align: top; width: 100%; transition: 0.2s; }

.customer strong { font-weight: normal; color: #282828; font-size: 17px; padding-top: 14px; margin-bottom: 10px; }

.customer em { font-style: normal; line-height: 20px; font-size: 13px; color: #666; }

.customer li a:hover strong { color: #fff; }

.customer li a:hover em { color: #84a8f6; }



.partner { width: 382px; }

.partner .clientTop { margin-bottom: 11px; }

.partnerWrap { background: #ebebeb; padding-top: 26px; height: 402px; }

.partner img { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; filter: url(gray.svg#grayscale); transition: 0.2s; border: 2px solid #d0d1d3; }

.partner a:hover img { border-color: #c62d20; -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); filter: none; }

.partner ul { width: 300px; margin: 0 auto; }

.partner li { float: left; margin: 0 7px 13px; }



/* about */

.about { background: url(../images/aboutBg.jpg) no-repeat center bottom; height: 594px; }

.about .title { margin-bottom: 95px; }

.video { background: url(../images/video.png) no-repeat; width: 470px; height: 322px; padding-left: 15px; padding-top: 20px; }

.about .fr { width: 610px; padding-right: 10px; }

.about .hd { padding-top: 17px; height: 27px; margin-bottom: 40px; }

.about .hd li { width: 87px; height: 27px; line-height: 27px; font-family: 'simsun'; margin-right: 7px; background: #fff; border-radius: 4px; overflow: hidden; text-align: center; float: left; cursor: pointer; }

.about .hd a { width: 87px; height: 27px; line-height: 27px; background: #fff; float: left; }

.about .hd .on { background: #cb3f32; color: #fff; }

.about .hd a:hover { background: #cb3f32; color: #fff; }

.about h3 { color: #282828; font-size: 28px; font-weight: bold; line-height: 36px; margin-bottom: 8px; }

.about p { font-size: 14px; margin-bottom: 37px; }

.about .bd a { width: 106px; height: 30px; line-height: 30px; color: #282828; border: 2px solid #8e8e8e; display: block; text-align: center; font-size: 14px; }

.about .bd a:hover { background: #CB3F32; border-color: #CB3F32; color: #fff; }



/* honor */

.honor { height: 450px; padding-top: 50px; overflow: hidden; }

.honor .bd { width: 1200px; overflow: hidden; }

.honor .bd ul { width: 1240px; }

.honor .bd li { width: 210px; float: left; margin-right: 38px; }

.honor .conSetBd li { width: 375px; }

.honor .bd span { width: 100%; text-align: center; font-size: 14px; color: #333; padding-top: 10px; transition: 0.2s; }

.honor .bd a:hover span { color: #cb3f32; }



/* info */

.info { padding-top: 30px; height: 530px; background: #f3f7fa; }

.news { width: 740px; }

.news .hd, .faqTop, .honor .hd { border-bottom: 2px solid #dbdbdb; height: 40px; line-height: 40px; }

.news .hd, .faqTop { margin-bottom: 20px; }

.honor .hd { margin-bottom: 30px; }

.news .hd li, .faqTop h2, .honor .hd li { font-size: 20px; font-weight: bold; color: #015198; float: left; margin-right: 30px; position: relative; transition: 0.2s; }

.news .hd li, .honor .hd li { cursor: pointer; }

.news .hd em, .honor .hd em { width: 100%; height: 3px; background: #ca3d33; position: absolute; left: 0; bottom: -2px; opacity: 0; filter: alpha(opacity=0); transition: 0.2s; }

.news .hd .on, .honor .hd .on { color: #cb3e34; }

.news .hd .on em, .honor .hd .on em { opacity: 1; filter: alpha(opacity=100); }

.news .hd .more a, .faqTop a, .honor .hd .more a { color: #656565; font-family: 'simsun'; }

.news .hd .more a:hover, .faqTop a:hover, .honor .hd .more a:hover { text-decoration: underline; }

.news .bd { width: 740px; overflow: hidden; }

.news .con { width: 740px; margin-right: 50px; }

.newsLeft { width: 283px; position: relative; top: 4px; }

.newsBox { background: #015198; padding: 16px 26px 22px; }

.newsBox h3 { margin-bottom: 10px; }

.newsBox h3 a { font-size: 18px; color: #fff; text-align: center; width: 100%; }

.newsBox h3 a:hover { color: #cb3f32; }

.newsBox p { line-height: 22px; height: 66px; overflow: hidden; color: #b5cbe2; }



.newsRight { width: 430px; }

.newsRight li { position: relative; margin-bottom: 16px; }

.newsRight a { display: block; padding-left: 68px; padding-bottom: 14px; background: url(../images/newsCut.gif) repeat-x 0 bottom; color: #666; }

.newsRight span { display: inline-block; vertical-align: top; width: 100%; }

.newsRight .tl { font-size: 16px; margin-bottom: 8px; }

.newsRight em { background-repeat: no-repeat; background-position: 0 center; width: 42px; height: 34px; position: absolute; top: 4px; left: 0; transition: 0.2s; }

.newsRight .txt { line-height: 20px; font-family: 'simsue'; height: 40px; overflow: hidden; }

.newsRight a:hover { color: #015294; }

.newsRight .n1 em { background: url(../images/one.png); }

.newsRight .n2 em { background: url(../images/two.png); }

.newsRight .n3 em { background: url(../images/three.png); }

.newsRight .n4 em { background: url(../images/four.png); }

.newsRight .n1 a:hover em { background: url(../images/oneOn.png); }

.newsRight .n2 a:hover em { background: url(../images/twoOn.png); }

.newsRight .n3 a:hover em { background: url(../images/threeOn.png); }

.newsRight .n4 a:hover em { background: url(../images/fourOn.png); }



.faq { width: 370px; }

.faq img { margin-bottom: 18px; }

.faq .bd { height: 269px; overflow: hidden; }

.faq li { background: url(../images/newsCut.gif) repeat-x 0 bottom; margin-bottom: 13px; }

.faq h3 { background: url(../images/faq.png) no-repeat; padding-left: 42px; margin-bottom: 7px; }

.faq h3 a { font-size: 14px; color: #015198; width: 100%; line-height: 20px; }

.faq h3 a:hover { color: #cb3f32; }

.faq p { padding-left: 42px; background: url(../images/faq.png) no-repeat 0 -27px; line-height: 22px; padding-bottom: 10px; }



/* footer */

.footer { background: #015198; color: #9bb9d5; font-family: 'simsun'; }

.footer a { color: #9bb9d5; }

.footer a:hover { color: #cb3f32; }

.footer .fr { width: 940px; font-size: 14px; }



.code { width: 220px; background: #003c72; text-align: center; padding-top: 74px; color: #fff; padding-bottom: 26px; }

.footLogo { margin-bottom: 20px; }

.codeBox p { line-height: 30px; }

.codeBox img { border-radius: 4px; overflow: hidden; }



.footNav { border-bottom: 1px solid #1c63a3; width: 940px; overflow: hidden; padding-top: 38px; margin-bottom: 24px; }

.footNav p { width: 1000px; line-height: 35px; height: 35px; }

.footNav a { color: #fff; margin-right: 42px; }



.siteInfo { border-bottom: 1px solid #1c63a3; padding-bottom: 24px; }

.siteInfo p { line-height: 28px; }

.siteInfo span { display: inline-block; vertical-align: top; margin-right: 20px; width: 240px; }

.siteInfo .tj { background: url(../images/tj.gif) no-repeat right center; padding-right: 60px; }



.link h3 { padding-top: 5px; line-height: 26px; }

.link p { font-size: 12px; }

.link span { cursor: default; margin: 0 14px; font-family: Arial; }



/* 内页 */

.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: 950px; 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: 1200px; margin: 0 auto; margin-bottom: 50px; }



/* feedbackBox */

.feedbackBox { padding-left: 100px; font-family: "Microsoft yahei"; }

.feedbackBoxTop { font-size: 16px; margin-bottom: 36px; padding-top: 20px; }

.feedbackBoxTop span { color: #015198; }



/* side */

.side { width: 220px; }

.sideNav { margin-bottom: 20px; }

.sideNav h2 { height: 56px; line-height: 56px; text-align: center; font-size: 24px; background: #015198; color: #fff; margin-bottom: 2px; }

.sideNav .item { margin-bottom: 2px; }

.sideNav h3 a { display: block; height: 36px; line-height: 36px; background: url(../images/default/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(../images/default/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(../images/default/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: #015198; color: #fff; }

.sideBox { border: 1px solid #dadada; border-top: none; }

.contactBox { padding: 15px; }

.hotLine { background: url(../images/default/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(../images/default/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: #1B8700; }

.imgSideBox a:hover img { border-color: #1B8700; }



/* 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 #2572BC; 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: 950px; overflow: hidden; }

.imgBox ul { width: 980px; }

.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: #cb3f32; }

.imgBox a:hover img { border-color: #cb3f32; }



/* productBox */

.productBox li { width: 244px; margin-right: 14px; }

.productBox img { width: 236px; height: 236px; padding: 2px; }

.productBox span { width: 214px; }



/* imgPartnerBox */

.imgPartnerBox li { width: 180px; margin-right: 12px; }

.imgPartnerBox img { width: 176px; height: 83px; }

.imgPartnerBox span { width: 154px; }



/* imgClientBox */

.imgPictureBox li { width: 228px; margin-right: 12px; }

.imgPictureBox img { width: 220px; height: 136px; padding: 2px; }

.imgPictureBox span { width: 190px; }



/* imgClientBox */

.imgShowBox li { width: 228px; margin-right: 12px; }

.imgShowBox img { width: 220px; height: 167px; padding: 2px; }

.imgShowBox span { width: 190px; }



/* imgSettingBox */

.imgSettingBox li { width: 228px; margin-right: 12px; }

.imgSettingBox img { width: 220px; height: 167px; padding: 2px; }

.imgSettingBox span { width: 190px; }



/* imgSettingBox */

.imgHonorBox li { width: 228px; margin-right: 12px; }

.imgHonorBox img { width: 220px; height: 290px; padding: 2px; }

.imgHonorBox span { width: 190px; }



/* 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: 320px; width: 350px; background: #fff; }

.tb-pic, .tb-pic img { max-height: 320px; max-width: 350px; _width: 350px; }

.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(../images/default/mask.png); cursor: move; z-index: 1;}



.tb-picList { width: 352px; height: 62px; overflow: hidden; margin-top: 10px; 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: #1B8700; }



.tb-picList .tb-thumb { position: relative; width: 290px; height: 62px; margin: 0 auto; overflow: hidden; }

.tb-picList .tb-thumb ul { position: absolute; width: 999999px; }

.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 #cb3f32; top: 0; left: 0; display: none; }

.tb-picList .tb-thumb .tb-selected em { display: block; }



.productTop { margin-bottom: 20px; }

.productIntro { width: 380px; }

.productIntro h2 { background: url(../images/default/splitBg.gif) repeat-x 0 bottom; font-size: 18px; font-family: 'Microsoft Yahei'; color: #000; padding: 10px 0; margin-bottom: 10px; }

.descriptionBox { height: 178px; 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: #1B8700; color: #fff; }

.productOrder a:hover { background: #e9ba25; }



.productShow { margin-bottom: 10px; }

.productShow .hd { height: 38px; line-height: 38px; font-size: 14px; background: #1B8700; font-family: 'Microsoft Yahei'; }

.productShow .hd li { float: left; padding: 0 20px; cursor: pointer; color: #fff; transition: 0.3s; }

.productShow .hd .on { background: #e9ba25; }

.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(../images/default/splitBg.gif) repeat-x 0 bottom; padding-bottom: 20px; margin-bottom: 20px; }

.articleBox img { width: 150px; height: 130px; border: 1px solid #EFEFEF; padding: 4px; }

.articleBox .fr { width: 770px; }

.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: #cb3f32; }

.articleBox h4 { background: url(../images/default/time.png) no-repeat 0 3px; padding-left: 24px; color: #a1a1a1; margin-bottom: 5px; }

.articleBox p { color: #888; }

.articleBox p a { color: #cb3f32; }

.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: 150px; height: 130px; background: url(../images/default/timeBg.png) no-repeat #015198; 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(../images/default/faq.png) no-repeat #1B8700; border-radius: 3px; }

.faqBox p { background: url(../images/default/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(../images/default/faq.png) no-repeat #015198; border-radius: 3px;  }

.faqOtherBox .on a { background: #ECECEC; color: #000; }

.faqOtherBox .con { padding: 20px 0; border-left: 3px solid #015198; padding-left: 34px; background: url(../images/default/splitBg.gif) repeat-x 0 bottom; }



/* articleShow */

.articleTop { text-align: center; background: url(../images/default/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; }



.articleCtrl { height: 36px; line-height: 36px; background: #eee; margin-bottom: 10px; color: #999; padding: 0 10px; cursor: default; }

.articleCtrl p { background: url(../images/default/articlectrl.png) 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: #cb3f32; }



.articleList { overflow: hidden; }

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

.articleList ul { width: 980px; }

.articleList li, .articleList h3, .articleList a { float: left; }

.articleList li { width: 304px; margin-right: 20px; height: 32px; line-height: 32px; background: url(../images/default/splitBg.gif) repeat-x 0 bottom; }

.articleList a { background: url(../images/default/txt.png) no-repeat 6px center; padding-left: 26px; width: 194px; }

.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: 928px; }

.pictureDetail .tb-pic, .pictureDetail .tb-pic img { max-height: 500px; max-width: 928px; _width: 928px; }

.pictureDetail .tb-pic { border: 1px solid #ECECEC; padding: 10px; }



.pictureDetail .tb-picList { width: 950px; height: 72px; display: table; }

.pictureDetail .tb-picList .tb-thumb { width: 846px; 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 { max-width: 100%; height: auto; }

.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: #cb3f32; }

.pictureDetail .tb-picList .non, .pictureDetail .tb-picList .non:hover { background: #F3F3F3; cursor: default; }



.pictureTop { margin-bottom: 20px; }



.pictureCenter { text-align: center; margin-bottom: 20px; }

.pictureCenter img { max-width: 950px; }



/* downloadList */

.downloadList { font-family: 'Microsoft Yahei'; }

.downloadList li { overflow: hidden; zoom: 1; background: url(../images/default/splitBg.gif) repeat-x 0 bottom; height: 30px; line-height: 30px; margin-bottom: 10px; padding-bottom: 10px; }

.downloadList h2 { float: left; background: url(../images/default/file.png) no-repeat 6px 2px; padding-left: 40px; font-size: 14px; color: #000; }

.downloadList a { float: right; background: url(../images/default/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: #1B8700; }



.searchBox { background: url(../images/search.jpg) no-repeat; font-family: 'Microsoft Yahei'; width: 771px; height: 385px; margin: 0 auto 20px; }

.searchBox h2 { text-align: center; padding-top: 63px; margin-bottom: 40px; }

.searchBox h2 span { background: url(../images/searchLogo.jpg) no-repeat; padding-left: 107px; font-size: 38px; color: #282828; line-height: 44px; height: 45px; }

.searchLeft { font-weight: bold; color: #2b2b2b; padding-left: 52px; width: 260px; padding-top: 22px; }

.searchLeft h3 { font-size: 26px; font-weight: bold; line-height: 36px; }

.searchLeft p { font-size: 22px; line-height: 30px; }

.searchRight { border-left: 1px solid #e1e1e1; padding-left: 26px; }

.searchBox .item { margin-bottom: 20px; height: 38px; }

.searchBox .item p { width: 136px; color: #2b2b2b; }

.searchBox .item span { width: 100%; }

.searchBox .item .cn { font-size: 18px; font-family: 'Microsoft Yahei'; letter-spacing: 13px; line-height: 22px; }

.searchBox .item .en { font-family: Georgia, "Times New Roman", Times, serif; line-height: 16px; opacity: 0.8; filter: alpha(opacity=80); }

.searchBox .item input { width: 178px; height: 38px; line-height: 38px; border: 1px solid #d9d9d9; background: #fff; border-radius: 4px; box-shadow: 1px 1px 6px #d9d9d9; overflow: hidden; padding: 0 10px; }

.searchBox .btn { padding-left: 136px; }

.searchBox .btn input { transition: 0.2s; word-spacing: 10px; width: 200px; height: 40px; text-align: center; font-size: 16px; font-family: 'Microsoft Yahei'; line-height: 40px; border-radius: 4px; overflow: hidden; color: #fff; background: #015198; cursor: pointer; }

.searchBox .btn input:hover { background: #CB3F32; }

.searchBox .note { padding-left: 136px; line-height: 30px; color: #fff; font-family: 'Microsoft Yahei'; opacity: 0.8; filter: alpha(opacity=80); }



.searchShow { width: 683px; margin: 0 auto; font-size: 14px; }

.searchTop { height: 30px; line-height: 30px; border-bottom: 1px solid #dadada; }

.searchShowBox { padding-top: 10px; }

.searchShowBox li { background: url(../images/default/txt.png) no-repeat 6px center; padding-left: 26px; }

.searchShowBox a { color: #cb3f32; }

.searchShowBox a:hover { text-decoration: underline; }



.searchTxt { border-top: 1px solid #dadada; padding-top: 40px; margin-top: 70px; font-family: Arial, 'simsun'; }

.searchTxt h3 { font-size: 16px; color: #333; margin-bottom: 10px; font-weight: bold; }

.searchTxt .fl { width: 415px; padding: 0 30px; }

.searchTxt .ti { padding-left: 1em; }