.container{width:100%;margin:0 auto}.container .banner{width:100%;height:530px}.container .banner .swiper-container{width:100%;height:100%}.container .banner .swiper-container .swiper-slide{position:relative}.container .banner .swiper-container .swiper-slide img{height:100%;width:100%}.container .content{background-color:#f5f5f5}.container .content .titCon{border-bottom:1px solid #eee;position:relative}.container .content .titCon .title{width:1200px;margin:0 auto;padding:20px 0 32px 0;display:flex;justify-content:space-around}.container .content .titCon .title li{cursor:pointer;height:89px;width:197px;border-right:1px solid #eee}.container .content .titCon .title li a{display:inline-block;height:100%;width:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;color:#333}.container .content .titCon .title li div{height:56px;width:52px;background-size:100% 100%}.container .content .titCon .title li:nth-of-type(1) div{background-image:url(../../images/process/culture7.png)}.container .content .titCon .title li:nth-of-type(1) span{color:#039be5}.container .content .titCon .title li:nth-of-type(2) div{background-image:url(../../images/process/culture2.png)}.container .content .titCon .title li:nth-of-type(3) div{background-image:url(../../images/process/culture3.png)}.container .content .titCon .title li:nth-of-type(4) div{background-image:url(../../images/process/culture4.png)}.container .content .titCon .title li:nth-of-type(5) div{background-image:url(../../images/process/culture5.png)}.container .content .titCon .title li:nth-of-type(6) div{background-image:url(../../images/process/culture6.png)}.container .content .titCon .title li:last-of-type{border:none}.container .content .know{padding-top:45px}.container .content .know .company{text-align:center}.container .content .know .company img{display:inline-block}.container .content .know .num{margin-top:20px;margin-bottom:45PX}.container .content .know .num ul{width:1200px;display:flex;justify-content:space-around;margin:0 auto}.container .content .know .num ul li{display:flex;flex-direction:column;align-items:center;border-right:1px solid #ededed;width:100%}.container .content .know .num ul li div{height:105px;display:flex;align-items:center}.container .content .know .num ul li div>img{max-width:100%;width:100%}.container .content .know .num ul li span{font-size:16px}.container .content .know .video{width:100%;display:flex;justify-content:space-between}.container .content .know .video div{width:100%;height:600px}.container .content .know .video div:first-of-type{background-image:url(../../images/about/bg1.png);background-size:100% 100%;position:relative}.container .content .know .video div:first-of-type video{position:absolute;right:96px;top:50%;transform:translate(0,-50%)}.container .content .know .video div:last-of-type{padding-left:69px;padding-top:62px;background-color:#4481ff}.container .content .know .video div:last-of-type p{display:block;width:430px;color:#fff;line-height:30px;font-size:14px}.container .content .know .video div:last-of-type p span{font-weight:700;display:inline-block;padding-left:20px}.container .content .know .shop{height:977px;width:100%;background-color:#f7f8fb}.container .content .know .shop .shopInfo{height:199%;width:1200px;margin:0 auto}.container .content .know .shop .shopInfo .shopTit{height:232px;width:100%;text-align:center;padding-top:76px}.container .content .know .shop .shopInfo .shopTit h3{font-size:27px;text-align:center}.container .content .know .shop .shopInfo .shopTit p{text-align:center;display:flex;align-items:center;justify-content:center;margin-top:38px}.container .content .know .shop .shopInfo .shopTit p img{margin-right:9px}.container .content .know .shop .shopInfo .shopTit p img:nth-of-type(1){height:26px;width:26px}.container .content .know .shop .shopInfo .shopTit p img:nth-of-type(2){height:25px;width:29px}.container .content .know .shop .shopInfo .shopTit p img:nth-of-type(3){height:20px;width:18px}.container .content .know .shop .shopInfo .shopTit p span{margin-right:45px;color:#666}.container .content .know .shop .shopInfo .system{width:1200px;margin:0 auto}.container .content .know .shop .shopInfo .system ul{width:100%;display:flex;justify-content:space-around}.container .content .know .shop .shopInfo .system ul li{width:384px;height:295px;display:inline-block;margin-top:31px;background-size:100% 100%;text-align:center;position:relative;background-color:#fff;box-shadow:1px 1px 5px 0 rgba(225,225,225,.8)}.container .content .know .shop .shopInfo .system ul li>img{widows:100%;height:189px}.container .content .know .shop .shopInfo .system ul li>h3{margin-top:20px}.container .content .know .shop .shopInfo .system ul li .sysInfo{opacity:0;overflow:hidden;position:absolute;display:none;bottom:0;left:0;height:100%;width:100%;text-align:center;flex-direction:column;align-items:center;padding:27px 42px;margin:0;background-color:#fff}.container .content .know .shop .shopInfo .system ul li .sysInfo img{width:72px;height:68px}.container .content .know .shop .shopInfo .system ul li .sysInfo h2{text-align:center;font-size:20px;font-weight:700;margin-top:26px;margin-bottom:22px}.container .content .know .shop .shopInfo .system ul li .sysInfo span{width:310px;display:inline-block;margin:0 auto;line-height:20px;text-align:left;font-size:14px}.container .content .know .shop .shopInfo .system ul li .sysInfo a{display:inline-block;width:120px;height:40px;line-height:40px;border-radius:2px;border:solid 1px #5097ff;margin-top:20px;color:#5097ff;cursor:pointer}.container .content .know .shop .shopInfo .system ul li h3{font-size:20px}.container .content .know .shop .shopInfo .system ul li div{width:39px;height:3px;background-color:#ff8f2b;margin:0 auto;margin-top:8px;margin-bottom:13px}.container .content .know .shop .shopInfo .system ul li span{color:#666}.container .content .know .advantage{background-color:#161a1d;padding-top:60px;padding-bottom:104px}.container .content .know .advantage>img{height:125px;display:block;margin:0 auto}.container .content .know .advantage h3{color:#fff;font-size:18px;text-align:center;margin-top:39px;margin-bottom:51px}.container .content .know .advantage ul{width:1200px;display:flex;justify-content:space-around;margin:0 auto}.container .content .know .advantage ul li{width:216px;height:353px;background-color:#232729;display:flex;flex-direction:column;padding-top:45px;align-items:center;justify-content:space-around;padding-bottom:59px;position:relative}.container .content .know .advantage ul li h4{color:#fff;font-size:22px;font-weight:700}.container .content .know .advantage ul li div{height:86px}.container .content .know .advantage ul li span{display:inline-block;width:156px;font-size:14px;color:#fff;line-height:24px;text-align:center}.container .content .know .envir{padding-top:73px;padding-bottom:141px}.container .content .know .envir>img{display:block;margin:0 auto}.container .content .know .envir .imgBox{width:1200px;margin:0 auto;margin-top:50px}.container .content .know .envir .imgBox div{float:left;margin-right:30px}.container .content .know .envir .imgBox div img{width:321px}.container .content .know .envir .imgBox img{margin-bottom:30px;margin-right:10px;width:410px}.container .content .know .envir .imgBox img:nth-of-type(2n){margin-right:0}