/* 导航菜单 */
#user_defined1 .header{
    position: absolute;
    left:0;
    top:0;
    background-color: transparent;
}
#user_defined1 .header.active{
    position: fixed;
    top:0;
    left:0;
    background-color: #1e2328;
    box-shadow: 0 0 20px #333;
    -moz-box-shadow: 0 0 20px #333;
    -o-box-shadow: 0 0 20px #333;
    -webkit-box-shadow: 0 0 20px #333;
}

/* 精选案例 */
@font-face {
    font-family: 'webfont_case_h1';
    src: url('//at.alicdn.com/t/9nbbvvaz8xquayvi.eot'); /* IE9*/
    src: url('//at.alicdn.com/t/9nbbvvaz8xquayvi.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('//at.alicdn.com/t/9nbbvvaz8xquayvi.woff') format('woff'), /* chrome、firefox */
    url('//at.alicdn.com/t/9nbbvvaz8xquayvi.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('//at.alicdn.com/t/9nbbvvaz8xquayvi.svg#思源黑体-细') format('svg'); /* iOS 4.1- */
}
#user_defined5 .case{
    width:100%;
    padding:108px 0;
    background-color: #282828;
}
#user_defined5 .case h1{
    margin:0;
    font-weight:normal;
    text-align: center;
    font-size:40px;
    line-height:66px;
    color:#fff;
    font-family: "webfont_case_h1";
}
#user_defined5 .case .case_category{
    text-align: center;
}
#user_defined5 .case_category li{
    display: inline-block;
    line-height:40px;
    padding:0 30px;
}
#user_defined5 .case_category a{
    font-size:14px;
    color:#fff;
    transition:all .3s;
    -moz-transition:all .3s;
    -o-transition:all .3s;
    -webkit-transition:all .3s;
}
#user_defined5 .case_category a:hover{
    color:#ff6700;
}
#user_defined5 .case_category a.active{
    color:#ff6700;
}
#user_defined5 .case .more{
    width:204px;
    height:49px;
    display: block;
    border:2px solid #ff6700;
    margin:0 auto;
    border-radius: 5px;
    text-align: center;
    line-height:50px;
    font-size:14px;
    color:#ff6700;
    transition:all .3s;
    -moz-transition:all .3s;
    -o-transition:all .3s;
    -webkit-transition:all .3s;
}
#user_defined5 .case .more:hover{
    background-color: #ff6700;
    color:#fff;
}
#user_defined5 .case .case_content{
    padding-bottom:18px;
    padding-top:50px;
    width:1000px;
    margin:0 auto;
    overflow: hidden;
}
#user_defined5 .case_content .case_block{
    display: none;
}
#user_defined5 .case_content .case_block.active{
    display: block;
}
#user_defined5 .case .case_content .case_list{
    float: left;
    width:475px;
    height:265px;
    margin-right:50px;
    margin-bottom:50px;
    position: relative;
    overflow: hidden;
}
#user_defined5 .case .case_content .case_list_2, #user_defined5 .case .case_content .case_list_4{
    margin-right:0 !important;
}

#user_defined5 .case_list .case_pic{
    width:475px;
    height:270px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
#user_defined5 .case_list .case_pic img{
    width:100%;
    height:auto;
    position: absolute;
    top:0;
    left:0;
    z-index: 1;
}
#user_defined5 .case_list .case_pic:after{
    content:"";
    width:100%;
    height:100%;
    display: block;
    background-color: #f8f7f7;
    position: absolute;
    top:0;
    left:0;
    z-index: 2;
    opacity: 0.85;
    top:-270px;
    transition:all .3s;
    -moz-transition:all .3s;
    -o-transition:all .3s;
    -webkit-transition:all .3s;
}
#user_defined5 .case_list:hover .case_pic:after{
    top:0;
}
#user_defined5 .case_list .case_pic_phone{
    padding:32px 7px 33px 7px;
    width:100px;
    height:177px;
    position: absolute;
    right:70px;
    bottom:-34px;
    z-index: 2;
    background-image: url(http://img.jihui88.com/upload/w/w5/www2/picture/2017/08/28/f8a9b40e-4426-4713-acb8-4a5e18abca97.png);
    background-position: center;
    background-repeat: no-repeat;

    opacity: 0;
    bottom:-242px;
    transition:all .3s;
    -moz-transition:all .3s;
    -o-transition:all .3s;
    -webkit-transition:all .3s;
}
#user_defined5 .case_list:hover .case_pic_phone{
    opacity: 1;
    bottom:-34px;
    transition:all .5s .3s;
    -moz-transition:all .5s .3s;
    -o-transition:all .5s .3s;
    -webkit-transition:all .5s .3s;
}
#user_defined5 .case_list .case_pic_phone .pic_block{
    width:100px;
    height:177px;
    overflow: hidden;
}
#user_defined5 .case_list .case_pic_phone img{
    width:100%;
    height:auto;
}
#user_defined5 .case_list a{
    width:88px;
    height:42px;
    display: block;
    text-align: center;
    line-height:42px;
    font-size:14px;
    color:#ffffff;
    border-radius: 5px;
    background-color: #ef692e;
    position: absolute;
    left:-88px;
    z-index: 2;
    opacity: 0;
    transition:all .3s;
    -moz-transition:all .3s;
    -o-transition:all .3s;
    -webkit-transition:all .3s;
}
#user_defined5 .case_list a.btn_details{
    top:90px;
}
#user_defined5 .case_list:hover a.btn_details{
    opacity: 1;
    left:120px;
    transition:all .5s .3s;
    -moz-transition:all .5s .3s;
    -o-transition:all .5s .3s;
    -webkit-transition:all .5s .3s;
}
#user_defined5 .case_list a.btn_use{
    top:160px;
}
#user_defined5 .case_list:hover a.btn_use{
    opacity: 1;
    left:120px;
    transition:all .5s .5s;
    -moz-transition:all .5s .5s;
    -o-transition:all .5s .5s;
    -webkit-transition:all .5s .5s;
}
#user_defined5 .case_list .price{
    font-size:14px;
    color:#333333;
    line-height:48px;
    position: absolute;
    top:-48px;
    left:18px;
    z-index: 2;
    opacity: 0;
    transition:all .3s;
    -moz-transition:all .3s;
    -o-transition:all .3s;
    -webkit-transition:all .3s;
}
#user_defined5 .case_list:hover .price{
    top:0;
    opacity: 1;
    transition:all .5s .3s;
    -moz-transition:all .5s .3s;
    -o-transition:all .5s .3s;
    -webkit-transition:all .5s .3s;
}

/* 案例弹出层 */
#user_defined5 .case_pic_content{
    width: -moz-calc(100% - 20%);
    width: -webkit-calc(100% - 20%);
    width: calc(100% - 20%);
    height: calc(100% - 78px);
    position: fixed;
    left: -moz-calc(20% - 100%);
    left: -webkit-calc(20% - 100%);
    left: calc(20% - 100%);
    top:0;
    margin-top:78px;
    background-color: #fff;
    overflow-y:scroll;
    z-index: 201;
    scrollbar-base-color: #ff6700;
    scrollbar-track-color: #f6f6f6;
    scrollbar-3dlight-color: #f6eded;
    scrollbar-arrow-color: #f6f6f6;
    scrollbar-shadow-color: #ff6700;
    scrollbar-highlight-color: #ff6700;
    
    transition:all ease-in-out .4s;
    -moz-transition:all ease-in-out .4s;
    -o-transition:all ease-in-out .4s;
    -webkit-transition:all ease-in-out .4s;
}
#user_defined5 .case_show.active .case_pic_content{
    left:0;
}
#user_defined5 .case_pic_content::-webkit-scrollbar-track{
    width:10px;
    background-color: none;
    border-left:0 none;
    border-right:0 none;
}
#user_defined5 .case_pic_content::-webkit-scrollbar{
    width: 12px;
    background-color: #eee;
}
#user_defined5 .case_pic_content::-webkit-scrollbar-thumb{
    background-color: #ff6700;
}
#user_defined5 .case_pic_content .pic_block{
    box-sizing:border-box;
    padding:20px 15%;
    text-align: center;
}
#user_defined5 .case_pic_content .close_block{
    position: absolute;
    right:20px;
    top:20px;
}
#user_defined5 .case_pic_content .close_btn{
    width:39px;
    height:39px;
    display: block;
    text-align: center;
    background-color: #ccc;
    border-radius: 3px;
    transition:all .3s;
    -moz-transition:all .3s;
    -o-transition:all .3s;
    -webkit-transition:all .3s;
}
#user_defined5 .case_pic_content .close_btn:hover{
    background-color: #ff6700;
}
#user_defined5 .case_pic_content .close_btn img{
    margin-top:13px;
    transition:all .3s;
    -moz-transition:all .3s;
    -o-transition:all .3s;
    -webkit-transition:all .3s;
}
#user_defined5 .case_pic_content .close_btn:hover img{
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -moz-transform: rotate(180deg); 
}
#user_defined5 .case_pic_content .pic_block img{
    width: auto;
    max-width:100%;
     box-shadow: 0 0 50px #eee;
    -moz-box-shadow: 0 0 50px #eee;
    -o-box-shadow: 0 0 50px #eee;
    -webkit-box-shadow: 0 0 50px #eee;
}
#user_defined5 .case_details_content{
    width: 20%;
    height: calc(100% - 78px);
    padding:20px;
    margin-top:78px;
    box-sizing:border-box;
    overflow:hidden;
    position: fixed;
    right:0;
    top:0;
    background-color: #fff;
    z-index: 201;
    
    right:-500px;
    transition:all ease-in-out .4s;
    -moz-transition:all ease-in-out .4s;
    -o-transition:all ease-in-out .4s;
    -webkit-transition:all ease-in-out .4s;
}
#user_defined5 .case_show.active .case_details_content{
    right:0;
}
#user_defined5 .case_details_content h1{
    font-weight:normal;
    font-size:16px;
    color:#333;
    line-height:40px;
    margin:0;
}
#user_defined5 .case_details_content .code{
    width:135px;
    height:135px;
    margin-top:50px;
    font-size:0;
    line-height:0;
}
#user_defined5 .case_details_content .code img{
    width:100%;
    height:100%;
}
#user_defined5 .case_details_content a{
    width:100px;
    height:29px;
    display: block;
    line-height:29px;
    text-align: center;
    font-size:12px;
    color:#fff;
    background-color: #ff6700;
    border-radius: 5px;
    margin-top:16px;
}
#user_defined5 .case_content .more{
    width:80px;
    height:80px;
    display: none;
    margin:0 auto;
    background-image: url(http://img.jihui88.com/upload/a/a3/anli/picture/2017/07/24/d06839a5-67e5-47fe-a009-46eebdd9960f.png);
    background-size: 100% 100%;
    background-position: center;
}

