body{margin:0;padding:0;font-family:Microsoft Yahei;background:#fff;overflow-x:hidden;--haojin:#fabe96;--haojin2:#f6e7bc;--anjin:#bb9769;--anhui:#282940;--anhui2:#3f4054;--red:#c82519;--orange:#f37b1d;--yellow:#fbbd08;--olive:#8dc63f;--green:#39b54a;--cyan:#1cbbb4;--blue:#ffd41e;--purple:#6739b6;--mauve:#9c26b0;--pink:#ff3f57;--brown:#a5673f;--grey:#8799a3;--black:#333333;--darkGray:#666666;--gray:#aaaaaa;--ghostWhite:#f1f1f1;--white:#ffffff;--redLight:#fadbd9;--orangeLight:#fde6d2;--yellowLight:#fef2ce;--oliveLight:#e8f4d9;--greenLight:#d7f0db;--cyanLight:#d2f1f0;--blueLight:#cce6ff;--purpleLight:#e1d7f0;--mauveLight:#ebd4ef;--pinkLight:#f9d7ea;--brownLight:#ede1d9;--greyLight:#e7ebed;--gradualRed:linear-gradient(45deg, #f43f3b, #ec008c);--gradualOrange:linear-gradient(45deg, #ff9700, #ed1c24);--gradualGreen:linear-gradient(45deg, #39b54a, #8dc63f);--gradualPurple:linear-gradient(45deg, #9000ff, #5e00ff);--gradualPink:linear-gradient(45deg, #ec008c, #6739b6);--gradualBlue:linear-gradient(45deg, #0081ff, #1cbbb4);--ShadowSize:6rpx 6rpx 8rpx;--redShadow:rgba(204, 69, 59, 0.2);--orangeShadow:rgba(217, 109, 26, 0.2);--yellowShadow:rgba(224, 170, 7, 0.2);--oliveShadow:rgba(124, 173, 55, 0.2);--greenShadow:rgba(48, 156, 63, 0.2);--cyanShadow:rgba(28, 187, 180, 0.2);--blueShadow:rgba(0, 102, 204, 0.2);--purpleShadow:rgba(88, 48, 156, 0.2);--mauveShadow:rgba(133, 33, 150, 0.2);--pinkShadow:rgba(199, 50, 134, 0.2);--brownShadow:rgba(140, 88, 53, 0.2);--greyShadow:rgba(114, 130, 138, 0.2);--grayShadow:rgba(114, 130, 138, 0.2);--blackShadow:rgba(26, 26, 26, 0.2)}
.hide{display:none}
.hidden{display:none!important}
    #top {
      position: fixed !important;
    }
