.maincontent{
    max-width: 1920px;
    margin:0 auto;
    
}

.maincon{
    position:relative;
    overflow: hidden;
}

#main {
        position: absolute;
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0;
        top:2%;

}

#main .title {
        font-family: 'myfont', 'Arial', 'cwTeXHei', 'Microsoft JhengHei';
}

#main .t1 {        
        font-size:2.3em;

}

#main .t2 {        
        font-size:0.9em;
        color:#fff;

}


.maincon .maintext {    
    color:#fff;
    bottom:8%;
    left:12%;
    right:10%;    
    position:absolute;    
}

#sec1, #sec2, #sec3{
    text-align: center;    
}


#sec1 {
    background-image: url("../images/sec1_1920.jpg");
    background-position: top center;
    background-repeat: no-repeat;
    min-height: 1320px;
    position: relative;
}


#sec1 .center{
    bottom:10%;
    left:22%;    
    position:absolute;
}

#sec1 .title{    
    font-size:40px;    
}

#sec1 .text{    
    font-size:16px;
    color:#ccc;
    margin-top:10%;
}

#sec2 {
    background-image: url("../images/sec2_1920.jpg");
    background-position: top center;
    background-repeat: no-repeat;
    min-height: 1250px;
    position: relative;
}

#sec2 .title{
    bottom:9%;
    left:26%;
    font-size:40px;
    position:absolute;
}

#sec3 {
    background-image: url("../images/sec3_1920.jpg");
    background-position: top center;
    background-repeat: no-repeat;
    min-height: 1250px;
    position: relative;
}

#sec3 .title{
    bottom:6.5%;
    left:26%;
    font-size:40px;
    position:absolute;
}



#xtremecon .title {        
        text-align: center;    
        font-size:80px;
        margin-top:6%;    
        margin-bottom:2%;
}

#xtremecon .text .t1 {
    color:#ff6400;
    font-size:30px;    
    line-height: 36px;
    font-family: 'myfont', 'Arial', 'cwTeXHei', 'Microsoft JhengHei';    
}

#xtremecon .text{    
    font-size:22px;    
    line-height: 30px;     
}



#xtremecon ul{
    margin-top:4%;   
}

#xtremecon ul li {
    /*list-style: disc;*/
    /*margin-left:4%;*/
}

#xtremecon .conbox1 {
    position: relative;
    display: inline-block;
    width: 50%;
}


#xtremecon .conbox2 {
    display: inline-block;
    position: relative;
    width: 46%;
    vertical-align: top;    
}




/*TOP*/

#gotop {
        background-color: rgba(51, 51, 51, 0.8);
        color: #FFFFFF;
        margin: 10px;
        padding: 14px;
        cursor: pointer;
        bottom: 46px;
        right: 4%;
        position: fixed;
        display: none;
        transition: all 0.3s linear;
        z-index: 2;
}

#gotop img {
        margin: 0 auto;
}

#gotop:hover {
        background-color: #666;
}

@media screen and (max-width: 1440px) {
    #sec1 .center{
        bottom:11%;
        left:10%;    
        position:absolute;
    }

    #sec2 .title{
        bottom:8%;
        left:18%;
        
    }

    #sec3 .title{
        bottom:6.5%;
        left:18%;
        
    }


}    

@media screen and (max-width: 1366px) {
    #main {
        top:0%;

    }
    #main .t1 {        
        font-size:1.5em;

    }

    #main .t2 {        
            font-size:0.6em;
    }


    .maincon .maintext {            
        bottom:0%;
        left:12%;
    }


    #sec1 {
        background-image: url("../images/sec1_1366.jpg");
        min-height: 940px;
    }

    #sec1 .center{
        bottom:11%;
        left:17%;    
        position:absolute;
    }

    #sec1 .title{    
        font-size:30px;    
    }

    #sec1 .text{    
        font-size:16px;
        color:#ccc;
        margin-top:4%;
    }

    #sec2 {
        background-image: url("../images/sec2_1366.jpg");
        min-height: 890px;
    }

    #sec2 .title{
        bottom:8%;
        left:26%;
        font-size:30px;        
    }


    #sec3 {
        background-image: url("../images/sec3_1366.jpg");
        min-height: 890px;
    }

    #sec3 .title{
        bottom:6.5%;
        left:26%;
        font-size:30px;        
    }


