@charset "utf-8";

.header{height: 680px;}
#wxad-banner{
    width: 100%;
    position: absolute;
    left: 0;
    z-index: 0;
    top: 80px;
    }
#wxad-banner ul{width: 100%;}
#wxad-banner ul li{width:100%;height: 600px;min-width:1080px;position:absolute;background-position: center center;display: none;}
#wxad-banner ul li.banner1{
    background-image: url(../images/wxad-banner_bg.jpg);
}
#wxad-banner ul li.banner1 .container{
    
position: relative;
}
#wxad-banner .text{
    position: absolute;
    top: 90px;
}
#wxad-banner .text h4{
    font-size: 36px;
    line-height: 50px;
    color: #000;
    font-weight: 100;
}
#wxad-banner .text p{font-size: 16px;line-height: 2;color: #333;padding: 20px 0 30px;word-spacing: 6px;}
#wxad-banner .text .btn{display: inline-block;border: 1px solid #3da8ee;border-radius: 2px;text-align: center;text-decoration: none;outline: 0;transition: all .4s ease;padding: 12px 40px;font-size: 18px;color: #fff;border-color: #FE7D10;background-color: #FE7D10;line-height: 34px;-webkit-animation: fadeIn .4s ease-in-out both .8s;animation: fadeIn .4s ease-in-out both .8s;}
#wxad-banner .text .btn:hover{
    color: #fff;
    border-color: #e26800;
    background-color: #e26800;
}

    
#top{width:100%;height:80px;min-width:1200px;z-index: 999;background: #fff;position: relative;}
#nav .logo{background: url("../images/logo02.png");margin: 15px 170px 0 20px;}
#nav .logo a{width:112px;height:20px;display:block;}
#nav .nav_main{width: 870px;}
#nav .nav_main .nav-a{
                color: #000;
                font-size:14px;
                font-family:"????";
                padding:0 22px;
                line-height:80px;
                display:block;
                }

.page1{
    position: relative;
    height: 700px;
    color: #fff;
    background: url(../images/wxad-page1_bg.jpg) no-repeat left center transparent;
}
.page1 .container{
    height: 100%;
    text-align: right;
    position: relative;
}
.page1 .img{}
.page1 .img .page1-bg{
    position: absolute;
    right: 50%;
    bottom: 0;
    width: 856px;
    height: 414px;
    margin-right: -228px;
    background: url(../images/wxad-page1_img.png) no-repeat center center transparent;
}
.page1 .img ul{
    position: absolute;
    left: 0;
    top: 174px;
}
.page1 .img ul li{
    -webkit-animation: zoomIn .4s ease-in-out both;
    animation: zoomIn .4s ease-in-out both;
    float: left;
    margin-right: 18px;
}
.page1 .img ul li i{
    display: block;
    background-image: url(../images/wxad-icon_all.png);
    background-repeat: no-repeat;
    width: 67px;
    height: 67px;
    vertical-align: middle;
}
.page1 .img ul li.qzone{
    margin-top: 128px;
}
.page1 .img ul li.qq{
    margin-top: 68px;
}
.page1 .img ul li.wechat{
    margin-top: 30px;
}
.page1 .img ul li.ads{
    margin-top: 9px;
}
.page1 .img ul li.browser{}
.page1 .img ul li.app{
    margin-top: 9px;
}
.page1 .img ul li.video{margin-top: 30px;}
.page1 .img ul li.news{
    margin-top: 68px;
}
.page1 .img ul li.kuaibao{
    margin-top: 128px;
}
.page1 .img ul li.qzone i{
    background-position: -365px -152px;
}
.page1 .img ul li.qq i{
    background-position: -292px -152px;
}
.page1 .img ul li.wechat i{
    background-position: 0 -152px;
}
.page1 .img ul li.ads i{
    background-position: -73px -152px;
}
.page1 .img ul li.browser i{
    background-position: -219px -152px;
}
.page1 .img ul li.app i{
    background-position: -146px -152px;
}
.page1 .img ul li.video i{
    background-position: -439px -152px;
}
.page1 .img ul li.news i{
    background-position: -513px -152px;
}
.page1 .img ul li.kuaibao i{
    background-position: -365px -152px;
}
.page1 .img ul li span{
    display: block;
    font-size: 12px;
    color: #dadada;
    text-align: center;
    margin-top: 6px;
}
.page1 .text{
    text-align: left;
    width: 352px;
    display: inline-block;
    vertical-align: middle;
    margin-top: 150px;
}
.page1 .text .title{
    font-size: 36px;
    font-family: dsp,PingFangSC-Light,'helvetica neue','hiragino sans gb',tahoma,'microsoft yahei ui','microsoft yahei',simsun,sans-serif;
    text-align: left;
    color: #fff;
    line-height: 1.5;
    margin-bottom: 20px;
    font-weight: 100;
}
.page1 .text .title span{
    display: block;
}
.page1 .text .content{
    margin-bottom: 35px;
}
.page1 .text .content p{
    font-size: 16px;
    line-height: 2;
    margin-bottom: 20px;
}
.page1 .text .btn{
    display: inline-block;
    border: 1px solid #3da8ee;
    border-radius: 2px;
    text-align: center;
    text-decoration: none;
    outline: 0;
    transition: all .4s ease;
    padding: 5px 50px;
    font-size: 18px;
    color: #fff;
    border-color: #FE7D10;
    background-color: #FE7D10;
    line-height: 34px;
    -webkit-animation: fadeIn .4s ease-in-out both .8s;
    animation: fadeIn .4s ease-in-out both .8s;
}
.page1 .text .btn:hover{
    color: #fff;
    border-color: #e26800;
    background-color: #e26800;
}