a,dd,dl,dt,em,form,h1,h2,h3,li,ol,p,span,table,ul{padding:0;margin:0}
li,ul{list-style:none}
a{text-decoration:none}
a:hover{text-decoration:underline;color:#f63}
.center{text-align:center}
img{border:none}
.clearB{clear:both;font-size:0px;line-height:0;height:0}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:inline-block}
.clearfix{display:block}
@font-face{font-family:iconfont;src:url('../font/iconfont.ttf') format('truetype')}
.iconfont{font-family:iconfont!important;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale}
#top{padding:10px 0;transition:padding .4s;position:sticky;top:0;width:100%;z-index:99999;background-color:#fff;box-shadow:0 0 15px rgba(0,0,0,.125)}
#top .logo{position:absolute;left:100px;top:-30px;width:200px;height:200px;border-radius:100%;background:#fff url("../image/logo.png") no-repeat center;background-size:120px 108px}
#top .logo2{position:absolute;left:100px;top:15px;width:200px;height:60px;background:#fff url("../image/logo2.png") no-repeat center;background-size:contain}
#top .top-tel{color:#000;background-color:var(--yellow);font-size:16px;position:absolute;right:15px;top:15px;display:inline-block;line-height:25px;border-radius:5px;padding:5px 15px;font-weight:700;margin-left:50px}
#top .top-tel b{display:block;font-size:18px}
#top .top-tel:hover{text-decoration:none}
#top .logo img{width:100%}
.top-menu-btn{display:none;width:30px;height:30px;position:fixed;z-index:100;right:8px;top:5px;color:#2d7aed;font-size:30px;cursor:pointer}
.top-menu-btn:hover{text-decoration:none;color:#fb9229}
.top-menu-btn:before{font-family:iconfont;content:"\e66d"}
@-webkit-keyframes breathe{0%{opacity:1;color:#fff;text-shadow:#fff 0 0 5px,#fff 0 0 10px,#29a7e1 0 0 15px,#29a7e1 0 0 40px,#29a7e1 0 0 70px}
100%{opacity:1;color:#fff;text-shadow:#fff 0 0 0,#fff 0 0 0,#e1c529 0 0 15px,#e1c529 0 0 0,#e1c529 0 0 0}
}
#top .menu{text-align:center;margin-left: 200px; margin-right: 0;}
#top .menu ul{height:70px;line-height:70px;text-align:center;margin:0 auto;display:flex;max-width:1200px}
#top .menu ul li{flex:1;font-size:18px;color:#333;position:relative}
#top .menu ul li a{color:#333;font-weight:500}
#top .menu ul li.curr a{color:#ffd41e;font-weight:600}
#top .menu ul li::after{position:absolute;top:-10px;height:8px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;background-color:#fff;transition:all .3s;content:"";left:50%;right:50%}
#top .menu ul li.curr::after{left:0;right:0;background-color:var(--yellow)}
#top .menu ul li:hover::after{left:0;right:0;background-color:var(--yellow)}
#top .menu ul li a:hover{color:#ffd41e;text-decoration:none}
#loading{background-color:#ffd41e;height:100%;width:100%;position:fixed;z-index:999999;margin-top:0;top:0}
#loading-center{width:100%;height:100%;position:relative}
.loading-center-absolute{position:absolute;left:50%;top:50%;height:150px;width:150px;margin-top:-75px;margin-left:-75px;background:url(../image/loading.png) no-repeat center}
.short-btn{height:auto;position:fixed;top:50%;margin-top:-115px;background:rgba(0,0,0,.6);border-radius:5px;overflow:hidden;z-index:11111;right:0}
.short-btn ul li{text-align:center;height:45px;width:45px;color:#fff;line-height:45px;font-size:26px;transition:all .3s;cursor:pointer;position:relative}
.short-btn ul li:hover{background:#333}
.short-btn ul li a{display:block;height:45px;width:45px;position:absolute;top:0;left:0}
.short-btn ul li.go-top:before{font-family:iconfont;content:"\e6f6"}
.short-btn ul li.go-pre:before{font-family:iconfont;content:"\e7c6"}
.short-btn ul li.go-next:before{font-family:iconfont;content:"\e772"}
.short-btn ul li.go-qq:before{font-family:iconfont;content:"\e624"}
.short-btn ul li.go-tel:before{font-family:iconfont;content:"\e61c"}
.short-btn ul li.go-wx:before{font-family:iconfont;content:"\e708"}
.m-top{display:none;height:50px;background-color:#fff;box-shadow:0 0 5px rgba(0,0,0,.125)}
.m-top .m-menu{position:fixed;right:-120px;top:50px;width:120px;background:#393939;transition:all .3s;z-index:999999999999;margin-left:0;margin-right:0}
.m-top .m-menu.show{right:0}
.m-top .m-menu ul{padding:0 10px;height:auto;text-align:center;display:block}
.m-top .m-menu ul li{line-height:40px;border-bottom:#869791 solid 1px;display:block;margin:0;padding:0 15px;font-size:14px;border-radius:0}
.m-top .m-menu ul li:last-child{border:none}
.m-top .m-menu ul li:hover{border-radius:0;background:#666}
.m-top .m-menu ul li.curr{background:#666;border-radius:0}
.m-top .m-menu ul li a{color:#fff}
.m-top .m-menu ul li a:hover{color:#fff}
.m-logo{height:40px;width:150px;background:url(../image/logo2.png) no-repeat center;background-size:contain;margin-top:5px}
.section{text-align:center;font:"Microsoft Yahei";color:#fff;background:#fff;position:relative}
.swiper-container{width:100%;height:100%;text-align:center}
.swiper-slide{position:relative;cursor:move}
.swiper-slide.s1{background:url(../image/s1-bg.jpg) no-repeat fixed  #fef6c8;}
.swiper-slide.s0{background:url(../image/s2-bg.jpg) no-repeat center;background-size:cover}
.swiper-slide.s0 .w1{position:absolute;width:350px;height:287px;background:url(../image/s0-1.png) no-repeat center;top:calc(50% - 150px);left:calc(50% - 150px)}
.swiper-slide.s0 .rr{position:absolute;width:600px;height:687px;background:url(../image/p3-r1.png) no-repeat center;bottom:-25%;right:-5%;background-size:contain}
.swiper-slide.s3{background:url(../image/s3-bg.jpg) no-repeat center;background-size:cover}
.swiper-slide>.cont{width:100%;position:absolute;height:calc(100vh - 90px);left:0;z-index:10;bottom:0;overflow:hidden}
.s1 .cont .big{width:810px;height:333px;position:absolute;background:url(../image/s1-1.png) no-repeat center;z-index:3;top:50%;left:50%;margin-left: -800px;margin-top: -300px;}
.s1 .cont .bjl{z-index:1;width:1200px;height:749px;position:absolute;background:url(../image/s1-3.png) no-repeat center;background-size:100% auto;top:50%;left:50%;margin-left: -100px;margin-top: -300px;}
.s1 .cont .line{z-index:2;width:105%;height:171px;position:absolute;background:url(../image/line-t.png) no-repeat center;background-size:100% auto;animation:langDo2 linear 2s infinite}
.s1 .cont .bg{position:absolute;background:url(../image/v1-bg.png) no-repeat center;background-color:rgba(255,255,255,.1);height:420px;width:770px;top:14px;left:14px;border:#ddd dashed 1px;z-index:1;background-size:300px 300px}
.s2 .cont .w1{position:absolute;width:486px;height:69px;background:url(http://en.bccy.cn/content/images/v2-w1.png) no-repeat center;top:90px;left:145px}
.s2 .cont .w2{position:absolute;width:137px;height:130px;background:url(http://en.bccy.cn/content/images/v2-w2.png) no-repeat center;top:65px;left:445px}
.s2 .cont .w3{position:absolute;width:442px;height:41px;background:url(http://en.bccy.cn/content/images/v2-w3.png) no-repeat center;z-index:2;left:165px;top:230px}
.s2 .cont .r{position:absolute;width:450px;height:450px;border:dashed #f7f7f7 1px;border-radius:400px;background:rgba(0,0,0,.3);z-index:-1;left:175px;top:0}
.s2 .cont .w3bg{position:absolute;width:674px;height:103px;background:url(http://en.bccy.cn/content/images/v2wbg.png) no-repeat center;z-index:1;left:60px;top:200px}
.s2 .cont .w4{position:absolute;width:100%;font-size:25px;color:#fff;line-height:30px;height:30px;text-align:center;top:320px}
.s3 .cont .k{position:absolute;width:50px;height:270px;background:#fc3;top:80px;left:0}
.s3 .cont .w1{position:absolute;width:492px;height:124px;background:url(http://en.bccy.cn/content/images/v3w1.png) no-repeat center;top:80px;left:70px}
.s3 .cont .w2{position:absolute;width:547px;height:83px;background:url(http://en.bccy.cn/content/images/v3w2.png) no-repeat center;top:215px;left:70px}
.s3 .cont .w3{position:absolute;width:317px;height:23px;background:url(http://en.bccy.cn/content/images/v3w3.png) no-repeat center;z-index:2;left:70px;top:320px}
.swiper-pagination{margin-bottom:30px}
.swiper-pagination-bullet{background-color:#fff;width:40px;height:5px;border-radius:5px}
.p-bg{background-size:cover;transition:all .5s;-webkit-transition:all .5s}
.index-title{text-align:center;width:100%;display:flex;flex-direction:column;justify-content:center;justify-items:center;margin-bottom:50px;transition:all;opacity:0}
.index-title b{color:#000;font-size:50px;line-height:60px;font-weight:600}
.index-title span{color:#333;line-height:40px;font-size:22px;font-weight:600}
.index-product{z-index:100;margin:0 auto;transition:all;padding:0 120px}
.index-product ul{width:100%;height:100%;box-sizing:border-box}
.index-product ul li{height:100%;overflow:hidden;transition:all .3s;-webkit-transition:all .3s;cursor:pointer;position:relative;opacity:0;-webkit-opacity:0;-moz-opacity:0}
.index-product ul li:hover{color:#ffd41e}
.index-product ul li img{width:100%;display:block}
.index-product ul li h3{height:35px;line-height:35px;font-size:22px;color:#333}
.index-product ul li a{color:#333}
.index-product ul li h3 a:hover{text-decoration:none;color:#ffd41e!important}
.index-product ul li span{font-size:12px;line-height:20px;height:50px;color:#333;overflow:hidden;display:block;margin:0 auto;text-align:center}
.index-product ul li a.more{display:block;width:45px;background-color:#000;border:#000 solid 1px;border-radius:45px;height:45px;line-height:45px;color:#fff;margin:20px auto;font-size:24px;opacity:0;transition:all .3s;text-decoration:none}
.index-product ul li a.more::before{font-family:iconfont;content:"\e707"}
.index-product ul li:hover .more{opacity:1}
.index-map-bg{background:#fffdee!important;position:relative}
.index-map-bg .index-map{position:absolute;z-index:4;width:1500px;height:740px;background:url(../image/map.jpg) no-repeat left;background-size:contain;top:30px;left:calc(50% - 750px);opacity:0}
.index-map-bg .map-title{color:#000;width:100%;position:absolute;bottom:40px;opacity: 0;font-size: 18px;}
.index-about-bg{background-image:linear-gradient(45deg,#2d7aed,#034abe)}
.index-about{height:80vh;max-width:1500px;margin:0 auto;position:relative;z-index:10}
.index-about .t{opacity:0;font-size:50px;line-height:60px;font-weight:700;color:#000;text-align:left}
.index-about .cont{width:45vw;font-size:18px;line-height:32px;position:absolute;margin-top:10vh;text-align:left;opacity:0;color:#000}
.index-about-bg .r{position:absolute;z-index:4;width:600px;height:600px;background:url(../image/p3-r1.png) no-repeat left;background-size:contain;bottom:20vh;left:55vw;opacity:0}
.index-about-bg .yz{position:absolute;width:740px;height:800px;background:url(../image/p3-l3.png) no-repeat left;background-size:contain;bottom:0;opacity:.4;left:0;z-index:1}
.index-about-bg .jz{position:absolute;width:311px;height:298px;background:url(../image/p3-r2.png) no-repeat left;background-size:contain;bottom:-200px;left:300px;opacity:0}
.index-about-bg .mg{position:absolute;width:508px;height:438px;background:url(../image/mango1.png) no-repeat left;background-size:contain;bottom:-200px;right:0;opacity:0}
.index-about .title{display:flex;flex-direction:column;justify-items:right;justify-content:right;text-align:right;opacity:0}
.index-about .title b{color:#000;font-size:30px;line-height:40px;font-weight:500;font-weight:700}
.index-about .title span{color:#fff;line-height:40px;font-size:24px;font-weight:600}
.about-bg{background:url("../image/p3-bg.jpg") no-repeat center;background-size:cover}
.join-bg{background:url("../image/p4-bg.jpg") no-repeat center;background-size:cover}
.index-join{position:absolute;top:12vh;right:7vw}
.index-join .text{font-size:20px;line-height:35px;margin-top:10vh;opacity:0;text-align:right;max-width:750px;}
.index-join .title{display:flex;flex-direction:column;justify-items:right;justify-content:right;text-align:right;opacity:0}
.index-join .title b{color:#ffb420;font-size:30px;line-height:40px;font-weight:500}
.index-join .title span{color:#ffb420;line-height:40px;font-size:24px;font-weight:500}
.yuan{border:#ffd41f solid 2px;position:absolute;box-sizing:border-box;border-radius:100%;height:700px;width:700px;left:-400px;top:calc(50% - 350px);opacity:0}
.yuan .item{position:relative;display:block;margin-left:560px;padding-left:110px;margin-top:76px;height:80px;width:250px;overflow:hidden;text-align:left;cursor:pointer;text-decoration:none}
.yuan .item:nth-child(2){margin-left:645px}
.yuan .item:nth-child(3){margin-left:645px}
.yuan .item::before{border-radius:50px;background-color:#ffd41f;color:#fff;position:absolute;height:80px;width:80px;font-family:iconfont;content:"\e618";text-align:center;font-size:40px;line-height:80px;left:0;top:0;transition:all .3s}
.yuan .item:nth-child(2):before{content:"\e696"}
.yuan .item:nth-child(3):before{content:"\e777"}
.yuan .item:nth-child(4):before{content:"\e610"}
.yuan .item:hover{transition:all .3s;transform:scale(1.05)}
.yuan .item:hover::before{background-color:#ffb420;transform:rotateY(180deg)}
.yuan .item:hover b{color:#ffb420;transition:all .3s}
.yuan .item:hover span{color:#ffb420;transition:all .3s}
.yuan .item b{display:block;font-size:24px;margin-top:10px;line-height:30px;color:#fff}
.yuan .item span{display:block;font-size:24px;line-height:30px;color:#fff}
.news-bg .title{display:flex;flex-direction:column;justify-content:center;opacity:0}
.news-bg .title b{color:#ffd41e;font-size:50px;line-height:60px;font-weight:600}
.news-bg .title span{color:#333;line-height:40px;font-size:22px;font-weight:600}
.news-cont{display:flex;max-width:1500px;margin:7vh auto 0 auto}
.news-cont>div{margin:0 30px}
.news-cont .pic{height:450px;opacity:0;display:block;flex:1;background:no-repeat center;background-size:cover;position:relative}
.news-cont .pic .name{background-color:rgba(0,0,0,.4);color:#fff;font-size:16px;height:40px;line-height:40px;position:absolute;bottom:0;left:0;right:0}
.news-cont .n-list{opacity:0;flex:1}
.news-cont .n-list ul li{display:flex;margin-bottom:30px;align-items:center;padding:15px;height:100px;box-shadow:0 0 10px rgba(0,0,0,.2)}
.news-cont .n-list ul li .time{width:25%;text-align:center;color:#333}
.news-cont .n-list ul li .time i{font-size:30px;line-height:40px;height:40px;color:#333;font-style:normal;display:block}
.news-cont .n-list ul li .info{width:75%;justify-content:left}
.news-cont .n-list ul li .info .name{font-size:18px;line-height:40px;text-align:left;height:40px;color:#333;overflow:hidden}
.news-cont .n-list ul li .name a{color:#333}
.news-cont .n-list ul li .info .tips{font-size:14px;line-height:30px;height:30px;overflow:hidden;color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}
.contact-bg{background:url(../image/bg-u3.jpg) no-repeat center;background-size:cover}
.contact-bg .mg{position:absolute;height:200px;width:140px;background:url(../image/p6-3.png) no-repeat center;background-size:contain;bottom:40vh;left:5vw;z-index:12;opacity:0}
.contact-bg .yz{position:absolute;height:771px;width:306px;background:url(../image/cap2.png) no-repeat center;background-size:contain;bottom:0;left:-20px;z-index:15;opacity:0}
.contact-bg .bz{position:absolute;height:730px;width:824px;background:url(../image/p6-1.png) no-repeat center;background-size:contain;bottom:0;left:13vw;z-index:11;animation:dzd linear 2s infinite;animation-delay:.3s}
.contact-bg .l{position:absolute;height:300px;width:300px;background:url(../image/p6-8.png) no-repeat center;background-size:contain;bottom:40vh;left:45vw;opacity:0}
.contact-bg .dz1{position:absolute;height:186px;width:168px;background:url(../image/p6-4.png) no-repeat center;background-size:contain;bottom:10vh;left:35vw;z-index:13;opacity:0}
@keyframes dzd{0%{margin-bottom:0}
50%{margin-bottom:2vh}
100%{margin-bottom:0}
}
.contact-bg .dz2{position:absolute;height:169px;width:200px;background:url(../image/p6-7.png) no-repeat center;background-size:contain;bottom:3vh;right:15vw;z-index:12;animation:dzd linear 2s infinite}
.contact-bg .bk{position:absolute;height:396px;width:826px;background:url(../image/chunk.png) no-repeat center;background-size:contain;bottom:-30px;left:50%;z-index:11;opacity:0}
.contact-bg .lang{bottom:0;left:0;right:0;overflow:hidden;height:271px;position:absolute;z-index:10}
.contact-bg .lang1{width:2020px;height:271px;background:url(../image/t10.png) repeat-x bottom left;position:absolute;left:0;bottom:0;animation:langDo linear 2s infinite;z-index:3}
@keyframes langDo{0%{bottom:0;left:0}
50%{bottom:-25px;left:-50px}
100%{bottom:0;left:0}
}
@keyframes langDo2{0%{bottom:0;left:0}
50%{bottom:-25px;left:-70px}
100%{bottom:0;left:0}
}
.contact-bg .lang2{width:1979px;height:121px;background:url(../image/t12.png) repeat-x bottom left;position:absolute;left:0;bottom:30px;animation:langDo2 linear 3s infinite;z-index:2;animation-delay:.5s}
.contact-cont{position:absolute;top:12vh;right:7vw;text-align:right;display:flex;justify-content:right;flex-direction:column}
.contact-cont .title{display:flex;flex-direction:column;justify-items:right;justify-content:right;text-align:right;opacity:0}
.contact-cont .title b{color:#000;font-size:40px;line-height:50px;font-weight:700}
.contact-cont .title span{color:#000;line-height:40px;font-size:24px;font-weight:500}
.contact-cont .cont{text-align:right;line-height:42px;font-size:24px;margin:5vh 0;opacity:0;color:#000}
.contact-cont .t{color:#000;line-height:40px;font-size:24px;font-weight:500;opacity:0}
.contact-cont .tel{color:#000;font-size:40px;line-height:50px;font-weight:700}
.contact-cont .code{margin-top:2vh;opacity:0}
.contact-cont .code img{width:100px;height:100px}
.container{max-width:1600px;margin:0 auto}
.big-pic{background-color:#2d7aed;text-align:center;background-repeat:no-repeat;background-position:center;background-size:cover}
.big-pic img{display:block;width:100%;max-width:1920px}
.current{font-size:16px;line-height:40px;background:#fff;border-bottom:#ddd solid 1px}
.breadcrumb{color:#999;border-radius:0;background:0 0;padding:10px 0;margin-bottom:0;display:flex}
.breadcrumb>li:first-child::before{font-family:iconfont;content:"\e8cf";font-size:16px;margin-right:5px}
.breadcrumb>li+li:before{content:'>';color:#999;font-family:arial}
.breadcrumb a{color:#999}
.breadcrumb .active a{color:#999}
.main-title{text-align:center;width:100%;display:flex;flex-direction:column;justify-content:center;justify-items:center;margin-bottom:50px;transition:all}
.main-title b{color:#000;font-size:40px;line-height:60px;font-weight:600}
.main-title.white b{color:#fff}
.main-title.yellow b{color:#ffb420}
.main-title span{color:#666;line-height:40px;font-size:18px;font-weight:500}
.bg-bg{padding:80px 0}
.bg-white{background-color:#fff;padding:80px 0}
.bg-gray{background-color:#f7f7ff;padding:80px 0}
.bg-blue{background-color:#ffd41e;padding:80px 0}
.about-text{max-width:800px;font-size:16px;color:#333;line-height:30px;margin:20px auto;padding:0 10px}
.about-ico ul{display:flex}
.about-ico ul li{flex:1;padding:40px 15px;margin:15px;text-align:center;background-color:#f7f7ff;border-radius:10px;transition:all .3s;cursor:pointer}
.about-ico ul li:hover{background-color:var(--yellow);color:#fff}
.about-ico ul li .ico{height:100px;line-height:100px;text-align:center;font-family:iconfont;color:var(--yellow)}
.about-ico ul li .ico::before{content:"\e659";font-size:80px}
.about-ico ul li:nth-child(2) .ico::before{content:"\e603"}
.about-ico ul li:nth-child(3) .ico::before{content:"\e65d"}
.about-ico ul li:nth-child(4) .ico::before{content:"\e6ba"}
.about-ico ul li b{display:block;font-size:20px;line-height:40px;font-weight:600;margin-bottom:15px}
.about-ico ul li span{display:block;color:#666;font-size:15px;line-height:25px}
.about-ico ul li:hover .ico,.about-ico ul li:hover b,.about-ico ul li:hover span{color:#fff}
.about-pic{display:flex;justify-content:center;flex-direction:column}
.about-pic img{max-width:100%;display:block}
.history-btn{position:absolute;width:50px;font-size:30px;height:50px;top:12px;background-color:#ddd;border-radius:100%;line-height:50px;text-align:center;font-family:iconfont;color:#666;cursor:pointer;z-index:10}
.history-btn:hover{background-color:var(--yellow);color:#fff}
.history-next{right:0}
.history-prev{left:0}
.history-next::before{content:"\e707"}
.history-prev::before{content:"\e736"}
.history-time{position:relative;padding:30px 0}
.history-time .line{content:" ";position:absolute;left:0;right:0;height:2px;top:36px;background-color:#ddd;z-index:1}
.history-time .item{display:flex;flex-direction:column;text-align:center;font-size:18px;line-height:30px;font-weight:600;align-items:center;justify-content:center;position:relative;color:#999;z-index:3}
.history-time .item::before{content:" ";width:12px;height:12px;border-radius:100%;background-color:#ddd;border:#f7f7ff solid 2px;margin-bottom:20px;z-index:3}
.history-time .swiper-slide-active .item{color:var(--yellow)}
.history-time .swiper-slide-active .item::before{background-color:var(--yellow)}
.history-list .item{background-color:#fff;border-radius:15px;overflow:hidden}
.history-list .item .pic{height:200px;background-color:var(--yellow);background-repeat:no-repeat;background-size:cover;background-position:center}
.history-list .item .info{padding:15px 25px;color:#333;line-height:25px;min-height:100px}
.honor-list ul li{padding:15px}
.honor-list ul li img{display:block;width:100%}
.honor-list ul li h3{font-size:16px;display:block;text-align:center;line-height:35px;margin-top:10px}
.honor-list ul li a{color:#333}
[class*=ico-]{font-family:iconfont;font-size:inherit;font-style:normal}
.join-suport ul{display:flex;flex-wrap:wrap}
.join-suport ul li{box-sizing:border-box;width:calc(33% - 30px);padding:40px 15px;margin:15px;text-align:center;background-color:#f7f7ff;border-radius:10px;transition:all .3s;cursor:pointer}
.join-suport ul li:hover{background-color:var(--yellow);color:#fff}
.join-suport ul li .ico{height:100px;line-height:100px;text-align:center;font-family:iconfont;color:var(--yellow)}
.join-suport ul li .ico::before{font-size:80px}
.join-suport ul li b{display:block;font-size:20px;line-height:40px;font-weight:600;margin-bottom:15px}
.join-suport ul li span{display:block;color:#666;font-size:16px;line-height:25px}
.join-suport ul li:hover .ico,.join-suport ul li:hover b,.join-suport ul li:hover span{color:#fff}
.join-lc ul{display:flex;flex-wrap:wrap}
.join-lc ul li{width:33.33%;box-sizing:border-box;padding:15px;display:flex;margin:15px 0;position:relative}
.join-lc ul li::before{font-family:iconfont;content:"\e707";position:absolute;right:10%;top:15px;font-size:30px;line-height:80px;color:#999}
.join-lc ul li:nth-child(3)::before{content:""}
.join-lc ul li:last-child::before{content:""}
.join-lc ul li .ico{width:80px;height:80px;background-color:var(--yellow);color:#fff;line-height:80px;font-size:45px;margin-right:15px;border-radius:100%;text-align:center}
.join-lc ul li .info{padding-top:5px;display:flex;align-items:center}
.join-lc ul li b{display:block;font-size:16px;font-weight:600;color:#333;line-height:35px}
.join-lc ul li span{color:#666;line-height:20px;padding:8px 0;font-size:14px}
.join-lc .ico img{display:block;width:80px;height:80px;box-sizing:border-box;padding:10px}
.join-yq ul{display:flex;flex-wrap:wrap}
.join-yq ul li{width:calc(50% - 30px);border-radius:15px;background-color:#fff;box-sizing:border-box;padding:15px;display:flex;margin:15px;position:relative}
.join-yq ul li .ico{width:80px;height:80px;margin-right:20px}
.join-yq ul{counter-reset:yq-count;list-style:none;padding-left:0}
.join-yq ul li{counter-increment:yq-count}
.join-yq ul li .ico{display:flex;align-items:center;justify-content:center}
.join-yq ul li .ico:before{content:counter(yq-count,decimal-leading-zero);font-size:50px;font-weight:700}
.join-yq ul li .info{padding-top:5px;flex:1;overflow:hidden}
.join-yq ul li b{display:block;font-size:20px;font-weight:600;color:#333;line-height:35px}
.join-yq ul li span{color:#666;display:block;line-height:25px;padding:5px 0;font-size:16px}
.join-ys ul{display:flex;flex-wrap:wrap}
.join-ys ul li{width:calc(33% - 30px);border-radius:15px;background-color:#fff;box-sizing:border-box;padding:30px 50px;display:flex;margin:15px;position:relative;flex-direction:column}
.join-ys ul li .t{font-size:28px;font-weight:600;color:#333;line-height:40px;margin:15px 0;padding-left:70px;background:url(../image/join-ys-t.png) no-repeat left center}
.join-ys ul li .money{line-height:50px;font-size:14px;color:var(--yellow);position:relative;font-weight:600;display:inline-block;padding:0 30px;width:230px;text-align:center}
.join-ys ul li .money::after{content:"";position:absolute;left:0;right:0;border-radius:5px;height:20px;bottom:5px;background-color:rgba(45,122,237,.4)}
.join-ys ul li .money b{font-size:40px;font-weight:700;padding:0 10px}
.join-ys ul li dl{border-top:#ddd solid 1px;border-bottom:#ddd solid 1px;padding:30px 0;margin:10px 0 20px 0}
.join-ys ul li dl dt{line-height:40px;font-weight:600;color:#333;font-size:18px}
.join-ys ul li dl dd{margin-bottom:20px;line-height:30px;font-size:16px;color:#666}
.join-ys ul li dl dd:last-child{margin-bottom:0}
.join-ys ul li dl dd b{color:var(--yellow)}
.join-ys ul li .totle{font-size:24px;font-weight:600;line-height:40px;color:#333}
.join-bz{display:flex;background-color: #f2efeb;}
.join-bz .cont{flex:1;font-size:18px;color:#333;line-height:35px;box-sizing: border-box;padding: 50px;}
.join-bz .pic{flex:1;display:flex;justify-content:center}
.join-bz .pic img{display:block;max-width:780px;margin-right: 50px;}
.shop-list ul{display:flex;flex-wrap:wrap}
.shop-list ul li{width:calc(33% - 30px);display:flex;justify-content:center;justify-items:center;margin:15px;padding:15px;box-sizing:border-box}
.shop-list ul li img{display:block;max-width:100%}
.p-cate ul{display:flex;flex-wrap:wrap;justify-content:center;justify-items:center;align-items:center}
.p-cate ul li{padding:15px;height:40px}
.p-cate ul.center{text-align:center}
.p-cate ul.center li{float:none;display:inline-block}
.p-cate ul li a{display:block;background:var(--yellow);line-height:40px;text-align:center;transition:all .3s;font-size:18px;color:#fff;border-radius:25px;padding:5px 25px}
.p-cate ul li a:hover{background:var(--orange);color:#fff;text-decoration:none}
.p-cate ul li.curr a{background:var(--orange)}
.p-cate ul li.curr a:hover{background:var(--orange)}
.product-list{margin-top:50px}
.product-list ul{display:flex;flex-wrap:wrap}
.product-list ul li{width:calc(25% - 0px);padding:15px;box-sizing:border-box;position:relative;overflow:hidden}
.product-list ul li img{display:block;width:100%;border-top-right-radius:15px;border-top-left-radius:15px}
.product-list ul li .name{line-height:40px;color:var(--yellow);font-size:24px;text-align:center;height:60px;background-color:#f1f1f1;display:none}
.product-list ul li .info{background:var(--yellow) url(../image/p-list-pic.png) no-repeat right bottom;transition:all .3s;color:#fff;padding:30px;font-size:18px;line-height:30px;border-bottom-right-radius:15px;border-bottom-left-radius:15px}
.product-list ul li .info span{display:block;font-size:14px}
.product-list ul li:hover .info{bottom:0}
.page-cont{margin:0 auto;display:flex;justify-content:center;justify-items:center;align-items:center}
.page-cont .pic{flex:1;background:url(../image/contact-left-pic.jpg) no-repeat center;height:500px}
.page-cont .tt{border-left:var(--yellow) solid 4px;padding-left:20px;height:40px;line-height:40px;font-size:28px;color:var(--yellow);font-weight:700;margin-bottom:40px}
.page-cont .cont{font-size:16px;padding:50px 0;line-height:1.8em;color:#666}
.page-cont .cont .kk{border-left:#ddd solid 1px;padding-left:30px}
.page-message{flex:1}
.page-message label{font-size:18px;padding-right:40px;min-width:120px;float:left;line-height:40px}
.page-message label i{font-style:normal;color:#e1472f}
.page-message .input{padding:10px 15px;border:var(--yellow) solid 2px;border-radius:15px;line-height:30px;font-size:16px;width:460px;outline:0}
.page-message ul li{margin-bottom:30px}
.page-message .input:focus{border:var(--orange) solid 2px;background-color:#f7f7ff}
.page-message .input.l{width:740px}
.page-message .sub-btn{background:var(--orange);color:#fff;width:500px;text-align:center;font-size:20px;line-height:50px;border:none;border-radius:25px}
.job-list-title{margin-bottom:20px}
.job-list-title span{color:var(--yellow);display:block;line-height:30px;letter-spacing:.5em;font-style:normal;font-size:18px;display:block;font-weight:700}
.job-list-title b{font-size:35px;color:var(--yellow);line-height:40px;display:block;margin-bottom:15px;font-weight:300}
.job-list ul{display:flex;flex-wrap:wrap}
.job-list ul li{padding:15px;width:33%;box-sizing:border-box}
.job-list ul li a{display:block;padding:25px;background:#f7f7ff;transition:all .3s;position:relative}
.job-list ul li .info{display:block;padding:15px 20px;background:#fff;transition:all .3s;position:relative;font-size:12px;color:var(--yellow);line-height:20px}
.job-list ul li a:hover{background:var(--yellow);text-decoration:none;color:#fff}
.job-list ul li a:hover i{color:#fff}
.job-list ul li a:hover b{color:#fff}
.job-list ul li a:hover span{color:#fff}
.job-list ul li i{color:#999;display:block;line-height:30px;letter-spacing:0;font-style:normal;font-size:14px;display:block}
.job-list ul li span{font-size:18px;color:#555;line-height:25px;display:block;margin-top:10px}
.job-list ul li:first-child span{font-size:20px;font-weight:700}
.job-list ul li b{position:absolute;right:25px;bottom:25px;font-weight:400;font-size:14px;color:#999;display:inline-block;padding-left:10px;border-left:#ddd solid 1px}
.news-list{margin-top:50px}
.news-list ul{display:flex;flex-wrap:wrap}
.news-list ul li{width:calc(33% - 30px);margin:15px;box-sizing:border-box;background-color:#f7f7ff;color:#333;border-radius:15px;overflow:hidden}
.news-list ul li .img{display:block;height:250px;background-repeat:no-repeat;background-size:cover;background-position:center}
.news-list ul li .info{background-color:#f7f7ff;padding:30px;display:block;text-decoration:none}
.news-list ul li .info .t{font-size:28px;font-weight:600;color:var(--yellow);line-height:1.3}
.news-list ul li .info .time{font-size:14px;line-height:30px;color:#999}
.news-list ul li .info .tips{font-size:14px;line-height:25px;color:#999}
.a-cont{max-width:1000px;margin:0 auto}
.a-cont h1{font-size:28px;color:#333;line-height:40px;text-align:center}
.a-cont .info{color:#909090;font-size:15px;line-height:30px;text-align:center;margin:10px 0}
.a-cont .info span{display:inline-block;margin:0 5px}
.a-cont .cont{padding:20px 0;font-size:16px;color:#555;line-height:1.8;overflow:hidden}
.a-cont .cont img{max-width:100%;margin:10px 0}
.a-cont .a-link{border-top:#ddd solid 1px;padding:20px 0}
.a-cont .a-link ul li{font-size:16px;color:#999;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.a-cont .a-link ul li a{color:#666}
.a-cont .a-link ul li a:hover{color:#0062b5}
.pages{text-align:center;margin-top:30px;margin-bottom:15px;color:#666}
.pages div a{display:inline-block;padding:5px 8px;background:#fafafa;font-size:14px;border:#d5d5d5 solid 1px;border-radius:4px;color:#999;font-family:Arial,Helvetica,sans-serif;transition:all .5s;text-decoration:none;height:30px;line-height:20px;margin:0 2px;min-width:20px;text-align:center}
.pages div a:hover{background:#00a651;color:#fff;border:#00a651 solid 1px}
.pages div span.curr{display:inline-block;padding:5px 10px;background:#00a651;font-size:16px;border:#00a651 solid 1px;color:#fff;border-radius:5px;font-family:Arial,Helvetica,sans-serif;transition:all .5s;text-decoration:none;height:30px;line-height:20px;margin:0 5px;min-width:20px;text-align:center}
.pages div .total{line-height:20px;margin:0 5px;height:30px;padding:5px;font-size:16px;font-family:"Microsoft yahei";line-height:20px;display:inline-block;background:#fafafa;border:#d9d9d9 solid 1px;color:#2283c5}
.pages div input{width:40px;height:32px;cursor:pointer;text-align:center;border:#d9d9d9 solid 1px;margin:0 2px;background:#fafafa}
.pages div .valid{width:40px;height:28px;text-align:center;border:#d9d9d9 solid 1px;margin:0 2px}
.store-cont{background-color:#fafafa;display:flex;justify-content:center;align-items:center}
.store-cont .info{font-size:16px;line-height:30px;color:#666;box-sizing:border-box;padding:30px 50px;flex:1}
.store-cont .pic{flex:1}
.store-cont .pic img{display:block;width:100%}
.store-list{margin-top:50px}
.store-list ul{display:flex;flex-wrap:wrap;margin:0 -15px}
.store-list ul li{width:calc(33% - 30px);margin:15px;box-sizing:border-box;background-color:#f7f7ff;color:#333;border-radius:15px;overflow:hidden}
.store-list ul li img{display:block;width:100%}
.store-list ul li .name{background-color:var(--yellow);color:#fff;padding:15px 30px;font-size:16px;text-align:center;display:block;text-decoration:none}
.foot{padding:50px 0 60px 0;position:relative;background-image:linear-gradient(180deg,#fff 20%,transparent 50%);overflow: hidden;}
.foot-cont{background-color:#fad30c;border-top-left-radius:25px;border-top-right-radius:25px;padding:50px 0 80px 0;display:flex;box-shadow:0 0 15px rgba(0,0,0,.1)}
.foot-logo{width:300px;height:200px;background:url(../image/logo.png) no-repeat center}
.foot-contact{border-bottom:#fff solid 1px;padding:15px 0}
.foot-contact ul{display:flex;flex-wrap:wrap}
.foot-contact ul li{position:relative;line-height:35px;font-size:16px;color:#333;width:50%;box-sizing:border-box;padding-left:30px}
.foot-contact ul li a{color:#333}
.foot-contact ul li::before{border-radius:100%;width:22px;height:22px;color:#fff;line-height:22px;text-align:center;background-color:var(--yellow);font-family:iconfont;content:"\e768";position:absolute;left:0;top:7px}
.foot-contact ul li:nth-child(2)::before{content:"\e8cf"}
.foot-contact ul li:nth-child(3)::before{content:"\e743"}
.foot-contact ul li:nth-child(4)::before{content:"\e61c"}
.foot-info{flex:1}
.foot-code{width:250px;display:flex;justify-content:center;flex-direction:column;justify-items:center;align-items:center}
.foot-code img{width:120px;height:120px;display:block}
.foot-code span{font-size:14px;line-height:25px;padding:10px;color:#666;text-align:center}
.foot-link{padding:15px 0}
.foot-link ul{display:flex;flex-wrap:wrap;line-height:30px;font-size:15px}
.foot-link ul li{display:inline-block;margin-right:10px}
.foot-link ul li a{color:#333}
.foot-link ul li a:hover{color:var(--yellow)}
.foot .lang{position:absolute;bottom:0;left:0;height:147px;left:0;right:0;background:url(../image/about/line.png) no-repeat bottom;font-size:14px;line-height:25px;color:#fff;box-sizing:border-box;padding-top:100px;text-align:center;color:#000;filter:drop-shadow(5px 5px 10px rgba(0, 0, 0, .1))}
.foot .lang a{color:#000}
.pop-cont{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999;display:flex;justify-content:center;justify-items:center;align-items:center;visibility:hidden}
.pop-cont.show{visibility:visible}
.pop-cont .mask{position:absolute;top:0;left:0;right:0;bottom:0;z-index:99;background-color:rgba(0,0,0,.4)}
.show-cont{background:url(../image/code-bg.png) no-repeat bottom right;background-color:#fff;padding:50px 30px 80px 30px;text-align:center;width:300px;position:relative;z-index:100;border-radius:15px;font-size:16px;line-height:35px;color:#666}
@media (max-width:768px){.all-right{display:none}
body{padding-top:50px}
.m-top{display:block;position:fixed;top:0;left:0;right:0;z-index:99999}
.top-menu-btn{display:block}
#top{display:none}
.s1 .cont .big{width:810px;height:333px;top:-10vh;left:400px}
.s1 .cont .bjl{bottom:-200px;left:calc(50% - 260px)}
.swiper-slide.s0 .ll{left:300px;top:-300px}
.swiper-slide.s0 .rr{right:300px;bottom:-330px}
.p-bg{overflow:hidden}
.index-product{padding:0 0}
.index-product ul li h3{font-size:16px}
.index-product ul li span{font-size:12px}
.index-about{padding:10px 15px;height:100vh;box-sizing:border-box}
.index-about .t{width:300px;background-position:center;font-size: 30px;line-height: 1.2;}
.index-about .title b{margin-bottom: 50px;}
.index-about .cont{width:auto;background-color:rgba(0,0,0,.3);padding:10px;margin-top:20px;font-size:16px;line-height:20px}
.index-about-bg .r{width:300px;height:300px}
.index-about-bg .yz{width:250px}
.index-about-bg .jz{width:250px;height:300px;bottom:-80px;background-position:right bottom}
.yuan{transform:scale(.6)!important;transition:all .3s;left:-450px;top:0;animation-name:none;opacity:1}
.index-join{bottom:15px;width:90vw}
.index-join .text{font-size:16px;position:absolute;bottom:0;line-height:20px;right:0}




.index-map-bg .index-map{width:100%;height:0;background:url(../image/map_m.jpg) no-repeat ;left: 0;background-size: 100% auto;padding-bottom: 180%;position: relative;top: 0;}
.index-map-bg .map-title{position: relative;bottom: 0;padding-bottom: 30px;}
.slider{height:300px}
.index-title{margin-top:10px;margin-bottom:15px}
.news-cont{flex-direction:column;display:block;margin-top:15px}
.news-cont>div{margin:0 10px;flex:auto}
.news-cont .pic{height:250px;margin:10px}
.news-cont .n-list ul li{padding:10px;margin-bottom:10px;height:80px}
.news-cont .n-list ul li .info .name{line-height:30px;height:30px;font-size:16px}
.news-cont .n-list ul li .time i{font-size:20px;line-height:30px;height:30px}
.contact-bg .bz{width:250px;height:500px}
.contact-bg .yz{width:100px;height:400px;top:30vh;left:0}
.contact-bg .mg{width:100px;height:100px;bottom:30vw}
.contact-bg .bk{width:350px;height:100px}
.contact-bg .dz2{width:80px}
.contact-bg .dz1{width:80px}
.contact-bg .l{width:120px;left:10vw;top:0;right:auto;bottom:auto}
.contact-cont{z-index:20}
.contact-cont .cont{font-size:16px}
.swiper-slide>.cont{transform:scale(.5)}
.section{overflow:hidden;min-height:700px}
.index-title b{font-size:36px;line-height:50px}
.short-btn{transition:all;transform:scale(.9);bottom:0;top:auto}
.join-bg{min-height:850px}
.bg-blue,.bg-gray,.bg-white{padding:15px 0}
.main-title{margin-bottom:20px}
.main-title b{font-size:26px}
.about-ico ul{flex-wrap:wrap}
.about-ico ul li{flex:auto;width:50%;padding:15px 0;margin:7px 15px}
.history-list,.history-time{margin:0 15px}
.foot{padding:30px 0}
.foot-cont{flex-direction:column;margin:15px;padding:10px 15px}
.foot-logo{width:100%}
.foot-contact ul li{width:100%;font-size:14px}
.foot-code{width:100%;padding-bottom:50px}
.join-lc ul li::before{display:none}
.join-lc ul li{width:100%;padding:10px 20px;margin:0 0}
.join-bz .pic img{max-width:100%}

.join-lc ul li .info{margin-top:0}
.join-lc ul li b{font-size:16px;line-height:30px}
.join-lc ul li span{font-size:12px}
.join-yq ul li{width:calc(100% - 20px);margin:10px 15px;padding:10px}
.join-yq ul li b{font-size:20px}
.join-suport ul{display:block}
.join-suport ul li{width:calc(100% - 20px);padding:15px 10px;margin:10px 15px}
.join-suport ul li .ico{height:60px;line-height:60px}
.join-suport ul li .ico::before{font-size:50px}
.join-suport ul li b{font-size:18px;margin-bottom:0}
.join-ys ul li{width:calc(100% - 30px);padding:15px}
.join-bz{display:block}
.join-bz .cont{padding:15px;font-size:14px;line-height:25px}
.news-list ul li{width:calc(100% - 30px);margin:8px 15px}
.news-list ul li .img{height:200px}
.news-list ul li .info{padding:15px}
.news-list ul li .info .t{font-size:20px}
.product-list ul li{width:calc(100% - 0px);padding:15px;box-sizing:border-box;position:relative;overflow:hidden}
.breadcrumb{padding:0 10px;font-size:14px}
.store-cont .info{padding:15px}
.store-cont{flex-direction:column}
.store-list ul{padding:0 0;margin:0}
.store-list ul li{width:calc(100% - 15px)}
.job-list ul li{width:100%;padding:5px 15px}
.page-cont{margin:0 auto;max-width:1000px;padding:15px}
.page-message .input{padding:5px 10px;width:100%;box-sizing:border-box}
.page-message ul li{margin-bottom:15px}
.page-message .sub-btn{width:100%;box-sizing:border-box}
}
@media (min-width:768px) and (max-width:992px){.section{overflow-x:hidden}
#top .logo{float:left;width:138px;height:50px}
#top .menu{text-align:center;margin-left:140px;margin-right:10px}
#top .menu ul{height:50px;line-height:50px;text-align:center;margin:0 auto}
#top .menu ul li{display:inline-block;margin:0 5px;font-size:14px;color:#fff}
#top .top-tel{display:none}
}
@media (min-width:768px) and (max-width:1442px){#top .logo{float:left;width:180px;height:65px}
#top .logo2{left:0}
#top .top-tel{font-size:20px}
#top .menu{text-align:center;margin-left: 200px; margin-right: 0;}
#top .menu ul{height:65px;line-height:65px;text-align:center;margin:0 auto}
#top .menu ul li{display:inline-block;margin:0 8px;font-size:15px;color:#fff}
.index-product ul li h3{font-size:18px}
.index-about{max-width:95vw}
.index-about .t{height:120px;margin-left:0;font-size: 30px;}
.index-about .cont{font-size:16px;line-height:25px;margin-top:5vh;margin-left:0}
.index-about-bg .r{width:50vw}
.index-about-bg .jz{width:50vw}
.yuan{left:-500px}
.news-cont{max-width:95vw}
}
.about{max-width:1600px;margin:50px auto}
.about h3{font-size:32px;color:#ffb420;text-align:center;width:100%;margin:80px auto}
.about p{font-size:18px;line-height:30px}
.Introduction-txt{display:flex;background-color:#fafafa}
.Introduction-txt img{display:block;width:750px;height:560px;max-width:100%}
.Introduction-txt>div{box-sizing:border-box;padding:100px 75px 0}
.Introduction-txt>div p{margin-bottom:30px;font-size:20px;line-height:30px}
.Story>div.Story-text{box-sizing:border-box;padding:80px 70px;background-color:#f8f8f8}
.Story>div.Story-img{box-sizing:border-box;display:flex;justify-content:space-between;margin:70px 0 130px}
.Story>div.Story-img img{display:block;width:31%;height:auto}
.Culture-list{display:flex;justify-content:space-between}
.Culture-list li{display:flex;width:370px;background-color:#fffbeb;min-height:350px;justify-content:center;align-items:center;flex-wrap:wrap;flex-direction:column;box-sizing:border-box;padding:0 50px;text-align:center}
.Culture-list li img{display:block;width:60px;height:auto}
.Culture-list li p{font-size:24px;color:#000;font-weight:700;line-height:4}
.Culture-list li span{font-size:16px;color:#000;line-height:1.5;display:block;height:90px;display:flex;align-items:center}
.join-questions ul{max-width:1600px;margin:0 auto;display:block;overflow:hidden}
.join-questions li{display:flex;width:840px;height:70px;float:left;margin-left:200px;position:relative}
.join-questions li:nth-child(2n){float:right;margin:20px 110px 50px}
.join-questions li b{display:flex;width:650px;height:70px;background:#ffb420;border-radius:10px;font-size:18px;line-height:24px;font-weight:400;align-items:center;padding:0 32px;position:relative}
.join-questions li:nth-child(2n) b{background-color:#f2efeb;margin-right:45px;position:relative}
.join-questions li:nth-child(2n) b::before{content:"";position:absolute;right:-15px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:14px solid #f2efeb;transform:rotate(90deg)}
.join-questions li:nth-child(odd) b::before{content:"";position:absolute;left:-15px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:14px solid #ffb420;transform:rotate(-90deg)}
.join-questions li img{display:block;margin-right:45px;border-radius:8px}
.join-questions li:first-child:before{position:absolute;left:0;content:'Q1';font-weight:700;color:#ffb420;left:-80px;font-size:40px;display:flex;width:70px;height:70px;justify-content:center;align-items:center}
.join-questions li:nth-child(3):before{position:absolute;left:0;content:'Q2';font-weight:700;color:#ffb420;left:-80px;font-size:40px;display:flex;width:70px;height:70px;justify-content:center;align-items:center}
.join-questions li:nth-child(5):before{position:absolute;left:0;content:'Q3';font-weight:700;color:#ffb420;left:-80px;font-size:40px;display:flex;width:70px;height:70px;justify-content:center;align-items:center}
.join-content{box-sizing:border-box;padding:30px}


/* Mobile homepage layout fixes */
@media (max-width: 768px) {
  html, body { width: 100%; max-width: 100%; overflow-x: hidden; }
  #heyU { width: 100%; overflow-x: hidden; }
  #heyU > .section:first-child { min-height: max(700px, calc(100svh - 50px)); }
  #heyU > .section:first-child .swiper-container { height: max(650px, calc(100svh - 50px)); }
  .swiper-slide > .cont { height: 100%; transform: none; }
  .swiper-slide.s1 .cont .big {
    width: 92vw; height: 38vw; max-height: 190px; left: 4vw; top: 18%;
    background-size: 100% auto;
  }
  .swiper-slide.s1 .cont .bjl {
    width: 112vw; height: 70vw; max-height: 42vh; left: -6vw; bottom: 3%;
    background-size: 100% auto;
  }
  .swiper-slide.s1 .cont .line {
    width: 100vw; height: 24vw; left: 0; top: 43%; background-size: contain;
  }
  .swiper-slide.s0 .cont .w1 {
    width: 84vw; height: 69vw; max-height: 300px; left: 8vw; top: 12%;
    background-size: contain;
  }
  .swiper-slide.s0 .cont .rr {
    width: 100vw; height: 115vw; right: -12vw; bottom: -5vw; background-size: contain;
  }
  .show-cont { background-image: none; }
  .swiper-pagination { margin-bottom: 12px; }
  .swiper-pagination-bullet { width: 24px; }
  .short-btn { display: none; }
  .index-product { padding: 0 12px; }
  .index-product ul li { min-width: 0; }
  .index-product ul li img { height: auto; max-width: 100%; object-fit: contain; }
  .index-about { height: auto; min-height: 100svh; }
  .news-cont .n-list ul { padding: 0; }
  .contact-cont { max-width: 100%; box-sizing: border-box; padding-left: 16px; padding-right: 16px; }
}


/* 首页轮播断点切换：768px（含）以下仅显示移动图片轮播。 */
#swiper1 { display: block; }
#swiper-mobile { display: none; }
#swiper-mobile img { display: block; width: 100%; height: 100%; object-fit: cover; }
@media (max-width: 768px) {
  #heyU > .section:first-child { position: relative; }
  #heyU > .section:first-child #swiper1 { display: none; }
  #heyU > .section:first-child #swiper-mobile { display: block; position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; }
  #swiper-mobile .swiper-slide { height: 100%; }
}