@charset "utf-8";
/* CSS Document */

body{min-width:1360px;width:100%;overflow-x: hidden;}
body, div, h1, h2, h3, h4, h5, h6, dl, dd, dt, p, a, form, select, input, ul, ol, li，table,tr,th,td {
    margin: 0;
    padding: 0;
    text-indent: 0;
    font-weight: normal;
    font-size: 14px;
    font-family: 'Microsoft YaHei', Verdana, Arial, Helvetica, sans-serif;
    color: #000000;
    /* overflow-x: hidden; */
}

ul, ol {
    list-style: none;
    text-indent: 0;
    list-style-position: outside;
}

img {
    border: 0;
}

b {
    font-weight: normal
}

.fl {
    float: left;
    display: inline;
}

.fr {
    float: right;
    display: inline;
}

/* link : style */
a {
    text-decoration: none;
}

a:hover {
    text-decoration:none;
}
.clear{ clear:both;}

/*header*/
.header *, .nav_box *{
    box-sizing: border-box;
}
.header{
    width: 1024px;
    margin: 0 auto;
}
.header-top{
    height:102px;
}
.logo{
    float:left;
    margin-top:30px;
    padding-right:22px;
    width:151px;
    height:44px;
    display:block;
    border-right:1px solid #dbdbdb;
}
.logo-text{
    float:left;
    margin-top:32px;
    margin-left:12px;
    line-height:20px;
    font-size: 16px;
}
.phone{
    float:right;
    margin-top:35px;
    text-align:right;
    line-height:20px;
    font-size: 16px;
}
/*nav*/
/*nav*/
.nav_box{
    width: 100%;
    height: 60px;
    background:#262932;
}
.nav_ul{
    width: 1000px;
    margin: 0 auto;
}
.nav_ul li{
    line-height: 60px;
    font-size: 16px;
    display: inline-block;
    float: left;
    width: 14.28%;
    text-align: center;
}
.nav_ul li.last{
    margin-right: 0;
}
.nav_ul li a{
    color: #fff;
    display: inline-block;
    height: 100%;
    position: relative;
    font-size: 16px;
}
.nav_ul li a span{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 3px;
    background: #ffd343;
    transition: width .6s;
}
.nav_ul li:hover a{
    color: #ffd343;
}
.nav_ul li:hover a span{
    width: 100%;
}
.clear_fix:after, .clear_fix:before{
    content: "";
    display: block;
    clear: both;
}

