@charset "utf-8";

/* Base */
body {background:#FFF;font-size:16px;color:#333;margin:0;padding:0;}
.transition {transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;}
.main {width:1200px;margin:0 auto;}
.left {float:left;}
.right {float:right;}
.overflow {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.hide {display:none;}
a {color:#444;text-decoration:none;}
a:hover {color:#4293f4;}


/* Layout */
.fangqu {}
.fq-header {background:url(../images/banner.jpg) no-repeat top center;background-size:100% 100%;height:748px;}
.fq-header .main {height:748px;position:relative;}
.fq-content {}
.headline {width:635px;margin:0 auto;text-align:center;background:rgba(0,0,0,.24);color:#fff;padding:50px 0;position:absolute;top:210px;left:50%;margin-left:-317px;}
.headline h1 {font-size:48px;margin-bottom:32px;}
.headline p {font-size:24px;}

.anchor-point {position:absolute;left:0;bottom:0;width:100%;}
.anchor-point ul {display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;}
.anchor-point li {width:20%;text-align:center;}
.anchor-point li a {display:block;height:73px;line-height:73px;background-color:#366eb4;border-right:1px solid rgba(255,255,255,.47);box-sizing:border-box;}
.anchor-point li a:hover {opacity:.85;}
.anchor-point li:last-child a {border-right:none;}
.anchor-point .anchor-icon {margin:0 16px;}
.anchor-point .anchor-text {font-size:1em;color:#fff;}
.anchor-point .anchor-icon,
.anchor-point .anchor-text {display:inline-block;vertical-align:middle;}

.platform-intro {margin:120px 0 60px 0;}
.platform-intro .main {display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;}
.platform-intro .platform-pic {width:605px;height:342px;}
.platform-intro .platform-pic img {display:inline-block;width:100%;height:100%;object-fit:fill;}
.platform-intro .platform-text {background-color:#f8f8fa;width:calc(100% - 605px);height:342px;padding:20px 40px;box-sizing:border-box;}
.platform-intro .platform-title {font-size:24px;font-weight:bold;padding-bottom:20px;background:url(../images/title.png) no-repeat left bottom;margin-bottom:40px;}
.platform-intro p {line-height:28px;}

.layer {padding:60px 0;box-sizing:border-box;}
.layer h3 {font-size:48px;margin-bottom:60px;text-align:center;}
.problem {background:url(../images/problem.png) no-repeat 72px center;width:1200px;height:610px;position:relative;}
.problem-list {position:absolute;left:580px;}
.problem-list ul {width:610px;height:610px;position:relative;}
.problem-list li {font-size:16px;position:absolute;width:100%;}
.problem-list li:first-child {top:25px;left:50px;}
.problem-list li:nth-child(2) {top:110px;left:155px;}
.problem-list li:nth-child(3) {top:193px;left:200px;}
.problem-list li:nth-child(4) {top:275px;left:212px;}
.problem-list li:nth-child(5) {top:360px;left:205px;}
.problem-list li:nth-child(6) {top:442px;left:160px;}
.problem-list li:last-child {top:525px;left:60px;}

.gray-bg {background-color:#f8f8fa;}
.function-list {width:920px;margin:0 auto;}
.function-list ul {display:flex;align-items:center;justify-content:center;flex-wrap:wrap;}
.function-list li {width:180px;margin:0 24px 60px 24px;text-align:center;}
.function-list li a {display:block;}
/*.function-list .f-pic {display:block;width:180px;height:180px;margin-bottom:45px;background:rgba(0,0,0,.5);}
.function-list .f-pic img {display:inline-block;width:100%;height:100%;object-fit:fill;}
.function-list .f-pic:hover {}*/
.function-list .f-pic {width:180px;height:180px;margin-bottom:45px;}
.function-list .f-pic img {display:inline-block;width:100%;height:100%;object-fit:fill;}
.function-list h4 {font-size:18px;font-weight:normal;}

.layer-feature {background:url(../images/feature.jpg) no-repeat top center;background-size:100% 100%;height:790px;}
.layer-feature h3 {color:#fff;}
.feature-list {}
.feature-list ul {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;}
.feature-list li {width:33.3%;text-align:center;margin:12px 0;}
.feature-list .f-box {color:#fff;}
.feature-list .feature-icon {display:inline-block;width:65px;height:65px;margin-bottom:20px;}
.feature-list h4 {font-size:18px;margin-bottom:20px;}
.feature-list .feature-txt {font-size:16px;line-height:26px;min-height:140px;}

.platform-value {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;}
.value-pic {width:535px;}
.value-pic h4 {font-size:24px;font-weight:bold;margin-bottom:30px;}
.value-pic p {font-size:16px;line-height:26px;margin-bottom:80px;}
.value-pic .value-img {display:inline-block;width:356px;height:242px;}
.value-chart {width:520px;}
.chart {border:1px solid #53bcff;border-radius:12px;padding:25px;margin:30px 0;position:relative;box-sizing:border-box;}
.chart ul {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;}
.chart li {background:url(../images/ico-dotted.png) no-repeat left center;background-size:10px;padding:10px 0 10px 25px;width:75%;box-sizing:border-box;}
.chart li:nth-child(even) {width:25%;}
.double-chart {position:relative;}
.double-chart .chart {width:calc((100% - 20px) / 2);height:216px;margin-right:20px;padding:25px 45px;}
.double-chart .chart:last-child {margin-right:0;padding-top:45px;}
.double-chart .chart li,
.double-chart .chart li:nth-child(even) {width:100%;}
.chart-divide {display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;}
.circle-pic {background-repeat:no-repeat;background-position:center center;background-size:110px;width:110px;height:110px;position:absolute;}
.c1 {background-image:url(../images/v-1.png);top:-60px;left:50%;margin-left:-55px;}
.c2 {background-image:url(../images/v-2.png);top:-60px;left:0;margin-left:-55px;}
.c3 {background-image:url(../images/v-3.png);top:-60px;right:0;margin-right:-55px;}
.c4 {width:160px;height:160px;background-image:url(../images/v-4.png);background-size:160px;top:-75px;left:50%;margin-left:-80px;}

.fq-footer {background-color:#373a42;padding:30px 0 20px 0;}
.footer-info {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:0 35px;box-sizing:border-box;}
.footer-info .footer-info-left {}
.footer-info .footer-info-right {}
.footer-info h5 {font-size:18px;color:#fff;margin-bottom:20px;}
.footer-info .info-items {font-size:14px;color:#fff;background-repeat:no-repeat;background-position:left center;background-size:20px;padding:10px 0 10px 45px;}
.footer-info .ico-telephone {background-image:url(../images/ico-phone.png);}
.footer-info .ico-email {background-image:url(../images/ico-email.png);}
.qrcode {text-align:center;}
.qrcode .code-img {display:inline-block;width:85px;height:85px;margin-bottom:20px;}
.qrcode p {font-size:14px;color:#fff;}

.phone {position:fixed;bottom:100px;right:50px;}
.phone .back-top {width:50px;height:50px;background:url(../images/back-top.png) no-repeat center center;background-size:50px;cursor:pointer;}

.copyright {border-top: 1px solid #005bac; display: block; text-align:center; margin-top: 25px;}
.copyright p{display: inline-block; font-size: 14px; color: #fff; transition: all .2s ; margin-top: 15px;}
.copyright a{display: inline-block; font-size: 14px; color: #fff; transition: all .2s ;}