@font-face {
    font-family: "Michelin-Light";
    src: url("/assets/fonts/Michelin-Light.otf");
}
@font-face {
    font-family: "hy-45J";
    src: url("/assets/fonts/HYTieXianHei-45J.ttf");
    font-style: normal;
}
@font-face {
    font-family: "hy-55J";
    src: url("/assets/fonts/HYTieXianHei-55J.ttf");
    font-style: normal;
}
@font-face {
    font-family: "hy-65J";
    src: url("/assets/fonts/HYTieXianHei-65J.ttf");
    font-style: normal;
}
@font-face {
    font-family: "hy-75J";
    src: url("/assets/fonts/HYTieXianHei-75J.ttf");
    font-style: normal;
}
@font-face {
    font-family: "hy-85J";
    src: url("/assets/fonts/HYTieXianHei-85J.ttf");
    font-style: normal;
}

.sections img { display: block; width: 100%;}

.sections ul, .sections li { list-style: none; margin: 0; padding: 0;}

.sections h1,.sections h2,.sections h3,.sections h4,.sections p {margin: 0;padding: 0;font-weight:normal;}


.main { position:relative; z-index:1; }
.sections { position:relative; margin:auto; width:100%;}
.sections .copy1 {position:absolute; color:#1d515a;}
.sections .b01 {color:#27509b;text-decoration: underline;}
.sections h1 {font-family: "hy-85J";font-size: 4.2vw;letter-spacing: 5px;}
.sections .en-h1 {font-family: "Michelin-Light";font-size: 1.3vw;letter-spacing: 0px;}
.sections h2 {font-family: "hy-75J";font-size: 3.2vw;letter-spacing: 5px;}
.sections h3 {font-family: "hy-75J";font-size: 1.7vw;}
.sections h4 {font-family: "hy-65J";font-size: 1.3vw;letter-spacing: 1px;}
.sections p {font-family: "hy-55J";font-size:1.2vw;color:#333;text-align: justify;}
.sections .copy1 p span {font-family: "hy-65J";}

.sections .copy2 {position:absolute;letter-spacing: 2px;line-height: 1.5;}
.sections .copy2 p {color:#1d515a;font-family: "hy-75J";letter-spacing: 1px;}
.sections .copy2 p span {font-family: "hy-45J";}
.sections .copy2b {position:absolute;letter-spacing: 2px;}
.sections .copy2b p { color:#1d515a;font-family: "hy-45J";}
.sections .copy2b p span {font-family: "hy-45J";}

.header { background:none!important;}
.header:hover, .header.active { background:#FFF!important;}
.section1:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background:url(../img/bg1.png) top left repeat-x;background-size: auto 37%;}
.section1 .copy1 {top: 20.7%;left: 15%;color:#1d515a;line-height:1.4;width: 46%;}
.section1 h1 {letter-spacing: 5px;}
.section1 .en-h1 {margin-top: -2%;color: #333;}
.section1 h3 {margin-top: 4%;}
.section1 h4 {color: #333;}
.section1 p {margin-top: 3.6%;color: #333;line-height: 2;}

.section2 .copy1 {top: 25%;left: 19.9%;width: 20%;}
.section2 .copy1 p {margin-top: 1vw;font-size: 1vw;line-height: 1.5;}
.section2 .copy2 {top: 60%;left: 45.1%;}

.section3 .copy1 {top: 13.8%;left: 60.4%;width: 22%;}
.section3 .copy1 p {margin-top: 1vw;font-size: 1vw;line-height: 1.5;}
.section3 .copy2 {top: 47.1%;left: 19.1%;}
.section3 .copy2 p { color:#FFF; text-align:right;}

.section4 .copy1 {top: 18%;left: 25%;width: 22%;}
.section4 .copy1 h4 {font-size:1vw;color:#333;margin-top: 1.3vw;}
.section4 .copy1 p {margin-top: 0.3vw;font-size: 1vw;line-height: 1.5;padding-left: 0.3vw;}
.section4 .copy2 {top: 13%;left: 60.6%;}
.section4 .copy2 p,.section4 .copy2b p { color:#FFF;}
.section4 .copy2b {top: 53.3%;left: 76.6%;}
.section4 .copy2b p {font-family: "hy-75J";}

.section5 .copy1 {top: 25%;left: 49.9%;width: 23%;}
.section5 .copy1 p {margin-top: 1vw;font-size: 1vw;line-height: 1.5;}
.section5 .copy2 {top: 60%;left: 45.1%;}

.section6 .copy1 {top: 15%;left: 13.6%;width: 22%;}
.section6 .copy1 p {margin-top: 1vw;font-size: 1vw;line-height: 1.5;}
.section6 .copy2 {top: 29%;left: 45.1%;line-height: 1.5;}

.section7 .copy1 {top: 14.8%;left: 68%;width: 24%;} 
.section7 .copy1 p {margin-top: 1vw;font-size: 1vw;line-height: 1.5;}
.section7 .copy2 {top: 70.5%;left: 53.6%;}

.section8 .copy1 {top: 5.6%;left: 12.5%;width: 32%;}
.section8 .copy1 p {margin-top: 1vw;font-size: 1vw;line-height: 1.5;}    
.section8 .copy2 {bottom: 1.3%;left: 56.7%;}
.section8 .copy1 .b1 { margin-top:1.5vw; width:23.2vw;}

.section9 .copy1 {top: 21.4%;left: 62.2%;width: 25%;}
.section9 .copy1 h4 {font-size:1vw;color:#333;margin-top: 1.3vw;}
.section9 .copy1 p {margin-top: 0.3vw;font-size: 1vw;line-height: 1.5;}
.section9 .copy2 {bottom: 5.7%;left: 14.1%;}

.section10 .copy1 {top: 25%;left: 19.9%;width: 20%;}
.section10 .copy1 p {margin-top: 1vw;font-size: 1vw;line-height: 1.5;}
.section10 .copy2 {top: 38%;left: 73.8%;}

.section11 .copy1 {top: 23.5%;left: 20%;width: 60%;text-align: center;}
.section11 h2 {font-size: 2.4vw;line-height: 1.8;letter-spacing: 4px;}

.mobi0825 { display:none;}

@media (max-width: 768px) {
.mobi0825 { display:block;}
.pc0825 { display:none;}

.section1 h1 {font-size: 32px;}
.section1 .copy1 {left:5%;top: 19%;}
.section1 h3 {font-size: 17px;}
.section1 h4 {font-size: 15px;margin-top: 10%;}
.section1 p {font-size: 12px;}
.section2 .copy1 {margin: 3.5rem 0;font-size:22px;}

.sections .copy1 { display:none;}
.sections .copy2 { display:none;}
.sections .copy2b { display:none;}
.section11 { display:none;}
}