/* 自适应 */
@media screen and (min-width: 1440px) {
    #user_defined5 .case{
        padding:108px 0;
    }
    #user_defined5 .case .case_content{
        padding-bottom: 18px;
        padding-top: 50px;
        width: 1000px;
    }
    #user_defined5 .case .case_content .case_list{
        margin-right:50px;
        margin-bottom:50px;
    }
    #user_defined5 .case_pic_content {
        height: calc(100% - 78px);
    }
}
@media screen and (min-width: 1200px) and (max-width: 1439px) {
    #user_defined5 .case{
        padding:84px 0;
    }
    #user_defined5 .case .case_content{
        padding-bottom: 15px;
        padding-top: 40px;
        width: 990px;
        height: 610px;
    }
    #user_defined5 .case .case_content .case_list{
        margin-right:40px;
        margin-bottom:40px;
    }
    #user_defined5 .case_pic_content {
        height: calc(100% - 72px);
    }
}
@media screen and (max-width: 1199px) {
    #user_defined5 .case{
        padding:60px 0;
    }
    #user_defined5 .case .case_content{
        padding-bottom: 12px;
        padding-top: 30px;
        width: 980px;
        height: 590px;
    }
    #user_defined5 .case .case_content .case_list{
        margin-right:30px;
        margin-bottom:30px;
    }
    #user_defined5 .case_pic_content {
        height: calc(100% - 66px);
    }
}

/* 主题内容 */
#user_defined4 .intro{
    width:100%;
    padding-top:47px;
    background-color: #f5f5f5;
}

#user_defined4 .intro .intro_content_1{
    width:100%;
    height:848px;
    background-color: #fff;
    position: relative;
}
#user_defined4 .intro_content_1 .intro_pic{
    position: absolute;
    top:128px;
    right:8%;
    /* height:498px; */
    font-size:0;
    line-height:0;
    box-shadow: 0 0 0 #dbdbdb;
    -moz-box-shadow: 0 0 0 #dbdbdb;
    -o-box-shadow: 0 0 0 #dbdbdb;
    -webkit-box-shadow: 0 0 0 #dbdbdb;

    transition:all .5s 1s;
    -moz-transition:all .5s 1s;
    -o-transition:all .5s 1s;
    -webkit-transition:all .5s 1s;
}
#user_defined4 .intro_content_1 .intro_pic.active{
    box-shadow: 38px 38px 73px #dbdbdb;
    -moz-box-shadow: 38px 38px 73px #dbdbdb;
    -o-box-shadow: 38px 38px 73px #dbdbdb;
    -webkit-box-shadow: 38px 38px 73px #dbdbdb;
}
#user_defined4 .intro_content_1 .intro_pic img {
width:auto;
height:100%;
}
#user_defined4 .intro_content_1 .intro_pic .video{
    width:auto;
    height:100%;

    opacity: 0;
    transform:translate(70px,70px);
    -moz-transform:translate(70px,70px);
    -o-transform:translate(70px,70px);
    -webkit-transform:translate(70px,70px);
    transition:all 1s;
    -moz-transition:all 1s;
    -o-transition:all 1s;
    -webkit-transition:all 1s;
}
#user_defined4 .intro_content_1 .intro_pic.active .video {
    opacity: 1;
    transform:translate(0,0);
    -moz-transform:translate(0,0);
    -o-transform:translate(0,0);
    -webkit-transform:translate(0,0);
}
#user_defined4 .intro_content_1 .intro_block{
    height:498px;
    position: absolute;
    left:14%;
    top:128px;
}
@font-face {
    font-family: 'webfont_intro1_h1';
    src: url('//at.alicdn.com/t/dwy88q0kt0t9ms4i.eot'); /* IE9*/
    src: url('//at.alicdn.com/t/dwy88q0kt0t9ms4i.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('//at.alicdn.com/t/dwy88q0kt0t9ms4i.woff') format('woff'), /* chrome、firefox */
    url('//at.alicdn.com/t/dwy88q0kt0t9ms4i.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('//at.alicdn.com/t/dwy88q0kt0t9ms4i.svg#思源黑体-细') format('svg'); /* iOS 4.1- */
}
#user_defined4 .intro_content_1 .intro_block h1{
    margin:0;
    font-weight:normal;
    font-size:40px;
    color:#010101;
    line-height:62px;
    font-family: "webfont_intro1_h1";
    margin-top:200px;
    
    opacity: 0;
    transform:translateX(-150px);
    -moz-transform:translateX(-150px);
    -o-transform:translateX(-150px);
    -webkit-transform:translateX(-150px);
    transition:all 1s;
    -moz-transition:all 1s;
    -o-transition:all 1s;
    -webkit-transition:all 1s;
}
#user_defined4 .intro_content_1 .intro_block.active h1{
    opacity: 1;
    transform:translateX(0);
    -moz-transform:translateX(0);
    -o-transform:translateX(0);
    -webkit-transform:translateX(0);
}
#user_defined4 .intro_content_1 .intro_block h2{
    margin:0;
    font-weight:normal;
    font-size:16px;
    color:#838282;
    line-height:38px;
    
    opacity: 0;
    transform:translateX(-150px);
    -moz-transform:translateX(-150px);
    -o-transform:translateX(-150px);
    -webkit-transform:translateX(-150px);
    transition:all 1s .5s;
    -moz-transition:all 1s .5s;
    -o-transition:all 1s .5s;
    -webkit-transition:all 1s .5s;
}
#user_defined4 .intro_content_1 .intro_block.active h2{
    opacity: 1;
    transform:translateX(0);
    -moz-transform:translateX(0);
    -o-transform:translateX(0);
    -webkit-transform:translateX(0);
}

/* 自适应 */
@media screen and (min-width: 1680px) {
    #user_defined4 .intro{
        padding-top:47px;
    }
    #user_defined4 .intro .intro_content_1{
        height:848px;
    }
    #user_defined4 .intro_content_1 .intro_pic{
        top:128px;
        right:8%;
        /* height:498px; */
    }
    #user_defined4 .intro_content_1 .intro_block{
        height: 498px;
        position: absolute;
        left: 14%;
        top: 128px;
    }
    #user_defined4 .intro_content_1 .intro_block h1{
        font-size:40px;
        line-height:62px;
        margin-top:200px;
    }
    #user_defined4 .intro_content_1 .intro_block h2{
        font-size:16px;
        line-height:38px;
    }
}
@media screen and (min-width: 1440px) and (max-width: 1679px) {
    #user_defined4 .intro{
        padding-top:42px;
    }
    #user_defined4 .intro .intro_content_1{
        height:636px;
    }
    #user_defined4 .intro_content_1 .intro_pic{
        top:96px;
        right:6%;
        height:374px;
    }
    #user_defined4 .intro_content_1 .intro_block{
        height: 374px;
        position: absolute;
        left: 11%;
        top: 96px;
    }
    #user_defined4 .intro_content_1 .intro_block h1{
        font-size:35px;
        line-height:44px;
        margin-top:150px;
    }
    #user_defined4 .intro_content_1 .intro_block h2{
        font-size:15px;
        line-height:32px;
    }
}
@media screen and (min-width: 1200px) and (max-width: 1439px) {
    #user_defined4 .intro{
        padding-top:37px;
    }
    #user_defined4 .intro .intro_content_1{
        height:530px;
    }
    #user_defined4 .intro_content_1 .intro_pic{
        top:80px;
        right:4%;
        height:312px;
    }
    #user_defined4 .intro_content_1 .intro_block{
        height: 312px;
        position: absolute;
        left: 8%;
        top: 80px;
    }
    #user_defined4 .intro_content_1 .intro_block h1{
        font-size:30px;
        line-height:38px;
        margin-top:125px;
    }
    #user_defined4 .intro_content_1 .intro_block h2{
        font-size:14px;
        line-height:28px;
    }
}
@media screen and (max-width: 1199px) {
    #user_defined4 .intro{
        padding-top:32px;
    }
    #user_defined4 .intro .intro_content_1{
        height:442px;
    }
    #user_defined4 .intro_content_1 .intro_pic{
        top:67px;
        right:2%;
        height:262px;
    }
    #user_defined4 .intro_content_1 .intro_block{
        height: 262px;
        position: absolute;
        left: 5%;
        top: 67px;
    }
    #user_defined4 .intro_content_1 .intro_block h1{
        font-size:25px;
        line-height:32px;
        margin-top:105px;
    }
    #user_defined4 .intro_content_1 .intro_block h2{
        font-size:13px;
        line-height:24px;
    }
}

