body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,fieldset,lengend,button,input,textarea,th,td{margin:0;padding:0}h1{font-size:18px}h2{font-size:16px}h3{font-size:14px}h4,h5,h6{font-size:100%}address,cite,dfn,em,var{font-style:normal}code,kbd,pre,samp,tt{font-family:"Courier New", Courier, monospace}small{font-size:12px}ul,ol{list-style:none}a{text-decoration:none}a:hover{text-decoration:underline}abbr[title],acronym[title]{border-bottom:1px dotted;cursor:help}q:before,q:after{content:''}legend{color:#000}fieldset,img{border:none}button,input,select,textarea{font-size:100%}table{border-collapse:collapse;border-spacing:0}hr{border:none;height:1px}.clearfix:after{visibility:hidden;display:block;font-size:0;content:".";clear:both;height:0}.clearfix{*zoom:1}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}body{font-size:14px;font-family:"Open Sans", Arial, "Hiragino Sans GB","Microsoft YaHei", "STHeiti", "WenQuanYi Micro Hei", SimSun, sans-serif,sans-serif;background:#f7f7f7}a:hover{text-decoration:none}.com-width{width:1200px;max-width:92%;margin:0 auto}.header{background:#000;padding:30px 0;overflow:hidden}.header .hp-logo{float:left;display:block;width:320px;height:50px;background:url(images/hp_logo_02.png) no-repeat left center;background-size:auto 50px}.header .cyzone-logo{float:right;display:block;width:120px;height:50px;background:url(images/logo-orange.png) no-repeat right center;background-size:auto 50px}.banner a{display:block}.video{margin:50px auto}.video iframe{max-width:100%}.story-info{text-align:center;color:#ad802f;font-size:20px;padding-bottom:50px;border-bottom:3px solid #e1dacf}.story-info .sm{font-size:14px;margin-top:30px;color:#5d5d5d}.story-info a.btn{display:inline-block;width:290px;height:60px;background:#ad802f;color:#fff;text-align:center;line-height:60px;border-radius:5px;margin-top:20px}.rule{padding:50px 0;color:#ad802f}.rule h3{font-size:18px;line-height:36px;height:36px;background:url(images/rule_icon.png) no-repeat left center;color:#ad802f;padding-left:35px;margin-bottom:10px}.rule p{line-height:30px;padding-left:35px;background:url(images/item.png) no-repeat 5px 8px}.panel-story{padding:80px 0;background:url(images/story_bg.png) no-repeat;background-size:100% 100%}.panel-story h3.title{text-indent:-99999em;height:70px;line-height:70px;background:url(images/story_title.png) no-repeat center center;background-size:auto 100%;margin-bottom:40px}.panel-story .scroll-box{position:relative;padding:0 60px;height:860px}.panel-story .scroll-box .point{position:absolute;width:40px;height:100%}.panel-story .scroll-box .point.prev{left:0;background:url(images/point_prev.png) no-repeat center center}.panel-story .scroll-box .point.next{right:0;background:url(images/point_next.png) no-repeat center center}.panel-story .scroll-box .story-wrap{position:relative;width:1050px;height:860px;overflow:hidden}.panel-story .scroll-box .story-wrap .story-inner{position:absolute;left:0;height:860px;overflow:hidden}.panel-story .scroll-box .story-wrap .story-inner .item{width:340px;height:420px;background:#f3f1ec;float:left;margin:5px;border-radius:15px}.panel-story .scroll-box .story-wrap .story-inner .item.tuijian{background:#f3f1ec url(images/tuijian2.png) no-repeat top right}.panel-story .scroll-box .story-wrap .story-inner .item .photo{width:120px;height:120px;overflow:hidden;border-radius:50%;margin:28px auto 30px;border:2px solid #fafafa}.panel-story .scroll-box .story-wrap .story-inner .item .photo img{width:100%}.panel-story .scroll-box .story-wrap .story-inner .item .name,.panel-story .scroll-box .story-wrap .story-inner .item .slogan{margin:0 15px;padding-left:25px;background:url(images/star.png) no-repeat 0 3px;line-height:28px;font-size:18px;color:#4c4948;margin-bottom:10px;max-height:60px;overflow:hidden}.panel-story .scroll-box .story-wrap .story-inner .item .story{margin:10px 15px 0;padding-left:25px;background:url(images/star.png) no-repeat 0 3px;line-height:24px;font-size:18px;color:#4c4948;margin-bottom:10px;height:72px;overflow:hidden;position:relative}.panel-story .scroll-box .story-wrap .story-inner .item .story .t{position:absolute;left:80px;font-size:14px;line-height:24px;color:#999}.panel-story .scroll-box .story-wrap .story-inner .item .btn{margin-top:20px;display:block;margin-left:20px;color:#ad802f}.panel-story .scroll-box .story-wrap .story-inner .item .btn:hover{text-decoration:underline}.guest-pannel{position:relative;border-radius:10px !important;overflow:hidden}.guest-pannel.tuijian:before{content:'';position:absolute;right:0;top:0;width:60px;height:60px;background:url(images/tuijian2.png) no-repeat top right;background-size:100%;z-index:3}.guest-pannel .layui-layer-content{padding:60px;font-size:14px;color:#333;line-height:24px;height:513px !important}.guest-pannel .layui-layer-content strong{display:block;font-size:1.5em;margin-bottom:15px;text-indent:0}.guest-pannel .layui-layer-content .wrap{margin:30px 0}.guest-pannel .layui-layer-content br{line-height:50px}.footer{padding:80px 0;background:url(images/footer_bg.png) no-repeat;background-size:100% 100%}.footer .box{overflow:hidden;text-align:center}.footer .box img{float:left;display:block;width:360px;margin:0 13px}.footer .slogan{display:block;margin:80px auto 0;max-width:96%}@media (max-width: 979px){.header{padding:15px 0}.header .hp-logo{width:220px;height:50px;background-size:auto 100%}.header .cyzone-logo{height:40px;background-size:auto 100%}.video{margin:20px auto}.video iframe{height:200px}.story-info{font-size:12px}.story-info p{margin-bottom:10px}.story-info p.first,.story-info p.last{font-size:16px}.story-info a.btn{width:100%;font-size:22px}.panel-story{padding-top:20px}.panel-story h3.title{margin-bottom:20px;background-size:80% auto}.panel-story .scroll-box{padding:0;height:auto;overflow:hidden}.panel-story .scroll-box .story-wrap{width:auto;height:auto}.panel-story .scroll-box .story-wrap .story-inner{height:auto;position:relative}.panel-story .scroll-box .story-wrap .story-inner .item{height:auto;padding-bottom:15px}.panel-story .scroll-box .story-wrap .story-inner .item .photo{width:80px;height:80px}.panel-story .scroll-box .story-wrap .story-inner .item .story{display:none}.footer{padding:0 0 40px}.footer .com-width{max-width:100%}.footer .box img{float:none;width:100%;margin:0}.footer .slogan{margin-top:40px}}