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




.banner{
width: 100%; 
background-image:url(../img/sky.png);
background-repeat: no-repeat;
background-position: top center;
background-size:cover;
background-attachment: fixed;
}


.banner2{
width: 100%;
background-color: #f5af0a;
background-image:url(../img/pic.png);
background-repeat: no-repeat;
background-position: left;
background-size: cover;

}


.w950{max-width: 950px; margin: 0 auto; padding: 10em 0; position: relative;}

.logof{max-width: 530px; position:absolute; left: -5px; top: 50px; overflow: hidden; z-index: 9}
.logoair{width: 100%; position: relative;}

.model{max-width: 350px;  position:absolute; right: 0px; bottom: -128px; overflow: hidden; z-index: 3}



@media screen and (max-width: 980px) {
    
.logof{max-width: 400px; left: 30px; top: 30px;}
 
.model{max-width: 260px; right: 20px;  bottom: -102px; }

.w950{padding: 7em 0;}
    
 .banner{background-attachment:inherit;}
    
}

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

.logof{max-width: 300px; left: 50%; margin-left: -150px; top: 22px;}
    
    
.model{max-width: 300px; left: 50%; margin-left: -150px; bottom: -55px;}
 
.w950{padding: 14.5em 0; overflow: hidden;}


}



.wel{    
max-width: 950px;     
height: 100px;
line-height: 100px;
    
text-align: left;
color: #ffffff;
font-size: 40px;
font-weight: bold;

text-shadow: 1px 1px 2px rgba(97,68,0,0.8);
    
/*background-image:url(../img/pic.png);
background-repeat: no-repeat;
background-position: center;
background-size:cover;*/
    
 margin: 0 auto 32px auto;
 letter-spacing: 2px;
    
 
    
}



@media screen and (max-width: 980px) {
    
    .wel{padding: 0 30px; font-size: 32px; height: 80px;  line-height: 80px;}

}

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

    .wel{ font-size: 26px; text-align: center; height: 60px; line-height: 60px;}

}



.page{max-width: 950px; margin: 0 auto; padding: 0 0 18px 0; position: relative; background-color: #FFFFFF; z-index: 10;}

@media screen and (max-width: 980px) {
    
.page{padding: 0 30px 8px}

}

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

.page{padding: 0 16px 70px 16px}

}



.bf{width: 100%; padding:0 0 8px 0; font-size: 22px; font-weight: bold; color: #5d5b53; border-bottom: 2px solid #fbc618; margin-bottom: 24px; overflow: hidden;}

.bf img{float: left; margin:0px 12px 0 8px;}



.work_list_fly{ width: 100%; margin-bottom: 24px;}

.work_list_fly li{font-size: 16px; color: #5d5b53;  line-height: 1.8; overflow: hidden; margin-bottom: 10px;}


.list_name{float: left; margin-right: 8px; font-weight: bold; color: #5d5b53;}

.list_name2{float: left; margin-right: 8px; font-weight: bold; color: #f5af0a; font-size: 22px; }



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


}

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

    .list_name,.list_name2{width: 100%;}
    
}


.work_list_fly2{ width: 100%; margin-bottom: 28px;}

.work_list_fly2 ol{list-style:decimal; padding-left: 20px; }

.work_list_fly2 li{font-size: 16px; color: #5d5b53;  line-height: 1.8; margin-bottom: 10px; }

.work_list_fly2 li:last-child{list-style: none; font-weight: bold; margin-left: -19px;}

.bg01{background-color: #ffffd4; padding: 12px 24px 10px 24px; position: relative;}


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


}

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

   .work_list_fly2 ol{margin-top: -24px;}
    
}



.go{ width: 200px; height: 40px; background-color: #f5af0a; text-align: center; line-height: 40px; position: absolute; right: 20px; bottom: 20px; border-radius: 8px; color: #ffffff;
    font-weight: bold; font-size: 20px; text-shadow: 1px 1px 2px rgba(97,68,0,0.5);  letter-spacing: 3px; box-shadow: 0px 1px 2px rgba(97,68,0,0.5); transition: all 0.3s; text-indent: -8px;
    background-image:url(../img/button.png);
background-repeat: no-repeat;
background-position: center;
background-size:cover;
} 

.go:hover{background-color: #ff8400;}


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

    .go{font-size: 30px; width: 100%;  height: 50px; line-height: 50px; background-image:none; text-indent: -3px; position:static; right: auto;bottom: auto;}
    
    
    .footergo{position: fixed; left: 0; bottom: 0; right: 0; z-index: 999; padding: 10px 16px; background-color: rgba(0,0,0,0.4);}
    
}



.photo1{ width: 310px; position: absolute; right: 20px; top:60px; z-index: 3;}


.photo1 img{border-radius:16px; border: 2px solid #fbc618;}


@media screen and (max-width: 980px) {
    
    .photo1{ width: 170px; right: 42px; top:55px;}

}

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

  .photo1{ display: none;}
    
}




.air{max-width:143px; position: absolute; z-index: 2; top:115px; left: 410px; }



@media screen and (max-width: 980px) {
    
.air{max-width:110px; top:82px; left: 336px; }

}

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

.air{max-width:77px; top:38px; left: 260px; }
    
}