#user_defined4 .intro .intro_content_2{
    width:100%;
    background-color: #f5f5f5;
    height:808px;
    position: relative;
}
#user_defined4 .intro_content_2 .intro_pic{
    width:647px;
    height:647px;
    border:1px solid #fff;
    position: absolute;
    left:14%;
    top:73px;
    border-radius: 100%;

    opacity: 0;
    transform:translateX(-150px);
    -moz-transform:translateX(-150px);
    -o-transform:translateX(-150px);
    -webkit-transform:translateX(-150px);
    transition:all 1s;
    -moz-transition:all 1s;
    -o-transition:all 1s;
    -webkit-transition:all 1s;
}
#user_defined4 .intro_content_2 .intro_pic.active{
    opacity: 1;
    transform:translateX(0);
    -moz-transform:translateX(0);
    -o-transform:translateX(0);
    -webkit-transform:translateX(0);
}
#user_defined4 .intro_content_2 .intro_pic:before{
    content:"";
    width:435px;
    height:435px;
    display: block;
    border:1px solid #fff;
    position: absolute;
    left:105px;
    top:105px;
    border-radius: 100%;
    z-index: 1;
}
#user_defined4 .intro_content_2 .intro_pic:after{
    content:"";
    width:261px;
    height:261px;
    display: block;
    border:1px solid #fff;
    position: absolute;
    left:192px;
    top:192px;
    border-radius: 100%;
    z-index: 1;
}
#user_defined4 .intro_content_2 .intro_pic img{
    width:100%;
    height:100%;
}
#user_defined4 .intro_content_2 .intro_pic .wechat{
    width:162px;
    height:162px;
    display: block;
    border-radius: 100%;
    background-color: #1fb635;
    position: absolute;
    left:50%;
    top:50%;
    margin-left:-81px;
    margin-top:-81px;
    z-index: 3;
}
#user_defined4 .intro_content_2 .marketing{
    width:647px;
    height:647px;
    position: relative;
    z-index: 2;
    /*animation: circle 20s linear infinite;
    -o-animation: circle 20s linear infinite;
    -moz-animation: circle 20s linear infinite;
    -webkit-animation: circle 20s linear infinite;*/
}
#user_defined4 .intro_content_2 .marketing .icon{
    width:101px;
    height:101px;
    display: block;
    border-radius: 100%;
    position: absolute;
    /*animation: reverse_circle 20s linear infinite;
    -o-animation: reverse_circle 20s linear infinite;
    -moz-animation: reverse_circle 20s linear infinite;
    -webkit-animation: reverse_circle 20s linear infinite;*/
}
#user_defined4 .intro_content_2 .marketing .icon_1{
    background-color: #40b4e5;
    left:273px;
    top:55px;
}
#user_defined4 .intro_content_2 .marketing .icon_2{
    background-color: #e8d153;
    top:137px;
    right:103px;
}
#user_defined4 .intro_content_2 .marketing .icon_3{
    background-color: #ff707d;
    top:321px;
    right:61px;
}
#user_defined4 .intro_content_2 .marketing .icon_4{
    background-color: #7c8df5;
    bottom:77px;
    right:178px;
}
#user_defined4 .intro_content_2 .marketing .icon_5{
    background-color: #3fa2ff;
    bottom:77px;
    left:178px;
}
#user_defined4 .intro_content_2 .marketing .icon_6{
    background-color: #fb9d37;
    top:321px;
    left:61px;
}
#user_defined4 .intro_content_2 .marketing .icon_7{
    background-color: #ef5252;
    top:137px;
    left:103px;
}
#user_defined4 .intro_content_2 .marketing .icon img{
    
}
#user_defined4 .intro_content_2 .marketing .icon span{
    width:80px;
    height:24px;
    display: block;
    text-align: center;
    line-height:24px;
    font-size:16px;
    color:#333333;
    position: absolute;
    top:-24px;
    left:50%;
    margin-left:20px;
}

