@charset "utf-8";

* {

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

}



html,

body {

    width: 100%;

    height: 100%;

    background: transparent;

}



.dgwmake .container {

    width: 100%;

    max-width: 1220px;

    margin: 0 auto;

    text-align: center;

}

h1,

h2,

h3,

h4,

h5,

h6 {

    font-weight: normal;

    line-height: 1.5;

}



h1 {

    font-size: 55px;

}



h2 {

    font-size: 40px;

}



h3 {

    font-size: 24px;

}

h4 {

    font-size: 20px;

}

p {

    font-size: 16px;

    line-height: 1.75;

}

.fl {

    float: left;

}

.fr {

    float: right;

}

.pc {

    display: block;

}

.mobile {

    display: none;

}



#banner {

    position: relative;

    height: 800px;

    background: url("/project/digiwinmake/images/bannerbg.jpg") no-repeat center center;

    background-size: cover;

    margin: 0 auto;

    text-align: center;

}

.tit_img {

    margin-top: 180px;

}

.h2txt {

    font-size: 36px;

    color: #fff;

    padding-bottom: 50px;

}

.btn {

    background: none;
    cursor: pointer;
    width: 160px;
    border-radius: 6px;
    text-align: center;
    height: 40px;
    line-height: 37px;
    color: #fff;
    font-size: 16px;
    border: 1px solid #fff;
    transition: .5s;

}

.btn:hover {
    border: 1px solid transparent !important;
    color: #fff !important;
    background: linear-gradient(90deg, #FFB351 0%, #F08541 100%);
}

#banner a:last-child .btn {

    border: 1px solid transparent;
    background: linear-gradient(90deg, #FFB351 0%, #F08541 100%);
    color: #fff;

}



#sect1 {

    position: relative;

    margin: 0 auto;

    overflow: hidden;

    /*background: #0b1d2a;*/

}

.container1 {

    width: 100%;

    max-width: 1220px;

    margin: 0 auto;

    text-align: center;

}

.big_imgbg {

    position: relative;

    /*height: 850px;*/

    overflow: hidden;

}

.bx {

    position: absolute;

    left: 50%;

    z-index: 90;

    top: 70px;

    margin-left: -496px;

}

.bx h2 {

    font-size: 48px;

    color: #fff;

    font-weight: bold;

    text-align: center;

}

.bx h2>span {

    color: #008aff;

}

.bx .t1_txt {

    color: #fff;

    font-size: 30px;

    text-align: center;

}



.tab_list {

    position: absolute;

    width: 312px;

    right: 200px;

    z-index: 92;

    top: 286px;

}

.tab_list li {

    color: #fff;

    width: 312px;

    height: 54px;

    line-height: 54px;

    margin: 15px auto;

    position: relative;

    cursor: pointer;

}



.tab_list li>p {

    display: inline-block;

    line-height: 54px;

    font-size: 24px;

    padding-left: 125px;

}

.tab_list li:nth-of-type(1)>p:before {

    content: url("/project/digiwinmake/images/st1.png");

    position: absolute;

    left: 60px;

    top: 6px;

}

.tab_list .selected:nth-of-type(1)>p:before {

    content: url("/project/digiwinmake/images/st1_h.png");

}

.tab_list li:nth-of-type(2)>p:before {

    content: url("/project/digiwinmake/images/st2.png");

    position: absolute;

    left: 60px;

    top: 6px;

}

.tab_list .selected:nth-of-type(2)>p:before {

    content: url("/project/digiwinmake/images/st2_h.png");

}

.tab_list li:nth-of-type(3)>p:before {

    content: url("/project/digiwinmake/images/st3.png");

    position: absolute;

    left: 60px;

    top: 6px;

}

.tab_list .selected:nth-of-type(3)>p:before {

    content: url("/project/digiwinmake/images/st3_h.png");

}

.tab_list li:nth-of-type(4)>p:before {

    content: url("/project/digiwinmake/images/st4.png");

    position: absolute;

    left: 60px;

    top: 6px;

}

.tab_list .selected:nth-of-type(4)>p:before {

    content: url("/project/digiwinmake/images/st4_h.png");

}

.tab_list li:nth-of-type(5)>p:before {

    content: url("/project/digiwinmake/images/st5.png");

    position: absolute;

    left: 60px;

    top: 6px;

}

