@charset "utf-8";
body,h1,h2,h3,h4,h5,h6,hr,p,dl,dt,dd,ul,ol,li,pre,form,button,input,select,textarea,th,td,div{margin:0;padding:0;}
body,button,input,select,textarea{font:14px 'Microsoft Yahei',Arial,Verdana,Helvetica,sans-serif;line-height:1.5;}
h1,h2,h3,h4,h5,h6{font-weight:400; font-size: 100%;}
i,em{font-style:normal;}
ul,ol,li{list-style:none;}
img{border:0;}
a {text-decoration: none; color: #444;}
button,input,select,textarea{font-size:100%;}
table{border-collapse:0;border-spacing:0;border-collapse:collapse;}
b,strong{font-weight: bold;}
body{font:14px 'Microsoft Yahei',Arial; background:#fff;color:#444;}
textarea{resize:none;}
textarea:focus,input:focus{outline: none;}
a:hover , .blue{ color: #206ef7; }
.block { display: block; }
.gray { color: #696d7a; }
.clearfix:after  {content:"";display:block;clear:both;height:0;visibility:hidden}
/** { box-sizing: border-box; }*/

/*公共样式*/
.flex { display: flex; }
.gray-bg {  background-color: #fafcff; }
.margin-center {display: block; margin-left: auto; margin-right: auto; } 
.btn { width: 122px;  height: 48px;    color: #fff;   background-color: #2460e0;  border-color: #2460e0; cursor: pointer; outline: none;}
.btn.btn-primary { box-shadow: 0 6px 16px 0 rgba(32,110,247,.24), 0 2px 4px 0 rgba(32,110,247,.09); }
.btn.btn-primary:hover { opacity: 0.8; }

/*顶部栏*/
.header {position: sticky; top: 0; left: 0; width: 100%; height: 72px; z-index: 2000; background: #fff;}
.header.on-scroll { border-bottom: 1px solid #eaedf0; box-shadow: 0 0 32px 0 rgba(11,20,57,.04), 0 0 12px 0 rgba(0,0,0,.03);  -webkit-backdrop-filter: none; backdrop-filter: none; }
.header-con { display: flex; align-items: center; height: 100%; padding: 0 32px;}
.header .logo .logo-img { width: 112px; height: 40px; }
.header-right { position: absolute; right: 30px; top: 18px;}
.header-right .btn { width: 68px; height: 36px; line-height: 36px; }
.header-right .demo { margin-right: 20px; }
.header .navbar { height: 100%; }
.nav-menu {align-items: stretch;  display: flex; height: 72px; color: #272f3b; position: relative; margin-left: 40px;}
.nav-menu .nav-item {padding: 8px 24px;   cursor: pointer; height: 56px; display: flex; align-items: center;}
.nav-menu .nav-item:hover .nav-text, .nav-sub-menu dt:hover,.nav-sub-item a:hover, .nav-sub-menu dt.cu { color: #206ef7; }
.nav-item .nav-text:after, .nav-arrow-item i  {content: ""; display: inline-block; vertical-align: middle; border-radius: 0; border: 1px solid; border-bottom: none; border-left: none; width: 5px; height: 5px; transform: rotate(-45deg); margin-left: 5px; position: relative;} 
.nav-item:hover .nav-text:after { transform: rotate(135deg);  margin-top: -3px; }
.nav-item.por { position: relative; }
.nav-desc, .nav-desc-mini { position: absolute; top: 72px; left: 0; padding-top: 8px; display: none; background: #fff;}
.nav-desc-mini { left: 16px; }
.nav-desc-mini .nav-desc-con { width: auto; padding: 10px 24px; white-space: nowrap; }
.nav-menu .nav-item:hover .nav-desc,.nav-menu .nav-item:hover .nav-desc-mini  { display: block; }
.nav-desc-con {box-shadow: 0 4px 20px 0 rgba(39,47,59,.1);}
.nav-sub-menu { padding-top: 32px; padding-left: 32px; width: 208px; background: #f6f8fa; padding-bottom: 40px; } 
.nav-sub-menu dt { height: 40px; line-height: 40px; color: #70767f; }
.nav-desc-con { display: flex; width: 1024px; }
.nav-sub-content { width:720px; padding: 30px 0;}
.nav-sub-item { }
.nav-sub-item a { margin-bottom: 24px;  padding-left: 28px; height: 40px; width: 240px; float: left; box-sizing: border-box; display: flex;}
.nav-product a { line-height: 40px; }
.nav-sub-item a img{ width: 40px; height: 40px; vertical-align: middle; margin-right: 5px; }
.nav-sub-item a .gray { color: #a7a8ad; display: block; font-size: 12px; margin-top: 5px; white-space: nowrap; overflow: hidden; width: 160px; text-overflow: ellipsis;}
.nav-arrow-desc { padding: 40px; box-sizing: border-box; display: flex; }
.nav-arrow-item { width: 280px; line-height: 28px; }
.nav-arrow-item i { transform:rotate(45deg); margin-left: 15px;}
.nav-arrow-item p{ color: #70767f; }

/*首页*/
.home-banner { height: 500px; position: relative;}
.banner-slider { height: 500px;  background-repeat: no-repeat; background-size: cover;  background-image: url(../images/home/banner01.png);}
.banner-slider:nth-child(2){  background-image: url(../images/home/banner02.jpg); }
.banner-handler {  position: absolute; left: 0; bottom: 125px; right:0;}
.handler-inner { width: 1200px; margin: 0 auto; }
.banner-handler li { width: 24px; height: 4px; background: #206ef7; opacity: .2; float: left; margin-right: 10px; cursor: pointer;}
.banner-handler li.cu { opacity: 1; }
.banner-inner { width: 1200px; margin: 0 auto; padding-top: 60px; height: 200px; box-sizing: border-box; }
.home-banner .title { font-weight: 700;  max-width: 700px;  font-size: 36px; }
.home-banner .desc {    width: 440px; font-size: 16px; color: #70767f; margin-top: 6px; margin-bottom: 38px; line-height: 28px;}
.banner-links {width:100%;position:absolute;bottom:0;z-index:9;background:none;background:hsla(0,0%,100%,.3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);}
.banner-links  .link-wrap {display:flex;width:1200px;margin:0 auto;}
.banner-links .link-item {background-size:100% 100%;padding-left:24px;display:flex;flex-direction:column;height:100px;flex:0 0 25%;justify-content:center;position:relative; box-sizing: border-box;}
.link-item h3 {font-size:18px;margin-bottom:6px;color:#202230;font-weight:700;}
.link-item p {opacity:.6;font-size:14px;color:#6a6c73;}
.banner-links .link-item:hover {background:#2460e0;color:#fff;}
.banner-links .link-item:hover h3,.banner-links .link-item:hover p {color:#fff;}

.home-title {margin-top: 92px;
    font-size: 32px;
    color: #171e30;
    text-align: center}
.home-subtitle {font-size: 16px;
    text-align: center;
    color: #171e30;
    margin-top: 8px;}

.home-section .tabs-wrap {text-align: center; margin-top: 30px;}
.home-section .tabs-item img { width: 24px; height: 24px; vertical-align: middle; margin-right: 10px; }
.gray-body {background: #f6f8fa;  margin-top: 24px;}

.fw-wrap { display: flex; padding: 32px 8px 22px; flex-wrap: wrap; }
.fw-item {width:275px;height:126px;padding:16px;margin-left:16px;margin-bottom:24px;background-color:#fff;border-radius:4px;cursor:pointer;box-shadow:0 12px 32px 0 rgba(11,20,57,.02),0 4px 12px 0 rgba(0,0,0,.01);transition-property:all;transition-duration:.4s;box-sizing:border-box;}
.fw-item h4 {font-size:18px;color:#272f3b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.fw-item p {font-size:12px;color:#70757f;margin-top:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.fw-item .line {width:24px;height:4px;background-color:#206ef7;margin-bottom:10px;}
.fw-item .tags span {display:inline-block;font-size:12px;color:#70767f;background-color:#f0f2f6;border-radius:2px;padding:2px 4px;margin-right:8px;margin-top:8px;}
#fwTab .tabs-wrap .tabs-item.cu:after { left: 3px; }

.solution-wrap { margin-top: 30px; }
.solution-card {width:300px;height:240px;padding:32px 20px;text-align:center;border:1px solid #eaedf0;cursor:pointer;overflow:hidden;font-size:16px;position:relative;box-sizing:border-box;margin-left:-1px;}
.solution-card img {width:56px;height:56px;}
.solution-card h4 {font-size:18px;color:#272f3b;margin-top:6px;z-index:2;}
.solution-card p {color:#70767f;margin-top:8px;max-height:72px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;z-index:2;}



/*页面内容*/
/*产品*/
.content { color: #171e30;}
.content .title { font-family: "PingFangSC-Medium,PingFang SC"; }
.banner-wrap { background-repeat: no-repeat; background-size: cover; }
.product-banner { background-image: url(../images/product_banner.png); }
.simple-banner {display: flex; justify-content: space-between; align-items: center; max-width: 1200px; padding: 40px 0; margin-left: auto; margin-right: auto;}
.simple-banner .banner-title {margin-bottom: 8px; color: #171e30; font-size: 40px; line-height: 60px; white-space: pre-line; font-weight: bold;}
.simple-banner .banner-desc {max-width: 640px; margin-bottom: 32px; color: #171e30; font-size: 16px; font-weight: 400; line-height: 24px; }
.simple-banner .banner-img {min-height: 200px; max-height: 280px; }

.sticky-tabs {position: -webkit-sticky; position: sticky; z-index: 99; background-color: #fff; border-bottom: 1px solid #e4e8f3; top: 72px;}
.tabs-wrap {height: 72px; line-height: 72px;}
.tabs-wrap  .tabs-scroll { max-width: 1200px; margin: 0 auto; }
.tabs-wrap  .tabs-item { margin: 0 20px 0; display: inline-block; line-height: 72px; font-size: 16px; color: #6c6f86; cursor: pointer; position: relative;}
.tabs-wrap .tabs-item:first-child { margin-left: 0; }
.tabs-wrap .tabs-item.cu {  color: #206ef7;}
.tabs-wrap .tabs-item.cu:after {content: ""; height: 4px; width: 100%; background: #206ef7; position: absolute; left: 0; bottom: 0; }
.sub-tabs {background-color: #fff; border-bottom: 1px solid #e4e8f3; text-align: center;}

.container {max-width: 1200px; padding-left: 8px; padding-right: 8px; padding-bottom: 80px; position: relative; box-sizing: border-box; width: 100%; height: 100%; overflow: hidden; margin: 0 auto;} 
.section-header {margin: 80px auto 40px;  padding: 0 12px;}
.section-title {     font-size: 32px;  text-align: center; font-weight: bold; }
.section-title-desc { text-align: center;margin: 20px auto 0;  color: #7b818a; line-height: 24px; }

.hx-item {width: 50%; float: left; padding: 24px 22px; box-sizing: border-box; position: relative; display: flex; min-height: 170px; box-sizing: border-box;}
/*.hx-item:hover { background: #fff; box-shadow: 0 2px 12px 0 rgba(11,20,57,.06), 0 4px 12px 0 rgba(0,0,0,.03); }*/
.hx-item h3 { font-size: 20px; line-height: 28px; margin-bottom: 12px; }
.hx-item p { color: #70767f; line-height: 1.6;}
.hx-item img {height: 88px; width: 88px;}
.hx-item .hx-text { margin-left: 16px; }
.hx-column .hx-item { display: block; text-align: center; min-height: inherit;}
.hx-column .hx-item .hx-text { width: 340px; margin: 0 auto; }
.hx-column .hx-item img { margin-bottom: 10px; }
.cj-text {    max-width: 800px;  margin: 0 auto 40px;  text-align: center; color: #70767f;}
.cj-text h4 { font-weight: bold; font-size: 16px; color: #222; margin-bottom: 5px; }

.sub-tab-content { padding: 50px 0; }
.sub-tab-content img { width: 800px; }

.recommend-item {    display: block; width: 290px; box-sizing: border-box; float: left; margin-right: 12px; padding: 24px 24px 36px; background: #fff; box-shadow: 0 2px 12px 0 rgba(11,20,57,.06), 0 4px 12px 0 rgba(0,0,0,.03); }
.recommend-item h3 { font-size: 20px; line-height: 28px; margin-bottom: 12px; } 
.recommend-item p { color: #70767f; line-height: 28px; height: 56px; overflow: hidden;}

/*咨询服务*/
.service-wrap {text-align: center; height: 280px; background-repeat: no-repeat; background-position: top; background-size: cover; padding-top: 38px; box-sizing: border-box; background-image: url(../images/service_bg.png);} 
.service-wrap h3 {font-size: 32px;    text-align: center; margin-bottom: 10px;}
.service-wrap p {     font-size: 14px; width: 490px; text-align: center; margin: 4px auto 40px; color: #70767f; } 
.service-wrap .btn { width: 160px; height: 56px; line-height: 56px; font-size: 16px;}
.service-desc-wrap { background: #f2f8ff; height: 96px; }
.service-desc { display: flex; }
.service-desc p {  flex: 1;height: 100%;  line-height: 96px; text-align: center;}
.service-desc img { width: 32px; height: 32px; vertical-align: middle; margin-right: 10px; }

/*底部*/
.footer .container{ padding-bottom: 60px; }
.footer-inner { display: flex;   justify-content: space-between;   padding-top: 64px; }
.footer-nav dt {    font-size: 16px;  font-weight: 600;   margin-bottom: 20px; color: #272f3b;}
.footer-nav dd { margin-bottom: 12px; }
.footer-nav dd a { color: #70757f; }
.footer-nav dd a:hover { color: #206ef7; }
.copyright {    width: 100%; padding: 24px 0; opacity: .5; color: #70757f; text-align: center; font-size: 12px; border-top: 1px solid #e8e8e8;}
.footer-wechat { display: flex; }
.footer-wechat-item {display: flex; flex-flow: column nowrap; align-items: center; margin: 0 9px; color: #70757f;}
.footer-wechat-item img { width: 128px; height: 128px; }
.footer-tel { padding:30px 0 0 25px; }
.footer-tel strong { font-size: 18px; }
.footer-tel p { color: #70757f; margin-top: 5px; }

/*关于我们*/
.card-wrap,.about-circles { display: flex; justify-content: space-between; }
.card-item {width: 373px; height: 164px; padding: 20px 24px; background: #fff; box-shadow: 0 4px 16px 0 rgba(13,34,71,.06), 0 2px 4px 0 rgba(11,38,86,.04); position: relative; box-sizing: border-box;}
.card-item h4 { font-size: 20px;   line-height: 28px;  margin-bottom: 12px; position: relative;}
.card-item h4:before {content: ""; display: block; width: 16px; height: 4px; background: #206ef7; position: absolute; bottom: 0; transform: translateY(16px);} 
.card-item img { position: absolute; right: 24px; top: 20px; }
.card-item p { margin-top: 70px; }
.circle-item { width: 220px; height: 220px; text-align: center; border-radius: 50%; background-image: linear-gradient(to bottom right, #45abe6, #6ee0ac); color: #fff; line-height: 180%;}
.circle-item:nth-child(2){ background-image: linear-gradient(to bottom right, #ee8685, #f8cb4f);  }
.circle-item:nth-child(3){ background-image: linear-gradient(to bottom right, #eb6b8d, #ed97e2);  }
.circle-item:nth-child(4){ background-image: linear-gradient(to bottom right, #48b6f9, #65dffa);  }
.circle-item:nth-child(5){ background-image: linear-gradient(to bottom right, #6dd772, #68dddb);  }
.circle-item h3 { margin:50px 0 20px; font-size: 20px; }

/*客户案例*/
.customer-wrap{ display: flex; }
.customer-item {  background-repeat: no-repeat; background-size: cover; width: 380px; height: 250px; background-image: url(../images/customer_pic01.png); border-radius: 12px; margin-right: 20px; display: flex; justify-content: center; align-items: center;}
.customer-item img {  height: 90px; }

.kh-section { margin-bottom: 120px; line-height: 24px; }
.kh-logo img{ width: 200px; margin: 50px auto; display: block; }
.kh-title { font-size: 32px; margin-bottom: 50px; }
.kh-detail { display: flex; }
.kh-detail .title {flex: 0 0 200px; position: relative; font-size: 16px; font-weight: 400; padding-left: 20px; color: #202230; line-height: 24px;}
.kh-detail .title:before{content: ""; position: absolute; left: 0; top: 8px; transform: rotate(-90deg); display: inline-block; width: 0; height: 0; vertical-align: middle; border-top: 6px solid #202230; border-left: 6px solid transparent; border-right: 6px solid transparent; }
.kh-detail p {flex: 1; font-size: 14px; opacity: .7; line-height: 24px; margin-left: 44px; border-bottom: 1px solid #9baabe; padding-bottom: 40px; color: #696d7a; margin-bottom: 40px;}
.fangan-wrap { justify-content: space-between; }
.fangan-item { width: 30%;  margin: 0 5% 20px 0; height: 336px; background: #fff; box-shadow: 0 2px 20px 0 rgba(45,48,59,.05); border-radius: 12px; padding: 48px 32px 0; box-sizing: border-box; text-align: center;}
.fangan-item h4 {    margin-top: 20px; height: 28px; font-size: 20px; font-weight: 500; color: #2a2f42; line-height: 28px; text-align: center; margin-bottom: 20px;}
.fangan-item img {width: 60px; height: 60px;}
.fangan-item p { color: #777; }
.khsy-wrap {display: flex; flex-wrap: wrap; width: 1200px; padding: 48px 12px; margin-top: 40px; background: #fff; box-shadow: 0 2px 20px 0 rgba(45,48,59,.05); border-radius: 12px; }
.khsy-item { display: flex;position: relative; padding: 24px 40px 40px 32px;  width: 392px; box-sizing: border-box;}
.khsy-item img {width: 56px; height: 56px;}
.khsy-item h4 {height: 24px; font-size: 16px; font-weight: 500; color: #2a2f42; line-height: 24px; margin-bottom: 10px;}
.khsy-item .detail {    padding-left: 16px; width: 320px; font-weight: 400; color: rgba(42,47,66,.7); line-height: 24px; }
.khsy-item:after {content: " "; position: absolute; top: 50%; transform: translate3d(0,-50%,0); right: 0; width: 1px; height: 70%; background: rgba(155,170,190,.2); }
.khsy-item:last-child:after {display: none;}
.khmb h4 {     width: 84px; height: 80px; font-size: 80px; font-weight: 500; color: rgba(42,47,66,.1); line-height: 80px; font-family: arial; }

/*解决方案*/
.solution-banner { height: 440px; background-image: url(../images/s2_banner.png); }
.solution-banner  .simple-banner .banner-title { color: #fff; font-size: 48px;}
.solution-banner .simple-banner {padding-top: 80px;}
.solution-banner .simple-banner .banner-desc {color: #fff; color: hsla(0,0%,100%,.7); font-size: 20px; font-weight: bold; max-width: inherit;}
.solution-banner .simple-banner .btn-wrap { margin-top: 80px; }

.solution-section { min-height: 200px; background: #f5f6f9 url(../images/scene_bg.png) no-repeat 100%; background-size: 254px 420px; overflow: hidden;}
.solution-section.bg-white { background: #fff; }
.solution-section h3 { font-size: 32px; font-weight: bold; margin: 80px 0 60px; }
.solution-box {  }
.solution-box .box-item { padding: 24px; background: #fff; border-radius: 8px;  width: 270px; height: 220px; text-align: center; font-size: 16px; box-sizing: border-box; font-weight: bold; float: left; margin: 0 10px 20px;}
.solution-box .box-item img {width: 48px; height: 48px; display: block; margin: 40px auto 10px;}
.image-bd { width: 100%; min-height: 200px; box-sizing: border-box; padding: 80px; display: flex; border-radius: 8px; justify-content: space-between; align-items: center; background: #fff;}
.image-bd:nth-child(2n){ background: #f5f6f9; }
.image-bd .pic { width: 500px; }
.image-bd h4 { font-size: 24px; font-weight: bold; margin-bottom: 15px; }

.solution-ys { min-height: 400px; background-repeat: no-repeat; background-size: cover; background-image: url(../images/s2_bg.png); }
.solution-ys  h3 { color: #fff; }
.ys-wrap { display: flex; flex-wrap: wrap; background-repeat: no-repeat; background-size: cover; background-image: url(../images/s2_bg_card.png);  justify-content: space-between; text-align: center; box-sizing: border-box;padding: 50px 90px 0; }
.ys-item { width: 300px; margin-bottom: 50px; line-height: 24px;}
.ys-item img { height: 60px;  display: block; margin: 0 auto 20px;}
.ys-item h4 { margin-bottom: 10px; }

.zx-wrap { display: flex; justify-content: space-between; }
.zx-item { width: 384px; height: 384px;  position: relative; background-repeat: no-repeat; background-size: cover; }
.zx-item .zx-text { position: absolute; bottom: 40px; left: 20px; color: #fff; border-left: 1px solid #fff; padding-left: 20px;}
.zx-item .zx-text h4 { font-size: 24px; margin-bottom: 10px; }

.dot-list , .dot-list li{ list-style: initial; }
.dot-list li { margin-bottom: 20px; }
.dot-list h5 { font-size: 16px; margin-bottom: 10px; }
.dot-list  span { color: #a7a8ad; display: block; line-height: 24px; }

/*合作伙伴*/
.isv-banner {background-color: #fff; text-align: center; padding-top: 64px; padding-bottom: 66px; background-size: 100% 100%; background-repeat: no-repeat; color: #fff; background-image: url(../images/banner_isv.png);}
.isv-banner .title {    height: 80px; font-size: 40px; font-weight: 700; line-height: 80px; letter-spacing: 12px; margin-bottom: 5px; color: #fff;}
.isv-banner .subtitle {    height: 80px; font-size: 56px; font-weight: 700; line-height: 80px; letter-spacing: 17px;}
.isv-banner .line {width: 80px; height: 8px; background: #fff; margin: 24px auto 32px;}
.isv-banner .desc {height: 33px; font-size: 24px; color: hsla(0,0%,100%,.7); line-height: 33px; margin-bottom: 32px;}

.isv-title {padding-top: 80px; background-position: top; background-repeat: no-repeat; text-align: center;}
.isv-title img {display: block;  margin: 0 auto;   height: 50px;}
.isv-title h3 {font-size: 32px; font-weight: 700; color: #202230; line-height: 45px; display: inline-block; position: relative; top: -32px; z-index: 2;}
.isv-title h3:after {content: " "; display: inline-block; width: 100%; position: absolute; left: 0; right: 0; bottom: 5px; height: 8px; z-index: -1; background-color: #2460e0;}
.isv-content {    width: 920px;   margin: 50px auto;}
.isv-about-wrap {margin-left: 32px; margin-top: 12px;}
.isv-about-wrap  .title {font-size: 24px; font-weight: 700; color: #202230; line-height: 33px;}
.isv-about-wrap  p {font-size: 16px; color: rgba(32,34,48,.7); line-height: 24px; margin-top: 12px;}

.isv-function {background: #f4f5f9;}
.function-wrap {    width: 1200px;  margin: 30px auto 0;}
.function-item {background: #fff;  box-shadow: 0 12px 24px 0 rgba(11,20,57,.04); border-radius: 8px; display: flex; align-items: center;   justify-content: center;}
.function-item:nth-child(2n){ background: #f4f5f9; }
.function-title {font-size: 24px; font-weight: 700; color: #202230; line-height: 1em;}
.function-title:after {content: " "; display: block; width: 64px; height: 8px; background: #2460e0; margin: 24px 0;}
.function-info {width: 480px; font-size: 16px; color: rgba(32,34,48,.7);  line-height: 24px; }
.function-text { margin-right: 172px; }
.function-item:nth-child(2n) .function-text { margin: 0 0 0 172px; }
.function-img { height: 368px; }

.isv-partner { background-image: url(../images/partner_bg.png); background-size: 100% 397px;   background-repeat: no-repeat;   background-color: #f4f5f9;}
.isv-partner  .isv-title h3 { color: #fff; }
.partner-wrap, .support-wrap {display: flex; align-items: center;   justify-content: center;  flex-wrap: wrap;}
.partner-desc {text-align: center;  margin: 10px 15px 85px;  color: hsla(0,0%,100%,.7);}
.partner-item {display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-end; padding: 18px 12px; background-color: #fff; box-shadow: 0 6px 18px 0 rgba(0,0,0,.1); box-sizing: border-box; margin-right: 20px; border-radius: 4px; transition: all .3s; position: relative; width: 320px; height: 190px;}
.partner-item h4 {font-size: 24px;
    font-weight: 700;
    color: #202230;
    line-height: 33px;
    margin-bottom: 4px;}
.partner-item p {    font-size: 16px;
    color: rgba(32,34,48,.7);
    line-height: 22px;}
.partner-item .item-logo { width: 32px; height: 32px; position: absolute; right: 24px; top: 24px; background-image: url(../images/partner_01.png); background-size: 64px 32px; background-position: -32px 0;}
.partner-item:nth-child(2) .item-logo {background-image: url(../images/partner_02.png); }
.partner-item:nth-child(3) .item-logo {background-image: url(../images/partner_03.png); }

.isv-support { background-color: #f4f5f9; }
.support-wrap { width: 1200px; margin: 0 auto; padding: 50px 0 100px;}
.support-item { display: flex;  justify-content: center; align-items: center; width: 33.33%;}
.support-item img { width: 88px; height: 88px; margin-right: 10px; }
.support-item h4 {font-size: 24px; font-weight: 500; color: #202230; line-height: 33px; margin-bottom: 8px;}

.isv-route {background-image:url(../images/route_bg.png);background-size:cover;text-align:center;background-color:#f4f5f9;padding-bottom:100px;}
.route-wrap {display:flex;align-items:center;justify-content:center;margin-bottom:55px;margin-top:65px;}
.route-item {display:flex;align-items:center;}
.route-item .left img {width:120px;height:114px;}
.route-item .left p {height:28px;font-size:20px;font-weight:500;color:#202230;line-height:28px;}
.route-item .next {width:18px;height:27px;margin:0 66px;}

.zxfw-wrap {display:flex;justify-content:space-between;margin-top:60px;}
.zxfw-item {transition:all .15s;cursor:pointer;width:252px;height:368px;margin-right:60px;padding:36px 24px;background:url(../images/home/zx01.png);box-sizing:border-box;}
.zxfw-item h4 {height:28px;font-size:20px;line-height:28px;}
.zxfw-item p {font-weight:400;color:#70767f;line-height:20px;margin:8px 0 20px;height:90px;}
.zxfw-item .kefu {font-size:14px;font-weight:500;color:#206ef7;line-height:20px;}
.khal h2 {font-size:32px;font-weight:500;line-height:50px;text-align:left;margin-bottom:30px;margin-top:40px;}
.hy-item {box-shadow:0 12px 32px 0 rgba(11,20,57,.04),0 4px 12px 0 rgba(0,0,0,.03);float:left;padding:28px 38px 0 32px;box-sizing:border-box;width:580px;height:202px;}
.hy-item .tag {width:80px;display:block;box-sizing:border-box;height:28px;background:#206ef7;font-size:14px;font-weight:500;color:#fff;padding:4px 12px;}
.hy-item:first-child {width:580px;height:428px;background:linear-gradient(1turn,hsla(0,0%,100%,.52),#fff);margin-right:20px;background:url(../images/home/al01.png) center center / 100% no-repeat;background-position-y:bottom!important;}
.hy-item:nth-child(2) {margin-bottom:24px;margin-right:0;background:url(../images/home/al02.png) center center / 100% no-repeat;}
.hy-item:nth-child(3) {background:url(../images/home/al03.png) center center / 100% no-repeat;margin-right:0;}
.hy-item .title {font-size:24px;font-weight:500;line-height:33px;margin:10px 0;}
.hy-item p {font-size:14px;font-weight:400;color:#70767f;line-height:24px;}
.lc-container {width:1100px;}
.lc-wrap {display:flex;justify-content:space-between;margin-top:40px;}
.lc-item {text-align:center;display:flex;justify-content:center;align-items:center;}
.lc-img {width:80px;height:80px;}
.lc-item h3 {margin-bottom:12px;font-size:20px;font-weight:500;color:#202230;line-height:28px;}
.lc-item p {display:block;font-size:14px;color:#7b818a;line-height:20px;margin-bottom:12px;font-weight:400;}
.lc-item .lc-next {width:30px;height:30px;margin:0 50px;}

.fixed-btn {position:fixed;z-index:10000;right:16px;bottom:120px;width:40px;}
.contact-us {width:40px;height:126px;background:linear-gradient(225deg,#43a7fc,#206ef7);border-radius:2px;padding-top:12px;cursor:pointer;box-sizing:border-box;text-align:center;margin-bottom:12px;position:relative;}
.contact-box {position:absolute;right:50px;bottom:0;width:200px;background:#fff;border:1px solid #f8f8f8;box-shadow:0 3px 3px 0 rgba(39,47,59,.1);border-radius:4px;padding:30px 30px 10px;text-align:left;display:none;}
.contact-item {display:flex;margin-bottom:20px;}
.contact-box .close {width:16px;height:16px;background:url(../images/home/close.png);background-size:16px 16px;position:absolute;right:20px;top:12px;}
.contact-us p {writing-mode:vertical-rl;margin:10px auto 0;letter-spacing:5px;color:#fff;font-size:14px;}
.contact-us .blue {margin-top:10px;}
.contact-us .msg {width:20px;height:20px;display:block;margin:0 auto;}
.contact-us .icon {width:24px;height:24px;margin-right:12px;}
.contact-us .qrcode {width:100px;height:100px;display:block;margin-top:10px;}
.f-btn {box-sizing:border-box;display:block;width:40px;height:40px;border-radius:4px;padding:10px;background:#fff;cursor:pointer;box-shadow:0 2px 2px 0 rgba(39,47,59,.1);}
.f-btn img {width:20px;height:20px;}

/*兼容H5*/
@media screen and (max-width:750px) {
	.header { height: 60px;  position: fixed;}
	section.content { padding-top: 60px; }
	.navbar { display: none; position: fixed; left: 0; width: 100%; top: 60px; bottom: 0; background: #f6f8fa;}
	.menu-h5 { width: 24px; height: 24px; background: url(../images/menu.png); background-size: 24px 24px; position: absolute; right: 20px; top: 18px; }
	.menu-h5.cu { background-image: url(../images/menu_close.png); }
	.nav-menu { margin-left: 0; display: block; height: auto;}
	.nav-menu .nav-item {width: 120px; position: relative; height: auto; line-height: 48px; display: block; padding: 0;}
	.nav-sub-menu { display: none; }
	.nav-sub-item { display:block !important; }
	.nav-sub-content { width: auto; padding: 0;}
	.nav-desc-con { width: auto; box-shadow: none; background: #f6f8fa; }
	.nav-item .nav-text {  width: 120px; box-sizing: border-box; position: relative; display: block; padding: 0 20px; font-size: 13px;}
	.nav-item.cu .nav-text { color: #206ef7; background: #fff;}
	.nav-item.cu .nav-text:before { content: ""; left: 0; top: 14px; width: 3px; height: 20px; background: #206ef7; position: absolute; }
	
	.nav-sub-item a img { display: none; }
	.nav-sub-item a { margin-bottom: 0; }
	.nav-sub-content, .nav-arrow-desc { position: fixed; top: 60px; left: 120px; bottom: 0; right:0; background: #fff; font-size: 13px; color: #666; display: block; z-index: 999;}
	.nav-sub-item a { width: auto; display: block; float: none; padding-left: 30px;}
	.nav-item .nav-text:after, .nav-arrow-item i { transform: rotate(135deg);  display: none;}
	.nav-desc  { }
	.nav-menu .nav-item:hover .nav-desc { display: none; }
	.nav-arrow-desc { display: none; }
	.nav-menu .nav-item.cu .nav-desc, .nav-menu .nav-item.cu .nav-arrow-desc { display: block; }
	.nav-item:hover .nav-text:after { transform: rotate(135deg);  margin-top: 10px; }
	.nav-item .nav-text:after { position: absolute; top: 10px; right: 10px; }
	.nav-arrow-item { margin-left: 30px; line-height: 40px; }
	/*.nav-desc, .nav-desc-mini { position: static; }*/
	.hx-column .hx-item .hx-text { width: inherit; }
	
	
	.fixed-btn { display: none; }
	.header-con { padding: 0 20px; }
	.header-right { display: none; }
	.nav-arrow-item p { display: none; }
	.nav-arrow-desc { padding: 0; }
	.home-banner { height: 240px; }
	.banner-slider { height: 240px;  background-image: url(../images/home/banner01_h5.jpg);}
	.banner-slider:nth-child(2){ background-image: url(../images/home/banner02_h5.jpg); }
	.handler-inner { width: 100%; text-align: right;}
	.banner-handler { left: inherit; right: 20px; bottom: 20px; }
	.banner-links,.nav-arrow-item i, .nav-arrow-item p, .nav-sub-item a .gray { display: none; }
	.banner-inner { width: auto; padding:30px  20px 20px;}
	.home-banner .title { font-size: 22px; color: #fff; }
	.home-banner .desc { width: inherit; font-size: 14px; margin-top: 10px; color: #ddd; }
	.de-index .dt-wrap .linear-line { display: none; }
	.de-index .dt-wrap .de-section {  }
	.section-header { margin: 30px 0; }
	.section-title { font-size: 18px; }
	.container { padding:15px 0 30px; width: inherit; }
	.content-title { font-size: 18px; }
	.home-title { margin-top: 20px; font-size: 18px; }
	.home-section .tabs-wrap { margin-top: 20px; }
	.tabs-wrap { height: 60px; line-height: 60px; }
	.tabs-wrap .tabs-item { font-size: 14px; margin: 0 5px; line-height: 60px;}
	.tabs-wrap .tabs-item.cu:after { height: 2px; }
	.home-section .tabs-item img { margin-right: 5px; }
	.fw-wrap { padding-top: 15px; }
	.fw-item { width: 100%; margin: 0 0 15px; }
	#solutionTab  .tabs-item { margin: 0 10px; }
	.card-wrap { flex-wrap: wrap; padding: 0 10px; }
	.solution-card { width: 100%; height: inherit; padding: 20px; margin-top: -1px; margin-left: 0;}
	.solution-card h4 { font-size: 16px; }
	.solution-card p { font-size: 14px; }
	.zxfw-wrap { flex-wrap: wrap; padding: 0 10px; }
	.zxfw-item { width: 100%; margin-right: 0; margin-bottom: 10px; height: inherit; }
	.zxfw-item .kefu { display: none; }
	.zxfw-item p { height: inherit; }
	.footer-inner { justify-content: center; padding-top: 20px; }
	.footer-nav { display: none; }
	.service-desc-wrap, .lc-container { display: none; }
	.service-wrap h3 { font-size: 20px; }
	.service-wrap p { width: inherit; }
	.service-wrap { height: inherit; padding: 30px 20px; background-repeat: no-repeat; }
	.service-wrap .btn { display: none; }
	.copyright { padding: 20px; box-sizing: border-box;}
	.footer .container { padding: 0 0 20px; }
	.khal h2 { font-size: 20px; text-align: center; margin: 20px 0; }
	.hy-item { width: inherit; height: inherit; padding: 20px; box-sizing: border-box; margin: 0 auto;}
	.hy-item:first-child { width: inherit; margin-right: 0; margin-bottom: 10px;}
	.hy-item:nth-child(2) { margin-bottom: 10px; }
	.khal .clearfix { }
	.hy-item .title { font-size: 18px; }
	.khal { margin: 0 10px; }
	.solution-wrap { margin-top: 0; padding-top: 30px; background: #f6f8fa; }

	.simple-banner { width: auto; display: block; padding: 20px!important;}
	.product-banner { height: auto!important; }
	.simple-banner  .btn-wrap { display: none; }
	.simple-banner .banner-title { font-size: 22px; }
	.simple-banner .banner-desc { color: #666; font-size: 14px; }
	.simple-banner .banner-img { min-height: 120px; max-height: 120px; width: auto!important;}
	.sticky-tabs { display: none; }
	#fwTab, #solutionTab { display: block; }
	.hx-item { width: 100%; }
	.hx-item img { width: 60px; height: 60px; }
	.hx-item h3 { font-size: 16px; }
	.hx-item p { font-size: 14px; }
	.margin-center { width: 94%!important; margin: 0 3%!important;}
	.recommend { padding: 0 10px; }
	.recommend-item { width: 100%; margin-right: 0; margin-bottom: 10px; padding: 20px;}
	.recommend-item h3 { font-size: 16px; margin-bottom: 10px;}
	.recommend-item p { font-size: 12px; }
	.cj-text { padding: 0 20px; line-height: 1.8; }
	.hx-column .hx-item { width: 100%!important; }
	.sub-tab-content .flex { display: block; }
	.solution-banner { height: 240px; }
	.solution-banner .simple-banner { padding-top: 40px!important; }
	.solution-banner .simple-banner .banner-title { font-size: 22px; line-height: 36px;}
	.simple-banner .banner-title p{ margin-top: 0!important; }
	.solution-banner .simple-banner .banner-desc { font-size: 14px; }
	.solution-section h3 { font-size: 20px; margin: 20px; }
	.solution-box { padding: 0 10px;  }
	.solution-box .box-item img { margin: 10px auto 10px; }
	.solution-box .box-item { width: 100%; margin: 0 0 10px; height: 160px;}
	.solution-section .container > h4 { padding: 0 20px; }
	.image-bd { display: block; padding: 20px; margin-bottom: 10px;}
	.solution-section .wrap { padding: 0 10px; }
	.bd-text { width: auto!important; line-height: 28px;}
	.image-bd .pic { width: 80%; height: auto; display: block; margin: 0 auto;}
	.image-bd h4 { font-size: 18px; }
	.dot-list { margin-left: 20px; }
	.zx-wrap { display: block; padding: 0 10px;}
	.zx-item { width: 100%; height: 160px; margin-bottom: 10px; }
	.zx-item .zx-text h4 { font-size: 18px; }
	.isv-banner .title { font-size: 22px; height: auto; line-height: 32px;}
	.isv-banner { padding: 40px 20px; }
	.isv-banner .subtitle { height: auto; font-size: 18px; line-height: 32px;}
	.isv-banner .line { height: 4px; }
	.isv-banner .desc { font-size: 16px; margin-bottom: 0;}
	.isv-title img { height: 32px; }
	.isv-title h3 { font-size: 20px; }
	.isv-title h3:after { height: 6px; }
	.isv-content { width: 100%; box-sizing: border-box; padding: 0 10px; }
	.isv-content .comma { width: 40px!important;  }
	.isv-about-wrap { margin-left: 0; padding: 0 10px; }
	.isv-about-wrap .title { font-size: 18px; }
	.isv-about-wrap p { font-size: 14px; line-height: 28px; }
	.isv-title { padding-top: 40px; }
	.function-wrap { margin-top: 10px; }
	.function-wrap { width: auto; padding: 10px;}
	.function-item { display: block; padding: 20px; }
	.function-text { margin-right: 0; }
	.function-title { font-size: 18px; }
	.function-title:after { height: 6px; }
	.function-info { width: auto; font-size: 14px; }
	.function-img { height: initial; width: 80%; display: block; margin: 20px auto; }
	.function-item:nth-child(2n) .function-text { margin-left: 0; }
	.partner-item { margin-right: 0; margin-bottom: 10px; width: 100%;}
	.partner-item h4 { font-size: 16px; }
	.partner-wrap { padding: 0 10px; }
	.partner-item p { font-size: 14px; }
	.partner-item { height: 120px; }
	.support-wrap { width: auto; display: block; margin: 20px auto; padding: 0 0 40px;}
	.support-item { width: 100%; margin-bottom: 20px;}
	.support-item img { width: 40px; height: 40px; }
	.support-item h4 { font-size: 18px; margin-bottom: 0; }
	.route-item .left img { width: 40px; height: 40px; }
	.route-item .next { margin: 0 10px; width: 9px; height: 16px;}
	.route-item .left p { font-size: 12px; line-height: 18px;}
	.route-wrap { padding: 0 20px; margin: 20px 0;}
	.about-wrap .simple-banner .banner-desc { font-size: 22px; }
	.about-wrap .banner-wrap { height: 240px; }
	.about-wrap  .simple-banner .banner-title { margin: 0; }
	.about-wrap  .simple-banner .banner-icons img { width: 24px; height: 24px; }
	.about { color: #666; padding: 0 20px;}
	.about p {   font-size: 14px!important; }
	.card-item { margin-bottom: 10px; }
	.about-circles { flex-wrap: wrap; justify-content: center; align-items: center;}
	.circle-item { margin-bottom: 20px; }
	.customer-wrap { display: block; padding: 0 10px; }
	.customer-item { width: 100%; margin-bottom: 10px; height: 200px; }
	.kh-section { padding: 0 20px; }
	.kh-title { font-size: 18px; margin-bottom: 20px; }
	.kh-detail { display: block; margin-bottom: 20px;}
	.kh-detail p { font-size: 12px; margin: 20px 0 0 0; }
	.fangan-wrap { display: block; }
	.fangan-item { width: 100%; }
	.khsy-wrap { display: block; width: auto;}
	.khsy-item { width: 100%; margin-bottom: 10px; padding: 20px;}
	.khsy-item:after { display: none; }
	.kh-section { margin-bottom: 20px; }
	.khsy-wrap { padding: 0; }
	.khmb h4 { font-size: 32px; height: 40px; margin-bottom: 20px;}
	.khsy-item .detail { width: inherit; }
	.fangan-item { width: auto!important; margin-bottom: 10px!important; padding: 20px!important;}
	.fangan-item img { margin-right: 10px; }
}