.head_img{width:100%;min-width:1336px;position:relative}.head_img img{width:100%;min-width:1336px}.head_img h1{text-align:center;font-size:54px;font-family:OPPOSans;font-weight:800;color:#FFFFFF;opacity:0.9;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:99}.head_img h2{font-size:54px;font-family:OPPOSans;font-weight:800;color:#FB8210;opacity:0.14;position:absolute;top:57%;left:50%;transform:translate(-50%,-50%);z-index:88;white-space:nowrap}.introduction{padding:50px 0;background-color:#F8F8F8}.introduction p{margin:0 auto;width:1080px;width:1080px;font-size:16px;font-family:OPPOSans;font-weight:500;color:#545454;line-height:34px;text-align:center}.web_data{padding-top:1px;background:url(../images/data_bg.png) no-repeat;background-size:1920px 1000px;background-position:center;height:1000px;width:100%}.web_data .content{position:relative}.web_data .content .icon{width:222px;height:105px}.web_data .content .icon:nth-child(1){position:absolute;top:-150px;left:calc(50% - 630px);animation-name:move_1;animation-duration:15s;animation-timing-function:linear;animation-iteration-count:infinite}.web_data .content .icon:nth-child(2){position:absolute;top:-150px;right:calc(50% - 630px);animation-name:move_2;animation-duration:15s;animation-timing-function:linear;animation-iteration-count:infinite}.web_data .content .icon:nth-child(3){position:absolute;top:150px;left:calc(50% - 630px);animation-name:move_3;animation-duration:15s;animation-timing-function:linear;animation-iteration-count:infinite}.web_data .content .icon:nth-child(4){position:absolute;top:150px;right:calc(50% - 630px);animation-name:move_4;animation-duration:15s;animation-timing-function:linear;animation-iteration-count:infinite}.web_data .content .icon img{width:222px;height:105px}.web_data .content .num_datas{margin:0 auto;margin-top:230px;overflow:hidden;width:1334px}.web_data .content .num_data{width:214px;height:97px;background:#FFFFFF;border-radius:10px}.web_data .content .num_data:nth-child(1){float:left}.web_data .content .num_data:nth-child(2){float:right}.web_data .content .num_data .num{text-align:center;font-size:36px;font-family:DINPro;font-weight:bold;color:#FB8210;line-height:20px;margin-top:20px}.web_data .content .num_data .num span{font-size:20px}.web_data .content .num_data .text{text-align:center;font-size:16px;font-family:OPPOSans;font-weight:bold;color:#FB8210;line-height:50px}@keyframes move_1{0%{transform:translate(-10px,-10px)}5%{transform:translate(-7px,-5px)}10%{transform:translate(-5px,-1px)}15%{transform:translate(-8px,4px)}20%{transform:translate(-5px,8px)}25%{transform:translate(-1px,10px)}30%{transform:translate(2px,4px)}35%{transform:translate(6px,8px)}40%{transform:translate(8px,10px)}50%{transform:translate(10px,10px)}55%{transform:translate(7px,7px)}60%{transform:translate(4px,6px)}65%{transform:translate(7px,1px)}70%{transform:translate(3px,4px)}75%{transform:translate(-1px,-1px)}80%{transform:translate(-5px,-3px)}85%{transform:translate(-3px,-6px)}90%{transform:translate(-6px,-8px)}95%{transform:translate(-8px,-9px)}100%{transform:translate(-10px,-10px)}}@keyframes move_2{0%{transform:translate(-5px,-1px)}10%{transform:translate(-8px,4px)}15%{transform:translate(-5px,8px)}20%{transform:translate(-1px,10px)}25%{transform:translate(2px,4px)}30%{transform:translate(6px,8px)}35%{transform:translate(8px,10px)}40%{transform:translate(10px,10px)}45%{transform:translate(7px,7px)}50%{transform:translate(4px,6px)}55%{transform:translate(7px,1px)}60%{transform:translate(3px,4px)}65%{transform:translate(-1px,-1px)}70%{transform:translate(-5px,-3px)}75%{transform:translate(-3px,-6px)}80%{transform:translate(-6px,-8px)}85%{transform:translate(-8px,-9px)}90%{transform:translate(-10px,-10px)}95%{transform:translate(-7px,-5px)}100%{transform:translate(-5px,-1px)}}@keyframes move_3{0%{transform:translate(10px,10px)}5%{transform:translate(7px,7px)}10%{transform:translate(4px,6px)}15%{transform:translate(7px,1px)}20%{transform:translate(3px,4px)}25%{transform:translate(-1px,-1px)}30%{transform:translate(-5px,-3px)}35%{transform:translate(-3px,-6px)}40%{transform:translate(-6px,-8px)}45%{transform:translate(-8px,-9px)}50%{transform:translate(-10px,-10px)}55%{transform:translate(-8px,-7px)}60%{transform:translate(-7px,-5px)}65%{transform:translate(-5px,-1px)}70%{transform:translate(-8px,4px)}75%{transform:translate(-5px,8px)}80%{transform:translate(-1px,10px)}85%{transform:translate(2px,4px)}90%{transform:translate(6px,8px)}95%{transform:translate(8px,10px)}100%{transform:translate(10px,10px)}}@keyframes move_4{0%{transform:translate(-5px,-3px)}5%{transform:translate(-3px,-6px)}10%{transform:translate(-6px,-8px)}15%{transform:translate(-8px,-9px)}20%{transform:translate(-10px,-10px)}25%{transform:translate(-7px,-5px)}30%{transform:translate(-5px,-1px)}35%{transform:translate(-8px,4px)}40%{transform:translate(-5px,8px)}45%{transform:translate(-1px,10px)}50%{transform:translate(2px,4px)}55%{transform:translate(6px,8px)}60%{transform:translate(8px,10px)}65%{transform:translate(10px,10px)}70%{transform:translate(7px,7px)}75%{transform:translate(4px,6px)}80%{transform:translate(7px,1px)}85%{transform:translate(4px,5px)}90%{transform:translate(3px,4px)}95%{transform:translate(-1px,-1px)}100%{transform:translate(-5px,-3px)}}.web_data .content .sort_box{margin:0 auto;margin-top:320px;overflow:hidden;width:1334px}.web_data .content .sort_box .box{float:left;width:302px;height:162px;background:#FFF9F5;border-radius:20px}.web_data .content .sort_box .box+.box{margin-left:42px}.web_data .content .sort_box .box img{margin-left:124px;margin-top:34px;width:54px;height:54px}.web_data .content .sort_box .box p{font-size:20px;text-align:center;font-family:OPPOSans;font-weight:500;color:#333333;margin-top:10px}