.tab_list .selected:nth-of-type(5)>p:before {

    content: url("/project/digiwinmake/images/st5_h.png");

}

.tab_list li:nth-of-type(6)>p:before {

    content: url("/project/digiwinmake/images/st6.png");

    position: absolute;

    left: 60px;

    top: 6px;

}

.tab_list .selected:nth-of-type(1)>p:before {

    content: url("/project/digiwinmake/images/st1_h.png");

}

.tab_list .selected {

    background: rgba(30, 46, 58, 0.7);

}



.tab_list .selected p {

    color: #008aff;

}

.tab_list li>i:hover img {}

.big_img {

    margin: 0 auto;

    overflow: hidden;

}

.bg1 {

    background: url("/project/digiwinmake/images/st1b.png") no-repeat center center;

    height: 856px;

    background-size: cover;

    overflow: hidden;

    position: relative;

}

.bg2 {

    background: url("/project/digiwinmake/images/st2b.png") no-repeat center center;

    height: 856px;

    background-size: cover;

    overflow: hidden;

    position: relative;

}

.bg3 {

    background: url("/project/digiwinmake/images/st3b.png") no-repeat center center;

    height: 856px;

    background-size: cover;

    overflow: hidden;

    position: relative;

}

.bg4 {

    background: url("/project/digiwinmake/images/st4b.png") no-repeat center center;

    height: 856px;

    background-size: cover;

    overflow: hidden;

    position: relative;

}

.bg5 {

    background: url("/project/digiwinmake/images/st5b.png") no-repeat center center;

    height: 856px;

    background-size: cover;

    overflow: hidden;

    position: relative;

}

.bg6 {

    background: url("/project/digiwinmake/images/st6b.png") no-repeat center center;

    height: 856px;

    background-size: cover;

    overflow: hidden;

    position: relative;

}

.m_b1 {

    text-align: left;

    margin-top: 320px;

}

.m_b1 h3 {

    font-size: 30px;

    color: #fff;

}

.m_b1 p {

    display: block;

    width: 750px;

    color: #fff;

    font-size: 18px;

}

