.adver-case>.w>.arrow,.adver-develop .adver-btn,.front2{text-align:center;z-index:2}.section{width:100%;position:relative;z-index:50;padding-bottom:50px;display:block}.section>.w{width:1000px;margin:0 auto}.adver-nav{padding:5px;height:84px;position:fixed;z-index:100;left:0;top:50px;background-color:rgba(0,27,60,.68)}.adver-nav>.w{height:100%}.adver-nav-box{margin:10px auto 0;width:800px;display:flex;justify-content:space-around;align-items:center}.adver-nav-box>a{color:#9c9d9f;padding:10px;width:150px;background-color:#fff;border-radius:4px}.adver-nav-box>a>h2{font-size:14px;padding-bottom:3px}.adver-nav-box>a.current{color:#fff;background-color:#02d0a7}.adver-banaer{margin-top:35px;height:500px;color:#39424f;padding-bottom:0;background:-webkit-linear-gradient(left,#009cff 0,#009cff 50%,#39424f 50%);background:-moz-linear-gradient(left,#009cff 0,#009cff 50%,#39424f 50%);background:-o-linear-gradient(left,#009cff 0,#009cff 50%,#39424f 50%);background:linear-gradient(left,#009cff 0,#009cff 50%,#39424f 50%)}.adver-banaer>.w{height:100%;padding-top:150px;padding-bottom:50px;display:flex;justify-content:center;align-items:center;background:-webkit-linear-gradient(left top,#009cff 0,#009cff 700px,#39424f 700px);background:-moz-linear-gradient(left top,#009cff 0,#009cff 700px,#39424f 700px);background:-o-linear-gradient(left top,#009cff 0,#009cff 700px,#39424f 700px);background:linear-gradient(left top,#009cff 0,#009cff 700px,#39424f 700px)}.adver-content{font-family:zaozi}.adver-content>h1{color:#fff;font-size:24px;font-weight:100}.adver-content>p{font-size:18px;line-height:2em;color:#fff}.adver-brand,.adver-case,.adver-develop,.adver-media{padding-top:182px}.adver-title{margin-bottom:50px}.adver-title>h2{font-size:20px;margin-bottom:10px}.adver-title>div{font-size:14px;color:#636c7b}.adver-title .adver-line-box{display:flex;justify-content:center;align-items:center;padding-top:20px;padding-bottom:20px}.adver-line-box>.h-line{width:45%;height:0;border:1px solid #e3e3e3}.adver-line-box>.dot{width:10%;text-align:center;color:#3c3c3c}.adver-title>p:last-child{color:#888;font-size:12px}.adver-develop .adver-btn{display:block;margin:0 auto;position:relative;width:120px;height:30px;line-height:30px;color:#fff;background-color:#019cff}.adver-parts>.adver-part{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.adver-parts>.adver-part>.adver-pic{width:300px;height:140px;border:1px solid #e8e8e8;padding:10px;display:flex;justify-content:space-around;align-items:center}.adver-pic>p{position:relative;left:-25px}.adver-pic>ul>li{height:22px;line-height:22px;font-size:14px;color:#999}.adver-media{height:500px;background:url(../images/advertiser/hm_bg.png) no-repeat;background-size:100%}.adver-media-parts{display:flex;flex-direction:row;overflow:hidden;justify-content:center;align-items:center}.adver-media-parts img{display:block}.adver-media-parts img.big{width:236px;height:236px}.adver-media-parts .column img.small,.column>.flip-container,.column>.flip-container>.back,.column>.flip-container>.front{width:118px;height:118px}.adver-media-parts .column{display:flex;flex-direction:column}.flip-container.hover .flipper,.flip-container:hover .flipper{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-ms-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg)}.back,.flip-container2.hover .flipper2,.flip-container2:hover .flipper2{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-ms-transform:rotateY(180deg);-o-transform:rotateY(180deg)}.flipper{position:relative;-webkit-transition:.6s;-moz-transition:.6s;-ms-transition:.6s;transition:.6s;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}.back,.front{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;position:absolute;top:0;left:0}.front{z-index:2}.back{transform:rotateY(180deg)}.adver-brand{margin-top:80px;margin-bottom:100px}.adver-brand-parts{display:flex;justify-content:center;align-items:center}.adver-brand-parts>.adver-brand-part{display:flex;flex-direction:column;justify-content:center;align-items:center;width:200px;height:200px;color:#fff}.adver-brand-part>h2{font-size:16px;margin-bottom:20px}.adver-brand-part>p{font-size:14px}.flip-container2.hover .flipper2,.flip-container2:hover .flipper2{transform:rotateY(180deg)}.back2,.flip-container2,.flipper2,.front2{width:200px;height:200px}.flipper2{-webkit-transition:.6s;-moz-transition:.6s;-ms-transition:.6s;transition:.6s;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;position:relative}.front2{padding-top:76px}.front2>h2{margin-bottom:20px}.back2,.front2{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;position:absolute;top:0;left:0}.adver-case-box,.adver-case>.w{position:relative}.back2{padding:10px;line-height:20px;-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-ms-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg);border-radius:5px;height:auto;top:-30px}.back2>p{margin-bottom:15px}.brand1>.back2,.brand1>.front2{background-color:#5079a7}.brand2>.back2,.brand2>.front2{background-color:#635bb0}.brand3>.back2,.brand3>.front2{background-color:#49a78d}.brand4>.back2,.brand4>.front2{background-color:#1a406d}.brand1>.back2{top:-100px}.back2>div,.back2>h2{font-size:12px;line-height:1.5em;height:auto}.adver-case{height:650px;background:#7b89a4}.adver-case-title{margin-bottom:50px;color:#fff}.adver-case-title>h2{font-size:20px;margin-bottom:10px}.adver-case-title>div{font-size:14px}.adver-case-box{overflow:hidden;height:300px}.adver-case-turns{width:300%;position:absolute;left:0;top:0;height:300px}.adver-case-desc>img{display:block}.adver-case-desc{float:left;display:flex;justify-content:space-between;align-items:center;width:1000px;color:#fff}.adver-case-desc>.adver-case-text{width:500px;height:300px}.adver-case-text>h1{padding-bottom:30px}.adver-case-text>div>p{line-height:24px}.adver-case-text>a{margin-top:20px;display:inline-block;padding:5px;color:#fff;font-size:12px;border:1px solid #fff}.adver-case>.w>.arrow{position:absolute;top:230px;width:40px;height:40px;font-size:36px;font-weight:700;line-height:40px;color:#fff;background-color:rgba(0,0,0,.3);border-radius:4px;cursor:pointer;text-decoration:none}.adver-case>.w>.arrow:hover{background-color:rgba(0,0,0,.7)}#prev{left:-60px}#next{right:-60px}.adver-case{padding-bottom:100px}.footer{height:90px;background-color:#54667b;color:#fff}.footer-parts{display:flex;justify-content:space-around;align-items:center;padding-top:20px}.footer>.w>p{padding-top:20px;font-size:12px}.dev-parts{padding-top:146px}.dev-title{font-family:zaozi;margin-bottom:50px}.dev-title>h2{font-size:20px;margin-bottom:10px}.dev-title>div{font-size:14px;color:#636c7b}.dev-parts-adver{background-image:-webkit-linear-gradient(top,#1fa6e8,#fff)}.dev-parts-adver>.w{height:600px;background:url(../images/developer/guanggaozhu_bg.png) no-repeat;background-size:100% 100%}.dev-parts-adver .dev-title>div,.dev-parts-adver .dev-title>h2{color:#fff}.dev-adver-box{transform:rotate(-45deg);transform-origin:300px 300px;margin-left:200px}.dev-adver-box>.dev-adver-group{position:relative;overflow:hidden}.dev-adver-group>.box{width:150px;height:150px;float:left}.dev-adver{overflow:hidden}.dev-adver-group>.box>img{transform:rotate(90deg)}.red{background-color:red}.blue{background-color:#00f}.group2{left:150px}.group3{left:300px}.group4{left:450px}