html,body{
    width:100%;
    height:100%;
    background: #222222!important;
    font-family:  Microsoft YaHei, SimSun, Lucida Grande, Tahoma, sans-serif!important;
}
*{
    margin:0;
    padding:0;
}
p{
    margin-bottom:0;
}
input{
    outline:none;
    border:none;
}
a{
    text-decoration: none!important;
}
ul,li{
    list-style: none;
}
.wrap{
    width:100%;
    background:#222222;
}

/*banner start*/
.banner{
    width:100%;
    position:relative;
    margin-top: 150px;
    background:#222222;
    overflow:hidden;
}
.pics_bigwrap{
    width:100%;
    background:#222222!important;
}
.pics_wrap{
    width:1132px;
    margin:0 auto;
}
/*banner end*/
/*content start*/
.content{
    width:100%;
    margin:0 auto;
    background:url(../picture/title-line.png) repeat-x top center;
    padding-top:10px;
}
.content_first{
    width:100%;
}
.confirst-ad{
    margin-bottom:55px;
    margin-top:20px;
}
.confirst-media{
    text-align:center;
    margin-bottom:55px;
}
#ad-swiper{
    height: 20px;
    width: 750px;
}
.red-icon{
    width:10px;
    height:12px;
    margin-right:8px;
}
.ad-color{
    color:#ffcc00;
    font-size:14px;
    width: 730px;
    display:inline-block;
    text-overflow:ellipsis;
    white-space: nowrap;
    overflow:hidden;
    text-align:center;
}
.media-num{
    color:#999999;
    font-size:28px;
}
.media-span{
    font-size:40px;
    color:#ffffff;
}
.content_toptwo{
    width:100%;
}
.content_toptwo_div{
    width:1132px;
    margin:0 auto;
    overflow:hidden;
    clear: both;
}
.content_toptwo_div dl{
    float:left;
    width:20%;
    text-align:center;
}
.content_toptwo_div p{
    font-size:14px;
    color:#838383;
    margin-top:36px;
    line-height:22px;
}
.content_toptwo_div dd img{
    width:116px;
    height:116px;
}
.content_toptwo_imgone{
    width:150px!important;
}
.content_toptwo_div dt{
    font-size:18px;
    color:#ffffff;
    margin-top:25px;
}
.content_second{
    width:100%;
    height:600px;
}
.content_bottom{
    width:1132px;
    margin:30px auto 0;
}
.content_bottom_nav{
    margin:60px 0;
    text-align:center;
    overflow:hidden;
}
.content_bottom_nav li{
    display: inline-block;
    width:30px;
    height:10px;
    background:#333333;
}
.bottom_active_nav{
    background:#cc6600!important;
}
.content_bottom_content{
    overflow:hidden;
}
.content_bottom_content>div{
    display:none;
}
.conBot-con{
    width:100%;
    overflow:hidden;
}
.conBot-con li{
    width:50%;
    float:left;
}
.phone-pic{
    margin-right:20px;
    float:left;
    position:relative;
    width:170px;
    height:356px;
}
.phoneCon-five{
    position:absolute;
}
.phoneCon-one{
    position:absolute;
    top: 53px;
    left: 15px;
}
.phoneCon-two{
    position:absolute;
    top: 53px;
    left: 15px;
}
.firstView{
    animation:firstView 0.2s linear 1 1.3s forwards;
    -webkit-animation:firstView 0.2s linear 1 1.3s forwards;
    -moz-animation:firstView 0.2s linear 1 1.3s forwards;
    -o-animation:firstView 0.2s linear 1 1.3s forwards;
}
@keyframes firstView {
    0%{
        opacity:1;
    }
    100%{
        opacity:0;
    }
}
.phoneCon-btmbanner{
    position:absolute;
    left: 15px;
    bottom: 50px;
}
.phoneCon-redkuan{
    position:absolute;
    left: 13px;
    bottom: 47px;
}
.kuans{
    animation:kuans 1.5s linear 1 forwards;
    -webkit-animation:kuans 1.5s linear 1 forwards;
    -moz-animation:kuans 1.5s linear 1 forwards;
    -o-animation:kuans 1.5s linear 1 forwards;
}
@keyframes kuans{
    0%{
        transform:scale(1,1);
    }
    30%{
        transform:scale(1.1,1.1);
    }
    80%{
        transform:scale(1.1,1.1);
    }
    100%{
        transform:scale(0,1);
    }
}
.phoneCon-hand{
    width:36px;
    height:66px;
    position:absolute;
    bottom:0;
    left:60px;
    right:0;
    margin:auto;
}
.handmove{
    animation:handmove 3s linear 1 forwards;
    -webkit-animation:handmove 3s linear 1 forwards;
    -moz-animation:handmove 3s linear 1 forwards;
    -o-animation:handmove 3s linear 1 forwards;
}
@keyframes handmove {
    0%{
        transform:skewX(0deg);
    }
    5%{
        transform:skewX(10deg);
    }
    10%{
        transform:skewX(0deg);
    }
    69%{
        bottom:0;
        left:60px;
    }
    70%{
        bottom:50px;
        left:30px;
    }
    94%{
        transform:skewX(0deg);
        left:30px;
    }
    95%{
        transform:skewX(20deg);
        bottom:50px;
        left:30px;
    }
    100%{
        transform:skewX(0deg);
        bottom:50px;
        left:30px;
    }
}
.phone-text{
    width:calc(100% - 275px);
    height:350px;
    color:#ffffff;
    font-size:16px;
    margin-right: 70px;
    float:right;
    position:relative;
}
.phoneText-top{
    position:absolute;
    top:0;
    left:0;
}
.phoneText-bottom{
    position:absolute;
    bottom:0;
    left:0;
}
.phone-title{
    font-size:18px;
    color:#f08200;
    margin-bottom:30px;
}
/*.phone-textone{*/
    /*margin-bottom:120px;*/
