.introduce{width:100%;position:relative;background-repeat:no-repeat;background-size:100% 100%;padding:65px 0px;background:#61caff}@media screen and (max-width: 768px){.introduce{padding:30px 0px}}.introduce .frames_p{width:50%;height:auto;float:left;padding-right:40px;box-sizing:border-box;margin-top:45px}.introduce .image{width:50%;height:auto;float:right;transform:translateX(0%);transition:2s;-webkit-transition:2s}.introduce .block_title{color:#000;text-align:left}.introduce .block_title:after{left:0px;transform:translateX(0px);background:#000}@media screen and (max-width: 768px){.introduce .block_title{text-align:center}.introduce .block_title:after{left:50%;transform:translateX(-50%)}}.introduce .content{color:#000;line-height:24px;margin-bottom:20px;opacity:0;transition:3s;-webkit-transition:3s}@media screen and (max-width: 768px){.introduce .content{text-align:center}}@media screen and (max-width: 430px){.introduce .content{margin-bottom:6px}}.introduce .readmore{color:#000;position:relative}.introduce .readmore svg{position:absolute;right:-21px;width:13px;height:13px;top:2px;fill:#000}@media screen and (max-width: 768px){.introduce .readmore{display:block;text-align:center}.introduce .readmore svg{right:calc(50% - 50px)}}@media screen and (max-width: 1100px){.introduce .img2{padding:3px;position:absolute;top:28px;right:21%;width:150px;height:150px;max-width:150px}.introduce .img3{padding:3px;position:absolute;top:10px;right:36%;width:200px;height:200px;max-width:200px}.introduce .img1{padding:3px;width:130px;height:130px;position:absolute;top:111px;right:57%;max-width:130px}}@media screen and (max-width: 850px){.introduce .container{background:none}.introduce .img2{position:absolute;top:28px;right:10%}.introduce .img3{position:absolute;top:10px;right:26%}.introduce .img1{position:absolute;top:114px;right:52%}}@media screen and (max-width: 750px){.introduce .frames_p{font-size:14px}.introduce .img2{padding:3px;position:absolute;top:28px;right:10%;width:120px;height:120px;max-width:120px}.introduce .img3{padding:3px;position:absolute;top:10px;right:24%;width:170px;height:170px;max-width:170px}.introduce .img1{padding:3px;width:110px;height:110px;position:absolute;top:98px;right:49%;max-width:110px}}@media screen and (max-width: 768px){.introduce hr{margin:10px 0px}.introduce h4{margin:10px 0px 0px 0px;text-align:center}.introduce .hr{text-align:center}.introduce .image{display:none}.introduce .frames_p{width:100%;text-align:justify;padding-right:0px;margin-top:0px}.introduce .frames_p button{text-align:center;margin-top:30px;padding:5px;text-transform:unset}}.hello .introduce .content{opacity:1}.hello .introduce .image{transform:translateX(0%)}
/*# sourceMappingURL=default.css.map */