.m_b1 .btn {
    margin-top: 95px;
    width: 160px;
    height: 40px;
    background: linear-gradient(-90deg, #3059F9 0%, #59A3F6 100%);
    border-radius: 6px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    line-height: 40px;
    border: none;
}

.m_b1 .btn:hover {
    background: linear-gradient(90deg, #FFB351 0%, #F08541 100%);
}

.hide {

    display: none;

}







#sect2 {

    position: relative;

    overflow: hidden;

}

.x1 {

    position: relative;

    text-align: center;

    margin: 0 auto;

}

.b_txt {

    position: absolute;

    z-index: 80;

    left: 50%;

    top: 70px;

    margin-left: -360px;

}

.x1 .b_txt h2 {

    color: #000;

    font-weight: bold;

    font-size: 48px;

}

.x1 .b_txt>p {

    font-size: 30px;

}

.img_bg {

    background: url("/project/digiwinmake/images/yh.jpg") no-repeat center center;

    height: 641px;

    background-size: cover;

    position: relative;

}

.img_bg1 {

    background: url("/project/digiwinmake/images/zq.jpg") no-repeat center center;

    height: 641px;

    background-size: cover;

    position: relative;

}

.img_bg2 {

    background: url("/project/digiwinmake/images/ys.jpg") no-repeat center center;

    height: 641px;

    background-size: cover;

    position: relative;

}

.img_bg3 {

    background: url("/project/digiwinmake/images/hh.jpg") no-repeat center center;

    height: 641px;

    background-size: cover;

    position: relative;

}

.img_bg4 {

    background: url("/project/digiwinmake/images/jy.jpg") no-repeat center center;

    height: 641px;

    background-size: cover;

    position: relative;

}

.img_bg5 {

    background: url("/project/digiwinmake/images/bw.jpg") no-repeat center center;

    height: 641px;

    background-size: cover;

    position: relative;

}

.img_bg6 {

    background: url("/project/digiwinmake/images/rx.jpg") no-repeat center center;

    height: 641px;

    background-size: cover;

    position: relative;

}

.img_bg h3,
.img_bg1 h3,
.img_bg2 h3,

.img_bg3 h3,
.img_bg4 h3,
.img_bg5 h3,

.img_bg6 h3 {

    font-size: 36px;

    font-weight: bold;

    color: #000;

    text-align: left;

    padding-top: 405px;

    padding-bottom: 18px !important;

}

.img_bg p,
.img_bg1 p,
.img_bg2 p,

.img_bg3 p,
.img_bg4 p,
.img_bg5 p,

.img_bg6 p {

    display: block;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    width: 40%;

    text-align: left;

}

.img_bg a,
.img_bg1 a,
.img_bg2 a,

.img_bg3 a,
.img_bg4 a,
.img_bg5 a,

.img_bg6 a {

    display: block;

    text-align: left;

}

.x1 .btn {

    cursor: pointer;
    margin-top: 35px;
    width: 160px;
    height: 40px;
    background: linear-gradient(-90deg, #3059F9 0%, #59A3F6 100%);
    border-radius: 6px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    line-height: 40px;
    border: none;

}

.x1 .btn:hover {
    background: linear-gradient(90deg, #FFB351 0%, #F08541 100%);
}

.x3 {

    width: 100%;

    max-width: 1200px;

    margin: 0 auto;

    margin-top: 20px;

    text-align: center;

    cursor: pointer;

}

.x3 .swiper-wrapper {

    width: 1200px !important;

}

.x3 .ximg_bg {

    width: 258px;

    background: url("/project/digiwinmake/images/yh1.png") no-repeat center center;

    height: 182px;

    background-size: cover;

    position: relative;

    text-align: center;



}

.ximg_bg1 {

    width: 258px;

    background: url("/project/digiwinmake/images/zq1.png") no-repeat center center;

    height: 182px;

    background-size: cover;

    position: relative;

    text-align: center;

}

.ximg_bg2 {

    width: 258px;

    background: url("/project/digiwinmake/images/ys1.png") no-repeat center center;

    height: 182px;

    background-size: cover;

    position: relative;

    text-align: center;

}

.ximg_bg3 {

    width: 258px;

    background: url("/project/digiwinmake/images/hh1.png") no-repeat center center;

    height: 182px;

    background-size: cover;

    position: relative;

    text-align: center;

}

.ximg_bg4 {

    width: 258px;

    background: url("/project/digiwinmake/images/jy1.png") no-repeat center center;

    height: 182px;

    background-size: cover;

    position: relative;

    text-align: center;

}

.ximg_bg5 {

    width: 258px;

    background: url("/project/digiwinmake/images/bw1.png") no-repeat center center;

    height: 182px;

    background-size: cover;

    position: relative;

    text-align: center;

}

.ximg_bg6 {

    width: 258px;

    background: url("/project/digiwinmake/images/rx1.png") no-repeat center center;

    height: 182px;

    background-size: cover;

    position: relative;

    text-align: center;

}

.x3 .p_tit {

    display: block;

    line-height: 41px;

    background: rgba(0, 0, 0, .49);

    margin-top: 140px;

    font-size: 18px;

    color: #fff;

    text-align: center;

}



.x3 .bg_next {

    position: absolute;

    top: 50%;

    width: 80px;

    height: 242px;

    margin-top: -120px;

    z-index: 10;

    cursor: pointer;

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

    background: linear-gradient(270deg, #fff 40%, hsla(0, 0%, 100%, 0));

    right: 0;

}

.x3 .bg_prev {

    position: absolute;

    top: 50%;

    width: 80px;

    height: 242px;

    margin-top: -120px;

    z-index: 10;

    cursor: pointer;

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

    background: linear-gradient(90deg, #fff 40%, hsla(0, 0%, 100%, 0));

    left: 0;

}

/*.x3 .swiper-button-prev {*/

/*    position: absolute;*/

/*    top: 50%;*/

/*    width: 180px;*/

/*    height: 239px;*/

/*    margin-top: -120px;*/

/*    z-index: 10;*/

/*    cursor: pointer;*/

/*    background-size: cover;*/

/*    background-position: center;*/

/*    background-repeat: no-repeat;*/

/*    background: linear-gradient(to right,rgba(255,255,255,1),rgba(255,255,255,.8));*/

/*}*/





.x2>h2 {

    font-size: 48px;

    color: #000;

    padding: 80px 0 20px;

    font-weight: bold;

}

.x2 .fl {

    width: 45%;

    margin-top: 90px;

}

.x2 h3 {

    color: #4d4d4d;

    font-size: 24px;

    font-weight: bold;

    padding-bottom: 38px;

}

.x2 h3>span {

    font-size: 48px;

    color: #d1381a;

}

.x2 p {

    text-align: left;

    font-size: 18px;

}

.x2 a {

    display: block;

    text-align: left;

}

#sect2 .x2 .btn {
    border: 1px solid #4571FF;
    background: none;
    color: #4571FF;
    cursor: pointer;
    margin-top: 45px;
    width: 160px;
    border-radius: 6px;
    text-align: center;
    height: 40px;
    line-height: 37px;
    font-size: 16px;
    transition: .5s;
}

#sect2 .x2 .btn:hover {
    border: 1px solid transparent;
    background: linear-gradient(90deg, #FFB351 0%, #F08541 100%);
}

#sect2 .fr {

    margin-top: 140px;

    margin-bottom: 100px;

}











#sect3 {

    background: url("/project/digiwinmake/images/sect3bg.jpg") no-repeat center center;

    height: 878px;

    background-size: cover;

}

#sect3 h2 {

    color: #000;

    font-size: 36px;

    font-weight: bold;

    text-align: left;

    padding-top: 30px;

}

#sect3 h2 span {

    color: #008aff;

}

