blockquote,body,button,dd,dl,dt,form,h1,h2,h3,h4,h5,h6,hr,html,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}
li,ol,ul{list-style:none}
address,article,aside,canvas,dialog,fieldset,figure,footer,header,mark,nav,section,time,video{display:block;margin:0;padding:0}
table{width:100%;border-collapse:collapse;border-spacing:0}
a,a:active,button,button:active,input,span{-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:transparent}
body{box-sizing:border-box;font-family:"PingFang SC","\5FAE\8F6F\96C5\9ED1","Microsoft Yahei","Hiragino Sans GB",tahoma,arial,"\5B8B\4F53";font-size:14px;line-height:1.6;color:#333;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;background-color:#fff}
a,button,input,select,textarea{outline:0}

/* old */
.product-header{ position: absolute; z-index: 5; top:0; height: 50px; width: 100%; background-color: rgba(0,0,0,0); line-height: 50px; transition: background-color .5s linear; -webkit-transition: background-color .5s linear }
.product-header.fix{ position: fixed; z-index: 99999; left: 0; top: 0; background-color: rgba(0,0,0,.8); }
.product-header:after{ content: " "; display: block; position: absolute; height: 1px; width: 1200px; left: 50%; margin-left: -600px; background: rgba(51,51,51,0.95); transition: all .5s linear; -webkit-transition: all .5s linear; }
.fix.product-header:after{ width: 100%; left: 0; margin-left: 0; }
.product-menu{ text-align: right; width: 1200px; margin: 0 auto; }
.product-header.on .product-menu{ width: 1200px; }
.product-menu li{ display: inline-block; margin-left: 40px; height: 44px;}
.product-menu li a{ display: inline-block; vertical-align: middle; color: #fff; }
.product-menu li a:hover,.product-menu li.on a{ display: inline-block; vertical-align: middle; color: #999; }
.product-menu li a.btn-buy{ position: relative; display: inline-block; vertical-align: middle; padding: 0; color: #fff; height: 30px; line-height: 30px; padding: 0 20px; background: #db2017; border-radius: 15px; font-size: 12px; text-align: center; }
.product-menu li a.btn-buy.gray{ background: #666; }
.product-menu li a.btn-buy.yellow{ background: #ec910f; }
.product-menu li a.btn-buy.blue{ background: #3ca8ff; }
.btn-step{position:absolute;top:50%;margin-top:-9px;right:10px;display:block;width:36px;height:18px;line-height:17px;background:red;border-radius:2px;font-size:12px;font-style:normal;}
.btn-step:before{content:" ";display:block;position:absolute;left:-4px;top:3px;width:0;height:0;border-top:6px solid transparent;border-right:6px solid red;border-bottom:6px solid transparent;}
.btn-step{ animation: btn-step 1s both linear infinite; -webkit-animation: btn-step 1s both linear infinite; }
@keyframes btn-step{
	0%{transform:translateX(0);}
	70%{transform:translateX(6px);}
	100%{transform:translateX(0);}
}
@keyframes btn-step{
	0%{transform:translateX(0);}
	70%{transform:translateX(6px);}
	100%{transform:translateX(0);}
}
.people-number{ position: absolute; color: #fff; width: 600px; left: 50%; margin-left: -600px; }
.people-number span{ font-size: 24px; font-family: Helvetica; }
@media only screen and (max-width: 1280px){
	.people-number{ display: none; }
	.product-menu{ width: 96%; }
	.product-header:after{ width: 100%; left: 0; margin-left:0; }
}
@media only screen and (max-width: 768px){
	.product-header{ width: 100%; left: 0; }
	.product-menu{ width: 92%; left: 4%; }
	.product-header.on .product-menu{ width: 92%; left: 4%; }
	.product-menu li{ margin-left: 14px; font-size: 12px; }
}
/* old-end */

@media only screen and (max-width:735px){
	.img-pc{display:none}
}
.img-mobile{display:none}
@media only screen and (max-width:735px){
	.img-mobile{display:block; width:100%;}
}

.propage{ margin:0 auto; max-width:1920px; color:#fff;}
.propage .main{ box-sizing:border-box; position:relative; margin:0 auto; width:990px; height:1200px;}
.protit{ padding:130px 20px 90px; font-size:24px; line-height:1.4; color:#333; text-align:center;}
.protit h3{ margin-bottom:20px; font-weight:600; font-size:48px; line-height:1.2; color:#000;}
.protit p span{ display:block;}
.protit-white{ color:#fff;}
.protit-white h3{ color:#fff;}
@media only screen and (max-width:1068px){
	.propage .main{ width:100%; height:960px;}
	.protit{ padding:104px 20px 72px; font-size:20px;}
	.protit h3{ font-size:38px;}
}
@media only screen and (max-width:735px){
	.protit{ padding:45px 20px; font-size:15px; text-align:left;}
	.protit h3{ margin-bottom:10px; font-size:24px; line-height:1.4;}
	.protit p span{ display:inline;}
}
@media only screen and (max-width:321px){
	.protit{ font-size:14px;}
	.protit h3{ font-size:22px;}
}
/* ani */
.protit h3,.protit p,.proprice,.probanimg-1,.probanimg-2,.probantxt{ visibility:hidden;}
.ani .protit h3{ visibility:visible; -webkit-animation:fadeInUp 1s .2s ease both; animation:fadeInUp 1s .2s ease both;}
.ani .protit p{ visibility:visible; -webkit-animation:fadeInUp 1s .25s ease both; animation:fadeInUp 1s .25s ease both;}
.ani .proprice{ visibility:visible; -webkit-animation:fadeInUp 1s .3s ease both; animation:fadeInUp 1s .3s ease both;}
.ani .probanimg-1{ visibility:visible; -webkit-animation:rightIn 1s .35s ease both; animation:rightIn 1s .35s ease both;}
.ani .probanimg-2{ visibility:visible; -webkit-animation:leftIn 1s .4s ease both; animation:leftIn 1s .4s ease both;}
.ani .probantxt{ visibility:visible; -webkit-animation:fadeInUp 1s .45s ease both; animation:fadeInUp 1s .45s ease both;}


.propage-1{ background:url(/images/onecloud/product/v2/bg1.jpg) no-repeat center top; background-size:auto 100%;}
.propage-1 .main{ height:1344px;}
.propage-1 .protit{ padding-top:90px; padding-bottom:0;}
.proprice{ margin-top:20px; font-size:30px; text-align:center;}
.proprice em{ font-style:normal; font-size:48px;}
.proprice del{ margin-left:40px;}
.probanimg{ margin:0 auto; position:relative; width:620px; height:560px;}
.probanimg-1{ position:absolute; left:0; top:40px; width:337px;}
.probanimg-2{ position:absolute; right:-80px; top:40px; width:517px;}
.probantxt{ position:relative; font-size:24px;}
.probantxt:before{ position:absolute; left:33.33%; top:0; bottom:0; width:1px; content:""; background-image:-webkit-linear-gradient(top,transparent, #fff, transparent); background-image:linear-gradient(top,transparent, #fff, transparent); opacity:.5;}
.probantxt:after{ position:absolute; right:33.33%; top:0; bottom:0; width:1px; content:""; background-image:-webkit-linear-gradient(top,transparent, #fff, transparent); background-image:linear-gradient(top,transparent, #fff, transparent); opacity:.5;}
.probantxt ul{ position:relative;}
.probantxt ul:after{ display:table; content:""; clear:both;}
.probantxt ul:before{ position:absolute; left:0; right:0; top:50%; height:1px; content:""; background-image:-webkit-linear-gradient(left,transparent, #fff, transparent); background-image:linear-gradient(left,transparent, #fff, transparent); opacity:.5;}
.probantxt li{ float:left; display:table; width:33.33%; height:180px; text-align:center;}
.probantxt a{ display:table-cell; vertical-align:middle; height:100%; color:#ccc;}
.probantxt a:hover strong,.probantxt a:hover span{ background:-webkit-linear-gradient(45deg,#0069FF,#2dc0f6); -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.probantxt strong{ display:block; font-size:30px; color:#fff;}
@media only screen and (max-width:1068px){
	.propage-1 .main{ height:1076px;}
	.probanimg{ margin:0 auto; position:relative; width:496px; height:448px;}
	.probanimg-1{ left:0; top:32px; width:270px;}
	.probanimg-2{ right:-64px; top:32px; width:414px;}
	.proprice{ font-size:24px;}
	.proprice em{ font-size:38px;}
	.probantxt li{ height:108px;}
	.probantxt strong{ font-size:22px;}
}
@media only screen and (max-width:735px){
	.propage-1 .main{ height:850px;}
	.propage-1 .protit{ padding-top:60px; font-size:14px; text-align:center;} 
	.propage-1 .protit h3{ font-size:32px;}
	.proprice{ font-size:16px;}
	.proprice em{ font-size:24px;}
	.proprice del{ margin-left:20px;}
	.probanimg{ margin:0 auto; position:relative; width:100%; height:300px; overflow:hidden;}
	.probanimg-1{ left:50%; margin-left:-150px; top:32px; width:172px;}
	.probanimg-2{ left:50%; right:auto; margin-left:-70px; top:32px; width:264px;}
	.probantxt{ font-size:14px;}
	.probantxt:before{ position:absolute; top:33.33%; left:0; right:0; bottom:auto; width:100%; height:1px; content:""; background-image:-webkit-linear-gradient(left,transparent, #fff, transparent); background-image:linear-gradient(left,transparent, #fff, transparent); opacity:.5;}
	.probantxt:after{ position:absolute; bottom:33.33%; left:0; right:0; top:auto; width:100%; height:1px; content:""; background-image:-webkit-linear-gradient(left,transparent, #fff, transparent); background-image:linear-gradient(left,transparent, #fff, transparent); opacity:.5;}
	.probantxt li{ width:50%; height:90px;}
	.probantxt ul:before{ position:absolute; left:50%; right:auto; top:0; bottom:0; width:1px; height:100%; content:""; background-image:-webkit-linear-gradient(top,transparent, #fff, transparent); background-image:linear-gradient(top,transparent, #fff, transparent); opacity:.5;}
	.probantxt strong{ font-size:18px;}
}
@media only screen and (max-width:321px){
	.propage-1 .protit h3{ font-size:28px;}
	.probantxt strong{ font-size:16px;}
}

.propage-2{ position:relative; height:600px; background:#000 url(/images/onecloud/product/v2/bg2.jpg) no-repeat center top; background-size:auto 100%; overflow:hidden;}
.propage-video-btn{ position:absolute; left:0; top:0; width:100%; height:100%; display:table; z-index:2;}
.propage-video-btncell{ display:table-cell; width:100%; height:100%; vertical-align:middle; text-align:center; font-size:24px;}
.i-propage-player{ display:block; margin:0 auto 10px; width:100px; height:100px; background:url(/images/onecloud/product/v2/playbtn.png) no-repeat center center; background-size:100%; cursor:pointer;}
.propage-video-pop{ position:fixed; left:0; top:0; right:0; bottom:0; display:table; width:100%; height:100%; background-color:rgba(0,0,0,.98); z-index:100000;}
.propage-video-pop-tbcell{ display:table-cell; height:100%; vertical-align:middle;}
.videopop{ margin:0 auto; display:block; max-width:90%; max-height:80%;}
.i-propage-close{ position:absolute; right:0; top:0; width:72px; height:72px; background:url(/images/onecloud/product/v2/video_close.png) no-repeat center center; background-size:100%; text-indent:-500%; overflow:hidden; cursor:pointer; -webkit-transition:-webkit-transform .3s; transition:transform .3s;}
.i-propage-close:hover{ -webkit-transform:rotate(90deg); transform:rotate(90deg);}
@media only screen and (max-width:1068px){
    .propage-2{ height:450px;}
}
@media only screen and (max-width:735px){
    .propage-2{ height:300px;}
    .propage-video-btncell{ font-size:16px;}
    .i-propage-player{ width:80px; height:80px;}
}

.propage-3{ background:url(/images/onecloud/product/v2/bg3.jpg) no-repeat center top; background-size:auto 100%;}
@media only screen and (max-width:735px){
	.propage-3{ background-image:url(/images/onecloud/product/v2/bg3_m.jpg); background-position:center bottom; background-size:cover;}
	.propage-3 .main{ height:650px;}
}

.propage-4{ background:url(/images/onecloud/product/v2/bg4.jpg) no-repeat center top; background-size:auto 100%;}
.propageimg-4{ position:absolute; left:50%; bottom:115px; margin-left:-199px; width:398px; -webkit-transition:.3s linear; transition:.3s linear;}
.propageimg-4:hover{ -webkit-filter:brightness(140%);}
@media only screen and (max-width:1068px){
	.propageimg-4{ margin-left:-160px; bottom:100px; width:320px;}
}
@media only screen and (max-width:735px){
	.propage-4{ background-image:url(/images/onecloud/product/v2/bg4_m.jpg); background-position:center bottom; background-size:cover;}
	.propage-4 .main{ height:600px;}
	.propageimg-4{ position:static; margin:-20px 20px 0; width:100px;}
}
.propageimg-4{ visibility:hidden;}
.ani .propageimg-4{ visibility:visible; -webkit-animation:fadeInUp 1s 1s ease both; animation:fadeInUp 1s 1s ease both;}

.propage-5{ background:url(/images/onecloud/product/v2/bg5.jpg) no-repeat center top; background-size:auto 100%;}
@media only screen and (max-width:735px){
	.propage-5{ background-image:url(/images/onecloud/product/v2/bg5_m.jpg); background-position:center bottom; background-size:cover;}
	.propage-5 .main{ height:755px;}
	.propage-5 .img-mobile{ margin-top:-25px;}
}

.propage-6{ background:url(/images/onecloud/product/v2/bg6.jpg) no-repeat center top; background-size:auto 100%;}
.propage-6 .main{ height:1555px;}
.propage-prize{ width:680px; font-size:18px;}
.propage-prize:after{ display:table; content:""; clear:both;}
.propage-prize li{ float:left; box-sizing:border-box; padding-bottom:40px; width:50%; line-height:1.8; text-align:center; color:#ccc;}
.propage-prize li:nth-child(odd){ clear:both;}
.propage-prize img{ margin:0 auto 10px; width:70px;}
.propage-prize span{ display:block;}
.propage-media{ margin-top:140px; font-size:24px; color:#fff; text-align:center;}
.propage-media span{ display:block;}
.propage-media img{ margin-top:40px; width:100%;}
@media only screen and (max-width:1068px){
	.propage-6 .main{ height:1244px;}
	.propage-prize{ margin:0 auto; width:90%; font-size:16px;}
	.propage-prize img{ width:60px;}
	.propage-media{ margin-top:60px; padding:0 20px; font-size:18px;}
}
@media only screen and (max-width:735px){
	.propage-6{ background-image:url(/images/onecloud/product/v2/bg6_m.jpg); background-position:center bottom; background-size:cover;}
	.propage-6 .main{ height:1220px;}
	.propage-prize{ margin:-20px auto 0; width:90%; font-size:12px;}
	.propage-prize li{ padding:0 10px 30px;}
	.propage-prize img{ width:45px;}
	.propage-prize span{ display:inline;}
	.propage-media{ position:absolute; left:0; right:0; bottom:50px; padding:0 20px; font-size:14px; text-align:left; color:#ccc;}
	.propage-media span{ display:inline;}
	.propage-media img{ margin-top:20px;}
}
.propage-prize li,.propage-media p,.propage-media img{ visibility:hidden;}
.ani .propage-prize li{ visibility:visible; -webkit-animation:fadeInUp 1s .3s ease both; animation:fadeInUp 1s .3s ease both;}
.ani .propage-prize li:nth-child(2){ -webkit-animation-delay:.35s; animation-delay:.35s;}
.ani .propage-prize li:nth-child(3){ -webkit-animation-delay:.4s; animation-delay:.4s;}
.ani .propage-prize li:nth-child(4){ -webkit-animation-delay:.45s; animation-delay:.45s;}
.ani .propage-prize li:nth-child(5){ -webkit-animation-delay:.5s; animation-delay:.5s;}
.ani .propage-prize li:nth-child(6){ -webkit-animation-delay:.55s; animation-delay:.55s;}
.ani .propage-media p{ visibility:visible; -webkit-animation:fadeInUp 1s .6s ease both; animation:fadeInUp 1s .6s ease both;}
.ani .propage-media img{ visibility:visible; -webkit-animation:fadeInUp 1s .65s ease both; animation:fadeInUp 1s .65s ease both;}

.propage-7{ background:url(/images/onecloud/product/v2/bg7.jpg) no-repeat center top; background-size:auto 100%;}
.propage-7 .main{ position:relative; height:1415px;}
.propage-logos{ position:absolute; left:50%; top:520px; margin-left:-62px; width:82px;}
.propage-logos img{ width:100%;}
.propage-logos img:nth-child(1){ -webkit-animation:rot1 5s 1s ease both infinite; animation:rot1 5s 1s ease both infinite;}
.propage-logos img:nth-child(2){ -webkit-animation:rot2 5s 1s ease both infinite; animation:rot2 5s 1s ease both infinite;}
.propage-logos img:nth-child(3){ -webkit-animation:rot3 5s 1s ease both infinite; animation:rot3 5s 1s ease both infinite;}
.propage-logos img:nth-child(4){ -webkit-animation:rot4 5s 1s ease both infinite; animation:rot4 5s 1s ease both infinite;}
.propage-logos img:nth-child(5){ -webkit-animation:rot5 5s 1s ease both infinite; animation:rot5 5s 1s ease both infinite;}
.propage-tip-7{ position:absolute; left:20px; right:20px; bottom:140px; font-size:18px; color:#333; text-align:center;}
.propage-tip-7 span{ display:block;}
@media only screen and (max-width:1068px){
	.propage-7 .main{ position:relative; height:1132px;}
	.propage-logos{ top:416px; margin-left:-50px; width:66px;}
	.propage-tip-7{ bottom:112px; font-size:16px;}
}
@media only screen and (max-width:735px){
	.propage-7{ background-image:url(/images/onecloud/product/v2/bg7_m.jpg); background-position:center bottom; background-size:cover;}
	.propage-7 .main{ height:637px;}
	.propage-logos{ display:none;}
	.propage-tip-7{ bottom:40px; font-size:10px; text-align:left;}
	.propage-tip-7 span{ display:inline;}
}
@-webkit-keyframes rot1{
	0%{ -webkit-transform:rotateY(0deg)}
	20%,100%{ -webkit-transform:rotateY(360deg)}
}
@keyframes rot1{
	0%{ transform:rotateY(0deg)}
	20%,100%{ transform:rotateY(360deg)}
}
@-webkit-keyframes rot2{
	0%,20%{ -webkit-transform:rotateY(0deg)}
	40%,100%{ -webkit-transform:rotateY(360deg)}
}
@keyframes rot2{
	0%,20%{ transform:rotateY(0deg)}
	40%,100%{ transform:rotateY(360deg)}
}
@-webkit-keyframes rot3{
	0%,40%{ -webkit-transform:rotateY(0deg)}
	60%,100%{ -webkit-transform:rotateY(360deg)}
}
@keyframes rot3{
	0%,40%{ transform:rotateY(0deg)}
	60%,100%{ transform:rotateY(360deg)}
}
@-webkit-keyframes rot4{
	0%,60%{ -webkit-transform:rotateY(0deg)}
	80%,100%{ -webkit-transform:rotateY(360deg)}
}
@keyframes rot4{
	0%,60%{ transform:rotateY(0deg)}
	80%,100%{ transform:rotateY(360deg)}
}
@-webkit-keyframes rot5{
	0%,80%{ -webkit-transform:rotateY(0deg)}
	100%{ -webkit-transform:rotateY(360deg)}
}
@keyframes rot5{
	0%,80%{ transform:rotateY(0deg)}
	100%{ transform:rotateY(360deg)}
}

.propage-8{ padding-bottom:100px;}
.propage-8 .main{ height:auto;}
.propage-pro{ position:relative; margin:0 auto 30px; width:900px;}
.propage-proimg-1{ position:relative; width:100%; z-index:2;}
.propage-proimg-2{ position:absolute; left:50%; bottom:60px; margin-left:-675px; width:416px;}
.propage-proimg-3{ position:absolute; left:50%; bottom:50px; margin-left:500px; width:217px;}
.propage-imgtxt{ display:table; width:100%;}
.propage-imgtxt li{ display:table-cell; vertical-align:middle; padding:50px 0;}
.propage-imgtxt img{ width:100%;}
.propage-imgtxt-tb1{ width:53%;}
.propage-imgtxt-tb2{ width:47%; text-align:center;}
.propage-imgtxt-tb1 table{ margin:80px auto 0; width:50%; font-size:18px;}
.propage-imgtxt-tb1 th{ font-size:36px;}
@media only screen and (max-width:1068px){
	.propage-pro{ width:90%;}
	.propage-proimg-2,.propage-proimg-3{ display:none;}
	.propage-imgtxt li{ padding:20px 0;}
	.propage-imgtxt .protit{ padding:40px 20px;}
	.propage-imgtxt .protit h3{ font-size:24px;}
	.propage-imgtxt .protit p{ font-size:12px;}
	.propage-imgtxt-tb1 table{ margin-top:30px; width:100%; font-size:10px;}
	.propage-imgtxt-tb1 th{ font-size:24px;}
}
.propage-imgtxt li.propage-imgtxt-tb-mobile{ display:none;}
@media only screen and (max-width:735px){
	.propage-8{ padding-bottom:30px;}
	.propage-imgtxt{ margin-top:50px;}
	.propage-imgtxt li{ display:block;}
	.propage-imgtxt li.propage-imgtxt-tb-pc{ display:none;}
	.propage-imgtxt li.propage-imgtxt-tb-mobile{ display:block;}
	.propage-imgtxt li.propage-imgtxt-tb1,.propage-imgtxt li.propage-imgtxt-tb2{ width:100%;}
	.propage-imgtxt li.propage-imgtxt-tb2{ box-sizing:border-box; padding:0 20px;}
	.propage-imgtxt li .protit{ padding-top:0;}
	.propage-imgtxt .protit p{ font-size:14px;}
	.propage-imgtxt-tb1 table{ font-size:12px;}
	.propage-imgtxt-tb1 th{ font-size:18px;}
	.propage-8 .propage-imgtxt:last-child{ margin-top:0;}
}
.propage-proimg-1,.propage-proimg-2,.propage-proimg-3,.propage-imgtxt li{ visibility:hidden;}
.ani .propage-proimg-1{ visibility:visible; -webkit-animation:fadeInUp 1s .5s ease both; animation:fadeInUp 1s .5s ease both;}
.ani .propage-proimg-2{ visibility:visible; -webkit-animation:leftIn 1s 1.5s ease both; animation:leftIn 1s 1.5s ease both;}
.ani .propage-proimg-3{ visibility:visible; -webkit-animation:rightIn 1s 1.5s ease both; animation:rightIn 1s 1.5s ease both;}
.ani .propage-imgtxt li{ visibility:visible; -webkit-animation:fadeInUp 1s 2s ease both; animation:fadeInUp 1s 2s ease both;}
.ani .propage-imgtxt li:nth-child(2){ visibility:visible; -webkit-animation:fadeInUp 1s 2.2s ease both; animation:fadeInUp 1s 2.2s ease both;}

.propage-9{ background:url(/images/onecloud/product/v2/bg9.jpg) no-repeat center top; background-size:auto 100%;}
.propage-tip-9{ position:absolute; left:20px; right:20px; bottom:60px; font-size:18px; color:#ccc; text-align:center;}
@media only screen and (max-width:735px){
	.propage-9{ background-image:url(/images/onecloud/product/v2/bg9_m.jpg); background-position:center bottom; background-size:cover;}
	.propage-9 .main{ height:600px;}
	.propage-tip-9{ bottom:20px; font-size:12px; text-align:left;}
}

.propage-10{ background:url(/images/onecloud/product/v2/bg10.jpg) no-repeat center top; background-size:auto 100%;}
.propage-catabox{ position:relative; margin:0 -100px;}
.propage-cata:after{ display:table; content:""; clear:both;}
.propage-cata li{ box-sizing:border-box;}
.propage-cata li.li-last{ position:absolute; left:0; top:0;}
.propage-cata img{ width:100%;}
.book-txt1,.book-txt2,.book-txt3,.book-txt4,.book-txt5,.book-txt6,.book-txt7,.book-txt8,
.book-txt9,.book-txt10,.book-txt11,.book-txt12,.book-txt13,.book-txt14,.book-txt15{ position: absolute; z-index: 5; transform: scale(1) translate(0,0); -webkit-transform: scale(1) translate(0,0);  }
.book-txt1{ font-size: 64px; color: #378fd6; left: 25%; top: 8%; }
.book-txt2{ font-size: 62px; color: #fff; left: 23%; top: 46%; }
.book-txt3{ font-size: 64px; color: #ff7040; left: 29%; top: 66%; }
.book-txt4{ font-size: 32px; color: #fff; left: 33%; top: 86%; }
.book-txt5{ font-size: 62px; color: #47ccff; left: 50%; top: 0; }
.book-txt6{ font-size: 64px; color: #378fd6; left: 36%; top: 36%; }
.book-txt7{ font-size: 32px; color: #fff; left: 40%; top: 56%; }
.book-txt8{ font-size: 32px; color: #fff; left: 48%; top: 66%; }
.book-txt9{ font-size: 64px; color: #ffc21d; left: 50%; top: 46%; }
.book-txt10{ font-size: 32px; color: #fff; left: 47%; top: 26%; }
.book-txt11{ font-size: 64px; color: #fff; left: 65%; top: 16%; }
.book-txt12{ font-size: 40px; color: #fff; left: 80%; top: 36%; }
.book-txt13{ font-size: 32px; color: #fff; left: 55%; top: 80%; }
.book-txt14{ font-size: 62px; color: #fff; left: 65%; top: 50%; }
.book-txt15{ font-size: 32px; color: #fff; left: 75%; top: 70%; }
@media only screen and (max-width:1068px){
	.propage-cata{ margin:50px 0;}
	.propage-catabox{ margin:0 auto; width:98%;}
}
@media only screen and (max-width:735px){
	.propage-10{ background-image:url(/images/onecloud/product/v2/bg10_m.jpg); background-position:center bottom; background-size:cover;}
	.propage-10 .main{ height:600px;}
	.propage-10 .protit{ text-shadow:0 0 5px #000;} 
	.propage-catabox{ display:none;}
}
.ani .propage-cata li.li-last{ position:absolute; left:0; top:0; opacity: 0; transition: all 1s 4s ease; -webkit-transition: all 1s 4s ease;}
.ani .book-txt1{ transform: scale(0) translate(-800%,100%); transform: scale(0) translate(-800%,100%); opacity: 0; transition: all 3s ease; -webkit-transition: all 3s ease; transition-delay: .4s; -webkit-transition-delay: .4s; }
.ani .book-txt2{ transform: scale(0) translate(-800%,100%); transform: scale(0) translate(-800%,100%); opacity: 0; transition: all 3s ease; -webkit-transition: all 3s ease; transition-delay: 1s; -webkit-transition-delay: 1s; }
.ani .book-txt3{ transform: scale(0) translate(700%,-1200%); transform: scale(0) translate(700%,-1200%); opacity: 0; transition: all 3s ease; -webkit-transition: all 3s ease; transition-delay: 1.4s; -webkit-transition-delay: 1.4s; }
.ani .book-txt4{ transform: scale(.3) translate(4200%,-300%); transform: scale(.3) translate(4200%,-300%); opacity: 0; transition: all 3s ease; -webkit-transition: all 3s ease; transition-delay: .6s; -webkit-transition-delay: .6s; }
.ani .book-txt5{ transform: scale(0) translate(-600%,100%); transform: scale(0) translate(-600%,100%); opacity: 0; transition: all 3s ease; -webkit-transition: all 3s ease; transition-delay: 1.6s; -webkit-transition-delay: 1.6s; }
.ani .book-txt6{ transform: scale(0) translate(-1000%,100%); transform: scale(0) translate(-1000%,100%); opacity: 0; transition: all 3s ease; -webkit-transition: all 3s ease; transition-delay: .5s; -webkit-transition-delay: .5s; }
.ani .book-txt7{ transform: scale(.3) translate(3200%,100%); transform: scale(.3) translate(3200%,100%); opacity: 0; transition: all 3s ease; -webkit-transition: all 3s ease; transition-delay: 1.5s; -webkit-transition-delay: 1.5s; }
.ani .book-txt8{ transform: scale(.3) translate(3000%,100%); transform: scale(.3) translate(3000%,100%); opacity: 0; transition: all 3s ease; -webkit-transition: all 3s ease; transition-delay: .7s; -webkit-transition-delay: .7s; }
.ani .book-txt9{ transform: scale(.3) translate(1200%,300%); transform: scale(.3) translate(1200%,300%); opacity: 0; transition: all 3s ease; -webkit-transition: all 3s ease; transition-delay: 1.8s; -webkit-transition-delay: 1.8s; }
.ani .book-txt10{ transform: scale(.3) translate(1800%,-300%); transform: scale(.3) translate(1800%,-300%); opacity: 0; transition: all 3s ease; -webkit-transition: all 3s ease; transition-delay: 1.1s; -webkit-transition-delay: 1.1s; }
.ani .book-txt11{ transform: scale(.3) translate(-300%,1000%); transform: scale(.3) translate(-300%,1000%); opacity: 0; transition: all 3s ease; -webkit-transition: all 3s ease; transition-delay: .8s; -webkit-transition-delay: .8s; }
.ani .book-txt12{ transform: scale(.3) translate(0%,-500%); transform: scale(.3) translate(0%,-500%); opacity: 0; transition: all 3s ease; -webkit-transition: all 3s ease; transition-delay: 1.2s; -webkit-transition-delay: 1.2s; }
.ani .book-txt13{ transform: scale(.3) translate(1100%,-2600%); transform: scale(.3) translate(1100%,-2600%); opacity: 0; transition: all 3s ease; -webkit-transition: all 3s ease; transition-delay: .9s; -webkit-transition-delay: .9s; }
.ani .book-txt14{ transform: scale(.3) translate(800%,400%); transform: scale(.3) translate(800%,400%); opacity: 0; transition: all 3s ease; -webkit-transition: all 3s ease; transition-delay: 1.3s; -webkit-transition-delay: 1.3s; }
.ani .book-txt15{ transform: scale(.3) translate(-1600%,-2000%); transform: scale(.3) translate(-1600%,-2000%); opacity: 0; transition: all 3s ease; -webkit-transition: all 3s ease; transition-delay: 1.7s; -webkit-transition-delay: 1.7s; }

.propage-11 .main{ padding-bottom:100px; height:auto;}
.propage-table{ margin:0 auto; width:100%; text-align:center; color:#333;}
.propage-table thead tr th{ font-size:24px;color:#fff;font-weight:normal;vertical-align:bottom;}
.propage-table thead tr th:first-child{ width:275px;}
.propage-table-hd{ height:50px;line-height:50px;background:#252525}
.propage-table-hd2{ height:60px;line-height:60px;background:#005cff}
.propage-table tbody tr td{ font-size:18px;padding:18px 0;background:#fff;}
.propage-table tbody tr:nth-child(even) td{ background:#e9e9e9}
.propage-table tbody tr td:nth-child(2){ border-left:1px solid #005cff;border-right:1px solid #005cff;}
.propage-table tbody tr:nth-child(even) td:nth-child(2){ background:#d8e5f6}
@media only screen and (max-width:1068px){
	.propage-11 .main{ padding-bottom:60px;}
	.propage-table{ width:90%;}
	.propage-table thead tr th{ font-size:20px;}
	.propage-table tbody tr td{ font-size:16px;}
	.propage-table thead tr th:first-child{ width:0px;overflow:hidden;display:none;}
	.propage-table tbody tr td:first-child{ width:0px;overflow:hidden;display:none;}
}
@media only screen and (max-width:735px){
	.propage-11 .main{ padding-bottom:50px;}
	.propage-table{ width:90%;}
	.propage-table thead tr th{ font-size:14px;}
	.propage-table tbody tr td{ font-size:12px;}
}

.propage-12{ background:url(/images/onecloud/product/v2/bg12.jpg) no-repeat center top; background-size:auto 100%;}
.propage-sys{ box-sizing:border-box; padding-top:40px; width:600px;}
.propage-sys li{ float:left; margin-bottom:20px; width:33.33%; font-size:24px; text-align:center; color:#4d4d4d;}
.i-pro-sys-1,.i-pro-sys-2,.i-pro-sys-3,.i-pro-sys-4,.i-pro-sys-5{ display:block; margin:0 auto; width:150px; height:150px; background:url(/images/onecloud/product/v2/spr.png) no-repeat center top; background-size:100%;}
.i-pro-sys-1{ background-position:0 0;}
.i-pro-sys-2{ background-position:0 25%;}
.i-pro-sys-3{ background-position:0 50%;}
.i-pro-sys-4{ background-position:0 75%;}
.i-pro-sys-5{ background-position:0 100%;}
@media only screen and (max-width:1068px){
	.propage-sys{ padding-left:3%; padding-top:20px; width:60%;}
	.propage-sys li{ font-size:20px;}
	.i-pro-sys-1,.i-pro-sys-2,.i-pro-sys-3,.i-pro-sys-4,.i-pro-sys-5{ width:120px; height:120px;}
}
@media only screen and (max-width:735px){
	.propage-12{ background-image:url(/images/onecloud/product/v2/bg12_m.jpg); background-position:center bottom; background-size:cover;}
	.propage-12 .main{ height:745px;}
	.propage-sys{ margin-top:-45px; padding:20px; width:100%;}
	.propage-sys li{ margin-bottom:10px; font-size:12px;}
	.i-pro-sys-1,.i-pro-sys-2,.i-pro-sys-3,.i-pro-sys-4,.i-pro-sys-5{ width:60px; height:60px;}
}
.propage-sys li{ visibility:hidden;}
.ani .propage-sys li{ visibility:visible; -webkit-animation:fadeInUp 1s .3s ease both; animation:fadeInUp 1s .3s ease both;}
.ani .propage-sys li:nth-child(2){ -webkit-animation-delay:.35s; animation-delay:.35s;}
.ani .propage-sys li:nth-child(3){ -webkit-animation-delay:.4s; animation-delay:.4s;}
.ani .propage-sys li:nth-child(4){ -webkit-animation-delay:.45s; animation-delay:.45s;}
.ani .propage-sys li:nth-child(5){ -webkit-animation-delay:.5s; animation-delay:.5s;}

.propage-13{ display:block; color:#fff; background:url(/images/onecloud/product/v2/bg13.jpg) no-repeat center top; background-size:auto 100%; overflow:hidden;}
.propage-13 .main{ position:relative; height:400px;}
.propage-tbbox{ display:table; width:100%; height:100%;}
.propage-tbcell{ position:relative; display:table-cell; vertical-align:middle; font-size:30px; text-align:right;}
.propage-tbcell img{ position:absolute; left:-180px; top:39%; width:692px; -webkit-transition:.4s linear; transition:.4s linear;}
.propage-tbcell p i{ display:inline-block; vertical-align:middle; margin-top:-5px; margin-left:5px; font-style:normal; -webkit-transition:.3s linear; transition:.3s linear;}
.propage-13:hover img{ -webkit-filter:brightness(130%); top:38%;}
.propage-13:hover p i{ -webkit-transform:translateX(10px);}
@media only screen and (max-width:1068px){
	.propage-13 .main{ height:300px;}
	.propage-tbcell{ padding-top:40px; vertical-align:top; font-size:20px; text-align:center;}
	.propage-tbcell img{ left:50%; margin-left:-277px; width:554px;}
}
@media only screen and (max-width:735px){
	.propage-13 .main{ height:160px;}
	.propage-tbcell{ padding-top:30px;font-size:16px;}
	.propage-tbcell img{ top:50%; margin-left:-125px; width:250px;}
}


@-webkit-keyframes leftIn{
	0%{-webkit-transform:translate3d(40px,0,0);opacity:0}
	100%{-webkit-transform:translate3d(0,0,0);opacity:1}
}
@keyframes leftIn{
	0%{transform:translate3d(40px,0,0);opacity:0}
	100%{transform:translate3d(0,0,0);opacity:1}
}
@-webkit-keyframes rightIn{
	0%{-webkit-transform:translate3d(-40px,0,0);opacity:0}
	100%{-webkit-transform:translate3d(0,0,0);opacity:1}
}
@keyframes rightIn{
	0%{transform:translate3d(-40px,0,0);opacity:0}
	100%{transform:translate3d(0,0,0);opacity:1}
}
@-webkit-keyframes bottomIn{
	0%{-webkit-transform:translate3d(0,40px,0);opacity:0}
	100%{-webkit-transform:translate3d(0,0,0);opacity:1}
}
@keyframes bottomIn{
	0%{transform:translate3d(0,40px,0);opacity:0}
	100%{transform:translate3d(0,0,0);opacity:1}
}
@-webkit-keyframes fadeInUp{
	0%{opacity:0; -webkit-transform:translateY(40px)}
	100%{opacity:1; -webkit-transform:translateY(0)}
}
@keyframes fadeInUp{
	0%{opacity:0; transform:translateY(40px)}
	100%{opacity:1; transform:translateY(0)}
}
@-webkit-keyframes bounceIn{
	0%{opacity:0;-webkit-transform:scale(.3);}
	50%{opacity:1;-webkit-transform:scale(1.05);}
	70%{-webkit-transform:scale(.9);}
	100%{-webkit-transform:scale(1);}
}
@keyframes bounceIn{
	0%{opacity:0;transform:scale(.3);}
	50%{opacity:1;transform:scale(1.05);}
	70%{transform:scale(.9);}
	100%{transform:scale(1);}
}

/*scene-page*/
.scene-imgbox{ margin:0 auto; max-width:1920px;}
.scene-imgbox img{ margin:0 auto; display:block; width:100%;}