body,ul,ol,li,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,form,fieldset,input,div,textarea,button{margin:0;padding:0;}

html {
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif, 微软雅黑, 宋体;
    overflow-y: auto;
}
body{
    line-height:1.4;
    background: white;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

ul,ol{list-style: none;}
table{border-collapse:collapse}
img{border:0;max-width:100%;vertical-align: middle;}
a{text-decoration:none;outline:0;color:#000}
a:active{outline:0}

.ofh{overflow:hidden;*zoom:1}
.fl{float:left;_display:inline;}
.fr{float:right;_display:inline;}
.ti2{text-indent:2em}
.tc{text-align:center;}
.tl{text-align:left;}
.tr{text-align:right;}
.vm{vertical-align:middle}
.vb{vertical-align:bottom}
.vt{vertical-align:top}
.db{display:block}
.di{display:inline}
.dib{display:inline-block;*zoom:1;*display:inline}
.mt10{margin-top:10px}
.mt20{margin-top:20px}
.trans{-webkit-transition:all .25s;-moz-transition:all .25s;-ms-transition:all .25s;-o-transition:all .25s;transition:all .25s;-webkit-backface-visibility:hidden;-webkit-transform-style:preserve-3d}

.btn{
    display: inline-block;
    border: solid 1px white;
    height: 56px;
    line-height: 56px;
    width: 158px;
    color: white;
    font-size: 16px;
    text-align: center;
    margin-top: 30px;
}
.btn:hover{
    background: white;
    color: black;
}

.wrap,.wrap1{width:100%;max-width:1440px;min-width:1000px;margin-left:auto;margin-right:auto}
.wrap1{max-width:1200px;}
.wrap2{width:1000px;}
.wrap-max{width:100%;max-width:1920px;min-width:1024px; margin-left:auto;margin-right:auto}
.head{height:80px;}
.logo{margin-top:10px}
.head .wrap{width:90%;height:100%;}
.head .menu{width:660px}
.head .menu,.btn-login{height: 40px;line-height:40px;margin-top: 20px;}
.menu li{position:relative;*float:left;display:inline-block;*width:100px;margin-right:60px;text-align:left;overflow: hidden;}
.menu .menu-agent{*width:110px}
.menu li a{display:block;height:100%;font-weight: bold}
.menu .line{position:absolute;width:40px;bottom:0;left:-40px;height:3px;background:#000;}
.menu a:hover+.line{left:0}
.btn-login{width: 120px;border: 1px solid black;border-radius: 40px;font-size: 18px;text-align: center;color: #161616;}
.btn-login:hover{background: #161616;color: #f5f5f5;}

.baner{height:858px;background:url(../img/img_banner.jpg) no-repeat center center}

.seg1{height:890px;}
.seg1 .icon{width:186px;height:186px;margin-top:300px;}
.seg1.show .icon{background:url(../img/icons1.png)}
.seg1 .txt{margin-top:15px;padding:0 15px}
.seg1  li{width:25%;*width:24.95%; height:100%;margin-top:-9px;background-position:center center;background-repeat: no-repeat;color:#666;-webkit-transition:all .6s .2s;-moz-transition:all .6s;-ms-transition:all .6s .2s;-o-transition:all .6s .2s;transition:all .6s .2s;}
.seg1 li:nth-child(4n+1){-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);transform:translateX(-100%)}
.seg1 li:nth-child(4n+2){-webkit-transform:translateX(-200%);-moz-transform:translateX(-200%);transform:translateX(-200%)}
.seg1 li:nth-child(4n+3){-webkit-transform:translateX(200%);-moz-transform:translateX(200%);transform:translateX(200%)}
.seg1 li:nth-child(4n+4){-webkit-transform:translateX(100%);-moz-transform:translateX(100%);transform:translateX(100%)}
.seg1.animation li{opacity:1;-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0)}
.seg1  li:hover{color:#FFF}
.seg1-li1:hover{background-image:url(../img/bj_icon1.jpg);}
.seg1-li1:hover .icon{background-position:-186px 0}
.seg1-li2:hover{background-image:url(../img/bj_icon2.jpg);}
.show .seg1-li2 .icon{background-position:-372px 0}
.seg1-li2:hover .icon{background-position:-558px 0}
.seg1-li3:hover{background-image:url(../img/bj_icon3.jpg);}
.show .seg1-li3 .icon{background-position:-744px 0}
.seg1-li3:hover .icon{background-position:-930px 0}
.seg1-li4:hover{background-image:url(../img/bj_icon4.jpg);}
.show .seg1-li4 .icon{background-position:-1116px 0}
.seg1-li4:hover .icon{background-position:-1302px 0}

.seg2{position: relative; height:730px;}
.seg2 .trans{-webkit-transition:all .6s;-moz-transition:all .6s;-ms-transition:all .6s;-o-transition:all .6s;transition:all .6s;}
.seg2 .name{font-size: 24px;color: #f8f8f8;}
.seg2 .desc{font-size: 16px;color:#ddd;color:rgba(248,248,248,0.8);}
.seg2 .explan{position:absolute;z-index:5;bottom:0;width:60%;max-width:900px;height:280px;padding:80px 5%;background:rgba(22,22,22,0.9);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#e5161616,endColorstr=#e5161616);}
.seg2 .explan{display:-webkit-flex;display:-moz-flex;display:flex;justify-content:space-around}
.seg2 .explan .icon{width:283px;height:281px;}

.seg2 .bg-img{position:absolute;z-index:1;top:0;width:100%;height:653px;}
.seg2 .left{left:0;-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%)}
.seg2 .right{right:0;-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%)}
.animation .left,.animation .right{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
.seg2.show .icon{background:url(../img/img_tou.png)}
.seg2.show .bg-img{background:url(../img/img_tou_bj.jpg) no-repeat right center}

.seg3{margin-top:80px}
.seg3 .info{margin-top:30px}
.seg3 .explan .icon{width:296px;height:293px;}
.seg3.show .icon{background:url(../img/img_qu.png)}
.seg3.show .bg-img{background:url(../img/img_qu_bj.jpg) no-repeat left center}

.solution{margin-top:80px;}
.solution ul{margin-top:50px;height:648px}
.solution li{position:relative;float:left;width:25%;*width:24.95%;height:324px;background-position:center center;opacity:0.4}
.solution li:nth-child(4n+1){-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);transform:translateX(-100%)}
.solution li:nth-child(4n+2){-webkit-transform:translateX(-200%);-moz-transform:translateX(-200%);transform:translateX(-200%)}
.solution li:nth-child(4n+3){-webkit-transform:translateX(200%);-moz-transform:translateX(200%);transform:translateX(200%)}
.solution li:nth-child(4n+4){-webkit-transform:translateX(100%);-moz-transform:translateX(100%);transform:translateX(100%)}
.solution.animation li{opacity:1;-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0)}
.solution .front{position: absolute;bottom:0;left:0;right:0;padding:10px 20px;color:#fff;   
    background: rgba(22,22,22,0.6); 
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00ffffff,endColorstr=#7f000000);
    background: -webkit-linear-gradient(rgba(255,255,255,0), rgba(0,0,0,0.5));
    background: -o-linear-gradient(rgba(255,255,255,0), rgba(0,0,0,0.5));
    background: -moz-linear-gradient(rgba(255,255,255,0), rgba(0,0,0,0.5));
    background: linear-gradient(rgba(255,255,255,0), rgba(0,0,0,0.5));} 
.solution .icon{display: inline-block;width:36px;height:36px; }
.solution.show .icon{background:url(../img/icon_solu.png)} 
.solution .name{font-size: 26px;margin-left:10px}
.solution .desc{font-size:14px;max-height:0;overflow: hidden;line-height:24px}
.solution .trans{-webkit-transition:all .6s;-moz-transition:all .6s;-ms-transition:all .6s;-o-transition:all .6s;transition:all .6s;}
.solution li:hover .desc{max-height:160px;}

.show .item-game .icon{background-position:0px -36px;}
.show .item-social .icon{background-position:0px -108px;}
.show .item-ele .icon{background-position:0px -252px;}
.show .item-edu .icon{background-position:0px -144px;}
.show .item-work .icon{background-position:0px -72px;}
.show .item-brand .icon{background-position:0px -180px;}
.show .item-entertainment .icon{background-position:0px -216px;}

.show .item-game{background-image:url(../img/img_solu_game.jpg)}
.show .item-social{background-image:url(../img/img_solu_social.jpg)}
.show .item-ele{background-image:url(../img/img_solu_ele.jpg)}
.show .item-hospital{background-image:url(../img/img_solu_hospital.jpg)}
.show .item-edu{background-image:url(../img/img_solu_edu.jpg)}
.show .item-work{background-image:url(../img/img_solu_work.jpg)}
.show .item-brand{background-image:url(../img/img_solu_brand.jpg)}
.show .item-entertainment{background-image:url(../img/img_solu_entertainment.jpg)}


.adStyle{height:858px;}
.adStyle ul{height:546px}
.adStyle .title{padding:50px}
.adStyle .item{width:20%;*width:19.9%;padding-bottom:60px}
.adStyle .icon{width:170px;height:170px;margin-bottom:15px}
.adStyle.show .icon{background:url(../img/adstyle.png) no-repeat top center;}
.adStyle .item{-webkit-transform:translateY(100%);-moz-transform:translateY(100%);transform:translateY(100%)}
.adStyle .item:nth-child(-n + 5){-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);transform:translateY(-100%)}
.adStyle.animation .item{-webkit-transition:all .6s .2s;-moz-transition:all .6s .2s;-ms-transition:all .6s .2s;-o-transition:all .6s .2s;transition:all .6s .2s;-webkit-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0)}
.show.adStyle{background:url(../img/ic_ad_bj.jpg) no-repeat center center}
.item:hover .icon-hengfu{background-position:0 -170px}
.adStyle.show .icon-video {background-position:0 -340px}
.item:hover .icon-video {background-position:0 -510px}
.adStyle.show .icon-kaiping {background-position:0 -680px}
.item:hover .icon-kaiping {background-position:0 -850px}
.adStyle.show .icon-chaping {background-position:0 -1020px}
.item:hover .icon-chaping {background-position:0 -1190px}
.adStyle.show .icon-jufu {background-position:0 -1360px}
.item:hover .icon-jufu {background-position:0 -1530px}
.adStyle.show .icon-tubiao {background-position:0 -1700px}
.item:hover .icon-tubiao {background-position:0 -1870px}
.adStyle.show .icon-wenzi {background-position:0 -2040px}
.item:hover .icon-wenzi {background-position:0 -2210px}
.adStyle.show .icon-yuyin {background-position:0 -2380px}
.item:hover .icon-yuyin {background-position:0 -2550px}
.adStyle.show .icon-xiaoxi {background-position:0 -2720px}
.item:hover .icon-xiaoxi {background-position:0 -2890px}
.adStyle.show .icon-sous {background-position:0 -3060px}
.item:hover .icon-sous {background-position:0 -3230px}

.title h3{line-height:60px}
.adOwner1{height:530px}
.adOwner1 .title{margin:30px auto 50px}
.adOwner1 .imgs{width:554px;height:380px;-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);transform:translateX(-100%)}
.adOwner1 ul{-webkit-transform:translateX(100%);-moz-transform:translateX(100%);transform:translateX(100%)}
.adOwner1.animation .imgs,.adOwner1.animation ul{-webkit-transition:all .8s;-moz-transition:all .8s;-ms-transition:all .8s;-o-transition:all .8s;transition:all .8s;-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0)}
.adOwner1.show .imgs{background:url(../img/advertiser.png) no-repeat 0 0;}
.adOwner1 li{margin:5px 0 30px;padding:10px;cursor: pointer;background:#fff}
.adOwner1 .on{background:#F3F4F6}
.adOwner1 .icon{display:inline-block;width:40px;height:40px;margin-right:15px} 
.adOwner1.show .icon{background:url(../img/icons.png);}
.adOwner1 .icon-duozhong{background-position:0 -40px}
.adOwner1 .icon-xinyong{background-position:0 -80px}
.adOwner1 .icon-xingqu{background-position:0 -120px}
.adOwner1 .name{font-size:18px;color: #333;}
.adOwner1 .desc{font-size: 14px;color: #989898;}

.adOwner2{height:995px;background-position:top center;background-repeat:no-repeat}
.adOwner2 .title{padding:200px 0 50px}
.adOwner2.show{background-image:url(../img/img_proces_bj.jpg)}
.adOwner2 .content{width:1097px;height:410px;}

.adOwner2.show .front{width:100%;height:320px;background:url(../img/adOwner2.png) no-repeat 0 0}
 
.adOwner2 li{float:left;width:216px;height:410px;-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);transform:translateY(-100%);}
.adOwner2 .item-split1{width:206px;}
.adOwner2 .item-split2{width:234px;}
.adOwner2 .item-split1 .front{background-position:-216px 0}
.adOwner2 .item-split2 .front{background-position:-642px 0}
.adOwner2 .item2 .front{background-position:-423px 0}
.adOwner2 .item3 .front{background-position:-881px 0}
.adOwner2 .text{margin-top:10px;font-size:18px;color:#fff;}
.adOwner2 .item2 .text{margin-top:-50px}

.adOwner2.animation li{-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;-webkit-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0);}
.adOwner2.animation .item2{-webkit-transition:all .5s .5s;-moz-transition:all .5s .5s;-ms-transition:all .5s .5s;-o-transition:all .5s .5s;transition:all .5s .5s;}
.adOwner2.animation .item3{-webkit-transition:all .5s 1s;-moz-transition:all .5s 1s;-ms-transition:all .5s 1s;-o-transition:all .5s 1s;transition:all .5s 1s;}
.adOwner2.animation .item-split1,.adOwner2.animation .item-split2{-webkit-transition:all .5s 1.5s;-moz-transition:all .5s 1.5s;-ms-transition:all .5s 1.5s;-o-transition:all .5s 1.5s;transition:all .5s 1.5s;}

.surport{color:#666;padding-bottom:50px}
.surport .title{padding:40px;}
.surport li{float: left;width:33.33%;*width:33.3%;-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);transform:translateY(-100%);}
.surport .icon{width:236px;height:236px;margin-bottom:15px;}
.surport.show .icon{background:url(../img/surport.png) no-repeat top left;}
.surport.show .icon-surport2{background-position:-238px 0}
.surport.show .icon-surport3{background-position:-476px 0}
.surport.animation li{-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;-webkit-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0);}
.surport.animation li:nth-child(2){-webkit-transition:all .5s .5s;-moz-transition:all .5s .5s;-ms-transition:all .5s .5s;-o-transition:all .5s .5s;transition:all .5s .5s;}
.surport.animation li:nth-child(3){-webkit-transition:all .5s 1s;-moz-transition:all .5s 1s;-ms-transition:all .5s 1s;-o-transition:all .5s 1s;transition:all .5s 1s;}

.access{height:948px;}
.access.show{background-image:url(../img/img_access_bj.jpg)} 
.access .title{padding:150px 0 100px}
.access .content{width:845px;height:420px;margin:0 auto}
.access .front{width:290px;height:322px}
.access.show .front{background-image:url(../img/access.png)}
.access .text{height:60px;margin-top:20px;font-size:18px;color:#fff;}
.access li{width:290px;-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);transform:translateY(-100%);}
.access .item-split{width:261px;}
.access .item-split .front{width:261px;background-position:-292px 0;}
.access .item2 .front{background-position:-555px 0;}
.access.animation li{-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;-webkit-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0);}
.access.animation .item2{-webkit-transition:all .5s .5s;-moz-transition:all .5s .5s;-ms-transition:all .5s .5s;-o-transition:all .5s .5s;transition:all .5s .5s;}
.access.animation .item-split{-webkit-transition:all .5s 1s;-moz-transition:all .5s 1s;-ms-transition:all .5s 1s;-o-transition:all .5s 1s;transition:all .5s 1s;}

.contact{height:430px;background:#2b2b2b;color:#fff}
.contact .title{padding:80px}
.contact .text{font-size:30px}

.footer{padding:140px 0;color:#161616;font-size:14px}
.footer .font-sm{font-size:12px}
.footer .item{float:left;width:21%;*width:20.9%;}
.footer .logo{width:30%;}
.footer .menu{width:13%;}
.footer .guanzhu{width:15%;}

.footer .copyright{margin-top:15px;color:#5f5f5f}
.footer .row{display:block;margin-top:16px}
.footer .name{font-size: 16px;font-weight: bold;}
.footer .divide {margin-top: 15px;width: 35px; height: 1px;background:#d0d0d0;}
.footer .icon{display:inline-block;width:38px;height:38px;background:url(../img/icons.png)}
.footer .icon+.icon{margin-left:5%}
.footer .icon-weibo{background-position:0 -160px}
.footer .icon-weibo:hover{background-position:0 -200px}
.footer .icon-wechat{background-position:0 -240px}
.footer .icon-wechat:hover{background-position:0 -280px}
.footer .icon-qq{background-position:0 -320px}
.footer .icon-qq:hover{background-position:0 -360px}

.back-top{position:fixed;z-index:99;bottom:20px;right:5px;width: 40px; height:40px;background:url(../img/icons.png) no-repeat -2px -400px }
.back-top:hover{background-position:-2px -450px}