section{width: 100%;height: 804px;}
section img{width: auto;height: 804px;}

main{width: 100%;}
main .history{height: 100%;width: 100%;}
main .history .history-bg{height: 2070px;width: 1920px;margin: 0 auto;padding-bottom: 96px;background-image: url(../images/index/dragon.png);background-size: auto;background-repeat: no-repeat;background-position:0 116px;}
main .history .history-content{display: flex;flex-direction:column;justify-content: center;}
main .history .history-content .history-t1{font-size: 22px;margin-top: 224px;line-height: 22px;margin-left: 254px;font-weight: bold;}
main .history .history-content .history-t2{font-size: 64px;margin-top: 110px;line-height: 64px;font-weight: bold;}
main .history .history-content .history-t3{margin-top: 120px;margin-left: 258px;}
main .history .history-content .history-t3 .history-img{margin-left: 152px;}
main .history .history-content .history-t3 .history-img img:nth-child(1){margin-bottom: 40px;}
main .history .history-content .history-t3 div:nth-child(2){width: 3px;height: 70px;background-color: black;margin: 0 52px;}
main .history .history-content .history-t3 .history-t31 p:nth-child(1){font-size: 18px;line-height: 18px;margin-top: 2px;font-weight: 500;}
main .history .history-content .history-t3 .history-t31 p:nth-child(2){font-size: 34px;line-height: 34px;margin-top: 18px;font-weight: bold;}
main .history .history-content .history-t3 .history-t32 p:nth-child(1){font-size: 18px;line-height: 18px;margin-top: 2px;font-weight: 500;}
main .history .history-content .history-t3 .history-t32 p:nth-child(2){font-size: 34px;line-height: 34px;margin-top: 18px;font-weight: bold;white-space: nowrap;}
main .advant{position: relative;}
main .advant .tit{background-color: #e31f02;width: 460px;height: 92px;border-radius: 42px;
font-size: 42px;color: #fff;position: absolute;top: -46px;left: 50%;transform: translate(-50%,0);font-weight: bold;}
main .advant .reason-box{width: 100%;background-color: #f28f05;height: 1006px;border-radius: 54px;padding-top: 146px;}
main .advant a{width: 222px;height: 80px;border: 2px solid #fff;display: block;
border-radius: 34px;text-align: center;font-size: 22px;line-height: 80px;color: #fff;margin: 0 auto;margin-top: 80px;}
main .advant .reason-box .reason {display: grid;grid-template-columns: repeat(3,1fr);
align-items: center;justify-items: center;height: 618px;}
main .advant .reason .content{width: 380px;height: 150px;}
main .advant .reason .content div:nth-child(1){font-size: 50px;color: #fff;line-height: 150px;margin-right: 28px;font-weight: bold;}
main .advant .reason .content div:nth-child(2){color: #fff;width: 262px;}
main .advant .reason .content div:nth-child(2) p:nth-child(1){font-size: 26px;color: #fff;line-height: 40px;margin-top: 4px;}
main .advant .reason .content div:nth-child(2) p:nth-child(2){font-size: 20px;color: #fff;line-height: 30px;margin-top: 4px;}
main .advant .reason .content div:nth-child(2) p:nth-child(3){font-size: 16px;color: #fff;line-height: 30px;margin-top: 4px;}

main .promotion{width: 100%;}
main .promotion .promotion-video{background:url(../images/index/video-bg.png)  no-repeat scroll 50% 50% transparent;height: 754px;}
main .promotion .promotion-video video{width: auto;height: 428px;border-radius: 24px;margin-top: 246px;border-radius: 24px;background-color: black;border: none;}
main .promotion .promotion-video video:focus {outline:none;}
main .delicious{width: 100%;height: 584p;}
main .delicious .delicious-inside{width: 1200px;height: 584px;}
main .delicious .delicious-inside div img{width: 564px;height: 328px;}
main .delicious .delicious-inside div a{width: 124px;height: 48px;background-color: #ea530a;border-radius: 20px;font-size: 16px;color: #f2eedc;line-height: 48px;text-align: center;margin-top: 48px;}
.codeItem{background: #f2eedc;background-size: 1640px 1040px;background-repeat: no-repeat;background-position:center center;}
.codeItem {padding-top: 190px;padding-bottom: 306px;}
.codeItem .tit {margin-bottom: 120px;display: flex;align-items: center;justify-content: center;letter-spacing: 6px;}
.codeItem .tit p {font-size: 70px;color: #ea530a;font-weight: 600;}
.codeItem .code {display: grid;grid-template-columns: repeat(4, 1fr);gap: 0 94px;}
.codeItem .code>div {display: flex;flex-direction: column;align-items: center;}
.codeItem .code>div>div { width: 312px;height: 312px;background-color: #fff;}
.codeItem .code>div p {margin-top: 34px;font-size: 40px;color: #000;font-weight: 400;letter-spacing: 2px;}
.codeItem .code img {width: auto;}