/*}*/
.phone-texttwo{
    margin-bottom:30px;
}
.phone-textthree{
    margin-bottom:10px;
}
.content_third{
    width:100%;
}
.con_title{
    width:100%;
    text-align:center;
    margin-top:60px;
}
.con_title_top{
    font-size:33px;
    font-weight:bold;
    color:#c66b02;
    display:-webkit-box;
    -webkit-box-pack:center;
    -webkit-box-align:center;
    height:60px;
}
.con_title_top span{
    margin:0 15px;
}
.con_title_icon{
    width:59px;
    height:56px;
    display:block;
}
.marbtm{
    margin-bottom:150px;
}
.friend_box{
    width:1132px;
    margin:60px auto 0;
    overflow:hidden;
    background:url(../images/title-line.png) repeat-x bottom center;
}
.friend_box ul{
    overflow:hidden;
    margin-bottom:0;
    padding-bottom:30px;
}
.friend_box li{
    width:79px;
    height:79px;
    margin-right: 23px;
    margin-left:23px;
    margin-bottom:45px;
    float:left;
}
.friend_box li:nth-child(9n){
    margin-right:0;
}
.friend_box li img{
    width:79px;
    height:79px;
}
.marbtm_yyf{
    margin-bottom:115px;
}
/*content end*/

.data_num{
    overflow:hidden;
    height:50px;
}
.t_num{
    width:100%;
    height:100%;
    display:block;
    padding-right: 10px;
}
.t_num i{
    font-size:20px;
    color:#000000;
    padding:20px 0;
}
#carousel{
    width:100%;
    height:600px;
    margin:0 auto;
}
.carousel-inner {
    position: relative;
    width: 1132px;
    margin: 0 auto;
    overflow: hidden;
}
.carousel-indicators li{
    background:#333333!important;
    width:30px!important;
    height:10px!important;
    border-radius:0!important;
    border:none!important;
}
.carousel-indicators .active{
    background:#f08200!important;
    width:30px!important;
    height:10px!important;
    border-radius:0!important;
    border:none!important;
}
.carousel-indicators {
    bottom: -90px!important;
}
.html5zoo-bullet-wrapper-0{
    width:120px!important;
}
.html5zoo-bullet-0-0,.html5zoo-bullet-0-1,.html5zoo-bullet-0-2{
    width:30px!important;
    height:10px!important;
    margin-right:5px!important;
}