.quo-wrap{padding:46px 0 100px}.quo-container{width:1200px;margin:0 auto}.quo-player{width:100%;height:675px;overflow:hidden;border-radius:6px;position:relative}.quo-player .video{width:100%;height:100%;outline:0}.icon-play{width:160px;position:absolute;z-index:10;top:50%;left:50%;transform:translate(-50%, -50%);cursor:pointer}.icon-play img{width:100%;vertical-align:top}.yk-player{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;z-index:99;cursor:pointer}.quo-main{margin-top:95px}.quo-title{font-size:1.7708vw;font-weight:bold;text-align:center;margin-bottom:55px}.quo-box{display:flex;flex-flow:column wrap;padding:0;margin:0 -10px;position:relative;min-height:600px}.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.clearfix{height:1%}.quo-item{position:absolute;width:calc(25% - 20px);background:#FFFFFF;box-shadow:0 0 20px 0 rgba(0,0,0,0.06);border-radius:6px;margin-bottom:10px;box-sizing:border-box;padding:40px 32px 20px;opacity:0;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.quo-item:hover{background-color:#226CEF;box-shadow:0 0 30px 0 rgba(0,0,0,0.36);transform:translate(0, -3px)}.quo-item:hover p,.quo-item:hover .desc,.quo-item:hover .name{color:#FFFFFF}.quo-item p{font-weight:bold;font-size:16px;color:#333333;letter-spacing:0;line-height:2;margin:0;-webkit-transition:color .3s ease-in-out;transition:color .3s ease-in-out}.quo-item .desc{font-size:13px;color:#666666;letter-spacing:0;line-height:1.54;margin-top:20px;text-align:justify;-webkit-transition:color .3s ease-in-out;transition:color .3s ease-in-out}.quo-item .name{margin-top:40px;text-align:right;font-size:14px;color:#000000;-webkit-transition:color .3s ease-in-out;transition:color .3s ease-in-out}@media (max-width: 1501px){.quo-wrap{padding:40px 0 80px}.quo-container{width:1100px}.quo-player{height:618px}.quo-main{margin-top:78px}.quo-title{margin-bottom:40px}.icon-play{width:120px}}@media (max-width: 1201px){.quo-wrap{padding:34px 0 60px}.quo-container{width:800px}.quo-player{height:450px}.quo-main{margin-top:52px}.quo-title{margin-bottom:30px}.quo-item{width:calc(33.333% - 20px)}.icon-play{width:100px}}@media (max-width: 993px){.quo-wrap{padding:25px 0 40px}.quo-container{width:720px}.quo-player{height:405px}.quo-main{margin-top:40px}.quo-title{margin-bottom:25px}.icon-play{width:80px}}@media (max-width: 767px){.quo-wrap{padding:20px 0 20px}.quo-container{width:95.733vw}.quo-player{height:53.866vw}.quo-main{margin-top:10vw}.quo-title{margin-bottom:5.33vw;font-size:4.8vw}.quo-box{margin:0 -5px}.quo-item{width:calc(50% - 10px);padding:6.666vw 2.933vw;box-shadow:0 0 5.333vw 0 rgba(0,0,0,0.06)}.quo-item p{font-size:3.46667vw}.quo-item .desc{font-size:3.2vw;margin-top:2.666vw}.quo-item .name{font-size:3.2vw;margin-top:5.333vw}.quo-item:hover{background:#FFFFFF;box-shadow:0 0 5.333vw 0 rgba(0,0,0,0.06);transform:translate(0, 0)}.quo-item:hover p{color:#333333}.quo-item:hover .desc{color:#666666}.quo-item:hover .name{color:#000000}.quo-item:active{background-color:#226CEF;box-shadow:0 0 8vw 0 rgba(0,0,0,0.36);transform:translate(0, -3px)}.quo-item:active p,.quo-item:active .desc,.quo-item:active .name{color:#FFFFFF}.icon-play{width:16vw}}