#user_defined4 .intro_content_2 .intro_block{
    height:647px;
    width:400px;
    position: absolute;
    right:14%;
    top:73px;
}
@font-face {
    font-family: 'webfont_intro2_h1';
    src: url('//at.alicdn.com/t/xn8nbhi1trgxecdi.eot'); /* IE9*/
    src: url('//at.alicdn.com/t/xn8nbhi1trgxecdi.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('//at.alicdn.com/t/xn8nbhi1trgxecdi.woff') format('woff'), /* chrome、firefox */
    url('//at.alicdn.com/t/xn8nbhi1trgxecdi.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('//at.alicdn.com/t/xn8nbhi1trgxecdi.svg#思源黑体-细') format('svg'); /* iOS 4.1- */
}
#user_defined4 .intro_content_2 .intro_block h1{
    margin:0;
    font-weight:normal;
    font-size:40px;
    color:#000000;
    line-height:60px;
    font-family: "webfont_intro2_h1";
    margin-top:200px;

    opacity: 0;
    transform:translateX(150px);
    -moz-transform:translateX(150px);
    -o-transform:translateX(150px);
    -webkit-transform:translateX(150px);
    transition:all 1s;
    -moz-transition:all 1s;
    -o-transition:all 1s;
    -webkit-transition:all 1s;
}
#user_defined4 .intro_content_2 .intro_block.active h1{
    opacity: 1;
    transform:translateX(0);
    -moz-transform:translateX(0);
    -o-transform:translateX(0);
    -webkit-transform:translateX(0);
}
#user_defined4 .intro_content_2 .intro_block h2{
    margin:0;
    font-weight:normal;
    font-size:14px;
    color:#000000;
    line-height:46px;

    opacity: 0;
    transform:translateX(150px);
    -moz-transform:translateX(150px);
    -o-transform:translateX(150px);
    -webkit-transform:translateX(150px);
    transition:all 1s .5s;
    -moz-transition:all 1s .5s;
    -o-transition:all 1s .5s;
    -webkit-transition:all 1s .5s;
}
#user_defined4 .intro_content_2 .intro_block.active h2{
    opacity: 1;
    transform:translateX(0);
    -moz-transform:translateX(0);
    -o-transform:translateX(0);
    -webkit-transform:translateX(0);
}
#user_defined4 .intro_content_2 .intro_block a{
    width:142px;
    height:47px;
    display: block;
    line-height:48px;
    text-align: center;
    font-size:16px;
    color:#fff;
    background-color: #ff6700;
    border-radius: 5px;
    margin-top:25px;

    opacity: 0;
    transform:translateX(150px);
    -moz-transform:translateX(150px);
    -o-transform:translateX(150px);
    -webkit-transform:translateX(150px);
    transition:all 1s 1s;
    -moz-transition:all 1s 1s;
    -o-transition:all 1s 1s;
    -webkit-transition:all 1s 1s;
}
#user_defined4 .intro_content_2 .intro_block.active a{
    opacity: 1;
    transform:translateX(0);
    -moz-transform:translateX(0);
    -o-transform:translateX(0);
    -webkit-transform:translateX(0);
}
/* 自适应 */
@media screen and (min-width: 1680px) {
    #user_defined4 .intro .intro_content_2{
        height:808px;
    }
    #user_defined4 .intro_content_2 .intro_pic{
        width:645px;
        height:645px;
        left:14%;
        top:73px;
    }
    #user_defined4 .intro_content_2 .intro_pic:before{
        width:435px;
        height:435px;
        left:105px;
        top:105px;
    }
    #user_defined4 .intro_content_2 .intro_pic:after{
        width:261px;
        height:261px;
        left:192px;
        top:192px;
    }
    #user_defined4 .intro_content_2 .intro_pic .wechat{
        width: 162px;
        height: 162px;
        margin-left: -81px;
        margin-top: -81px;
    }
    #user_defined4 .intro_content_2 .marketing{
        width:647px;
        height:647px;
    }
    #user_defined4 .intro_content_2 .marketing .icon{
        width:101px;
        height:101px;
    }
    #user_defined4 .intro_content_2 .marketing .icon_1{
        left:273px;
        top:55px;
    }
    #user_defined4 .intro_content_2 .marketing .icon_2{
        top:137px;
        right:103px;
    }
    #user_defined4 .intro_content_2 .marketing .icon_3{
        top:321px;
        right:61px;
    }
    #user_defined4 .intro_content_2 .marketing .icon_4{
        bottom:77px;
        right:178px;
    }
    #user_defined4 .intro_content_2 .marketing .icon_5{
        bottom:77px;
        left:178px;
    }
    #user_defined4 .intro_content_2 .marketing .icon_6{
        top:321px;
        left:61px;
    }
    #user_defined4 .intro_content_2 .marketing .icon_7{
        top:137px;
        left:103px;
    }
    #user_defined4 .intro_content_2 .marketing .icon span{
        width:80px;
        height:24px;
        line-height:24px;
        font-size:16px;
        top:-24px;
        margin-left:20px;
    }
    #user_defined4 .intro_content_2 .intro_block{
        height:647px;
        width:400px;
        right:14%;
        top:73px;
    }
    #user_defined4 .intro_content_2 .intro_block h1{
        font-size:40px;
        line-height:60px;
        margin-top:200px;
    }
    #user_defined4 .intro_content_2 .intro_block h2{
        font-size:14px;
        line-height:46px;
    }
    #user_defined4 .intro_content_2 .intro_block a{
        width:142px;
        height:47px;
        line-height:48px;
        font-size:16px;
        border-radius: 5px;
        margin-top:25px;
    }
}
@media screen and (min-width: 1440px) and (max-width: 1679px) {
    #user_defined4 .intro .intro_content_2{
        height:707px;
    }
    #user_defined4 .intro_content_2 .intro_pic{
        width:567px;
        height:567px;
        left:10%;
        top:64px;
    }
    #user_defined4 .intro_content_2 .intro_pic:before{
        width:383px;
        height:383px;
        left:92px;
        top:92px;
    }
    #user_defined4 .intro_content_2 .intro_pic:after{
        width:229px;
        height:229px;
        left:169px;
        top:169px;
    }
    #user_defined4 .intro_content_2 .intro_pic .wechat{
        width: 143px;
        height: 143px;
        margin-left: -71.5px;
        margin-top: -71.5px;
    }
    #user_defined4 .intro_content_2 .marketing{
        width:569px;
        height:569px;
    }
    #user_defined4 .intro_content_2 .marketing .icon{
        width:89px;
        height:89px;
    }
    #user_defined4 .intro_content_2 .marketing .icon_1{
        left:241px;
        top:50px;
    }
    #user_defined4 .intro_content_2 .marketing .icon_2{
        top:121px;
        right:91px;
    }
    #user_defined4 .intro_content_2 .marketing .icon_3{
        top:283px;
        right:54px;
    }
    #user_defined4 .intro_content_2 .marketing .icon_4{
        bottom:68px;
        right:156px;
    }
    #user_defined4 .intro_content_2 .marketing .icon_5{
        bottom:68px;
        left:156px;
    }
    #user_defined4 .intro_content_2 .marketing .icon_6{
        top:283px;
        left:54px;
    }
    #user_defined4 .intro_content_2 .marketing .icon_7{
        top:121px;
        left:91px;
    }
    #user_defined4 .intro_content_2 .marketing .icon span{
        width:75px;
        height:21px;
        line-height:21px;
        font-size:15px;
        top:-21px;
        margin-left:18px;
    }
    #user_defined4 .intro_content_2 .intro_block{
        height:569px;
        width:390px;
        right:10%;
        top:64px;
    }
    #user_defined4 .intro_content_2 .intro_block h1{
        font-size:35px;
        line-height:55px;
        margin-top:190px;
    }
    #user_defined4 .intro_content_2 .intro_block h2{
        font-size:14px;
        line-height:38px;
    }
    #user_defined4 .intro_content_2 .intro_block a{
        width:142px;
        height:47px;
        line-height:48px;
        font-size:16px;
        border-radius: 5px;
        margin-top:20px;
    }
}
@media screen and (min-width: 1200px) and (max-width: 1439px) {
    #user_defined4 .intro .intro_content_2{
        height:606px;
    }
    #user_defined4 .intro_content_2 .intro_pic{
        width:485px;
        height:485px;
        left:8%;
        top:55px;
    }
    #user_defined4 .intro_content_2 .intro_pic:before{
        width:327px;
        height:327px;
        left:79px;
        top:79px;
    }
    #user_defined4 .intro_content_2 .intro_pic:after{
        width:197px;
        height:197px;
        left:144px;
        top:144px;
    }
    #user_defined4 .intro_content_2 .intro_pic .wechat{
        width: 123px;
        height: 123px;
        margin-left: -61.5px;
        margin-top: -61.5px;
    }
    #user_defined4 .intro_content_2 .marketing{
        width:487px;
        height:487px;
    }
    #user_defined4 .intro_content_2 .marketing .icon{
        width:76px;
        height:76px;
    }
    #user_defined4 .intro_content_2 .marketing .icon_1{
        left:206px;
        top:42px;
    }
    #user_defined4 .intro_content_2 .marketing .icon_2{
        top:104px;
        right:78px;
    }
    #user_defined4 .intro_content_2 .marketing .icon_3{
        top:242px;
        right:46px;
    }
    #user_defined4 .intro_content_2 .marketing .icon_4{
        bottom:58px;
        right:134px;
    }
    #user_defined4 .intro_content_2 .marketing .icon_5{
        bottom:58px;
        left:134px;
    }
    #user_defined4 .intro_content_2 .marketing .icon_6{
        top:242px;
        left:46px;
    }
    #user_defined4 .intro_content_2 .marketing .icon_7{
        top:104px;
        left:78px;
    }
    #user_defined4 .intro_content_2 .marketing .icon span{
        width:70px;
        height:18px;
        line-height:18px;
        font-size:14px;
        top:-15px;
        margin-left:15px;
    }
    #user_defined4 .intro_content_2 .intro_block{
        height:487px;
        width:380px;
        right:8%;
        top:55px;
    }
    #user_defined4 .intro_content_2 .intro_block h1{
        font-size:30px;
        line-height:46px;
        margin-top:162px;
    }
    #user_defined4 .intro_content_2 .intro_block h2{
        font-size:14px;
        line-height:32px;
    }
    #user_defined4 .intro_content_2 .intro_block a{
        width:106px;
        height:35px;
        line-height:35px;
        font-size:14px;
        border-radius: 5px;
        margin-top:20px;
    }
}
@media screen and (max-width: 1199px) {
    #user_defined4 .intro .intro_content_2{
        height:505px;
    }
    #user_defined4 .intro_content_2 .intro_pic{
        width:405px;
        height:405px;
        left:4%;
        top:46px;
    }
    #user_defined4 .intro_content_2 .intro_pic:before{
        width:273px;
        height:273px;
        left:66px;
        top:66px;
    }
    #user_defined4 .intro_content_2 .intro_pic:after{
        width:163px;
        height:163px;
        left:121px;
        top:121px;
    }
    #user_defined4 .intro_content_2 .intro_pic .wechat{
        width: 103px;
        height: 103px;
        margin-left: -51.5px;
        margin-top: -51.5px;
    }
    #user_defined4 .intro_content_2 .marketing{
        width:407px;
        height:407px;
    }
    #user_defined4 .intro_content_2 .marketing .icon{
        width:63px;
        height:63px;
    }
    #user_defined4 .intro_content_2 .marketing .icon_1{
        left:172px;
        top:35px;
    }
    #user_defined4 .intro_content_2 .marketing .icon_2{
        top:87px;
        right:66px;
    }
    #user_defined4 .intro_content_2 .marketing .icon_3{
        top:202px;
        right:39px;
    }
    #user_defined4 .intro_content_2 .marketing .icon_4{
        bottom:49px;
        right:113px;
    }
    #user_defined4 .intro_content_2 .marketing .icon_5{
        bottom:49px;
        left:113px;
    }
    #user_defined4 .intro_content_2 .marketing .icon_6{
        top:202px;
        left:39px;
    }
    #user_defined4 .intro_content_2 .marketing .icon_7{
        top:87px;
        left:66px;
    }
    #user_defined4 .intro_content_2 .marketing .icon span{
        width:65px;
        height:15px;
        line-height:15px;
        font-size:12px;
        top:-12px;
        margin-left:12px;
    }
    #user_defined4 .intro_content_2 .intro_block{
        height:407px;
        width:360px;
        right:4%;
        top:46px;
    }
    #user_defined4 .intro_content_2 .intro_block h1{
        font-size:25px;
        line-height:38px;
        margin-top:135px;
    }
    #user_defined4 .intro_content_2 .intro_block h2{
        font-size:12px;
        line-height:28px;
    }
    #user_defined4 .intro_content_2 .intro_block a{
        width:90px;
        height:30px;
        line-height:30px;
        font-size:12px;
        border-radius: 5px;
        margin-top:16px;
    }
}


#user_defined4 .intro .intro_content_3{
    width:100%;
    background-color: #fff;
    height:905px;
    position: relative;
}
#user_defined4 .intro_content_3 .intro_block{
    height:431px;
    position: absolute;
    right:14%;
    top:226px;
    text-align: right;
}
@font-face {
    font-family: 'webfont_intro3_h1';
    src: url('//at.alicdn.com/t/cb77u2yizppsyvi.eot'); /* IE9*/
    src: url('//at.alicdn.com/t/cb77u2yizppsyvi.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('//at.alicdn.com/t/cb77u2yizppsyvi.woff') format('woff'), /* chrome、firefox */
    url('//at.alicdn.com/t/cb77u2yizppsyvi.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('//at.alicdn.com/t/cb77u2yizppsyvi.svg#思源黑体-细') format('svg'); /* iOS 4.1- */
}
#user_defined4 .intro_content_3 .intro_block h1{
    margin:0;
    font-weight:normal;
    font-size:40px;
    color:#000000;
    line-height:62px;
    font-family: "webfont_intro3_h1";
    margin-top:127px;

    opacity: 0;
    transform:translateX(150px);
    -moz-transform:translateX(150px);
    -o-transform:translateX(150px);
    -webkit-transform:translateX(150px);
    transition:all 1s;
    -moz-transition:all 1s;
    -o-transition:all 1s;
    -webkit-transition:all 1s;
}
#user_defined4 .intro_content_3 .intro_block.active h1{
    opacity: 1;
    transform:translateX(0);
    -moz-transform:translateX(0);
    -o-transform:translateX(0);
    -webkit-transform:translateX(0);
}
#user_defined4 .intro_content_3 .intro_block h2{
    margin:0;
    font-weight:normal;
    font-size:14px;
    color:#000000;
    line-height:38px;

    opacity: 0;
    transform:translateX(150px);
    -moz-transform:translateX(150px);
    -o-transform:translateX(150px);
    -webkit-transform:translateX(150px);
    transition:all 1s .5s;
    -moz-transition:all 1s .5s;
    -o-transition:all 1s .5s;
    -webkit-transition:all 1s .5s;
}
#user_defined4 .intro_content_3 .intro_block.active h2{
    opacity: 1;
    transform:translateX(0);
    -moz-transform:translateX(0);
    -o-transform:translateX(0);
    -webkit-transform:translateX(0);
}
#user_defined4 .intro_content_3 .intro_pic{
    width:908px;
    height:431px;
    position: absolute;
    left:8%;
    top:226px;
}
#user_defined4 .intro_content_3 .intro_pic .computer{
    width:908px;
    height:431px;
    display: block;

    opacity: 0;
    transform:translateY(100px);
    -moz-transform:translateY(100px);
    -o-transform:translateY(100px);
    -webkit-transform:translateY(100px);
    transition:all 1s;
    -moz-transition:all 1s;
    -o-transition:all 1s;
    -webkit-transition:all 1s;
}
#user_defined4 .intro_content_3 .intro_pic.active .computer{
    opacity: 1;
    transform:translateY(0);
    -moz-transform:translateY(0);
    -o-transform:translateY(0);
    -webkit-transform:translateY(0);
}
#user_defined4 .intro_content_3 .intro_pic img{
    width:auto;
    height:100%;
}
#user_defined4 .intro_content_3 .intro_pic .icon{
    display: block;
    position: absolute;
    
    opacity: 0;
    transition:all 1s 1.3s;
    -moz-transition:all 1s 1.3s;
    -o-transition:all 1s 1.3s;
    -webkit-transition:all 1s 1.3s;
}
#user_defined4 .intro_content_3 .intro_pic .icon_1{
    width:143px;
    height:138px;
    top:0;
    right:40px;
}
#user_defined4 .intro_content_3 .intro_pic .icon_2{
    width:128px;
    height:128px;
    top:182px;
    right:0;
}
#user_defined4 .intro_content_3 .intro_pic .icon_3{
    width:112px;
    height:133px;
    bottom:0;
    right:88px;
}
#user_defined4 .intro_content_3 .intro_pic .icon_4{
    width:107px;
    height:92px;
    bottom:124px;
    left:30px;
}
#user_defined4 .intro_content_3 .intro_pic .icon_5{
    width:178px;
    height:172px;
    top:12px;
    left:0;
}
#user_defined4 .intro_content_3 .intro_pic.active .icon{
    opacity: 1;
}


