body{ color: #000000; }

.sec-1 .box{ width: 38%; position: absolute; left: 16%; top: 20%; color: #ffffff; }
.sec-1 .box .title{ font-size: 3.6vw; line-height: 4vw; }
.sec-1 .box .kou{ font-size: 2.1vw; line-height: 3vw; }
.sec-1 .box .list{ font-size: 1.6vw; line-height: 2.6vw; letter-spacing: 2px; }
.sec-1 .box .mt{ margin-top: 9%; }
.sec-1 .box .icon{ margin-top: 1%; }
.sec-1 .box .icon img{ width: 30%; }
.sec-2{ overflow: hidden; }
.sec-2 ul{ width: 65%; overflow: hidden; margin: 4% auto; }
.sec-2 ul li{ width: 23.5%; margin-right: 2%; margin-bottom: 2%; position: relative; float: left; overflow: hidden; }
.sec-2 ul .mr{ margin-right: 0%; }
.sec-2 ul .mt{ margin-bottom: 0px; }
.sec-2 ul li .ss{ font-size: 1vw; line-height: 1.6vw; position: absolute; }
.sec-2 ul li .p1{ width: 100%; top: 8%; left: 0%; text-align: center; }
.sec-2 ul li .p2{ width: 50%; left: 62%; top: 40%; }
.sec-2 ul li .p3{ width: 50%; left: 9%; top: 10%; }
.sec-2 ul li .p4{ width: 100%; left: 0%; top: 12%; text-align: center; }
.sec-2 ul li .p5{ width: 100%; left: 0%; top: 6%; text-align: center; }
.sec-2 ul li .p6{ width: 100%; left: 0%; top: 6%; text-align: center; }
.sec-2 ul li .p7{ width: 100%; left: 0%; top: 6%; text-align: center; }
.sec-2 ul li .p8{ width: 50%; left: 3%; top: 33%; }
.sec-3 .box{ position: absolute; width: 30%; left: 60%; top: 15%; color: #ffffff; }
.sec-3 .box .title{ font-size: 2.4vw; line-height: 2.8vw; }
.sec-3 .box .kou{ font-size: 1.8vw; line-height: 2.4vw; margin: 2% 0px 10% 0px; letter-spacing: 2px; }
.sec-3 .box .list{ font-size: 1.4vw; line-height: 2.4vw; letter-spacing: 2px; }
.sec-3 ul{ width: 65%; margin: 2% auto; overflow: hidden; }
.sec-3 ul li{ width: 48%; margin-right: 4%; float: left; text-align: center; }
.sec-3 ul .mr{ margin-right: 0px; }
.sec-3 ul li .b{ font-size: 1.4vw; line-height: 1.8vw; }
.sec-3 ul li .s{ font-size: 1.2vw; line-height: 1.6vw; margin-bottom: 4%; }
.sec-4 .box{ position: absolute; width: 36%; left: 54%; top: 29%; color: #ffffff; }
.sec-4 .box .title{ font-size: 2.4vw; line-height: 2.8vw; }
.sec-4 .box .kou{ font-size: 1.8vw; line-height: 2.4vw; margin: 2% 0px 10% 0px; letter-spacing: 2px; }
.sec-4 .box .list{ font-size: 1.4vw; line-height: 2.4vw; letter-spacing: 2px; }
.sec-5 .five{ overflow: hidden; width: 65%; margin: 4% auto 1% auto; }
.sec-5 .five li{ width: 18.8%; margin-right: 1.5%; float: left; text-align: center; }
.sec-5 .five .mr{ margin-right: 0px; }
.sec-5 .five .s{ font-size: 1.2vw; line-height: 1.8vw; color: #cccccc; }
.sec-5 .five img{ width: 35%; margin-bottom: 3%; }
.sec-5 .three{ margin: 4% auto; width: 65%; overflow: hidden; }
.sec-6 .bigBox{ position: relative; }
.sec-6 .box{ position: absolute; width: 36%; left: 54%; top: 24%; color: #ffffff; }
.sec-6 .box .title{ font-size: 2.4vw; line-height: 2.8vw; }
.sec-6 .box .kou{ font-size: 1.8vw; line-height: 2.4vw; margin: 2% 0px 6% 0px; letter-spacing: 2px; }
.sec-6 .box .list{ font-size: 1.4vw; line-height: 2.4vw; letter-spacing: 2px; }
.sec-6 .box .icon{ margin-top: 4%; }
.sec-6 .box .icon div{  overflow: hidden; }
.sec-6 .box .icon div img{ width: 30%; }
.sec-6 .width{ width: 65%; margin: 2% auto; overflow: hidden; position: relative; }
.sec-6 .ten{ overflow: hidden; position: absolute; top: 60%; left: 10%; width: 80%; }
.sec-6 .ten li{ width: 10%; text-align: center; float: left; }
.sec-6 .ten li img{ width: 60%; }
.sec-6 .ten li .ss{ font-size: 1vw; line-height: 1.2vw; margin-top: 4%; margin-bottom: 4%; }
.sec-6 .nine{ overflow: hidden; position: absolute; top: 78%; left: 15%; width: 80%; }
.sec-6 .nine li{ width: 10%; text-align: center; float: left; }
.sec-6 .nine li img{ width: 60%; }
.sec-6 .nine li .ss{ font-size: 1vw; line-height: 1.2vw; margin-top: 4%; margin-bottom: 4%; }
.sec-7{ width: 80% !important; margin: 3% auto; }
.sec-7 .box{ text-align: center; width: 80%; margin: 0px auto; }
.sec-7 .title{ font-size: 2.4vw; line-height: 2.8vw; }
.sec-7 .kou{ font-size: 2vw; line-height: 2.4vw; margin: 0.5% auto 2% auto; }
.sec-7 .list{ font-size: 1.6vw; line-height: 2.2vw; margin-bottom: 2%; }
.sec-8{ width: 80% !important; margin: 3% auto; }
.sec-8 .box{ text-align: center; width: 80%; margin: 0px auto; }
.sec-8 .title{ font-size: 2.4vw; line-height: 2.8vw; }
.sec-8 .kou{ font-size: 2vw; line-height: 2.4vw; margin: 0.5% auto 2% auto; }
.sec-8 .list{ font-size: 1.6vw; line-height: 2.2vw; margin-bottom: 2%; }
.sec-8 ul{ width: 60%; margin: 4% auto 3% auto; overflow: hidden; }
.sec-8 ul li{ float: left; width: 25%; text-align: center; }
.sec-8 ul li .ss{ margin-top: 4%; font-size: 1.2vw; line-height: 1.6vw; }
.sec-8 ul li img{ width: 40%; }
.sec-8 .imgBox{ position: relative; overflow: hidden; }
.sec-8 .imgBox .table{ width: 50%; position: absolute; left: 44%; top: 67%; color: #ffffff; border-collapse: collapse; }
.sec-8 .imgBox .table td{ border: 2px solid #ffffff; padding: 10px 0px; box-sizing: border-box; }
.sec-8 .imgBox .table .t{ font-size: 2vw;text-align: center;border-left: 0px; }
.sec-8 .imgBox .table .m{ font-size: 1.4vw; padding-left: 6%; }
.sec-8 .imgBox .table .s{ font-size: 1vw; line-height: 1.8vw; padding-left: 6%; }
.sec-8 .imgBox .table .skill{ border-right: 0px; }
.sec-9{ margin: 3% auto; }
.sec-9 .box{ text-align: center; margin: 0px auto; position: absolute; width: 80%; left: 10%; top: 0%; }
.sec-9 .title{ font-size: 2.4vw; line-height: 2.8vw; }
.sec-9 .kou{ font-size: 2vw; line-height: 2.4vw; margin: 0.5% auto 2% auto; }
.sec-9 .list{ font-size: 1.6vw; line-height: 2.2vw; margin-bottom: 2%; }
.sec-9 ul{ width: 50%; margin: 4% auto 3% auto; overflow: hidden; }
.sec-9 ul li{ float: left; width: 33.33%; text-align: center; }
.sec-9 ul li .ss{ margin-top: 4%; font-size: 1.2vw; line-height: 1.6vw; }
.sec-9 ul li img{ width: 40%; }
.sec-10{ margin: 3% auto; width: 80% !important; }
.sec-10 .box{  width: 40%; margin: 0px auto; position: absolute; left: 5%; top: 34%; }
.sec-10 .title{ font-size: 2.4vw; line-height: 2.8vw; }
.sec-10 .kou{ font-size: 2vw; line-height: 2.4vw; margin: 1% auto 3% auto; }
.sec-10 .list{ font-size: 1.6vw; line-height: 2.2vw; margin-bottom: 2%; }
.sec-11{ margin: 3% auto 0px auto;  }
.sec-11 .box{  width: 80%; margin: 0px auto; text-align: center; position: relative; }
.sec-11 .title{ font-size: 2.4vw; line-height: 2.8vw; }
.sec-11 .kou{ font-size: 2vw; line-height: 2.4vw; margin: 1% auto 3% auto; }
.sec-11 .list{ font-size: 1.6vw; line-height: 2.2vw; margin-bottom: 2%; margin-top: 3%; }
.sec-11 .po{ position: relative; }
.sec-11 .b1{ width: 60%; overflow: inherit; position: absolute; left: 20%; top: 0%; }
.sec-11 .ss{ width: 16%; text-align: center; font-size: 1vw; line-height: 1.4vw; position: absolute; }
.sec-11 .s1{ left: 32%; top: 103%; }
.sec-11 .s2{ left: 12%; top: 24%; }
.sec-11 .s3{ left: 53.5%; top: 103%; }
.sec-11 .s4{ left: 62%; top: 66%; }
.sec-11 .s5{ left: 32%; top: 43%; }
.sec-11 .s6{ left: 14.5%; top: 78%; }
.sec-11 .s7{ left: -5%; top: 32%; }
.sec-11 .s8{ left: 88%; top: 30%; }
.sec-11 .s9{ left: 69%; top: 21%; }
.sec-12{ margin: 0% auto 3% auto;  }
.sec-12 .box{  width: 40%; position: absolute; left: 58%; top: 30%; }
.sec-12 .title{ font-size: 2.4vw; line-height: 2.8vw; }
.sec-12 .kou{ font-size: 2vw; line-height: 2.4vw; margin: 2% auto 6% auto; }
.sec-12 .list{ font-size: 1.6vw; line-height: 2.2vw; margin-bottom: 2%; margin-top: 3%; }
.sec-12 ul{ overflow: hidden; width: 60%; margin-top: 10%; margin-left: -3%; }
.sec-12 ul li{ width: 33.33%; text-align: center; float: left; }
.sec-12 ul li .ss{ font-size: 1.2vw; line-height: 1.6vw; }
.sec-12 ul li img{ width: 24%; }
.overviewBox{ overflow: visible !important; }
.sec-13{ width: 100%; position: relative;}
.position1{ position: absolute; width: 100%; top: 0px; left: 0px; z-index: 1; opacity: 0; filter: alpha(opacity =0);}
.position2{ position: absolute; width: 100%; top: 0px; left: 0px; z-index: 2; opacity: 0; filter: alpha(opacity =0); }
.position3{ position: absolute; width: 100%; top: 0px; left: 0px; z-index: 2; opacity: 0; filter: alpha(opacity =0); }
.sec-13 .bbBox{ width: 80%; position: absolute; left: 10%; top: 6%; color: #ffffff; text-align: center; z-index: 3; }
.sec-13 .bbBox .title{ font-size: 2.4vw; line-height: 2.8vw; }
.sec-13 .bbBox .kou{ font-size: 2vw; line-height: 2.4vw; margin: 1% auto 3% auto; }
.sec-13 .bbBox .list{ font-size: 1.6vw; line-height: 2.2vw; margin-bottom: 2%; margin-top: 3%; }
.sec-13 .bbBox2{ width: 80%; position: absolute; left: 10%; top: 6%; color: #ffffff; text-align: center; z-index: 3; opacity: 0; filter: alpha(opacity=0);}
.sec-13 .bbBox2 .title{ font-size: 2.4vw; line-height: 2.8vw; }
.sec-13 .bbBox2 .kou{ font-size: 2vw; line-height: 2.4vw; margin: 1% auto 3% auto; }
.sec-13 .bbBox2 .list{ font-size: 1.6vw; line-height: 2.2vw; margin-bottom: 2%; margin-top: 3%; }
.sec-13 .bbBox2 .img img{ width: 26%; margin-top: 1%; }
.sec-13 .pbImg{ position: absolute; width: 10%; left: 74%; top: 46%; z-index: 6; }
.sec-13 .pbImg .ttt{ position: absolute; left: 0%; top: 0%; z-index: 7; opacity: 0; filter: alpha(opacity=0); }
.sec-13 .tips{ width: 80%; font-size: 1vw; line-height: 1.4vw; color: #eeeeee; position: absolute; top: 88%; left: 10%; z-index: 3; }
.sec-13 .tips2{ width: 80%; font-size: 1vw; line-height: 1.4vw;opacity: 0; filter: alpha(opacity =0);  color: #eeeeee; position: absolute; top: 92%; left: 10%; z-index: 3; }