.content_group{font-size:16px; line-height:2; position:relative;z-index:1;}
    .headernav{border:0; display:flex; height:54px;margin:0 auto;padding:0;position:relative; white-space: nowrap; width:1128px;}
    .headernav ul{display: flex; flex-flow: row wrap; justify-content: flex-start;width:100%;}
    .headernav li{  cursor: pointer;height:54px;  text-align: center; transition:all .3s ease; align-items: center; justify-content: center;width:20%;}
    .headernav a{color:#ffffff; font-size:16px; font-weight: bold;height:54px; line-height:3;text-decoration: none; width: 100%; display: block;}
    .headernav a:hover{color:#0f0;}
    .wrap_group{padding-top: 90px;text-align: center; width:90%;margin:0 auto 2em;}
    .wrap_text{margin:50px auto 80px;width:1128px; }
    .mod-section,.mod-section-top {
        background: url(images/head.jpg) no-repeat top;
        background-size: contain;
        height:382px;
        overflow: hidden;
    }  
     .mod-section{max-width:1200px;margin:0 auto;}
     .mod-section-top{widht:100%;}
   /* #goertek .mod-section{background: url(/goergroup/images/goertek.jpg) no-repeat top;background-size: contain;}
    #danna .mod-section{background: url(/goergroup/images/danna.jpg) no-repeat top;background-size: contain;}
    #goerlife .mod-section{background: url(/goergroup/images/goerlife.jpg) no-repeat top;background-size: contain;}
    #goeredu .mod-section{background: url(/goergroup/images/goeredu.jpg) no-repeat top;background-size: contain;}
    #wemake .mod-section{background: url(/goergroup/images/wemake.jpg) no-repeat top;background-size: contain;}*/
     .goertek-web-goergroup-fade {
    opacity: 0;
    transform: translateY(50px);
    transition: all 1s;
}
.goertek-web-goergroup-fade.fade-display {
    opacity: 1;
    transform: translateY(0);
}

    @media screen and (max-width:1200px){
        .mod-section{height:350px; background-size:cover;}
        .wrap_text{margin:50px auto 80px;width:90%; }
    }
    @media screen and (max-width:768px){
        .mod-section{height:350px; background-size:cover;}
        .wrap_text{margin:50px auto 80px;width:90%; text-align:left; }
        .headernav{display:none;}
        
    }
	@media screen and (min-width:1300px){
        .mod-section{max-width:1200px;margin:0 auto;} 
    }
	@media screen and (min-width:1400px){
        .mod-section{max-width:1400px;margin:0 auto;} 
    }