#user_defined4 .intro_content_3 .intro_pic .line_1{
    width:111px;
    height:36px;
    top:92px;
    left:618px;
}
#user_defined4 .intro_content_3 .intro_pic .line_2{
    width:186px;
    height:20px;
    top:235px;
    left:591px;
}
#user_defined4 .intro_content_3 .intro_pic .line_3{
    width:116px;
    height:46px;
    bottom:118px;
    left:596px;
}
#user_defined4 .intro_content_3 .intro_pic .line_4{
    width:125px;
    height:76px;
    bottom:198px;
    right:650px;
}
#user_defined4 .intro_content_3 .intro_pic .line_5{
    width:83px;
    height:32px;
    top:93px;
    right:666px;
}
#user_defined4 .intro_content_3 .intro_pic .line img{
    position: absolute;
    left:0;
    top:0;
}
#user_defined4 .intro_content_3 .intro_pic .line_4 img{
    left:auto;
    right:0;
}
#user_defined4 .intro_content_3 .intro_pic .line_5 img{
    left:auto;
    right:0;
}
#user_defined4 .intro_content_3 .intro_pic .line{
    display: block;
    position: absolute;
    overflow: hidden;

    width:0;
    transition:all .3s 1s;
    -moz-transition:all .3s 1s;
    -o-transition:all .3s 1s;
    -webkit-transition:all .3s 1s;
}
#user_defined4 .intro_content_3 .intro_pic.active .line_1{
    width:111px;
}
#user_defined4 .intro_content_3 .intro_pic.active .line_2{
    width:186px;
}
#user_defined4 .intro_content_3 .intro_pic.active .line_3{
    width:116px;
}
#user_defined4 .intro_content_3 .intro_pic.active .line_4{
    width:125px;
}
#user_defined4 .intro_content_3 .intro_pic.active .line_5{
    width:83px;
}
/* 自适应 */
@media screen and (min-width: 1680px) {
    #user_defined4 .intro .intro_content_3{
        height:904px;
    }
    #user_defined4 .intro_content_3 .intro_pic {
        width: 908px;
        height: 431px;
        left: 8%;
        top: 226px;
    }
    #user_defined4 .intro_content_3 .intro_pic .computer{
        width:908px;
        height:431px;
    }
    #user_defined4 .intro_content_3 .intro_pic .icon_1{
        width:143px;
        height:138px;
        top:0;
        right:40px;
    }
    #user_defined4 .intro_content_3 .intro_pic .icon_2{
        width:128px;
        height:128px;
        top:182px;
        right:0;
    }
    #user_defined4 .intro_content_3 .intro_pic .icon_3{
        width:112px;
        height:133px;
        bottom:0;
        right:88px;
    }
    #user_defined4 .intro_content_3 .intro_pic .icon_4{
        width:107px;
        height:92px;
        bottom:124px;
        left:30px;
    }
    #user_defined4 .intro_content_3 .intro_pic .icon_5{
        width:178px;
        height:172px;
        top:12px;
        left:0;
    }
    #user_defined4 .intro_content_3 .intro_pic .line_1{
        width:111px;
        height:36px;
        top:92px;
        left:618px;
    }
    #user_defined4 .intro_content_3 .intro_pic .line_2{
        width:186px;
        height:20px;
        top:235px;
        left:591px;
    }
    #user_defined4 .intro_content_3 .intro_pic .line_3{
        width:116px;
        height:46px;
        bottom:118px;
        left:596px;
    }
    #user_defined4 .intro_content_3 .intro_pic .line_4{
        width:125px;
        height:76px;
        bottom:198px;
        right:650px;
    }
    #user_defined4 .intro_content_3 .intro_pic .line_5{
        width:83px;
        height:32px;
        top:93px;
        right:666px;
    }
    #user_defined4 .intro_content_3 .intro_pic .line{
        width:0;
    }
    #user_defined4 .intro_content_3 .intro_pic.active .line_1{
        width:111px;
    }
    #user_defined4 .intro_content_3 .intro_pic.active .line_2{
        width:186px;
    }
    #user_defined4 .intro_content_3 .intro_pic.active .line_3{
        width:116px;
    }
    #user_defined4 .intro_content_3 .intro_pic.active .line_4{
        width:125px;
    }
    #user_defined4 .intro_content_3 .intro_pic.active .line_5{
        width:83px;
    }
    #user_defined4 .intro_content_3 .intro_block{
        height:431px;
        right:14%;
        top:226px;
    }
    #user_defined4 .intro_content_3 .intro_block h1{
        font-size:40px;
        line-height:62px;
        margin-top:127px;
    }
    #user_defined4 .intro_content_3 .intro_block h2{
        font-size:14px;
        line-height:38px;
    }
}
@media screen and (min-width: 1440px) and (max-width: 1679px) {
    #user_defined4 .intro .intro_content_3{
        height:791px;
    }
    #user_defined4 .intro_content_3 .intro_pic {
        width: 796px;
        height: 378px;
        left: 6%;
        top: 197px;
    }
    #user_defined4 .intro_content_3 .intro_pic .computer{
        width:796px;
        height:378px;
    }
    #user_defined4 .intro_content_3 .intro_pic .icon_1{
        width:126px;
        height:121px;
        top:0;
        right:34px;
    }
    #user_defined4 .intro_content_3 .intro_pic .icon_2{
        width:112px;
        height:112px;
        top:160px;
        right:0;
    }
    #user_defined4 .intro_content_3 .intro_pic .icon_3{
        width:98px;
        height:117px;
        bottom:0;
        right:77px;
    }
    #user_defined4 .intro_content_3 .intro_pic .icon_4{
        width:98px;
        height:80px;
        bottom:109px;
        left:27px;
    }
    #user_defined4 .intro_content_3 .intro_pic .icon_5{
        width:156px;
        height:152px;
        top:10px;
        left:0;
    }
    #user_defined4 .intro_content_3 .intro_pic .line_1{
        width:97px;
        height:32px;
        top:80px;
        left:542px;
    }
    #user_defined4 .intro_content_3 .intro_pic .line_2{
        width:163px;
        height:18px;
        top:206px;
        left:519px;
    }
    #user_defined4 .intro_content_3 .intro_pic .line_3{
        width:100px;
        height:39px;
        bottom:104px;
        left:523px;
    }
    #user_defined4 .intro_content_3 .intro_pic .line_4{
        width:109px;
        height:66px;
        bottom:174px;
        right:570px;
    }
    #user_defined4 .intro_content_3 .intro_pic .line_5{
        width:72px;
        height:26px;
        top:82px;
        right:584px;
    }
    #user_defined4 .intro_content_3 .intro_pic .line{
        width:0;
    }
    #user_defined4 .intro_content_3 .intro_pic.active .line_1{
        width:97px;
    }
    #user_defined4 .intro_content_3 .intro_pic.active .line_2{
        width:163px;
    }
    #user_defined4 .intro_content_3 .intro_pic.active .line_3{
        width:100px;
    }
    #user_defined4 .intro_content_3 .intro_pic.active .line_4{
        width:109px;
    }
    #user_defined4 .intro_content_3 .intro_pic.active .line_5{
        width:72px;
    }
    #user_defined4 .intro_content_3 .intro_block{
        height:378px;
        right:11%;
        top:197px;
    }
    #user_defined4 .intro_content_3 .intro_block h1{
        font-size:35px;
        line-height:55px;
        margin-top:111px;
    }
    #user_defined4 .intro_content_3 .intro_block h2{
        font-size:14px;
        line-height:34px;
    }
}
@media screen and (min-width: 1200px) and (max-width: 1439px) {
    #user_defined4 .intro .intro_content_3{
        height:678px;
    }
    #user_defined4 .intro_content_3 .intro_pic {
        width: 682px;
        height: 324px;
        left: 4%;
        top: 169px;
    }
    #user_defined4 .intro_content_3 .intro_pic .computer{
        width:682px;
        height:324px;
    }
    #user_defined4 .intro_content_3 .intro_pic .icon_1{
        width:107px;
        height:104px;
        top:0;
        right:30px;
    }
    #user_defined4 .intro_content_3 .intro_pic .icon_2{
        width:96px;
        height:96px;
        top:137px;
        right:0;
    }
    #user_defined4 .intro_content_3 .intro_pic .icon_3{
        width:84px;
        height:100px;
        bottom:0;
        right:66px;
    }
    #user_defined4 .intro_content_3 .intro_pic .icon_4{
        width:80px;
        height:69px;
        bottom:93px;
        left:23px;
    }
    #user_defined4 .intro_content_3 .intro_pic .icon_5{
        width:134px;
        height:129px;
        top:9px;
        left:0;
    }
    #user_defined4 .intro_content_3 .intro_pic .line_1{
        width:84px;
        height:27px;
        top:69px;
        left:464px;
    }
    #user_defined4 .intro_content_3 .intro_pic .line_2{
        width:140px;
        height:15px;
        top:177px;
        left:444px;
    }
    #user_defined4 .intro_content_3 .intro_pic .line_3{
        width:86px;
        height:34px;
        bottom:89px;
        left:448px;
    }
    #user_defined4 .intro_content_3 .intro_pic .line_4{
        width:94px;
        height:57px;
        bottom:149px;
        right:488px;
    }
    #user_defined4 .intro_content_3 .intro_pic .line_5{
        width:62px;
        height:22px;
        top:70px;
        right:500px;
    }
    #user_defined4 .intro_content_3 .intro_pic .line{
        width:0;
    }
    #user_defined4 .intro_content_3 .intro_pic.active .line_1{
        width:84px;
    }
    #user_defined4 .intro_content_3 .intro_pic.active .line_2{
        width:140px;
    }
    #user_defined4 .intro_content_3 .intro_pic.active .line_3{
        width:86px;
    }
    #user_defined4 .intro_content_3 .intro_pic.active .line_4{
        width:94px;
    }
    #user_defined4 .intro_content_3 .intro_pic.active .line_5{
        width:62px;
    }
    #user_defined4 .intro_content_3 .intro_block{
        height:324px;
        right:8%;
        top:169px;
    }
    #user_defined4 .intro_content_3 .intro_block h1{
        font-size:30px;
        line-height:47px;
        margin-top:95px;
    }
    #user_defined4 .intro_content_3 .intro_block h2{
        font-size:13px;
        line-height:30px;
    }
}
@media screen and (max-width: 1199px) {
    #user_defined4 .intro .intro_content_3{
        height:565px;
    }
    #user_defined4 .intro_content_3 .intro_pic {
        width: 569px;
        height: 270px;
        left: 2%;
        top: 141px;
    }
    #user_defined4 .intro_content_3 .intro_pic .computer{
        width:569px;
        height:270px;
    }
    #user_defined4 .intro_content_3 .intro_pic .icon_1{
        width:90px;
        height:86px;
        top:0;
        right:25px;
    }
    #user_defined4 .intro_content_3 .intro_pic .icon_2{
        width:80px;
        height:80px;
        top:114px;
        right:0;
    }
    #user_defined4 .intro_content_3 .intro_pic .icon_3{
        width:70px;
        height:83px;
        bottom:0;
        right:55px;
    }
    #user_defined4 .intro_content_3 .intro_pic .icon_4{
        width:67px;
        height:57px;
        bottom:78px;
        left:19px;
    }
    #user_defined4 .intro_content_3 .intro_pic .icon_5{
        width:112px;
        height:108px;
        top:8px;
        left:0;
    }
    #user_defined4 .intro_content_3 .intro_pic .line_1{
        width:70px;
        height:22px;
        top:57px;
        left:388px;
    }
    #user_defined4 .intro_content_3 .intro_pic .line_2{
        width:117px;
        height:13px;
        top:147px;
        left:370px;
    }
    #user_defined4 .intro_content_3 .intro_pic .line_3{
        width:72px;
        height:28px;
        bottom:74px;
        left:374px;
    }
    #user_defined4 .intro_content_3 .intro_pic .line_4{
        width:78px;
        height:48px;
        bottom:124px;
        right:407px;
    }
    #user_defined4 .intro_content_3 .intro_pic .line_5{
        width:51px;
        height:18px;
        top:59px;
        right:417px;
    }
    #user_defined4 .intro_content_3 .intro_pic .line{
        width:0;
    }
    #user_defined4 .intro_content_3 .intro_pic.active .line_1{
        width:70px;
    }
    #user_defined4 .intro_content_3 .intro_pic.active .line_2{
        width:117px;
    }
    #user_defined4 .intro_content_3 .intro_pic.active .line_3{
        width:72px;
    }
    #user_defined4 .intro_content_3 .intro_pic.active .line_4{
        width:78px;
    }
    #user_defined4 .intro_content_3 .intro_pic.active .line_5{
        width:51px;
    }
    #user_defined4 .intro_content_3 .intro_block{
        height:270px;
        right:5%;
        top:141px;
    }
    #user_defined4 .intro_content_3 .intro_block h1{
        font-size:25px;
        line-height:39px;
        margin-top:78px;
    }
    #user_defined4 .intro_content_3 .intro_block h2{
        font-size:12px;
        line-height:24px;
    }
}

