section{overflow: hidden;position: relative;max-width: 1600px;margin: 0 auto}
section img,.mobileSection img{display: block;width: 100%;}
section .group,.mobileSection .group{position: absolute;width: 100%;}
#mainWrite p,#mainWrite h1,#mainWrite h2,#mainWrite h3,#mainWrite h4{margin: 0;}
#mainWrite h1{font-variant:small-caps;font-size: 4rem;}
#mainWrite h2{font-size: 2.8rem;color: #000}
#mainWrite h3{font-size: 1.8rem;}
#mainWrite p{font-size: 1.2rem;text-align: }
@media(max-width:1200px){
    #mainWrite h1{font-size: 3.1rem;}
    #mainWrite h2{font-size: 2.3rem;}
    #mainWrite p{font-size: 1rem;}
}
@media(max-width:999px){
    .content .w3-container{padding: 0;}
    #mainWrite h1{font-size: 4.3rem;}
    #mainWrite h2{font-size: 2.8rem;}
    #mainWrite p{font-size: 1.3rem;}
}
@media(max-width:750px){
    #mainWrite h1{font-size: 3.3rem;}
    #mainWrite h2{font-size: 2.5rem;}
}
@media(max-width:600px){
    #mainWrite h1{font-size: 2.8rem;}
    #mainWrite h2{font-size: 2rem;}
    #mainWrite p{font-size: 1rem;}
}
@media(max-width:450px){
    #mainWrite h1{font-size: 2.2rem;}
    #mainWrite h2{font-size: 1.5rem;}
    #mainWrite p{font-size: .8rem;}
}
.pchide{display: none}
.mhide{display: block}
@media(max-width:1000px){
    .pchide{display: block}
    .mhide{display: none}
}

