/*reset css*/
*,::after,::before{margin:0; padding:0; -webkit-tap-highlight-color: transparent;/*去除按钮点击高亮*/ box-sizing:border-box; -webkit-box-sizing:border-box; }
body{font-size: 14px;line-height: 1.5; font-family: "MicroSoft YaHei",sans-serif; color:#333; } 
a{color:#333;}
a:hover{text-decoration: none; }
input,textarea{outline: none; border:none; -webkit-appearance:none;/*清除移动端的表单样式*/ }
ul,ol{list-style: none;}

.top{ margin:5px; overflow:hidden; width:100%;}
.logo{ float:left; width:40%; overflow:hidden;   }
.lianx{ font-size:12px; float:right; margin-top:10px; margin-right:10px; color:#FFF;}
.lianx span{ font-size:18px; color:#EA6809;}

/*common css*/
.f-left{float: left; }
.f-right{float: right;}
.clearfix::before,.clearfix::after{content:""; height:0px; line-height: 0; display: block; visibility: hidden; clear:both; }
.padded{padding:10px;}
.bg-fff{background: #fff;}

/*两行文本的截断*/
.ellipsis2 {display: -webkit-box; overflow: hidden; white-space: normal !important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.banner{position:relative; height: 33%;}
.banner img{width: 100%;display: block;}
.banner .hd{position:absolute;z-index: 1; bottom:5px;left:0px;width:100%;text-align: center;}
.banner .hd ul{display: inline-block;overflow: hidden;}
.banner .hd li{width:6px;height: 6px;background: #fff;border-radius: 50%;margin:0 3px;float: left;font-size: 0;}
.banner .hd li.on{background: #1358f5}

.topmsg{width:100%;padding:10px 0 10px 2%;overflow: hidden;}
.topmsg input{width:31.33%;margin-right: 2%;float: left;border:1px solid #ddd;height: 28px;line-height: 28px;padding-left: 5px;}
.topmsg textarea{width:64.66%;margin-right: 2%;height: 28px;line-height: 28px;float: left;margin-top: 10px;padding-left:5px;resize:none;border:1px solid #ddd;}
.topmsg .btn{margin-top: 10px;background: #1358f5;color:#fff;padding:0;border:1px solid #1358f5;}

.title{width:100%;text-align: center;padding-bottom: 20px;background: url(../images/title.png) center bottom no-repeat;background-size:72px 14px; margin:10px 0;}
.title p{color:#666;font-size: 16px;}
.title h2{font-size: 20px;color:#1358f5;}

.brand{position:relative; width:96%;max-width: 96%;margin:10px 2%;border:1px solid #ddd;}
.brand .hd{position:absolute;bottom:5px;left:0;text-align: center;width:100%;}
.brand .hd ul{display: inline-block;}
.brand .hd li{font-size: 0;float: left;width:20px;height: 3px;background: #ccc;margin:0 5px;}
.brand .hd li.on{background: #1358f5;}
.brand .bd .box{width:100%;padding:12px;}
.brand .bd h4{font-size: 18px;color:#1358f5;text-align: center;margin-bottom:10px;line-height: 2;}
.brand .bd h4 b{padding-right: 5px;}
.brand .bd .icon{float: left;font-size: 0;}
.brand .bd .text{float: right;text-align: right;line-height: 1.8;width: 65%;}
.brand .bd .middle{display: table-cell;height: 150px;vertical-align: middle;}

/*保姆式支持*/
.dg-container{
    width: 100%;
    height: 450px;
    position: relative;
}
.dg-wrapper{
    width: 481px;
    height: 316px;
    margin: 0 auto;
    position: relative;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    -o-perspective: 1000px;
    -ms-perspective: 1000px;
    perspective: 1000px;
}
.dg-wrapper a{
    width: 482px;
    height: 316px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background: transparent url(../images/browser.png) no-repeat top left;
    box-shadow: 0px 10px 20px rgba(0,0,0,0.3);
}
.dg-wrapper a.dg-transition{
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.dg-wrapper a img{
    display: block;
    padding: 41px 0px 0px 1px;
}
.dg-wrapper a div{
    font-style: italic;
    text-align: center;
    line-height: 50px;
    text-shadow: 1px 1px 1px rgba(255,255,255,0.5);
    color: #333;
    font-size: 16px;
    width: 100%;
    bottom: -55px;
    display: none;
    position: absolute;
}
.dg-wrapper a.dg-center div{
    display: block;
}
.dg-container nav{
    width: 58px;
    position: absolute;
    z-index: 1000;
    bottom: 40px;
    left: 50%;
    margin-left: -29px;
}
.dg-container nav span{
    text-indent: -9000px;
    float: left;
    cursor:pointer;
    width: 24px;
    height: 25px;
    opacity: 0.8;
    background: transparent url(../images/arrows.png) no-repeat top left;
}
.dg-container nav span:hover{
    opacity: 1;
}
.dg-container nav span.dg-next{
    background-position: top right;
    margin-left: 10px;
}

.dg-container{overflow: hidden;height:auto;padding-bottom: 5px;}
.dg-wrapper{max-width: 100%;width:100%;height:380px;}

.dg-wrapper .support{position:absolute;left:0px;top:0px;width:70%;margin:0 15%;height:auto;}
.dg-wrapper .support.dg-transition{-webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.support{ border:1px solid #ddd;text-align: center;padding:10px 15px 15px;background: #fff;}
.support span{display:block;color:#333;font-size: 18px;line-height: 2;}
.support p{color:#666;text-indent: 2em;text-align: left;font-size: 14px;}
.support img{border-radius: 50%;max-width: 180px;max-height: 180px;width:75%;}


.policy{position:relative; width:100%;border-bottom:1px dotted #ddd;padding:20px 0 0px;overflow: hidden;background:url(../../join/images/bg.jpg) repeat;}
.policy .title p{}
.policy .title h2{}
.policy .bd .box{width:50%;float:left;border-bottom: 1px solid;}
.policy .bd .box:nth-child(odd){border-right: 1px solid;}
.policy .bd .icon{font-size: 0;text-align: center;padding:10px 0;}
.policy .bd .icon img{max-width: 85px;width:25%;}
.policy .bd .text{line-height: 1.8;font-size: 14px;padding:0 10px;text-align: center;height: 225px;}
.policy .bd h4{font-size: 16px;color:#ff9f24;margin-bottom:5px;}
.policy .bd h4 b{margin-right: 5px;display: inline-block;color:#ff9f24;border:1px solid #ff9f24;width:22px;height: 22px;text-align: center;line-height: 20px;font-size: 14px;}






.honor{position:relative; width:96%;max-width: 96%;margin:10px 2%;border-bottom:1px dotted #ddd;padding-bottom: 10px;}
.honor .hd{ position:absolute; width:100%;top:38%;  height:27px; left:0; z-index:1; }
.honor .hd img{ width:11px;  }
.honor .prev,.honor .next{ position:absolute; left:0; top:0; display:block; width:23px; height:27px; line-height:27px; text-align:center;   }
.honor .next{ left:auto; right:0;}
.honor .bd .box{width:100%;text-align: center;}
.honor .bd .box a{display: block;}
.honor .bd img{max-height: 180px;max-width: 75%; }
.honor .bd h4{font-size: 16px;margin-bottom:5px;margin-left:-29px;}
.honor .bd p{padding:0 30px;color:#666;}

.case{position:relative;}
.case .tHd{overflow: hidden;margin-left: 2%;}
.case .tHd li{float: left;width:31.33%;margin-right: 2%;height: 36px;line-height: 36px;border:1px solid #ddd;color:#666;text-align: center;margin-top: 10px;}
.case .tHd li.on{color:#fff;border:1px solid #1358f5;background:#1358f5; }
.case .bd{margin-left:2%;width:96%;}
.case .bd .pic img{width:100% ;display: block;}
.case .sprev,.case .snext{ position:absolute;z-index:1; left:2%; top:38%; display:block; width:23px; height:27px; line-height:27px; text-align:center;}
.case .snext{ left:auto; right:2%;}
.case .sprev img,.case .snext img{width:70%;}

.agent{position:relative; width:96%;max-width: 96%;margin:10px 2%;padding-bottom: 15px;}
.agent .hd{ position:absolute; width:100%;top:38%;  height:27px; left:0; z-index:1; }
.agent .hd img{ width:11px;  }
.agent .prev,.agent .next{ position:absolute; left:0; top:0; display:block; width:23px; height:27px; line-height:27px; text-align:center;   }
.agent .next{ left:auto; right:0;}
.agent .bd .box{width:100%;text-align: center;}
.agent .bd .box a{display: block;}
.agent .bd img{width:70%;}
.agent .bd h4{font-size: 16px;margin-bottom:5px;margin-left:-29px;color:#1358f5;}
.agent .bd p{padding:0 30px;color:#666;text-align: left;text-indent: 2em;}

.join-list{padding:0 10px;overflow: hidden;}
.join-list ul{position:relative;}
.join-list ul:after{content:"";position:absolute;left:0px;top:118px; height: 90px;border-left: 1px solid #ddd;}
.join-list ul:before{content:"";position:absolute;right:0px;top:28px; height: 90px;border-left: 1px solid #ddd;}
.join-list li{position:relative;padding:0 5px;float: left;width:33.33%;text-align: center;z-index: 1;height: 90px;padding-bottom: 10px;}
.join-list li b{display: block;margin-bottom: 20px;}
.join-list li:after{ content:""; position:absolute;left:0px;top:28px;width:100%;border-top:1px solid #ddd;z-index: 0;}
.join-list li:before{z-index:1; content:""; position:absolute;left:50%;top:21px;margin-left:-7.5px;background: url(../images/join_point.png) no-repeat;width:15px;height: 15px;}
.join-list li:last-child{width:100%;}
.join-list li:nth-child(4){float: right;}
.join-list li:nth-child(5){float: right;}
.join-list li:nth-child(6){float: right;}
.join-box{width:300px;background: #1358f5;color:#fff;margin:-10px auto 0;font-size: 16px;text-align: center;height: 36px;line-height: 36px;}

.msg{width:100%;padding:0 20px;}
.msg input{border:1px solid #ddd;padding-left: 8px;height: 38px;line-height: 38px;width:100%;margin-bottom: 10px;}
.msg textarea{width:100%;padding:5px;height: 100px;border:1px solid #ddd;resize:none;margin-bottom: 10px;}
.msg .btn{background: #1358f5;color:#fff;font-weight: 700;width:230px;text-align: center;font-size: 16px;margin:0 auto;display: block;border:none;padding:0;}

.msg-bg{background:#1358f5; padding:20px 0;margin-top: 20px;}
.msg-bg .btn{background: #ff7723;}
.msg-bg .title p{color:#fff;}
.msg-bg .title h2{color:#fff;}
.msg-bg input{border:none;}
.msg-bg textarea{border:none;}

/*图片放大*/
    .mui-preview-image.mui-fullscreen {
        position: fixed;
        z-index: 20;
        background-color: #000;
        top:0;bottom:0;right:0;left:0;
    }
    .mui-preview-header,
    .mui-preview-footer {
        position: absolute;
        width: 100%;
        left: 0;
        z-index: 10;
    }
    .mui-preview-header {
        height: 44px;
        top: 0;
    }
    .mui-preview-footer {
        height: 50px;
        bottom: 0px;
    }
    .mui-preview-header .mui-preview-indicator {
        display: block;
        line-height: 25px;
        color: #fff;
        text-align: center;
        margin: 15px auto 4;
        width: 70px;
        background-color: rgba(0, 0, 0, 0.4);
        border-radius: 12px;
        font-size: 16px;
    }
    .mui-preview-image {
        display: none;
        -webkit-animation-duration: 0.5s;
        animation-duration: 0.5s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
    }
    .mui-preview-image.mui-preview-in {
        -webkit-animation-name: fadeIn;
        animation-name: fadeIn;
    }
    .mui-preview-image.mui-preview-out {
        background: none;
        -webkit-animation-name: fadeOut;
        animation-name: fadeOut;
    }
    .mui-preview-image.mui-preview-out .mui-preview-header,
    .mui-preview-image.mui-preview-out .mui-preview-footer {
        display: none;
    }
    .mui-zoom-scroller {
        position: absolute;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        width: 100%;
        height: 100%;
        margin: 0;
        -webkit-backface-visibility: hidden;
    }
    .mui-zoom {
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
    }
    .mui-slider .mui-slider-group .mui-slider-item img {
        width: auto;
        height: auto;
        max-width: 100%;
        max-height: 100%;
    }
    .mui-android-4-1 .mui-slider .mui-slider-group .mui-slider-item img {
        width: 100%;
    }
    .mui-android-4-1 .mui-slider.mui-preview-image .mui-slider-group .mui-slider-item {
        display: inline-table;
    }
    .mui-android-4-1 .mui-slider.mui-preview-image .mui-zoom-scroller img {
        display: table-cell;
        vertical-align: middle;
    }
    .mui-preview-loading {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        display: none;
    }
    .mui-preview-loading.mui-active {
        display: block;
    }
    .mui-preview-loading .mui-spinner-white {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -25px;
        margin-top: -25px;
        height: 50px;
        width: 50px;
    }
    .mui-preview-image img.mui-transitioning {
        -webkit-transition: -webkit-transform 0.5s ease, opacity 0.5s ease;
        transition: transform 0.5s ease, opacity 0.5s ease;
    }
    @-webkit-keyframes fadeIn {
        0% {
            opacity: 0;
        }
        100% {
            opacity: 1;
        }
    }
    @keyframes fadeIn {
        0% {
            opacity: 0;
        }
        100% {
            opacity: 1;
        }
    }
    @-webkit-keyframes fadeOut {
        0% {
            opacity: 1;
        }
        100% {
            opacity: 0;
        }
    }
    @keyframes fadeOut {
        0% {
            opacity: 1;
        }
        100% {
            opacity: 0;
        }
    }
    p img {
        max-width: 100%;
        height: auto;
    }
    .mui-slider .mui-slider-group{height: 100%;font-size: 0;position:relative;white-space: nowrap;}
    .mui-slider{overflow: hidden;width:100%;}
    .mui-slider .mui-slider-group .mui-slider-item{font-size: 14px; position: relative; display: inline-block; width: 100%; height: 100%; vertical-align: top; white-space: normal;}
    .mui-slider .mui-slider-group .mui-slider-item img{width: 100%;}



#footer{ width:100%; overflow:hidden; position:fixed; bottom:0px;height:58px}
.foot{ width:100%; overflow:hidden; background:url(../images/footer_bg.gif) center top repeat-x; height:58px; line-height:58px;}
.foot .icon_img{ float:left; width:20%; text-align:center; line-height:15px; margin-top:5px; font-size:12px;}
.foot .icon_img a{ color:#FFF;}