#user_defined4 .intro .intro_content_4{
    width:100%;
    background-color: #f5f5f5;
    height:638px;
    position: relative;
}
#user_defined4 .intro_content_4 .intro_block{
    height:462px;
    position: absolute;
    left:14%;
    top:88px;
}
@font-face {
    font-family: 'webfont_intro4_h1';
    src: url('//at.alicdn.com/t/f929nvsdvkwng66r.eot'); /* IE9*/
    src: url('//at.alicdn.com/t/f929nvsdvkwng66r.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('//at.alicdn.com/t/f929nvsdvkwng66r.woff') format('woff'), /* chrome、firefox */
    url('//at.alicdn.com/t/f929nvsdvkwng66r.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('//at.alicdn.com/t/f929nvsdvkwng66r.svg#思源黑体-细') format('svg'); /* iOS 4.1- */
}
#user_defined4 .intro_content_4 .intro_block h1{
    margin:0;
    font-weight:normal;
    font-size:40px;
    color:#000000;
    line-height:62px;
    font-family: "webfont_intro4_h1";
    margin-top:127px;

    opacity: 0;
    transform:translateX(-150px);
    -moz-transform:translateX(-150px);
    -o-transform:translateX(-150px);
    -webkit-transform:translateX(-150px);
    transition:all 1s;
    -moz-transition:all 1s;
    -o-transition:all 1s;
    -webkit-transition:all 1s;
}
#user_defined4 .intro_content_4 .intro_block.active h1{
    opacity: 1;
    transform:translateX(0);
    -moz-transform:translateX(0);
    -o-transform:translateX(0);
    -webkit-transform:translateX(0);
}
#user_defined4 .intro_content_4 .intro_block h2{
    margin:0;
    font-weight:normal;
    font-size:14px;
    color:#999999;
    line-height:38px;

    opacity: 0;
    transform:translateX(-150px);
    -moz-transform:translateX(-150px);
    -o-transform:translateX(-150px);
    -webkit-transform:translateX(-150px);
    transition:all 1s .5s;
    -moz-transition:all 1s .5s;
    -o-transition:all 1s .5s;
    -webkit-transition:all 1s .5s;
}
#user_defined4 .intro_content_4 .intro_block.active h2{
    opacity: 1;
    transform:translateX(0);
    -moz-transform:translateX(0);
    -o-transform:translateX(0);
    -webkit-transform:translateX(0);
}
#user_defined4 .intro_content_4 .intro_pic{
    width:512px;
    height:462px;
    background-image: url(http://img.jihui88.com/upload/w/w5/www2/picture/2017/07/07/325a735b-b8a5-4202-ab1f-61f37e0b09c6.png);
    background-size: 100% 100%;
    position: absolute;
    top:88px;
    right:17%;

    opacity: 0;
    transform:translateX(150px);
    -moz-transform:translateX(150px);
    -o-transform:translateX(150px);
    -webkit-transform:translateX(150px);
    transition:all 1s;
    -moz-transition:all 1s;
    -o-transition:all 1s;
    -webkit-transition:all 1s;
}
#user_defined4 .intro_content_4 .intro_pic.active{
    opacity: 1;
    transform:translateX(0);
    -moz-transform:translateX(0);
    -o-transform:translateX(0);
    -webkit-transform:translateX(0);
}
#user_defined4 .intro_content_4 .intro_pic .intro_info{
    width:78px;
    height:78px;
    display: block;
    border-radius: 100%;
    text-align: center;
    line-height:78px;
    font-size:16px;
    color:#fff;
    position: absolute;

    opacity: 0;
    transition:all 1s;
    -moz-transition:all 1s;
    -o-transition:all 1s;
    -webkit-transition:all 1s;
}
#user_defined4 .intro_content_4 .intro_pic .intro_info_1{
    background-color: #dd3c4c;
    top:2px;
    left: 253px;

    transform:translate(0,-70px);
    -moz-transform:translate(0,-70px);
    -o-transform:translate(0,-70px);
    -webkit-transform:translate(0,-70px);
}
#user_defined4 .intro_content_4 .intro_pic .intro_info_2{
    background-color: #efad4c;
    top:85px;
    right:30px;

    transform:translate(70px,-70px);
    -moz-transform:translate(70px,-70px);
    -o-transform:translate(70px,-70px);
    -webkit-transform:translate(70px,-70px);
    transition-delay:.3s;
    -moz-transition-delay:.3s;
    -o-transition-delay:.3s;
    -webkit-transition-delay:.3s;
}
#user_defined4 .intro_content_4 .intro_pic .intro_info_3{
    background-color: #66a0df;
    bottom:77px;
    right:34px;

    transform:translate(70px,70px);
    -moz-transform:translate(70px,70px);
    -o-transform:translate(70px,70px);
    -webkit-transform:translate(70px,70px);
    transition-delay:.6s;
    -moz-transition-delay:.6s;
    -o-transition-delay:.6s;
    -webkit-transition-delay:.6s;
}
#user_defined4 .intro_content_4 .intro_pic .intro_info_4{
    background-color: #dd3c4c;
    bottom:0;
    left:253px;

    transform:translate(0,70px);
    -moz-transform:translate(0,70px);
    -o-transform:translate(0,70px);
    -webkit-transform:translate(0,70px);
    transition-delay:.9s;
    -moz-transition-delay:.9s;
    -o-transition-delay:.9s;
    -webkit-transition-delay:.9s;
}
#user_defined4 .intro_content_4 .intro_pic .intro_info_5{
    background-color: #efad4c;
    bottom:77px;
    left:98px;

    transform:translate(-70px,70px);
    -moz-transform:translate(-70px,70px);
    -o-transform:translate(-70px,70px);
    -webkit-transform:translate(-70px,70px);
    transition-delay:1.2s;
    -moz-transition-delay:1.2s;
    -o-transition-delay:1.2s;
    -webkit-transition-delay:1.2s;
}
#user_defined4 .intro_content_4 .intro_pic .intro_info_6{
    background-color: #66a0df;
    top:85px;
    left:92px;

    transform:translate(-70px,-70px);
    -moz-transform:translate(-70px,-70px);
    -o-transform:translate(-70px,-70px);
    -webkit-transform:translate(-70px,-70px);
    transition-delay:1.5s;
    -moz-transition-delay:1.5s;
    -o-transition-delay:1.5s;
    -webkit-transition-delay:1.5s;
}
#user_defined4 .intro_content_4 .intro_pic.active .intro_info{
    opacity: 1;
    transform:translate(0,0);
    -moz-transform:translate(0,0);
    -o-transform:translate(0,0);
    -webkit-transform:translate(0,0);
}

