@charset "UTF-8";
/*--公共部分--*/
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: Arial, 'Microsoft YaHei', 'Hiragino Sans GB', sans-serif; }

ul, li { list-style: none; }

img { border: 0px; vertical-align: middle; }

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; cursor: pointer; }

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

.commonweb { padding: 0px 15px; }

.indexCommonweb { padding: 0px 15px; }

.commonwebbox { margin-left: 0px; margin-right: 0px; }

.commonleft { float: none; }

.commonright { float: none; }

.visible-sm, .visible-md, .visible-lg { display: none; }

.hidden-sm, .hidden-md, .hidden-lg { display: block; }

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; padding-left: 10px; padding-right: 10px; }

.col-xs-12 { width: 100%; }

.col-xs-11 { width: 91.66666667%; }

.col-xs-10 { width: 83.33333333%; }

.col-xs-9 { width: 75%; }

.col-xs-8 { width: 66.66666667%; }

.col-xs-7 { width: 58.33333333%; }

.col-xs-6 { width: 50%; }

.col-xs-5 { width: 41.66666667%; }

.col-xs-4 { width: 33.33333333%; }

.col-xs-3 { width: 25%; }

.col-xs-2 { width: 16.66666667%; }

.col-xs-1 { width: 8.33333333%; }

@media (max-width: 320px) { body { min-width: 320px; } }

@media (min-width: 768px) { .commonweb { padding: 0px 20px; }
  .indexCommonweb { padding: 0px 20px; }
  .commonwebbox { margin-left: -10px; margin-right: -10px; }
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; padding-left: 10px; padding-right: 10px; }
  .col-sm-12 { width: 100%; }
  .col-sm-11 { width: 91.66666667%; }
  .col-sm-10 { width: 83.33333333%; }
  .col-sm-9 { width: 75%; }
  .col-sm-8 { width: 66.66666667%; }
  .col-sm-7 { width: 58.33333333%; }
  .col-sm-6 { width: 50%; }
  .col-sm-5 { width: 41.66666667%; }
  .col-sm-4 { width: 33.33333333%; }
  .col-sm-3 { width: 25%; }
  .col-sm-2 { width: 16.66666667%; }
  .col-sm-1 { width: 8.33333333%; }
  .visible-sm { display: block; }
  .hidden-sm { display: none; } }

@media (min-width: 992px) { .commonweb { padding: 0px 40px; }
  .indexCommonweb { padding: 0px 40px; }
  .commonwebbox { margin-left: -10px; margin-right: -10px; }
  .commonleft { float: left; }
  .commonright { float: right; }
  .visible-md { display: block; }
  .hidden-md { display: none; }
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; padding-left: 10px; padding-right: 10px; }
  .col-md-12 { width: 100%; }
  .col-md-11 { width: 91.66666667%; }
  .col-md-10 { width: 83.33333333%; }
  .col-md-9 { width: 75%; }
  .col-md-8 { width: 66.66666667%; }
  .col-md-7 { width: 58.33333333%; }
  .col-md-6 { width: 50%; }
  .col-md-5 { width: 41.66666667%; }
  .col-md-4 { width: 33.33333333%; }
  .col-md-3 { width: 25%; }
  .col-md-2 { width: 16.66666667%; }
  .col-md-1 { width: 8.33333333%; } }

@media (min-width: 1200px) { html { cursor: default; }
  .commonleft { float: left; }
  .commonright { float: right; }
  .visible-lg { display: block; }
  .hidden-lg { display: none; }
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; padding-left: 10px; padding-right: 10px; }
  .col-lg-12 { width: 100%; }
  .col-lg-11 { width: 91.66666667%; }
  .col-lg-10 { width: 83.33333333%; }
  .col-lg-9 { width: 75%; }
  .col-lg-8 { width: 66.66666667%; }
  .col-lg-7 { width: 58.33333333%; }
  .col-lg-6 { width: 50%; }
  .col-lg-5 { width: 41.66666667%; }
  .col-lg-4 { width: 33.33333333%; }
  .col-lg-3 { width: 25%; }
  .col-lg-2 { width: 16.66666667%; }
  .col-lg-1 { width: 8.33333333%; } }

@media (min-width: 1260px) { .commonweb { margin: 0px auto; max-width: 1200px; padding: 0; } }

@media (min-width: 1680px) { .commonweb { margin: 0px auto; max-width: 1360px; padding: 0; } }

@media (min-width: 1920px) { .commonweb { margin: 0px auto; max-width: 1600px; padding: 0; } }

/* layout start*/

@charset "UTF-8";
@font-face { font-family: 'heiti'; src: url("../font/SOURCEHANSERIFCN-SEMIBOLD.html"); src: url("../font/SOURCEHANSERIFCN-SEMIBOLDd41d.html?#iefix") format("embedded-opentype"), url("../font/SOURCEHANSERIFCN-SEMIBOLD-2.html") format("woff2"), url("../font/SOURCEHANSERIFCN-SEMIBOLD-3.html") format("woff"), url("../font/SOURCEHANSERIFCN-SEMIBOLD-4.html") format("truetype"), url("../font/SOURCEHANSERIFCN-SEMIBOLD-5.html#novecento_widenormal") format("svg"); font-weight: normal; font-style: normal; }

body { font-family: 'heiti', Arial,Microsoft YaHei; }

@media (min-width: 1260px) { .commonweb { margin: 0px auto; max-width: 1200px; padding: 0; } }

@media (min-width: 1680px) { .commonweb { margin: 0px auto; max-width: 1200px; padding: 0; } }

@media (min-width: 1920px) { .commonweb { margin: 0px auto; max-width: 1200px; padding: 0; } }

@media (max-width: 319px) { body { width: 320px; } }

body { padding-top: 60px; }

