@charset "utf-8";
* { margin: 0; padding: 0; font-family: "微软雅黑"; list-style: none; text-decoration: none; }




/*header*/
@media screen and (min-width:1280px) {
.head { width: 100%; height: 70px; overflow: hidden; background-color: #262340; position: fixed; z-index: 999; }
.head1 { width: 1070px; margin: auto; overflow: hidden; height: 70px; }
.logo { float: left; display: none; }
.logo img { margin-top: 15px; height: 40px; }
.dh { float: right; overflow: hidden; }
.dh>li { float: left; margin-left: 30px; line-height: 70px; }
.dh>li>a { color: #fff; }
.dh>li:hover a { color: #ffab3c; }
}
@media only screen and (max-width: 1279px) {
.head { width: 94%; padding: 0 3%; height: 60px; background-color: #262340; position: fixed; z-index: 999; }
.head1 { width: 100%; height: 60px; }
.logo { float: left; display: none; }
.logo img { margin-top: 10px; height: 40px; }
.navBtn { position: relative; float: right; display: block; width: 32px; height: 60px; cursor: pointer; }
.navBtn span { display: block; width: 100%; height: 2px; background-color: #fff; position: absolute; left: 0; top: calc((100% - 2px) / 2); transition: all .3s; }
.navBtn span:nth-child(1) { transform: translateY(11px) rotate(0deg); }
.navBtn span:nth-child(3) { transform: translateY(-11px) rotate(0deg); }
.navBtn.active span:nth-child(1) { transform: translateY(0) rotate(45deg); }
.navBtn.active span:nth-child(3) { transform: translateY(0) rotate(-45deg); }
.navBtn.active span:nth-child(2) { opacity: 0; }
.dh { position: absolute; left: 0; top: 60px; display: none; overflow: hidden; width: 100%; background-color: #3b3759; padding: 20px 0; }
.dh>li { display: block; text-align: center; font-size: 16px; line-height: 46px; overflow: hidden; height: 46px; }
.dh>li>a { color: #fff; }
.dh>li:hover a { color: #ffab3c; }
}

/*banner*/
@media screen and (min-width:1280px) {
.banner { width: 100%; height: 580px; overflow: hidden; background-color: #343051; padding-top: 70px; }
.picScroll-left { width: 1070px !important; overflow: hidden; position: relative; margin: auto; height: 580px; }
.picScroll-left .bd ul { width: 1070px; height: 580px; overflow: hidden; zoom: 1; position: relative; }
.picScroll-left .bd ul li { float: left; display: block; width: 1070px !important; overflow: hidden; padding-top: 60px; height: 520px; }
.picScroll-left .bd ul li .pic { text-align: center; }
.picScroll-left .bd ul li .pic.zuo { width: 535px; height: 455px; float: left; overflow: hidden; }
.picScroll-left .bd ul li .pic.you { width: 535px; height: 455px; float: right; overflow: hidden; }
.picScroll-left .bd ul li .pic img { max-height: 445px; max-width: 535px; display: block; }
.picScroll-left .bd ul li .pic.you img { float: right; }
}
@media only screen and (max-width: 1279px) {
.banner { width: 100%; overflow: hidden; background-color: #343051; padding-top: 60px; height: auto !important; }
.picScroll-left { width: 100%; height: auto !important; overflow: hidden; position: relative; margin: auto; }
.picScroll-left .bd { width: 100% !important; }
.picScroll-left .bd ul { width: 100%; height: auto !important; overflow: hidden; position: relative; }
.picScroll-left .bd ul li { display: block; width: 100vw !important; overflow: hidden; padding: 30px 0; position: relative !important; }
.picScroll-left .bd ul li .pic { width: 80%; text-align: center; padding: 0 10%; overflow: hidden; }
.picScroll-left .bd ul li .pic.you { margin-top: 20px; }
.picScroll-left .bd ul li .pic img { max-width: 100%; display: block; margin: auto; }
}

/*产品概况*/
@media screen and (min-width:1280px) {
.abox { width: 1070px; overflow: hidden; margin: auto; padding: 60px 0; }
.abox .left { float: left; width: 535px; overflow: hidden; }
.title { width: 30px; height: 6px; margin-bottom: 12px; background-color: #5b529b; }
.title01 { font-size: 45px; color: #5b529b; line-height: 55px; letter-spacing: 13.5px; margin-bottom: 30px; }
.abox .tu img { height: 454px; }
.abox .right { float: right; width: 425px; margin-top: 168px; color: #1e1e1e; line-height: 30px; margin-right: 24px; font-size: 16px; }
.abox .wen { overflow: hidden; }
.abox .wen:hover { color: #ffab3c; }
.abox .anniu { display:none; width: 425px; height: 50px; border-radius: 4px; overflow: hidden; text-align: center; line-height: 50px; font-size: 20px; }
.abox .anniu a { color: #fff; letter-spacing: 1px; }
}
@media only screen and (max-width: 1279px) {
.abox { width: 94%; overflow: hidden; margin: auto; padding: 40px 0; }
.abox .left { float: left; width: 100%; overflow: hidden; }
.title { width: 20px; height: 2px; margin: auto; margin-bottom: 10px; background-color: #5b529b; }
.title01 { font-size: 20px; color: #5b529b; line-height: 30px; letter-spacing: 2px; text-indent: 2px; text-align: center; margin-bottom: 15px; }
.abox .tu img { max-width:260px; width: 100%; display: block; margin: auto; }
.abox .right { float: right; width: 100%; margin-top: 15px; color: #1e1e1e; line-height: 24px; font-size: 14px; }
.abox .wen { overflow: hidden; }
.abox .wen:hover { color: #ffab3c; }
.abox .anniu { display:none; width: 100%; height: 40px; border-radius: 4px; overflow: hidden; text-align: center; line-height: 40px; font-size: 16px; }
.abox .anniu a { color: #fff; letter-spacing: 1px; text-indent: 1px; }
}

/*功能介绍*/
@media screen and (min-width:1280px) {
.bbox { width: 100%; padding-top: 60px; padding-bottom: 55px; overflow: hidden; background: no-repeat center; background-color: #676767; }
.bbox .title { background-color: #fff; }
.bbox .title01 { color: #fff; }
.bbox .box { width: 1070px; margin: auto; }
.bbox .box .san { width: 100%; display: block; overflow: hidden; }
.bbox .box .san li { width: 257px; margin-left: 14px; overflow: hidden; float: left; cursor:pointer;}
.bbox .box .san li:nth-child(4n+1) { clear: left; float: left; margin-left: 0; }
.bbox .box .san1 { width: 100%; height: 257px; overflow: hidden; border-radius: 100%; }
.bbox .box .san1 img { width: 100%; display: block; }
.bbox .box .san2 { font-size: 24px; color: #fff; line-height: 34px; margin-top: 25px; margin-bottom: 15px; letter-spacing: 2px; text-indent: 2px; text-align: center; }
.bbox .box .san3 { line-height: 26px; font-size: 16px; color: #fafafa; width: 100%; text-align: center; overflow: hidden; }
.kuang { width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 99999; background-color: rgba(0,0,0,.7); display: none; }
.kuang .box { width: 1280px; overflow: hidden; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); background-color: #fff; border-radius: 15px; }
.kuang .box .wen { width: 100%; padding: 40px; max-height: 80vh; overflow: auto; box-sizing: border-box; }
.kuang .box .wen img { max-width: 100%; display: block; margin: auto; }
.kuang .box .close { position: absolute; right: 20px; top: 20px; -webkit-transition: 1s linear; transition: 1s ease-in; }
.kuang .box .close img { width: 20px; display: block; cursor: pointer; }
.kuang .box .close:hover { transform: rotate(360deg); -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); }
}
@media only screen and (max-width: 1279px) {
.bbox { width: 100%; padding-top: 40px; padding-bottom: 35px; overflow: hidden; background: no-repeat center; background-color: #676767; }
.bbox .title { background-color: #fff; }
.bbox .title01 { color: #fff; }
.bbox .box { width: 94%; margin: auto; }
.bbox .box .san { width: 100%; display: block; overflow: hidden; margin-top: -15px; }
.bbox .box .san li { width: 48.5%; margin-left: 3%; margin-top: 15px; overflow: hidden; float: left; }
.bbox .box .san li:nth-child(2n+1) { clear: left; float: left; margin-left: 0; }
.bbox .box .san1 { width: 128px; height: 128px; margin: auto; overflow: hidden; border-radius: 100%; }
.bbox .box .san1 img { width: 100%; display: block; }
.bbox .box .san2 { font-size: 16px; color: #fff; line-height: 26px; margin-top: 15px; margin-bottom: 5px; letter-spacing: 2px; text-indent: 2px; text-align: center; }
.bbox .box .san3 { line-height: 24px; font-size: 14px; color: #fafafa; width: 100%; text-align: center; overflow: hidden; }
.kuang { width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 99999; background-color: rgba(0,0,0,.7); display: none; }
.kuang .box { width: 94%; overflow: hidden; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); background-color: #fff; border-radius: 5px; }
.kuang .box .wen { width: 100%; padding: 10px; padding-top: 30px; max-height: 80vh; overflow: auto; box-sizing: border-box; }
.kuang .box .wen img { max-width: 100%; display: block; margin: auto; }
.kuang .box .close { position: absolute; right: 10px; top: 10px; -webkit-transition: 1s linear; transition: 1s ease-in; }
.kuang .box .close img { width: 20px; display: block; cursor: pointer; }
.kuang .box .close:hover { transform: rotate(360deg); -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); }
}

/*冻结米豆释放方式*/
@media screen and (min-width:1280px) {
.cbox { width: 100%; padding-top: 60px; padding-bottom: 55px; overflow: hidden; background: no-repeat center; background-color: #433e67; }
.cbox .title { background-color: #fff; }
.cbox .title01 { color: #fff; }
.cbox .box { width: 1070px; margin: auto; }
.cbox .box .jili { display: flex; flex-wrap: wrap; width: 100%; overflow: hidden; }
.cbox .box .jili li { width: 206px; margin-left: 10px; float: left; overflow: hidden; text-align: center; display: flex; flex-direction: column; }
.cbox .box .jili>li:nth-child(5n+1) { clear: left; float: left; margin-left: 0; }
.cbox .box .jili1 img { height: 130px; margin: auto; display: block; }
.cbox .box .jili2 { flex: 1; font-size: 16px; color: #fff; padding: 12px 10px; line-height: 26px; margin-top: 20px; overflow: hidden; background-color: #5d4dc7; }
.cbox .box .jilinei { color: #fff; line-height: 26px; font-size: 16px; overflow: hidden; }
}
@media only screen and (max-width: 1279px) {
.cbox { width: 100%; padding-top: 40px; padding-bottom: 35px; overflow: hidden; background: no-repeat center; background-color: #433e67; }
.cbox .title { background-color: #fff; }
.cbox .title01 { color: #fff; }
.cbox .box { width: 94%; margin: auto; }
.cbox .box .jili { display: block; width: 100%; overflow: hidden; margin-top: -20px; }
.cbox .box .jili li { width: 100%; margin-top: 20px; float: left; overflow: hidden; display: flex; align-items: center; }
.cbox .box .jili1 img { width: 130px; display: block; }
.cbox .box .jili2 { width: calc(100% - 170px); font-size: 14px; color: #fff; margin-left: 20px; line-height: 24px; padding: 5px 10px; overflow: hidden; background-color: #5d4dc7; }
.cbox .box .jilinei { color: #fff; line-height: 24px; font-size: 14px; overflow: hidden; }
}

/*加速米豆释放方式*/
@media screen and (min-width:1280px) {
.dbox { width: 100%; padding-top: 60px; overflow: hidden; background: no-repeat center; background-color: #fff; }
.dbox .tit { width: 625px; float: right; }
.dbox .box { width: 1070px; margin: auto; overflow: hidden; position: relative; min-height: 373px; }
.dbox .box .oge { position: absolute; left: 0; top: 0; }
.dbox .box .oge img { height: 373px; }
.dbox .box .oge1 { width: 625px; float: right; margin-right: 24px; line-height: 30px; margin-top: 20px; color: #4a4a4a; overflow: hidden; }
.dbox .box .oge1:hover { color: #FFAB3C; }
}
@media only screen and (max-width: 1279px) {
.dbox { width: 100%; padding-top: 40px; padding-bottom: 35px; overflow: hidden; background: no-repeat center; background-color: #fff; }
.dbox .box { width: 94%; margin: auto; overflow: hidden; }
.dbox .box .oge { float: left; width: 100%; }
.dbox .box .oge img { height: 360px; margin: auto; display: block; }
.dbox .box .oge1 { width: 100%; float: right; margin-top: 15px; line-height: 24px; font-size: 14px; color: #4a4a4a; overflow: hidden; }
.dbox .box .oge1:hover { color: #FFAB3C; }
}

/*平台目标*/
@media screen and (min-width:1280px) {
.ebox { width: 100%; padding-top: 60px; padding-bottom: 60px; overflow: hidden; background: no-repeat center; background-color: #fff; }
.ebox .box { width: 1070px; margin: auto; overflow: hidden; position: relative; min-height: 373px; }
.ebox .box .oge { position: absolute; right: 0; top: 0; }
.ebox .box .oge img { height: 373px; }
.ebox .box .oge1 { width: 625px; float: left; margin-right: 24px; line-height: 30px; margin-top: 20px; color: #4a4a4a; overflow: hidden; }
.ebox .box .oge1:hover { color: #FFAB3C; }
}
@media only screen and (max-width: 1279px) {
.ebox { width: 100%; padding-top: 40px; padding-bottom: 35px; overflow: hidden; background: no-repeat center; background-color: #f7f7f7; }
.ebox .box { width: 94%; margin: auto; overflow: hidden; }
.ebox .box .oge { float: left; width: 100%; }
.ebox .box .oge img { height: 360px; margin: auto; display: block; }
.ebox .box .oge1 { width: 100%; float: right; margin-top: 15px; line-height: 24px; font-size: 14px; color: #4a4a4a; overflow: hidden; }
.ebox .box .oge1:hover { color: #FFAB3C; }
}

/*合作方式*/
@media screen and (min-width:1280px) {
.tongdian { width: 100%; padding: 60px 0; overflow: hidden; background: no-repeat center; background-color: #676767; }
.tongdian .title { background-color: #fff; }
.tongdian .title01 { color: #fff; }
.tongdian1 { width: 1070px; margin: auto; overflow: hidden; }
.fazhan { width: 534px; overflow: hidden; margin: auto; }
.fazhan1 { overflow: hidden; margin-bottom: 18px; }
.fazhan2 { width: 120px; line-height: 30px; float: left; overflow: hidden; height: 34px; text-align: center; color: #fff; margin-right: 30px; background: no-repeat center; background-size: 100% auto; }
.fazhan3 { float: left; width: 380px; height: 30px; line-height: 30px; color: #fff; overflow: hidden; letter-spacing: 1px; }
.fazhan3:hover { color: #FFAB3C; }
}
@media only screen and (max-width: 1279px) {
.tongdian { width: 100%; padding-top:40px; padding-bottom:35px; overflow: hidden; background: no-repeat center; background-color: #676767; }
.tongdian .title { background-color: #fff; }
.tongdian .title01 { color: #fff; }
.tongdian1 { width: 94%; margin: auto; overflow: hidden; }
.fazhan { width: 100%; overflow: hidden; margin: auto; }
.fazhan1 { overflow: hidden; margin-bottom: 18px; }
.fazhan2 { width: 120px; line-height: 30px; float: left; overflow: hidden; height: 34px; text-align: center; color: #fff; margin-right: 30px; background: no-repeat center; background-size: 100% auto; }
.fazhan3 { float: left; width: 100%; padding-left:20px; box-sizing:border-box; font-size:14px; line-height:24px; margin-top:10px; color: #fff; overflow: hidden; letter-spacing: 1px; }
.fazhan3:hover { color: #FFAB3C; }
}

/*底部*/
@media screen and (min-width:1280px) {
.di { overflow: hidden; background-color: #393558; }
.zhanlue { overflow: hidden; width: 1070px; margin: auto; margin-bottom: 40px; }
.zhanlue1 { font-size: 30px; overflow: hidden; color: #fff; line-height: 36px; letter-spacing: 15px; padding-bottom: 30px; padding-top: 50px; text-align: center; }
.situ { overflow: hidden; }
.situ li { width: 263px; margin-right: 6px; float: left; overflow: hidden; text-align: center; overflow: hidden; height: 100px; margin-bottom: 6px; }
.situ>li:nth-of-type(4) { margin-right: 0; }
.situ>li:nth-of-type(8) { margin-right: 0; }
.situ>li:nth-of-type(12) { margin-right: 0; }
.situ>li:nth-of-type(16) { margin-right: 0; }
.situ>li:nth-of-type(20) { margin-right: 0; }
.situ>li:nth-of-type(24) { margin-right: 0; }
.situ>li:nth-of-type(28) { margin-right: 0; }
.situ>li:nth-of-type(32) { margin-right: 0; }
.situ>li:nth-of-type(36) { margin-right: 0; }
.situ>li:nth-of-type(40) { margin-right: 0; }
.situ>li:nth-of-type(44) { margin-right: 0; }
.situ>li:nth-of-type(48) { margin-right: 0; }
.situ>li:nth-of-type(52) { margin-right: 0; }
.situ>li:nth-of-type(56) { margin-right: 0; }
.situ>li:nth-of-type(60) { margin-right: 0; }
.situ>li:nth-of-type(64) { margin-right: 0; }
.situ li img { width: 263px; }
.di1 { width: 1070px; margin: auto; overflow: hidden; padding: 0 50px; border-top: 1px solid #918da9; }
.didh { width: 1070px; margin-top: 22px; height: 43px; overflow: hidden; }
.dilogo { float: left; }
.dilogo img { height: 40px; margin-top: 1.5px; }
.didh1 { float: right; }
.didh1 li { float: left; margin-left: 35px; }
.didh1 li a img { height: 43px; }
.didh1 li:hover .tucheng { display: block; }
.tucheng { width: 200px; height: 200px; overflow: hidden; position: absolute; margin-left: -78.5px; text-align: center; margin-top: -230px; display: none; }
.tucheng img { height: 200px; }
.banquan { margin-top: 46px; margin-bottom: 50px; overflow: hidden; font-size: 12px; color: #fff; text-align: center; }
}
@media only screen and (max-width: 1279px) {
.di { overflow: hidden; background-color: #393558; padding-top:35px;}
.zhanlue { overflow: hidden; width: 94%; margin: auto; margin-bottom: 20px; }
.zhanlue1 { font-size: 20px; overflow: hidden; color: #fff; line-height: 30px; letter-spacing: 2px; text-indent:2px; padding-bottom: 20px; text-align: center; }
.situ { overflow: hidden; }
.situ li { width: 48.5%; margin-left:3%; float: left; overflow: hidden; text-align: center; overflow: hidden; height: 19.61vw; margin-bottom: 6px; }
.situ li:nth-child(2n+1) { clear: left; float: left; margin-left: 0; }
.situ li img { width: 100%; display:block;}
.di1 { width: 94%; margin: auto; overflow: hidden; border-top: 1px solid #918da9; }
.didh { width: 100%; margin-top: 22px; height: 43px; overflow: hidden; display:none;}
.dilogo { display:none;}
.didh1 { display:none; float: right; }
.didh1 li { float: left; margin-left: 35px; }
.didh1 li a img { height: 43px; }
.didh1 li:hover .tucheng { display: block; }
.tucheng { width: 200px; height: 200px; overflow: hidden; position: absolute; margin-left: -78.5px; text-align: center; margin-top: -230px; display: none; }
.tucheng img { height: 200px; }
.banquan { overflow: hidden; font-size: 12px; line-height:22px; padding:15px 0; color: #fff; text-align: center; }
}