/* 自适应 */
@media screen and (min-width: 1680px) {
    #user_defined4 .intro .intro_content_4{
        height:638px;
    }
    #user_defined4 .intro_content_4 .intro_pic{
        width:512px;
        height:462px;
        top:88px;
        right:17%;
    }
    #user_defined4 .intro_content_4 .intro_pic .intro_info{
        width:78px;
        height:78px;
        line-height:78px;
        font-size:16px;
    }
    #user_defined4 .intro_content_4 .intro_pic .intro_info_1{
        top:2px;
        left: 253px;
    }
    #user_defined4 .intro_content_4 .intro_pic .intro_info_2{
        top:85px;
        right:30px;
    }
    #user_defined4 .intro_content_4 .intro_pic .intro_info_3{
        bottom:77px;
        right:34px;
    }
    #user_defined4 .intro_content_4 .intro_pic .intro_info_4{
        bottom:0;
        left:253px;
    }
    #user_defined4 .intro_content_4 .intro_pic .intro_info_5{
        bottom:77px;
        left:98px;
    }
    #user_defined4 .intro_content_4 .intro_pic .intro_info_6{
        top:85px;
        left:92px;
    }
    #user_defined4 .intro_content_4 .intro_block{
        height: 462px;
        left: 14%;
        top: 88px;
    }
    #user_defined4 .intro_content_4 .intro_block h1{
        font-size:40px;
        line-height:62px;
        margin-top:127px;
    }
    #user_defined4 .intro_content_4 .intro_block h2{
        font-size:14px;
        line-height:38px;
    }
}
@media screen and (min-width: 1440px) and (max-width: 1679px) {
    #user_defined4 .intro .intro_content_4{
        height:558px;
    }
    #user_defined4 .intro_content_4 .intro_pic{
        width:449px;
        height:405px;
        top:76px;
        right:14%;
    }
    #user_defined4 .intro_content_4 .intro_pic .intro_info{
        width:68px;
        height:68px;
        line-height:68px;
        font-size:15px;
    }
    #user_defined4 .intro_content_4 .intro_pic .intro_info_1{
        top:2px;
        left: 222px;
    }
    #user_defined4 .intro_content_4 .intro_pic .intro_info_2{
        top:74px;
        right:27px;
    }
    #user_defined4 .intro_content_4 .intro_pic .intro_info_3{
        bottom:68px;
        right:30px;
    }
    #user_defined4 .intro_content_4 .intro_pic .intro_info_4{
        bottom:0;
        left:222px;
    }
    #user_defined4 .intro_content_4 .intro_pic .intro_info_5{
        bottom:68px;
        left:86px;
    }
    #user_defined4 .intro_content_4 .intro_pic .intro_info_6{
        top:74px;
        left:81px;
    }
    #user_defined4 .intro_content_4 .intro_block{
        height: 405px;
        left: 12%;
        top: 76px;
    }
    #user_defined4 .intro_content_4 .intro_block h1{
        font-size:35px;
        line-height:54px;
        margin-top:126px;
    }
    #user_defined4 .intro_content_4 .intro_block h2{
        font-size:14px;
        line-height:34px;
    }
}
@media screen and (min-width: 1200px) and (max-width: 1439px) {
    #user_defined4 .intro .intro_content_4{
        height:478px;
    }
    #user_defined4 .intro_content_4 .intro_pic{
        width:385px;
        height:347px;
        top:66px;
        right:11%;
    }
    #user_defined4 .intro_content_4 .intro_pic .intro_info{
        width:59px;
        height:59px;
        line-height:59px;
        font-size:14px;
    }
    #user_defined4 .intro_content_4 .intro_pic .intro_info_1{
        top:1px;
        left: 190px;
    }
    #user_defined4 .intro_content_4 .intro_pic .intro_info_2{
        top:63px;
        right:22px;
    }
    #user_defined4 .intro_content_4 .intro_pic .intro_info_3{
        bottom:58px;
        right:25px;
    }
    #user_defined4 .intro_content_4 .intro_pic .intro_info_4{
        bottom:0;
        left:190px;
    }
    #user_defined4 .intro_content_4 .intro_pic .intro_info_5{
        bottom:58px;
        left:74px;
    }
    #user_defined4 .intro_content_4 .intro_pic .intro_info_6{
        top:63px;
        left:69px;
    }
    #user_defined4 .intro_content_4 .intro_block{
        height: 347px;
        left: 10%;
        top: 66px;
    }
    #user_defined4 .intro_content_4 .intro_block h1{
        font-size:30px;
        line-height:46px;
        margin-top:108px;
    }
    #user_defined4 .intro_content_4 .intro_block h2{
        font-size:13px;
        line-height:30px;
    }
}
@media screen and (max-width: 1199px) {
    #user_defined4 .intro .intro_content_4{
        height:398px;
    }
    #user_defined4 .intro_content_4 .intro_pic{
        width:322px;
        height:290px;
        top:54px;
        right:8%;
    }
    #user_defined4 .intro_content_4 .intro_pic .intro_info{
        width:49px;
        height:49px;
        line-height:49px;
        font-size:12px;
    }
    #user_defined4 .intro_content_4 .intro_pic .intro_info_1{
        top:1px;
        left: 159px;
    }
    #user_defined4 .intro_content_4 .intro_pic .intro_info_2{
        top:53px;
        right:19px;
    }
    #user_defined4 .intro_content_4 .intro_pic .intro_info_3{
        bottom:48px;
        right:21px;
    }
    #user_defined4 .intro_content_4 .intro_pic .intro_info_4{
        bottom:0;
        left:159px;
    }
    #user_defined4 .intro_content_4 .intro_pic .intro_info_5{
        bottom:48px;
        left:62px;
    }
    #user_defined4 .intro_content_4 .intro_pic .intro_info_6{
        top:53px;
        left:58px;
    }
    #user_defined4 .intro_content_4 .intro_block{
        height: 322px;
        left: 8%;
        top: 54px;
    }
    #user_defined4 .intro_content_4 .intro_block h1{
        font-size:25px;
        line-height:38px;
        margin-top:90px;
    }
    #user_defined4 .intro_content_4 .intro_block h2{
        font-size:12px;
        line-height:24px;
    }
}

@keyframes circle{
    0% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(360deg);
    }
}
@-o-keyframes circle{
    0% {
        -o-transform: rotate(0);
    }
    100% {
        -o-transform: rotate(360deg);
    }
}
@-moz-keyframes circle{
    0% {
        -moz-transform: rotate(0);
    }
    100% {
        -moz-transform: rotate(360deg);
    }
}
@-webkit-keyframes circle{
    0% {
        -webkit-transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes reverse_circle{
    0% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(-360deg);
    }
}
@-o-keyframes reverse_circle{
    0% {
        -o-transform: rotate(0);
    }
    100% {
        -o-transform: rotate(-360deg);
    }
}
@-moz-keyframes reverse_circle{
    0% {
        -moz-transform: rotate(0);
    }
    100% {
        -moz-transform: rotate(-360deg);
    }
}
@-webkit-keyframes reverse_circle{
    0% {
        -webkit-transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(-360deg);
    }
}
/*20180329友情链接*/
#side_link{
    display:none;
}