#section1 .group{color: #fff;top: 5%;}
@media(max-width:1200px){
    #section1 .group{top: 3%;}
}
@media(max-width:999px){
    #section1 p{padding: 0 10%;font-size: 1.8rem;}
}
@media(max-width:750px){
    #section1 p{font-size: 1.3rem;padding: 0 5%;}
}
@media(max-width:600px){
    #section1 p{font-size: 1rem;}
}
#section2 .group{width: 100%;padding: 5% 15% 0}
@media(max-width:1400px){
    #section2 .group{padding: 3% 8% 0}
}
@media(max-width:999px){
    #section2 .group {padding: 10% 10% 0}
}
@media(max-width:750px){
    #section2 .group {padding: 5% 5% 0;font-size: 2.2rem;}
}
@media(max-width:600px){
    #section2 .group {padding: 5% 3% 0;font-size: 1.9rem;}
}
@media(max-width:450px){
    #section2 .group {padding: 3% 2.5% 0;font-size: 1.5rem;}
}
#section3{padding: 5% 0}
#section3 .w3-row {margin: 5% 0;padding: 0 5%}
#section3 .w3-row .w3-half {width: 40%;margin: 0 5%; }
#section3 .w3-row .w3-half .mytitle {margin-top: 5%}
#section3 .w3-row .w3-half .mytitle h2{font-size: 2rem}
#section3 .w3-row .w3-half img{width: auto;margin: 0 auto;}
@media(max-width:1400px){
    #section3 .w3-row .w3-half {width: 46%;margin: 5% 2%}
}
@media(max-width:1250px){
    #section3 .w3-row .w3-half {width: 48%;margin: 5% 1%}
    #section3 .w3-row .w3-half p{font-size: 1rem;}
}
@media(max-width:999px){
    #section3 .w3-row .w3-half {width: 80%;margin: 3% 10%}
    #section3 .w3-row .w3-half p{font-size: 1.3rem;padding: 0;margin: 0;}
}
@media(max-width:600px){
    #section3 .w3-row .w3-half {width: 90%;margin: 5% }
    #section3 .w3-row .w3-half .mytitle h2{font-size: 1.3rem;}
    #section3 .w3-row .w3-half p{font-size: 1rem;}
}
@media(max-width:450px){
    #section3 .w3-row .w3-half p{font-size: .8rem;}
}
#section4 .group{top: 8%;padding: 0 10%}
#section5 .mytitle{margin: 5% 0 6%}
#section5>.w3-row {padding: 0 5%;margin: 5% 0}
#section5 .w3-row .w3-half {width: 45%;margin: 0 2.5%}
#section5 .w3-row .w3-half .w3-third img{max-width: 185px;width: 80%;margin: 0 auto}
#section5 .w3-row .w3-half .w3-twothird h3{padding-top: 13%;padding-left: 5%; color: #29698f;}
@media(max-width:1300px){
    #section5>.w3-row{padding: 0 3%}
    #section5 .w3-row .w3-half .w3-twothird h3{font-size: 1.3rem;padding-top:15%}
}
@media(max-width:1200px){
    #section5>.w3-row{padding: 0 1.5%}
    #section5 .w3-row .w3-half .w3-twothird h3{font-size: 1.1rem;padding-top:10%}
}
@media(max-width:999px){
    #section5 .w3-row {margin: 0;}
    #section5 .w3-row .w3-half{width: 80%;margin: 5% 10%}
    #section5 .w3-row .w3-half .w3-twothird h3{font-size: 1.8rem;padding-top:10%}
}
@media(max-width:650px){
    #section5>.w3-row>.w3-half{width: 90%;margin: 5%}
    #section5 .w3-row .w3-half .w3-third{width: 25%;margin: 0 2.5%}
    #section5 .w3-row .w3-half .w3-twothird{width: 65%;margin: 0 2.5%}
    #section5 .w3-row .w3-half .w3-twothird h3{font-size: 1.3rem;padding-top:8%}
}
@media(max-width:450px){
    #section5 .w3-row .w3-half .w3-twothird h3{font-size: 1rem;padding-left:0}
}
#section6 h2.group{top: 5%;}
#section7 h2{margin: 5% 0}
#section7 .w3-row .w3-col{width: 18%;margin: 0 1%;position: relative;overflow: hidden}
#section7 .w3-row .w3-col .mask{background-color: rgba(0, 0, 0, 0.6);position: absolute;top: 70%;right: 0;z-index: 1;display: block;width: 100%;height: 100%;transition: .5s}
#section7 .w3-row .w3-col img{transition: .4s cubic-bezier(0.785, 0.135, 0.15, 0.86);}
#section7 .w3-row .w3-col h3{color: #fff;text-align: center;font-size: 1.3rem;margin-top: 3%;transition: .5s cubic-bezier(0.175, 0.885, 0.32, 1.275);;transform-origin: center center;}
@media(max-width:1300px){
    #section7 .w3-row .w3-col h3{font-size: 1rem;}
}
@media(max-width:1100px){
    #section7 .w3-row .w3-col h3{font-size: .8rem;}
}
@media(max-width:999px){
    #section7 .w3-row .w3-col{width: 40%;margin: 3% 5%}
    #section7 .w3-row .w3-col .mask{top: 80%;}
    #section7 .w3-row .w3-col h3{font-size: 1.3rem;}
}
@media(max-width:800px){
    #section7 .w3-row .w3-col{width: 45%;margin: 3% 2.5%}
    #section7 .w3-row .w3-col h3{font-size: 1.2rem;}
}
@media(max-width:650px){
    #section7 .w3-row .w3-col .mask{top: 75%;}
    #section7 .w3-row .w3-col h3{font-size: 1rem;}
}
@media(max-width:480px){
    #section7 .w3-row .w3-col .mask{top: 70%;}
    #section7 .w3-row .w3-col h3{font-size: .9rem;}
}
@media(min-width:770px){
    #section7 .w3-row .w3-col:hover .mask{top: 0;background-color: rgba(0, 0, 0, 0.8)}
    #section7 .w3-row .w3-col:hover img{transform: scale(1.2)}
    #section7 .w3-row .w3-col:hover h3{;margin-top: 40%;}
}

#section8 {margin-top: 5px}
#section8>h1,#section5>h1,#section6>h1{text-align: center;background-color:#c2ebf1}
#section8 .w3-row {margin: 0 ;padding: 0 10%}
#section8 .w3-row .w3-col{width: 18%;margin: 0 1%}
#section8 .w3-row .w3-col h3{font-size: 15px;margin: 0;}
#section8 .w3-row .w3-col p{font-size: 12px;margin: 0;}
#section8 .w3-row .w3-col img{width: 50%;margin: 0 auto}
#section8 .w3-row .w3-col .br{display: none}
@media(max-width:999px){
    #section8 {margin-top: 0}
    #section8 .w3-row{margin: 0;padding: 0;display: flex;flex-wrap: wrap}
    #section8 .w3-row .w3-col{width: 18%;margin: 3% 1%}
}
@media(max-width:650px){
    /*    #section8 .w3-row .w3-col{width: 10%;margin: 3% 1%}*/
    #section8 .w3-row .w3-col img{width: 80%;margin: 0 auto}
    #section8 .w3-row .w3-col h3{font-size: 13px;}
    #section8 .w3-row .w3-col p{font-size: 12px;}
    #section8 .w3-row .w3-col .br{display: inline-block}
}