#xtremecon .title {                
        font-size:60px;
        margin-top:6%;    
        margin-bottom:2%;
}

#xtremecon .text .t1 {    
    font-size:20px;    
    line-height: 30px;    
}

#xtremecon .text{    
    font-size:16px;    
    line-height: 24px;     
}




}

@media screen and (max-width: 960px) {

    #main .t1 {        
        font-size:1.6em;

}

#main .t2 {        
        margin-top:2%;
        font-size:30px;      
        line-height: 40px;
}
#main{            
    position:static;    
}
.maincon .maintext {            
    position:static;
    width:80%;    
    margin:0 auto;
}


#sec1 {
        background-image: url("../images/sec1_960.jpg");
        min-height: 670px;
    }

    #sec1 .center{
        bottom:10%;
        left:14%;    
        position:absolute;
    }

    #sec1 .title{    
        font-size:24px;    
        line-height: 34px;
    }

    #sec1 .text{    
        font-size:16px;
        color:#ccc;
        margin-top:4%;
    }

    #sec2 {
        background-image: url("../images/sec2_960.jpg");
        min-height: 630px;
    }

    #sec2 .title{
        bottom:9%;
        left:26%;
        font-size:24px;        
    }


    #sec3 {
        background-image: url("../images/sec3_960.jpg");
        min-height: 630px;
    }

    #sec3 .title{
        bottom:7%;
        left:26%;
        font-size:24px;        
    }

#xtremecon .title {                
        font-size:40px;
}
#xtremecon .text{    
    font-size:20px;    
    line-height: 30px;     
}


    #xtremecon .conbox1 {        
        width: 100%;
    }


    #xtremecon .conbox2 {        
        width: 100%;        
        margin-left: 2%;
    }

}

@media screen and (max-width: 640px) {

    #main img{
                margin:0 auto;
        }
        
        #main .t1 {        
            font-size:1.2em;
            line-height: 1.2em;
            text-align: center;

    }

    #main .t2 {        
            font-size:20px; 
            line-height: 30px;
            text-align: center;       

    }


#sec1 {
        background-image: url("../images/sec1_640.jpg");
        min-height: 450px;
    }

    #sec1 .center{
        bottom:0%;
        left:14%;    
        position:absolute;
    }

    #sec1 .title{    
        font-size:18px;    
        line-height: 24px;
    }

    #sec1 .text{    
        font-size:16px;
        color:#ccc;
        margin-top:4%;
    }

    #sec2 {
        background-image: url("../images/sec2_640.jpg");
        min-height: 430px;
    }

    #sec2 .title{
        bottom:10%;
        left:16%;
        font-size:18px;        
    }


    #sec3 {
        background-image: url("../images/sec3_640.jpg");
        min-height: 430px;
    }

    #sec3 .title{
        bottom:8%;
        left:16%;
        font-size:18px;        
    }



 /*TOP*/
        #gotop {
                width: 100%;
                background-color: rgba(51, 51, 51, 0.8);
                color: #FFFFFF;
                border-radius: 0px;
                margin: 0px;
                padding: 10px;
                cursor: pointer;
                text-align: center;
                font-size: 13px;
                bottom: 0px;
                right: 0%;
                position: fixed;
                display: none;
                transition: all 0.3s linear;
                font-family: Arial, Helvetica, sans-serif;
        }

    }        


@media screen and (max-width: 480px) {
    #sec2 .title{
        bottom:4%;
        left:10%;
        font-size:18px;   
        line-height: 30px;     
    }

        #sec3 .title{
        bottom:2%;
        left:10%;
        font-size:18px;        
        line-height: 30px;
    }


}