.page2{
    background-color: #eaeaea;
    padding: 105px 0 40px;
    padding-bottom: 40px;
}
.page2 .container{
    width: 880px;
}
.page2 .liuyb{
    width: 370px;
    text-align: center;
}
.page2 .liuyb h3{
    font-size: 26px;
    line-height: 1;
    font-family: dsp,PingFangSC-Light,'helvetica neue','hiragino sans gb',tahoma,'microsoft yahei ui','microsoft yahei',simsun,sans-serif;
}
.page2 .liuyb p{
    padding: 20px 0 45px;
    font-size: 14px;
    color: #666;
    text-align: center;
}
.page2 .liuyb .reservation-form{}
.page2 .liuyb .reservation-form ul{margin: 0 auto;width: 300px;}
.page2 .liuyb .reservation-form ul li{
    height: auto;
    margin: 0 auto 30px;
    float: left;
}
.page2 .liuyb .reservation-form ul li input{
    width: 360px;
    height: 48px;
    line-height: 48px;
    border-radius: 2px;
    background-color: #fff;
    background-image: url(../images/icon-reservation.png);
    background-repeat: no-repeat;
    border: 1px solid #e1e0e0;
    padding: 0 10px 0 48px;
    -webkit-transition: border-color .4s;
    transition: border-color .4s;
    width: 300px;
}
.page2 .liuyb .reservation-form ul li input.company{

background-position: 11px -391px;
}
.page2 .liuyb .reservation-form ul li input.name{

background-position: 11px -444px;
}
.page2 .liuyb .reservation-form ul li input.tel{

background-position: 11px -496px;
}
.page2 .liuyb .reservation-form ul li input.mail{

background-position: 11px -544px;
}
.page2 .liuyb .btn-erea{

width: 226px;

margin: 0 auto;

padding-top: 15px;
}
.page2 .liuyb .btn-erea a{

padding: 17px 0;

display: block;

font-size: 18px;

color: #FE7D10;

border-color: #FE7D10;

background-color: transparent;

border: 1px solid #FE7D10;

border-radius: 2px;

cursor: pointer;

line-height: 24px;

text-align: center;

text-decoration: none;

outline: 0;

-webkit-transition: all .4s ease;

transition: all .4s ease;
}
.page2 .liuyb .btn-erea a:hover{
    background:#FE7D10;
    color:#fff;
}
.page2 .lianxi{
    float: right;
    width: 380px;
    text-align: center;
}
.page2 .lianxi h3{
    font-size: 26px;
    line-height: 1;
    font-family: dsp,PingFangSC-Light,'helvetica neue','hiragino sans gb',tahoma,'microsoft yahei ui','microsoft yahei',simsun,sans-serif;
}
.page2 .lianxi p{
    padding: 20px 0 45px;
    font-size: 14px;
    color: #666;
    text-align: center;
}
.page2 .lianxi i{
    display: inline-block;
    margin-top: 25px;
    width: 80px;
    height: 82px;
    background-image: url(../images/wxad-icon_all.png);
    background-repeat: no-repeat;
    background-position: 0 -380px;
}
.page2 .lianxi .phone-number{
    font-size: 42px;
    color: #008de8;
    font-weight: 700;
    margin: 20px 0;
}
.page2 .lianxi .time{
    color: #000;
    font-size: 14px;
}