.header { position: fixed; left: 0; top: 0; width: 100%; z-index: 999; background-color: #FFF; height: 60px; -webkit-box-shadow: 0px 0px 1px 1px #eee; box-shadow: 0px 0px 1px 1px #eee; }

.h20 { height: 20px; }

.h23 { height: 23px; }

.h10 { height: 10px; }

.h5 { height: 5px; }

/*header*/
.header { position: fixed; left: 0; top: 0; width: 100%; z-index: 999; background-color: #FFF; height: 60px; }

.header .logo { float: left; width: 25%; display: block; padding-top: 12px; }

.header .logo img { height: 40px; }

.header .navBtn { width: 35px; height: 35px; overflow: hidden; position: absolute; right: 10px; top: 12px; z-index: 9; cursor: pointer; }

.navBtn span { top: 50%; margin-top: -.02rem; }

.navBtn span:first-child { content: ""; top: 9px; left: 0; }

.navBtn span:last-child { content: ""; top: 26px; left: 0; }

.navBtn span, .navBtn span:first-child, .navBtn span:last-child { left: 10px; position: absolute; background-color: #076bf2; -webkit-transition: all 0.5s ease; width: 27px; height: 2px; -webkit-border-radius: 3px; border-radius: 3px; -o-transition: all 0.5s ease; transition: all 0.5s ease; }

.navBtn.g_close span { opacity: 0; }

.navBtn.g_close span:first-child { -webkit-transform: rotate(45deg); transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); top: 17px; opacity: 1; }

.navBtn.g_close span:last-child { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); top: 17px; opacity: 1; }

.head-nav { text-align: center; position: fixed; top: 56px; width: 100%; height: 100%; left: 0; overflow: inherit; z-index: 9; }

.action .head-nav, .action .nav-logo { display: block; }

.nav-ul { padding-bottom: 30px; background: #fff; }

.nav-ul li { display: block; text-align: left; background-repeat: no-repeat; background: #fff; }

.nav-ul li em.hidden-md { position: absolute; background: url(../images/barr.png) center no-repeat; background-size: 19px auto; width: 20px; height: 50px; right: 10px; top: 0; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }

.nav-ul li em.visible-md { position: absolute; background-size: 6px auto; width: 20px; height: 50px; right: 10px; top: 0; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; z-index: 999; }

.nav-ul { position: fixed; left: 0; top: 60px; z-index: 99; width: 100%; height: 100%; padding-bottom: 50px; border-top: 1px solid #d9d9d9; }

.nav-ul li { position: relative; padding-bottom: 0px; }

.nav-ul li h5 { position: relative; height: 50px; border-bottom: 1px solid #d9d9d9; position: relative; }

.nav-ul li h5 a { display: block; font-size: 15px; line-height: 50px; padding: 0 15px; color: #b2b2b2; }

.nav-ul li:hover h5 a { color: #5199ff; }

.nav-ul li h5 em { position: absolute; right: 0; top: 0; width: 50px; height: 50px; background-size: 19px auto; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }

.nav-ul li .subnav-ac em { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }

.nav-ul .subnavcont { display: none; font-size: 14px; background: #f6f6f6; z-index: 999; top: 76px; width: 150%; left: 50%; }

.nav-ul li.has-sub h5::before { display: block; content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 9999; }

.nav-ul li.has-sub h5:after { width: 15px; height: 15px; background: url(../images/barr1.png) no-repeat center; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); right: 16px; display: block; content: ''; z-index: 99; -webkit-transition: 0.3s all; -o-transition: 0.3s all; transition: 0.3s all; }

.nav-ul li.has-sub h5.on:after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }

.nav-ul .subnavcont .subnavcontlist a { display: block; padding: 0 15px; font-size: 14px; line-height: 42px; color: #333; border-bottom: 1px solid #d9d9d9; text-align: left; padding-left: 42px; }

.nav-ul .subnavcont .subnavcontlist a:hover { background-color: #076bf2; color: #FFF; }

.nav-ul .subnavcont .subnavcontlist h5 { height: 42px; border-bottom: none; }

.nav-ul .subnavcont .subnavcontlist h5 em { right: 0.3rem; width: 42px; height: 42px; }

.nav-ul .subnavcont .subnavcontlist .threenav { display: none; border-bottom: 1px solid #d9d9d9; }

.nav-ul .subnavcont .subnavcontlist .threenav a { padding: 0 15px; border-bottom: none; background-color: #fafafa; }

.nav-ul .subnavcont .subnavcontlist .threenav a:hover { background-color: #d41319; }

.nav-ul li:last-child a { display: inline-block; }

.nav-ul li:last-child a.login { background: url(../images//start/index.html#/user/login) no-repeat 20px center; }

.nav-ul li:last-child a.register { background: url(../images/reg.html) no-repeat 20px center; }

.indexbanner img { width: 100%; height: auto; }
.indexbanner img.wap { display: none;}
@media(max-width:1024px){
.indexbanner img.wap { display: block;}    
.indexbanner img.pc { display: none;}    
}
.indexbanner .swiper-pagination-bullet { width: 6px; height: 6px; -webkit-border-radius: 50%; border-radius: 50%; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; background: #fff; opacity: 1; -webkit-transition: 0.5s all; -o-transition: 0.5s all; transition: 0.5s all; }

.indexbanner .swiper-pagination-bullet-active { position: relative; background: #83b7ff; }

.header .head-bot { position: relative; }

/*footer*/
.footer { /*background: #0b1e3a;*/background: #222; padding-top: 26px; padding-bottom: 100px; }

.footer .hot-line { width: 100%; text-align: center; }

.footer .hot-line p { font-size: 16px; color: #929292; line-height: 36px; }

.footer .hot-line p.smallTxt { font-size: 14px; }

.footer .hot-line h5 { font-size: 22px; color: #076bf2; }

.footer .footer-nav { margin-top: 12px; width: 100%; }

.footer .footer-nav li { width: 100%; border-bottom: 1px solid #929292; }

.footer .footer-nav li.cur h5:after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }

.footer .footer-nav li:nth-child(1) dl { display: block; }

.footer .footer-nav h5 { font-size: 14px; color: #929292; line-height: 36px; padding-bottom: 6px; position: relative; }

.footer .footer-nav h5:after { display: block; content: ''; position: absolute; right: 2%; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); width: 15px; height: 15px; background: url(../images/barr.png) no-repeat center; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }

.footer .footer-nav dl { display: none; }

.footer .footer-nav dd { line-height: 60px; padding-left: 20px; border-bottom: 1px dashed #929292; }

.footer .footer-nav dd:last-child { border: none; }

.footer .footer-nav dd a { color: #d8d8d8; font-size: 14px; }

.footer .follow { margin-top: 20px; }

.footer .follow h5 { color: #929292; font-size: 16px; line-height: 36px; padding-bottom: 16px; text-align: center;}

.footer .follow .img-show { display: flex; flex-direction: column; margin: 0px 5px;}

.footer .follow .img-show:first-child { margin: 0; }
.footer .follow .img-show:last-child { margin: 0; }

.footer .follow .img-show img { display: block; margin: 0 auto; width: 95px; height: 95px; }

.footer .follow .img-show p { font-size: 13px; color: #d8d8d8; line-height: 34px; text-align: center; }

.common-title { font-size: 18px; line-height: 40px; text-align: center; }

.sm-title { font-size: 16px; color: #191919; padding-top: 10px; line-height: 32px; text-align: center; }

.index-section1 { padding: 25px 0 60px; position: relative; }

.index-section1 .section1-main { padding-top: 6px; }

.index-section1 .text-info1 { width: 100%; }

.index-section1 .text-info2 { width: 100%; }

.index-section1 .img { margin-bottom: 20px; }

.index-section1 .img img { display: block; max-width: 100%; height: auto; margin: 0 auto; }

.index-section1 .item { margin-bottom: 26px; }

.index-section1 .item:last-child { margin-bottom: 0; }

.index-section1 .item h5 { font-size: 16px; color: #191919; line-height: 26px; padding-bottom: 10px; }

.index-section1 .item p { font-size: 14px; color: #7f7f7f; line-height: 18px; margin-bottom: 16px; padding-left: 14px; position: relative; }

.index-section1 .item p:before { display: block; content: ''; position: absolute; left: 0; top: 6px; width: 6px; height: 6px; background: #7f7f7f; -webkit-border-radius: 50%; border-radius: 50%; }

.index-section2 { padding: 24px 0 30px; background: #f7f7f7; }

.index-section2 .section2-main { margin-top: 30px; }

.index-section2 li { padding-bottom: 142px; height: 454px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.index-section2 img { width: 56px; display: block; padding: 78px 0 6px; margin: 0 auto; }

.index-section2 .text { padding: 20px; }

.index-section2 .text h5 { color: #fff; text-align: center; font-size: 18px; margin-top: 18px; }

.index-section2 .text .hidden-p { color: #fff; font-size: 13px; margin-top: 20px; line-height: 24px; display: block; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }

.index-section3 { background: #2e3038 url(../images/index3_bg1.png) no-repeat center; background-size: cover; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; -webkit-transition: 0.3s all; -o-transition: 0.3s all; transition: 0.3s all; }

.index-section3 .section-wrap { padding-top: 42px; height: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-bottom: 108px; }

.index-section3 .common-title { color: #fff; text-align: left; padding-left: 29.5%; }

.index-section3 .tab { margin-top: 26px; padding: 0 20px; }

.index-section3 .tab .tab-list { display: none; }

.index-section3 .tab .tab-list:nth-child(1) { display: block; }

.index-section3 .tab h5 { font-size: 16px; color: #fff; text-align: center; }

.index-section3 .tab p { font-size: 14px; color: #fff; margin-top: 26px; line-height: 24px; text-align: center; }

.index-section3 .tab-nav { width: 100%; position: absolute; left: 0; bottom: 0; background: rgba(32, 34, 38, 0.8); }

.index-section3 .tab-nav a { display: block; width: 20%; float: left; height: 52px; font-size: 15px; color: #f5f6f7; text-align: center; line-height: 52px; }

.index-section3 .tab-nav a.cur { background: #37394a; border-left: 3px solid #076bf2; }

.index-section4 { background: #fff; padding-top: 50px; padding-bottom: 35px; overflow: hidden; }

.index-section4 .section-wrap { position: relative; }

.index-section4 .section4_main { padding-top: 20px; }

.index-section4 .img { z-index: 1; }

.index-section4 .img img { width: 100%; height: auto; display: none; }

.index-section4 p { font-size: 14px; color: #191919; line-height: 20px; line-height: 20px; padding: 10px 0 10px 60px; }

.index-section4 p.s4-1 { top: 26.83824%; left: 25%; z-index: 2; background: url(../images/icon_fdj.png) no-repeat 10px center; background-size: 30px 30px; }

.index-section4 p.s4-2 { top: 41.91176%; left: 14.16667%; z-index: 2; background: url(../images/icon_gz.png) no-repeat 10px center; background-size: 30px 30px; }

.index-section4 p.s4-3 { top: 59.92647%; left: 14.16667%; z-index: 2; background: url(../images/icon_zq.png) no-repeat 10px center; background-size: 30px 30px; }

.index-section4 p.s4-4 { top: 23.89706%; right: 14.16667%; z-index: 2; width: 100%; background: url(../images/icon_ys.png) no-repeat 10px center; background-size: 30px 30px; }

.index-section4 p.s4-5 { top: 42.27941%; right: 11.66667%; z-index: 2; width: 100%; background: url(../images/icon_wb.png) no-repeat 10px center; background-size: 30px 30px; }

.index-section4 p.s4-6 { top: 59.55882%; right: 11.66667%; z-index: 2; width: 100%; background: url(../images/icon_ser.png) no-repeat 10px center; background-size: 30px 30px; }

.index-section5 { background: #0d6ff3; padding: 20px 0 30px; position: fixed;width: 100%;bottom: 0;z-index: 100}

.index-section5 .s5-list li { float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #90beff; text-align: center; width: 48%; margin-bottom: 20px; padding-bottom: 20px; }

/* .index-section5 .s5-list li:last-child { border: none; border: 1px solid #90beff;} */

/* .index-section5 .s5-list li:last-child .text { display: -webkit-box; height: 48px; line-height: 24px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } */

.index-section5 .s5-list li:nth-child(2n) { float: right; }

.index-section5 .s5-list li h5 { font-size: 15px; color: #ffffff; padding: 10px 10px; }

.index-section5 .s5-list li p { font-size: 14px; color: #fff; line-height: 24px; }

.index-section5 .s5-list li .text { display: -webkit-box; height: 96px; line-height: 24px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 4; padding: 0 15px; }

.inner-banner img {width: 100%; height: auto; }
.inner-banner img.wap { display: none;}
.inner-banner{position: relative;}
.inner-banner .Banbox{position: absolute; left: 0; top:0; width: 100%;height: 100%; text-align: center;}
.inner-banner .Banbox .h3{font-size:16px; font-weight: normal;}
.inner-banner .Banbox .tb {display: table; width: 100%;height: 100%; color:#fff;}
.inner-banner .Banbox .tbc {display: table-cell; vertical-align: middle; width: 100%;height: 100%;}
.inner-banner .Banbox .btns{ font-size: 0; }
.inner-banner .Banbox .btns a{display: inline-block; font-size: 14px; margin: 3px; border-radius: 5px; color: #fff; line-height: 30px; padding:0 10px;}
.inner-banner .Banbox .btns .a1{background:#076bf2;}
.inner-banner .Banbox .btns .a2{background:#076bf2;}
.inner-banner .Banbox .btns .a3{background:#076bf2;}
.inner-banner{overflow: hidden;}
.inner-banner .videobtn{ padding-top: 5px; }
.inner-banner .imgbtn{width: 30px; margin: 0 auto;}
.inner-banner .video{position: absolute; left:0; top:0; width: 100%;height: 100%; display:none;object-fit:  cover;}

@media(max-width:1024px){
.inner-banner img.pc { display: none;}    
.inner-banner img.wap { display: block;}    
}
@media screen and (min-width:768px){
.inner-banner .Banbox .h3{font-size:20px; padding-bottom: 20px; font-weight: normal;}
.inner-banner .Banbox p{font-size:18px; padding-bottom: 30px; font-weight: normal;}
  .inner-banner .Banbox .btns a{ width: 120px;height: 40px; border-radius: 10px; margin: 0 15px; line-height: 40px; font-size: 16px; }
    .inner-banner.inner-bannerVideo .Banbox .h3{padding-bottom: 15px;}
}

@media screen and (min-width:1200px){
  .inner-banner .Banbox .h3{font-size:30px;padding-bottom: 20px;}
  .inner-banner .Banbox p{font-size:24px;padding-bottom: 45px;}
  .inner-banner .Banbox .btns a{ width: 175px;height: 50px; border-radius: 10px; margin: 0 15px; line-height: 50px; font-size: 16px; }

  .inner-banner.inner-bannerVideo .Banbox .h3{font-size:50px;padding-bottom: 40px;}
  .inner-banner .imgbtn{width: 70px; margin: 0 auto;}
  .inner-banner .videobtn .txt{font-size:18px; padding-top: 10px;}



}



.saas-section1 { padding-top: 26px; padding-bottom: 0px; }

.saas-section1 .section-wrap { position: relative; padding-top: 30px; }

.saas-section1 .img { display: none; width: 50%; position: absolute; left: 50%; bottom: 0; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); z-index: 1; }

.saas-section1 .img img { display: block; max-width: 100%; height: auto; }

.saas-section1 .item { z-index: 2; padding-left: 80px; text-align: left; }

.saas-section1 .item.item1 { top: 11.27596%; left: 50%; background: url(../images/sass_icon1.png) no-repeat left center; background-size: 60px 60px; margin-bottom: 20px; }

.saas-section1 .item.item2 { top: 40.39735%; left: 3%; background: url(../images/sass_icon2.png) no-repeat left center; background-size: 60px 60px; margin-bottom: 20px; }

.saas-section1 .item.item3 { top: 78.80795%; left: 4%; background: url(../images/sass_icon3.png) no-repeat left center; background-size: 60px 60px; margin-bottom: 20px; }

.saas-section1 .item.item4 { top: 40.72848%; right: 3.83333%; background: url(../images/sass_icon4.png) no-repeat left center; background-size: 60px 60px; margin-bottom: 20px; }

.saas-section1 .item.item5 { top: 80.13245%; right: 3.33333%; background: url(../images/sass_icon5.png) no-repeat left center; background-size: 60px 60px; margin-bottom: 20px; }

.saas-section1 .item h5 { font-size: 16px; color: #191919; padding-bottom: 10px; }

.saas-section1 .item p { font-size: 14px; color: #7f7f7f; line-height: 20px; }

.saas-section2 { padding-top: 30px; padding-bottom: 30px; }

.saas-section2 .img-showItem { padding: 0 20px; position: relative; margin-bottom: 40px; }

.saas-section2 .img-showItem:last-child { margin-bottom: 0; }

.saas-section2 .img-showItem .img { margin-top: 20px; }

.saas-section2 .img-showItem .img img { display: block; max-width: 100%; margin: 0 auto; }

.saas-section2 .img-showItem .text { text-align: center; }

.saas-section2 .img-showItem .text h5 { font-size: 16px; color: #191919; padding-bottom: 10px; }

.saas-section2 .img-showItem .text p { font-size: 14px; color: #191919; line-height: 26px; }

.cooperation { background: #f8f8f8; padding: 28px 0 46px; }

.cooperation .img { padding-top: 38px; }

.cooperation .img img { display: block; max-width: 100%; }

.sign-content { background: url(../images/sign_bg.jpg) no-repeat center; background-size: cover; padding-top: 70px; padding-bottom: 60px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.sign-content .sign-wrap { width: 80%; margin: 0 auto; }

.sign-content .sign-wrap .back-home { color: #fff; font-size: 12px; line-height: 26px; }

.sign-content .sign-box { background: #fff; width: 100%; padding: 10px 10px; }

.sign-content .sign-box h5 { font-size: 16px; color: #333333; line-height: 36px; text-align: center; }

.sign-content .form-area { margin-top: 20px; }

.sign-content p.input-item { border: 1px solid #dcdfe6; -webkit-border-radius: 4px; border-radius: 4px; padding-left: 60px; height: 38px; position: relative; margin-bottom: 16px; }

.sign-content p.input-item:after { display: block; content: ''; position: absolute; width: 1px; height: 100%; left: 60px; top: 0; background: #dcdfe6; }

.sign-content p.input-item.mob { background: url(../images/user_icon.png) no-repeat 24px center; }

.sign-content p.input-item.pw { background: url(../images/pw_icon.png) no-repeat 24px center; }

.sign-content p.input-item input { height: 38px; font-size: 14px; color: #c4c4cc; background: none; border: none; text-indent: 12px; width: 100%; }

.sign-content .form-bot input { width: 12px; height: 12px; border: 1px solid #dcdfe6; position: relative; top: 2px; }

.sign-content .form-bot .rem-pw { overflow: hidden; }

.sign-content .form-bot .rem-pw .rem-left { float: left; }

.sign-content .form-bot .rem-pw .forget-pw { float: right; font-size: 14px; color: #a7a7a7; }

.sign-content .sign-btn { display: block; width: 80%; height: 30px; line-height: 30px; color: #fff; background: #076bf2; -webkit-border-radius: 4px; border-radius: 4px; margin: 20px auto 0; }

.sign-content .go-register { display: block; margin-top: 30px; float: right; font-size: 14px; color: #076bf2; }

.register-content { height: 660px; background: url(../images/sign_bg.jpg) no-repeat center; background-size: cover; padding-top: 70px; padding-bottom: 60px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.register-content .back-home { color: #fff; font-size: 12px; padding-top: 10px; }

.register-content .register-wrap { width: 92%; margin: 0 auto; }

.register-content .register-main { background: #fff; }

.register-content .register-main .top { overflow: hidden; padding: 16px 16px 0; }

.register-content .register-main .top a { width: 50%; height: 37px; line-height: 37px; float: left; text-align: center; color: #333333; font-size: 14px; border-bottom: 2px solid #e4e7ed; }

.register-content .register-main .top a.cur { color: #076bf2; border-bottom: 2px solid #076bf2; }

.register-content .register-main .bot { padding: 34px 20px 30px; }

.register-content .register-main .bot p { height: 40px; line-height: 40px; overflow: hidden; margin-bottom: 16px; position: relative; }

.register-content .register-main .bot p.img-put input { width: -webkit-calc(100% - 210px); width: -webkit-calc(100% -210px); width: calc(100% -210px); text-indent: 14px; }

.register-content .register-main .bot p.img-put img { display: block; float: right; width: 90px; height: auto; }

.register-content .register-main .bot p .yzm-btn { width: 100px; height: 100%; position: absolute; z-index: 99; top: 1px; right: 5px; height: 36px; line-height: 36px; color: #076bf2; font-size: 14px; background: none; border: none; }

.register-content .register-main .bot p span { float: left; width: 100px; font-size: 14px; color: #606266; line-height: 40px; text-align: left; }

.register-content .register-main .bot p em { color: #f56c6c; font-size: 14px; padding-right: 4px; }

.register-content .register-main .bot p input { height: 38px; border: 1px solid #dcdfe6; -webkit-border-radius: 4px; border-radius: 4px; width: -webkit-calc(100% - 100px); width: -webkit-calc(100% -100px); width: calc(100% -100px); text-indent: 14px; }

.register-content .register-main .btn { overflow: hidden; }

.register-content .register-main .res-btn { width: 324px; height: 40px; background: #076bf2; color: #fff; -webkit-border-radius: 4px; border-radius: 4px; font-size: 14px; color: #fff; float: right; }

.platform-content { background: #f8f9fa; padding: 60px 0 32px; }

.plat-section1 { -webkit-box-shadow: 0 0 3px 3px #f1f2f2; box-shadow: 0 0 3px 3px #f1f2f2; margin-top: 60px; }

.plat-section1 ul { padding: 46px 0 52px; }

.plat-section1 li { width: 100%; padding: 0 20px; overflow: hidden; position: relative; }

.plat-section1 li:after { display: block; content: ''; position: absolute; width: 1px; height: 160px; background: #f1f1f1; right: 0; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); }

.plat-section1 li .icon img { display: block; margin: 0 auto; }

.plat-section1 li h5 { font-size: 20px; color: #333333; text-align: center; padding-bottom: 20px; }

.plat-section1 li span { width: 25%; float: left; padding-left: 16px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: url(../images/dot.png) no-repeat left center; height: 44px; line-height: 44px; font-size: 16px; color: #666666; }

.plat-section2 { -webkit-box-shadow: 0 0 5px 5px #f1f2f2; box-shadow: 0 0 5px 5px #f1f2f2; margin-top: 30px; padding: 20px 10px 24px; }

.plat-section2 .title { overflow: hidden; }

.plat-section2 .title span { float: left; font-size: 20px; color: #076bf2; position: relative; padding-left: 25px; height: 30px; line-height: 30px; }

.plat-section2 .title span:after { display: block; content: ''; position: absolute; width: 3px; height: 22px; background: #076bf2; left: 10px; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); }

.plat-section2 .title a.more { float: right; font-size: 14px; color: #076bf2; line-height: 30px; }

.plat-section2 ul { padding-top: 22px; }

.plat-section2 li { margin-bottom: 20px; }

.plat-section2 li .list-wrap { border: 1px solid #e5e5e5; padding: 10px; overflow: hidden; }

.plat-section2 li .img { float: left; width: 44.07895%; }

.plat-section2 li .img img { display: block; width: 100%; height: auto; }

.plat-section2 li .txt { float: right; width: 52.63158%; height: 100%; }

.plat-section2 li .txt h5 { font-size: 16px; color: #333333; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; line-height: 24px; }

.plat-section2 li .txt span { font-size: 16px; color: #076bf2; display: block; margin-top: 26px; }

.plat-section2 li .txt p { margin-top: 20px; color: #555555; font-size: 12px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; line-height: 24px; }

.task-content { background: #f8f9fa; padding: 16px 0; }

.task-list li { -webkit-box-shadow: 0 0 4px 4px #f4f5f6; box-shadow: 0 0 4px 4px #f4f5f6; background: #fff; padding-top: 18px; overflow: hidden; margin-bottom: 20px; }

.task-list li .post-show { width: 100%; padding: 0 16px; }

.task-list li .task-title img { display: block; width: 100%; height: auto; }

.task-list li .post-name { overflow: hidden; padding-top: 16px; }

.task-list li .post-name a { float: left; width: 25%; font-size: 14px; color: #333333; height: 36px; line-height: 36px; }

.task-list li .all-post { width: 100%; height: 40px; background: #f7f7f7; font-size: 14px; color: #333; display: block; max-width: 268px; margin: 20px auto 0; line-height: 40px; text-align: center; }

.task-list li .post-list { width: 100%; margin-top: 20px; }

.task-list li .post-list .item { border-bottom: 1px solid #eaeaea; padding-bottom: 10px; position: relative; margin-bottom: 10px; }

.task-list li .post-list .item:last-child { margin-bottom: 0; }

.task-list li .post-list .item .text-info { width: 100%; padding-left: 16px; }

.task-list li .post-list .item h5 { font-size: 16px; color: #333333; line-height: 34px; }

.task-list li .post-list .item .post-messg { padding-top: 0px; overflow: hidden; }

.task-list li .post-list .item p { width: 50%; float: left; font-size: 14px; color: #666666; line-height: 32px; }

.task-list li .post-list .item .salary { right: 0; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); padding-right: 7%; height: 60px; line-height: 60px; padding-left: 4.66667%; font-size: 16px; color: #666666; margin-top: 20px; }

.task-list li .post-list .item .salary::before { display: block; content: ''; position: absolute; width: 1px; height: 62px; background: #eaeaea; left: 0; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); display: none; }

.task-list li .post-list .item .salary span { color: #076bf2; }

.city-section1 { padding: 25px 0 30px; }

.city-section1 h3 { line-height: 36px; font-size: 18px; color: #333333; text-align: center; }

.city-section1 h5 { position: relative; text-align: center; line-height: 36px; font-size: 18px; color: #333333; padding-bottom: 12px; }

.city-section1 h5:after { display: block; content: ''; position: absolute; bottom: 0; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); padding-bottom: 6px; width: 84px; height: 3px; background: #076bf2; }

.city-section1 .img { margin-top: 26px; }

.city-section1 .img img { display: block; width: 100%; height: auto; }

.sm-title1 { font-size: 18px; color: #333333; line-height: 36px; text-align: center; }

.city-section2 { background: #f5f6f7; padding: 20px 0 36px; text-align: center; }

.city-section2 .section-wrap { padding-top: 32px; }

.city-section2 .img { width: 100%; }

.city-section2 .img img { display: block; width: 100%; height: auto; }

.city-section2 .text-info { padding-top: 60px; position: relative; }

.city-section2 .text-info:before { display: block; content: ''; position: absolute; top: 22px; left: 0; width: 85px; height: 3px; background: #076bf2; }

.city-section2 .text-info p { line-height: 28px; color: #666666; font-size: 14px; text-align: left; margin-bottom: 20px; }

.city-section3 { padding: 20px 0 30px; background: url(../images/section3_bg.jpg) no-repeat center; background-size: cover; }

.city-section3 ul { margin-top: 34px; }

.city-section3 ul li { margin-bottom: 20px; }

.city-section3 ul .img { overflow: hidden; }

.city-section3 ul .img img { display: block; width: 100%; }

.city-section3 ul .text-info { padding: 16px 15px 10px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0 0 4px 4px #eef2f7; box-shadow: 0 0 4px 4px #eef2f7; }

.city-section3 ul p { font-size: 14px; color: #333333; display: -webkit-box; height: 20px; line-height: 20px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }

.city-section4 { padding: 20px 0 30px; }

.city-section4 .section-wrap { padding-top: 24px; }

.city-section4 li { margin-bottom: 20px; }

.city-section4 .img img { display: block; margin: 0 auto; }

.city-section4 p { font-size: 14px; color: #333333; text-align: center; margin-top: 14px; line-height: 26px; }

.city-section5 { padding: 26px 0; background: url(../images/bg6.jpg) no-repeat center; }

.city-section5 p { text-align: center; color: #ffffff; font-size: 14px; }

.city-section5 p span { padding: 0 5px; }

.city-section6 { background: #49494a; }

.city-section6 .section-wrap { padding-left: 0px; padding-top: 36px; padding-bottom: 26px; overflow: hidden; }

.city-section6 .section-wrap .s6-left { width: 100%; }

.city-section6 .section-wrap .top-input { width: 100%; overflow: hidden; }

.city-section6 .section-wrap .text-input { width: 100%; height: 40px; margin-right: 12px; margin-bottom: 18px; -webkit-border-radius: 4px; border-radius: 4px; color: #c0c9d1; font-size: 14px; text-indent: 12px; }

.city-section6 .section-wrap .text-input:last-child { margin-right: 0; }

.city-section6 .section-wrap #distpicker select { background: #ffffff url(../images/sj_bg.png) no-repeat right 10px center; width: 100%; height: 40px; margin-right: 12px; -webkit-border-radius: 4px; border-radius: 4px; color: #c0c9d1; font-size: 14px; text-indent: 12px; margin-bottom: 20px; }

.city-section6 .section-wrap .btn { -webkit-border-radius: 4px; border-radius: 4px; overflow: hidden; }

.city-section6 .section-wrap .btn input { width: 100%; height: 40px; background: #076bf2; color: #fff; line-height: 40px; text-align: center; }

.part-section1 { padding: 25px 0; background: #f5f6f7; }

.part-section1 .section-main { background: #fff; -webkit-box-shadow: 0 0 8px 8px #ecedee; box-shadow: 0 0 8px 8px #ecedee; padding: 18px 20px; position: relative; }

.part-section1 .section-main:before { display: block; position: absolute; left: 13.83333%; top: 40px; width: 16px; height: 14px; background: url(../images/top_dot.png) no-repeat center; content: ''; display: none; }

.part-section1 .section-main:after { display: block; position: absolute; right: 14%; bottom: 40px; width: 16px; height: 14px; background: url(../images/bot_dot.png) no-repeat center; content: ''; display: none; }

.part-section1 .section-main p { font-size: 14px; color: #333333; line-height: 24px; font-family: "黑体"; }

.part-section2 { padding: 20px 0; background: url(../images/part_s2.jpg) no-repeat center; background-size: cover; }

.part-section2 .common-title { color: #fff; }

.part-section2 .ps2-form { padding-top: 20px; width: 100%; margin: 0 auto; }

.part-section2 div.input-wrap { height: 36px; border: 1px solid #fff; overflow: hidden; margin-bottom: 20px; width: 100%; }

.part-section2 div.input-wrap:last-child { margin-bottom: 0; }

.part-section2 div.input-wrap span { float: left; padding-left: 28px; height: 36px; line-height: 36px; font-size: 14px; color: #ffffff; width: 16.66667%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.part-section2 div.input-wrap .input { float: left; display: block; width: 83.33333%; }

.part-section2 div.input-wrap .input input { width: 100%; height: 36px; background: none; outline: none; border: none; color: #fff; }

.part-section2 .btn { margin-top: 26px; }

.part-section2 .btn input { font-size: 14px; color: #ffffff; background: #076bf2; width: 120px; height: 36px; line-height: 36px; -webkit-border-radius: 4px; border-radius: 4px; margin: 0 auto; display: block; }

.part-section3 { padding: 20px 0 30px; }

.part-section3 ul { padding-top: 25px; }

.part-section3 li { margin-bottom: 20px; }

.part-section3 li:last-child { margin-bottom: 0; }

.part-section3 li .list-wrap { border: 1px solid #ececec; padding: 22px 0 26px; }

.part-section3 li .icon img { display: block; margin: 0 auto; }

.part-section3 li p { padding-top: 26px; font-size: 16px; color: #333333; text-align: center; }

.part-section4 { background: url(../images/bot_bg.jpg) no-repeat center; background-size: cover; padding: 28px 0 20px; }

.part-section4 .section-main .tel { width: 100%; }

.part-section4 .section-main .tel h5 { font-size: 20px; width: 100%; border-bottom: 1px solid #fff; text-indent: 54px; color: #fff; line-height: 40px; background: url(../images/tel_icon.png) no-repeat left center; }

.part-section4 .section-main .tel p { padding-top: 20px; color: #fff; font-size: 20px; }

.part-section4 .section-main .zx { margin-top: 20px; }

.part-section4 .section-main .zx h5 { background: url(../images/zx_icon.png) no-repeat left center; }

.part-section4 .section-main .zx a { width: 148px; border: 1px solid #fff; -webkit-border-radius: 4px; border-radius: 4px; font-size: 14px; color: #ffffff; height: 44px; line-height: 44px; text-align: center; display: block; margin: 0 auto; }

.suit-section1 { padding: 20px 0 0px; background: #f5f6f7; }

.suit-section1 .title p { font-size: 14px; color: #333333; line-height: 26px; text-align: center; padding-top: 15px; }

.suit-section1 .suit-list { padding-top: 26px; }

.suit-section1 .suit-list li { margin-bottom: 16px; }

.suit-section1 .suit-list .list-wrap { background: #fff; padding: 28px 0 22px; }

.suit-section1 .suit-list img { display: block; margin: 0 auto; }

.suit-section1 .suit-list p { text-align: center; font-size: 14px; color: #333333; padding-top: 20px; }

.suit-section2 { padding: 22px 0 30px; }

.suit-section2 .suit-form { padding: 25px 0px 0 0px; }

.suit-section2 .suit-form .input-item { padding-bottom: 16px; }

.suit-section2 .suit-form .item { width: 100%; margin-bottom: 24px; border: 1px solid #dcdfe6; -webkit-border-radius: 4px; border-radius: 4px; height: 38px; position: relative; }

.suit-section2 .suit-form .item.item1 input { background: #fff url(../images/sj_bg.png) no-repeat right 10px center; }

.suit-section2 .suit-form .item input { width: 100%; height: 100%; text-indent: 13px; font-size: 14px; color: #c0c4cc; }

.suit-section2 .suit-form .item ul { position: absolute; width: 100%; top: 36px; left: 0; z-index: 99; background: #5199ff; color: #fff; padding-left: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: none; cursor: pointer; }

.suit-section2 .suit-form .item ul li { line-height: 40px; }

.btn input { width: 120px; height: 36px; background: #076bf2; color: #fff; -webkit-border-radius: 4px; border-radius: 4px; margin: 0 auto; display: inline-block; }

.suit-section3 { padding: 20px 0 30px; background: url(../images/suit_bg.jpg) no-repeat center; background-size: cover; }

.suit-section3 .common-title { color: #fff; padding-bottom: 15px; }

.suit-section3 .title p { line-height: 30px; color: #fff; font-size: 14px; text-align: center; }

.suit-section3 .section-main { margin-top: 26px; }

.suit-section3 .section-main .img { width: 100%; }

.suit-section3 .section-main img { width: 100%; height: auto; }

.suit-section3 .section-main .form-show { background: #fff; padding: 22px 2.16667% 30px; width: 100%; }

.suit-section3 .section-main .form-show .form-item { position: relative; cursor: pointer; }

.suit-section3 .section-main h5 { font-size: 18px; color: #333333; line-height: 36px; text-align: center; margin-bottom: 10px; }

.suit-section3 .section-main .form-item1 input { background: #fff url(../images/sj_bg.png) no-repeat right 10px center; }

.suit-section3 .section-main .form-item { height: 34px; line-height: 34px; border: 1px solid #e4e7ed; margin-bottom: 16px; -webkit-border-radius: 4px; border-radius: 4px; }

.suit-section3 .section-main .form-item input { width: 100%; text-indent: 14px; font-size: 14px; color: #c0c4cc; }

.suit-section3 .section-main .form-item ul { position: absolute; width: 100%; top: 36px; left: 0; z-index: 99; background: #5199ff; color: #fff; padding-left: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: none; cursor: pointer; }

.suit-section3 .section-main .form-item ul li { line-height: 40px; }

.suit-section3 .section-main #distpicker select { height: 34px; line-height: 34px; border: 1px solid #e4e7ed; margin-bottom: 16px; -webkit-border-radius: 4px; border-radius: 4px; width: 100%; font-size: 14px; color: #c0c4cc; text-indent: 14px; background: #fff url(../images/sj_bg.png) no-repeat right 10px center; }

.suit-section3 .section-main .btn { margin-top: 20px; }

.suit-section4 { padding: 20px 0 32px; background: url(../images/suit_bg1.jpg) no-repeat center; background-size: cover; }

.suit-section4 .common-title { padding-bottom: 20px; }

.suit-section4 p { line-height: 30px; font-size: 14px; color: #333333; text-align: center; }

.about-section1 { padding-top: 100px; }
.about-section1 .img { width: 50%; float: left;}
.about-section1 .img img { display: block; width: 100%; height: auto; }
.about-section1 .text-show { float: left; width: 50%;padding: 0px 8% 0 48px; }
.about-section1 .text-top { padding-top: 42px; padding-bottom: 26px; border-bottom: 1px solid #eaeaea; }
.about-section1 .text-top h5 { font-size: 30px; padding-bottom: 20px; color: #333333; line-height: 50px; }
.about-section1 .text-top p { font-size: 16px;line-height: 28px; color: #666666; padding-left: 30px; position: relative; margin-bottom: 24px;}
.about-section1 .text-top p::before { width: 17px; height: 2px; background: #076bf2; position: absolute; content: ''; left: 0; top: 13px; }
.about-section1 .text-bot { padding-top: 20px; }
.about-section1 .text-bot h5 { font-size: 24px;color: #333333; padding-bottom: 28px;  }
.about-section1 .text-bot p { font-size: 16px; color: #666666; line-height: 44px; padding-left: 30px; position: relative; }
.about-section1 .text-bot p::before { width: 17px; height: 2px; background: #076bf2; position: absolute; content: ''; left: 0; top: 20px; }
@media(max-width:1600px){
.about-section1 .text-show {padding: 0px 4% 0 48px; }   
}
@media(max-width:1366px){
.about-section1 .text-show {padding: 0px 1% 0 20px; }   
.about-section1 .text-top { padding-top: 0px; padding-bottom: 0px;}
}
@media(max-width:1280px){
.about-section1 .text-top h5 { font-size: 28px;line-height: 30px; }
.about-section1 .text-bot h5 { font-size: 24px;padding-bottom: 10px;  }
}
@media(max-width:1024px){
.about-section1 { padding-top: 20px; }
.about-section1 .img { width: 100%; }
.about-section1 .text-show { width: 100%; padding: 0 15px; }
.about-section1 .text-top { padding-top: 22px; }
.about-section1 .text-top h5 { font-size: 18px;  }
.about-section1 .text-top p {  font-size: 14px;  }
.about-section1 .text-bot { padding-top: 20px; }
.about-section1 .text-bot h5 { font-size: 18px; }
.about-section1 .text-bot p { font-size: 14px; }

}

.about-section3 { padding-top: 20px; }

.about-section3 .title p { font-size: 18px; color: #333333; padding-top: 12px; text-align: center; }

.about-section3 .ab3-show { background: url(../images/ab_bg1.jpg) no-repeat center; background-size: cover; margin-top: 24px; overflow: hidden; padding-bottom: 30px; }

.about-section3 .ab3-show li { float: left; width: 50%; padding: 30px 10px 10px 18px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; }

.about-section3 .ab3-show li:after { display: block; content: ''; position: absolute; top: 50%; right: 0; width: 1px; background: #a2c5ea; height: 200px; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); display: none; }

.about-section3 .ab3-show .icon { margin-bottom: 40px; min-height: 50px; }

.about-section3 .ab3-show .icon img { display: block; margin: 0 auto; }

.about-section3 .ab3-show h5 { font-size: 18px; color: #fff; padding-bottom: 10px; text-align: center; }

.about-section3 .ab3-show p { font-size: 14px; color: #fff; line-height: 26px; text-align: center; }

.hsign-btn { width: 80px; height: 32px; font-size: 14px; color: #fff; -webkit-border-radius: 4px; border-radius: 4px; line-height: 32px; text-align: center; background: #076bf2; float: right; margin-top: 0px; position: absolute; right: 60px; top: 12px; }

.about-part { padding: 30px 0; }

.about-part ul {margin-top: 22px;text-align: center;display:table;}

.about-part li { display: inline-block; border-right: 1px solid #dddddd; border-bottom: 1px solid #dddddd; width: 50%;font-size: 0}

@media(min-width:1025px){
.about-part li:nth-child(1),
.about-part li:nth-child(2),
.about-part li:nth-child(3),
.about-part li:nth-child(4),
.about-part li:nth-child(5){ border-top: 1px solid #ddd}
.about-part li:nth-child(5n-4){ border-left: 1px solid #ddd}
}
@media(max-width:1024px){
.about-part li:nth-child(1),
.about-part li:nth-child(2){border-top: 1px solid #ddd}
.about-part li:nth-child(2n-1){ border-left: 1px solid #ddd}    
}
.about-part li img {width: 100%; height: auto; min-height: 93px; margin: 0 auto; }

.ab-contact { padding: 0px 0 30px; }

.ab-contact .abc-main { padding-top: 20px; }

.ab-contact .info { width: 100%; }

.ab-contact .info .top { padding-bottom: 20px; border-bottom: 1px solid #eaeaea; }

.ab-contact .info h5 { font-size: 18px; color: #333333; padding-bottom: 24px; }

.ab-contact .info p { font-size: 16px; color: #666666; line-height: 32px; }

.ab-contact .ab-form { padding-top: 20px; }

.ab-contact .ab-form h5 { padding-bottom: 30px; }

.ab-contact .ab-form p { margin-bottom: 5px; }

.ab-contact .ab-form .input { width: 100%; background: #f5f5f5; height: 40px; display: block; color: #999999; font-size: 14px; text-indent: 14px; }

.ab-contact .ab-form .btn { margin-top: 18px; }

.ab-contact .mapbox { padding: 15px; border: 1px solid #eaeaea; -webkit-border-radius: 4px; border-radius: 4px; margin-top: 20px; box-sizing: content-box;height: 434px;}
.ab-contact .map{width: 100%;height: 100%}



.about-section2 { padding-top: 106px; position: relative}
.about-section2 .img { float: left; width: 50%;}
.about-section2 .img img { display: block; width: 100%; height: auto; }
.about-section2 .text-show {float: right; width: 50%; padding: 0px 8% 0 48px; }
.about-section2 .ab-title { font-size: 36px; padding-top: 70px; }
.about-section2 .ab-title:before { display: block; content: '';  width: 80px;height: 7px;background: #5199ff; margin-bottom: 28px;  }
.about-section2 .ab-info { padding-top: 52px; font-size: 16px; padding-bottom: 76px;color: #666 ;line-height: 28px;  }
.about-section2 .ab-bot {}
.about-section2 .ab-bot .item { float: left; width: 33.33%;  }
.about-section2 .ab-bot h5 { font-size: 64px; color: #076bf2; font-weight: bold;}
.about-section2 .ab-bot h5 span { font-size: 20px; position: relative; font-weight: normal;}
.about-section2 .ab-bot p { font-size: 16px;padding-top: 16px;color: #666  }
@media(max-width:1600px){
.about-section2 .text-show {padding: 0px 4% 0 48px; }   
}
@media(max-width:1366px){
.about-section2 { padding-top: 80px;}
.about-section2 .text-show {float: right; width: 50%; padding: 0px 1% 0 48px; }
.about-section2 .ab-title {padding-top: 0px; } 
.about-section2 .ab-info { padding-top: 30px; padding-bottom: 40px;}
}
@media(max-width:1280px){
.about-section2 .ab-bot h5 { font-size: 56px;}
.about-section2 .ab-info { padding-top: 20px; padding-bottom: 30px;}
}
@media(max-width:1024px){
.about-section2 { padding: 26px 0; position: relative; }
.about-section2 .img {width: 100%;float: none}
.about-section2 .text-show { position: relative; padding: 2%; margin-top: 20px;width: 100%;float: none }
.about-section2 .ab-title { position: relative; font-size: 26px; color: #333333; padding-top: 14px; }
.about-section2 .ab-title:before {  height: 3px; }
.about-section2 .ab-info { padding-top: 22px;font-size: 14px;  padding-bottom: 26px; }
.about-section2 .ab-bot {}
.about-section2 .ab-bot h5 { font-size: 36px; }
.about-section2 .ab-bot p { font-size: 14px; }
}

/* 产品*/
.pro-section1 { padding: 30px 0; background: #f8f8f8; }

.pro-section1 .img-all .item-img { float: left; width: 33.33%; border-right: 1px solid #fff; position: relative; }

.pro-section1 .img-all .item-img:last-child { border: none; }

.pro-section1 .img-all .item-img .img img { display: block; width: 100%; height: auto; }

.pro-section1 .img-all .item-img p { font-size: 16px; color: #ffffff; line-height: 40px; position: absolute; bottom: 16px; text-align: center; left: 0; width: 100%; }

.pro-section1 .s1-text { padding-top: 20px; }

.pro-section1 .s1-text h5 { font-size: 20px; color: #333333; padding-top: 30px; position: relative; }

.pro-section1 .s1-text h5::before { display: block; content: ''; position: absolute; width: 70px; height: 4px; background: #076bf2; top: 0; left: 0; }

.pro-section1 .s1-text p { padding-top: 20px; line-height: 28px; font-size: 14px; color: #666666; }

.pro-section2 { padding: 20px 0 30px; }

.pro-section2 .ptab-nav { padding-top: 20px; text-align: center; }

.pro-section2 .ptab-nav a { display: inline-block; width: 48%; height: 44px; color: #333333; font-size: 16px; -webkit-border-radius: 4px; border-radius: 4px; line-height: 44px; }

.pro-section2 .ptab-nav a:last-child { margin-right: 0; float: right; }

.pro-section2 .ptab-nav a.cur { background: #076bf2; color: #fff; }

.pro-section2 .protab-wrap { margin-top: 38px; }

.pro-section2 .protab-wrap .tab { width: 100%; }

.pro-section2 .protab-wrap .tab thead { width: 100%; }

.pro-section2 .protab-wrap .tab th { height: 60px; background: #076bf2; text-align: center; font-size: 14px; color: #ffffff; border-right: 3px solid #fff; border-bottom: 3px solid #fff; display: none; }

.pro-section2 .protab-wrap .tab th:nth-child(1) { width: 14.16667%; }

.pro-section2 .protab-wrap .tab th:nth-child(2) { width: 24.58333%; }

.pro-section2 .protab-wrap .tab th:nth-child(3) { width: 12.66667%; }

.pro-section2 .protab-wrap .tab th:nth-child(4) { width: 17.83333%; }

.pro-section2 .protab-wrap .tab th:nth-child(5) { width: 12.33333%; }

.pro-section2 .protab-wrap .tab td { height: 70px; background: #dbeaff; border-right: 3px solid #fff; text-align: right; display: block; width: 100%; padding: 10px 10px; margin-bottom: 10px;font-size: 16px ;position: relative}
.pro-section2 .protab-wrap .tab2 td{padding: 20px 10px}
.pro-section2 .protab-wrap .tab td:after { content: attr(data-label); position: absolute;background: #5199ff;line-height: 44px;text-align: center;height: 100%; width: 30%;color: #fff;left: 0;top: 0;}

.pro-section2 .protab-wrap .tab2 td:after { content: attr(data-label); position: absolute;background: #5199ff;line-height: 20px;text-align: center;height: 100%; width: 40%;color: #fff;left: 0;top: 0;padding-top: 22px}
.pro-section2 .protab-wrap .tab2 td:nth-child(2):after,
.pro-section2 .protab-wrap .tab2 td:nth-child(3):after,
.pro-section2 .protab-wrap .tab2 td:nth-child(4):after{ padding-top: 12px}
.pro-section2 .protab-wrap .tab2 { display: none; }
.pro-section2 .protab-wrap .tab2 p{text-align: right;color: #d53535;font-size: 18px;font-weight: bold}
.pro-section2 .protab-wrap .tab2 .item { margin-bottom: 20px; }

.pro-section2 .protab-wrap .tab2 h5 { font-size: 20px; color: #333333; text-align: center; line-height: 40px; padding-bottom: 20px; }

.pro-section2 .protab-wrap .tab2 th:nth-child(1) { width: 10.83333%; }

.pro-section2 .protab-wrap .tab2 th:nth-child(2) { width: 17.83333%; }

.pro-section2 .protab-wrap .tab2 th:nth-child(3) { width: 16.33333%; }

.pro-section2 .protab-wrap .tab2 th:nth-child(4) { width: 17.08333%; }

.pro-section2 .protab-wrap .tab2 th:nth-child(5) { width: 9.16667%; }

.pro-section2 .protab-wrap .tab2 th:nth-child(6) { width: 9.16667%; }

.pro-section2 .protab-wrap .list { margin-top: 20px; background: #f5f5f5; overflow: hidden; }

.pro-section2 .protab-wrap .list li { width: 100%; padding: 20px 0; padding-left: 26px; position: relative; }

.pro-section2 .protab-wrap .list li:before { display: block; content: ''; position: absolute; left: 0; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); width: 5px; height: 50px; background: #076bf2; }

.pro-section2 .protab-wrap .list li h5 { font-size: 18px; color: #333333; padding-bottom: 10px; }

.pro-section2 .protab-wrap .list li p { font-size: 18px; color: #076bf2; }
.pro-section2 .protab-wrap .list li p b{ font-size: 18px; color: #cf383c; }

.qa { padding: 20px 0 30px; }

.qa .qa-list { padding-top: 20px; }

.qa .qa-list li { margin-bottom: 20px; }

.qa .qa-list h5 { padding-left: 60px; background: url(../images/qa_img1.png) no-repeat left center; font-size: 16px; color: #333333; height: 50px; line-height: 50px; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

.qa .qa-list .qa-text { line-height: 26px; border-left: 5px solid #076bf2; font-size: 14px; color: #666666; background: #f8f8f8; padding: 20px 34px 20px 26px; margin-top: 20px; }

.qa .more { width: 176px; height: 48px; border: 1px solid #dddddd; font-size: 16px; color: #333333; line-height: 48px; text-align: center; display: block; -webkit-border-radius: 30px; border-radius: 30px; margin: 30px auto 0; }
.qa .more:hover{background: #076bf2;color: #fff;border-color: #076bf2}

.case { padding: 20px 0 30px; background: #f8f8f8; }

.case .case-main { overflow: hidden; padding-top: 20px; }

.case .main-left .img-show { position: relative; }

.case .main-left .img-show .prev { background: rgba(0, 0, 0, 0.6) url(../images/prev.png) no-repeat center; position: absolute; width: 33px; height: 60px; left: 0; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); z-index: 999; }

.case .main-left .img-show .next { background: rgba(0, 0, 0, 0.6) url(../images/next.png) no-repeat center; position: absolute; width: 33px; height: 60px; right: 0; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); z-index: 999; }

.case .main-left .img-text { background: transparent;  margin-top: 20px; padding-bottom: 20px; }

.case .main-left .swiper-slide { width: 100%; }

.case .main-left .text-ShowMain { width: 100%; padding: 10px 10px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.case .main-left .text-ShowMain h5 { font-size: 20px; color: #333333; line-height: 40px; }

.case .main-left .text-ShowMain p { font-size: 16px; color: #666666; line-height: 30px; }

.case .main-right { padding: 56px 50px 60px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: url(../images/case.png) no-repeat center; background-size: cover; height: 290px; box-sizing: border-box; position: relative; }

.case .main-right h5 { font-size: 20px; color: #fff; padding-bottom: 18px; }

.case .main-right p { line-height: 42px; color: #FFF; font-size: 16px; }

.case .main-right p input { margin-right: 10px; position: relative; top: 3px; }

.case .main-right .btn { width: 120px; height: 40px; background: #076bf2; color: #fff; font-size: 16px; line-height: 40px; text-align: center; display: block; -webkit-border-radius: 4px; border-radius: 4px; margin-top: 20px; }

.case .main-right .car { position: absolute; left: 0; top: 0; z-index: 99; width: 100%; height: 100%; display: none; }

.case .main-right .car img { display: block; max-width: 100%; height: auto; }

.case .main-right .car .back { width: 50px; height: 50px; position: absolute; left: 0; top: 0; z-index: 99; }

.bg { position: fixed; width: 100%; height: 100%; z-index: 9999; left: 0; top: 0; background: #000; opacity: 0.6; display: none; }

.tx-main { padding-bottom: 20px; width: 90%; background: #fff; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 99999; position: fixed; padding: 36px 12px 56px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: none; }

.tx-main h5 { font-size: 20px; color: #333333; text-align: center; line-height: 40px; padding-bottom: 24px; }

.tx-main p { height: 40px; margin-bottom: 20px; }

.tx-main p input { width: 100%; height: 40px; font-size: 16px; color: #999999; background: #f5f5f5; text-indent: 20px; }

.tx-main textarea { height: 116px; background: #f5f5f5; width: 100%; line-height: 24px; text-indent: 20px; font-size: 16px; padding-top: 10px; }

.tx-main .btn { height: 50px; background: #076bf2; color: #fff; font-size: 16px; -webkit-border-radius: 4px; border-radius: 4px; margin-top: 32px; width: 100%; text-align: center; }

.tx-main .hot-line { font-size: 22px; color: #076bf2; text-align: center; padding-top: 40px; height: 30px; line-height: 30px; }

.tx-main .hot-line span { font-size: 18px; color: #333333; background: url(../images/hot.png) no-repeat left center; padding-left: 50px; display: inline-block; height: 30px; line-height: 30px; }

.tx-main .close-btn { position: absolute; width: 36px; height: 36px; background: url(../images/close_btn.png) no-repeat center; right: 0; top: 0; }

.video { height: 278px; -o-object-fit: fill; object-fit: fill; background-size: cover; cursor: pointer; }

input:-moz-placeholder { color: #c0c9d1; }

input::-moz-placeholder { color: #c0c9d1; }

input:-ms-input-placeholder { color: #c0c9d1; }

input::-webkit-input-placeholder { color: #c0c9d1; }


@media (min-width: 768px) { .common-title { font-size: 24px; line-height: 40px; }
  .sm-title { font-size: 20px; line-height: 32px; }
  .index-section1 { padding: 45px 0 30px; }
  .index-section1 .section1-main { padding-top: 56px; }
  .index-section1 .item { margin-bottom: 36px; }
  .index-section1 .item h5 { font-size: 18px; }
  .index-section3 .section-wrap { padding-bottom: 118px; }
  .index-section3 .tab { margin-top: 46px; }
  .index-section3 .tab-nav a { font-size: 16px; }
  .index-section5 .s5-list li .text { display: -webkit-box; height: 48px; line-height: 24px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .saas-section1 { padding-top: 36px; }
  .saas-section1 .section-wrap { overflow: hidden; }
  .saas-section1 .item { padding: 20px 10px; padding-left: 120px; width: 50%; float: left; }
  .saas-section1 .item.item1 { background-size: 80px 80px; }
  .saas-section1 .item.item2 { background-size: 80px 80px; }
  .saas-section1 .item.item3 { background-size: 80px 80px; }
  .saas-section1 .item.item4 { background-size: 80px 80px; }
  .saas-section1 .item.item5 { background-size: 80px 80px; }
  .saas-section1 .item h5 { font-size: 18px; }
  .cooperation { padding: 48px 0 66px; }
  .cooperation .img { padding-top: 48px; }
  .sign-content { padding-bottom: 80px; }
  .sign-content .sign-wrap { width: 350px; margin: 0 auto; }
  .sign-content .sign-box { padding: 20px 20px; }
  .sign-content .form-area { margin-top: 30px; }
  .sign-content .sign-btn { width: 260px; }
  .register-content .register-wrap { float: right; width: 494px; }
  .register-content .register-main .bot { padding: 34px 40px 30px; }
  .plat-section1 li { width: 50%; float: left; }
  .plat-section1 li span { width: 33.33%; }
  .task-list li .post-list .item .text-info { width: 70%; }
  .task-list li .post-list .item .salary { position: absolute; }
  .task-list li .post-list .item .salary p { width: 100%; }
  .task-content { padding: 26px 0; }
  .city-section2 { padding: 30px 0 56px; }
  .city-section2 .section-wrap { padding-top: 52px; }
  .city-section2 .text-info { padding-top: 70px; }
  .sm-title1 { font-size: 26px; line-height: 46px; }
  .part-section1 .section-main p { font-size: 15px; }
  .part-section1 .section-main { padding: 25px 30px; }
  .part-section2 { padding: 30px 0; }
  .suit-section1 { padding: 30px 0 0px; }
  .suit-section1 .title p { font-size: 15px; }
  .suit-section1 .suit-list { padding-top: 36px; }
  .suit-section1 .suit-list li { margin-bottom: 26px; }
  .suit-section1 .suit-list p { font-size: 15px; }
  .suit-section2 { padding: 32px 0 50px; }
  .suit-section2 .suit-form { padding: 35px 60px 0 10px; }
  .suit-section2 .suit-form .input-item { padding-bottom: 21px; }
  .suit-section3 { padding: 0px 0 30px; }
  .suit-section3 .common-title { padding-bottom: 20px; }
  .suit-section3 .section-main { margin-top: 36px; position: relative; }
  .suit-section3 .section-main h5 { font-size: 20px; line-height: 40px; }
  .suit-section4 { padding: 40px 0 52px; }
  .suit-section4 .common-title { padding-bottom: 30px; }
  .about-part { padding: 50px 0; }
  .about-part ul { margin-top: 32px; }
  .about-part li { width: 33.33%; }
  .pro-section2 .ptab-nav a { width: 202px; float: none; }
  .pro-section2 .ptab-nav a:nth-child(2) { float: none; }
  .case .main-left .swiper-slide img { width: 100%; height: auto; } }
@media(max-width: 1400px){
 .header .auto{padding:0 2%!important;margin: auto}   
 .head-nav { float: left; width: 60.66667%;}
 .nav-ul li { margin-right: 10px!important;}
}
@charset "UTF-8";
@media (min-width: 1024px) { body { padding-top: 0; }
  /* 头部样式*/
  .header { position: static; -webkit-box-shadow: none; box-shadow: none; height: 100px;}
  .header .auto{max-width: 1400px;margin: auto}
  .hsign-btn { position: static; margin-top: 34px; }
  .header .navBtn { display: none; }
  .head-nav { float: left; width: 66.66667%; position: static; margin-left: 5%; padding-top: 24px; }
  .nav-ul { position: static; border: none; padding-bottom: 0; }
  .nav-ul li { float: left; margin-right: 15px; padding-bottom: 25px; }
  .nav-ul li:last-child { margin-right: 0!important; }
  .nav-ul li h5 a { padding: 0 7px; font-size: 16px; color: #333; line-height: 56px; }
  .nav-ul li:hover h5 a,
  .nav-ul li.cur h5 a { color: #076bf2; }
  .nav-ul li h5 { border: none; }
  .header .logo { padding-top: 30px; width: auto; }
  .header .logo a { display: block; }
  .header .logo img { width: auto; height: auto;max-width: 402px }
  .nav-ul li:last-child a { /*padding-left: 20px;*/ }
  .common-title { font-size: 28px; line-height: 50px; }
  .index-section1 { padding: 45px 0 40px; }
  .index-section1 .section1-main { padding-top: 86px; }
  .index-section1 .text-info1 { width: 25%; float: left; }
  .index-section1 .text-info2 { width: 22%; float: right; }
  .index-section1 .img { position: absolute; bottom: 0px; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); margin-bottom: 0px; max-width: 47.66667%; }
  .index-section1 .item { margin-bottom: 56px; }
  .index-section1 .item h5 { font-size: 20px; }
  .index-section3 { position: static; }
  .index-section3 .section-wrap { position: relative; }
  .index-section3 .tab { padding-left: 29.83333%; margin-top: 86px; padding-right: 0; }
  .index-section3 .tab h5 { text-align: left; font-size: 18px; }
  .index-section3 .tab p { text-align: left; }
  .index-section3 .tab-nav { width: 180px; position: absolute; left: 0; top: 0; bottom: auto; height: 100%; }
  .index-section3 .tab-nav a { display: block; width: 100%; height: 20%; float: none; font-size: 18px; }
  .index-section4 { padding-bottom: 45px; }
  .index-section4 .section-wrap { padding-bottom: 40.44444%; }
  .index-section4 .section4_main { padding-top: 0px; }
  .index-section4 .img { position: absolute; left: 50%; bottom: 0; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); width: 35%; z-index: 1; }
  .index-section4 .img img { display: block; }
  .index-section4 p { position: absolute; padding: 0; }
  .index-section4 p.s4-1 { background: none; left: 23.33333%; }
  .index-section4 p.s4-2 { background: none; left: 10%; }
  .index-section4 p.s4-3 { background: none; left: 10%; }
  .index-section4 p.s4-4 { width: 24.58333%; background: none; }
  .index-section4 p.s4-5 { width: 21.33333%; background: none; }
  .index-section4 p.s4-6 { width: 21.33333%; background: none; }
  .index-section5 { padding: 0px; }
  .index-section5.show {display: block}
  .index-section5.hide {display: none}
  .index-section5 .s5-list { height: 160px; }
  .index-section5 .s5-list li { height: 100%; width: 25%; margin-bottom: 0px; padding-bottom: 0px; border: none; border-right: 1px solid #90beff; }
  .index-section5 .s5-list li:last-child { border: none; }
  .index-section5 .s5-list li:nth-child(2n) { float: left; }
  .index-section5 .s5-list li h5 { font-size: 18px; color: #ffffff; padding: 0; padding-top: 26px; padding-bottom: 15px; }
  .index-section5 .s5-list li .text { padding: 0px; }
  .saas-section1 { padding-top: 56px; }
  .saas-section1 .section-wrap { padding-bottom: 46.46154%; }
  .saas-section1 .img { display: block; }
  .saas-section1 .item { text-align: center; position: absolute; padding: 0px; padding-left: 0px; width: auto; float: none; }
  .saas-section1 .item.item1 { top: 11.27596%; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); background: none; margin-bottom: 0px; }
  .saas-section1 .item.item2 { top: 40.39735%; left: 3%; background: none; margin-bottom: 0px; }
  .saas-section1 .item.item3 { top: 78.80795%; left: 4%; width: 17.83333%; background: none; margin-bottom: 20px; }
  .saas-section1 .item.item4 { background-size: 80px 80px; background: none; width: 18.33333%; }
  .saas-section1 .item.item5 { background-size: 80px 80px; background: none; }
  .saas-section1 .item h5 { font-size: 18px; }
  .saas-section2 { padding-top: 40px; padding-bottom: 80px; }
  .saas-section2 .img-showItem { padding: 0 0px; margin-bottom: 0px; }
  .saas-section2 .img-showItem:nth-child(2n) .img { float: left; }
  .saas-section2 .img-showItem:nth-child(2n) .text { right: 21.61458%; left: auto; }
  .saas-section2 .img-showItem:nth-child(1) .img { max-width: 57.29167%; }
  .saas-section2 .img-showItem:nth-child(1) .text { width: 20%; }
  .saas-section2 .img-showItem:nth-child(2) .img { max-width: 56.25%; }
  .saas-section2 .img-showItem:nth-child(2) .text { width: 20%; }
  .saas-section2 .img-showItem:nth-child(3) .img { padding-right: 5.20833%; }
  .saas-section2 .img-showItem:nth-child(3) .text { width: 20%; left: 10%; }
  .saas-section2 .img-showItem:nth-child(4) .img { padding-left: 5.20833%; }
  .saas-section2 .img-showItem:nth-child(4) .text { width: 20%; right: 10%; }
  .saas-section2 .img-showItem:nth-child(5) .img { padding-right: 5.20833%; }
  .saas-section2 .img-showItem:nth-child(5) .text { width: 20%; }
  .saas-section2 .img-showItem .img { float: right; margin-top: 0px; }
  .saas-section2 .img-showItem .img img { width: auto; }
  .saas-section2 .img-showItem .text { position: absolute; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); left: 21.61458%; width: 10.83333%; text-align: left; }
  .cooperation { padding: 58px 0 86px; }
  .sign-content { padding-top: 140px; padding-bottom: 100px; }
  .sign-content .sign-wrap { float: right; }
  .sign-content .sign-box { padding: 30px 40px; }
  .sign-content .form-area { margin-top: 40px; }
  .register-content { padding-top: 40px; padding-bottom: 100px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  .plat-section1 { margin-top: 40px; }
  .plat-section1 ul { padding: 36px 0 42px; }
  .plat-section1 li { width: 25%; padding: 0 40px; }
  .plat-section2 { margin-top: 50px; padding: 30px 20px 24px; }
  .plat-section2 .title span { font-size: 24px; }
  .plat-section2 ul { padding-top: 32px; }
  .plat-section2 li { margin-bottom: 26px; }
  .plat-section2 li .list-wrap { padding: 15px; }
  .plat-section2 li .txt p { margin-top: 30px; }
  .task-content { background: #f8f9fa; padding: 36px 0; }
  .task-list li { -webkit-box-shadow: 0 0 4px 4px #f4f5f6; box-shadow: 0 0 4px 4px #f4f5f6; background: #fff; padding-top: 28px; overflow: hidden; margin-bottom: 30px; }
  .task-list li .post-show { float: left; width: 22.5%; padding-left: 24px; }
  .task-list li .task-title img { display: block; width: 100%; height: auto; }
  .task-list li .post-name { overflow: hidden; padding-top: 16px; }
  .task-list li .post-name a { float: left; width: 33.33%; font-size: 16px; color: #333333; height: 46px; line-height: 46px; }
  .task-list li .all-post { margin-top: 70px; width: 100%; height: 40px; background: #f7f7f7; font-size: 14px; color: #333; display: block; max-width: 268px; margin: 70px auto 0; line-height: 40px; text-align: center; }
  .task-list li .post-list { float: right; width: 72%; }
  .task-list li .post-list .item { border-bottom: 1px solid #eaeaea; padding-bottom: 20px; position: relative; margin-bottom: 30px; }
  .task-list li .post-list .item:last-child { margin-bottom: 0; }
  .task-list li .post-list .item .text-info { width: 44%; padding-left: 1.5%; float: left; }
  .task-list li .post-list .item .text-info h5 { font-size: 16px; color: #333333; line-height: 34px; }
  .task-list li .post-list .item .text-info .post-messg { padding-top: 16px; overflow: hidden; }
  .task-list li .post-list .item .text-info .post-messg p { width: 50%; float: left; font-size: 14px; color: #666666; line-height: 32px; }
  .task-list li .post-list .item .salary { position: absolute; right: 0; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); padding-right: 7%; height: 60px; line-height: 60px; padding-left: 4.66667%; font-size: 20px; color: #666666; }
  .task-list li .post-list .item .salary::before { display: block; content: ''; position: absolute; width: 1px; height: 62px; background: #eaeaea; left: 0; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); }
  .task-list li .post-list .item .salary span { color: #076bf2; }
  .task-list li { padding-top: 23px; margin-bottom: 25px; }
  .task-list li .post-show { float: left; width: 22.5%; padding-left: 16px; padding-right: 0; }
  .task-list li .post-name a { float: left; width: 33.33%; font-size: 14px; height: 41px; line-height: 41px; }
  .task-list li .post-list { float: right; width: 72%; margin-top: 0px; }
  .task-list li .post-list .item { padding-bottom: 15px; margin-bottom: 20px; }
  .task-list li .post-list .item .text-info { width: 52.33333%; padding-left: 1.5%; float: left; }
  .task-list li .post-list .item .post-messg { padding-top: 8px; }
  .task-list li .post-list .item .salary { position: absolute; width: 32.66667%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  .task-list li .post-list .item .salary::before { display: block; }
  .task-list li .post-list .item .salary p { font-size: 16px; }
  .city-section1 { padding: 45px 0 60px; }
  .city-section1 h3 { line-height: 46px; font-size: 26px; }
  .city-section1 h5 { line-height: 46px; font-size: 26px; }
  .city-section1 .img { margin-top: 46px; }
  .city-section2 { padding: 50px 0 96px; }
  .city-section2 .section-wrap { padding-top: 72px; }
  .city-section2 .img { float: left; width: 48.33333%; }
  .city-section2 .text-info { float: right; width: 44.5%; padding-right: 5%; padding-top: 60px; }
  .city-section2 .text-info:before { top: 32px; }
  .city-section4 li { width: 20%; }
  .city-section6 .section-wrap { padding-left: 30px; }
  .city-section6 .section-wrap .s6-left { width: 55%; float: left; }
  .city-section6 .section-wrap .text-input { width: -webkit-calc(50% - 12px); width: calc(50% - 12px); float: left; }
  .city-section6 .section-wrap #distpicker select { width: -webkit-calc(50% - 12px); width: calc(50% - 12px); float: left; }
  .city-section6 .section-wrap .btn { float: left; margin-left: 28px; }
  .city-section6 .section-wrap .btn input { width: 86px; height: 86px; line-height: 86px; }
  .sm-title1 { font-size: 26px; line-height: 40px; }
  .city-section3 { padding: 50px 0 50px; }
  .city-section3 ul { margin-top: 74px; }
  .city-section3 ul li { margin-bottom: 0px; }
  .city-section3 ul .text-info { padding: 26px 25px 20px; }
  .city-section3 ul p { display: -webkit-box; height: 40px; line-height: 20px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .city-section5 { padding: 46px 0; }
  .city-section5 p { text-align: center; color: #ffffff; font-size: 24px; }
  .city-section5 p span { padding: 0 25px; }
  /*footer*/
  .footer .hot-line { float: left; width: 23%; margin-right: 2.5%; text-align: left; }
  .footer .hot-line h5 { padding-top: 12px; }
  .footer .footer-nav { margin-top: 0px; float: left; width: 46.66667%; }
  .footer .footer-nav li { float: left; width: 35%; border: none; }
  .footer .footer-nav li:nth-child(1) { width: 27%; }
  .footer .footer-nav li:nth-child(2) { width: 38%; }
  .footer .footer-nav h5 { font-size: 16px; }
  .footer .footer-nav h5:after { display: none; }
  .footer .footer-nav dl { display: block; }
  .footer .footer-nav dd { line-height: 50px; border: none; padding-left: 0; }
  .footer .follow { float: right; width: 25.33333%; margin-top: 0px; display: flex; flex-direction: column; align-items: center;}
  .nav-ul .subnavcont { position: absolute; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); }
  .nav-ul .subnavcont .subnavcontlist a { text-align: center; padding: 0px; }
  .part-section1 { padding: 45px 0; }
  .part-section1 .section-main { padding: 28px 100px; }
  .part-section1 .section-main:before { display: block; left: 7.5%; }
  .part-section1 .section-main:after { display: block; right: 7.5%; }
  .part-section1 .section-main p { font-size: 15px; line-height: 26px; }
  .part-section2 { padding: 40px 0; }
  .part-section2 .ps2-form { padding-top: 40px; width: 50%; }
  .part-section2 .btn { margin-top: 36px; }
  .part-section3 { padding: 50px 0 38px; }
  .part-section3 ul { padding-top: 45px; }
  .part-section4 { padding: 48px 0 30px; }
  .part-section4 .section-main .tel { float: left; width: 50%; padding-left: 13.33333%; }
  .part-section4 .section-main .tel h5 { font-size: 24px; width: 73.33333%; line-height: 50px; }
  .part-section4 .section-main .tel p { padding-top: 28px; }
  .part-section4 .section-main .zx { margin-top: 0px; }
  .part-section4 .section-main .zx a { margin: 0; }
  .suit-section1 { padding: 40px 30px 0px; }
  .suit-section1 .title p { font-size: 16px; }
  .suit-section1 .suit-list { padding-top: 46px; }
  .suit-section1 .suit-list li { margin-bottom: 36px; }
  .suit-section1 .suit-list p { font-size: 16px; }
  .suit-section4 { padding: 60px 0 92px; }
  .suit-section4 .common-title { padding-bottom: 40px; }
  .suit-section3 { padding: 30px 0 70px; }
  .suit-section3 .section-main .img { float: right; width: 50%; position: absolute; height: 100%; right: 0; top: 0; }
  .suit-section3 .section-main .img img { position: absolute; left: 0; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); }
  .suit-section3 .section-main .form-show { float: left; width: 50%; padding: 32px 8% 90px; }
  .suit-section2 { padding: 42px 0 60px; }
  .suit-section2 .suit-form { padding: 45px 110px 0 40px; }
  .suit-section2 .suit-form .input-item { padding-bottom: 26px; }
  .suit-section2 .suit-form .input-item .item { width: 380px; float: left; }
  .suit-section2 .suit-form .input-item .item:nth-child(2n) { float: right; }

  .about-section3 { padding-top: 50px; }
  .about-section3 .ab3-show { margin-top: 44px; padding-bottom: 0px; }
  .about-section3 .ab3-show li { width: 25%; padding: 40px 0px 30px 38px; }
  .about-section3 .ab3-show li:after { display: block; }
  .about-part { padding: 70px 0; }
  .about-part ul { margin-top: 32px; }
  .about-part li { width: 20%; /*-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;*/ }
  .ab-contact { padding: 0px 0 110px; }
  .ab-contact .abc-main { padding-top: 30px; }
  .ab-contact .info { float: left; width: 38.83333%; }
  .ab-contact .info .top { padding-bottom: 30px; }
  .ab-contact .ab-form .btn { margin-top: 28px; }
  .ab-contact .mapbox { width: 50%; float: right; margin-top: 0px; }
  .video { height: 378px; -o-object-fit: fill; object-fit: fill; }
  .pro-section1 { padding: 60px 0; }
  .pro-section1 .img-all { float: left; width: 60.16667%; }
  .pro-section1 .img-all .item-img p { font-size: 18px; }
  .pro-section1 .s1-text { padding-top: 40px; width: 34.66667%; float: right; }
  .pro-section1 .s1-text h5 { font-size: 28px; }
  .pro-section1 .s1-text p { padding-top: 30px; }
  .pro-section2 { padding: 20px 0 30px; }
  .pro-section2 .ptab-nav { padding-top: 20px; text-align: center; }
  .pro-section2 .protab-wrap .tab th { height: 60px; font-size: 16px; display: inline-block; line-height: 60px; }
  .pro-section2 .protab-wrap .tab th:nth-child(1) { width: 14.16667%; }
  .pro-section2 .protab-wrap .tab th:nth-child(2) { width: 24.58333%; }
  .pro-section2 .protab-wrap .tab th:nth-child(3) { width: 12.66667%; }
  .pro-section2 .protab-wrap .tab th:nth-child(4) { width: 17.83333%; }
  .pro-section2 .protab-wrap .tab th:nth-child(5) { width: 12.33333%; }
  .pro-section2 .protab-wrap .tab th:nth-child(6) { width: 18.41667%; }
  .pro-section2 .protab-wrap .tab td { border-right: 3px solid #fff; text-align: center; padding: 0px; margin-bottom: 0px; display: inline-block; vertical-align: middle; line-height: 34px; }
  .pro-section2 .protab-wrap .tab td:nth-child(1) { width: 14.16667%; }
  .pro-section2 .protab-wrap .tab td:nth-child(2) { width: 24.58333%; }
  .pro-section2 .protab-wrap .tab td:nth-child(3) { width: 12.66667%; }
  .pro-section2 .protab-wrap .tab td:nth-child(4) { width: 17.83333%; }
  .pro-section2 .protab-wrap .tab td:nth-child(5) { width: 12.33333%; }
  .pro-section2 .protab-wrap .tab td:nth-child(6) { width: 18.41667%;}
  .pro-section2 .protab-wrap .tab1 td:nth-child(6) {line-height: 22px;padding-top: 32px}
  .pro-section2 .protab-wrap .tab td:after { display: none; }
  .pro-section2 .protab-wrap .tab2 { display: none; }
  .pro-section2 .protab-wrap .tab2 .item { margin-bottom: 20px; }
  .pro-section2 .protab-wrap .tab2 h5 { font-size: 20px; color: #333333; text-align: center; line-height: 40px; padding-bottom: 20px; }
  .pro-section2 .protab-wrap .tab2 th:nth-child(1) { width: 11.83333%;line-height: 22px;padding-top: 7px }
  .pro-section2 .protab-wrap .tab2 th:nth-child(2) { width: 18.83333%; line-height: 22px;padding-top: 7px }
  .pro-section2 .protab-wrap .tab2 th:nth-child(3) { width: 17.33333%;line-height: 22px;padding-top: 7px  }
  .pro-section2 .protab-wrap .tab2 th:nth-child(4) { width: 19.08333%; line-height: 22px;padding-top: 7px }
  .pro-section2 .protab-wrap .tab2 th:nth-child(5) { width: 11.16667%; }
  /* .pro-section2 .protab-wrap .tab2 th:nth-child(6) { width: 9.16667%; } */
  .pro-section2 .protab-wrap .tab2 th:nth-child(6) { width: 21.66667%; }
  .pro-section2 .protab-wrap .tab2 td { height: 60px; line-height: 60px; }
  .pro-section2 .protab-wrap .tab2 td:nth-child(1) { width: 11.83333%; }
  .pro-section2 .protab-wrap .tab2 td:nth-child(2) { width: 18.83333%; }
  .pro-section2 .protab-wrap .tab2 td:nth-child(3) { width: 17.33333%; }
  .pro-section2 .protab-wrap .tab2 td:nth-child(4) { width: 19.08333%;  }
  .pro-section2 .protab-wrap .tab2 td:nth-child(5) { width: 11.16667%; }
  /* .pro-section2 .protab-wrap .tab2 th:nth-child(6) { width: 9.16667%; } */
  .pro-section2 .protab-wrap .tab2 td:nth-child(6) { width: 21.66667%; }
  .pro-section2 .protab-wrap .list { margin-top: 20px; background: #f5f5f5; overflow: hidden; }
  .pro-section2 .protab-wrap .list li { float: left; width: 25%; padding: 30px 0; padding-left: 20px; }
  .case { padding: 60px 0 60px; }
  .case .case-main { padding-top: 40px; }
  .case .main-left { width: 70%; float: left; }
  .case .main-left .img-show { width: 60.95238%; float: left; }
  .case .main-left .img-show img { width: 100%; height: auto; }
  .case .main-left .img-text { width: 39.04762%; float: left; height: 288px; margin-top: 0; padding-bottom: 0px; }
  .case .main-left .text-ShowMain { padding: 0px 20px 0; }
  .case .main-right { float: right; width: 25.33333%; }
  .qa { padding: 70px 0 90px; }
  .qa .qa-list { padding-top: 60px; }
  .qa .qa-list li { margin-bottom: 34px; }
  .tx-main { width: 542px; height: 632px; padding: 36px 32px 56px; }
  .city-section4 p { font-size: 16px; padding-top: 20px; }
  .city-section4 { padding: 50px 0 60px; }
  .city-section4 .section-wrap { padding-top: 74px; }
  .suit-section1 .suit-list { padding-left: 104px; padding-right: 104px; } }

@media (min-width: 1260px) { .common-title { font-size: 40px; line-height: 60px; }
  .sm-title { font-size: 22px; line-height: 42px; }
  .index-section1 { padding: 65px 0 60px; }
  .index-section1 .section1-main { padding-top: 136px; }
  .index-section1 .img { top: 200px; bottom: auto; }
  .index-section1 .item { margin-bottom: 66px; }
  .index-section1 .item h5 { font-size: 22px; }
  .index-section2 { padding: 54px 0 60px; }
  .index-section2 li { padding-bottom: 142px; height: 454px; }
  .index-section2 .li-center { height: 200%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; cursor: pointer; }
  .index-section2 .li-center:hover { -webkit-transform: translate(0, -50px); -ms-transform: translate(0, -50px); -o-transform: translate(0, -50px); transform: translate(0, -50px); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(132,173,248,.6)),to(#556ae3));
    background-image: linear-gradient(180deg,rgba(132,173,248,.6),#556ae3);}
  .index-section2 .li-center:hover .text .hidden-p { display: block; }
  .index-section2 .text .hidden-p { display: none; }
  .index-section3 { height: 494px; }
  .index-section3 .section-wrap { padding-top: 62px; padding-bottom: 128px; }
  .index-section3 .tab { margin-top: 146px; }
  .index-section3 .tab-nav { width: 220px; }
  .index-section3 .tab-nav a { width: 100%; height: 82px; line-height: 82px; }
  .index-section4 { padding-bottom: 55px; }
  .index-section4 p.s4-1 { left: 25.83333%; }
  .index-section4 p.s4-2 { top: 42.64706%; background: none; left: 15.83333%; }
  .index-section4 p.s4-3 { background: none; left: 14.16667%; }
  .commonweb2 { max-width: 1400px; }
  .index-section5 .s5-list { height: 136px; }
  .index-section5 .s5-list li h5 { font-size: 18px; padding-top: 25px; }
  .saas-section2 { padding-top: 40px; padding-bottom: 134px; }
  .saas-section2 .img-showItem { margin-bottom: 30px; }
  .saas-section2 .img-showItem:nth-child(1) .text { width: 14.83333%; }
  .saas-section2 .img-showItem:nth-child(1) .img { float: right; }
  .saas-section2 .img-showItem:nth-child(2) .text { width: auto; }
  .saas-section2 .img-showItem:nth-child(3) .img { padding-right: 10.10417%; }
  .saas-section2 .img-showItem:nth-child(3) .text { width: 14.45833%; left: 15.875%; }
  .saas-section2 .img-showItem:nth-child(4) .img { padding-left: 7.54167%; }
  .saas-section2 .img-showItem:nth-child(4) .text { width: 10.83333%; right: 22.39583%; }
  .saas-section2 .img-showItem:nth-child(5) .img { padding-right: 6.64583%; }
  .saas-section2 .img-showItem:nth-child(5) .text { width: auto; }
  .saas-section2 .img-showItem .img { float: right; margin-top: 0px; }
  .saas-section2 .img-showItem .img img { width: auto; }
  .saas-section2 .img-showItem .text { position: absolute; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); left: 21.61458%; width: 10.83333%; text-align: left; }
  .saas-section2 .img-showItem .text h5 { font-size: 20px; }
  .cooperation { padding: 68px 0 96px; }
  .cooperation .img { padding-top: 68px; }
  .plat-section1 { margin-top: 60px; }
  .plat-section1 ul { padding: 46px 0 52px; }
  .plat-section1 li { width: 25%; padding: 0 46px; }
  .plat-section1 li span { width: 50%; }
  .plat-section2 { margin-top: 80px; padding: 40px 40px 34px; }
  .plat-section2 .title span { font-size: 30px; }
  .plat-section2 ul { padding-top: 42px; }
  .plat-section2 li { margin-bottom: 36px; }
  .plat-section2 li .list-wrap { padding: 20px; }
  .plat-section2 li .txt p { margin-top: 40px; }
  .task-content { padding: 36px 0; }
  .task-list li { padding-top: 28px; margin-bottom: 30px; }
  .task-list li .post-show { padding-left: 24px; }
  .task-list li .post-name a { font-size: 16px; height: 46px; line-height: 46px; }
  .task-list li .post-list .item { padding-bottom: 20px; margin-bottom: 30px; }
  .task-list li .post-list .item .post-messg { padding-top: 16px; }
  .task-list li .post-list .item .salary p { font-size: 20px; }
  .city-section1 { padding: 85px 0 100px; }
  .city-section1 h3 { line-height: 66px; font-size: 36px; }
  .city-section1 h5 { line-height: 66px; font-size: 36px; }
  .city-section1 .img { margin-top: 56px; }
  .city-section2 { padding: 60px 0 116px; }
  .city-section2 .section-wrap { padding-top: 92px; }
  .city-section2 .text-info { padding-top: 90px; }
  .city-section2 .text-info:before { top: 52px; }
  .sm-title1 { font-size: 36px; line-height: 56px; }
  .city-section6 .section-wrap { padding-left: 116px; }
  .city-section3 { padding: 70px 0 80px; }
  .city-section3 ul { margin-top: 114px; }
  .city-section3 ul li { margin-bottom: 0px; }
  .city-section5 { padding: 76px 0; }
  .city-section5 p { color: #ffffff; }
  .city-section5 p span { padding: 0 45px; }
  .part-section1 { padding: 65px 0; }
  .part-section1 .section-main { padding: 58px 196px; }
  .part-section1 .section-main:before { left: 13.83333%; }
  .part-section1 .section-main:after { right: 13.83333%; }
  .part-section1 .section-main p { font-size: 16px; line-height: 28px; }
  .part-section2 { padding: 60px 0; }
  .part-section2 .ps2-form { padding-top: 60px; }
  .part-section2 .btn { margin-top: 46px; }
  .part-section3 { padding: 80px 0 38px; }
  .part-section3 ul { padding-top: 65px; }
  .part-section4 { padding: 58px 0 35px; }
  .part-section4 .section-main .tel h5 { font-size: 28px; line-height: 56px; }
  .part-section4 .section-main .tel p { padding-top: 38px; }
  .nav-ul li h5 a { padding: 0 20px; }
  .suit-section1 { padding: 60px 0 0px; }
  .suit-section1 .suit-list { padding-top: 56px; padding-left: 106px; padding-right: 106px; }
  .suit-section1 .suit-list li { margin-bottom: 56px; }
  .suit-section4 { padding: 80px 0 152px; }
  .suit-section4 .common-title { padding-bottom: 50px; }
  .suit-section2 { padding: 52px 0 80px; }
  .suit-section2 .section-main { margin-top: 46px; }
  .suit-section2 .suit-form { padding: 45px 162px 60px; }
  .suit-section2 .suit-form .input-item { padding-bottom: 0px; }
  .suit-section2 .suit-form .input-item .item { width: 410px; }
  .suit-section2 .suit-form .btn { margin-top: 16px; text-align: center}
  .suit-section3 { padding: 60px 0 110px; }
  .suit-section3 .common-title { color: #fff; }
  .suit-section3 .section-main { margin-top: 46px; }
  .suit-section3 .section-main .img { position: static; }
  .suit-section3 .section-main .img img { position: static; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); }
  .suit-section3 .section-main .btn { margin-top: 30px; }
  .ab-contact { padding: 0px 0 140px; }
  .ab-contact .abc-main { padding-top: 40px; }
  .ab-contact .info .top { padding-bottom: 30px; }
  .ab-contact .info h5 { font-size: 26px; }
  .about-part { padding: 90px 0; }
  .about-part ul { margin-top: 42px; }

  
  .about-section3 { padding-top: 90px; }
  .about-section3 .title p { font-size: 22px; }
  .about-section3 .ab3-show { margin-top: 54px; padding-bottom: 0px; }
  .about-section3 .ab3-show h5 { font-size: 22px; }
  .about-section3 .ab3-show p { font-size: 16px; }
  .video { height: 578px; -o-object-fit: fill; object-fit: fill; }
  .pro-section1 { padding: 90px 0; }
  .pro-section1 .img-all .item-img p { font-size: 20px; }
  .pro-section1 .s1-text { padding-top: 50px; }
  .pro-section1 .s1-text h5 { font-size: 36px; }
  .pro-section1 .s1-text p { padding-top: 44px; }
  .pro-section2 { padding: 80px 0 90px; }
  .pro-section2 .ptab-nav { padding-top: 30px; }
  .pro-section2 .ptab-nav a { height: 54px; font-size: 20px; line-height: 54px; }
  .pro-section2 .protab-wrap .tab td { height: 110px; text-align: center; padding: 0; line-height: 110px; }
  .pro-section2 .protab-wrap .tab2 { display: none; }
  .pro-section2 .protab-wrap .tab2 td { height: 60px; line-height: 60px; }
  .pro-section2 .protab-wrap .tab1 td:nth-child(2) { line-height: 22px;padding-top: 23px; }
  .pro-section2 .protab-wrap .tab2 td:nth-child(2) { line-height: 60px; }
  .pro-section2 .protab-wrap .list li { padding: 40px 0; padding-left: 26px; }
  .case { padding: 80px 0 90px; }
  .case .case-main { padding-top: 50px; }
  .tx-main { padding: 36px 52px 56px; }
  .tx-main h5 { font-size: 30px; line-height: 50px; }
  .tx-main p { height: 50px; }
  .tx-main p input { height: 50px; }
  .city-section4 { padding: 70px 0 90px; }
  .city-section4 .section-wrap { padding-top: 104px; }
  .suit-section3 .section-main .btn { margin-top: 30px; } }
@media(min-width:1367px){
.saas-section2 .img-showItem:nth-child(3) .img { padding-right: 30.10417%; }
.saas-section2 .img-showItem:nth-child(4) .img { padding-left: 23.54167%; }
.saas-section2 .img-showItem:nth-child(5) .img { padding-right: 28.64583%; }
}
@media (min-width: 1440px) { 
  .suit-section2 .suit-form .input-item .item { width: 410px; } 
}

@media (min-width:768px) {
  .pro-section2 .protab-wrap .tab1 td:nth-child(2) { line-height: 22px;padding-top: 5px; }
}
@media (min-width: 1024px) {
  .bodyOperator{padding-bottom: 180px;}
  .bodyOperator .city-section6{position: fixed; left: 0; bottom: 0; width: 100%;}
  .nav-ul li h5 a{padding:0;}
  .pro-section2 .protab-wrap .tab1 td:nth-child(2) { line-height: 22px;padding-top: 21px; }
}

@media (min-width: 1200px) {
  .nav-ul li h5 a{padding:0 8px;}
}

@media (min-width: 1300px) {
  .nav-ul li h5 a{padding:0 12px;}
}

.header .wraplogo{width: 100%;}
.header .wraplogo a{display: inline-block;width: 100%;text-align: center;}
.headTitle{text-align: center;margin: 20px 0;}
.headTitle h3{font-size: 16px;margin-bottom: 10px;}
.headTitle h4{font-size: 14px;}
.home2{}
.home2 .list{padding: 10px 0;}
.home2 .list .bx-viewport{height: auto !important;}
.home2 .list ul{overflow: hidden;padding: 10px 0;}
.home2 .list li{box-shadow: 0 0 5px 2px #c7cee8;max-width: 14.5%;color: white;border-radius: 20px;background-color: #076bf2;margin-left: 10px;margin-bottom: 15px;}
.home2 .list li .locon{padding: 30px 0;height: 317px}
.home2 .list li .imgbox{text-align: center;}
.home2 .list li .imgbox img{width: 25%;}
.home2 .list li h3{text-align: center;font-size: 20px;line-height: 1.5;margin-bottom: 20px;}
.home2 .list li p{padding: 0 30px;font-size: 14px;line-height: 1.5;position: relative;padding-left: 50px;margin-bottom: 15px;}
.home2 .list li p::before{content: "";position: absolute;left: 30px;top: 5px;width: 8px;height: 8px;background-color: white;border-radius: 50%;}

.home3{padding: 30px 15px;}
.home3 .list2{}
.home3 .list2 ul{}
.home3 .list2 ul li{width: 100%;position: relative;margin: 15px 0;padding: 15px 0;min-height: 200px;}
.home3 .list2 ul li .txtBox{padding: 0 15px;width: 100%;text-align: center;color: white;z-index: 2;}
.home3 .list2 ul li .txtBox h4{font-size: 17px;margin-bottom: 10px;margin-top: 15px;}
.home3 .list2 ul li .txtBox p{font-size: 13px;text-align: left;}

.home4{background-repeat: no-repeat;background-size: cover;padding: 30px 20px;color: white;}
.home4 ul{}
.home4 ul li{display: flex;align-items: center;padding: 20px 30px ;overflow: hidden;margin: 15px 0;background-color: white;border-radius: 15px;color: #000000;min-height: 150px;}
.home4 ul li .leftbox{float: left;width: 30%;}
.home4 ul li .leftbox img{width: 80%;text-align: center;}
.home4 ul li .rightbox{float: left;width: 70%;}
.home4 ul li .rightbox h4{font-size: 0.9rem;margin-bottom: 8px;}
.home4 ul li .rightbox p{font-size: 0.7rem;}
.home5 .list .bx-viewport{margin: 10px 0;}
.home5 ul {overflow: hidden;}
.home5{}
.home5 .list{padding: 10px 0;padding: 0 10px;overflow: hidden;}
.home5 .list .bx-viewport{height: auto !important;}
.bx-clone{display: none;}
.home5 .list ul{overflow: hidden;padding: 10px 0;}
.home5 .list li{box-shadow: 0 0 5px 2px #f3f3f3;margin: 0;float: left;padding-bottom: 30px;border-radius: 5px;margin-bottom: 76px;height: 194px}
.home5 .list li .locon{padding: 30px 0;}
.home5 .list li .imgbox{text-align: center;max-width: 50%;margin: 30px auto;}
.home5 .list li .imgbox img{width: 35%;}
.home5 .list li p{padding: 0 30px;font-size: 14px;line-height: 1.5;position: relative;padding-left: 50px;margin-bottom: 15px;text-align: center}
.home5 .list .bx-wrapper{position: relative;}
.home5 .bx-controls{position: absolute;left: 50%;bottom: 40px;transform: translateX(-50%);z-index: 5;}
.home5 .bx-controls .bx-pager{overflow: hidden;}
.home5 .bx-controls .bx-pager .bx-pager-item{float: left;margin: 0 2px;}
.home5 .bx-controls .bx-pager .bx-pager-item a{font-size: 0;display: inline-block;border-radius: 50%;background-color: #d8d8d8;width: 10px;height: 10px;}
.home5 .bx-controls .bx-pager .bx-pager-item a.active{background-color: #076bf2;}
.wrapfooter{/*background: #0b1e3a;*/;background: #222;padding-bottom: 50px;}
.wrapfooter dl {display: flex;align-items: center;flex-wrap: wrap;}
.wrapfooter dl dd{width: 25%;height: 50px;text-align: center;line-height: 50px;border-bottom: 1px solid rgb(166,166,166,.5) ;}
.wrapfooter dl dd + dd{border-left: 1px solid rgb(166,166,166,.5);}
.wrapfooter dl dd:nth-child(5){border-left: none;}
.wrapfooter dl dd a{color: #a6a6a6;}
.wrapfooter .hotline {overflow: hidden;padding: 30px 10px 0 10px;font-size: 12px;}
.wrapfooter .hotline .leftbox{width: 100%;}
.wrapfooter .hotline ul{overflow: hidden;}
.wrapfooter .hotline ul li{color: #a6a6a6;overflow: hidden;}
.wrapfooter .hotline ul li:nth-child(1) a{color: #076bf2;}
.wrapfooter .hotline ul li span{display: inline-block;float: left;}
.wrapfooter .hotline ul li a{width: 80%;color: #a6a6a6;display: inline-block;float: left;}
.wrapfooter .hotline .rightbox{text-align: center;color: #a6a6a6;margin-top: 30px}
.wrapfooter .hotline .rightbox .item{width: 33.3%;float: left;padding: 0 2%;}
.wrapfooter .hotline .rightbox img{width: 100%;}
.footer .follow .img-wrap.clearfix {
  display: flex;
  justify-content: center;
  width: 100%;
}