#sect3 ul {

    width: 100%;

    margin: 0 auto;

    margin-top: 98px;

    margin-right: 64px;

    margin-left: 64px;

    text-align: center;

}

#sect3 ul .u_li {

    float: left;

    width: 335px;

    height: 252px;

    border: 2px solid #62abe7;

    background: rgba(220, 235, 242, 0.52);

    margin: 0 12px;

    margin-bottom: 22px;

}

/*#sect3 ul .u_li:last-child{*/

/*    margin-right: 0;*/

/*}*/

#sect3 ul .u_li h4 {

    background: #008aff;

    color: #fff;

    font-size: 24px;

    font-weight: bold;

    line-height: 55px;

}

#sect3 .p_box {

    width: 250px;

    margin-left: 35px;

    margin-top: 30px;

    text-align: left;

}

.p_box p {

    display: inline-block;

    width: 230px;

    font-size: 18px;

    color: #008aff;

    text-align: justify;

}

.rconst {

    margin-top: 8px;

}

#sect3 .p_box>div {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

#sect3 .btn,
#sect4 .btn {

    border: 1px solid #008aff;

    margin: 0 auto;

    margin-top: 40px;

    color: #008aff;

}



#sect4 {

    background: url("/project/digiwinmake/images/sect4bg.jpg") no-repeat center center;

    height: 707px;

    background-size: cover;

}

#sect4 h2 {

    color: #000;

    font-size: 36px;

    font-weight: bold;

    text-align: left;

    padding-top: 30px;

}

#sect4 ul {

    margin: 0 auto;

    margin-top: 110px;

    overflow: hidden;

}

#sect4 ul li {

    float: left;

}

#sect4 ul li:nth-of-type(2) {

    margin-left: 12px;

    margin-right: 12px;

}

#sect4 ul li p {

    display: block;

    width: 350px;

    color: #000;

    text-align: justify;

    padding-top: 15px;

}

#sect5 h2 {

    color: #000;

    font-size: 48px;

    padding: 75px 0 20px;

    font-weight: bold;

}

.h3txt {

    font-size: 30px;

    color: #5e5d5d;

}

#sect5 {

    position: relative;

    overflow: hidden;

}

#sect5 ul {

    margin: 0 auto;

    margin-top: 50px;

    margin-bottom: 100px;

    overflow: hidden;

}

#sect5 ul li {

    float: left;

    position: relative;

    overflow: hidden;

    margin-right: 10px;

}

#sect5 ul li:last-child {

    margin-right: 0;

}

.fadeout {

    width: 292px;

    height: 325px;

    background: #eee;

}

.fadeout h4 {

    font-size: 22px;

    font-weight: bold;

    padding-top: 32px;

    padding-bottom: 15px;

}



.fadeout>p {

    padding-top: 15px;

    font-size: 18px;

    line-height: 1.6;

    text-align: center;

}

.triangle {

    margin-top: 5px;

}

.fadein {

    position: absolute;

    top: 130%;

    width: 292px;

    height: 325px;

    background: #008aff;

}

.fadein>P {

    color: #fff;

    padding: 45px;

    font-size: 18px;

    text-align: justify;

}

