/* 关于我们 */
.about-module { padding:3.5rem 0 4rem; }
.about-module-bg { background-color:#fff; }
.about-module h2 { margin-bottom:1rem; font-size:2rem; font-weight:bold; color:#102039; line-height:150%; text-align:center; }
.about-module h3{margin: 0 auto;color:#102039;text-align:center;max-width:90%}
.about-module .more { margin-top:2rem; text-align:center; }
.about-module .more a { display:block; width:11rem; height:2.25rem; margin:0 auto; font-size:0.8rem; text-align:center; line-height:2.25rem; border-radius:2.25rem; border:1px solid #8d9fa9; }
.about-module .more a:hover { color:#fff; border:1px solid #418cff; background-color:#418cff; }

/* 数据 */
.about-date { padding:1rem 0; }
.about-date ul li { float:left; width:25%; text-align:center; }
.about-date ul li i { display:block; width:3.5rem; height:3.5rem; margin:0 auto; background-repeat:no-repeat; background-position:center; background-size:cover; }
.about-date ul li:nth-child(1) i { background-image:url("../image/01_1x.png"); }
.about-date ul li:nth-child(2) i { background-image:url("../image/02_1x.png"); }
.about-date ul li:nth-child(3) i { background-image:url("../image/03_1x.png"); }
.about-date ul li:nth-child(4) i { background-image:url("../image/04_1x.png"); }
.about-date ul li strong { display:block; margin-top:1.5rem; font-size:2.9rem; font-weight:normal; color:#102039; line-height:150%;font-family: 'HanHei SC'; }
.about-date ul li p { margin-top:0.4rem; font-size:0.8rem; color:#8d9fa9; line-height:150%; }
.about-date ul li p span { display:block; }

/* 简介 */
.about-intro { padding:0 0%; }
.about-intro .item { float:left; width:46%; margin:0 2%; font-size:0.75rem; line-height:180%; }
.about-intro .item p { margin:1.5rem 0;color: #525A66; }

/* 创始人轮播 */
.founder-carousel { position:relative; width:100%; margin-top:2.25rem; padding:0 2.5rem; }
.founder-carousel .carousel-viewport { overflow:hidden; }
.founder-carousel .carousel-track { display:flex; transition:transform 0.6s ease; }
.founder-carousel .carousel-slide { flex:0 0 25%; padding:0 0.8rem; box-sizing:border-box; }
.founder-carousel .founder-card { position:relative; width:100%; background:#fff; overflow:hidden; box-shadow:0 2px 12px rgba(0,0,0,0.06); transition:box-shadow 0.3s ease; display:block; text-decoration:none; color:inherit; cursor:pointer; }
.founder-carousel .founder-card:hover { box-shadow:0 6px 24px rgba(0,0,0,0.12); }
.founder-carousel .founder-avatar { width:100%; padding-bottom:100%; position:relative; overflow:hidden; background:#f5f5f5; }
.founder-carousel .founder-avatar img { position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; object-position:center; transition:transform 0.4s ease; }
.founder-carousel .founder-card:hover .founder-avatar img { transform:scale(1.06); }
.founder-carousel .founder-info { padding:1rem 0.75rem; text-align:center; }
.founder-carousel .founder-info h3 { font-size:0.95rem; color:#102039; margin:0 0 0.3rem; font-weight:500; text-align:center; }
.founder-carousel .founder-info h4 { font-size:0.78rem; color:#5EA3FF; margin:0; font-weight:normal; line-height:1.4; text-align:center; }
.founder-carousel .carousel-btn { position:absolute; top:50%; transform:translateY(-50%); width:2.5rem; height:2.5rem; line-height:2.5rem; text-align:center; background:rgba(16,32,57,0.75); color:#fff; border-radius:50%; cursor:pointer; z-index:10; font-size:1.2rem; user-select:none; transition:background 0.3s ease; }
.founder-carousel .carousel-btn:hover { background:rgba(16,32,57,0.9); }
.founder-carousel .carousel-prev { left:-1rem; }
.founder-carousel .carousel-next { right:-1rem; }
.founder-carousel .carousel-dots { display:flex; justify-content:center; gap:0.5rem; margin-top:1.5rem; }
.founder-carousel .carousel-dots .dot { width:0.5rem; height:0.5rem; border-radius:50%; background:#ccc; cursor:pointer; transition:background 0.3s ease; }
.founder-carousel .carousel-dots .dot.active { background:#2763A2; }

/* 价值观 */
.about-idea { margin-top:2rem; }
.about-idea ul li { float:left; width:27%; margin:0 3%; margin-top:2rem;text-align:center; }
.about-idea ul li i { display:block; width:4rem; height:4rem;  margin:0 auto; background-repeat:no-repeat; background-position:center; background-size:cover; }
.about-idea ul li:nth-child(1) i { background-image:url("../image/11_1x.png"); }
.about-idea ul li:nth-child(2) i { background-image:url("../image/12_1x.png"); }
.about-idea ul li:nth-child(3) i { background-image:url("../image/13_1x.png"); }
.about-idea ul li:nth-child(4) i { background-image:url("../image/14_1x.png"); }
.about-idea ul li:nth-child(5) i { background-image:url("../image/15_1x.png"); }
.about-idea ul li:nth-child(6) i { background-image:url("../image/16_1x.png"); }
.about-idea ul li h3 { margin-top:1rem; font-size:1rem; font-weight:bold; color:#525a66; line-height:150%; }
.about-idea ul li p { margin-top:0.5rem; font-size:0.75rem; line-height:185%;color: #8D9FA9; }
.about-box{height:28.2rem;background:white;text-align:center}
.about-box h1{color:#102039;font-size:2rem;margin-bottom:0.8rem;padding-top:4rem;font-weight:bold}
.about-box p{color:#6d7980;font-size:0.75rem;width:22.5rem;margin:0 auto}
.about-box span{display:inline-block;background:rgba(82, 90, 102, 0.90);padding:0px 10px;color:white;font-size:0.65rem;margin-top:0.4rem}
.about-vision{background:url(../image/about-vision.jpg) no-repeat center;background-size:cover}
.about-mission{background:url(/statics/yikai/images/about/about-mission.jpg) no-repeat center;background-size:cover}
.about-mission h1{color:white}
.about-mission p{color:white}
.about-believe{background:white;height:auto;padding-bottom:2rem;}
.about-believe .items{width:56.36rem;margin:0 auto;margin-top:4.7rem;height:auto;}
.about-believe .items .item{float:left;width:27rem;position:relative;overflow:visible;cursor:default}
.about-believe .items .item:first-child{margin-right:2.35rem}
.about-believe .items .item img{display:none;}
.about-believe .items .item section{display:none;}
.about-believe .items .item:hover img{transform:none;opacity:1;}
/* 创始人 */
.founder { padding:4rem 0; }
.founder .founder-list { float:none; width:100%; }
.founder .founder-list ul#masonry { display:flex; flex-wrap:wrap; justify-content:center; }
.founder .founder-list ul li { position:relative; float:none; width:13.845rem; height:13.845rem;
     margin-right:1.585rem; margin-bottom:1.585rem; background-color:#fff; overflow:hidden; cursor:pointer}

.founder .founder-list ul li:nth-child(4n) { margin-right:0; }
.founder .founder-list .founder-avatar { width:100%; height:100%; overflow:hidden; }
.founder .founder-list .founder-avatar img { width:100%; height:100%; object-fit:cover; object-position:center; -webkit-transition-duration: .75s;-webkit-transition-property: transform,opacity;-webkit-transition-delay: 0s;-webkit-transition-timing-function: 'ease-in-out';transition-duration: .75s;transition-property: transform,opacity;transition-delay: 0s;transition-timing-function: 'ease-in-out';}
.founder-list .founder-avatar img:hover{transform: scale(1.05);-webkit-transform: scale(1.05);}
.founder-list .founder-intro { display:none; position:relative}
.founder-list .founder-intro h3{    font-size: 1.02rem;line-height:1.1}
.founder-list .founder-intro h4{font-size:0.83rem;color:#5EA3FF;padding:0.93rem 0;border-bottom:1.5px solid #e3e3e3;margin-bottom:0.83rem}
.founder-list .founder-intro .info pre{padding-left:0.93rem;padding-right:0.5rem;font-size:0.7rem;color:#525A66;line-height:1.5;margin-bottom:0.2rem;white-space:pre-wrap;font-family:inherit;opacity:0;transform:translate(75px,0);-webkit-transform:translate(75px,0);-webkit-transition:opacity .6s ease,transform .6s ease;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.founder-list ul li.active .founder-intro .info pre{opacity:1;transform:translate(0,0)!important;-webkit-transform:translate(0,0)!important}

.founder-list .founder-intro .info pre:before{content:'';display:none}
.founder-list .founder-intro .info .loaded{opacity:1!important;transform:translate(0,0)!important;-webkit-transform:translate(0,0)!important}
.founder-list .founder-intro .btn-cancel{position: absolute;z-index: 1001;top: 0;right: 0;width: 1.3rem;height: 1.3rem;text-indent: -9999rem;background: url(../image/btn_cancel_blue_1x.png) no-repeat center / 1.3rem;overflow: hidden;display:none;cursor:pointer}
.founder-list .founder-detail { display:none; margin-top:1.5rem;padding-top:1rem;border-top: 1.5px solid #e3e3e3;}
.founder-list .founder-detail pre{color:#525A66;margin-bottom:1rem;white-space:pre-wrap;font-family:inherit;opacity:0;transform:translate(0,75px);-webkit-transform:translate(0,75px);-webkit-transition:opacity .6s ease,transform .6s ease;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.founder-list ul li.active .founder-detail pre{opacity:1;transform:translate(0,0)!important;-webkit-transform:translate(0,0)!important}

.founder-list .founder-detail pre:last-child{margin-bottom:0}

.founder-list ul li.active{width:100%;max-width:60rem;padding:1.5rem;z-index:999;height:auto;display:flex;flex-wrap:wrap;box-sizing:border-box;overflow:visible}
.founder-list ul li.active .founder-avatar{width:50%;height:auto;float:none;overflow:visible}
.founder-list ul li.active .founder-avatar img{width:100%;height:auto;display:block;object-fit:contain}
.founder-list ul li.active .founder-intro{display:block;width:46%;float:none;margin-left:4%;padding-top:3rem}
.founder-list ul li.active .founder-intro .btn-cancel{display:block}
.founder-list ul li.active .founder-detail{display:block;float:none;width:100%}


/* 价值观 */
.idea .about-intro { color:#8d9fa9; }
.idea .about-intro strong { color:#66767f; }


/* 联系 */
.contact-us {}
.contact-us ul { margin:0 10%; }
.contact-us ul li { padding:3.5rem 0; border-bottom:1px solid #dfdfdf; }
.contact-us ul li:last-child { border-bottom:none; }
.contact-pic { float:right; width:64%; margin-top:0.5rem; overflow:hidden}
.contact-pic img { width:100%;-webkit-transition-duration: .75s;-webkit-transition-property: transform,opacity;-webkit-transition-delay: 0s;-webkit-transition-timing-function: 'ease-in-out';transition-duration: .75s;transition-property: transform,opacity;transition-delay: 0s;transition-timing-function: 'ease-in-out'; }
.contact-pic img:hover{transform: scale(1.05);-webkit-transform: scale(1.05)}
.contact-text { float:left; width:22%; }
.contact-text h3 { margin-bottom:1.5rem; font-size:1.2rem; line-height:150%; white-space:nowrap}
.contact-text p { margin:1rem 0; font-size:0.8rem; line-height:180%; color:#525A66}


@media screen and (max-width: 817px) {

/* 关于 */
.about-module { padding:3rem 0; }
.about-module h2 { font-size:1.4rem; }
.about-module h3{font-size:0.9rem}
.about-date ul li { width:50%; height:14rem; }
.about-date ul li:nth-child(3),
.about-date ul li:nth-child(4) { height:11rem; }
.about-date ul li strong { font-size:2rem; }
.about-date ul li p { font-size:0.7rem; }

.about-intro { padding:0; }
.about-intro .item { float:none; width:100%; margin:0; }
.about-intro .item p { margin:1rem 0; }

.about-founder { }
.founder-carousel { padding:0 1.5rem; }
.founder-carousel .carousel-slide { flex:0 0 50%; padding:0 0.4rem; }
.founder-carousel .founder-info h3 { font-size:0.85rem; }
.founder-carousel .founder-info h4 { font-size:0.7rem; }
.founder-carousel .carousel-btn { width:2rem; height:2rem; line-height:2rem; font-size:1rem; top:50%; }
.founder-carousel .carousel-prev { left:-0.8rem; }
.founder-carousel .carousel-next { right:-0.8rem; }

.about-idea ul li { width:47.5%; min-height:11rem; margin:0 5% 5% 0; }
.about-idea ul li:nth-child(2n) { margin-right:0; }
.about-idea ul li i { width:4rem; height:4rem; }
.about-idea ul li h3 { margin-top:1rem; }
.about-idea ul li p { margin-top:0.5rem; }
.about-box h1{padding-top: 2rem;font-size:1.5rem}
.about-box p{width:90%;line-height:1.5}
.about-believe{height:auto}
.about-believe h1{margin-bottom:2rem}
.about-believe .items{margin-top:0;width:100%;height:auto;}
.about-believe .items .item{width:100%;margin-bottom:1.3rem;margin-right:0;}
.about-believe .items .item:first-child{margin-right:0;}
.about-believe .items .item section h2{line-height:1.5rem;font-size:1.1rem}
.about-believe .items .item img{display:none;}
.about-believe .items .item section{display:none;}

/* 联系我们 */
.contact-us .wrapper { margin:0; }
.contact-us ul { margin:0; }
.contact-us ul li { padding:0; border-bottom:none; }
.contact-us ul li:last-child { border-bottom:none; }
.contact-pic { float:none; width:100%; margin-top:0; overflow:hidden; }
.contact-pic img { width:160%; margin-left:-30%; }
.contact-text { float:none; width:auto; margin:0 5.2%; padding:2rem 0 1.5rem; }
.contact-text h3 { margin-bottom:1.5rem; font-size:1.2rem; line-height:150%;}
.contact-text p { margin:1rem 0; font-size:0.8rem; line-height:180%; }


/* 创始人 */

/* founder */
.founder { padding:1rem 0 2rem; }
.founder .founder-list { float:none; width:100%; margin-top:1rem; }
.founder .founder-list ul#masonry { display:flex; flex-wrap:wrap; justify-content:center; }
.founder .founder-list ul li { position:relative!important;top:auto!important; float:none; width:9.75rem; /*height:13.455rem;*/ height:auto; margin-right:0.5rem; margin-bottom:0.5rem; background-color:#fff; overflow:hidden; }
.founder .founder-list ul li:nth-child(3n) { margin-right:0.5rem; }
.founder .founder-list ul li:nth-child(2n) { margin-right:0; }

/* 弹出层 */
.mask { display:none; position:fixed; z-index:999; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.5); }
.founderWindow { display:none; box-sizing:border-box; position:fixed; z-index:1000; top:42%; left:50%; width:89.6%; min-height:28rem; margin-top:-12.5rem; margin-left:-44.8%; padding:0.7rem; background-color:rgba(255,255,255,1); }
.founderWindow .founderContent{overflow:hidden}
.founderWindow .founder-detail { float: left;overflow: auto;max-height: 14rem;font-size: 0.7rem;border-top:1px solid #DFDFDF;margin-top:1rem;padding-top:1rem}
.founderWindow .founder-detail p { margin-bottom:0.6rem}
.founderWindow .founder-detail p:last-child{margin-bottom:0}
.founderWindow .btn-cancel { position:absolute; z-index:1001; top:0; right:0; width:2.6rem; height:2.6rem; text-indent:-9999rem; background:url("../image/btn_cancel_blue_1x.png") no-repeat center / 1.2rem; overflow:hidden; }
.founderContent .founder-avatar { float:left; width:8rem; height:11.04rem; }
.founderContent .founder-avatar img { width:100%; }
.founderContent .founder-intro { margin-left:8.5rem; padding-top:1.5rem; }
.founderContent .founder-intro h3 { font-size:0.95rem; font-weight:normal; }
.founderContent .founder-intro .desc { margin-top:0.7rem; font-size:0.7rem; font-weight:normal; color:#418cff; }
.founderContent .founder-intro .info { margin-top:0.7rem; padding-top:0.7rem; font-size:0.73rem; line-height:180%; border-top:1px solid #ddd; }
.founderContent .founder-intro .info p{padding-left:0.7rem}
.founderContent .founder-intro .info p:before{content:"·";float: left;font-size:2rem;color:#858D9C;padding-right:0.2rem;margin-left:-0.8rem}

}