@font-face {
  font-family: 'iconfont';  /* project id 249974 */
  src: url('//at.alicdn.com/t/font_249974_ghp3mu13dv64unmi.eot');
  src: url('//at.alicdn.com/t/font_249974_ghp3mu13dv64unmi.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_249974_ghp3mu13dv64unmi.woff') format('woff'),
  url('//at.alicdn.com/t/font_249974_ghp3mu13dv64unmi.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_249974_ghp3mu13dv64unmi.svg#iconfont') format('svg');
}
@font-face {font-family: 'index_demo_webfont';
  src: url('//at.alicdn.com/t/webfont_xu19ljfu2ywlv7vi.eot'); /* IE9*/
  src: url('//at.alicdn.com/t/webfont_xu19ljfu2ywlv7vi.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('//at.alicdn.com/t/webfont_xu19ljfu2ywlv7vi.woff') format('woff'), /* chrome、firefox */
  url('//at.alicdn.com/t/webfont_xu19ljfu2ywlv7vi.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('//at.alicdn.com/t/webfont_xu19ljfu2ywlv7vi.svg#思源黑体-细') format('svg'); /* iOS 4.1- */
}

.fonticon {
font-family:"iconfont";
font-style:normal;
}
*, ::after, ::before {
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
/* 首页模板展示 */
#lzj_index_demo {
padding:100px 0 154px 0;
padding:100px 0;
background:#fbfbfb;
}
#lzj_index_demo .demo_title {
text-align:center;
}
#lzj_index_demo .demo_title .sup {
display:block;
color:#000;
font-size:35px;
line-height:1;
padding-bottom:17px;
font-family:"index_demo_webfont";
}
#lzj_index_demo .demo_title .sub {
display:block;
color:#000;
font-size:14px;
line-height:1;
font-family:"index_demo_webfont";
}
#lzj_index_demo .demo_content {

}
#lzj_index_demo .demo_content .demo_swiper {
padding:64px 9.765625vw;
position:relative;
}
#lzj_index_demo .demo_content .swiper-container-demo {
/* max-height:286px; */
position:initial;
overflow:hidden;
}
#lzj_index_demo .demo_content .swiper-slide {
padding:0 2.1875vw;
margin-bottom:30px;
}
#lzj_index_demo .demo_content .demo_pic {
position:relative;
border-radius:3px 3px 0 0;
box-shadow:0 0 32px 0 rgba(0,0,0,0.1);
overflow:hidden;
}
#lzj_index_demo .demo_content .demo_pic img {
display:block;
width:100%;
transition:all .5s ease;
-o-transition:all .5s ease;
-moz-transition:all .5s ease;
-webkit-transition:all .5s ease;
}
#lzj_index_demo .demo_content .swiper-slide:hover .demo_pic img {
/* -webkit-filter:blur(2px); */
}
#lzj_index_demo .demo_content .demo_pic ul.demo_btn_list {
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
background:transparent;
border-radius:3px 3px 0 0;
display:flex;
display:-webkit-flex;
flex-wrap:wrap;
justify-content:center;
align-items:center;
transition:all .5s ease;
-o-transition:all .5s ease;
-moz-transition:all .5s ease;
-webkit-transition:all .5s ease;
}
#lzj_index_demo .demo_content .swiper-slide:hover .demo_pic ul.demo_btn_list {
background:rgba(0,0,0,0.7);
}
#lzj_index_demo .demo_content .demo_pic ul.demo_btn_list li {
margin:0 10px;
opacity:0;
transform:translateY(100%);
-o-transform:translateY(100%);
-moz-transform:translateY(100%);
-webkit-transform:translateY(100%);
transition:all .5s ease;
-o-transition:all .5s ease;
-moz-transition:all .5s ease;
-webkit-transition:all .5s ease;
}
#lzj_index_demo .demo_content .swiper-slide:hover .demo_pic ul.demo_btn_list li {
opacity:1;
transform:translateY(0);
-o-transform:translateY(0);
-moz-transform:translateY(0);
-webkit-transform:translateY(0);
}
#lzj_index_demo .demo_content .swiper-slide:hover .demo_pic ul.demo_btn_list li:nth-child(1) {
transition-delay:0.1s;
}
#lzj_index_demo .demo_content .swiper-slide:hover .demo_pic ul.demo_btn_list li:nth-child(2) {
transition-delay:0.2s;
}
#lzj_index_demo .demo_content .demo_pic ul.demo_btn_list li a {
display:block;
width:124px;
height:52px;
line-height:52px;
text-align:center;
background:#ff6700;
color:#fff;
font-size:16px;
border-radius:52px;
overflow:hidden;
position:relative;
z-index:1;
transition:all .3s ease;
-o-transition:all .3s ease;
-moz-transition:all .3s ease;
-webkit-transition:all .3s ease;
}
#lzj_index_demo .demo_content .demo_pic ul.demo_btn_list li a:hover {
color:rgba(255,103,0,0.75);
box-shadow:0 0 12px 0 rgba(255,103,0,0.75);
}
#lzj_index_demo .demo_content .demo_pic ul.demo_btn_list li a:before {
content:"";
display:block;
width:100%;
height:100%;
background:rgba(255,255,255,0.8);
border-radius:52px;
position:absolute;
top:0;
left:0;
z-index:-1;
-webkit-transform:scaleX(0);
transform:scaleX(0);
-webkit-transform-origin:right;
transform-origin:right;
transition:transform .3s ease;
-o-transition:transform .3s ease;
-moz-transition:transform .3s ease;
-webkit-transition:transform .3s ease;
}
#lzj_index_demo .demo_content .demo_pic ul.demo_btn_list li a:hover::before {
-webkit-transform:scaleX(1);
transform:scaleX(1);
-webkit-transform-origin:left;
transform-origin:left;
}
#lzj_index_demo .demo_content .demo_pic ul.demo_btn_list li a:after {
content:"";
display:block;
border-radius:52px;
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
z-index:-1;
box-shadow:0 0 0 2px #ff6700 inset;
}
#lzj_index_demo .demo_content .swiper-pagination {
bottom:5px;
}
#lzj_index_demo .demo_content .swiper-pagination .swiper-pagination-bullet {
width:12px;
height:12px;
border:1px solid #9a9a9a;
background:none;
opacity:1;
margin:0 4px;
}
#lzj_index_demo .demo_content .swiper-pagination .swiper-pagination-bullet-active {
border:1px solid #ff6700;
background:#ff6700;
}
#lzj_index_demo .demo_content .swiper-btn {
width:44px;
height:44px;
line-height:44px;
text-align:center;
background:none;
}
#lzj_index_demo .demo_content .swiper-button-prev {
left:calc(9.765625vw - 44px);
}
#lzj_index_demo .demo_content .swiper-button-next {
right:calc(9.765625vw - 44px);
}
#lzj_index_demo .demo_content .swiper-btn .fonticon {
color:#000;
font-size:24px;
}
#lzj_index_demo .demo_content .swiper-button-prev .fonticon:before {
content:"\e701";
}
#lzj_index_demo .demo_content .swiper-button-next .fonticon:before {
content:"\e708";
}

#lzj_index_demo .demo_more {
width:100%;
text-align:center;
padding-top:68px;
font-size:0;
}
#lzj_index_demo .demo_more ul {
font-size:0;
text-align:center;
}
#lzj_index_demo .demo_more ul li {
display:inline-block;
*display:inline;
*zoom:1;
vertical-align:middle;
margin:0 15px;
}
#lzj_index_demo .demo_more ul li a {
display:inline-block;
width:162px;
height:42px;
line-height:42px;
text-align:center;
background:#ff6700;
border:1px solid #ff6700;
color:#fff;
font-size:16px;
font-family:"index_demo_webfont";
border-radius:3px;
transition:all .3s;
-o-transition:all .3s;
-moz-transition:all .3s;
-webkit-transition:all .3s;
}
#lzj_index_demo .demo_more ul li:first-child a {
background:none;
border:1px solid #ff6700;
color:#ff6700;
}
#lzj_index_demo .demo_more ul li a:hover {
color:#fff;
background:#ff812c;
border:1px solid #ff812c;
box-shadow:0 0 12px 0 rgba(255,103,0,0.75);
}

/* 提示 */
#use_note {display:none;width:240px;border:1px solid #ff6700;border-radius:3px;overflow:hidden;position:fixed;z-index:999;top:50%;left:50%;transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);}#use_note .note_title {width:100%;height:32px;line-height:32px;background:#ff6700;position:relative;}#use_note .note_title span {display:block;color:#fff;font-size:12px;text-indent:15px;}#use_note .note_title .fonticon {display:block;width:32px;height:32px;line-height:32px;text-align:center;color:#fff;font-size:16px;position:absolute;top:0;right:0;cursor:pointer;transition:all .3s;-o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;}#use_note .note_title .fonticon:hover {background:#f00;}#use_note .note_title .fonticon:before {content:"\e659";}#use_note .note_content {background:#fff;padding:15px;}#use_note .note_content p {color:#333;font-size:12px;line-height:1.3;padding-bottom:10px;}#use_note .note_content span {display:block;color:#f00;font-size:12px;padding-bottom:20px;padding-left:36px;position:relative;}#use_note .note_content span:before {content:"注意：";position:absolute;left:0;}#use_note .note_content ul {display:flex;display:-webkit-flex;align-items:center;justify-content:center;}#use_note .note_content ul li {margin:0 10px;}#use_note .note_content ul li a {display:block;width:68px;height:30px;line-height:28px;text-align:center;padding:0 10px;border:1px solid #ff6700;border-radius:3px;color:#ff6700;font-size:12px;transition:all .3s;-o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;}#use_note .note_content ul li:first-child a {background:#ff6700;color:#fff;}#use_note .note_content ul li a:hover {background:#ff812c;border:1px solid #ff812c;color:#fff;/* box-shadow:0 0 12px 0 rgba(255,103,0,0.75); */}
/* loading */
.loadEffect{
    width: 100px;
    height: 100px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    margin-top:200px;
    opacity: 0;
    pointer-events:none;
 }
.loadEffect.fade_in{
    opacity: 1;
    pointer-events:auto;
}

 .loadEffect span{
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #ff6700;
    position: absolute;
    -webkit-animation: load 1.04s ease infinite;
 }

 @-webkit-keyframes load{
    0%{
       opacity: 1;
    }
    100%{
       opacity: 0.2;
    }
 }
 .loadEffect span:nth-child(1){
    left: 0;
    top: 50%;
    margin-top:-8px;
    -webkit-animation-delay:0.13s;
 }
 .loadEffect span:nth-child(2){
    left: 14px;
    top: 14px;
    -webkit-animation-delay:0.26s;
 }
 .loadEffect span:nth-child(3){
    left: 50%;
    top: 0;
    margin-left: -8px;
    -webkit-animation-delay:0.39s;
 }
 .loadEffect span:nth-child(4){
    top: 14px;
    right:14px;
    -webkit-animation-delay:0.52s;
 }
 .loadEffect span:nth-child(5){
    right: 0;
    top: 50%;
    margin-top:-8px;
    -webkit-animation-delay:0.65s;
 }
 .loadEffect span:nth-child(6){
    right: 14px;
    bottom:14px;
    -webkit-animation-delay:0.78s;
 }
 .loadEffect span:nth-child(7){
    bottom: 0;
    left: 50%;
    margin-left: -8px;
    -webkit-animation-delay:0.91s;
 }
 .loadEffect span:nth-child(8){
    bottom: 14px;
    left: 14px;
    -webkit-animation-delay:1.04s;
 }