@charset "UTF-8";
/*--公共部分--*/
@media (max-width:768px) {
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; touch-callout: none; cursor: pointer; }

body, form, img, ul, ol, li, dl, dt, dd, p, tr, td, strong, span, pre { margin: 0; padding: 0; border: 0; background-repeat: no-repeat; }

h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0; font-weight: normal; }

body, button, input, select, textarea { font-size: 14px; line-height: 24px; color: #333; font-family: tahoma, arial, 'Microsoft YaHei','Hiragino Sans GB', sans-serif; }

ul, li { list-style: none; }

img { border: 0px; max-width: 100%; }

table { border-collapse: collapse; border-spacing: 0; }

*, :after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-repeat: no-repeat; }

article, aside, footer, header, nav, section { display: block; }

a { background-color: transparent; -webkit-text-decoration-skip: objects; text-decoration: none; color: #333; outline: none; }

a:hover { background-repeat: no-repeat; text-decoration: none; }

a, input[type="button"], button, label, input[type="submit"] { cursor: pointer; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sub { bottom: -0.25em; }

sup { top: -0.5em; }

audio, video { display: inline-block; }

[type="checkbox"], [type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

input, textarea, select { font-family: 'Times New Roman', Times, serif; outline: none; }

input[type="text"], input[type="password"], input[type="button"], input[type="submit"], select, textarea { outline-style: none; -webkit-appearance: none; resize: none; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }

input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset !important; }

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

.clearfix { *zoom: 1; }

.clear { clear: both; line-height: 0; height: 0; font-size: 0; }

.fl { float: left; }

.fr { float: right; }

.show { display: block !important; }

.hide { display: none !important; }

.z-transition { -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; }

.z-css3 { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.commonweb { padding: 0px 10px; }
}
@media (max-width: 320px) { body { min-width: 320px; } }

/* layout start*/


@charset "UTF-8";
/*网站基本定义*/
@media (max-width:768px) {
* { outline: none; outline-style: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; -webkit-font-smoothing: antialiased !important; -moz-font-smoothing: antialiased !important; -o-font-smoothing: antialiased !important; -ms-font-smoothing: antialiased !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); tap-hightlight-color: rgba(0, 0, 0, 0); touch-callout: none; -webkit-touch-callout: none; margin: 0; padding: 0; }

div, form, img, ul, ol, li, dl, dt, dd, p, tr, td, input, body, strong, span, pre { margin: 0; padding: 0; border: 0; background-repeat: no-repeat; }

h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0; font-weight: normal; }

body { font: 13px/19px Pingfang SC,Heiti SC,DroidSansFallback,Microsoft Yahei,Microsoft JhengHei,WenQuanYi Micro Hei,Helvetica Neue,Verdana,Arial,Helvetica,sans-serif; margin: 0px; padding: 0px; height: auto; clear: both; color: #666; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background: #fff; }

img { border: 0px; }

ul, li { list-style: none; }

em, i { font-style: normal; }

a { text-decoration: none; color: #333; }

input::-moz-focus-inner { border: none; padding: 0; }

input { font: 13px/19px Pingfang SC,Heiti SC,DroidSansFallback,Microsoft Yahei,Microsoft JhengHei,WenQuanYi Micro Hei,Helvetica Neue,Verdana,Arial,Helvetica,sans-serif; }

input, select, textarea { outline-style: none; -webkit-appearance: none; resize: none; border: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); tap-hightlight-color: rgba(0, 0, 0, 0); touch-callout: none; -webkit-touch-callout: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
}
/*网站基本定义*/
@media (max-width:768px) {
.clearfix:after { clear: both; content: "."; height: 0; display: block; visibility: hidden; }

.clear { clear: both; }

input::-moz-placeholder, textarea::-moz-placeholder { color: #999; }

input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #999; }

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #999; }
}
@charset "UTF-8";
@media (max-width:768px) {
body, html { min-height: 100%; width: 100%; }



.main { margin-bottom: 50px; overflow-x: hidden; }

/*--头部--*/
.head { position: fixed; width: 100%; z-index: 99; height: 56px; left: 0; top: 0; background: #fff; border-bottom: 1px solid #e0e0e0; }

.head h2 { font-size: 16px; text-align: center; line-height: 55px; padding-left: 48px; }

.head-top { background: #700005; height: 30px; line-height: 30px; text-align: left; font-size: 14px; color: #fff; position: absolute; left: 0; top: 55px; width: 100%; }

.head-top a { color: #fff; padding: 0 5px; }

.head-top a.a01 { margin-right: 5px; }

.logo { display: block; }

.logo img { max-height: 100%; display: block; height: 55px; }

.head-nav { text-align: center; background: #fff; position: absolute; top: 55px; width: 100%; display: none; overflow-y: auto; overflow-x: hidden; }

.action .head-nav, .action .nav-logo { display: block; }

.nav-ul li { display: block; text-align: left; background-repeat: no-repeat; padding: 0 35px; }

.nav-ul li h3 { position: relative; background-repeat: no-repeat; border-bottom: 1px solid #bbb; }

.nav-ul li h3 a { display: block; font-size: 15px; color: #333; height: 45px; line-height: 45px; }

.nav-ul li em { position: absolute; background: url(../webimages/img15.png) center no-repeat; -moz-background-size: 14px auto; -o-background-size: 14px auto; background-size: 14px auto; width: 20px; height: 50px; right: 0; top: 0; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }

.nav-ul li h3.curr em, .help-sub h4.cur em { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

.help-nav h3.cur em { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }

.nav-ul ul { padding: 0 35px; }

.second-nav a { display: block; font-size: 14px; color: #888; line-height: 28px; }

.second-nav { display: none; padding: 8px 15px; }

.action .nav-logo { width: 100%; }

.navs { width: 55px; height: 55px; overflow: hidden; position: absolute; right: 0; top: 0; border-left: 1px solid #e0e0e0; z-index: 9; }

.navs span { top: 25px; }

.navs span:first-child { content: ""; top: 17px; left: 0; }

.navs span:last-child { content: ""; top: 34px; left: 0; }

.navs span, .navs span:first-child, .navs span:last-child { left: 14px; position: absolute; background: #666; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; width: 27px; height: 2px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

.action .navs { border: none; }

.action .navs span { opacity: 0; }

.action .navs span:first-child { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 25px; opacity: 1; }

.action .navs span:last-child { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 25px; opacity: 1; }

.nav-logo { position: absolute; padding-left: 15px; height: 55px; left: 0; top: 0; padding-top: 9px; background: #fff; z-index: 2; display: block; }

.nav-logo img { height: 38px; }

.back { position: absolute; height: 55px; width: 45px; left: 0; top: 0; background: url(../webimages/back.png) 15px center no-repeat; -moz-background-size: 13px auto; -o-background-size: 13px auto; background-size: 13px auto; display: none; }

.back img { width: 12px; height: 21px; }

/*foot*/
footer .nav-ul li { padding: 0 15px; }

.tel { font-size: 14px; color: #333; line-height: 26px; padding: 8px 15px 10px; }

.tel a { color: #004599; }

.tel a em { color: #363636; }

.tel a:nth-of-type(1) { padding-right: 13px; }

.bottom { background: #f6f6f6; }

.pic { text-align: center; border-bottom: 1px solid #e6e6e6; padding: 15px 15px 12px; }

.pic a { margin: 0 .45rem; }

.pic a img { width: .9rem; height: .9rem; }

.bottom-sub { font-size: 14px; color: #999; text-align: center; line-height: 24px; padding: 10px 0; }

.bottom-sub a { color: #999; padding: 0 12px; }

.bottom-sub p:nth-of-type(1) { margin-bottom: 5px; }

/*首页*/
.banner { position: relative; width: 100%; overflow: hidden; max-height: 549px; }

.banner ul { width: 9999px; webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate(0, 0); -ms-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); position: relative; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; max-height: 539px; }

.banner ul li { position: relative; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; float: left; }

.banner ul li img { max-width: 100%; display: block; margin: 0 auto; }

.banner-pagination { position: absolute; text-align: center; -webkit-transition: 300ms; -moz-transition: 300ms; -o-transition: 300ms; transition: 300ms; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10; bottom: 11px; right: 12px; }

.banner-pagination span { width: 8px; height: 8px; border: 1px solid #fff; margin: 0 3px; display: inline-block; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; }

.banner-pagination span.cur { background: #fff; }

.four li { width: 50%; text-align: center; font-size: 16px; height: 104px; margin-bottom: 4px; float: left; padding-right: 2px; }

.four li:nth-of-type(2n) { padding-right: 0px; padding-left: 2px; }

.four li a { color: #fff; background: -webkit-linear-gradient(top, #0067f2 0%, #003a7f 100%); display: block; padding-top: 20px; padding-bottom: 20px; }

.four li a img { display: block; margin: 0 auto 5px; height: 40px; }

.index-new { height: 40px; line-height: 40px; font-size: 13px; color: #333; display: -webkit-box; padding: 0 15px; overflow: hidden; }

.index-new i { display: block; border-right: 1px solid #676767; padding-right: 13px; height: 16px; line-height: 16px; margin-top: 12px; margin-right: 13px; }

.index-new ul { -webkit-box-flex: 1; }

.index-new ul li { height: 40px; overflow: hidden; }

.index-new ul a { color: #333; display: block; overflow: hidden; }

.index-new ul a em { width: 68%; overflow: hidden; height: 40px; line-height: 40px; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; float: left; display: block; }

.index-new ul a span { color: #6c6c6c; float: left; padding-left: 3px; display: block; }

.index-pro li { width: 100%; background: url(../webimages/index-probg.jpg) no-repeat; -moz-background-size: cover; -o-background-size: cover; background-size: cover; height: 2.5rem; }

.index-pro li a { display: block; font-size: 14px; color: #1c1c1c; line-height: 22px; position: relative; height: 100%; }

.index-pro li a span { display: block; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); left: .73rem; }

.index-pro li a img { display: block; position: absolute; width: 2.65rem; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); right: .66rem; }

.index-jj a { display: block; }

.index-jj a img { display: block; width: 100%; }
}
@media (max-width: 320px) { .index-new ul a em { width: 60%; } }

/*在线帮助文档*/
@media (max-width:768px) {
.help-nav { padding: 0 15px; border-bottom: 1px solid #01469a; position: relative; height: 39px; position: fixed; left: 0; top: 56px; width: 100%; z-index: 9; background: #fff; }

.help-nav h3 { color: #333; font-size: 16px; padding: 10px 0; }

.help-nav h3 em, .help-sub h4 em { background: url(../webimages/YYimg34.png) right center no-repeat; display: block; -moz-background-size: 16px auto; -o-background-size: 16px auto; background-size: 16px auto; width: 16px; height: 39px; right: 10px; top: 0; position: absolute; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }

.help-sub h4 em { background: url(../webimages/img15.png) center no-repeat; -moz-background-size: 14px auto; -o-background-size: 14px auto; background-size: 14px auto; }

.help-sub { position: absolute; left: 0; top: 39px; padding: 0 15px; width: 100%; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; z-index: 9; background: #fff; display: none; -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1); }

.nav-sub { display: none; }

.help-sub h4 { position: relative; }

.help-sub h4 em { right: 7px; }

.help-sub li { border-bottom: 1px solid #d9d9d9; }

.help-sub h4 a { display: block; padding: 10px 25px 10px 0; color: #333; font-size: 13px; }

.nav-sub a { font-size: 13px; color: #888; padding: 10px 8px; display: block; }

.help-content { padding: 10px 15px; font-size: 14px; color: #333; line-height: 25px; }

.help-content img, .about-content img { max-width: 100%; display: block; margin: 0 auto; }

.help-content a { text-decoration: underline; }

.about-content { color: #333; font-size: 14px; line-height: 20px; padding: 10px 15px; }

.h3-title { font-size: 19px; color: #333; text-align: center; padding: 15px 0; }

.h2-title { font-size: 18px; color: #333; font-weight: bold; padding: 13px 0; text-align: center; }

.next-prev { border-bottom: 1px solid #e0e0e0; border-top: 1px solid #e0e0e0; margin: 25px 0 15px; padding: 5px 0; }

.next-prev a { display: block; line-height: 30px; font-size: 14px; color: #5696ff; text-decoration: none; }

/*产品*/
.part-one { -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: no-repeat; }

.pro-ac { position: relative; color: #262626; font-size: 14px; line-height: 25px; }

.this-img { max-width: 100%; display: block; margin: 0 auto; }

.one-txt { text-align: center; position: absolute; width: 100%; top: .2rem; line-height: 23px; }

.pro-ac h2 { font-size: 17px; text-align: center; color: #0088d1; margin-bottom: 10px; }

.part-two { padding: 15px; text-align: center; }

.part-three { text-align: left; line-height: 23px; color: #4c4c4c; font-size: 13px; position: relative; }

.part-three h3 { font-size: 16px; padding: 5px 0; color: #262626; width: 100%; left: 0; top: .6rem; /* position:absolute;*/ }

.part-three h2 { color: #0088d1; width: 100%; /*position:absolute; left:0; top:.3rem;*/ margin-bottom: 19px; margin-top: 8px; }

.this-a { color: #01469a; font-size: 13px; padding-right: 15px; background: url(../webimages/bg-18.png) right center no-repeat; -moz-background-size: auto 13px; -o-background-size: auto 13px; background-size: auto 13px; }

.three-txt { padding: 0 15px; text-align: center; }

.part-four { padding: 20px 15px; text-align: center; }

.part-four h2 { font-size: 17px; color: #0088d1; text-align: center; padding: 8px 0; }

.four-ul li { display: -webkit-box; margin-bottom: 15px; }

.four-ul li img { width: .8rem; margin-right: 10px; max-width: 100%; }

.sub-four { font-size: 13px; color: #4c4c4c; line-height: 22px; -webkit-box-flex: 1; text-align: left; }

.sub-four h3 { font-size: 15px; color: #333; text-align: left; }

.part-five { padding: 40px 0 20px; }

.part-five h2, .part-eight h2 { font-size: 19px; text-align: center; color: #0088d1; padding: 10px 0 20px; }

.five-ul { padding: 0 15px; }

.five-ul li { color: #666; font-size: 13px; display: -webkit-box; margin-bottom: 15px; }

.five-ul li img { width: 40px; margin-right: 10px; }

.five-ul li h3 { font-size: 17px; color: #02d0ac; }

.five-ul li h4 { font-size: 15px; color: #666; }

.sub-five { -webkit-box-flex: 1; }

.part-six { padding: 30px 15px 25px; text-align: center; }

.seven-ul li { width: 50%; padding: 0 10px; font-size: 13px; color: #666; line-height: 20px; float: left; margin-top: 15px; }

.seven-ul li img { display: block; max-width: 100%; margin: 0 auto; -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3); box-shadow: 0 0 2px rgba(0, 0, 0, 0.3); }

.seven-ul li p { margin-top: 5px; }

.part-eight { -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: no-repeat; padding: 20px 0; }

.eight-ul li { text-align: center; font-size: 13px; color: #666; line-height: 23px; float: left; width: 50%; padding: 0 15px; margin-bottom: 15px; }

.eight-ul li img { display: block; margin: 0 auto 5px; max-width: 100%; }

.ap-one { padding: 0 0 30px; }

.ap-one .one-txt { position: relative; top: auto; padding: 0 15px; }

.ap-twoul li { width: 33.333%; }

/*.ap-oneul li:nth-of-type(1){ width:100%;}*/
/*了解信锐*/
.know-one { font-size: 14px; color: #4c4c4c; line-height: 20px; background-position: left top; padding: 15px; }

.know-one img { display: block; max-width: 100%; margin: 0 auto; }

.know-one h2 { font-size: 17px; color: #262626; line-height: 24px; margin: 10px 0; }

.know-event h2 { font-size: 17px; color: #262626; text-align: center; line-height: 50px; }

.event-list { padding: 0 15px 0 40px; position: relative; }

.event-list:before { content: ""; display: block; position: absolute; width: 2px; height: 100%; background: #9adaff; left: 22px; top: 0; }

.event-list li { position: relative; font-size: 13px; color: #333; margin-bottom: 17px; }

.event-list li:before { content: ""; position: absolute; display: block; left: -20px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; background: #01469a; width: 6px; height: 6px; top: 7px; }

.event-list li h3 { background: url(../webimages/know02.png) left center no-repeat; -moz-background-size: 18px auto; -o-background-size: 18px auto; background-size: 18px auto; padding-left: 28px; font-size: 16px; color: #01469a; margin-bottom: 8px; }

.know-user { padding: 20px 15px; background: #f7f7f7; font-size: 14px; color: #262626; line-height: 24px; }

.know-user img { display: block; margin: 0 auto; max-width: 100%; }

.know-user h2 { color: #333; font-size: 18px; padding: 10px 0; }

.know-user h2 b { color: #01469a; }

.know-map { background: #fff; }

.know-user a { display: inline-block; margin-top: 10px; }

/*活动专题*/
.activity-list { padding: 15px; }

.activity-list li { margin-bottom: 20px; }

.activity-list li a { display: block; font-size: 14px; color: #666; line-height: 22px; }

.activity-list li img { display: block; margin: 0 auto; width: 100%; }

.activity-list li a h2 { font-size: 17px; color: #262626; padding: 8px 0; }

.activity-list li a span { font-size: 13px; }

.activity-list li a em { font-size: 13px; color: #01469a; }

.activity-list li p { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.hnew-detail { padding: 15px; }

.hsh-title { border-bottom: 1px solid #e0e0e0; text-align: center; text-align: center; padding-bottom: 15px; }

.hsh-title h2 { font-size: 18px; color: #262626; padding: 10px 0; line-height: 24px; }

.hsh-title span { font-size: 14px; color: #888; }

.hsh-con { font-size: 14px; color: #4c4c4c; line-height: 23px; padding-top: 20px; }

.hsh-con img { max-width: 100%; }

.hsh-back { display: block; color: #333; width: 90px; height: 35px; line-height: 35px; font-size: 14px; text-align: center; background: #f2f2f2; margin: 0 auto; }

.hsh-next { padding-top: 20px; }

.prev-next { padding: 8px 0; border-bottom: 1px solid #e0e0e0; border-top: 1px solid #e0e0e0; line-height: 30px; font-size: 14px; margin-top: 15px; }

.prev-next a { color: #333; display: block; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; }

/*联系我们*/
.contact-way > img { width: 100%; display: block; max-width: 100%; margin: 0 auto; }

.contact-way li { padding: 0 15px; display: -webkit-box; margin-top: 15px; }

.contact-way li img { width: 48px; margin-right: 10px; }

.way-sub { -webkit-box-flex: 1; font-size: 16px; color: #01469a; }

.way-sub h2 { font-size: 14px; color: #4c4c4c; }

.contact-mes { margin-top: 20px; overflow: hidden; }

.contact-nav a { display: block; float: left; width: 80px; height: 35px; line-height: 35px; text-align: center; color: #262626; }

.contact-nav a.cur { color: #fff; background: #01469a; }

.contact-nav p { width: 9999px; }

.sub-mes { font-size: 13px; color: #4c4c4c; line-height: 23px; padding: 0 15px; display: none; }

.sub-mes:nth-of-type(1) { display: block; }

.sub-mes h2 { font-size: 16px; color: #01469a; }

.sub-mes li { padding: 15px 0; border-bottom: 1px solid #e0e0e0; }

/*视频中心*/
.video-list li { width: 100%; padding: 0 15px; margin-top: 15px; }

/*成功案例*/
.case-nav { padding: 0 15px 10px; }

.case-nav a { display: block; float: left; color: #01469a; height: 35px; line-height: 35px; text-align: center; font-size: 16px; width: 50%; }

.case-nav a.cur { background: #01469a; color: #fff; }

.case-nav span { line-height: 35px; display: block; }

.sun-casenav a { width: 25%; }

.cae-list { padding: 0 15px; }

.cae-list li { margin-top: 15px; text-align: center; color: #fff; }

.cae-list img { display: block; width: 100%; }

.cae-list li h2 { line-height: 40px; font-size: 16px; background: #01469a; color: #fff; }

/*人才招聘*/
.zph img { max-width: 100%; display: block; margin: 0 auto; }

.hgrow-up { padding: 15px; font-size: 14px; color: #4c4c4c; line-height: 23px; }

.hgrow-up h2 { color: #262626; font-size: 17px; line-height: 30px; }

.hgrow-up h3 { position: relative; font-size: 15px; color: #01469a; line-height: 30px; margin-bottom: 10px; }

.hgrow-up h3:after { content: ""; position: absolute; height: 2px; width: 40px; background: #a4ccff; left: 0; bottom: -2px; }

.hgrow-pic li { text-align: center; font-size: 14px; color: #4c4c4c; line-height: 23px; width: 50%; padding: 0 10px; margin-bottom: 15px; float: left; }

.hgrow-pic li img { display: block; max-width: 100%; margin: 0 auto 2px; }

.hgrow-up h3.this-h3 { color: #333; }

.hgrow-up h3.this-h3:after { background: #ccc; }

.hgrow-up p.add { background: url(../webimages/lianxi1.png) no-repeat 0px 5px; padding-left: 27px; }

.hgrow-up p.tel { background: url(../webimages/lianxi2.png) no-repeat 0px 5px; padding: 8px 0 8px 27px; }

.hgrow-up p.Email { background: url(../webimages/lianxi4.png) no-repeat 0px 5px; padding-left: 27px; }

/*--加入我们--*/
.Recruitmentlist { padding: 25px 15px; margin: 0px; position: relative; }

.Recruitmentlist ul { margin: 0px; padding: 0px; border-top: 1px solid #e6e6e6; }

.Recruitmentlist ul li { margin: 0px; padding: 0px; border-bottom: 1px solid #dbdbdb; }

.Recruitmentlist ul li h3.Recruitmenttitle { color: #4e4e4e; font-size: 14px; font-weight: 400; padding: 0px 15px 0px 10px; height: 45px; line-height: 45px; position: relative; cursor: pointer; }

.Recruitmentlist ul li h3.Recruitmenttitle span { display: block; position: absolute; width: 19px; height: 13px; background: url(../webimages/icon-11.png) no-repeat; top: 18px; right: 15px; }

.RecruitmentContent { padding: 10px 30px; font-size: 13px; line-height: 23px; color: #4c4c4c; background: #fafafa; display: none; overflow: hidden; }

.RecruitmentContent h4.Rtconttitle { color: #4c4c4c; font-size: 14px; font-weight: bold; }

.Recruitmentlist ul li.cur { padding-bottom: 30px; }

.Recruitmentlist ul li.cur h3 { color: #00539d; }

.Recruitmentlist ul li.cur h3.Recruitmenttitle span { background: url(../webimages/icon-12.png) no-repeat; -moz-background-size: 19px auto; -o-background-size: 19px auto; background-size: 19px auto; }

.RecruitmentReturn { text-align: left; padding-top: 10px; }

.RecruitmentReturn a { display: block; background: #00539d; font-size: 16px; width: 140px; color: #fff; padding: 5px 0px; text-align: center; }

/*-------- 0905 解决方案 --------*/
.zsolutioncont { padding: 10px 15px; }

.zsolutionfont { color: #333; font-size: 14px; line-height: 26px; text-align: center; }

.zslbanner { width: 100%; position: relative; }

.zslbanner img { display: block; width: 100%; }

.zsolution1 { padding: 20px 0; background: url(../webimages/zimg02.jpg) no-repeat !important; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

.zsolutiontitle { font-size: 18px; text-align: center; padding-bottom: 15px; color: #0088d1; }

.zsolutionlist ul li { width: 50%; text-align: center; float: left; }

.zsolutionlist ul li:nth-of-type(2n+1) { clear: left; }

.zsolutionlist ul li div { padding: 0 15px; }

.zsolutionlist ul li img { display: block; width: 80%; margin: 0 auto; }

.zsolution2 { padding: 20px 15px; }

.zsolution2 img { display: block; width: 100%; }

.zsolution2 .zsolutiontitle { text-align: center; color: #0088d1; }

.zsolutionmore { display: block; margin: 10px 0; color: #0550b3; }

.zsolutionmore:after { display: inline-block; content: ""; width: 7px; height: 7px; margin-left: 3px; border-left: 1px solid #0550b3; border-bottom: 1px solid #0550b3; vertical-align: 1px; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); -wenkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); }

.zsolution4 { padding: 20px 15px; background: url(../webimages/zimg10.jpg) no-repeat; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

.zsolution4 .zsolutiontitle { text-align: left; }

.zsolution4 img { display: block; width: 100%; }

.zrelevantsol { width: 100%; padding: 20px 15px; background: #fafafa; }

.zrelevantsolcont { overflow: hidden; }

.zrelevantsolcont ul { width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; transition-property: -webkit-transform; -moz-transition-property: transform, -moz-transform; transition-property: transform; transition-property: transform, -webkit-transform, -moz-transform, -o-transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

.zrelevantsolcont ul li { width: 100%; float: left; position: relative; text-align: center; line-height: 18px; margin-right: 5px; -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; }

.zrelevantsolcont ul li img { display: block; width: 100%; }

.zrelevanttext { padding: 10px; background: #32A3DF; color: #fff; }

.zrelevanttext h4 { font-size: 16px; padding-bottom: 10px; }

.zrelevantlink { display: inline-block; color: #fff; margin-top: 10px; }

.zrelevanttext p { -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; }

.zrelevantsoltitle { font-size: 18px; color: #333; padding-bottom: 12px; }

.zsuccesscase { padding: 15px; overflow: hidden; color: #333; }

.zrelevantsoltitle .zsolutionmore { display: block; float: right; color: #0550b3; margin: 0; font-size: 14px; padding-right: 2px; }

.zsuccesscase ul li { float: left; width: 33.33%; text-align: center; }

.zsuccesscase ul li div { padding-right: 3%; }

.zsuccesscase ul li img { display: block; width: 100%; margin-bottom: 8px; }

.zsuccesscase ul li:nth-child(3) div { padding-right: 0; }

/*-------- 解决方案-酒店 --------*/
.zhotel1 { padding: 20px 0; background: url(../webimages/zimg26.jpg) no-repeat !important; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

.zhotel2 { padding: 20px 15px; }

.zhotel2 img { display: block; width: 100%; }

.zhotel2 .zsolutiontitle { text-align: center; color: #0088d1; }

/*-------- 解决方案-金融 --------*/
.zFinance { padding: 20px 0; background: url(../webimages/zimg26.jpg) no-repeat !important; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

.zFinance2 { padding: 20px 15px; }

.zFinance2 img { display: block; width: 100%; }

.zFinance2 .zsolutiontitle { text-align: left; }

/*-------- 解决方案-医疗 --------*/
.zMedicalcare { padding: 20px 0; background: url(../webimages/zimg43.jpg) no-repeat !important; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

.zMarket { padding: 20px 0; background: url(../webimages/zimg52.jpg) no-repeat !important; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

.zqiyecont { padding: 20px 0; background: url(../webimages/zimg67.jpg) no-repeat !important; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

.zqischool { padding: 20px 0; background: url(../webimages/zimg78.jpg) no-repeat !important; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

.zzhengfucontl { padding: 20px 0; background: url(../webimages/zimg121.jpg) no-repeat !important; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

.zzhengfucontl2 { padding: 20px 0; background: url(../webimages/zimg122.jpg) no-repeat !important; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

.zzhengfucontl3 { padding: 20px 0; background: url(../webimages/zimg120.jpg) no-repeat !important; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

.zzhihuisq { padding: 20px 0; background: url(../webimages/zimg114.jpg) no-repeat !important; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

.zshubaocont { padding: 20px 0; background: url(../webimages/zimg131.jpg) no-repeat !important; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

.zguidaocont { padding: 20px 0; background: url(../webimages/zimg141.jpg) no-repeat !important; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

/*-------- 培训课程 --------*/
.ztraintextcont { padding: 20px 15px 0 15px; line-height: 24px; font-size: 14px; }

.ztraintitle { font-size: 18px; color: #0088d1; text-align: center; padding-bottom: 20px; }

.ztrainlabel { display: inline-block; padding: 6px 12px; background: #5b9bd5; color: #fff; font-size: 15px; margin-bottom: 6px; }

.ztrainlabel:before { display: inline-block; content: ""; width: 25px; height: 25px; background: url(../webimages/zimg193.png) no-repeat; -moz-background-size: 560px 430px; -o-background-size: 560px 430px; background-size: 560px 430px; vertical-align: -9px; margin-right: 3px; }

.ztrainlabelicon2:before { background-position: -42px -1px; }

.ztrainlabelicon3:before { background-position: -78px -1px; }

.ztrainlabelicon4:before { background-position: -109px -1px; }

.ztrainlabelicon5:before { background-position: -140px -1px; }

.ztraintable { width: 100%; overflow-x: scroll; overflow-y: hidden; font-size: 14px; line-height: 30px; color: #333; }

.ztraintable table { width: 220%; border-collapse: collapse; }

.ztraintable td, .ztraintable th { border: 1px solid #ccc; padding: 15px 25px; font-weight: normal; }

.ztraintable table tr th.th1 { width: 218px; }

.ztraintable table tr th.th2 { width: 338px; }

.ztraintable table tr th.th3 { width: 338px; }

.ztraintable table tr th.th4 { width: 308px; }

/*-------- 产品参数 --------*/
.zparameterlist { text-align: center; padding: 20px 15px 8px 15px; font-size: 14px; border-bottom: 1px solid #01469a; }

.zparameterlist a.cur { color: #01469a; }

.zparameterlist a { float: left; margin: 0 12px 6px 0; }

.zparametertextcont { width: 100%; overflow: scroll; font-size: 14px; line-height: 30px; color: #333; height: auto; }

.zparametertextcont table { border-collapse: collapse; width: 100%; }

.zparametertextcont table tr th { text-align: left; font-size: 18px; padding: 10px 0 10px 20px; width: 16.6%; overflow: hidden; }

.zparametertextcont table { border-collapse: collapse; width: 100%; }

.zparametertextcont table tr td { font-size: 14px; line-height: 24px; color: #262626; width: 16.6%; vertical-align: top; }

.zparametertextcont table tr td .text { width: 174px; text-align: left; padding-left: 16px; }

.zparametertextcont table tr td.firsttd { border-left: none; }

.zparametertextcont table tr td.tdimg { border: none; padding: 10px 0; text-align: center; }

.zparametertextcont table tr td.tdimg img { display: block; width: 82%; margin: 0 auto; }

.zparametertextcont table tr.firsttdtext td { border: none; border-bottom: 1px solid #ccc; padding: 0; vertical-align: middle; text-align: center; }

/*-------- 法律声明 --------*/
.lawtextlink { color: #0070C0; }

.about-content { line-height: 23px; }

/*Yewenwen--2016-9-5-服务中心*/
.wwdowntab { border-bottom: 1px solid #e0e0e0; background: #F2F2F2; }

.wwdowntab span { display: block; float: left; width: 50%; height: 40px; line-height: 40px; text-align: center; text-indent: -35px; background: url(../webimages/YYimg34.png) no-repeat 65% center; -moz-background-size: 14px 8px; -o-background-size: 14px 8px; background-size: 14px 8px; }

.wwdowntab span:first-child { border-right: 1px solid #E0E0E0; }

.wwchoice { padding: 20px 12px 15px; display: none; position: absolute; left: 0; width: 100%; background: #fff; z-index: 99; box-shadow: 3px 2px 9px #c8c8c8; -moz-box-shadow: 3px 2px 9px #c8c8c8; -ms-box-shadow: 3px 2px 9px #c8c8c8; -o-box-shadow: 3px 2px 9px #c8c8c8; -webkit-box-shadow: 3px 2px 9px #c8c8c8; }

.wwchoice h4 { margin-bottom: 12px; }

.wwchoice a { display: inline-block; text-align: center; line-height: 28px; font-size: 12px; margin-right: 2%; margin-bottom: 2%; border: 1px solid #ccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; width: 31%; height: 30px; }

.wwchoice a:nth-child(3n) { margin-right: 0; }

.wwchoice a.cur { background: #5696ff; color: #fff; border: 1px solid #5696ff; }

.wwdowninfo { width: 100%; overflow-X: scroll; padding: 20px 0; }

.wwdowninfo table { width: 100%; border-collapse: collapse; border-top: 1px solid #d9d9d9; }

.wwdowninfo table tr th { font-size: 12px; font-weight: 100; /*background-color: #e0e0e0;*/ height: 40px; border: 1px solid #d9d9d9; border-top: none; }

.wwdowninfo table tr td { height: 40px; text-align: center; font-size: 12px; border: 1px solid #d9d9d9; }

.wwinfoload { padding: 15px 12px 0; }

.wwinfoload a { display: block; width: 100%; height: 40px; text-align: center; line-height: 40px; font-size: 15px; color: #fff; background: #004599; }

/*意见反馈*/
.wwopinion { padding: 20px 12px; color: #333; }

.wwbuC2 { color: #01469a; }

.wwopinionfrom { padding: 20px 0; }

.wwclass { -webkit-box-flex: 2; padding: 8px 12px; }

.wwopinionfrom ul { border-bottom: 1px solid #ccc; }

.wwopinionfrom ul li { display: -webkit-box; font-size: 12px; border: 1px solid #ccc; border-bottom: none; }

.wwopinionfrom ul li span { display: inline-block; height: 40px; line-height: 40px; width: 72px; text-indent: 5px; }

.wwclass { -webkit-box-flex: 1; border-left: 1px solid #ccc; }

.wwopinionfrom ul li .wwclass label input { width: 13px; height: 13px; background: url(../webimages/wwimg01.png) no-repeat; -moz-background-size: 13px 13px; -o-background-size: 13px 13px; background-size: 13px 13px; margin-right: 5px; vertical-align: -2px; }

.wwopinionfrom ul li .wwclass label { padding: 0; margin-right: 1%; width: 48%; display: inline-block; height: auto; }

.wwclass label:nth-child(2n) { margin-right: 0%; }

.wwopinionfrom ul li span i { color: #01469a; }

.wwopinionfrom ul li.wwclassli span { height: 73px; line-height: 73px; }

.wwopinionfrom ul li textarea { padding: 8px 12px; -webkit-box-flex: 1; display: block; color: #333; height: 80px; }

.wwopinionfrom ul li label { padding: 0 12px; -webkit-box-flex: 1; height: 40px; display: block; line-height: 40px; }

.wwopinionfrom ul li label input { width: 100%; height: 40px; line-height: 40px; color: #333; background: none; }

.wwopinionfrom ul li.wwcenli span { height: 80px; line-height: 80px; }

.wwopinionfrom ul li .wwclass label input.cur { background: url(../webimages/YYimg35.png) no-repeat; -moz-background-size: 13px 13px; -o-background-size: 13px 13px; background-size: 13px 13px; }

.wwfromsub { display: block; margin: 0 auto; width: 120px; height: 35px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #01469a; }

.wwfromsub input { background: none; color: #fff; line-height: 35px; text-align: center; width: 100%; font-size: 15px; }

/*技术解读*/
.wwtechlist { padding: 20px 12px 0; }

.wwtechlist dl { margin-bottom: 18px; position: relative; padding-right: 70px; }

.wwtechlist dl a { color: #666; }

.wwtechlist dl dt { position: absolute; right: 0; float: right; text-align: center; top: 50%; margin-top: -28px; }

.wwtechlist dl dt p { font-size: 22px; color: #1a1a1a; border-bottom: 1px solid #1a1a1a; font-weight: bold; padding-bottom: 10px; margin-bottom: 8px; }

.wwtechlist dl dd { float: left; }

.wwtechlist dl dd h3 { word-break: break-all; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 5px; color: #666; }

.wwtechlist dl dd p { word-break: break-all; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: 12px; line-height: 15px; margin-bottom: 5px; }

.wwtechmore { font-size: 12px; }

.wwtechlist dl dt span { font-size: 14px; }

/*服务于支持-产品试用*/
.wwprotry { padding: 20px 12px; }

.masker { background: rgba(0, 0, 0, 0.5); position: fixed; width: 100%; height: 100%; left: 0; top: 0; display: none; z-index: 99; }

/*联系地址弹窗*/
.ucenter_adress { position: fixed; height: 280px; width: 6.1rem; left: 50%; margin-left: -3.05rem; background: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #fff; top: 50%; z-index: 9999; padding: 13px .3rem 0; display: none; margin-top: -140px; }

.ucenter_adress h2 { height: 43px; line-height: 43px; font-size: 15px; color: #1a1a1a; border-bottom: 1px solid #d9d9d9; }

.ucenter_adress .base01 { margin-top: 30px; }

.ucenter_adress h2 { height: 43px; line-height: 43px; font-size: 15px; color: #1a1a1a; border-bottom: 1px solid #d9d9d9; }

.ucenter_adress .base01 { margin-top: 30px; }

.ucenter_adress .input_base { width: 5.5rem !important; background: #fff url(../webimages/YYimg36.png) 5.1rem center no-repeat; -moz-background-size: 8px 13px; -o-background-size: 8px 13px; background-size: 8px 13px; height: 30px !important; line-height: 28px !important; font-family: "Microsoft Yahei"; }

.adress_sure { display: block; background: #01469a; font-size: 15px; color: #fff; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; height: 47px; line-height: 47px; width: 2.65rem; text-align: center; margin: 10px auto 0; }

.sub_navs .search { display: block; height: 49px; }

.sub_navs .search input[type=button] { top: 7px; }

.sub_navs .search input[type=text] { padding: 9px 0 5px; }

.input_base { width: 4.36rem !important; background: #fff url(../webimages/YYimg36.png) 5.58rem center no-repeat; -moz-background-size: 8px 13px; -o-background-size: 8px 13px; background-size: 8px 13px; margin-bottom: 10px; height: 25px !important; line-height: 25px !important; position: relative; border: 1px solid #d9d9d9; padding-left: .1rem; position: relative; }

.wwprofrom ul li:nth-of-type(4) label { background: url(../webimages/wwpic03.jpg) no-repeat right center; -moz-background-size: auto 100%; -o-background-size: auto 100%; background-size: auto 100%; }

.wwprofrom ul li:nth-of-type(6) label { background: url(../webimages/wwpic03.jpg) no-repeat right center; -moz-background-size: auto 100%; -o-background-size: auto 100%; background-size: auto 100%; }

.wwprofrom .wwclass { padding: 0 12px; }

.wwopinionfrom ul li label select { width: 100%; height: 98%; background: none; color: #666; }

.wwproxieyi { text-align: center; margin-bottom: 15px; }

.wwproxieyi label input { width: 13px; height: 13px; background: url(../webimages/wwimg01.png) no-repeat; -moz-background-size: 13px 13px; -o-background-size: 13px 13px; background-size: 13px 13px; margin-right: 5px; vertical-align: -2px; }

.wwproxieyi label input.cur { background: url(../webimages/YYimg35.png) no-repeat; -moz-background-size: 13px 13px; -o-background-size: 13px 13px; background-size: 13px 13px; }

.wwproxieyi label { display: inline-block; }

.wwsypop { width: 6.1rem; height: 350px; padding: 13px .3rem; position: fixed; top: 50%; left: 50%; margin-left: -3.05rem; margin-top: -175px; z-index: 99; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #fff; display: none; }

.wwsypoptit { border-bottom: 1px solid #e0e0e0; }

.wwsypoptit h3 { float: left; line-height: 30px; }

.wwpopclose { display: block; float: right; width: 30px; height: 30px; background: url(../webimages/YYimg37.png) no-repeat center; -moz-background-size: 35px 35px; -o-background-size: 35px 35px; background-size: 35px 35px; }

.wwsypoptext { padding-top: 8px; height: 293px; overflow: hidden; overflow-y: scroll; background: #fff; }

/*渠道政策*/
.wwtitle { color: #0088d1; font-size: 18px; text-align: center; }

.wwtitcopy { font-size: 16px; padding-bottom: 8px; }

.wwserverlist { padding-top: 20px; margin: 0 -2%; }

.wwserverlist li { width: 46%; height: 327px; float: left; font-size: 13px; text-align: center; border: 1px solid #d9d9d9; margin: 0 2% 15px; padding: 15px 4px 0; }

.wwserverlist li img { width: 100px; height: 100px; margin: 0 auto; margin-bottom: 10px; }

.wwserverlist li h3 { font-size: 16px; margin-bottom: 10px; }

/*
.wwserverlist li:nth-child(2n){ margin-right:0;}*/
.wwsym { position: relative; }

.wwsym span { color: #404040; font-size: 14px; padding-right: 20px; position: absolute; right: 6%; top: 50%; margin-top: -10px; background: url(../webimages/YYimg48.png) no-repeat right; -moz-background-size: 8px 9px; -o-background-size: 8px 9px; background-size: 8px 9px; }

.wwsym span a { color: #404040; }

/*合作申请*/
.wwcootop { background: #719ad9; color: #fff; font-size: 13px; padding: 20px 12px; }

.wwcooboxdate { padding: 15px 12px; }

.wwcoofrom { padding: 0 12px; margin-bottom: 30px; }

.wwcoofrom ul li:nth-of-type(7) label { background: url(../webimages/wwpic03.jpg) no-repeat right center; -moz-background-size: auto 100%; -o-background-size: auto 100%; background-size: auto 100%; }

.wwcoofrom ul li:nth-of-type(8) label { background: url(../webimages/wwpic03.jpg) no-repeat right center; -moz-background-size: auto 100%; -o-background-size: auto 100%; background-size: auto 100%; }

/*认证体系*/
.wwsystem { padding: 15px 12px; }

.wwsym02 span { right: 3%; }

.wwmaskbox { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 9; display: none; }

.wwdownbox { position: relative; z-index: 9; margin-top: -15px; }

/*20160913*/
.haha { position: relative; padding-bottom: 50px; }

.event-list { height: 505px; overflow: hidden; }

.aha { position: absolute; background-image: url(../webimages/icon-19.png); background-repeat: no-repeat; -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; left: 11px; bottom: 30px; width: 23px; height: 23px; display: block; }

.haha.cur .aha { background-image: url(../webimages/icon-19a.png); width: 50px; height: 50px; left: -2px; bottom: 16px; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }

.haha.cur .event-list { height: auto; }

.zsuccesscase { background: #f6f6f6; }

.part-three { padding: 15px; }

.part-three .three-txt { padding: 0; }

.main .zsolutionfont:nth-child(2n) { background: #f6f6f6; }

.part-eight h2 { color: #262626; }

.pt39 { padding-top: 39px; }

/*20160922*/
.thenav { margin-top: 20px; font-size: 14px; padding: 0 15px; }

.subsub-nav { width: 100%; overflow: hidden; padding-bottom: 6px; }

.thenav p { width: 9999px; }

.thenav a { display: block; padding: 0 10px; height: 40px; line-height: 40px; text-align: center; float: left; position: relative; }

.thenav a.cur { background: #01469a; color: #fff; }

.thenav a.cur:after { content: ""; position: absolute; display: block; width: 0; height: 0; border-right: 6px solid transparent; border-left: 6px solid transparent; border-top: 6px solid #01469a; bottom: -6px; left: 50%; margin-left: -6px; }

/*20160923*/
body { padding-bottom: 46px; }

.float { position: fixed; bottom: 0; left: 0; z-index: 2; width: 100%; height: 45px; background: #0585ea; border-top: 1px solid #e1e1e1; -webkit-box-shadow: 0 -1px 4px 2px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 -1px 4px 2px rgba(0, 0, 0, 0.15); box-shadow: 0 -1px 4px 2px rgba(0, 0, 0, 0.15); overflow: hidden; }

.float a { display: block; float: left; width: 25%; font-size: 12px; color: #fff; text-align: center; -moz-background-size: auto 18px; -o-background-size: auto 18px; background-size: auto 18px; background-repeat: no-repeat; background-position: center 5px; padding-top: 24px; }

.float a.a01 { background-image: url(../webimages/sxf_01.png); }

.float a.a02 { background-image: url(../webimages/sxf_02.png); -moz-background-size: 25px auto; -o-background-size: 25px auto; background-size: 25px auto; background-position: center 2px; }

.float a.a03 { background-image: url(../webimages/sxf_03.png); }

.float a.a04 { background-image: url(../webimages/sxf_04.png); -moz-background-size: 25px auto; -o-background-size: 25px auto; background-size: 25px auto; background-position: center 2px; }

/*  2016-09-24  */
.sitemap { padding: 20px 20px 0; }

.sitemap .tit { height: 20px; line-height: 20px; border-left: 2px solid #01469a; color: #01469a; font-size: 14px; background: url(../webimages/linebg-04.png) repeat-x left center; }

.sitemap .tit span { padding: 0 10px; background: #fff; }

.sitemap ul { padding: 10px 0 0 12px; }

.sitemap ul li { line-height: 20px; font-size: 12px; padding-bottom: 10px; }

.sitemap ul li span { display: block; font-weight: bold; color: #333; padding-bottom: 6px; }

.sitemap ul li em { padding-right: 30px; white-space: nowrap; line-height: 30px; }

.sitemap ul li em a { color: #4c4c4c; }

.sitemap ul:nth-of-type(1) li { float: left; width: 50%; height: 30px; }

.sitemap ul:nth-of-type(1) li span { float: left; width: 50%; }

.grow-con { padding: 10px; overflow-x: auto; }
}
@charset "UTF-8";
@media (max-width:768px) {
.three-nav .three-subnav { display: none; padding: 8px 15px; }
.second-nav .three-nav:first-child .three-subnav{display: block;}

.m-distance { padding: 20px 15px; }

.swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; transition-property: -webkit-transform; -moz-transition-property: transform, -moz-transform; transition-property: transform; transition-property: transform, -webkit-transform, -moz-transform, -o-transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

.swiper-wrapper .swiper-slide { -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; }

.news-banner { position: relative; overflow: hidden; }

.news-banner li a { display: block; position: relative; overflow: hidden; }

.news-banner li img { position: relative; display: block; left: 50%; -webkit-transform: translateX(-57%); -moz-transform: translateX(-57%); -ms-transform: translateX(-57%); -o-transform: translateX(-57%); transform: translateX(-57%); height: 164px; max-width: none; }

.newsbanner-text { position: absolute; top: 36px; left: 10px; width: 60%; color: #4c4c4c; font-size: 16px; line-height: 30px; }

.newsbanner-text .newsbanner-tit { font-size: 18px; font-weight: bold; color: #01469a; line-height: 30px; margin-bottom: 5px; height: 30px; line-height: 30px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.newsbanner-text p { height: 72px; line-height: 24px; display: -webkit-box; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }

.addfixed { position: fixed; top: 0; left: 0; width: 100%; z-index: 99;background: #fff; }

.navigation-item { border-top: 1px solid #EBEBEB; border-bottom: 1px solid #EBEBEB; background: #fff; }

.navigation-item li { text-align: center; }

.navigation-item li a { display: block; color: #262626; line-height: 30px; font-size: 14px; padding: 20px 0; }

.navigation-item li a.cur { background: #ccc; }

.summary { background: #F2F2F2; }

.summarydl dd { color: #4c4c4c; font-size: 14px; }

.summarydl dd .sumtitle { font-size: 18px; font-weight: bold; color: #01469a; line-height: 30px; margin-bottom: 15px; }

.summarydl dd .indent { text-indent: 2em; }

.summarydl .video-box { position: relative; margin-top: 20px; }

.summarydl .video-box img { display: block; margin: 0 auto; width: 100%; }

.summarydl .video-box .bg { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background: url(../webimages/videoBtn.png); background-repeat: no-repeat; background-position: center center; }

.product-title { font-size: 18px; font-weight: bold; color: #01469a; line-height: 30px; margin-bottom: 15px; }

.series-list { margin: 0 -5px; }

.series-list li { float: left; width: 50%; padding: 0 5px; text-align: center; margin-bottom: 10px; }

.series-list li a { width: 100%; display: block; background: #fff; padding-bottom: 20px; color: #000000; cursor: pointer; border: 1px solid #D9D9D9; }

.series-list li a:hover { border: 1px solid #094798; }

.series-list li a img { display: block; margin: 0 auto; width: 100%; }

.series-list li a h4 { width: 100%; height: 24px; line-height: 24px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.product-item .product-dynamics:nth-child(2n) { margin-top: 8px; }

.product-dynamics { border: 1px solid #E6E6E6; }

.product-dynamics h3 { height: 48px; line-height: 48px; font-size: 18px; color: #01469a; font-weight: bold; background: #EDEDED; padding: 0 15px; }

.product-dynamics h3 a { float: right; color: #01469a; font-size: 14px; font-weight: normal; }

.product-dynamics h3 img { vertical-align: middle; margin-right: 15px; height: 31px; }

.news-list { padding: 20px 15px; }

.news-list li { padding: 8px 0; color: #999; }

.news-list li .text-date { font-size: 14px; margin-bottom: 5px; color: #666; background: url(../webimages/newsicon04.png) 0 center no-repeat; padding-left: 9px; display: block; height: 24px; line-height: 24px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.solution-title { text-align: center; font-size: 20px; line-height: 30px; color: #333333; border-bottom: 1px solid #DFDFDF; padding-bottom: 15px; }

.detail-con { padding: 20px 0; font-size: 14px; line-height: 30px; font-family: 宋体, SimSun; color: #333; }

.detail-con .title { font-size: 16px; }

.detail-con p { text-indent: 2em; }

.detail-con p img { width: 100%; margin: 0 auto; display: block; }

.detail-con .center { text-align: center; }

.load-list li { padding-bottom: 20px; }

.load-list a { display: block; padding: 10px 0 10px 10px; border: 3px solid #E6E6E6; font-size: 14px; line-height: 24px; position: relative; }

.load-list a:hover { border-color: #0E69B4; }

.load-list a:hover .document-title { color: #0E69B4; }

.load-list a .document-title { color: #666; display: block; margin-right: 70px; overflow: hidden; }

.load-list a .document-edit { display: block; color: #999999; }

.load-list a .loadbtn { position: absolute; right: 0; top: 0; display: block; width: 70px; height: 100%; background: #0E69B4 url(../webimages/newsicon25.png) no-repeat center; -moz-background-size: auto 39px; -o-background-size: auto 39px; background-size: auto 39px; }

.chang-color { background: #f7f7f7; }

.key-title { font-weight: bold; color: #01469a; text-align: center; line-height: 30px; margin-bottom: 15px; font-size: 18px; }

.related-cases li a { font-size: 14px; line-height: 24px; border: none; padding-bottom: 0; }

.related-cases li a:hover { border: none; }

.related-cases li a .zoom { border: 1px solid #D9D9D9; margin-bottom: 10px; }

.related-cases li a h4 { height: 24px; line-height: 24px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.bannerimg { position: relative; overflow: hidden; }

.bannerimg img { position: relative; display: block; left: 50%; -webkit-transform: translateX(-32%); -moz-transform: translateX(-32%); -ms-transform: translateX(-32%); -o-transform: translateX(-32%); transform: translateX(-32%); height: 164px; max-width: none; }

.commonDetailed .title { text-align: center; padding: 15px 0; }

.commonDetailed .title h3 { font-size: 18px; line-height: 30px; color: #1a1a1a; }

.commonDetailed .title span { font-size: 14px; color: #666; font-family: Arial; }

.commonDetailed .newdetailtext { padding: 15px 0; font-size: 14px; line-height: 24px; color: #1a1a1a; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; }

.commonDetailed .newdetailtext p { text-indent: 2em; }

.commonDetailed .detailpage11 { margin-top: 15px; border-bottom: 1px solid #ccc; }

.commonDetailed .detailpage11 p { margin-bottom: 15px; height: 24px; line-height: 24px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.commonDetailed .detailpage11 p span { display: inline-block; vertical-align: middle; background: #f2f2f2; color: #1a1a1a; line-height: 27px; padding: 0px 10px; margin-right: 15px; }

.commonDetailed .detailpage11 p a { display: inline-block; vertical-align: middle; color: #666; }

.detailback11 { display: block; margin-top: 15px; width: 110px; height: 40px; background-color: #f2f2f2; color: #262626; text-align: center; line-height: 40px; }

.detailback11:hover { background-color: #01469a; }

.regraybg { background: #F7F7F7; color: #4c4c4c; font-size: 14px; line-height: 24px; }

.solution-box dl { background: #F3F3F3; margin-bottom: 20px; }

.solution-box dl:last-child { margin-bottom: 0; }

.solution-box a { display: block; }

.solution-box a img { display: block; width: 100%; margin: 0 auto; }

.solution-box dd { padding: 20px 15px; }

.solution-box dd h4 { font-size: 18px; margin-bottom: 10px; height: 24px; line-height: 24px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.solution-box dd .solutiontext { height: 96px; line-height: 24px; display: -webkit-box; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }

.solution-box dd .solution-more { margin-top: 15px; width: 100%; height: 13px; background: url(../webimages/newsicon26.png); background-repeat: no-repeat; background-position: left center; }

.solution-box dd .solution-more:hover { background-image: url(../webimages/newsicon26hover.png); }

.mobile-smallimg { position: relative; overflow: hidden; }

.mobile-smallimg li { border: 1px solid #DBDBDB; }

.mobile-smallimg img { display: block; width: 100%; margin: 0 auto; }

.indexbannerindeo { text-align: center; position: absolute; left: auto; bottom: 5px; width: 100%; z-index: 1; }

.indexbannerindeo span { display: inline-block; width: 8px; height: 8px; margin: 0 4px; background: #f7f7f7; cursor: pointer; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; }

.indexbannerindeo span.cur { background: #1955A0; }

.product-deatilstext { margin-top: 20px; }

.product-deatitle { font-size: 18px; color: #01469a; font-weight: bold; border-bottom: 1px solid #DADADA; line-height: 30px; padding: 10px 0 10px 10px; }

.product-deacon { padding: 20px 0; font-size: 14px; color: #4c4c4c; line-height: 24px; border-bottom: 1px solid #DBDBDB; }

.productul { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; margin: 15px -5px 0 -5px; }

.productul li { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; padding: 0 5px; margin-bottom: 10px; }

.productul li a { display: block; padding: 10px 0; font-size: 14px; cursor: pointer; background: #F2F2F2; text-align: center; }

.productul li a img { display: block; margin: 0 auto; height: 40px; margin-bottom: 5px; }

.productul li a:hover { background: #1955A0; color: #fff; }

.productul li a:hover .startimg { display: none; }

.productul li a:hover .hoverimg { display: block; }

.productul li a .startimg { display: block; }

.productul li a .hoverimg { display: none; }

.key-features { background: #f7f7f7; color: #333333; font-size: 14px; line-height: 24px; }

.key-features .line-height { line-height: 8px; }

.technical-table table { width: 100%; border-collapse: collapse; border-spacing: 0; }

.technical-table tr { font-size: 14px; background: #E6E6E6; }

.technical-table tr:nth-child(2n) { background: #f7f7f7; }

.technical-table tr td { padding: 15px 0 15px 15px; border: 1px solid #fff; width: 130px; }

.technical-table tr td:nth-child(2n) { width: 338px; }

.clickparameter { width: 100%; height: 44px; line-height: 44px; text-align: center; background: #094798; color: #fff; text-align: center; display: block; font-size: 16px; }

.contentM .scroll:nth-child(2n) { background-color: #F7F7F7; }

.contentM .related-data:last-child { border-bottom: none; }

.related-data { border-bottom: 1px solid #DFDFDF; background: #F7F7F7; }

.link-ul { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.link-ul li { -webkit-box-flex: 0; -webkit-flex: 0 0 33.3%; -moz-box-flex: 0; -ms-flex: 0 0 33.3%; flex: 0 0 33.3%; margin-bottom: 15px; }

.link-ul li a { text-align: center; color: #4c4c4c; font-size: 14px; }

.link-ul li a .relateicon { width: 60px; height: 60px; display: block; margin: 0 auto 15px auto; background: #01469a; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }

.link-ul li a .text { height: 24px; line-height: 24px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.recruitmentfloat { z-index: 110; display: none; position: fixed; top: 0; bottom: 0; right: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#8F000000, endcolorstr=#8F000000); left: 0px; top: 0px; _position: absolute; _top: expression(documentElement.scrollTop + 0 + "px"); }

.tianjiatvwrap { width: 90%; margin: 0 auto; position: absolute; top: 50%; left: 0; right: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); margin: auto; }

.recclosebtn { display: block; width: 25px; height: 25px; background: url(../webimages/icon_18.png) no-repeat center center; position: absolute; right: 10px; top: 0px; cursor: pointer; z-index: 100; margin: -20px -20px 0 0; z-index: 9; }

.tianjiatvwrap .videobox { height: 250px; position: relative; z-index: 1; }

.thumb-popup { display: none; position: fixed; left: 0; top: 0; z-index: 100; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); }

.thumb-wraper { position: absolute; left: 50%; top: 50%; width: 90%; max-width: 600px; -webkit-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); }

.thumb-copy-wrapper { position: relative; overflow: hidden; background: #fff; }

.thumb-popup .thumb-copy-wrapper .swiper-wrapper { width: 100%; }

.thumb-popup .thumb-copy-wrapper .swiper-wrapper li { width: 100%; padding: 30px 10px 0; }

.thumb-popup .thumb-copy-wrapper .swiper-wrapper li img { display: block; width: 100%; }

.thumb-popup .close { position: absolute; right: 0px; top: 0px; z-index: 9; width: 30px; height: 30px; font-size: 30px; font-weight: bold; line-height: 30px; text-align: center; color: #333; cursor: pointer; }

.thumb-popup h4 { text-align: center; font-size: 16px; padding: 20px 0; }

.thumb-popup .banner-btn { cursor: pointer; display: block; width: 60px; height: 60px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); z-index: 2; cursor: pointer; }

.thumb-popup .banner-btn:after { content: ""; position: absolute; top: 50%; left: 50%; margin-top: -5px; width: 20px; height: 20px; border-right: 3px solid #fff; border-top: 3px solid #fff; border-left: 0; border-bottom: 0; }

.thumb-popup .swiper-left { left: -80px; }

.thumb-popup .swiper-left:after { -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); margin-left: -4px; }

.thumb-popup .swiper-right { right: -80px; }

.thumb-popup .swiper-right:after { margin-left: -7px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

.thumb-popup .swiper-wrapper { width: 100%; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); position: relative; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: -o-transform; -moz-transition-property: transform, -moz-transform; transition-property: transform; transition-property: transform, -webkit-transform, -moz-transform, -o-transform; transition-property: transform, -webkit-transform; box-sizing: content-box; }

.thumb-popup .swiper-slide { -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; }


/*20180530*/
.detail-con p img {
    width: 100% !important;
    height: auto !important;
}
}
/*#productMenu .navigation-item li{
	min-height: 100px;
}
#productMenu .navigation-item li a{
	min-height:60px;
}
.navigation-item li.cur{
	background: #ccc;
}*/
