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

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

@media screen and (max-width: 768px) {
    .wap_nav {
        position: fixed;
        left: 0px;
        top: 0px;
        width: 100%;
        z-index: 7777;
    }

    .wap_nav .logo {
        float: left;
        position: absolute;
        left: 0px;
        top: 0px;
    }

    .wap_nav .logo img {
        height: 24px;
        margin-top: 13px;
        margin-left: 10px;
    }

    body {
    }

    .pc {
        display: none;
    }

    .wap {
        display: block;
    }

    .head {
        position: fixed;
        left: 0;
        top: calc(0/600*100vw);
        width: 100%;
        z-index: 9999;
    }
.wrap{
    padding-left:20px !important;
    padding-right:20px !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
}
    .head .wrap {
        padding-left: calc(118/600*100vw);
        padding-right: calc(97/600*100vw);
    }

    .head .wrap .logo {
        padding-top: calc(27/600*100vw);
        float: left;
    }

    .head .wrap .logo a {
    }

    .head .wrap .logo a img {
        height: calc(65/600*100vw);
    }

    .head .wrap .right {
        float: right;
        display: flex;
        align-items: center;
        padding-top: calc(34/600*100vw);
    }

    .head .wrap .right .link1 {
    }

    .head .wrap .right .link1 a {
        margin-left: calc(44/600*100vw);
    }

    .head .wrap .right .link1 a img {
        width: calc(23/600*100vw);
    }

    .head .wrap .right .connect {
        width: calc(132/600*100vw);
        line-height: calc(52/600*100vw);
        background: #000000;
        border-radius: calc(8/600*100vw);
        border: calc(2/600*100vw) solid #FFFFFF;
        display: block;
        text-align: center;
        font-family: D;
        font-weight: normal;
        font-size: calc(18/600*100vw);
        color: #FFFFFF;
        margin-left: calc(20/600*100vw);
    }

    .section1 {
        padding-top: calc(238/600*100vw);
    }

    .section1 .wrap {
        margin-left: calc(167/600*100vw);
        margin-right: calc(141/600*100vw);
    }

    .section1 .wrap .left {
        float: left;
    }

    .section1 .wrap .left .title {
    }

    .section1 .wrap .left .title img {
        height: auto;
        width: 70vw;
    }

    .section1 .wrap .left .dec1 {
        font-family: D;
        font-weight: normal;
        font-size: calc(52/600*100vw);
        color: #FFFFFF;
        padding-top: calc(41/600*100vw);
        padding-bottom: calc(55/600*100vw);
        padding-left: calc(47/600*100vw);
    }

    .section1 .wrap .left .dec2 {
    }

    .section1 .wrap .left .dec2 p {
        width: 100%;
        font-family: D;
        font-weight: normal;
        font-size: calc(30/600*100vw);
        color: #FFFFFF;
        margin-bottom: calc(40/600*100vw);
        line-height: calc(36/600*100vw);
    }

    .section1 .wrap .left .link {
        padding-top: calc(56/600*100vw);
        display: flex;
    }

    .section1 .wrap .left .link a {
        height: calc(56/600*100vw);
        background: #000000;
        border-radius: calc(15/600*100vw);
        border: calc(2/600*100vw) solid #FFFFFF;
        display: flex;
        align-items: center;
        font-family: D;
        font-weight: normal;
        font-size: calc(18/600*100vw);
        color: #FFFFFF;
        padding-left: calc(19/600*100vw);
        padding-right: calc(11/600*100vw);
        margin-right: calc(38/600*100vw);
    }

    .section1 .wrap .left .link a span {
    }

    .section1 .wrap .left .link a img {
        margin-left: calc(5/600*100vw);
        width: calc(42/600*100vw);
        height: calc(30/600*100vw);
        object-fit: contain;
    }

    .section1 .wrap .right {
        float: right;
        padding-top: calc(95/600*100vw);
    }

    .section1 .wrap .right img {
        width: 100%;
    }

    .section2 {
    }

    .section2 .wrap {
    }

    .section2 .wrap .content:after {
        content: "";
        position: absolute;
        position: absolute;
        top: 50%;
        left: 50%;
        -o-transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        width: calc(3/600*100vw);
        height: calc(434/600*100vw);
        background: #FFFFFF;
        display: none;
    }

    .section2 .wrap .content {
        width: calc(1348/600*100vw);
        border: calc(4/600*100vw) solid #FFFFFF;
        margin: auto;
        margin-top: calc(176/600*100vw);
        margin-bottom: calc(195/600*100vw);
        border-radius: calc(10/600*100vw);
        zoom:1;
        overflow: hidden;
        padding-left: 0;
        max-width: 96%;
        position: relative;
        padding-bottom: calc(49/600*100vw);
        padding: 4vw;
    }

    .section2 .wrap .content .item:nth-child(2) {
        padding-left: 0;
    }

    .section2 .wrap .content .item {
        float: none;
        width: 100%;
        padding-top: calc(23/600*100vw);
    }

    .section2 .wrap .content .item .title {
        font-family: D;
        font-weight: normal;
        font-size: calc(36/600*100vw);
        color: #FFFFFF;
    }

    .section2 .wrap .content .item .con1 {
        text-align: center;
    }

    .section2 .wrap .content .item .con1 .title1 {
        font-family: D;
        font-weight: normal;
        font-size: calc(30/600*100vw);
        color: #FFFFFF;
        padding-top: calc(95/600*100vw);
    }

    .section2 .wrap .content .item .con1 .imgbox {
    }

    .section2 .wrap .content .item .con1 .imgbox img {
        width: calc(186/600*100vw);
        margin-top: calc(32/600*100vw);
        margin-bottom: calc(40/600*100vw);
    }

    .section2 .wrap .content .item .con1 .title2 {
        font-family: D;
        font-weight: normal;
        font-size: calc(36/600*100vw);
        color: #FFFFFF;
        padding-bottom: calc(47/600*100vw);
    }

    .section2 .wrap .content .item .con2 {
        padding-top: 7vw;
    }

    .section2 .wrap .content .item .con2 p {
        font-family: D;
        font-weight: normal;
        font-size: calc(20/600*100vw);
        color: #FFFFFF;
        border-bottom: calc(2/600*100vw) solid rgb(125 125 125 / 27%);
        line-height: 3;
        padding: 0px calc(30/600*100vw);
        zoom:1;
        overflow: hidden;
    }

    .section2 .wrap .content .item .con2 p * {
        float: left;
        width: 33.333%;
    }

    .section2 .wrap .content .item .con2 p .s1 {
        float: left;
    }

    .section2 .wrap .content .item .con2 p .s2 {
    }

    .section2 .wrap .content .item .con2 p .s3 {
        text-align: right;
    }

    .section3 {
    }

    .section3 .wrap {
        padding-left: calc(255/600*100vw);
        padding-right: calc(322/600*100vw);
    }

    .section3 .wrap .titlemodel {
    }

    .titlemodel {
        font-family: D;
        font-weight: normal;
        font-size: calc(60/600*100vw);
        color: #FFFFFF;
    }

    .section3 .wrap .content1 {
        padding-left: 0;
        display: block;
        align-items: center;
        justify-content: space-between;
        padding-top: calc(239/600*100vw);
        position: relative;
    }

    .section3 .wrap .content1 .left {
        text-align: center;
        width: 50%;
    }

    .section3 .wrap .content1 .left .tit {
        font-family: D;
        font-weight: normal;
        font-size: calc(48/600*100vw);
        color: #FFFFFF;
    }

    .section3 .wrap .content1 .left img {
        width: calc(245/600*100vw);
    }

    .section3 .wrap .content1 .right {
        width: calc(440/600*100vw);
        height: calc(277/600*100vw);
        background: url(../images/txt1.png) no-repeat center center;
        background-size: 100%;
        font-family: D;
        font-weight: normal;
        font-size: calc(28/600*100vw);
        color: #000000;
        line-height: 1.3;
        padding-top: calc(83/600*100vw);
        padding-left: 22vw;
        padding-right: -14vw;
        position: absolute;
        bottom: auto;
        right: calc(-21/600*100vw);
        top: calc(-17/600*100vw);
    }

    .section3 .wrap .dec {
        width: calc(1240/600*100vw);
        font-family: D;
        font-weight: normal;
        font-size: calc(36/600*100vw);
        color: #FFFFFF;
        line-height: calc(36/600*100vw);
        margin: auto;
        margin-top: calc(111/600*100vw);
        max-width: 90%;
        text-align: center;
    }

    .section3 .wrap .dec p {
        line-height: 1.3;
    }

    .section3 .wrap .content2 {
    }

    .section3 .wrap .content2 .tit {
        font-family: D;
        font-weight: normal;
        font-size: calc(46/600*100vw);
        color: #FFFFFF;
        padding-top: calc(112/600*100vw);
        padding-bottom: calc(35/600*100vw);
        text-align: center;
    }

    .section3 .wrap .content2 .items {
        display: block;
        justify-content: space-between;
        padding: 0px calc(48/600*100vw);
    }

    .section3 .wrap .content2 .items .item:nth-child(1) {
        background: url(../images/item1.png) no-repeat center center;
    }

    .section3 .wrap .content2 .items .item:nth-child(3) {
        background: url(../images/item2.png) no-repeat center center;
    }

    .section3 .wrap .content2 .items .item {
        width: calc(376/600*100vw);
        height: calc(338/600*100vw);
        background: url(../images/item.png) no-repeat center center;
        background-size: 100% !important;
        font-family: D;
        font-weight: normal;
        font-size: calc(26/600*100vw);
        color: #FFFFFF;
        line-height: calc(36/600*100vw);
        text-align: center;
        line-height: 1.5;
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 0px calc(44/600*100vw);
        margin: 10vw auto;
    }

    .section4 {
    }

    .section4 .wrap {
        padding: 0px calc(254/600*100vw);
        padding-right: calc(175/600*100vw);
    }

    .section4 .wrap .titlemodel {
        padding-top: calc(150/600*100vw);
    }

    .section4 .wrap .content {
        margin: 0px 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        position: relative;
        margin-top: calc(55/600*100vw);
        padding-bottom: 35vw;
        margin-right: 0;
    }

    .section4 .wrap .content .left {
        width: calc(700/600*100vw);
        height: calc(434/600*100vw);
        background: url(../images/txt2.png) no-repeat center center;
        background-size: 100%;
        font-family: D;
        font-weight: normal;
        font-size: calc(28/600*100vw);
        color: #000000;
        line-height: 1.3;
        text-align: center;
        padding-top: calc(129/600*100vw);
        padding-left: calc(104/600*100vw);
        padding-right: calc(145/600*100vw);
    }

    .section4 .wrap .content .right {
    }

    .section4 .wrap .content .right img {
        width: 100%;
        position: absolute;
        right: 0;
        bottom: 0;
    }

    .section5 {
    }

    .section5 .wrap {
    }

    .section5 .wrap .titlemodel {
        font-family: D;
        font-weight: normal;
        font-size: calc(40/600*100vw);
        color: #FFFFFF;
        padding-top: calc(131/600*100vw);
        text-align: center;
        padding-bottom: calc(55/600*100vw);
    }

    .section5 .wrap .list {
        padding: 0px calc(8/600*100vw);
        position: relative;
        overflow: hidden;
        background: url(../images/center.png) no-repeat center center;
        zoom:1;
        background-size: calc(314/600*100vw);
    }

    .section5 .wrap .list .item:nth-child(1) {
        background: url(../images/p1.png) no-repeat center center;
        background-size: 100%;
    }

    .section5 .wrap .list .item:nth-child(2) {
        background: url(../images/p2.png) no-repeat center center;
        background-size: 100%;
    }

    .section5 .wrap .list .item:nth-child(3) {
        background: url(../images/p3.png) no-repeat center center;
        background-size: 100%;
    }

    .section5 .wrap .list .item:nth-child(4) {
        background: url(../images/p4.png) no-repeat center center;
        background-size: 100%;
    }

    .section5 .wrap .list .item:nth-child(2n) {
        float: right;
    }

    .section5 .wrap .list .item:nth-child(3),.section5 .wrap .list .item:nth-child(4) {
        padding-bottom: 0;
        padding-top: calc(210/600*100vw);
    }

    .section5 .wrap .list .item {
        width: 100%;
        height: calc(575/600*100vw);
        background-size: 100% !important;
        padding: 0px calc(77/600*100vw) calc(42/600*100vw);
        float: left;
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding-bottom: calc(169/600*100vw);
        margin-bottom: calc(13/600*100vw);
    }

    .section5 .wrap .list .item p {
        font-family: D;
        font-weight: normal;
        font-size: calc(23/600*100vw);
        color: #FFFFFF;
        line-height: 1.3;
        padding-bottom: calc(30/600*100vw);
        text-align: center;
    }

    .section6 {
        padding-left: 0;
        padding-right: 0;
    }

    .section6 .wrap {
    }

    .section6 .wrap .titlemodel {
        padding-top: calc(215/600*100vw);
    }

    .section6 .wrap .list {
        width: calc(1348/600*100vw);
        margin: auto;
        margin-top: calc(71/600*100vw);
        max-width: 100%;
        height: auto;
        background: url(../images/content1.png) no-repeat 0 center;
        background-size: 100% 100%;
        padding-right: calc(440/600*100vw);
        padding-left: calc(72/600*100vw);
        padding-top: calc(20/600*100vw);
        background: #000;
        border: 3px solid #fff;
        border-radius: 10px;
        padding: 2vw;
    }

    .section6 .wrap .list .item {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: calc(34/600*100vw);
    }

    .section6 .wrap .list .item .num img {
        height: calc(197/600*100vw);
    }

    .section6 .wrap .list .item .dec {
    padding: 0px 4vw;
    }

    .section6 .wrap .list .item .dec p:nth-child(1) {
        font-size: calc(26/600*100vw);
        padding: 0;
    }

    .section6 .wrap .list .item .dec p {
        font-family: D;
        font-weight: normal;
        font-size: calc(20/600*100vw);
        color: #FFFFFF;
        line-height: 1.7;
        white-space: inherit;
        padding-left: calc(15/600*100vw);
    }

    .section7 {
    }

    .section7 .wrap {
        padding: 0px calc(257/600*100vw);
        padding-right: calc(206/600*100vw);
    }

    .section7 .wrap .title {
        font-family: D;
        font-weight: normal;
        font-size: calc(36/600*100vw);
        color: #FFFFFF;
        padding-top: calc(225/600*100vw);
    }

    .section7 .wrap .dec {
        font-family: D;
        font-weight: normal;
        font-size: calc(24/600*100vw);
        color: #FFFFFF;
        padding-top: calc(49/600*100vw);
        padding-left: calc(60/600*100vw);
        padding-bottom: calc(42/600*100vw);
        border-bottom: calc(2/600*100vw) solid #fff;
        padding: 4vw;
        padding-top: 9vw;
    }

    .section7 .wrap .dec p {
        line-height: 1.9;
    }

    .section8 {
    }

    .section8 .wrap {
        padding-left: calc(317/600*100vw);
        padding-right: calc(218/600*100vw);
        padding-top: calc(59/600*100vw);
        padding-bottom: calc(28/600*100vw);
        padding-right: calc(209/600*100vw);
    }

    .section8 .wrap .title {
        font-family: D;
        font-weight: normal;
        font-size: calc(36/600*100vw);
        color: #FFFFFF;
        float: left;
        padding-top: calc(74/600*100vw);
        float: none;
        text-align: center;
    }

    .section8 .wrap .right {
        float: right;
        float: none;
        padding-top: 6vw;
        padding-bottom: 10vw;
    }

    .section8 .wrap .right p {
        font-family: D;
        font-weight: normal;
        font-size: calc(24/600*100vw);
        color: #FFFFFF;
        line-height: calc(48/600*100vw);
    }

    .footer {
    }

    .footer img {
        width: 100%;
    }
}