.tit46{font-size:46px;text-align:center;color:#535353;line-height:100px;}
.tit20{font-size:20px;text-align:center;color:#535353;line-height:40px;}
.w1200{width:1000px;margin:0 auto;}
.mar40{margin-top:40px;}
.mar70{margin-top:70px;}

.hide{display:none;}
 .more{width:251px;height:56px;margin:0 auto;background:url(../images/more.png) center no-repeat;text-align:center;margin-top:20px;}
.more a{font-size:30px;color:#fff;line-height:56px;}
.more a:hover{color:#fff;}

/* banner */
.banner{width:100%;height:620px;background:url(../images/bann_bg.jpg) center no-repeat;position:relative;}
.bannLeft {width:645px;margin-left:40px;position:absolute;top:20%;-webkit-animation: bannerTitle1 1.8s cubic-bezier(.4,0,.2,1) 100ms 1 alternate forwards;animation: bannerTitle1 1.8s cubic-bezier(.4,0,.2,1) 100ms 1 alternate forwards;-webkit-animation: fadeInUp 1.8s;}
.bannText p{color:#fff;}
.bannText .bannText_01{font-size:70px;font-weight:bold;letter-spacing:5px;}
.bannText .bannText_02{font-size:44px;font-weight:bold;}
.bannText .bannText_03{font-size:22px;line-height:100px;}
.bann_btn{margin-top:20px;}
.bannRight{width:380px;margin-left:50px;position:absolute;top:10%;right:22%;-webkit-animation: bannerImage 1.8s cubic-bezier(.4,0,.2,1) 100ms 1 alternate forwards;animation: bannerImage 1.8s cubic-bezier(.4,0,.2,1) 100ms 1 alternate forwards;-webkit-animation: fadeInUp 1.8s;}
.bannRight .bannRight01{z-index:1;position:absolute; overflow:hidden;-webkit-animation: 7.5s bannerRadius1 infinite;
animation: 7.5s bannerRadius1 infinite;}
.bannRight .bannRight02{z-index:2;position:absolute;top:0px;}
.bannRight .bannRight03{z-index:3;position:absolute;left:15%;margin-top:45%;-webkit-animation: 7.5s wheel_rotate infinite;animation: 7.5s wheel_rotate infinite;}

.bannBotton{width:100%;height:80px;background:url(../images/bannBottom_bg.jpg) center no-repeat;position:relative;}
.tedu{}
.tedu .tedu_lc{float:left;width:300px;line-height:57px;position:relative;}
.tedu .tedu_lc_c{width:200px;margin:0 auto;}
.tedu .tedu_lc a{line-height:57px;font-size:20px;color:#142eae;position:relative;top:12px;left:0px;}
.tedu .tedu_lc img{padding-top:10px;position:absolute;right:35px;top:6px;}


.btn_more{background:url(../images/btn_bg.png) center no-repeat;width:175px;height:40px;background-size:100%;margin:0 auto;margin-top:20px;}
.btn_more a{color:#fff;line-height:40px;font-size:20px;}
.btn_more a:hover{color:#fff;}

/*为什么要学软件测试*/
.why{margin-top:50px;}
.qianj{margin-top:80px;}
.qianj .qianjLeft{width:49%;text-align:center;margin-top:80px;}
.qianj .qianjLeft h3{font-size:26px;color:#555555;}
.qianj .qianjLeft p{font-size:16px;color:#666666;line-height:25px;margin-top:15px;}
.qianj .qianjRight{margin-right:40px;}

/*人才需求大*/
.xuqiu{width:100%;height:480px;margin-top:60px;background:#f2f2f2;}
.xuqiu .xuqiuLeft{ padding-top:45px;margin-left:40px;width:40%;}
.xuqiu .xuqiuRight{width:50%;text-align:center;margin-top:150px;}
.xuqiu .xuqiuRight h3{font-size:26px;color:#555555;}
.xuqiu .xuqiuRight p{font-size:16px;color:#666666;line-height:25px;margin-top:15px;}

/*就业薪水高*/
.money{margin-top:75px;}
.money .moneyLeft{width:50%;text-align:center;margin-top:80px;}
.money .moneyLeft h3{font-size:26px;color:#555555;}
.money .moneyLeft p{font-size:16px;color:#666666;line-height:25px;margin-top:15px;}
.money .moneyRight{margin-right:40px;}



/*软件测试学什么*/
.what{margin-top:120px;}
.whatCon{margin-top:40px;}
.what .what_course{width:25%;float:left;text-align:center;margin-bottom:20px;}
.what .what_course p{font-size:18px;color:#333333;line-height:50px;}
.what .what_course img{
    -webkit-transition: 0.4s;
    -webkit-transition: -webkit-transform 0.4s ease-out;
    transition: transform 0.4s ease-out;
    -moz-transition: -moz-transform 0.4s ease-out;
}
  
.what .what_course img:hover{
    transform: rotateZ(360deg);
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
}


/*为什么要学习软件测试*/
.courses{margin-top:60px;}
.coursesCon {width:100%;height:420px;background:url(../images/courses_bg.jpg) center no-repeat;margin-top:30px;}
.coursesCon .w1200{position:relative;}
.coursesCon .courseList{width:33.33%;height:420px;float:left; position:relative;left:10px;}
.coursesCon .courseList:hover .courseBan_bg{width:395px;height:420px;background:url(../images/course_bxbg.png) center no-repeat;transition: all 0.4s;
    transition-property: all;
    transition-duration: 0.4s;
    transition-timing-function: initial;
    transition-delay: initial;}
.coursesCon .courseBan{width:385px;height:340px;float:left;position: absolute;left: 0;right: 0;top: 120px;bottom: 0;    webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    transition: all .4s cubic-bezier(.4,0,.2,1) 0.1ms;}

.coursesCon .courseBan i{position:relative;width:100%;height:95px;display: inline-block;webkit-transform: translateZ(0);-moz-transform: translateZ(0);-ms-transform: translateZ(0);-o-transform: translateZ(0);transform: translateZ(0);}
.coursesCon .courseBan h5{color:#fff;font-size: 30px;
    font-weight: bold;
    color: #ffffff;
    position: relative;
    text-align: center;
    margin-top: 60px;
    transition: all .4s cubic-bezier(.4,0,.2,1);}
.coursesCon .courseBan p{color:#fff;font-size: 22px;font-weight: normal;text-align:left;padding: 0 20px;position: relative;text-align: left;margin-left:20px;;margin-top: 40px;line-height: 35px;height: 72px;opacity: 0;filter: alpha(opacity=0);    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(0));transition: all .4s cubic-bezier(.4,0,.2,1);}
.coursesCon .courseBan .course_icon1{background:url(../images/course_icon1.png) no-repeat center center;}
.coursesCon .courseBan .course_icon2{background:url(../images/course_icon2.png) no-repeat center center;}
.coursesCon .courseBan .course_icon3{background:url(../images/course_icon3.png) no-repeat center center;}
.coursesCon .courseBan:hover{top:90px;webkit-transform: translate3d(0,-50px,0);
    -moz-transform: translate3d(0,-50px,0);
    -ms-transform: translate3d(0,-50px,0);
    -o-transform: translate3d(0,-50px,0);
    transform: translate3d(0,-50px,0);
    top: 60px\9\0;}
.coursesCon .courseBan:hover h5{
webkit-transform: translate3d(0,-30px,0);
-moz-transform: translate3d(0,-30px,0);
-ms-transform: translate3d(0,-30px,0);
-o-transform: translate3d(0,-30px,0);
transform: translate3d(0,-30px,0);}
.coursesCon .courseBan:hover p{    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100));
    webkit-transform: translate3d(0,-40px,0);
    -moz-transform: translate3d(0,-40px,0);
    -ms-transform: translate3d(0,-40px,0);
    -o-transform: translate3d(0,-40px,0);
    transform: translate3d(0,-40px,0);
}


/*学软件测试为什么一定要选达内*/
.choose{margin-top:60px;}
.chooseCon{position:relative;margin-top:50px;height:500px;}
.choose_tit_list{position:relative;}
.choose_tit_list li{float:left;width:260px;position:absolute;margin-top:50px;}
.choose_tit_list li h4{font-size:28px;color:#172b4d;}
.choose_tit_list li p{font-size:14px;color:#6b798e;margin-top:10px;line-height:25px;}
.choose_tit_list li#choose_kc{left:40px;}
.choose_tit_list li#choose_kc h4{text-align:right;}
.choose_tit_list li.hover h4{color:#1f5dea;}
.choose_tit_list li.hover p{color:#1f5dea;}
.choose_tit_list li#choose_jy{top:200px;left:40px;}
.choose_tit_list li#choose_jy h4{text-align:right;}
.choose_tit_list li#choose_tts{right:40px;text-align:left;}
.choose_tit_list li#choose_tts h4{text-align:left;}
.choose_tit_list li#choose_stu{right:40px;top:200px;}
.choose_tit_list li#choose_stu h4{text-align:left;}
.choose_tit_list li
.choose_tit_list .hover{background:#40ca25;color:#fff;}

.chooseList .chooseList_ul{position:absolute;left:27%;-webkit-animation: 7.5s wheel_choose infinite;animation: 7.5s wheel_choose infinite;}
.choose .more{}

@keyframes wheel_choose{
    0%{
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform:  translateY(0px);
        -o-transform: translateY(0px);
        transform:translateY(0px);
    }

    50%{
        -webkit-transform:  translateY(-30px);
        -moz-transform:  translateY(-30px);
        -ms-transform: translateY(-30px);
        -o-transform: translateY(-30px);
        transform: translateY(-30px);
    }
    100%{
        -webkit-transform:  translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform:  translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
    }
}
@-webkit-keyframes wheel_choose{
    0%{
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform:  translateY(0px);
        -o-transform: translateY(0px);
        transform:translateY(0px);
    }

    50%{
        -webkit-transform:  translateY(-30px);
        -moz-transform:  translateY(-30px);
        -ms-transform: translateY(-30px);
        -o-transform: translateY(-30px);
        transform: translateY(-30px);
    }
    100%{
        -webkit-transform:  translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform:  translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
    }
}




/*达内测试课程与其他机构对比*/
.contrast{width:1140px;height:797px;margin:0 auto;background:url(../images/contrast_bg.jpg) center no-repeat;margin-top:80px;}
.contrast .contrastTit{font-size:40px;color:#fff;height:80px;line-height:80px;text-align:center;}
.contrast .contrastCon table{width:100%;}
.contrast .contrastCon table tr th{color:#fff;line-height:53px;font-size:26px;width:25%;text-align:center;font-weight:500;}
.contrast .contrastCon table tr th#danie{font-weight:bold;}
.contrast .contrastCon table tr td{font-size:20px;color:#737373;line-height:54px;text-align:center;}
.contrast .contrastCon table tr td#danei2{color:#424242;}
.contrast .contrastCon table tr td#hui{color:#424242;}
.contrast .more{margin-top:40px;}

/*不是每一家机构都叫达内*/
.about{width:100%;height:475px;background:url(../images/about_bg.jpg) center no-repeat;margin-top:180px;}
.aboutTit{font-size:46px;color:#fff;text-align:center;line-height:160px;}
.aboutCon{width:1200px;margin:0 auto;}
.aboutCon ul li{width:229px;float:left;margin-right:13px;}
.aboutCon ul li:hover{position:relative;margin-top:-10px;transition: all 0.5s linear;}
.aboutCon_list{width:229px;height:94px;background:url(../images/aboutList_bg.png) center no-repeat;}
.aboutCon_list h4{font-size:18px;color:#fff;padding:20px 0 0 20px;}
.aboutCon_list p{font-size:14px;color:#fff;padding-left:20px;}



/*teacher*/
.teacher{margin-top:40px;}
.w-hp-tc { width: 1200px; height: 548px; margin: 40px auto 30px; }
.poster-main{ position: relative; width: 900px; height: 548px}
.poster-main img{ display:block; width:100%; height:100%; }
.poster-main .poster-list{ width: 900px; height: 548px}
.poster-main .poster-list .poster-item{ position: absolute; left: 0px; top: 0px; overflow:hidden; border-radius:6px; }
.poster-main .poster-btn { position: absolute; height: 44px; width: 44px; top: 90%; z-index: 10; cursor: pointer; }
.poster-main .poster-list p { width: 438px; height: 152px; color: #fff; text-align: center; position: absolute; background-color: rgba(0,0,0, .5); bottom: 0; left: 0; border-radius:6px;font-size:14px; }
.poster-main .poster-list p strong{ margin-top:26px;font-size:24px;display:inline-block; margin:18px 5px 5px 5px; font-weight:bold; }
.poster-main .poster-list p b{font-size:18px;line-height:35px;}
.poster-main .poster-prev-btn {
    left: 392px;
    background: url("../images//ab_left.png") no-repeat center center;
}

.poster-main .poster-next-btn {
    right: 392px;
    background: url("../images/ab_right.png") no-repeat center center;
}
.teacher .more{margin-top:50px;}



/*students*/
.students{width:100%;height:1000px;background:url(../images/students_bg.jpg) center no-repeat;margin-top:60px;}
.students .tit46{color:#fff;padding-top:30px;}
.students .tit20{color:#fff;}
.studentsList{position:relative;margin-top:40px;}
.studentsList .studentIcon_1{position:absolute;right:-100px;top:-150px;overflow:hidden;-webkit-animation: 7.5s wheel_stu1 infinite;animation: 7.5s wheel_stu1 infinite;}
.studentsList .studentIcon_2{position:absolute;top:590px;left:-35px;overflow:hidden;-webkit-animation: 7.5s wheel_stu2 infinite;animation: 7.5s wheel_stu2 infinite;}
.studentsList .studentsList_main{width:460px;height:250px;position:relative;background:#fff;padding:0 35px;margin:40px 30px 30px 40px;float:left;}
.studentsList .studentsList_main .studentsList_main_tit img{position:absolute;top:-30px;}
.studentsList .studentsList_main .studentsList_main_tit h4{position:absolute;left:145px;line-height:70px;font-size:16px;color:#7a7d88;}
.studentsList .studentsList_main  p{position:absolute;top:80px;line-height:35px;width:460px;font-size:14px;color:#7a7d88;}


@keyframes wheel_stu1{
    0%{
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform:  translateY(0px);
        -o-transform: translateY(0px);
        transform:translateY(0px);
    }

    50%{
        -webkit-transform:  translateY(-20px);
        -moz-transform:  translateY(-20px);
        -ms-transform: translateY(-20px);
        -o-transform: translateY(-20px);
        transform: translateY(-20px);
    }
    100%{
        -webkit-transform:  translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform:  translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
    }
}
@-webkit-keyframes wheel_stu1{
    0%{
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform:  translateY(0px);
        -o-transform: translateY(0px);
        transform:translateY(0px);
    }

    50%{
        -webkit-transform:  translateY(-20px);
        -moz-transform:  translateY(-20px);
        -ms-transform: translateY(-20px);
        -o-transform: translateY(-20px);
        transform: translateY(-20px);
    }
    100%{
        -webkit-transform:  translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform:  translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
    }
}
@keyframes wheel_stu2{
    0%{
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -ms-transform:  translateX(0px);
        -o-transform: translateX(0px);
        transform:translateX(0px);
    }

    50%{
        -webkit-transform:  translateX(-30px);
        -moz-transform:  translateX(-30px);
        -ms-transform: translateX(-30px);
        -o-transform: translateX(-30px);
        transform: translateX(-30px);
    }
    100%{
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -ms-transform:  translateX(0px);
        -o-transform: translateX(0px);
        transform:translateX(0px);
    }
}
@-webkit-keyframes wheel_stu2{
    0%{
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -ms-transform:  translateX(0px);
        -o-transform: translateX(0px);
        transform:translateX(0px);
    }

    50%{
        -webkit-transform:  translateX(-30px);
        -moz-transform:  translateX(-30px);
        -ms-transform: translateX(-30px);
        -o-transform: translateX(-30px);
        transform: translateX(-30px);
    }
    100%{
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -ms-transform:  translateX(0px);
        -o-transform: translateX(0px);
        transform:translateX(0px);
    }
}



/*知名雇主合作企业*/
.company{margin-top:40px;}
.companyCon{margin-top:50px;}
.companyCon ul li{float:left;margin:0 18px 15px 0;}


/*留言板*/
.lyb{margin-top:60px;width:100%;height:550px;background:url(../images/lyb_bg.jpg) center no-repeat;}
.lyb .tit46{color:#fff;padding-top:50px;}
.lyb .tit20{color:#fff;}
.lyb .lybCon form{width:730px;margin:0 auto;margin-top:50px;}
.lyb .lybCon input{ width:400px;height:40px;border:0px;;border-bottom:#fff solid 1px;background-color:transparent;margin:15px auto; display: block; text-outline: none;}
.lyb .lybCon select{width:300px;height:40px;border:0px;border-bottom:1px solid #fff;color:#fff;font-size:20px;margin:10px 0 0 30px;background:transparent;}
.lyb .lybCon select option{color:#535353;background: transparent;}
.lyb .lybCon input.sub_mfst{margin-left:8px;margin-top:50px;width:100%;height:56px;font-size:30px;;cursor:pointer;background:url(../images/more.png) no-repeat center top;border:none;color:#fff;}


.lyb .lybCon input::-webkit-input-placeholder { /* WebKit browsers */ 

color: #fff; 
font-size:20px;
} 

.lyb .lybCon input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 

color: #fff; 
font-size:20px;
} 

.lyb .lybCon input::-moz-placeholder { /* Mozilla Firefox 19+ */ 

color: #fff; 
font-size:20px;
} 

.lyb .lybCon input:-ms-input-placeholder { /* Internet Explorer 10+ */ 

color: #fff; 
font-size:20px;
} 

.footer{width:100%;height:80px;background:#121212;color:#fff;line-height:80px;font-size:14px;text-align:center;}


@keyframes wheel_rotate{
    0%{
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform:  translateY(0px);
        -o-transform: translateY(0px);
        transform:translateY(0px);
    }

    50%{
        -webkit-transform:  translateY(-50px);
        -moz-transform:  translateY(-50px);
        -ms-transform: translateY(-50px);
        -o-transform: translateY(-50px);
        transform: translateY(-50px);
    }
    100%{
        -webkit-transform:  translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform:  translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
    }
}
@-webkit-keyframes wheel_rotate{
    0%{
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform:  translateY(0px);
        -o-transform: translateY(0px);
        transform:translateY(0px);
    }

    50%{
        -webkit-transform:  translateY(-50px);
        -moz-transform:  translateY(-50px);
        -ms-transform: translateY(-50px);
        -o-transform: translateY(-50px);
        transform: translateY(-50px);
    }
    100%{
        -webkit-transform:  translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform:  translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
    }
}
@-webkit-keyframes bannerRadius1{
    0%{
        -webkit-transform:translate3d(0px,0px,0px);
        -moz-transform: translate3d(0px,0px,0px);
        -ms-transform:translate3d(0px,0px,0px);
        -o-transform: translate3d(0px,0px,0px);
        transform:translate3d(0px,0px,0px);
    }
    50%{
        -webkit-transform:translate3d(0px,-6px,0px);
        -moz-transform: translate3d(0px,-6px,0px);
        -ms-transform:translate3d(0px,-6px,0px);
        -o-transform:translate3d(0px,-6px,0px);
        transform:translate3d(0px,-6px,0px);
    }
    100%{
        -webkit-transform:translate3d(0px,0px,0px);
        -moz-transform: translate3d(0px,0px,0px);
        -ms-transform:translate3d(0px,0px,0px);
        -o-transform: translate3d(0px,0px,0px);
        transform:translate3d(0px,0px,0px);
    }
}
@keyframes bannerRadius1{
    0%{
        -webkit-transform:translate3d(0px,0px,0px);
        -moz-transform: translate3d(0px,0px,0px);
        -ms-transform:translate3d(0px,0px,0px);
        -o-transform: translate3d(0px,0px,0px);
        transform:translate3d(0px,0px,0px);
    }
    50%{
        -webkit-transform:translate3d(0px,-6px,0px);
        -moz-transform: translate3d(0px,-6px,0px);
        -ms-transform:translate3d(0px,-6px,0px);
        -o-transform:translate3d(0px,-6px,0px);
        transform:translate3d(0px,-6px,0px);
    }
    100%{
        -webkit-transform:translate3d(0px,0px,0px);
        -moz-transform: translate3d(0px,0px,0px);
        -ms-transform:translate3d(0px,0px,0px);
        -o-transform: translate3d(0px,0px,0px);
        transform:translate3d(0px,0px,0px);
    }
}