img{
    display: block;
}
.videoext_banner{
    margin-top: 108px;
}
.videoext_banner img{
    width: 100%;
    height: 600px;
}
.videoext_title1{
    display: block;
    width: 350px;
    margin: 20px auto 10px auto;
}
.videoext_title2{
    text-align: center;
    color: #555555;
}
.videoext_present_contrainer{
    overflow: hidden;
    background: #f7f7f7;
}
.videoext_present{
    width: 1186px;
    margin: 20px auto;
    overflow: hidden;
}
.videoext_present .left{
    float: left;
    width: 570px;
}
.videoext_present p span{
    color: #d0593b;
}
.videoext_present p.p{
    margin-top: 20px;
} 
.videoext_present img{
    float: right;
    width: 594px;
}
.videoext_title3{
    text-align: center;
    padding: 20px 0;
    font-size: 16px;
}
.videoext_title4{
    text-align: center;
    font-size: 22px;
}
.videoext_flow{
    overflow: hidden;
    padding-bottom: 30px;
}
.videoext_flow ul{
    width: 1208px;
    margin: 20px auto;
    
}
.videoext_flow li{
    float: left;
    text-align: center;
    width: 282px;
    margin-right: 26px;
}
.videoext_flow li img{
    width: 80px;
    margin: 0 auto;
}
.videoext_flow li.last{
    float: right;
    margin-right: 0;
}
.videoext_flow li .inner{
    box-shadow:1px 1px 4px 1px #d5d5d5;
    margin-top: -32px;
    height: 130px;
}
.videoext_flow li .title{
    font-size: 16px;
    font-weight: bold;
    padding:40px 0 10px 0;
}
.videoext_flow li .text{
    font-size: 12px;
    color: #999;
}
.videoext_banner3{
    width: 1176px;
    margin: 0 auto;
}
.videoext_case{
    background: #f9f9f9;
    overflow: hidden;
}
.videoext_title5{
    text-align: center;
    padding: 20px 0;
    font-size: 22px;
}
.videoext_title6{
    text-align: center;
    font-size: 14px;
}
.videoext_case ul{
    width: 1200px;
    margin: 20px auto;
    overflow: hidden;
}
.videoext_case ul li{
    float: left;
    margin-right: 15px;
}
.videoext_case ul li img{
    width: 286px;
}
.videoext_case ul li.last{
    float: right;
    margin-right: 0;
}
.unlock {
    width: 100%;
    height: 773px;
    background: url(../images/indeBg.jpg) center 0 no-repeat;
}
.min_wrapper_1200 {
    min-width: 1200px;
    width: auto !important;
    width: 1200px;
}
.unlock .title {
    text-align: center;
    font-size: 16px;
    color: #bfd9ef;
    padding-top: 60px;
}
.unlock .title .name {
    font-size: 32px;
    color: #fff;
    margin-bottom: 12px;
}
.unlock .pictrue {
    width: 456px;
    height: 314px;
    margin: 115px auto 0 auto;
    position: relative;
}
.unlock .pictrue .img {
    width: 100%;
    height: 100%;
    animation: myfirst linear 10s infinite alternate;
    -webkit-animation: myfirst linear 10s infinite alternate;
}
.unlock .pictrue .item.item1 {
    top: -37px;
    left: -368px;
    border-radius: 16px 16px 0 16px;
}
.unlock .pictrue .item {
    position: absolute;
    width: 358px;
    height: 120px;
    background-color: rgba(255,255,255,0.06);
    border: 2px solid #71b1f5;
    color: #fff;
    font-size: 14px;
    padding: 19px 13px 14px 15px;
}
.unlock .pictrue .item .name {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
}
.unlock .pictrue .item .name img {
    width: 27px;
    height: 27px;
    vertical-align: middle;
    margin-right: 7px;
    float: left;
}
.unlock .pictrue .item.item2 {
    top: -60px;
    left: 425px;
    border-radius: 16px 16px 16px 0;
}
.unlock .pictrue .item.item3 {
    top: 226px;
    left: -352px;
    border-radius: 16px 0 16px 16px;
}
.unlock .pictrue .item.item4 {
    top: 211px;
    left: 466px;
    border-radius: 0 16px 16px 16px;
}
.unlock .member {
    font-size: 16px;
    color: #fff;
    width: 180px;
    height: 46px;
    background-color: #ffa326;
    text-align: center;
    line-height: 46px;
    margin: 94px auto 0 auto;
    cursor: pointer;
}
.anim {
    -moz-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: -1;
}
.anim:before {
    position: relative;
    content: '';
    display: block;
    margin-top: 100%;
}
.anim:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 50%;
}
.unlock .member {
    font-size: 16px;
    color: #fff;
    width: 180px;
    height: 46px;
    background-color: #ffa326;
    text-align: center;
    line-height: 46px;
    margin: 94px auto 0 auto;
    cursor: pointer;
}
.unlock .member .iconfont {
    margin-right: 8px;
    font-size: 18px;
}
.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.iconhuojian:before {
    content: "\e62a";
}
.customized {
    background-image: url(../images/customized.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    height: 260px;
    line-height: 200px;
}
.wrapper_1200 {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}
.customized .title {
    font-size: 36px;
    font-weight: bold;
    color: #fff;
    text-align: center;
}

@media (max-width: 720px){
    .videoext_banner{
        margin-top: 50px;
    }
    .videoext_banner img{
        width: 100%;
        height: auto;
    }
    .videoext_title1 {
        width: 60%;
    }
    .videoext_present {
        width: auto;
        margin: 0 auto;
    }
    .videoext_present .left{
        width: auto;
        text-align: left;
        padding-left: 0.15rem;
        line-height: 0.4rem;
    }
    .videoext_present img{
        width: 100%;
    }
    .videoext_flow ul{
        width: auto;
    }
    .videoext_flow li{
        width: 96%;
        float: none;
        margin: 0 auto 20px auto;
    }
    .videoext_flow li.last{
        float: none;
        margin: 0 auto;
    }
    .videoext_banner3{
        width: 100%;
    }
    .videoext_case ul{
        width: auto;
    }
    .videoext_case ul li{
        float:none;
        margin-right: 0;
    }
    .videoext_case ul li img{
        width: 100%;
    }
    .videoext_case ul li.last{
        float:none;
        margin-right: 0;
    }
    .customized{
        min-width:100%;
        height: 1.6rem;
        line-height: 1.6rem;
        background-size: 100% 100%;
    }
    .wrapper_1200{
        width: auto;
    }
    .customized .title {
        font-size: 0.26rem;
    }
    .unlock {
        height: 12.2rem;
    }
    .unlock .pictrue{
        margin: 1.8rem auto 0 auto;
    }
    .unlock .pictrue .item{
        width: 6.4rem;
        height: 1rem;
        font-size: 0.2rem;
        padding: 0.2rem;
    }
    .unlock .pictrue .item.item1{
        top: -1.6rem;
        left:0.1rem;
    }
    .unlock .pictrue .item.item2{
        top: 0.5rem;
        left:0.1rem;
        height: 1.3rem;
    }
    .unlock .pictrue .item.item3{
        top:2.9rem;
        left:0.1rem;
        height: 1.4rem;
    }
    .unlock .pictrue .item.item4 {
        top: 5.35rem;
        left:0.1rem;
        height: 1.8rem;
    }
    .unlock .title{
        padding-top: 0;
    }
    .min_wrapper_1200{
        min-width: auto;
    }
    .unlock .title .name{
        font-size: 0.4rem;
        padding: 0.2rem 0;
    }
    .unlock .title .text{
        padding: 0 0.1rem;
    }
    .unlock .pictrue .img{
        display: none;
    }
    .unlock .pictrue .item .name{
        font-size: 0.3rem;
    }
    .unlock .pictrue .item .name img{
        width: 0.4rem;
        height: 0.4rem;
        margin-right: 0.1rem;
    }
}