/*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; font-family: "MicroSoft YaHei",sans-serif; color:#333;max-width: 750px;margin:0 auto; }

a{color:#333;}
a:hover{text-decoration: none; }
input{outline: none; border:none; -webkit-appearance:none;/*清除移动端的表单样式*/ }
ul,ol{list-style: none;}

.banner{width:100%;}
.banner img{width:100%;display: block;}

.dis-title{width:100%;text-align: center;padding:12px 0; }
.dis-title h2{font-size: 19px;font-weight: 400;color:#333;}
.dis-title p{font-size: 12px;color:#999;}

.dis-adv{padding:0 10px 20px;text-align: center;}
.dis-adv ul{overflow: hidden;}
.dis-adv li{position:relative; float: left;width:50%;margin-left: -1px;margin-top: -1px;}
.dis-adv li:after{content:""; position:absolute;left:0;right:0px;top:0;height:1px;background: #ccc;transform: scaleY(.5);-webkit-transform: scaleY(.5);}
.dis-adv li:before{content:""; position:absolute;left:0;top:0;bottom:0;width:1px;background: #ccc;transform: scaleX(.5);-webkit-transform: scaleX(.5);}
.dis-adv li .icon{margin-top: 20px;font-size: 0;}
.dis-adv li .icon img{width:60px;}
.dis-adv li .tit{font-size: 12px;color:#333;line-height: 2;margin-top: 3px;}
.dis-adv li .line{height: 1px;width:15px;background: #3cbfcd;margin:0px auto;}
.dis-adv li .word{font-size: 9px;color:#999;line-height: 14px; height:44px; margin-top: 3px;padding:0 5px;}


.dis-do{background: #f7f7f7;width:100%;overflow: hidden;padding:0 3%;}
.dis-do li{float: left;border-radius: 300px;background: #ff9b52;color:#fff;width:44%;margin:0 3% 20px; padding:35px 0px 50px;text-align: center;}
.dis-do li:nth-child(2){background: #6bbe44;}
.dis-do li:nth-child(3){background: #30c4bf;}
.dis-do li:nth-child(4){background: #ff7696;}
.dis-do li .icon img{width:50px;}
.dis-do li .tit{font-size: 15px;font-weight: 700;line-height: 1;margin-top: 30px;}
.dis-do li .word{font-size: 9px;margin-top: 8px;padding:0 12px;line-height: 1.8;height: 100px;overflow: hidden;}

.dis-vs{margin-top: 140px; background: url(../images/distri/vs.png) center center no-repeat;background-size: 66px 32px;padding-bottom: 20px;}
.dis-vs .vs-text{position:relative; width:50%;}
.dis-vs .vs-text .pic{position:absolute;top:-140px; width:110px;}
.dis-vs .vsleft .pic{right:35px;}
.dis-vs .vsright .pic{left:35px;}
.dis-vs .vsleft{float: left;text-align: right;padding-right: 50px;color:#999;}
.dis-vs .vsright{float: right;padding-left: 50px;color:#ff821d;}
.dis-vs .vs-text .tit{font-size: 15px;font-weight: 700;line-height: 2.5;}
.dis-vs .vs-text .word{font-size: 9px;line-height: 2.5;}

.dis-fans{position:relative;}
.dis-fans .pic{width:100%;display: block;}
.dis-fans .dis-title{position:absolute;left:0;top:0;}
.dis-fans .word{position:absolute;text-align: center;left:0;bottom:20px;width:100%; font-size: 9px;line-height: 18px;color:#333;padding:0 10px; }

.dis-case{padding:0 10px;}
.dg-container{width: 100%; height: 380px;overflow: hidden; 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{max-width: 100%;width:100%;height:380px;font-size: 0;}
.dg-wrapper .support{position:absolute;left:0px;top:0px;width:62%;margin:0 19%;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 span{display:block;color:#333;font-size: 18px;line-height: 2;}
.support p{text-indent: 2em;text-align: left;font-size: 14px;color:#fff;margin-top: 5px;}
.support img{width:100%;}

.dg-wrapper .hide{position:absolute;left:0;top:0;right:0;bottom:0;background: rgba(0,0,0,0.7);color:#fff; transition: all 0.3s;display: none;text-align: center;z-index: 11;}
.dg-wrapper .hide img{width:60%;margin-top: 45%;}
.dg-wrapper .hide.on{display: block;transition: all 0.3s;}
.dg-wrapper .hide.on img{animation: scale .8s ease-in-out;}
.dg-wrapper .hide.on p{animation: scale .8s ease-in-out;text-align: center;text-indent: 0;}

@-webkit-keyframes scale{
   0% {
        transform: scale(0);
        opacity: 0;
    }
    60% {
        transform: scale(1.1);
        opacity: .5;
    }
    80% {
        transform: scale(0.9);
        opacity: 1;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }

}
@keyframes scale{
   0% {
        transform: scale(0);
        opacity: 0.0;
    }
    60% {
        transform: scale(1.1);
    }
    80% {
        transform: scale(0.9);
        opacity: 1;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }

}