.fadein>a {

    padding-top: 80px;

    color: #fff;

    font-size: 20px;

    text-align: left;

    text-decoration: underline;

    cursor: pointer;

}



#sect6 {

    background: #eeeeee;

    overflow: hidden;

    margin: 0 auto;

}

#sect6 h2 {

    display: block;

    position: relative;

    height: 47px;

    margin: 75px 0 20px;

}

#sect6 h2 span {

    color: #000;

    font-size: 36px;

    font-weight: bold;

    padding-left: 260px;

}

#sect6 h2 span:before {

    position: absolute;

    content: url("/project/digiwinmake/images/TV1.png");

    left: 250px;

}

#sect6 ul {

    margin: 0 auto;

    margin-top: 65px;

    margin-bottom: 80px;

    overflow: hidden;

}

#sect6 ul li {

    float: left;

    width: 286px;

    height: 345px;

    background: #fff;

    box-shadow: 7px 18px 18px rgba(0, 0, 0, .1);

    margin-right: 18px;

}

#sect6 ul li:last-child {

    margin-right: 0;

}

.lix_box {

    width: 100%;

    overflow: hidden;

    margin-top: 28px;

}

.lix_box .btn {

    border: none;

    width: 129px;

    height: 40px;

    border-radius: 20px;

    background: #2298fd;

    margin-left: 22px;

    font-size: 18px;

}

.lix_box img {

    margin-top: 10px;

    margin-right: 22px;

}

#sect7 {

    background: #0c1d29;

    overflow: hidden;

    text-align: center;

}

#sect7 .lim {

    font-size: 48px;

    color: #fff;

    font-weight: bold;

    padding: 80px 0 30px;

}

.lim br,
.k0 {

    display: none;

}

#sect7 ul {

    width: 856px;

    margin: 0 auto;

    margin-bottom: 70px;

    overflow: hidden;

}

#sect7 ul li {

    float: left;

    width: 153px;

    height: 59px;

    margin: 6px 8px;

}





