/*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;}

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

.icon-list{width:100%;overflow: hidden;padding-bottom:32px;}
.icon-list li{float:left;width:33.33%;text-align:center;margin-top:18px;}
.icon-list li .pic img{width:40px;}
.icon-list li p{font-size:12px;color:#333;margin-top:12px;margin-bottom:12px;line-height:1;}


.mini-question{height: 540px;width:100%;background-size: cover;background-position: center center;}
.mini-question .box li{float: left;margin-top: 12px;width:25%;margin-left: 6.25%;}
.mini-question .box li:nth-child(4){margin-left: 21%;}
.mini-question .box li img{display: block;width:100%;}

.mini-list{overflow: hidden;}
.mini-list li{float: left;width:33.33%;text-align: center;padding:0 12px 20px;}
.mini-list li .pic img{width:65px;margin-bottom: 3px;}
.mini-list li p{font-size: 12px;}

.mini-case{padding:0 10px;background: #f7f7f7;}
.dg-container{width: 100%; height: 380px;overflow: hidden; position: relative; }
.dg-wrapper{ 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%;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;}


.mini-step{overflow: hidden;padding:0 15px;position:relative; }
.mini-step:after{content:"";position:absolute;right:12.5%;top:46%;margin-top:-10px; background: url(../images/mini/arrow_down.png) center center no-repeat;background-size:7px 8px;width:7px;height: 8px;}
.mini-step li{float: left;text-align: center;position:relative;width:25%;margin-bottom: 64px;}
.mini-step li .pic{width:70px;}
.mini-step li p{position:absolute;left:0;bottom:-24px; font-size: 14px;text-align: center;width:100%;}
.mini-step li:nth-child(2){padding:0 12.5%;width:50%;}
.mini-step li:nth-child(2):after{content:"";position:absolute;left:9%;top:50%;margin-top:-10px; background: url(../images/mini/arrow.png) center center no-repeat;background-size:7px 8px;width:7px;height: 8px;}
.mini-step li:nth-child(2):before{content:"";position:absolute;right:9%;top:50%;margin-top:-10px; background: url(../images/mini/arrow.png) center center no-repeat;background-size:7px 8px;width:7px;height: 8px;}
.mini-step li:nth-child(5){padding:0 12.5%;width:50%;}
.mini-step li:nth-child(5):after{content:"";position:absolute;left:9%;top:50%;margin-top:-10px; background: url(../images/mini/arrow.png) center center no-repeat;background-size:7px 8px;width:7px;height: 8px;}
.mini-step li:nth-child(5):before{content:"";position:absolute;right:9%;top:50%;margin-top:-10px; background: url(../images/mini/arrow.png) center center no-repeat;background-size:7px 8px;width:7px;height: 8px;}

.nav-copyright{border-top: 8px solid #bf0a24;background: #232323;text-align: center;color:#a7a7a7;font-size: 12px;padding:20px 0;margin-top: 20px;}

@-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;
    }

}