.gear-btn-md,.gear-btn-sm,.gear-btn-lg,.gear-btn-outline{font-size:20px;font-weight:400;letter-spacing:3px;height:44px;width:210px;color:#fff;background-color:#004AED;border-radius:22px;outline:none;border:1px solid transparent;padding:6px 15px}
.gear-btn-sm{height:34px;width:155px;font-size:14px;border-radius:17px;padding:5px 10px}
.gear-btn-outline{background-color:#fff;border:1px solid #004AED;color:#004AED}
.gear-btn-md:hover,.gear-btn-sm:hover{background-color:#49A3FF}
.gear-btn-outline:hover{color:#fff;background-color:#004AED;transition:color 0.2s ease-out,background-color 0.2s ease-out;-webkit-transition:color 0.2s ease-out,background-color 0.2s ease-out;-webkit-transition-property:color,background-color;-webkit-transition-duration:0.2s,0.2s;-webkit-transition-timing-function:ease-out,ease-out}
.gear-btn-forbid{background-color:#A4D1FF}
.gear-h1{font-size:32px;color:#131537}
.gear-h2{font-size:24px;color:#131537}
.gear-h3{font-size:20px;color:#131537}
.gear-h1-assist{font-size:16px;color:#727681}
.gear-h2-assist{font-size:14px;color:#727681}
h5,p{margin:0}
.gear-h1{color:#313A5A;font-size:50px;font-weight:600;line-height:50px;margin-top:0}
.gear-dec-primary{font-size:22px;color:#313A5A;line-height:40px;font-weight:500}
.gear-dec-secondary{font-size:18px;line-height:32px;color:rgba(49,58,90,0.6)}
.section-title{color:#313A5A;font-weight:600;line-height:55px;font-size:40px}
.btn-blue{background:linear-gradient(59deg,#0069ff 0%,#003ce5 100%);border-radius:2px 10px 2px 10px;color:#fff;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-ms-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear}
.btn-white{background:#fff;border-radius:10px 2px 10px 2px;color:#0069FF;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-ms-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear;transform:translateY(0px)}
.btn-lg{padding:14px 61px 15px;display:inline-block;border:none}
.btn-mid{padding:14px 50px 15px;display:inline-block}
.clear{height:0px;font-size:0;clear:both;zoom:1}
.btn-blur{position:relative;z-index:0}
.btn-blur .filter-blur{width:238px;height:98px;border-radius:2px 10px 2px 10px;position:absolute;top:-11px;left:-20px;right:-10px;bottom:-10px;z-index:-1;background:url(../images/homepage-new/btn-bg-blur.png) no-repeat center center;opacity:0.6}
.btn-blur-mid{position:relative;z-index:0}
.btn-blur-mid .filter-blur{border-radius:2px 10px 2px 10px;position:absolute;top:-16px;left:-10px;right:-24px;bottom:-21px;z-index:-1;background:url(../images/homepage-new/btn-bg-blur-mid.png) no-repeat center center;background-size:contain;opacity:0.6}
.btn-blue:hover,.btn-white:hover{-webkit-transform:translateY(-2px);-moz-transform:translateY(-2px);-ms-transform:translateY(-2px);-o-transform:translateY(-2px);transform:translateY(-2px);-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-ms-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear;font-weight:500}
.btn-blue.btn-lg:hover .filter-blur{top:-11px;left:-20px;right:-10px;bottom:-20px;z-index:-2;background:url(../images/homepage-new/btn-bg-blur-hover.png) no-repeat center center}
.btn-blue:hover,.btn-blue:active,.btn-blue:focus{color:#FFF;background:linear-gradient(59deg,#0069ff 0%,#003ce5 100%)}
.btn-white:hover,.btn-white:focus,.btn-white:active{color:#0069FF}
.homepage-div.container{width:1230px}
.content-div{margin-top:60px}
.mobile{display:none}
.pc{display:block}
.screen-bg{display:none}
@media (max-width:1230px){.gear-h1{font-size:40px;line-height:36px}
}
@media (max-width:1000px) and (min-width:769px){.gear-h1{font-size:34px;line-height:36px}
.gear-dec-primary{font-size:16px;line-height:20px}
.gear-dec-secondary{font-size:14px;line-height:25px}
.section-title{line-height:27.5px;font-size:24px}
}
@media (max-width:769px){.gear-h1{font-size:28px;line-height:39px;text-align:center}
.gear-dec-primary{font-size:16px;line-height:20px}
.gear-dec-secondary{font-size:14px;line-height:25px}
.btn-blue{display:block;font-weight:500}
.btn-blur .filter-blur{width:auto;height:auto;background:linear-gradient(59deg,rgba(0,105,255,0.6) 0%,rgba(0,60,229,0.6) 100%);opacity:0.6;-webkit-filter:blur(10px);-moz-filter:blur(10px);-ms-filter:blur(10px);-o-filter:blur(10px);filter:blur(10px);left:10px;top:10px;right:-10px;bottom:-10px}
.section-title{line-height:27.5px;font-size:20px;text-align:center}
.btn-mid{padding:13px 42px}
.btn-white{font-weight:500}
.content-div{margin-top:25px}
.mobile{display:block}
.pc{display:none}
.btn-blue:hover,.btn-white:hover{transform:none}
}
@media (max-width:320px){.gear-h1{font-size:26px}
}
.transparent-bg .right .iphone-icon{background:url(../images/wx-imgs/phone-icon-white.svg) no-repeat;background-size:cover}
.transparent-bg .right .phone-num{color:#fff}
@media (max-width:1400px){header.new-face{background:#ffffff;-webkit-box-shadow:0px 0px 40px 0px rgba(121,121,121,0.1);-moz-box-shadow:0px 0px 40px 0px rgba(121,121,121,0.1);box-shadow:0px 0px 40px 0px rgba(121,121,121,0.1)}
.transparent-bg .right .iphone-icon{display:inline-block;background:url(../images/wx-imgs/phone-icon-blue.svg) no-repeat;background-size:contain}
.transparent-bg .right .phone-num{color:#004AED}
}
@media (max-width:767px){header.new-face{background:transparent;box-shadow:none}
.transparent-bg .navbar-toggle .icon-bar{background:#fff}
.transparent-bg.with-shadow .icon-bar{background:#004AED}
}
.banner-div{margin-top:80px;padding-top:94px;position:relative}
.banner-div::after{display:inline-block;content:"";width:534px;height:424px;background:url(../images/homepage-new/banner-circle.png) no-repeat right top;background-size:cover;position:absolute;right:0px;top:-80px;z-index:-1}
.banner-box .banner-left{width:53.5%;padding-top:6px;display:inline-block}
.banner-box .banner-left .gear-dec-primary{margin-top:10px;margin-bottom:44px}
.banner-box .banner-left .gear-dec-secondary{margin-bottom:72px;max-width:540px}
.banner-box .banner-right{float:right;width:46.5%;position:relative;color:#fff}
.banner-box .banner-right .filter-blur{position:absolute;right:0;left:18px;top:19px;bottom:0;background:rgba(0,0,0,0.95);border-radius:2px 10px 2px 10px;opacity:0.6;filter:blur(10px);z-index:-1}
.banner-box .banner-right img{width:100%}
.banner-box .banner-right .banner-text{position:absolute;bottom:38px;left:31px}
.banner-box .banner-right .title{font-size:24px;line-height:32px;font-weight:600}
@media (min-width:1441px){.banner-div::after{display:none}
.banner-div .container{position:relative}
.banner-div .container::after{display:inline-block;content:"";width:443px;height:443px;background-size:cover;background:linear-gradient(231deg,#003ee6 0%,#0069ff 100%);position:absolute;right:-120px;top:-231px;z-index:-1;border-radius:50%}
.core-competence-div .img-div .mobile{display:none}
.core-competence-div .img-div .pc{display:none}
.core-competence-div .img-div .screen-bg{display:block}
}
@media (max-width:1230px){.banner-box .banner-right .title{font-size:22px}
.banner-div .banner-left .gear-h1{font-size:34px}
.banner-div .banner-left .gear-dec-primary{font-size:18px;margin-bottom:52px}
.banner-div .banner-left .gear-dec-secondary{margin-bottom:24px}
.banner-div .banner-right .banner-text{bottom:24px}
}
@media (max-width:1000px) and (min-width:769px){.banner-div{padding-top:44px}
.banner-div::after{width:434.4px;height:339.2px}
}
@media (max-width:769px){.banner-div{padding-top:0;margin-top:120px}
.banner-div::after{width:223px;height:232px;background:url(../images/homepage-new/banner-cricle-mobile.png) no-repeat right top;background-size:cover}
.banner-box .banner-right{width:100%}
.banner-box .banner-right .banner-text{bottom:27px;left:30px}
.banner-box .banner-right .title{font-size:24px;line-height:36px}
.banner-box .banner-right .title-dec{font-size:18px}
.banner-box .banner-left{width:100%;padding-top:26px;text-align:center}
.banner-box .banner-left .gear-h1{font-size:28px}
.banner-box .banner-left .gear-dec-primary{margin-top:16px;margin-bottom:20px}
.banner-box .banner-left .gear-dec-secondary{width:100%;max-width:100%;margin-bottom:30px}
}
@media (max-width:420px){.banner-div{margin-top:50px}
.banner-div .banner-right{width:100%}
.banner-div .banner-right .banner-text{bottom:15px;left:15px}
.banner-div .banner-right .title{font-size:18px;line-height:21px}
.banner-div .banner-right .title-dec{font-size:14px}
}
@media (max-width:320px){.banner-div .banner-right .title{font-size:14px}
.banner-div .banner-right .title-dec{font-size:12px}
.banner-box .banner-left .gear-h1{font-size:24px}
.banner-box .banner-left .gear-dec-primary{font-size:12px}
}
.core-competence-div{margin-top:100px}
.core-competence-div .gear-dec-primary{line-height:22px}
.core-competence-div .section-title-text{line-height:32px;font-size:18px;margin-top:8px}
.core-competence-div .content-div{overflow:hidden}
.core-competence-div .content-div .gear-dec-secondary{width:100%;max-width:530px;margin-top:32px;margin-bottom:28px}
.core-competence-div .content-div ul li{line-height:36px;font-weight:500;font-size:18px;color:#313A5A;position:relative;padding-left:21px}
.core-competence-div .content-div ul li::before{content:"";display:inline-block;width:8px;height:8px;background:linear-gradient(221deg,#003ce5 0%,#0069ff 100%);border-radius:0px 2px 0px 2px;position:absolute;left:0;top:12px}
.core-competence-div .tab-box{overflow:hidden}
.core-competence-div .content-left{float:left;width:50%;padding-right:70px}
.core-competence-div .content-right{float:right;width:50%}
.core-competence-div .img-div{z-index:-1;position:relative;margin-top:-218px;min-height:218px}
.core-competence-div .img-div img{width:100%}
.core-competence-div .case-number-div,.core-competence-div .cases-div{margin-left:-15px;margin-right:-15px;padding-bottom:15px}
.core-competence-div .case-number-div .cases-item,.core-competence-div .cases-div .cases-item{width:33.33%;float:left;padding:0 15px;text-align:center;transform:translateY(0px);transition:all 0.2s linear}
.core-competence-div .case-number-div .cases-item>div,.core-competence-div .cases-div .cases-item>div{display:inline-block}
.core-competence-div .case-number-div .cases-item .cases-item-box,.core-competence-div .cases-div .cases-item .cases-item-box{position:relative;width:100%}
.core-competence-div .case-number-div .cases-item .cases-item-box .case-img-div::before,.core-competence-div .cases-div .cases-item .cases-item-box .case-img-div::before{content:"";position:absolute;background:url(../images/homepage-new/cases-mark-bg.png) no-repeat;background-size:cover;top:-6px;left:-6px;bottom:-24px;right:-24px;z-index:-1}
.core-competence-div .case-number-div .cases-item .cases-item-box .case-img-div .case-item-dec,.core-competence-div .cases-div .cases-item .cases-item-box .case-img-div .case-item-dec{position:absolute;left:0px;right:0;bottom:82px;text-align:left;padding-left:51px;padding-right:39px;color:#fff}
.core-competence-div .case-number-div .cases-item .cases-item-box .case-img-div .case-item-dec h3,.core-competence-div .cases-div .cases-item .cases-item-box .case-img-div .case-item-dec h3{font-size:40px;line-height:56px;margin-top:30px;font-weight:600;margin-bottom:0}
.core-competence-div .case-number-div .cases-item .cases-item-box .case-img-div .case-item-dec p,.core-competence-div .cases-div .cases-item .cases-item-box .case-img-div .case-item-dec p{font-size:16px}
.core-competence-div .case-number-div .cases-item .cases-item-box .case-img-div .case-item-dec-01 img,.core-competence-div .cases-div .cases-item .cases-item-box .case-img-div .case-item-dec-01 img{width:49.8%}
.core-competence-div .case-number-div .cases-item .cases-item-box .case-img-div .case-item-dec-02 img,.core-competence-div .cases-div .cases-item .cases-item-box .case-img-div .case-item-dec-02 img{width:16.8%}
.core-competence-div .case-number-div .cases-item .cases-item-box .case-img-div .case-item-dec-03 img,.core-competence-div .cases-div .cases-item .cases-item-box .case-img-div .case-item-dec-03 img{width:16.2%}
.core-competence-div .case-number-div .cases-item .case-title,.core-competence-div .cases-div .cases-item .case-title{padding-left:4px;font-size:16px;color:rgba(49,58,90,0.6);line-height:22px;text-align:left}
.core-competence-div .case-number-div .cases-item .number,.core-competence-div .cases-div .cases-item .number{font-family:Helvetica-Bold,Helvetica;font-weight:600;line-height:82px;font-size:68px;color:#313a5a;text-align:left}
.core-competence-div .case-number-div .cases-item img,.core-competence-div .cases-div .cases-item img{width:100%}
.core-competence-div .case-number-div .case-remarks,.core-competence-div .cases-div .case-remarks{position:absolute;top:0;bottom:0;left:0;right:0;background:url(../images/homepage-new/cases-remarks.png) no-repeat center center;background-size:cover;z-index:2;padding:0 45px;text-align:left;padding-top:120px;color:#ffffff;font-size:18px;line-height:32px;display:none}
.core-competence-div .case-number-div .case-remarks img,.core-competence-div .cases-div .case-remarks img{width:50%}
.core-competence-div .case-number-div .case-remarks .case-dec-div,.core-competence-div .cases-div .case-remarks .case-dec-div{display:inline-block;vertical-align:middle}
.core-competence-div .case-number-div .case-remarks .case-dec-div .text-title,.core-competence-div .cases-div .case-remarks .case-dec-div .text-title{font-size:36px;font-weight:600}
.core-competence-div .case-number-div .case-remarks .case-dec-div p,.core-competence-div .cases-div .case-remarks .case-dec-div p{margin-top:30px}
.core-competence-div .case-number-div .case-remarks::before,.core-competence-div .cases-div .case-remarks::before{content:"";position:absolute;background:url(../images/homepage-new/cases-mark-bg-hover.png) no-repeat;background-size:cover;top:-12px;bottom:-32px;left:-12px;right:-27px;z-index:-1}
.core-competence-div .case-number-div .case-remarks-01 img,.core-competence-div .cases-div .case-remarks-01 img{width:49.8%}
.core-competence-div .case-number-div .case-remarks-02 img,.core-competence-div .cases-div .case-remarks-02 img{width:16.8%}
.core-competence-div .case-number-div .case-remarks-03 img,.core-competence-div .cases-div .case-remarks-03 img{width:16.2%}
.core-competence-div .case-number-div .cases-item:hover,.core-competence-div .cases-div .cases-item:hover{transform:translateY(-2px);transition:all 0.2s linear;-o-transition:all 0.2s linear;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;box-shadow:none}
.core-competence-div .case-number-div .cases-item:hover .case-remarks,.core-competence-div .cases-div .cases-item:hover .case-remarks{display:block}
.core-competence-div .cases-div{margin-top:20px}
.core-competence-div .case-logo-content{position:relative}
.core-competence-div .case-logo-div{margin-top:45px;height:100px}
.core-competence-div .case-logo-div .case-logo-item{width:20%;float:left;text-align:center;line-height:56px}
.core-competence-div .case-logo-div .case-logo-item .case-info p{line-height:20px;font-size:14px;margin-top:9px;color:#313A5A}
.core-competence-div .case-logo-div .case-info{display:none}
.core-competence-div .case-logo-div img{width:60.5%}
.core-competence-div .case-logo-div .case-logo-item-05 .case-info p{margin-left:-20px;margin-right:-20px}
/*.core-competence-div .case-logo-div.pc .case-logo-item:hover{line-height:30px}
.core-competence-div .case-logo-div.pc .case-logo-item:hover img{width:30%}
.core-competence-div .case-logo-div.pc .case-logo-item:hover .case-info{display:inline-block}
.core-competence-div .case-logo-div.pc .case-logo-item:hover .case-nav{display:none}
.core-competence-div .case-logo-div.pc .case-logo-item-03:hover img{width:38%}
.core-competence-div .case-logo-div.pc .case-logo-item-04:hover img{width:38%}
.core-competence-div .case-logo-div.pc .case-logo-item-05:hover img{width:53%}*/
.core-competence-div .top{border-radius:0 15px 0 15px;overflow:hidden;}
.core-competence-div .case-logo-dec{background-color:#fff}
.core-competence-div .case-logo-dec .case-logo-dec-item{line-height:100px;text-align:center;color:#313a5a;background:#ffffff;background-size:cover;position:absolute;top:-20px;left:0;right:0;display:none}
.core-competence-div .case-logo-dec .case-logo-dec-item>div{background:url(../images/homepage-new/case-logo-hover-bg.png) no-repeat center center}
.core-competence-div .case-logo-dec .case-logo-dec-item img{vertical-align:middle;margin-bottom:6px}
.core-competence-div .case-logo-dec .case-logo-dec-item-01 img{width:144px;margin-right:36px}
.core-competence-div .case-logo-dec .case-logo-dec-item-02 img{width:108px;margin-right:51px}
.core-competence-div .case-logo-dec .case-logo-dec-item-03 img{width:115px;margin-right:38px}
.core-competence-div .case-logo-dec .case-logo-dec-item-04 img{width:119px;margin-right:39px}
.core-competence-div .case-logo-dec .case-logo-dec-item-05 img{width:180px;margin-right:51px}
.core-competence-div .btn-div{margin-top:16px;text-align:center}
@media (max-width:1230px){.core-competence-div .case-number-div .case-remarks,.core-competence-div .cases-div .case-remarks{padding:36px 26px}
.core-competence-div .img-div{margin-top:-140px;min-height:140px}
.core-competence-div .cases-div .cases-item .cases-item-box .case-img-div .case-item-dec{bottom:46px;text-align:left;padding-left:26px;padding-right:10px}
.core-competence-div .cases-div .cases-item .cases-item-box .case-img-div .case-item-dec h3{font-size:40px;line-height:56px;margin-top:30px}
.core-competence-div .cases-div .cases-item .cases-item-box .case-img-div .case-item-dec-03 img{width:15.2%}
}
@media (max-width:1000px) and (min-width:769px){.core-competence-div .content-div ul li{font-size:14px}
.core-competence-div .cases-div .cases-item .number{font-size:48px}
.core-competence-div .case-number-div .case-remarks,.core-competence-div .cases-div .case-remarks{padding:15px;font-size:14px;line-height:20px;padding-top:56px}
.core-competence-div .case-number-div .case-remarks .case-dec-div .text-title,.core-competence-div .cases-div .case-remarks .case-dec-div .text-title{font-size:26px}
.core-competence-div .case-number-div .case-remarks .case-dec-div p,.core-competence-div .cases-div .case-remarks .case-dec-div p{margin-top:15px}
.core-competence-div .case-number-div .case-remarks:before,.core-competence-div .cases-div .case-remarks:before{top:-6px;left:-6px;bottom:-20px;right:-20px}
.core-competence-div .case-number-div .cases-item .cases-item-box .case-img-div::before,.core-competence-div .cases-div .cases-item .cases-item-box .case-img-div::before{top:-12px;left:-6px;bottom:-18px;right:-18px}
.core-competence-div .case-number-div .cases-item .cases-item-box .case-img-div .case-item-dec,.core-competence-div .cases-div .cases-item .cases-item-box .case-img-div .case-item-dec{bottom:36px;padding-left:16px;padding-right:0px}
.core-competence-div .case-number-div .cases-item .cases-item-box .case-img-div .case-item-dec h3,.core-competence-div .cases-div .cases-item .cases-item-box .case-img-div .case-item-dec h3{font-size:30px;line-height:46px;margin-top:24px}
.core-competence-div .case-number-div .cases-item .cases-item-box .case-img-div .case-item-dec p,.core-competence-div .cases-div .cases-item .cases-item-box .case-img-div .case-item-dec p{font-size:13px}
.core-competence-div .case-logo-div .case-logo-item img{width:65%}
.core-competence-div .img-div{margin-top:-145px;min-height:145px}
}
@media (max-width:769px){.core-competence-div{margin-top:50px}
.core-competence-div .cases-div{margin-top:20px}
.core-competence-div .section-title-text{line-height:22px;font-size:14px}
.core-competence-div .section-title-text br{display:none}
.core-competence-div .tab-box{background:#fff;overflow:hidden}
.core-competence-div .tab-box>div{float:left;width:50%}
.core-competence-div .tab-box>div p{text-align:center;line-height:16px;font-size:16px;padding:16px 0 16px 0px}
.core-competence-div .tab-box .tab-left .gear-dec-primary{border-radius:0px 0px 10px 0px;background:#F1F1F1}
.core-competence-div .tab-box .tab-right .gear-dec-primary{border-radius:0px 0px 0px 10px;background:#F1F1F1}
.core-competence-div .tab-box .active{background:#F1F1F1}
.core-competence-div .tab-box .active.tab-right .gear-dec-primary{background:#fff;border-radius:10px 10px 0px 0px;color:#0069FF;margin-bottom:0}
.core-competence-div .tab-box .active.tab-left .gear-dec-primary{background:#fff;border-radius:0px 10px 0px 0px;color:#0069FF;margin-bottom:0}
.core-competence-div .content-div>.content-right{display:none}
.core-competence-div .content-div{box-shadow:0px 0px 50px 0px rgba(121,121,121,0.16);border-radius:3px 10px 3px 10px}
.core-competence-div .content-div ul li{font-size:14px;line-height:34px}
.core-competence-div .content-div ul li::before{width:7px;height:7px}
.core-competence-div .content-div .gear-dec-secondary{max-width:100%;margin:15px 0}
.core-competence-div .content-div .content-right,.core-competence-div .content-div .content-left{padding:0 15px 15px 15px;width:100%}
.core-competence-div .img-div{margin-top:-100px;min-height:100px}
.core-competence-div .case-number-div.content-div{box-shadow:none;border-radius:0}
.core-competence-div .case-number-div.content-div .cases-item .case-title{font-size:12px;line-height:15px}
.core-competence-div .case-number-div.content-div .cases-item .number{font-size:28px;line-height:33px}
.core-competence-div .cases-div{margin-left:0;margin-right:0;overflow:inherit}
.core-competence-div .cases-div .case-remarks{display:block;position:relative;background:none;box-shadow:none;padding:15px;color:rgba(49,58,90,0.6);font-size:14px;line-height:25px}
.core-competence-div .cases-div .case-remarks img{display:none}
.core-competence-div .cases-div .case-remarks .text-title{display:none}
.core-competence-div .cases-div .case-remarks .case-dec-div p{margin-top:0}
.core-competence-div .cases-div .case-remarks::before{display:none}
.core-competence-div .cases-div .cases-item{width:100%;padding:0;float:none;background:rgba(255,255,255,0.95);box-shadow:0px 0px 50px 0px rgba(121,121,121,0.16);border-radius:3px 10px 3px 10px;margin-bottom:15px}
.core-competence-div .cases-div .cases-item:hover{transform:translateY(0);box-shadow:0px 0px 50px 0px rgba(121,121,121,0.16)}
.core-competence-div .cases-div .cases-item .case-img-div::before{display:none}
.core-competence-div .cases-div .cases-item .top{position:relative}
.core-competence-div .cases-div .cases-item .cases-item-box .case-img-div .case-item-dec{text-align:center;padding:0;left:0;right:0;bottom:80px;margin:auto}
.core-competence-div .cases-div .cases-item .cases-item-box .case-img-div .case-item-dec h3{font-size:40px;line-height:56px;margin-top:30px}
.core-competence-div .cases-div .cases-item .cases-item-box .case-img-div .case-item-dec-01 img{width:28%}
.core-competence-div .cases-div .cases-item .cases-item-box .case-img-div .case-item-dec-02 img{width:11.8%}
.core-competence-div .cases-div .cases-item .cases-item-box .case-img-div .case-item-dec-03 img{width:11%}
.core-competence-div .case-logo-div{margin-top:-16px;position:relative;z-index:23;height:auto}
.core-competence-div .case-logo-div .case-logo-item{width:25%;float:left}
.core-competence-div .case-logo-div .case-logo-item img{opacity:1;width:48%}
.core-competence-div .case-logo-div .case-logo-item .case-info{display:none}
.core-competence-div .case-logo-div .case-logo-item .case-logo-item{line-height:36px}
.core-competence-div .case-logo-div .case-logo-item .active-slide{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;opacity:0}
.core-competence-div .case-logo-div .case-logo-item.swiper-slide-thumb-active img{opacity:0}
.core-competence-div .case-logo-div .case-logo-item.swiper-slide-thumb-active .active-slide{opacity:1}
.core-competence-div .case-logo-div .case-logo-item .active{display:none}
.core-competence-div .case-logo-div .case-logo-item-01 img{width:50%}
.core-competence-div .case-logo-div .case-logo-item-02 img{width:45%}
.core-competence-div .case-logo-div .case-logo-item.active{line-height:56px}
.core-competence-div .case-logo-div .case-logo-item.active img{display:none}
.core-competence-div .case-logo-div .case-logo-item.active .active{display:inline-block}
.core-competence-div .case-logo-dec{margin-top:30px}
.core-competence-div .case-logo-dec .case-logo-item{display:none}
.core-competence-div .case-logo-dec .case-logo-item.active{display:block}
.core-competence-div .case-logo-dec .case-logo-item{background:rgba(255,255,255,0.95);box-shadow:0px 0px 50px 0px rgba(121,121,121,0.16);border-radius:2px 10px 2px 10px}
.core-competence-div .case-logo-dec .case-logo-item>div{line-height:16px;text-align:center;font-size:12px;padding:18px 0 19px;position:relative;color:#313A5A;border-radius:2px 0px 2px 0px}
.core-competence-div .case-logo-dec .case-logo-item>div::after{display:inline-block;content:'';width:16px;height:16px;background:#ffffff;box-shadow:-14px -17px 40px 0 rgba(0,0,0,0.08);position:absolute;top:-9px;transform:rotate(45deg)}
.core-competence-div .case-logo-dec .case-logo-item strong{font-weight:600}
.core-competence-div .case-logo-dec .swiper-slide-01>div::after{left:12.5%}
.core-competence-div .case-logo-dec .swiper-slide-02>div::after{left:37.5%}
.core-competence-div .case-logo-dec .swiper-slide-03>div::after{left:62.5%}
.core-competence-div .case-logo-dec .swiper-slide-04>div::after{left:87.5%}
.core-competence-div .case-logo-content .case-logo-div .case-logo-item{width:25%;float:left}
.core-competence-div .btn-div{position:relative;z-index:32;margin-top:25px}
}
@media (max-width:420px){.core-competence-div .case-logo-dec{margin-top:10px}
.core-competence-div .case-logo-div .case-logo-item img{width:70%}
.core-competence-div .case-logo-div .case-logo-item-01 img{width:75%}
.core-competence-div .img-div{margin-top:-30px;min-height:auto}
.core-competence-div .cases-div .cases-item .cases-item-box .case-img-div .case-item-dec{bottom:36px}
.core-competence-div .cases-div .cases-item .cases-item-box .case-img-div .case-item-dec h3{font-size:20px;line-height:25px;margin-top:20px;font-weight:600}
.core-competence-div .cases-div .cases-item .cases-item-box .case-img-div .case-item-dec p{font-size:14px;margin-top:8px}
.core-competence-div .cases-div .cases-item .cases-item-box .case-img-div .case-item-dec-01 img{width:29%}
.core-competence-div .cases-div .cases-item .cases-item-box .case-img-div .case-item-dec-02 img{width:11.7%}
.core-competence-div .cases-div .cases-item .cases-item-box .case-img-div .case-item-dec-03 img{width:11%}
}
@media (max-width:380px){.core-competence-div .content-div .content-left .gear-dec-secondary{margin:27px 0 28px}
}
@media (max-width:320px){.core-competence-div .tab-box .tab-left .gear-dec-primary,.core-competence-div .tab-box .tab-right .gear-dec-primary{padding:16px;line-height:20px}
}
.company-div{margin-top:100px}
.company-div .ul-list{margin:45px -15px 0 -15px}
.company-div .ul-list .list-item{width:50%;padding:15px;display:inline-block;float:left}
.company-div .ul-list .list-item>div{padding:40px;background:rgba(255,255,255,0.95);box-shadow:12px 12px 40px 0px rgba(121,121,121,0.16);border-radius:6px 20px 6px 20px;position:relative;transition:all 0.2s linear;transform:translateY(0px)}
.company-div .ul-list .list-item>div:hover{background:#f3f8ff;box-shadow:12px 12px 40px 0px rgba(0,105,255,0.1);border-radius:6px 20px 6px 20px;transform:translateY(-2px);transition:all 0.2s linear;-o-transition:all 0.2s linear;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear}
.company-div .ul-list .list-item>div:hover::before{display:inline-block;content:"";width:111px;height:107px;background:url(../images/homepage-new/circle-01.png) no-repeat left bottom;background-size:cover;position:absolute;left:0;bottom:0;z-index:3}
.company-div .ul-list .list-item>div:hover::after{display:inline-block;content:"";width:149px;height:133px;background:url(../images/homepage-new/circle-02.png) no-repeat left bottom;background-size:cover;position:absolute;right:0;top:0;z-index:3}
.company-div .ul-list .list-item .gear-dec-primary{margin-bottom:12px}
@media (max-width:1230px){.company-div .ul-list .list-item>div{box-shadow:0px 12px 40px 0px rgba(121,121,121,0.16);padding:40px 30px}
}
@media (max-width:769px){.company-div{margin-top:50px}
.company-div .ul-list{margin:25px 0 0 0}
.company-div .ul-list .list-item{width:100%;margin-bottom:15px;float:none;padding:0}
.company-div .ul-list .list-item>div{padding:20px 15px;box-shadow:0px 0px 50px 0px rgba(121,121,121,0.16);border-radius:3px 10px 3px 10px}
.company-div .ul-list .list-item>div:hover{transform:translateY(0);background:#ffffff}
.company-div .ul-list .list-item>div:hover::before{display:none}
.company-div .ul-list .list-item>div:hover::after{display:none}
.company-div .ul-list .list-item .gear-dec-primary{font-size:16px;line-height:22px;text-align:center;margin-bottom:10px}
}
.industry-div{margin-top:100px}
.industry-div .left-div{float:left;max-width:527px;max-height:352px;width:43.8%;position:relative;overflow:hidden;border-radius:6px 20px 6px 20px}
.industry-div .left-div img{width:100%;position:relative;z-index:-2}
.industry-div .left-div::after{content:"";display:inline-block;position:absolute;top:50%;bottom:0;left:0;right:0;z-index:-1;background:linear-gradient(180deg,rgba(24,41,160,0) 0%,rgba(0,0,0,0.7) 100%)}
.industry-div .left-div a{color:#fff}
.industry-div .left-div a .img-box{padding-bottom:66.7%;z-index:-1;position:relative}
.industry-div .left-div a>.industry-info{position:absolute;bottom:30px;left:27px;width:90%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.industry-div .left-div .gear-dec-primary{font-size:24px;color:#fff;width:90%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.industry-div .left-div .gear-dec-primary a{color:#ffffff}
.industry-div .left-div .gear-dec-primary a:hover{color:#0069FF}
.industry-div .left-div .gear-dec-secondary{color:rgba(255,255,255,0.8);line-height:36px;width:90%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.industry-div .right-div{float:left;width:56.2%;padding-left:40px;padding-top:9px}
.industry-div .right-div .gear-dec-primary{font-size:18px;line-height:18px;margin-bottom:15px}
.industry-div .right-div .gear-dec-primary a{color:#313A5A}
.industry-div .right-div .gear-dec-primary a:hover{color:#0069FF}
.industry-div .right-div .gear-dec-secondary{margin-bottom:30px;font-size:18px}
@media (max-width:1230px) and (min-width:769px){.industry-div .left-div .gear-dec-primary{font-size:18px;line-height:26px}
.industry-div .left-div .gear-dec-secondary{line-height:18px}
.industry-div .right-div .gear-dec-primary{font-size:16px}
.industry-div .right-div .gear-dec-secondary{font-size:16px;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
}
@media (max-width:769px){.industry-div{margin-top:35px}
.industry-div .left-div{width:100%;max-width:100%;float:none;max-height:51%;border-radius:3px 10px 3px 10px}
.industry-div .left-div .gear-dec-primary{font-size:16px;line-height:16px;margin-bottom:8px;width:100%}
.industry-div .left-div .gear-dec-secondary{font-size:12px;line-height:18px;width:100%}
.industry-div .left-div a .img-box{padding-bottom:51%}
.industry-div .left-div a>.industry-info{left:13px;bottom:15px}
.industry-div .right-div{width:100%;float:none;margin-top:25px;padding-left:0}
.industry-div .right-div li{border-bottom:1px solid #E6E6E6;margin-bottom:15px}
.industry-div .right-div li:last-child{margin-bottom:0;border-bottom:none}
.industry-div .right-div .gear-dec-primary{margin-bottom:11px;font-size:14px;line-height:14px}
.industry-div .right-div .gear-dec-secondary{margin-bottom:10px;font-size:12px;line-height:17px;height:17px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
}
@media (max-width:320px){.industry-div .right-div .gear-dec-primary{line-height:20px}
}
.form-div{color:#ffffff;margin-top:68px;position:relative;z-index:3}
.form-div .container{position:relative}
.form-div .left-div{position:relative;width:77%;min-height:449px;background:linear-gradient(330deg,#003ce4 0%,#0069ff 100%);border-radius:6px 20px 6px 20px;padding:51px 74px 44px}
.form-div .left-div::before{display:inline-block;content:"";width:82px;height:97px;background:url(../images/homepage-new/circle-03.png) no-repeat left bottom;background-size:cover;position:absolute;bottom:0;left:0}
.form-div .left-div::after{display:inline-block;content:"";width:233px;height:177px;background:url(../images/homepage-new/circle-04.png) no-repeat left bottom;background-size:cover;position:absolute;top:0;right:0}
.form-div .left-div .form-modal{width:84.1%}
.form-div .left-div .form-title{font-size:28px;line-height:36px;font-weight:600;margin-bottom:12px}
.form-div .left-div .form-dec{margin-bottom:4px}
.form-div .right-div{position:absolute;right:15px;top:49px;width:400px;height:351px;margin-bottom:0;border-radius:6px 20px 6px 20px;padding:60px 0 0 28px;background-color:#004BED;z-index:3}
.form-div .right-div .address-ul{margin-bottom:17px}
.form-div .right-div .address-ul .address-list{margin-bottom:14px}
.form-div .right-div .address-ul .address-list:last-child{margin-bottom:0}
.form-div .right-div .address-ul .address-list .address-title{font-weight:500;color:#FFFFFF;line-height:24px;font-size:17px}
.form-div .right-div .address-ul .address-list .address-title.beijing-title{font-size:22px;font-weight:600;line-height:30px}
.form-div .right-div .address-ul .address-list .address-info{font-weight:400;color:rgba(255,255,255,0.6);line-height:20px;font-size:14px}
.form-div .right-div .address-tab{margin-bottom:31px}
.form-div .right-div .address-tab li{cursor:pointer;display:inline-block;margin-right:24px;line-height:33px}
.form-div .right-div .address-tab .active{font-size:18px;position:relative;font-weight:600}
.form-div .right-div .address-tab .active::after{display:inline-block;content:"";width:8px;height:8px;background:#fff;border-radius:0px 2px 0px 2px;position:absolute;left:0;right:0;bottom:-13px;margin:auto}
.form-div .right-div .address-info p{font-size:16px;line-height:22px;margin-bottom:10px}
.form-div .right-div .shanghai-info{display:none}
.form-div .close{position:absolute;top:16px;right:16px;color:rgba(255,255,255,0.5);z-index:134;font-size:22px;opacity:0.5}
.form-div .address-bg{position:absolute;top:0;left:0;right:0;bottom:0;background:url(../images/homepage-new/address-bg.png) no-repeat left bottom;background-size:cover;z-index:-999}
.form-div .shanghai-bg{position:absolute;top:0;left:0;right:0;bottom:0;background:url(../images/homepage-new/address-shanghai-bg.png) no-repeat left bottom;background-size:cover;z-index:-999;opacity:0}
.form-div .beijing-bg{position:absolute;top:0;left:0;right:0;bottom:0;background:url(../images/homepage-new/address-beijing-bg.png) no-repeat left bottom;background-size:cover;opacity:1;z-index:-1}
.form-div input,.form-div textarea{border-radius:2px}
.form-div input::placeholder,.form-div textarea::placeholder{font-size:14px;color:rgba(255,255,255,0.6);letter-spacing:1px;padding-left:4px}
.form-div input:focus,.form-div textarea:focus{outline:none}
.form-div .form-center{max-width:652px}
.form-div .form-center .form-group{overflow:hidden}
.form-div .form-center .form-group .form-list{width:50%;float:left}
.form-div .form-center .form-group .form-item-name{padding-right:7px;width:32.7%}
.form-div .form-center .form-group .form-item-phone{padding-left:7px;width:67.3%}
.form-div .form-center .form-list{width:100%;margin-top:20px;position:relative}
.form-div .form-center .form-list .form-warning{border:1px solid #FF3600 !important}
.form-div .form-center .form-list input{width:100%;height:40px;font-size:14px;padding-left:13px;background:transparent;border-radius:2px;border:1px solid rgba(255,255,255,0.3)}
.form-div .form-center .form-list textarea{width:100%;height:100px;font-size:14px;padding:13px;background:transparent;border:1px solid rgba(255,255,255,0.3)}
.form-div .form-center .form-list .form-description-message{display:none;position:absolute;left:0;bottom:-21px;line-height:16px;font-size:12px;color:#F5121D}
.form-div .form-center .form-list .form-description-message::after{content:'描述不少于五个字符'}
.form-div .form-center .btn-div{text-align:center;margin-top:40px}
.form-div .loading-modal{position:absolute;top:0;left:0;bottom:0;right:0;display:none}
.form-div .loading-modal .submit-ing{position:absolute;width:100%;height:84px;top:0;left:0;bottom:0;right:0;margin:auto}
.form-div .loading-modal .submit-ing-center{text-align:center}
.form-div .loading-modal .submit-ing-center>img{width:48px;height:48px;animation:loading 1s linear 0s infinite normal}
.form-div .loading-modal .submit-ing-center>div{text-align:center;margin-top:16px;font-size:14px;color:#fff;line-height:20px}
.form-div .success-modal{position:absolute;top:0;left:0;bottom:0;right:0;display:none}
.form-div .success-modal .submit-success{position:absolute;top:0;left:0;bottom:0;height:240px;margin:auto;width:100%;text-align:center}
.form-div .success-modal .submit-success img{height:120px}
.form-div .success-modal .submit-success .title{color:#ffffff;font-size:24px;font-weight:700;margin-bottom:20px;margin-top:16px}
.form-div .success-modal .submit-success .text{margin-top:20px;color:#ffffff;font-size:15px;text-align:center}
.form-div .success-modal .submit-success .phone{margin-top:4px;color:#fff;font-size:15px}
.form-div .err-modal{position:absolute;top:0;left:0;bottom:0;right:0;display:none}
.form-div .err-modal .submit-err{position:absolute;top:0;left:0;bottom:0;height:240px;margin:auto;width:100%;text-align:center}
.form-div .err-modal .submit-err img{height:120px}
.form-div .err-modal .submit-err .title{color:#fff;font-size:24px;font-weight:700}
.form-div .err-modal .submit-err .text{margin-top:20px;color:#fff;font-size:15px}
.form-div .err-modal .submit-err .phone{margin-top:4px;color:#fff;font-size:15px}
@media (max-width:1230px){.form-div .left-div{width:74%}
.form-div .right-div{width:360px;height:315px;padding:30px 0 0 28px}
}
@media (max-width:1000px) and (min-width:769px){.form-div .left-div{width:74%}
.form-div .right-div{top:70px;width:300px;height:260px;padding:20px 0 0 14px}
.form-div .right-div .address-ul{margin-bottom:12px}
.form-div .right-div .address-ul .address-list{margin-bottom:12px}
.form-div .right-div .address-ul .address-list:last-child{margin-bottom:0}
.form-div .right-div .address-ul .address-list .address-title{font-size:14px;line-height:20px}
.form-div .right-div .address-ul .address-list .address-title.beijing-title{font-size:16px;line-height:22px}
.form-div .right-div .address-ul .address-list .address-info{line-height:16px;font-size:12px}
}
@media (max-width:769px){.form-div{margin-top:40px}
.form-div .left-div{width:100%;padding:20px 15px 40px;border-radius:3px 10px 3px 10px}
.form-div .left-div .form-title{text-align:center;font-size:16px;line-height:22px}
.form-div .left-div .form-dec{text-align:center;font-size:12px}
.form-div .left-div .form-modal{width:100%}
.form-div .left-div::after{width:72px;height:72px}
.form-div .right-div{display:none}
.form-div .form-center{width:100%;max-width:100%}
.form-div .form-center .form-group .form-items{width:100%;padding-right:0px;padding-left:0px}
.form-div .form-center .form-list input{height:44px;background:rgba(255,255,255,0.1);outline:none;border:none}
.form-div .form-center .form-list textarea{height:116px;background:rgba(255,255,255,0.1);outline:none;border:none}
.form-div .form-center .form-list input::placeholder,.form-div .form-center .form-list textarea::placeholder{color:rgba(255,255,255,0.6);padding-left:2px}
}
.footer-homepage{width:100%;padding-top:306px;margin-top:-306px;background:url(../images/homepage-new/footer-bg.png) no-repeat center center;background-size:cover}
@media (min-width:1441px){.footer-homepage{background:url(../images/homepage-new/footer-bg-lg.png) no-repeat center center;background-size:100% 100%}
}
@media (max-width:320px){.modal .modal-blur{height:100%}
.modal .modal-content{height:auto}
.modal .modal-content h3{font-size:14px}
.modal .result-success-show{padding-top:0}
.modal .result-error-show{padding-top:0}
.modal .modal-form .submit-btn{height:30px;font-size:14px;line-height:30px;width:135px}
.modal .modal-form textarea{font-size:12px;height:70px}
}