@media (max-width:768px) {



    .dgwmake .container {

        width: 100%;

    }



    h1 {

        font-size: 36px;

    }



    h2 {

        font-size: 26px;

    }



    h3 {

        font-size: 22px;

    }



    h4 {

        font-size: 18px;

    }



    p {

        font-size: 16px;

        line-height: 1.75;

    }



    .pc {

        display: none;

    }



    .mobile {

        display: block;

    }

    #banner {

        background: url("/project/digiwinmake/images/bannerbg_m.png") no-repeat center center;

        height: 330px;

        background-size: cover;

    }

    .tit_img {

        min-width: 100%;

        transform: scale(.8);

        margin-top: 10%;

    }



    .h2txt {

        font-size: 16px;

        padding-bottom: 15px;

    }

    .btn {

        width: 125px;

        height: 30px;

        font-size: 16px;

    }

    #sect1 h2 {

        color: #000;

        font-size: 24px;

        padding-top: 35px;

    }

    #sect1 h2 span {

        font-weight: bold;

    }

    .container1 {

        width: 100%;

    }

    .box_nav {

        width: 100%;

        margin: 20px auto;

    }

    .vtitle {

        width: 90%;

        height: 40px;

        border-top: 1px solid #e2e2e2;

        /*border-bottom:1px solid #e2e2e2;*/

        margin: 0 auto;

        margin-bottom: 1px;

        position: relative;

    }

    .box_nav li:last-child .vtitle {

        border-bottom: 1px solid #e2e2e2;

    }

    .vtitle p {

        display: inline-block;

        line-height: 40px;

        font-size: 16px;

        color: #1d1d1d;

        margin-left: -55%;

    }

    .box_nav li:nth-of-type(1) .vtitle>p:before {

        content: url("../images/st1_m.png");

        position: absolute;

        top: 8px;

        left: 0;

    }

    .box_nav li:nth-of-type(2) .vtitle>p:before {

        content: url("/project/digiwinmake/images/st2_m.png");

        position: absolute;

        top: 8px;

        left: 0;

    }

    .box_nav li:nth-of-type(3) .vtitle>p:before {

        content: url("/project/digiwinmake/images/st3_m.png");

        position: absolute;

        top: 8px;

        left: 0;

    }

    .box_nav li:nth-of-type(4) .vtitle>p:before {

        content: url("/project/digiwinmake/images/st4_m.png");

        position: absolute;

        top: 8px;

        left: 0;

    }

    .box_nav li:nth-of-type(5) .vtitle>p:before {

        content: url("/project/digiwinmake/images/st5_m.png");

        position: absolute;

        top: 8px;

        left: 0;

    }

    .box_nav li:nth-of-type(6) .vtitle>p:before {

        content: url("/project/digiwinmake/images/st6_m.png");

        position: absolute;

        top: 8px;

        left: 0;

    }

    .box_nav li>.vtitle .selected {

        color: #008aff;

    }

    .vconst {

        width: 0;

        height: 0;

        border: 10px solid;

        border-color: #1d1d1d transparent transparent transparent;

        position: relative;

        float: right;

        margin-top: 14px;

    }

    .vconst:after {

        content: '';

        position: absolute;

        top: -18px;

        left: -16px;

        border: 16px solid;

        border-color: white transparent transparent transparent;

    }

    .vcon {

        height: 274px;

        width: 90%;

        margin: 0 auto;

        overflow: hidden;

        padding: 0 4%;

    }

    .vcon h3 {

        text-align: left;

        font-size: 18px;

        color: #fff;

        font-weight: bold;

    }

    .vcon p {

        text-align: justify;

        font-size: 16px;

        color: #fff;

        line-height: 1.4;

    }

    .vcon .btn {

        background: #008aff;

        width: 82px;

        height: 26px;

        border: none;

        border-radius: 2px;

        color: #fff;

    }

    .vcon a {

        display: block;

        text-align: right;

        margin-top: 10px;

    }

    .b_txt {

        position: absolute;

        z-index: 80;

        left: 50%;

        top: 40px;

        margin-left: -168px;

    }

    .x4 {

        position: relative;

        background: #f3f3f3;

        padding-bottom: 5%;

    }

    .x4 img {

        min-width: 100%;

    }





    .x4 h2 {

        font-size: 24px;

        color: #1d1d1d;

    }

    .x4 h3 {

        color: #4d4d4d;

        font-size: 18px;

        font-weight: bold;

        padding-top: 5%;

    }

    .x4 .swiper-slide p {

        text-align: justify;

        padding: 0 12px;

    }

    .x4 .swiper-slide a {

        display: block;

        color: #008aff;

        font-style: normal;

        font-size: 16px;

        margin-bottom: 15px;

        margin-top: 15px;

    }

    .x4 .swiper-pagination-bullet,
    .x5 .swiper-pagination-bullet,

    .x8 .swiper-pagination-bullet {

        width: 10px;

        height: 10px;



    }





    #sect2 .container>h2 {

        font-size: 24px;

        padding: 25px 0 10px;

    }

    .x2 .fl {

        width: 100%;

        margin: 0 auto;

        margin-top: 5%;

        float: none;

    }

    .x2 h3 {

        font-size: 16px;

        padding-bottom: 15px;

        text-align: center;

    }

    .x2 h3>span {

        font-size: 24px;

    }

    .x2 p {

        text-align: justify;

        font-size: 16px;

        padding: 0 12px;

    }

    #sect2 .fr {

        margin-top: 0;

        margin-bottom: 20px;

    }

    .x2 a {

        display: block;

        text-align: center;

    }

    #sect2 .x2 .btn {

        width: 141px;

        height: 33px;

        border: 1px solid #1439f3;

        border-radius: 10px;

        background: none;

        color: #1439f3;

        font-size: 16px;

        cursor: pointer;

        margin: 0 auto;

        margin-top: 45px;

        margin-bottom: 30px;

    }

    #sect3 {

        background: url("/project/digiwinmake/images/sect3bg_m.png") no-repeat center center;

        height: 379px;

        background-size: cover;

    }

    #sect3 h2 {

        text-align: center;

        font-size: 24px;

        padding-top: 10px;

    }

    #sect3 ul {

        width: 100%;

        margin: 0 auto;

        margin-bottom: 5%;

        margin-top: 8%;

        text-align: center;

    }

    .x5 .u_li_m {

        float: left;

        width: 45%;

        height: 255px;

        border: 2px solid #62abe7;

        background: rgba(220, 235, 242, 0.52);

        margin-bottom: 22px;

    }

    .u_li_m h4 {

        background: #008aff;

        color: #fff;

        font-size: 18px;

        font-weight: bold;

        line-height: 43px;

    }

    #sect3 .p_box {

        width: 100%;

        margin-left: 5px;

        margin-top: 5px;

        text-align: left;

    }

    .p_box p {

        display: inline-block;

        width: 140px;

        font-size: 16px;

    }



    #sect4 {

        background: url("/project/digiwinmake/images/sect4bg_m.png") no-repeat center center;

        height: 432px;

        background-size: cover;

    }

    #sect4 h2 {

        text-align: center;

        font-size: 24px;

        padding-top: 30px;

    }

    .x6 {

        overflow: hidden;

    }

    .x6 .swiper-wrapper {

        margin: 0 auto;

        margin-top: 20px;

    }

    .x6 .swiper-slide {

        width: 100%;

        margin: 0 auto;

    }



    .x6 .swiper-slide p {

        width: 100%;

        text-align: justify;

        padding: 0 15px;



    }

    #sect4 .btn {

        width: 182px;

        height: 36px;

        border: 1px solid #008aff;

        margin-top: 0;

        color: #008aff;

    }

    #sect5 h2 {

        font-size: 24px;

        padding: 30px 0 10px;

    }

    .h3txt {

        font-size: 18px;

        color: #5e5d5d;

    }

    #sect5 ul {

        margin: 0 auto;

        margin-top: 20px;

        margin-bottom: 100px;

        overflow: hidden;

    }

    #sect5 ul li {

        float: none;

        width: 94%;

        height: 190px;

        position: relative;

        overflow: hidden;

        border: 2px solid #008aff;

        margin: 0 auto;

        margin-bottom: 2%;

    }

    #sect5 ul li:last-child {

        margin: 0 auto;

    }

    #sect5 ul li h4 {

        font-size: 18px;

        color: #000;

        font-weight: bold;

        padding-top: 8px;

    }

    #sect5 ul li p {

        font-size: 16px;

        text-align: justify;

        padding: 0 4px;

        line-height: 1.5;

    }

    #sect5 ul li:nth-of-type(1) h4:before {

        content: url("/project/digiwinmake/images/sect5_1m.png");

    }

    #sect5 ul li:nth-of-type(2) h4:before {

        content: url("/project/digiwinmake/images/sect5_2m.png");

    }

    #sect5 ul li:nth-of-type(3) h4:before {

        content: url("/project/digiwinmake/images/sect5_3m.png");

    }

    #sect5 ul li:nth-of-type(4) h4:before {

        content: url("/project/digiwinmake/images/sect5_4m.png");

    }

    #sect5 ul li a {

        font-size: 18px;

        text-align: justify;

        color: #008aff;

        text-decoration: underline;

        padding-top: 4px;

    }

    #sect6 h2 {

        display: none;

    }

    #sect6 .l_t {

        margin: 20px auto 10px;

    }

    .k0 {

        display: block;

        font-size: 18px;

        text-align: center;

        color: #5e5d5d;

    }

    #sect6 ul {

        margin: 0 auto;

        margin-top: 15px;

        margin-bottom: 20px;

        overflow: hidden;

    }



    #sect6 ul li {

        float: none;

        width: 286px !important;

        height: 345px;

        background: #fff;

        box-shadow: 7px 18px 18px rgba(0, 0, 0, .1);

        margin: 0 auto;

        margin-bottom: 30px;

    }

    #sect6 ul li:last-child {

        margin: 0 auto;

    }

    /*#sect6 ul li:nth-of-type(2){*/

    /*    margin: 0 auto;*/

    /*}*/

    /*.x8 {*/

    /*    margin: 0 auto;*/

    /*    margin-top: 15px;*/

    /*    margin-bottom: 20px;*/

    /*    overflow: hidden;*/

    /*}*/



    /*.x8 .swiper-slide {*/

    /*    width: 286px !important;*/

    /*    height: 345px;*/

    /*    background: #fff;*/

    /*    box-shadow: 7px 18px 18px rgba(0,0,0,.1);*/

    /*    margin: 0 auto;*/

    /*    margin-bottom: 30px;*/

    /*}*/



    .j0 {

        margin: 15px auto 40px;

    }

    #sect7 .lim {

        font-size: 24px;

        padding: 30px 0 20px;

    }

    .lim br {

        display: block;

    }

    #sect7 ul {

        width: 100%;

        margin: 0 auto;

        margin-bottom: 70px;

        overflow: hidden;

    }

    #sect7 ul li {

        width: 32%;

        margin: 6px 2px;

    }

}