html{font-size:14px}body{width:100%;overflow-x:hidden;overflow-y:auto;font-size:14px}div.cont1680{width:100%;max-width:1680px;margin:0 auto;overflow:hidden;background-color:#fff}div.cont1920{width:100%;max-width:1920px;min-width:1500px;margin:0 auto;overflow:hidden;background-color:#fff}div.loadpage{width:100%;height:100%;position:fixed;left:0;top:0;display:flex;align-items:center;justify-content:center}div.loadpage svg{width:40%;height:auto}img.bg{width:100%;max-width:1920px;animation:fadeIn .2s 0s,opacity0 0s 0s;-webkit-animation:fadeIn .2s 0s,opacity0 0s 0s;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.PC{display:block}.MB{display:none}div.snowbox{position:absolute;left:0%;top:0%;width:100%;height:100%;opacity:.8}div.part1{position:relative}div.part1 img.ft.wow{position:absolute;left:-.4166666667%;top:41.2671232877%;width:51.3541666667%;max-width:986px;animation:zoomIn 1s .4s,opacity0 .4s 0s;-webkit-animation:zoomIn 1s .4s,opacity0 .4s 0s}div.part1 img.intro.wow{position:absolute;left:17.34375%;top:57.448630137%;width:56.25%;max-width:1080px;animation:fadeIn 1s .6s,opacity0 .6s 0s;-webkit-animation:fadeIn 1s .6s,opacity0 .6s 0s}div.part1 img.onmt3.wow{position:absolute;left:-7.7604166667%;top:62.4143835616%;width:35.0520833333%;max-width:673px;animation:fadeInBottomLeft 1s .2s,opacity0 .2s 0s;-webkit-animation:fadeInBottomLeft 1s .2s,opacity0 .2s 0s}div.part1 img.titlebg.wow{position:absolute;left:-3.3333333333%;top:0%;width:103.6458333333%;max-width:1990px;animation:fadeIn 1s 0s,opacity0 0s 0s;-webkit-animation:fadeIn 1s 0s,opacity0 0s 0s}div.part1 img.onmt2.wow{position:absolute;left:70.9375%;top:62.5856164384%;width:29.375%;max-width:564px;animation:fadeInRight 1s .2s,opacity0 .2s 0s;-webkit-animation:fadeInRight 1s .2s,opacity0 .2s 0s}div.part1 img.cloud.wow{position:absolute;left:35.3125%;top:12.8424657534%;width:81.1458333333%;max-width:1558px;animation:fadeIn 1s 0s,opacity0 0s 0s;animation:cloud1_move 100s linear 0s infinite;-webkit-animation:cloud1_move 100s linear 0s infinite}div.part1 img.onmt1.wow{position:absolute;left:55%;top:59.4178082192%;width:6.0416666667%;max-width:116px;animation:fadeIn 1s 0s,opacity0 0s 0s;-webkit-animation:fadeIn 1s 0s,opacity0 0s 0s}div.part1 img.title3.wow{position:absolute;left:20.8854166667%;top:41.1815068493%;width:22.65625%;max-width:435px;animation:zoomIn 1s .3s,opacity0 .3s 0s;-webkit-animation:zoomIn 1s .3s,opacity0 .3s 0s}div.part1 img.title2.wow{position:absolute;left:28.5416666667%;top:25.9417808219%;width:10.15625%;max-width:195px;animation:zoomIn 1s .2s,opacity0 .2s 0s;-webkit-animation:zoomIn 1s .2s,opacity0 .2s 0s}div.part1 img.title1.wow{position:absolute;left:14.7916666667%;top:22.6883561644%;width:16.6145833333%;max-width:319px;animation:zoomIn 1s .1s,opacity0 .1s 0s;-webkit-animation:zoomIn 1s .1s,opacity0 .1s 0s}div.part2{padding:4rem 0;background:#2a666c}div.part2 div.vwrap{background-size:cover;position:relative}div.part2 a{display:block;width:60%;margin:0 auto}div.part2 a img{width:100%}div.part2 div.cover{position:absolute;left:20%;top:0;width:60%;height:100%;margin:0 auto;background:rgba(0,0,0,.28)}div.part2 div.vbtn{position:absolute;left:50%;top:50%;width:60px;height:60px;margin:-30px;background:url(http://www.sinopecnews.com.cn/pic/videoBtn.png) 0 0 no-repeat;background-size:100% 100%;z-index:66}div.part3 div.part3-1{overflow:hidden;position:relative}div.part3 div.part3-1 img.onmt.wow{position:absolute;left:-3.4895833333%;top:-87.374749499%;width:64.53125%;max-width:1239px;animation:zoomIn 3s 0s,opacity0 0s 0s;-webkit-animation:zoomIn 3s 0s,opacity0 0s 0s}div.part3 div.part3-1 img.subtbg.wow{position:absolute;left:22.34375%;top:-.4008016032%;width:77.65625%;max-width:1491px;animation:fadeIn 1s 0s,opacity0 0s 0s;-webkit-animation:fadeIn 1s 0s,opacity0 0s 0s}div.part3 div.part3-1 img.subft.wow{position:absolute;left:50.8854166667%;top:25.6513026052%;width:29.7916666667%;max-width:572px;animation:fadeIn 1s 0s,opacity0 0s 0s;-webkit-animation:fadeIn 1s 0s,opacity0 0s 0s}div.part3 div.part3-1 img.onmt1.wow{position:absolute;left:86.4583333333%;top:7.4148296593%;width:13.3854166667%;max-width:257px;animation:scale-up-bottom 1s cubic-bezier(0.47, 0, 0.745, 0.715) infinite alternate-reverse both}div.part3 div.part3-1 img.onmt2.wow{position:absolute;left:63.2291666667%;top:44.8897795591%;width:30.6770833333%;max-width:589px;animation:fadeInRight 1s .4s,opacity0 .4s 0s;-webkit-animation:fadeInRight 1s .4s,opacity0 .4s 0s}div.part3 div.part3-1 img.subt.wow{position:absolute;left:18.1770833333%;top:12.625250501%;width:37.5520833333%;max-width:721px;animation:fadeIn 1s 0s,opacity0 0s 0s;-webkit-animation:fadeIn 1s 0s,opacity0 0s 0s}div.part4 div.p4title{position:relative}div.part4 div.p4title img.title{position:absolute;left:23.0208333333%;top:33.4782608696%;width:60.3125%;max-width:1158px;animation:fadeIn 1s 0s,opacity0 0s 0s;-webkit-animation:fadeIn 1s 0s,opacity0 0s 0s}div.part4 div.p4cont{position:relative}div.part4 div.p4cont div.imgforcircle{position:relative;height:52.2857rem;width:100%;overflow:hidden;border-top:#fff 2px solid;border-bottom:#fff 2px solid}div.part4 div.p4cont div.imgforcircle img.circleimg{position:absolute;width:100%;height:auto;left:0;top:0;-o-object-fit:cover;object-fit:cover;opacity:0;position:absolute}div.part4 div.p4cont div.imgforcircle img.circleimg.active{opacity:1;transition:.5s}div.part4 div.p4cont div.contsforcircle{width:100%;height:18vw;background-color:#3a3a3a;display:flex;justify-content:flex-start;flex-direction:row;align-items:center}div.part4 div.p4cont div.contsforcircle div.contcircle{position:absolute;width:90%;height:auto;padding-left:20px;margin-left:70px;padding-right:30%;border-left:1px solid #f5f5f5;box-sizing:border-box;opacity:0}div.part4 div.p4cont div.contsforcircle div.contcircle h1{color:#fff0d3;margin-bottom:10px}div.part4 div.p4cont div.contsforcircle div.contcircle p{font-size:18px;line-height:1.8;color:#fff}div.part4 div.p4cont div.contsforcircle div.contcircle p span{color:#faebd7}div.part4 div.p4cont div.contsforcircle div.contcircle.active{opacity:1;display:block;transition:.4s}div.part4 div.p4cont div.holderCircle{right:5%;bottom:0}div.part5{position:relative}div.part5 img.p5title.wow{position:absolute;left:28.75%;top:10.5511811024%;width:45.5729166667%;max-width:875px;animation:fadeIn 1s 0s,opacity0 0s 0s;-webkit-animation:fadeIn 1s 0s,opacity0 0s 0s}div.part5 img.p6onmt1.wow{position:absolute;left:44.375%;top:42.2309711286%;width:50.3125%;max-width:966px;animation:fadeIn 1s 0s,opacity0 0s 0s;-webkit-animation:fadeIn 1s 0s,opacity0 0s 0s}div.part5 img.p6tbg.wow{position:absolute;left:12.4479166667%;top:39.5538057743%;width:37.2916666667%;max-width:716px;animation:fadeIn 1s 0s,opacity0 0s 0s;-webkit-animation:fadeIn 1s 0s,opacity0 0s 0s}div.part5 img.p6title.wow{position:absolute;left:23.8020833333%;top:46.7716535433%;width:29.7395833333%;max-width:571px;animation:fadeIn 1s 0s,opacity0 0s 0s;-webkit-animation:fadeIn 1s 0s,opacity0 0s 0s}div.part5 img.p6ft.wow{position:absolute;left:32.65625%;top:50.5249343832%;width:25.9375%;max-width:498px;animation:fadeIn 1s 0s,opacity0 0s 0s;-webkit-animation:fadeIn 1s 0s,opacity0 0s 0s}div.part5 img.p5onmt1.wow{position:absolute;left:0%;top:10.7874015748%;width:29.1145833333%;max-width:559px;animation:fadeIn 1s 0s,opacity0 0s 0s;-webkit-animation:fadeIn 1s 0s,opacity0 0s 0s}div.part5 img.paperbg.wow{position:absolute;left:0%;top:22.0209973753%;width:100%;max-width:1920px;animation:fadeIn 1s 0s,opacity0 0s 0s;-webkit-animation:fadeIn 1s 0s,opacity0 0s 0s}div.part5 img.p6onmt3.wow{position:absolute;left:60.9375%;top:86.2204724409%;width:30.9895833333%;max-width:595px;animation:fadeIn 1s 0s,opacity0 0s 0s;-webkit-animation:fadeIn 1s 0s,opacity0 0s 0s}div.part5 img.p6onmt2.wow{position:absolute;left:24.5833333333%;top:89.0288713911%;width:10.7291666667%;max-width:206px;animation:fadeIn 1s 0s,opacity0 0s 0s;-webkit-animation:fadeIn 1s 0s,opacity0 0s 0s}div.part5 div.papers{position:absolute;left:8%;top:23.5%;width:84%;height:18.4%}div.part5 div.papers div.swiper-container.PC{height:100%;padding:3% 1%;box-sizing:border-box;overflow:hidden}div.part5 div.papers div.swiper-container.PC div.swiper-wrapper div.swiper-slide{width:auto;box-shadow:0 0 11px 0px rgba(58,58,58,.8705882353)}div.part5 div.papers div.swiper-container.PC div.swiper-wrapper div.swiper-slide a{display:block;width:100%;height:100%}div.part5 div.papers div.swiper-container.PC div.swiper-wrapper div.swiper-slide a img{height:100%}div.part5 div.papers img.lftbtn{position:absolute;left:-6.7381%;top:42.57274%;width:3.80952%;max-width:64px;z-index:10}div.part5 div.papers img.rtbtn{position:absolute;right:-6.7381%;top:42.57274%;width:3.80952%;max-width:64px;z-index:10}div.part5 div.video-container{position:absolute;left:10%;top:60%;width:88%;max-width:1600px;margin:0 auto;padding:40px 0;display:flex;align-items:flex-start;justify-content:center;height:100%;min-height:710px}div.part5 div.video-container div.card-wraper{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));justify-content:space-between}div.part5 div.video-container div.card-wraper div.background{background-color:#2c5c7f;border-radius:20px;position:absolute;transition:all .4s ease-in-out;opacity:0}div.part5 div.video-container div.card-wraper a.card{text-decoration:none;height:90%;width:100%;display:inline-block;position:relative;padding:18px;box-sizing:border-box}div.part5 div.video-container div.card-wraper a.card div.card-main{border:1px solid #1a5582;width:100%;height:100%;min-height:300px;border-radius:8px;overflow:hidden;box-sizing:border-box}div.part5 div.video-container div.card-wraper a.card div.card-main div.card-inner{position:relative;z-index:50;height:100%}div.part5 div.video-container div.card-wraper a.card div.card-main div.card-inner div{height:100%}div.part5 div.video-container div.card-wraper a.card div.card-main div.card-inner div img{height:100%;width:100%}div.part5 div.video-container div.card-wraper .card:hover img{box-shadow:0 0 0 0 #000;transition:border .6s}div.cards div.card.wow{animation:fadeIn 1s .1s,opacity0 .1s 0s;-webkit-animation:fadeIn 1s .1s,opacity0 .1s 0s;position:relative;padding:3.2rem 0;width:100%}div.cards div.card.wow div.cardleft.wow{position:relative;animation:fadeInLeft 1.4s .2s,opacity0 .2s 0s;-webkit-animation:fadeInLeft 1.4s .2s,opacity0 .2s 0s}div.cards div.card.wow div.cardleft.wow div.atcbg{margin-left:0;width:47.4479166667%}div.cards div.card.wow div.cardleft.wow div.atcbg img{display:block;width:100%}div.cards div.card.wow div.cardleft.wow div.coverpic{position:absolute;left:9%;top:12%;width:30.1%}div.cards div.card.wow div.cardleft.wow div.coverpic img{width:100%}div.cards div.card.wow div.cardleft.wow div.coverpic div.atct{width:60%;margin:2% auto}div.cards div.card.wow div.cardcenter.wow{animation:zoomIn 1s .4s,opacity0 .4s 0s;-webkit-animation:zoomIn 1s .4s,opacity0 .4s 0s;position:absolute;left:43%;top:2.4rem;width:21.1%;transform-style:preserve-3d;perspective:1000px}div.cards div.card.wow div.cardcenter.wow div.front,div.cards div.card.wow div.cardcenter.wow div.back{border-radius:8%;box-shadow:0 0 15px 1px #4e4e4e;background-size:100%;background-size:cover;background-position:center;min-height:20rem;height:auto;transition:transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);-webkit-backface-visibility:hidden;backface-visibility:hidden}div.cards div.card.wow div.cardcenter.wow div.front div.inner,div.cards div.card.wow div.cardcenter.wow div.back div.inner{position:relative}div.cards div.card.wow div.cardcenter.wow div.front div.inner .frontbg,div.cards div.card.wow div.cardcenter.wow div.front div.inner .backbg,div.cards div.card.wow div.cardcenter.wow div.back div.inner .frontbg,div.cards div.card.wow div.cardcenter.wow div.back div.inner .backbg{width:100%;height:auto}div.cards div.card.wow div.cardcenter.wow div.front div.inner .frontw,div.cards div.card.wow div.cardcenter.wow div.front div.inner .backw,div.cards div.card.wow div.cardcenter.wow div.back div.inner .frontw,div.cards div.card.wow div.cardcenter.wow div.back div.inner .backw{position:absolute;left:0;top:0}div.cards div.card.wow div.cardcenter.wow div.front div.inner .backw,div.cards div.card.wow div.cardcenter.wow div.back div.inner .backw{width:80%;margin:8% 10%;font-size:1.6714rem;font-weight:600;line-height:1.5}div.cards div.card.wow div.cardcenter.wow div.front div.inner .backw span,div.cards div.card.wow div.cardcenter.wow div.back div.inner .backw span{display:block;text-align:right;color:#5f0000;font-size:1.1429rem;font-weight:600}div.cards div.card.wow div.cardcenter.wow div.front{transform:rotateY(0deg);transform-style:preserve-3d}div.cards div.card.wow div.cardcenter.wow div.back{position:absolute;top:0;left:0;width:100%;transform:rotateY(180deg);transform-style:preserve-3d}div.cards div.card.wow .cardcenter.wow:hover .front,div.cards div.card.wow .cardcenter.wow:hover .back{transition:transform .7s cubic-bezier(0.4, 0.2, 0.2, 1)}div.cards div.card.wow .cardcenter.wow:hover .back{transform:rotateY(0deg);transform-style:preserve-3d}div.cards div.card.wow .cardcenter.wow:hover .front{transform:rotateY(-180deg);transform-style:preserve-3d}div.cards div.card.wow div.cardright.wow{animation:fadeInRight 1s .3s,opacity0 .3s 0s;-webkit-animation:fadeInRight 1s .3s,opacity0 .3s 0s;position:absolute;left:65%;top:2.3571rem;width:32%}div.cards div.card.wow div.cardright.wow img{width:100%}a:hover{color:#000}.gif{display:block;border:2px #fff0d3 solid}@media screen and (min-width: 765px)and (max-width: 1200px){html{font-size:10px}}@media screen and (max-width: 765px){html{font-size:4px}.PC{display:none}.MB{display:block}}.hvr-grow{display:inline-block;vertical-align:middle;transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;transition-duration:.5s;transition-property:transform}.hvr-grow:hover,.hvr-grow:focus,.hvr-grow:active{transform:scale(1.03)}@keyframes opacity0{0%{opacity:0}100%{opacity:0}}@keyframes slide-left{0%{transform:translateX(0)}100%{transform:translateX(-1680px)}}.full-screen,.full-screen body{width:100%;height:100%;overflow:hidden}div.wrap-video{position:relative;margin-left:auto;margin-top:0px;margin-right:auto;width:100%;height:auto}div.wrap-video div#cover{position:relative;overflow:hidden;background:url() no-repeat center;z-index:100}div.wrap-video div#cover video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;background:url() no-repeat center bottom}div.wrap-video img.ks.abs{position:absolute;left:50%;margin-left:-40px;bottom:8vw;cursor:pointer;z-index:999}@keyframes cloud1_move{0%{opacity:.8;transform:translateX(100%)}100%{opacity:1;transform:translateX(-150%)}}@keyframes scale-up-bottom{0%{transform:scale(0.9);transform-origin:50% 100%}100%{transform:scale(1);transform-origin:50% 100%}}svg{--stroke-transition: 1.2s}svg .svg-elem-1{stroke-dashoffset:3344.1267089844px;stroke-dasharray:3344.1267089844px;fill:rgba(0,0,0,0);transition:stroke-dashoffset var(--stroke-transition) cubic-bezier(0.47, 0, 0.745, 0.715) .1s,fill 1.6s cubic-bezier(0.47, 0, 0.745, 0.715) .8s}svg .svg-elem-2{stroke-dashoffset:1076.0336914063px;stroke-dasharray:1076.0336914063px;fill:rgba(0,0,0,0);transition:stroke-dashoffset var(--stroke-transition) cubic-bezier(0.47, 0, 0.745, 0.715) .3s,fill 1.6s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s}svg .svg-elem-3{stroke-dashoffset:3000.98046875px;stroke-dasharray:3000.98046875px;fill:rgba(0,0,0,0);transition:stroke-dashoffset var(--stroke-transition) cubic-bezier(0.47, 0, 0.745, 0.715) .5s,fill 1.6s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s}svg.active .svg-elem-1{stroke-dashoffset:0;fill:#00a894}svg.active .svg-elem-2{stroke-dashoffset:0;fill:#606060}svg.active .svg-elem-3{stroke-dashoffset:0;fill:#333}div.part1,div.part2,div.part3{display:block}