@charset "UTF-8";
html { font-family: "微软雅黑", "宋体", Arial, Helvetica, sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

article, aside, details, figcacption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }

audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }

audio:not([controls]) { display: none; height: 0; }

[hidden], template { display: none; }

a { background: transparent; text-decoration: none; color: #545454; }

a:active, a:hover, a:focus { outline: 0; text-decoration: underline; color: #545454; }

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

dfn { font-style: italic; }

mark { background: #ff0; color: #000; }

small { font-size: 80%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

img { border: 0; }

svg:not(:root) { overflow: hidden; }

hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }

pre { overflow: auto; }

code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }

button, input, optgroup, select, textarea { color: inherit; font: inherit; }

ton { overflow: visible; }

button, select { text-transform: none; }

button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }

button[disabled], html input[disabled] { cursor: default; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: p; }

input { line-height: normal; }

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }

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

fieldset { border: 1px solid #c0c0c0; }

textarea { overflow: auto; }

optgroup { font-weight: bold; }

table { border-collapse: collapse; border-spacing: 0; }

body, div, address, blockquote, iframe, ul, ol, dl, dt, dd, li, dl, h1, h2, h3, h4, h5, h6, p, pre, table, caption, th, td, form, legend, fieldset, input, button, select, textarea { margin: 0; padding: 0; font-weight: normal; font-style: normal; font-size: 100%; font-family: inherit; }

body { color: #545454; background: #FFF; font: 8px; }

ul, li, ol { list-style: none; line-height: normal; }

.clearfix { clear: both; width: 100%; height: 1px; margin-top: -1px; display: block; visibility: hidden; overflow: hidden; }

.clear { clear: both; width: 100%; height: 1px; margin-top: -1px; }

.content { width: 1024px; margin-left: auto; margin-right: auto; }

.content2 { width: 1012px; margin-left: auto; margin-right: auto; }

/* ----------------------------------------------------------------------header------------------------------------------------------------------ */
.top { height: 25px; font-size: 12px; background: url(../images/bg-top.jpg) center repeat-x; }
.top p { line-height: 25px; display: inline-block; text-align: left; float: left; margin-left: 0px; }
.top li { float: left; }
.top .top-Platform { float: right; }
.top .top-Platform a { line-height: 25px; text-align: center; display: inline-block; }
.top .top-Platform span { margin-left: 6px; margin-right: 6px; }
.top .top-Platform img { margin-left: 6px; margin-right: 6px; position: relative; top: 5px; }

.logo { height: 126px; background: url(../images/phone.png) 674px 50px no-repeat; text-align: left; padding-top: 1px; }
.logo img { margin-top: 25px; margin-left: 10px; }

.nav { height: 48px; background: url(../images/bg-nav.png) center repeat-x; text-align: center; }
.nav a { width: 126px; height: 48px; line-height: 48px; display: inline-block; color: #FFF; font-size: 14px; font-weight: bold; position: relative; top: -15px; margin-left: -5px; }
.nav .active, .nav a:hover { background: url(../images/bg-nav-hover.png) center repeat-x; text-decoration: none; }
.nav img { margin: 0; position: relative; top: 2px; width: 3px; }

/* ----------------------------------------------------------------------main-------------------------------------------------------------------- */
.banner { text-align: center; }
.banner .slideBox { height: 609px; overflow: hidden; position: relative; text-align: center; position: relative; }
.banner .slideBox .bd { position: relative; height: 100%; z-index: 0; }
.banner .slideBox .bd li { zoom: 1; vertical-align: middle; }
.banner .slideBox .bd img { height: 609px; display: block; text-align: center; position: absolute; left: 50%; margin-left: -980px; }

.search { background: url(../images/bg-search.png) center repeat-x; height: 54px; margin-left: auto; margin-right: auto; position: relative; z-index: 999; font-size: 12px; top: 0; }
.search p { line-height: 44px; margin-left: 15px; color: #3e3a39; display: inline-block; }
.search a { margin-left: 12px; margin-right: 12px; display: inline-block; color: #646464; }
.search .search-0 { position: relative; top: -15px; }
.search input[type="text"] { width: 202px; height: 24px; line-height: 24px; padding-left: 8px; padding-left: 8px; -webkit-border-top-right-radius: 5px; -moz-border-top-right-radius: 5px; border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -webkit-border-top-left-radius: 5px; -moz-border-top-left-radius: 5px; border-top-left-radius: 5px; border: 1px #dcdcdc solid; position: absolute; top: 50%; margin-top: -18px; right: 15px; }
.search input[type="submit"] { width: 33px; height: 24px; background: transparent; background: url(../images/btn-search.png) center no-repeat; border: none; position: absolute; top: 50%; margin-top: -17px; right: 14px; -webkit-border-top-right-radius: 5px; -moz-border-top-right-radius: 5px; border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 0px; -moz-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; -webkit-border-top-left-radius: 0px; -moz-border-top-left-radius: 0px; border-top-left-radius: 0px; overflow: hidden; }
.search input[type="submit"]:hover { background-color: #e60012; }

.product { margin-top: 20px; height: 646px; }
.product .slideTxtBox-product .hd { width: 232px; height: 646px; text-align: left; background: url(../images/bg-product-l.png) center no-repeat; float: left; position: relative; }
.product .slideTxtBox-product .hd ul { float: left; position: absolute; left: 40px; top: 110px; height: 32px; }
.product .slideTxtBox-product .hd li { height: 31px; font-size: 12px; color: #4a4a4a; }
.product .slideTxtBox-product .hd span { font-size: 20px; margin-right: 8px; font-weight: normal; color: #949494; position: relative; top: 1px; }
.product .slideTxtBox-product .hd .title2 { margin-top: 35px; }
.product .slideTxtBox-product .hd li.on { color: #dd1414; font-weight: bold; }
.product .slideTxtBox-product .hd li.on span { color: #dd1414; }
.product .slideTxtBox-product .bd { width: 770px; height: 646px; text-align: left; float: right; position: relative; }
.product .slideTxtBox-product .bd h3 { width: 767px; height: 37px; border: #dcdcdc 1px solid; }
.product .slideTxtBox-product .bd h3 span { width: 149px; height: 37px; background-color: #dd1414; display: inline-block; line-height: 37px; text-align: center; font-size: 15px; color: #fff; }
.product .slideTxtBox-product .bd h3 a { float: right; margin-right: 20px; color: #000; font-size: 13px; position: relative; top: 10px; }
.product .slideTxtBox-product .bd h3 a font { color: #8ae12d; margin-right: 5px; }
.product .slideTxtBox-product .bd ul { zoom: 1; }
.product .slideTxtBox-product .bd li { float: left; width: 245px; height: 271px; margin-top: 35px; background: url(../images/bg-product-s.png) right top no-repeat; }
.product .slideTxtBox-product .bd li img { width: 226px; height: 226px; border: #dd1414 1px solid; }
.product .slideTxtBox-product .bd li .p { color: #e46060; text-align: center; width: 226px; display: inline-block; margin-top: 10px; line-height: normal; }

.contuct-us { margin-top: 50px; height: 510px; background: transparent url(../images/bg-contuct-us.png) center no-repeat; position: relative; }
.contuct-us a { position: absolute; width: 140px; height: 47px; left: 50%; margin-left: 307px; bottom: 147px; }

.partner { margin-top: 20px; height: 120px; background: transparent url(../images/bg-partner.png) left top no-repeat; padding-top: 1px; position: relative; }
.partner .picScroll-left { width: 756px; height: 120px; background-color: #e3e4e8; overflow: hidden; position: relative; margin-left: 270px; }
.partner .prev { display: block; width: 30px; height: 120px; position: absolute; left: 7px; top: 36px; overflow: hidden; cursor: pointer; background: url(../images/l-partner.png) no-repeat; }
.partner .next { display: block; width: 30px; height: 120px; position: absolute; right: 7px; top: 36px; overflow: hidden; cursor: pointer; background: url(../images/r-partner.png) no-repeat; }
.partner .picScroll-left .bd { padding: 10px; width: 655px; margin-left: 38px; margin-top: 13px; }
.partner .picScroll-left .bd ul { overflow: hidden; zoom: 1; }
.partner .picScroll-left .bd ul li { margin: 0 5px; float: left; _display: inline; overflow: hidden; text-align: center; }
.partner .picScroll-left .bd ul li .pic img { width: 155px; height: 75px; display: block; }
.partner .picScroll-left .bd ul li .pic a:hover img { border-color: #999; }

.center-banner { margin-top: 20px; height: 180px; width: 100%; background: transparent url(../images/center-banner-1.png) center no-repeat; overflow: hidden; }

.four-advantage { height: 1256px; padding-top: 1px; margin-top: 20px; }
.four-advantage .content { position: relative; }
.four-advantage h1 { text-align: center; }
.four-advantage .bg-1 { position: absolute; top: 120px; left: 677px; }
.four-advantage .bg-2 { position: absolute; top: 385px; left: 114px; }
.four-advantage .bg-3 { position: absolute; top: 761px; left: 573px; }
.four-advantage .four-part-1 { position: absolute; top: 120px; left: 90px; }
.four-advantage .four-part-2 { position: absolute; top: 497px; left: 578px; }
.four-advantage .four-part-3 { position: absolute; top: 769px; left: 90px; }
.four-advantage .four-part-4 { position: absolute; top: 1020px; left: 90px; }
.four-advantage .four-part-1 ul, .four-advantage .four-part-2 ul, .four-advantage .four-part-3 ul, .four-advantage .four-part-4 ul { margin-top: 20px; }
.four-advantage .four-part-1 li, .four-advantage .four-part-2 li, .four-advantage .four-part-3 li, .four-advantage .four-part-4 li { list-style-image: url(../images/bg-star.png); margin-top: 10px; margin-bottom: 10px; margin-left: 28px; color: #535353; font-size: 20px; }

.six { margin-top: 20px; height: 955px; width: 100%; background: transparent url(../images/bg-six.png) center no-repeat; }

.more { width: 58px; height: 18px; text-align: center; line-height: 18px; font-size: 12px; color: #858585; border: #858585 1px solid; display: inline-block; float: right; }
.more:hover { text-decoration: none; }

.more2 { width: 15px; height: 15px; float: right; background: url(../images/more2.png) center no-repeat; position: relative; top: 12px; }
.more2:hover { text-decoration: none; }

.more-on { width: 58px; height: 18px; text-align: center; line-height: 18px; font-size: 12px; color: #dd1414; border: #dd1414 1px solid; display: inline-block; float: right; }
.more-on:hover { text-decoration: none; color: #ff0000; }

.about-us { padding-top: 20px; height: 425px; width: 100%; background-color: #fafafa; }
.about-us h1 { height: 64px; border-bottom: #cfcfcf 1px solid; margin-bottom: 15px; }
.about-us .more, .about-us .more-on { margin-top: 20px; }
.about-us .left { float: left; width: 680px; overflow: hidden; }
.about-us .left .img { width: 368px; height: 256px; border: #7e7e7e 1px solid; padding: 2px; float: left; margin-right: 20px; }
.about-us .left h3 { font-size: 24px; color: #1e1e1e; margin-left: 20px; }
.about-us .left p { font-size: 12px; color: #1e1e1e; text-indent: 24px; }
.about-us .right { float: right; width: 310px; overflow: hidden; }
.about-us .right .picScroll-left { overflow: hidden; position: relative; }
.about-us .right .prev { display: block; width: 30px; height: 220px; position: absolute; left: 14px; top: 230px; overflow: hidden; cursor: pointer; background: url(../images/about-us-l.png) no-repeat; z-index: 101; }
.about-us .right .next { display: block; width: 30px; height: 220px; position: absolute; right: -7px; top: 230px; overflow: hidden; cursor: pointer; background: url(../images/about-us-r.png) no-repeat; z-index: 101; }
.about-us .right .picScroll-left .bd { padding: 10px; width: 655px; }
.about-us .right .picScroll-left .bd ul { overflow: hidden; zoom: 1; }
.about-us .right .picScroll-left .bd ul li { margin: 0px; float: left; _display: inline; overflow: hidden; text-align: center; }
.about-us .right .picScroll-left .bd ul li .pic img { width: 308px; height: 220px; display: block; }
.about-us .right .picScroll-left .bd ul li .pic a:hover img { border-color: #999; }
.about-us .right .picScroll-left .bd ul li .title { line-height: 24px; font-size: 14px; }

.team { width: 1200px; height: 438px; margin-left: auto; margin-right: auto; margin-top: 20px; position: relative; padding-top: 1px; }
.team h1 { position: absolute; left: -130px; }
.team .bg-1 { position: absolute; top: -10px; right: 100px; }
.team .bg-2 { position: absolute; left: 100px; bottom: 0px; }
.team .picScroll-left3 { overflow: hidden; position: relative; margin-top: 80px; }
.team .prev { display: block; width: 79px; height: 85px; position: absolute; left: 7px; top: 70px; overflow: hidden; cursor: pointer; background: url(../images/team-l.png) no-repeat; z-index: 999; }
.team .next { display: block; width: 79px; height: 85px; position: absolute; right: 7px; top: 70px; overflow: hidden; cursor: pointer; background: url(../images/team-r.png) no-repeat; z-index: 999; }
.team .picScroll-left3 .bd { padding: 10px; overflow: hidden; background: transparent; margin-left: 80px; }
.team .picScroll-left3 .bd ul { overflow: hidden; zoom: 1; background: transparent; }
.team .picScroll-left3 .bd ul li { margin: 0 20px; float: left; _display: inline; overflow: hidden; text-align: center; }
.team .picScroll-left3 .bd ul li .pic img { width: 300px; height: 220px; display: block; }
.team .picScroll-left3 .bd ul li .pic a:hover img { border-color: #999; }
.team .picScroll-left3 .bd ul li .title { line-height: 24px; font-size: 14px; }

.witness { height: 530px; margin-top: -20px; background: transparent url(../images/bg-witness.png) 320px 128px no-repeat; }
.witness h1 { text-align: center; }
.witness div { width: 50%; float: left; margin-top: 20px; margin-bottom: 30px; }
.witness div img { width: 193px; height: 193px; overflow: hidden; float: left; margin-right: 20px; }
.witness div h3 { font-size: 16px; color: #2d2d2d; line-height: 24px; font-weight: bold; }
.witness div span { font-size: 16px; color: #dd1414; line-height: 24px; font-weight: bold; }
.witness div p { font-size: 12px; color: #666666; line-height: 22px; text-indent: 24px; margin-right: 50px; margin-top: 10px; }
.witness div .more-on { margin-right: 50px; margin-top: 30px; }

.contuct-us-2 { height: 180px; background: url(../images/bg-contuct-us-2.png) center repeat-x; position: relative; margin-top: 20px; }
.contuct-us-2 .img { position: relative; top: -6px; }
.contuct-us-2 a { position: absolute; top: 110px; left: 50%; margin-left: 320px; }

.all-title { height: 40px; background: url(../images/bg-info-three.png) left bottom repeat-x; line-height: 40px; text-align: center; color: #fff; padding-top: 1px; overflow: hidden; margin-bottom: 10px; }
.all-title h3 { display: inline-block; float: left; font-size: 16px; color: #3f3f3f; }
.all-title h3 span { font-size: 16px; margin-left: 20px; color: #8e8e8e; }

.info-three { height: 330px; background-color: #f6f6f6; padding-top: 10px; }

.info-three-1 { width: 389px; height: 320px; overflow: hidden; float: left; margin-left: 20px; }
.info-three-1 .con-box { height: 170px; padding-top: 1px; position: relative; }
.info-three-1 .con-box ul { margin-top: 9px; }
.info-three-1 .con-box li { line-height: 24px; text-align: left; list-style-type: square; margin-left: 12px; font-size: 12px; }
.info-three-1 .con-box li span { float: right; }
.info-three-1 .con-box li a { font-size: 12px; color: #242424; }
.info-three-1 .con1 { position: relative; height: 106px; overflow: hidden; }
.info-three-1 .con1 img { width: 163px; height: 106px; overflow: hidden; float: left; margin-right: 10px; }
.info-three-1 .con1 h3 { font-size: 14px; color: #000; font-weight: bold; line-height: 30px; }
.info-three-1 .con1 p { font-size: 12px; color: #000; line-height: 18px; }

.info-three-2 { width: 330px; height: 320px; overflow: hidden; float: left; margin-left: 20px; }
.info-three-2 .con-box { height: 170px; padding-top: 1px; position: relative; }
.info-three-2 .con-box ul { margin-top: 3px; }
.info-three-2 .con-box li { line-height: 24px; text-align: left; list-style-type: square; margin-left: 12px; font-size: 12px; }
.info-three-2 .con-box li span { float: right; }
.info-three-2 .con-box li a { font-size: 12px; color: #242424; }

.info-three-3 { width: 240px; height: 320px; overflow: hidden; float: right; margin-right: 6px; }
.info-three-3 .con-box { height: 280px; padding-top: 1px; position: relative; font-size: 12px; overflow: hidden; margin-top: -15px; }
.info-three-3 .con-box .txtMarquee-top { width: 240px; position: relative; }
.info-three-3 .con-box .txtMarquee-top .bd { height: 240px; padding-top: 15px; padding-bottom: 15px; }
.info-three-3 .con-box .txtMarquee-top .infoList li { padding: 15px; line-height: 24px; width: 200px; float: right; }
.info-three-3 .con-box .txtMarquee-top .infoList li .date { color: #393939; font-weight: bold; padding-left: 30px; display: block; background: url(../images/bg-qa1.png) 0px 5px no-repeat; }
.info-three-3 .con-box a { width: 180px; background: url(../images/bg-qa2.png) 0px 0px no-repeat; padding-left: 30px; height: auto; overflow: visible; color: #393939; }
.info-three-3 .con-box .on { background-color: #d8d8d8; }

.feedback { height: 465px; background-color: #f6f6f6; padding-top: 10px; }
.feedback .content { height: 465px; background: url(../images/feedback.png) center no-repeat; padding-top: 1px; }
.feedback ul { width: 367px; height: 320px; margin-left: 636px; margin-top: 100px; }
.feedback li { margin-top: 10px; }
.feedback label { font-size: 12px; color: #333; margin-left: 6px; margin-right: 16px; }
.feedback input[type="text"] { width: 210px; height: 17px; padding-left: 5px; border: #cacaca 1px solid; }
.feedback textarea { width: 210px; height: 50px; padding-left: 5px; border: #cacaca 1px solid; }
.feedback span { color: red; position: relative; top: 3px; }
.feedback .yzm { width: 65px !important; margin-left: -12px; }
.feedback img { position: relative; top: 5px; margin-left: 10px; }
.feedback input[type="submit"], .feedback input[type="reset"] { height: 27px; -webkit-border-top-right-radius: 3px; -moz-border-top-right-radius: 3px; border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; -webkit-border-top-left-radius: 3px; -moz-border-top-left-radius: 3px; border-top-left-radius: 3px; border: none; padding-left: 10px; padding-right: 10px; line-height: 27px; font-size: 12px; color: #fff; margin-right: 15px; margin-top: 10px; margin-left: 5px; }
.feedback input[type="submit"] { background-color: #f07310; }
.feedback input[type="reset"] { background-color: #a9a9a9; }

.f-link { height: 145px; overflow: hidden; background: url(../images/bg-flink.png) 0px 10px no-repeat; margin-bottom: 10px; margin-top: 10px; }
.f-link .link { margin-top: 70px; font-size: 14px; line-height: 24px; text-align: left; }
.f-link a { margin-right: 20px; color: #000; }

/* ----------------------------------------------------------------------footer------------------------------------------------------------------- */
.footer { height: 218px; background-color: #2b2b2b; text-align: left; }
.footer img { float: left; margin-top: -1px; }
.footer .ft-nav { height: 24px; line-height: 24px; margin-top: 15px; margin-left: 90px; font-size: 12px; float: left; }
.footer .ft-nav a { color: #fff; }
.footer .ft-nav a:hover { color: #dfdfdf; }
.footer .ft-nav span { margin-left: 15px; margin-right: 15px; color: #dfdfdf; }
.footer .cpt { float: left; margin-left: 90px; margin-top: 20px; }
.footer .cpt p { text-align: left; width: 460px; font-size: 12px; line-height: 24px; color: #fff; }
.footer .cpt a { color: #fff; }