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

html { background:#fff;}
body { font-weight:lighter; -webkit-font-smoothing: antialiased;}
a{color:#333; text-decoration:none; cursor:pointer; outline: 0 none;}
a:hover{ text-decoration:none;}
a:focus{-moz-outline-style:none; border:0;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0; padding:0;font-family:"Microsoft Yahei","微软雅黑";}
ol,li,ul,dl,dt,dd{list-style:none;}
img{border:0;}
h1,h2,h3,h4,h5,h6{font-size:inherit; font-weight:lighter;}
table{border-collapse:collapse; border-spacing:0;}
.fl{float: left;}
.fr{float: right;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;} .clearfix{ zoom:1;}
.section { height: 1080px;display:block; overflow:hidden;position: relative;font: 14px/1.5 "Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.center{width:1200px;height:100%;margin: 0 auto;position: relative;}
.absolute{position: absolute;}

.header ul>li{position: relative;}

.header ul li dl dd a{padding-top:5px !important;letter-spacing: 2px;}
.menu_box {
    display: none;
    position: absolute;
    top: 72px;
    left: -22px;
    z-index: 100000;
    background: #00b8ee;
    width: 92px;
    font-size: 16px;
    line-height: 31px;
    text-align: center;
}

#menu{height: 52px;background-color: rgba(255, 255, 255, .9); position:fixed; top: 0;left: 0;right: 0;z-index: 99999; }
.nav-center{width: 1246px;height: 52px; margin: 0 auto;line-height: 52px;position: relative;}
.nav-center h1{margin-top: 15px;}
.nav-center ul li{float: left;padding: 0 32px;}
.nav-center ul li a{font-size: 14px;}
.nav-center ul li:last-child{padding-right: 0;}
.nav-center ul .hover:hover{color: #00A0EE;}
.nav-center ul .blue{background: rgba(48, 174, 250, 0.78);border-radius: 20px;display: block;width: 100px;height: 30px;margin-top: 11px;text-align: center;line-height: 30px;}
.nav-center ul .blue:hover{background: rgb(48, 174, 250);}

.section h1{
    opacity: 0;
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: -webkit-transform 1s,opacity 1s;
    transition: transform 1s,opacity 1s;
}


.section h2{
    opacity: 0;
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: -webkit-transform 1s .5s,opacity 1s .5s;
    transition: transform 1s .5s,opacity 1s .5s;

}
.section h3{
    opacity: 0;
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: -webkit-transform 1s 1s,opacity 1s 1s;
    transition: transform 1s 1s,opacity 1s 1s;

}
.section .opacity{
    opacity: 0;
    -webkit-transition: opacity 1s 1.5s;
    transition:opacity 1s 1.5s;

}

.section.active h1{
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

.section.active h2{
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}
.section.active h3{
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}
.section.active .opacity{
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}




.section1{background: #fff;}
.section1 .text{top: 450px;left: 0;}
.section1 h1{padding-left: 120px;}
.section1 h2{color: #00b0e4;font-size: 47px;padding: 38px 0;}
.section1 h3{padding-left:60px;}
.section1 .xil{left: 442px;top: 357px;
    opacity: 0;
    -webkit-transform:scale(.9) translateX(-100px);
    -ms-transform:scale(.9) translateX(-100px);
    transform:scale(.9) translateX(-100px);
    -webkit-transition: -webkit-transform 2s .5s,opacity 2s .5s;
    transition: transform 2s .5s,opacity 2s .5s;
}
.section1 .xir{left: 830px;top: 260px;
    opacity: 0;
    -webkit-transform:scale(.5) translateX(100px);
    -ms-transform:scale(.5) translateX(100px);
    transform:scale(.5) translateX(100px);
    -webkit-transition: -webkit-transform 2s .5s,opacity 2s .5s;
    transition: transform 2s .5s,opacity 2s .5s;
}


.section2{background: url(../images/p2_bg.jpg) center no-repeat;}
.section2 .text{padding-top:450px;color: #fff;text-align: center}
.section2 h1{font-size:45px;}
.section2 h2{font-size:26px;padding:30px 0 30px 350px;}
.section2 h2 span{float: left;width:144px;height:46px;display: block;border: 1px solid #fff;border-radius:10px;padding:8px 0 0 0}
.section2 h2 span:nth-child(2){margin: 0 38px;}
.section2 h3{font-size: 18px;line-height:29px; }


.section3{background:url(../images/p3_bg.jpg) center no-repeat;}
.section3 .text{top: 90px;left:130px;}
.section3 h1{font-size: 46px;color: #00b0e4;}
.section3 h2{color: #333;font-size:26px;padding:10px 0;}
.section3 h3{color: #545454;font-size:18px;}
.section3 .xir{top: 314px; left:727px;}
.section3 .relative{position: relative;}
.section3 .relative img{position:absolute;}
.section3 .relative img:nth-child(1){top: 70px;left: 160px;z-index: 10;
    opacity: 0;
    -webkit-transform:scale(.5) translateX(30px);
    -ms-transform:scale(.5) translateX(30px);
    transform:scale(.5) translateX(30px);
    -webkit-transition: -webkit-transform 2s 1.5s,opacity 2s 1.5s;
    transition: transform 2s 1.5s,opacity 2s 1.5s;
}
.section3 .relative img:nth-child(2){top: 103px;left: 122px;z-index: 10;
    opacity: 0;
    -webkit-transform:scale(.5) translateX(30px);
    -ms-transform:scale(.5) translateX(30px);
    transform:scale(.5) translateX(30px);
    -webkit-transition: -webkit-transform 2s 1.8s,opacity 2s 1.8s;
    transition: transform 2s 1.8s,opacity 2s 1.8s;
}
.section3 .relative img:nth-child(3){top: 103px;left: 122px;z-index: 10;
    opacity: 0;
    -webkit-transform:scale(.5) translateX(30px);
    -ms-transform:scale(.5) translateX(30px);
    transform:scale(.5) translateX(30px);
    -webkit-transition: -webkit-transform 2s 2.1s,opacity 2s 2.1s;
    transition: transform 2s 2.1s,opacity 2s 2.1s;
}



.section4{background:url(../images/p4_bg.jpg) center no-repeat;}
.section4 .text{padding-top: 100px;text-align: center;}
.section4 h1{font-size: 46px;color: #00b0e4;}
.section4 h2{color: #333;font-size:26px;padding:10px 0;}
.section4 h3{color: #545454;font-size:18px;}
.section4 .xib{bottom: 0;left: 330px;}
.section4 .zw{top:486px;left: 160px;
    opacity: 0;
    -webkit-transform:scale(.5);
    -ms-transform:scale(.5);
    transform:scale(.5);
    -webkit-transition: -webkit-transform 2s 2.1s,opacity 2s 2.1s;
    transition: transform 2s 2.1s,opacity 2s 2.1s;

}
.section4 .em{top:400px;left: 833px;
    opacity: 0;
    -webkit-transform:scale(.5);
    -ms-transform:scale(.5);
    transform:scale(.5);
    -webkit-transition: -webkit-transform 2s 2.5s,opacity 2s 2.5s;
    transition: transform 2s 2.5s,opacity 2s 2.5s;

}
.section4 .yy{top:744px;left: 880px;
    opacity: 0;
    -webkit-transform:scale(.5);
    -ms-transform:scale(.5);
    transform:scale(.5);
    -webkit-transition: -webkit-transform 2s 3s,opacity 2s 3s;
    transition: transform 2s 3s,opacity 2s 3s;

}



.section5{background:url(../images/p5_bg.jpg) center no-repeat;}
.section5 .text{padding-top: 140px;text-align: center;}
.section5 h1{font-size: 46px;color: #00b0e4;}
.section5 h2{color: #333;font-size:26px;padding:10px 0;}
.section5 h3{color: #545454;font-size:18px;}

.section6{background:url(../images/p6_bg.jpg) center no-repeat;}
.section6 .text{padding-top: 140px;text-align: center;}
.section6 h1{font-size: 46px;color: #00b0e4;}
.section6 h2{color: #333;font-size:26px;padding:30px 0;}
.section6 h3{color: #545454;font-size:18px;}

.section7{background:url(../images/p7_bg.jpg) center no-repeat;}
.section7 .text{padding-top: 170px;padding-left: 85px;}
.section7 h1{font-size: 46px;color: #00b0e4;}
.section7 h2{color: #333;font-size:26px;padding:30px 0;}
.section7 h3{color: #545454;font-size:18px;}

.section8{background:url(../images/p8_bg.jpg) center no-repeat;}
.section8 .text{padding-top: 125px;text-align: center;}
.section8 h1{font-size: 46px;color: #00b0e4;}
.section8 h2{color: #333;font-size:26px;padding:30px 0;}
.section8 h3{color: #545454;font-size:18px;}
.section8 .photol{left: -360px;
    opacity: 0;
    -webkit-transform:scale(0) translateX(400px);
    -ms-transform:scale(0) translateX(400px);
    transform:scale(0) translateX(400px);
    -webkit-transition: -webkit-transform 2s 2s,opacity 2s 2s;
    transition: transform 2s 2s,opacity 2s 2s;
    transform-origin:700px 250px;
    -webkit-transform-origin:700px 250px;
}
.section8 .photol img:nth-child(2){padding-left: 40px;}
.section8 .photol img:nth-child(3){padding-left: 38px;}
.section8 .photol img:nth-child(4){padding-left: 38px;}
.section8 .photol img:nth-child(5){padding-left: 44px;}

.section8 .photor img:nth-child(1){padding-right: 40px;}
.section8 .photor img:nth-child(2){padding-right: 38px;}
.section8 .photor img:nth-child(3){padding-right: 38px;}
.section8 .photor img:nth-child(4){padding-right: 44px;}
.section8 .photor{right:-360px;
    opacity: 0;
    -webkit-transform:scale(0) translateX(-200px);
    -ms-transform:scale(0) translateX(-200px);
    transform:scale(0) translateX(-200px);
    -webkit-transition: -webkit-transform 2s 2s,opacity 2s 2s;
    transition: transform 2s 2s,opacity 2s 2s;
    transform-origin:0px 250px;
    -webkit-transform-origin:0px 250px;
}
.section8 .xic{top: 420px;left: 277px;}


.section9{background:url(../images/p9_bg.jpg) center no-repeat;}
.section9 .text{padding-top: 160px;text-align: center;}
.section9 h1{font-size: 46px;color: #333;}
.section9 h2{color: #333;font-size:26px;padding:30px 0;}
.section9 h3{color: #545454;font-size:18px;}



.section10{background:url(../images/p10_bg.jpg) center no-repeat;}
.section10 .text{padding-top: 160px;text-align: center;}
.section10 h1{font-size: 46px;color: #333;}
.section10 h2{color: #333;font-size:26px;padding:30px 0;}
.section10 h3{color: #545454;font-size:18px;}



.section11{background:url(../images/p11_bg.jpg) center no-repeat;}
.section11 .text{padding-top: 160px;text-align: center;}
.section11 .xil{left: -393px;top: 160px;z-index: 10; opacity: 0;
    -webkit-transform:scale(.8);
    -ms-transform:scale(.8);
    transform:scale(.8);
    -webkit-transition: -webkit-transform 5s ,opacity 5s ;
    transition: transform 5s ,opacity 5s ;
    transform-origin:1157px 430px;}
.section11 .xir{right: -490px;top: 230px;  opacity: 0;
    -webkit-transform:scale(.8);
    -ms-transform:scale(.8);
    transform:scale(.8);
    -webkit-transition: -webkit-transform 5s ,opacity 5s ;
    transition: transform 5s ,opacity 5s ;
    transform-origin:0px 340px;}
.section11 .txt1{font-size: 24px;color: #0e9dde;top: 534px;left: 78px;

}
.section11 .txt2{font-size: 24px;color: #cf4e6a;top: 534px;right: -15px;

}



.section1.active .xil,.section1.active .xir,.section3.active .relative img:nth-child(1),.section3.active .relative img:nth-child(2),.section3.active .relative img:nth-child(3),.section4.active .zw,.section4.active .yy,.section4.active .em,.section8.active .photol,.section8.active .photor,.section11.active .xil,.section11.active .xir{ opacity: 1;-webkit-transform: none; -ms-transform: none;transform: none;}

*{padding: 0;margin: 0;box-sizing: border-box;}
#demo{display: flex;flex-direction:column;height: 592vw;width: 100%;position: absolute;margin-top: 72px;min-width: 900px;min-height: 5460px;font-size: 1.1vw;z-index: -100;}
#demo>div{height: 8.3333333%;width: 100%;position: relative;display: none;min-height: 455px;min-width: 900px;}
/* module_1 */
#module_1{background: #EFEFEF;}
#module_1>.logo_1{height: 75px;width: 14vw;position: absolute;left:4%;top: 4vw;}
#module_1>.logo_1>img{height: 6.2vw;width: 6.2vw;float: left;}
#module_1>.logo_1>span{margin: 3vw 0 0 8px;display: inline-block;letter-spacing:0.2vw;}
#module_1>.logo_1>p{margin-left: 8px;display: inline-block;}
#module_1>.content{height: 33vw;width: 60%;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;display: flex;}
#module_1>.content>div{flex: 1;}
#module_1>.content>.text{position: relative;}
#module_1>.content>.text>div{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 71%;text-align: center;}
#module_1>.content>.text>div>img{height: 20%;width: 80%;margin-left: 10%;}
#module_1>.content>.text>div>p{font-size: 1.8vw;}
#module_1>.content>.text>div>span{font-size: 1.2vw;}
#module_1>.content>.img{background: url(../images/yinying1.png);background-repeat:no-repeat;background-position: 54% 103%;background-size: 110%;}
#module_1>.content>.img>img{height: 100%;width: 100%;}
/* module_2 */
#module_2{background: url(../images/bac8.jpg);background-size: 100% 100%;color: white;text-align: center;}
#module_2>.text{position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;height: 30vw;width: 65%;}
#module_2>.text>.txt_1{font-size: 2.5vw;letter-spacing:0.7vw;margin-top: 16px;}
#module_2>.text>.txt_2{font-size: 1.8vw;margin-top: 5px;}
#module_2>.text>.txt_3{margin-top: 10px;}
#module_2>.text>.img{display: flex;width: 55%;height: 5.5vw;margin: 20px auto 0 auto;justify-content:space-around}
#module_2>.text>.img>div{flex: 1;border: 2px solid white;border-radius: 50%;margin-right: 5%}
#module_2>.text>.img>div>img{height: 70%;width: 70%;margin: 15%;}
#module_2>.text>.name{display: flex;width: 55%;height: 2vw;margin: 20px auto 0 auto;justify-content:space-around}
#module_2>.text>.name>div{flex: 1;margin-right: 5%;}
#module_2>.text>.img>div:last-child {margin-right: 0;}
#module_2>.text>.name>div:last-child{margin-right: 0;}
/* module_3 */
#module_3{background: -webkit-linear-gradient(#FEFEFE,#E6E6E6);background: -o-linear-gradient(#FEFEFE, #E6E6E6);background: -moz-linear-gradient(#FEFEFE, #E6E6E6);background: linear-gradient(#FEFEFE, #E6E6E6);}
#module_3>.text{position: absolute;top: 15%;left: 17%;}
#module_3>.text>span{font-size: 2.2vw;margin-bottom: 1.5vw;display: block;}
#module_3>.text>p{font-size: 1.2vw;margin-bottom: 1vw;}
#module_3>.img-1{position: absolute;bottom: 0;left: 2%;height: 25vw;width: 40%;}
#module_3>.img{position: absolute;right: 5%;bottom: 0;height: 35.5vw;width: 40%;}
#module_3>.img>.img_1{position: absolute;top: 0;left: 10%;height: 12vw;width: 60%;}
#module_3>.img>div{position: absolute;top: 0;left: 10%;height: 12vw;width: 60%;z-index: 1;background: rgba(255, 255, 255, 0.4)}
#module_3>.img>.img_2{position: absolute;left: 0;top: 10%;height: 12vw;width: 60%;z-index: 20}
#module_3>.img>.img_3{position: absolute;top: 11%;left: 0%;height: 16vw;width: 86%;z-index: 10;}
#module_3>.img>.img_4{position: absolute;bottom: 0;right: 0.9%;height: 23.5vw;width: 38%;}
/* module_4 */
#module_4{background: #EAEFF3}
#module_4>div{float: left;height: 100%;width: 50%;position: relative;}
#module_4>div>.img1{position: absolute;width: 90%;height: 60%;top: 0;left: 10%;}
#module_4>div>.img2{position: absolute;width: 33%;height: 55%;left: 38.5%;bottom: 0}
#module_4>.right>span{font-size: 2.2vw;margin: 25% 0 4% 10%;display: block;}
#module_4>.right>p{font-size: 1.1vw;margin:0 0 0.5vw 10%}
/* module_5 */
#module_5{background: url(../images/bac6.jpg);background-size: 100% 100%;text-align: center;color: white;}
#module_5>.text{position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;height: 30vw;width: 65%;}
#module_5>.text>span{font-size: 2.3vw;letter-spacing:0.75vw;margin-top: 16px;}
#module_5>.text>.p1{font-size: 1.5vw;margin-top: 5px;}
#module_5>.text>p{font-size: 1vw;margin-top: 0.5vw}
#module_5>.text>.img{display: flex;width: 55%;height: 5.5vw;margin: 20px auto 0 auto;justify-content:space-around}
#module_5>.text>.img>div{flex: 1;border: 2px solid white;border-radius: 50%;margin-right: 5%}
#module_5>.text>.img>div>img{height: 70%;width: 70%;margin: 15%;}
#module_5>.text>.name{display: flex;width: 55%;height: 2vw;margin: 20px auto 0 auto;justify-content:space-around}
#module_5>.text>.name>div{flex: 1;margin-right: 5%;}
#module_5>.text>.img>div:last-child {margin-right: 0;}
#module_5>.text>.name>div:last-child{margin-right: 0;}
/* module_6 */
#module_6{background: url(../images/bac5.jpg);background-size: 100% 100%;}
#module_6>div{float: left;width: 50%;height: 100%;position: relative;}
#module_6>.left>div{padding-left: 40%;}
#module_6>.left>div>span{font-size: 2vw;margin: 20% 0 5% 0;display: block;}
#module_6>.left>div>p{font-size: 1vw;margin-bottom: 2%;}
#module_6>.left>img{height: 25vw;width: 30%;margin: 4% 0 0 44%}
#module_6>.right>img{height: 30vw;width: 30%;margin: 20% 0 0 25%;}
/* module_7 */
#module_7{background: url(../images/bac7.jpg);background-size: 100% 100%;}
#module_7>div{float: left;width: 50%;height: 100%;}
#module_7>div>span{font-size: 2vw;display: block;margin: 20% 0 6% 40%;}
#module_7>div>p{font-size: 1.2vw;margin:2% 0 0 40%;}
#module_7>div>img{height: 24vw;width: 70%;margin-top: 25%;}
/* module_8 */
#module_8{overflow: hidden;}
#module_8>.bottom{position: absolute;height: 100%;width: 100%;}
#module_8>.bottom>.blue{position: absolute;height: 100%;width: 100%;background: #A9DCEB}
#module_8>.bottom>.pink{position: absolute;height: 120%;width: 100%;background: #F3DFE0;transform: rotate(-68deg);left: 22%;top: 20%}
#module_8>.top{position: absolute;height: 100%;width: 100%;z-index: 100;}
#module_8>.top>div>span{font-size: 2.2vw;display: block;margin: 4vw 0 1vw 0;}
#module_8>.top>div>p{font-size: 1.1vw;margin-bottom: 2vw;}
#module_8>.top>.flex{display: flex;width: 80%;margin:0 auto;}
#module_8>.top>.flex>div{position: relative;flex: 1;font-size: 1vw;}
#module_8>.top>.flex>div>span{background: white;display: block;height: 2vw;width:50%;border-radius: 1vw;line-height: 2vw;text-align: center;margin-left: 6%;}
#module_8>.top>.flex>.zuo>.bor{border-top: 1px solid #999999;border-right: 1px solid #999999;height: 2vw;width: 2vw;;position: absolute;right: 51%;top:16%;}
#module_8>.top>.flex>.zuo>p{margin:3% 0 2% 6%;}
#module_8>.top>.flex>.zuo>.img1{margin-top: 5%;height: 75%;width: 60%;}
#module_8>.top>.flex .bac{position: absolute;top: 20%;right: 10%;background: white;height: 4vw;width: 4vw;border-radius: 50%;}
#module_8>.top>.flex .bac>img{position: absolute;left: 0;bottom: 0;right: 0;top:0;margin: auto;display: block;}
#module_8>.top>.flex>.zhong>.img1{position: absolute;left: 33%;height: 14%;width: 35%;}
#module_8>.top>.flex>.zhong>.img2{margin:38% 0 0 16%;height: 70%;width: 70%;}
#module_8>.top>.flex>.you{text-align: right;}
#module_8>.top>.flex>.you>span{margin-left: 35%}
#module_8>.top>.flex>.you>p{margin:3% 15% 2% 0;}
#module_8>.top>.flex>.you>.bor{border: 1px solid #999999;border-right: none;height: 2.2vw;width: 2.5vw;position: absolute;right: 60%;top:17%;z-index: -1000;}
#module_8>.top>.flex>.you>.img1{margin: 5% 12% 0 0;height: 75%;width: 60%;}
#module_8>.top>.flex>.you>.bac{right: 80%;}
/* module_9 */ 
#module_9{text-align: center;background: url(../images/bac9.jpg);background-size: 100% 100%;position: relative;}
#module_9>span{display: block;font-size: 2.2vw;margin: 3% 0 2% 0;}
#module_9>p{font-size: 1.1vw;}
#module_9>.img1{height: 24vw;width: 14%;position: absolute;left: 27%;top: 38%;}
#module_9>.img2{height: 14vw;width: 25%;position: absolute;right: 24%;top: 46%;}
/* module_10 */
#module_10{text-align: center;position: relative;}
#module_10>span{display: block;margin: 3% 0 1.5% 0;font-size: 2.2vw;}
#module_10>p{font-size: 1.1vw;margin-bottom: 0.5%;}
#module_10>div{position: absolute;width:100% ;left: 0;top: 22%;display: flex;font-size: 1.1vw;}
#module_10>div>div{flex: 1;}
#module_10>div>div>span{background: yellow;display: inline-block;width: 12%;height: 1.4vw;border-radius: 0.7vw;line-height: 1.4vw;}
#module_10>img{margin: 3% auto;width: 80%;height:70%;}
/* module_11 */
#module_11{background: url(../images/bac11.jpg);background-size: 100% 100%;position: relative;text-align: center;}
#module_11>span{font-size: 2.2vw;margin: 3% 0 1% 0;display: block;}
#module_11>p{font-size: 1.1vw;}
#module_11>div{position: absolute;}
#module_11>.img-1{left: 18.8%;bottom: 4.4%;}
#module_11>.img-2{left: 25.2%;bottom: 33%;}
#module_11>.img-3{left: 40.2%;bottom: 53.3%;}
#module_11>.img-4{left: 55.6%;bottom: 53.3%;}
#module_11>.img-5{left: 71%;bottom: 32%;}
#module_11>.img-6{left: 75.5%;bottom: 5.2%;}
#module_11>div>span{font-size: 1.2vw;margin-bottom: 0.3vw;display: block;}
#module_11>div>p{font-size: 1.1vw;margin-bottom:1.5vw;}
#module_11>div>img{height: 6vw;width: 6vw;}
/* module_12 */
#module_12{position: relative;overflow: hidden;}
#module_12>img{height: 100%;width: 100%;}
#module_12>div{position: absolute;z-index: -1000;left: 0;top: 0;height: 100%;width: 100%;}
#module_12>div>img{position: absolute;}
#module_12>div>.img1{left: -6%;top: 15.2%;width: 21%;height:16vw;}
#module_12>div>.img2{left: 24%;top: 16%;width: 21%;height:16vw;}
#module_12>div>.img3{left: 55%;top: 15.8%;width: 21%;height:16vw;}
#module_12>div>.img4{left: 85%;top: 16%;width: 21%;height:16vw;}
#module_12>div>.img5{left: 9%;top: 33%;width: 21%;height:16vw;}
#module_12>div>.img6{left: 69%;top: 33%;width: 21%;height:16vw;}
#module_12>div>.img7{left: -4%;top: 50%;width: 21%;height:16vw;}
#module_12>div>.img8{left: 24%;top: 50%;width: 21%;height:16vw;}
#module_12>div>.img9{left: 55%;top: 50%;width: 21%;height:16vw;}
#module_12>div>.img10{left: 84%;top: 50%;width: 21%;height:16vw;}
#module_12>div>.img11{left: 10%;top: 67%;width: 21%;height:16vw;}
#module_12>div>.img12{left: 39%;top: 67%;width: 21%;height:16vw;}
#module_12>div>.img13{left: 69%;top: 67%;width: 21%;height:16vw;}
</style>