body{ font-family: PingFang SC,Helvetica Neue,Hiragino Sans GB,Microsoft Yahei,WenQuanYi Micro Hei,sans-serif;}
blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,th,ul{margin:0;padding:0}
a:link,a:visited{text-decoration:none;}
a img{border:0}
body{ margin:0; padding:0; color: #031b4d; font-size: 16px; background:  #fff; line-height: 1.5;}
ul,li{ list-style:none;}
img{ margin:0; padding:0; border: none;}
button:focus,input:focus,select:focus,textarea:focus{outline:0}
input[type=text],input[type=password],input[type=search],input[type=tel],input[type=number],input[type=email],input[type=url],textarea{-webkit-appearance:none;-webkit-border-radius:0;border-radius:0}
input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}
:-moz-placeholder { color: #999; opacity:1; }
::-moz-placeholder {  color: #999;opacity:1; }
input:-ms-input-placeholder{ opacity:1;}
input::-webkit-input-placeholder{ opacity:1; }
em{ font-style: normal;}
a{ color: #031b4d; -webkit-tap-highlight-color:rgba(0,0,0,0); }

.color-9{ color: #999; }
.pst{ position: relative;}


.app-header{ background-color: #d6e4ff; }
.app-header-inner{ position: relative;  /* position: absolute; left:0; right: 0; top: 10px; z-index: 9; */ width: 1400px; margin: 0 auto; height: 100px; display: flex; align-items: center;}
.app-logo{ width: 500px; display: flex; align-content: center;}
.app-logo img{ height: 80px;}
.app-menu{ width: calc(100% - 500px); }
.app-menu ul{ display: flex; align-items: center; justify-content: flex-end; }
.app-menu li{ margin-left: 30px; font-size: 16px;}
.app-menu li a{ color: #fff; background-color: #2a5dff;  padding: 7px 20px;  border-radius: 5px;}
.app-menu li a:hover{ border-radius: 5px 5px 0 0;}

.app-banner{ position: relative; height:340px; background-image: linear-gradient(#d6e4ff,#fff);}
.app-banner img{ width: 100%; height: 100%; object-fit: cover;}
.ft-banner-wrap{ /* position: absolute; left: 50%; top: 100px; z-index: 10; margin-left: -700px; */ width: 1400px; margin: 0 auto; display: flex; align-items: center; flex-wrap: wrap; }
.app-intro{ width: 650px; text-align: left;  color: #031b4d;}
.app-intro h3{ margin: 10px 0; font-size: 46px;}
.app-intro p{ font-size: 20px;}
.app-intro p a{ font-size: 16px; background-color: #dfe8ff; color: #2a5dff; width: 130px; text-align: center; display: inline-block; height: 36px; line-height: 36px; border: 1px #2a5dff solid; border-radius: 30px;}
.app-picture{ position: relative; width: calc(100% - 650px); text-align: right;}
.app-picture img{ width: 80%; height: 80%; object-fit: scale-down;}
.app-picture-mobile{ display: none;}
.corp-txt{ margin-top: 20px; }
.corp-txt p{ line-height: 1.8; font-size: 18px !important; }
.picture-opera{ position: absolute; right: 0; bottom: 40px; width: 300px; margin-left: -150px; text-align: center;}
.picture-opera a{ font-size: 16px; background-color: #dfe8ff; color: #2a5dff; width: 130px; text-align: center; display: inline-block; height: 36px; line-height: 36px; border: 1px #2a5dff solid; border-radius: 30px; }

.app-table{ background:url(../images/ft/table-bg.png) no-repeat center bottom; }
.app-innner{width: 1400px; margin: 0 auto; position: relative;}
.table-picture { padding-bottom: 50px;}
.table-picture img{ width: 100%; height: 100%; object-fit: scale-down;}

.app-tax{ height: 210px; background:url(../images/ft/tax-bg.png) no-repeat center bottom; }
.app-tax-txt{ text-align: center; color: #fff; padding-top: 25px; }
.app-tax-txt h4{ font-weight: normal; font-size: 26px; margin-bottom: 10px;}
.app-tax-txt h4 b{ font-weight: normal; font-size: 36px;}
.app-tax-txt p{ font-size: 18px; line-height: 2;}
.app-tax-txt p b{font-weight: normal; font-size: 22px;}

.app-case{ height: 660px; background:url(../images/ft/case-bg.png) no-repeat center bottom; }
.app-case h4{ font-size: 32px; letter-spacing: 3px; text-align: center; padding: 40px 0 30px; }
.app-case h4 b{color: #2a5dff; }
.app-case h4 span{position: relative;}
.app-case h4 span::before{ content: ""; position: absolute; left: -70px; top: 15px; width: 49px; height: 14px; background: url(../images/ft/tit-left.png) no-repeat;}
.app-case h4 span::after{ content: ""; position: absolute; right: -70px; top: 15px; width: 49px; height: 14px; background: url(../images/ft/tit-right.png) no-repeat;}
.case-box{ margin-top: 10px; display: flex; align-items: center; }
.case-box .timeaxis-line{ width: 59px; border-right: 1px #dce0e9 solid; height: 290px;}
.case-box ul{ width: 360px;}
.case-box .tab-content{ background-color: #fff; border-radius: 10px; height: 480px; width: calc(100% - 420px);}

.case-box .nav-tabs{ border-bottom:1px rgba(255,255,255,0.08) solid; position: relative; }
.case-box .nav-tabs > li{ padding-left: 50px; position: relative; width: 100%; margin-bottom: 40px; font-size: 20px; display: inline-block;}
.timeaxis{ position: absolute; left: -10px; top: 20px; background: url(../images/ft/ft-timeaxis.png) no-repeat; width: 20px; height: 20px;}
.case-box .nav-tabs > li:last-child{ margin-bottom: 0;}
.case-box .nav-tabs > li h5{ font-size: 20px; font-weight: normal;}
.case-box .nav-tabs > li p{ font-size: 16px;}
.case-box .nav-tabs > li:last-child{ margin-right: 0;}
.case-box .nav-tabs > li.active > a { color:#2a5dff; }
.case-box .nav > li { text-align: left; }
.case-info{ margin: 40px; display: flex; } 
.case-info dl{ width: calc(100% - 400px); margin-right: 40px;}
.case-info dl dt{ margin-bottom: 20px;}
.case-info dl dt h6{ font-size: 24px; margin-bottom: 10px; }
.case-info dl dt p{ font-size: 16px; color: #4d6189;}
.case-info dl dt h6 em{ margin-right: 8px; font-size: 16px; display: inline-block; padding: 2px 15px; border-radius: 20px 2px 20px 2px; font-weight: normal; background-color: #2a5dff; color: #fff;}
.case-info dd{ position: relative; font-size: 18px; line-height: 1.8;}
.case-info dd:last-child{ margin-top: 15px;}
.case-info dd a{ text-decoration: underline; color: #2a5dff;}
.case-info .case-img{ width: 360px; height: 396px; border-radius: 20px; overflow: hidden; }
.tab-content > .tab-pane { display: none; }
.tab-content > .active { display: block; }

.app-customer{ height: 620px; background:url(../images/ft/customer-bg.png) no-repeat center bottom;  }
.app-customer h4{ color: #fff; font-size: 32px; letter-spacing: 3px; text-align: center; padding: 40px 0 30px; }
.app-customer h4 span{position: relative;}
.app-customer h4 span::before{ content: ""; position: absolute; left: -70px; top: 15px; width: 49px; height: 14px; background: url(../images/ft/tit-left-white.png) no-repeat;}
.app-customer h4 span::after{ content: ""; position: absolute; right: -70px; top: 15px; width: 49px; height: 14px; background: url(../images/ft/tit-right-white.png) no-repeat;}
.customer-list{ display: flex; align-items: center; justify-content: center; flex-wrap: wrap; color: #fff;}
.customer-list li{ position: relative; width: 240px; height: 436px; transition: all 0.1s ease-out; overflow: hidden; margin-right: 20px; border-radius: 8px;}
.customer-list li.active{ width: 580px; }
.customer-list li:last-child{ margin-right: 0;}
.customer-list li .cust-mask{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: linear-gradient(180deg, rgba(42, 93, 255,1) 0%, rgba(42, 93, 255, 0) 100%); }
.cust-txt{ color: #fff; font-size: 18px; font-weight: bold; line-height: 1.6;  border-radius: 6px; border: 1px solid; border-image: linear-gradient(180deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0)) 1 1; padding: 13px; width: 130px; text-align: center; margin: 50px auto;}
.customer-list li.active .cust-mask{ display: none;}
.customer-list li .cust-talk{ display: none; margin:50px 40px 40px 80px;}
.customer-list li.active .cust-talk{ display: block; }
.cust-talk h5{ font-size: 24px; margin-bottom: 15px; position: relative; }
.cust-talk h5::before{ content: ""; position: absolute; left: -50px; top:7px; width: 35px; height: 24px; background: url(../images/ft/quotes_grey.svg); }
.cust-talk p{ font-size: 18px; line-height: 2;}
.cust-talk p:nth-child(2){ margin-top: 15px; text-align: right;}
.cust-talk p:nth-child(2) span{ margin-left: 10px;}
.customer-list li:nth-child(1){ background: url(../images/ft/cust-img01.png) no-repeat left bottom;  } 
.customer-list li:nth-child(2){ background: url(../images/ft/cust-img02.png) no-repeat left bottom;  } 
.customer-list li:nth-child(3){ background: url(../images/ft/cust-img03.png) no-repeat right bottom;  } 
.customer-list li:nth-child(4){ background: url(../images/ft/cust-img04.png) no-repeat left bottom;  } 

.app-step{ background: #fff; height: 400px;}
.step-box{ display: flex; margin:20px 0; align-items: center; justify-content: center; flex-wrap: wrap; }
.step-box li{ padding-top: 30px; width: 269px; height: 218px; text-align: center; background: url(../images/ft/step-bg.png) no-repeat;}
.step-box .step-arrow{ margin: 0 10px;}
.step-box li h5{ color: #fff; font-size: 20px; margin-bottom: 10px; }
.step-box li h6{ font-size: 20px; margin: 5px 0; }
.step-box li p{ font-size: 16px; color: #4d6189;}

.app-honor{ height: 340px; background: url(../images/ft/honor-bg.png) no-repeat center bottom;}
.corp-func{ display: flex; align-items: center; justify-content: center; font-size: 18px; }
.corp-func li span{ margin: 0 15px;}
.corp-data{  margin-top: 30px; display: flex; align-items: center; justify-content: center; }
.corp-data li{ width: 25%;  text-align: center;}
.corp-data li h6{ margin-top: 10px; font-size: 48px; color: #2a5dff;}
.corp-data span{ height: 70px; width: 1px; border-left: 1px #2a5dff solid; }
.file-download{ width: 1400px; margin: 0 auto 30px; height: 80px; border: 2px #2a5dff solid; border-radius: 20px; background:#fff; }
.file-download dl{ position: relative; margin: 15px; }
.file-download dt { position: absolute; left: 40px; bottom: -30px; width: 150px; height: 150px;}
.file-download dt img{ width: 100%; height: 100%; object-fit: cover;  }
.file-download dd{ width: calc(100% - 200px); margin-left: 200px; font-size: 24px; line-height: 54px; display: flex; align-items: center;}
.file-download dd span{ width: calc(100% - 100px); color: #2a5dff;}
.file-download dd img{ margin-left: 10px; width:30px; height: 30px;}
.file-download dd a{ margin-right: 15px; color: #2a5dff; width: 100px; display: inline-block; text-align: center; }

.app-copyright{ background-color: #1c2e70; padding: 30px 15px; color: #fff; text-align: center;}
.app-copyright a{ color: #fff;} 

.app-layer{ display: none;}
.layer-mask{ position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 99; background-color: rgba(0, 0, 0, 0.5);}
.layer-wrap{ position: fixed; left: 30%; right: 30%; top: 200px; bottom: 200px; z-index: 100; background-color: #fff; border-radius: 10px;}
.layer-header{ height: 60px; padding: 0 15px; border-bottom: 1px #ddd solid; display: flex; align-items: center; }
.layer-header h4{ width: calc(100% - 40px);}
.layer-header a{ width: 40px; text-align: center;}
.layer-header a img{ width: 24px; height: 24px;}
.layer-body{ padding: 30px;}
.layer-tip{ background-color: #ecf8ff; padding: 15px; border-radius: 5px;}
.layer-form{ margin-top: 30px;}
.form-item{ margin-bottom: 15px; display: flex; align-items: center;}
.form-tit{ width: 120px; text-align: right; margin-right: 15px;}
.form-con{ width: calc(100% - 135px);}
.form-con input{ font-size: 14px; width: calc(100% - 100px); height: 40px; line-height: 40px; box-sizing: border-box; padding: 0 10px; border-radius: 4px; border: 1px solid #dcdfe6;}
.form-con input::placeholder{ color: #c0c4cc;}
.form-opera{ padding-left: 135px;}
.form-opera a{ height: 40px; line-height: 40px; width: 120px; text-align: center; display: block; background-color: #2a5dff; color: #fff; border-radius: 5px;}
.index-code{ display: none; position: absolute; right: 0px; top: 67px; z-index: 900; width: 200px; height: 218px; border-radius: 5px 0 5px 5px; overflow: hidden;}
.index-code img{ width: 100%; height: 100%; object-fit: contain;}
.mobile-link,.btn-code-mobile{ display: none;}

.case-info dd .index-code{ left: 0; right: auto; top: 30px; border-radius: 5px;}

@media screen and (max-width:1300px) {
	.app-header{ width: 100%; left: 0;}
	.app-logo{ margin-left: 15px; width: 120px; margin-top: 10px; }
	.app-logo img{ height: 50px;}
	.app-banner{ height:440px ;}
	.corp-wrap{ width: calc(100% - 40px); margin: 20px; display: inherit; }
	.corp-intro{ width: 100%;}
	.corp-photo{ margin-top: 10px; width: 100%; margin-left: 0; height: auto;}
	.contact-inner{ width: calc(100% - 40px); margin: 20px 20px 0; display: inherit; }
	.contact-tit{ width: 100%; text-align: center;}
	.contact-info{ width: 100%;}
	.contact-code dl{ margin-top: 10px; width: 100%; }
	.contact-code dt{ margin: 10px auto;}
	.app-menu{ width: calc(100% - 120px); margin-right: 15px;}
	.app-menu li{ font-size: 18px; margin-left: 5px;}
	.login-link{ display: none;}
	.app-intro h3{ font-size: 24px; }
	.app-intro p{ font-size: 16px;}
	
	.app-header-inner{ height: auto;}
	
	.ft-banner-wrap{ left: 0; top: 70px; width: 100%; margin-left: 0; }
	.app-intro{ width: calc(100% - 30px); margin: 0 15px; text-align: center;}
	.app-picture{ display: none;}
	.app-innner{ width: calc(100% - 30px); padding: 15px;}
	.app-table{ height: auto; background-size: cover; }
	.table-picture{ padding-bottom: 0px;}
	.app-tax{ height: auto; background-size: cover;}
	.app-tax-txt p{ text-align: left; font-size: 16px; line-height: 1.8; margin-bottom: 10px;}
	.app-tax-txt p b{ font-size: 16px; font-weight: bold;}
	.app-case{ height: auto; background-size: cover;}
	.app-case h4{ font-size: 24px; padding: 10px 0 10px;}
	.case-box{ flex-wrap:wrap; }
	.case-box ul{ width: 100%; }
	.case-box .timeaxis-line{ display: none; }
	.timeaxis{ display: none;}
	.case-box .tab-content{ width: 100%; height: auto; }
	.case-box .nav-tabs { justify-content: center;}
	.case-box .nav-tabs > li{ background-color: #fff; height: 35px; line-height: 35px; border-radius: 5px; padding-left: 0; width:24%; text-align: center; margin-bottom: 15px;}
	
	.case-box .nav-tabs > li p{ display: none;}
	.case-box .nav-tabs > li h5{ font-size: 16px;}
	.case-box .nav-tabs > li.active{ background-color: #2a5dff; }
	.case-box .nav-tabs > li.active a{ color: #fff;}
	.case-info{ flex-wrap: wrap; margin: 10px;}
	.case-info dl{ width: 100%; margin-right: 0;}
	.case-info .case-img{ width: 100%; height: auto; margin-top: 10px;}
	.case-info .case-img img{ border-radius: 20px;}
	.app-customer{ height: auto; background-size: cover;  }
	.app-customer h4{ font-size: 24px; padding: 10px 0 10px;}
	.customer-list li{ width: 100%; height: auto; margin-right: 0; margin-bottom: 15px; background-size: cover;}
	.customer-list li .cust-mask{ display: none;}
	.customer-list li.active{ width: 100%;}
	.customer-list li .cust-talk{ display: block;  margin:20px 20px 20px 50px; }
	.cust-talk h5::before{ left: -35px;}
	.cust-talk h5::before{ width: 24px; height: 16px;}
	.cust-talk h5{ font-size: 20px;}
	.cust-talk p{ font-size: 16px; line-height: 1.7;}
	.customer-list li:nth-child(1),.customer-list li:nth-child(2),.customer-list li:nth-child(3),.customer-list li:nth-child(4){ background-size: cover;}
	.app-customer h4 span::before,.app-customer h4 span::after,.app-case h4 span::before,.app-case h4 span::after{ display: none;}{ display: none;}
	.step-box .step-arrow{ display: none;}
	.step-box{ padding-bottom: 30px;}
	.step-box li{ padding-top: 15px; width: calc(50% - 20px); height: auto; margin: 5px 10px 15px; background-size: contain;}
	.corp-func{ font-size: 16px;}
	.app-honor h4{ padding: 25px 0 15px;}
	.corp-data li{ width: calc(100% / 3);}
	.corp-data li h6{ font-size: 24px; margin-top: 0;}
	.corp-data span{ display: none;}
	.layer-wrap{ left: 0; right: 0; bottom: 0; top: auto; height: 460px; border-radius: 10px 10px 0 0;}
	.form-tit{ width: 80px;}
	.form-con{ width: calc(100% - 80px);}
	.form-con input{ width: 100%;}
	.layer-body{ padding: 15px;}
	.form-opera{ padding-left: 90px;}
	.app-intro p a{ background-color:#2a5dff; color: #fff;}
	.case-info dd:last-child{ text-align: center; margin-bottom: 10px;}
	.picture-opera{ right: 50%; bottom: 0px; margin-right: -150px;}
	.app-picture-mobile{ margin-top: 10px; display: block;}
	.mobile-link{ display: block; margin-top: 15px;}
	.btn-code-mobile{ display: block;}
	.btn-code{ display: none;}
}