@charset "utf-8";

* {

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

}



html,

body {

    width: 100%;

    height: 100%;

    background: transparent;

}

.section {

    position: relative;

    width: 100%;

    min-width: 1200px;

    max-width: 1920px;

    font-size: 16px;

}

.container {

    position: relative;

    /*width: 1200px;*/

    margin: 0 auto;

}

.page-submenu h2 {

    font-weight: 700;

}

h1,

h2,

h3,

h4,

h5,

h6 {

    font-weight: normal;

    line-height: 1.5;

}



h1 {

    font-size: 44px;

}



h2 {

    font-size: 40px;

}



h3 {

    font-size: 24px;

}

h4 {

    font-size: 20px;

}

p {

    font-size: 16px;

    line-height: 1.5;

}

.fl {

    float: left;

}

.fr {

    float: right;

}

.pc {

    display: block;

}

.mobile {

    display: none;

}

/*banner*/

#SW-banner {

    background: url(/project/Trasition/images/banner-bg.jpg) no-repeat center center;

    height: 530px;

    /*text-align:center;*/

    color: #fff;

    position: relative;

}

#SW-banner .banner-txt {

    margin-top: 100px;

    margin-left: 35px;

}

#SW-banner h3 {

    letter-spacing: 1.8px;

    padding-top: 36px;

    padding-bottom: 14px;

}

#SW-banner ul {

    width: 100%;

    position: relative;

    margin-left: 95px;

    margin-top: 35px;

}

#SW-banner .SW-Case {

    float: left;

    width: 371px;

    height: 71px;

    line-height: 71px;

    background: #dc410a;

    text-align: center;

    margin-right: 18px;
    border-radius: 6px;
}

#SW-banner .SW-Case a {

    color: #fff;

    font-size: 18px;

}

#SW-banner .SW-Case .p1 {

    padding-top: 10px;

}

#SW-banner .SW-Case .p2 {

    font-size: 20px;

}

/*新思维*/

#SW-thought {

    width: 100%;

    position: relative;

    margin: 0 auto;

    overflow: hidden;

}

#SW-thought h2 {

    text-align: center;

    padding: 60px 0;

    color: #464646;

}

.swiper-container {

    width: 100%;

    height: 100%;

}

.swiper-pagination-bullet {

    width: 13px;

    height: 13px;

    display: inline-block;

    border-radius: 100%;

    background: #868686;

    opacity: 1;

}

.swiper-pagination-bullet-active {

    opacity: 1;

    background: #42e8e0;

}



.img1 {

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

    height: 544px;

    color: #fff;

    position: relative;

}

.img2 {

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

    height: 544px;

    color: #fff;

    position: relative;

}

.img3 {

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

    height: 544px;

    color: #fff;

    position: relative;

}

.img4 {

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

    height: 544px;

    color: #fff;

    position: relative;

}

.img5 {

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

    height: 544px;

    color: #fff;

    position: relative;

}

.img6 {

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

    height: 544px;

    color: #fff;

    position: relative;

}

.H1txt {

    width: 530px;

    font-size: 28px;

    line-height: 1.4;

    padding-top: 120px;

    padding-bottom: 60px;

    text-align: justify;

}

.SW-txt {

    font-size: 20px;

}

#SW-thought .swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {

    bottom: 10px;

    left: -300px;

    width: 100%;

}



/*报名*/

#SW-Enroll {

    position: relative;

    margin: 0 auto;

    margin-bottom: 75px;

}

#SW-Enroll .swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {

    bottom: 0;

}

#SW-Enroll .swiper-pagination-bullet {

    width: 10px;

    height: 10px;

}

#SW-Enroll .swiper-slide .H2T {

    display: block;

    position: absolute;

    width: 371px;

    height: 71px;

    line-height: 71px;

    background: #03c2ea;

    bottom: 0px;

    left: 445px;

    text-align: center;

}

.swiper-slide .H2T a {

    text-align: center;

    color: #fff;

    font-size: 18px;

    letter-spacing: 8px;

}



#SW-enrolls {

    display: none;

}

/*路径*/

#SW-way {

    background: url(/project/Trasition/images/way-bg.png) no-repeat center center;

    height: 600px;

    color: #fff;

    position: relative;

}

#SW-way h2 {

    padding: 60px 0 30px;

    line-height: 1.2;

    color: #000;

    text-align: center;

}

#SW-way .p1txt {

    color: #464646;

    padding: 0 218px;

}

.threeBox {

    width: 1200px;

    position: relative;

    text-align: center;

    margin: 0 auto;

    padding-top: 30px;

}

.threeBox li {

    float: left;

    /*width: 398px;*/

    /*height: 325px;*/

    margin-right: 3px;

    position: relative;

    overflow: hidden;

}

.threeBox li:last-child {

    margin-right: 0;

}

.threeBox li>div {

    position: relative;

}

.threeBox li .fadeout {

    width: 398px;

    height: 325px;

    background: #08a1f0;

    text-align: center;

    margin: 0 auto;

}

.threeBox li .fadeout h1 {

    font-size: 42px;

    text-align: center;

    padding-top: 15px;

    padding-bottom: 15px;

    letter-spacing: 10px;

    color: #fff;

}

.threeBox li .fadeout>img {

    margin-bottom: 30px;

}

.threeBox li .fadeout .xtr {

    display: block;

    background: #296db2;

    width: 398px;

    height: 95px;

    line-height: 95px;

    position: relative;

}

.threeBox li .fadeout .xtr:before {

    content: "";

    position: absolute;

    top: -10px;

    left: 50%;

    margin-left: -10px;

    border-bottom: 10px solid #296db2;

    border-left: 10px solid transparent;

    border-right: 10px solid transparent;

}

.threeBox li .fadeout .xtr p {

    font-size: 20px;

    padding: 20px 78px 0;

    text-align: left;

}

.threeBox li .fadein {

    position: absolute;

    text-align: center;

    margin: 0 auto;

    z-index: 2;

    top: 130%;

    width: 398px;

    height: 325px;

    background: #0065a5;

    box-sizing: border-box;

}

.threeBox li .fadein>p {

    padding: 62px 68px;

    text-align: justify;

}

.threeBox li .fadein a {

    color: #00fff6;

    font-size: 20px;

    /*text-align: left;*/

    /*padding-right: 70px;*/

}



/*思维*/

#SW-think {

    background: url("/project/Trasition/images/thk-bg.png") no-repeat center center;

    height: 981px;

    color: #fff;

    position: relative;

}

#SW-think h2 {

    padding-top: 60px;

    padding-bottom: 15px;

    line-height: 1.2;

    color: #000;

    text-align: center;

}

#SW-think .txt1p {

    color: #464646;

    text-align: center;

    padding-bottom: 60px;

}

.changebox {

    position: relative;

    width: 1200px;

    margin: 0 auto;

    overflow: hidden;

}

.changebox .fivebox {

    width: 100%;

    margin: 0 auto;

    padding: 0 145px;

    overflow: hidden;

}

.fivebox li {

    float: left;

    width: 182px;

    height: 266px;

    margin: 0 auto;

    text-align: center;

    position: relative;

}

.fivebox li:before {

    content: "";

    bottom: 0;

    left: 0;

    opacity: 0;

    z-index: 9;

    display: none \9;

    position: absolute;

    -webkit-transition: all 334ms ease-in-out;

    transition: all 334ms ease-in-out;

    border-bottom: 45px solid #078dd3;

    border-left: transparent solid 45px;

    border-right: transparent solid 45px;

}

.fivebox li.active:before {

    left: 45px;

    opacity: 1;

    display: none \9;

}

.fivebox li h4 {

    color: #19a3ea;

    font-weight: bold;

    line-height: 1.4;

    padding-top: 15px;

}



.tab {

    width: 100%;

    background: #078dd3;

    height: 428px;

}

.tabtxt {

    overflow: hidden;

}

.tabtxt ul {

    width: 100%;

    padding: 56px;

    margin: 0 auto;

}

.tabtxt ul li {

    float: left;

}

.tabtxt ul li:first-child {

    width: 460px;

    margin-right: 60px;

    margin-top: 20px;

}

.tabtxt ul li:last-child {

    width: 560px;

    height: 315px;

    border: 1px solid #00fff6;

    border-radius: 5px;

}

.tabtxt ul li .H2t {

    font-size: 36px;

    font-weight: bold;

    padding-bottom: 20px;

}

.tabtxt ul li .H3T {

    color: #00fff6;

    font-size: 26px;

    padding-top: 20px;

    padding-left: 36px;

}

.tabtxt ul li .Pst {

    display: block;

    width: 510px;

    padding-left: 36px;

}

.tabtxt ul li h3 {

    font-weight: bold;

    padding-left: 36px;

    padding-top: 10px;

    padding-bottom: 10px;

}



.tabtxt ul li a {

    color: #fff;

    border-bottom: 2px solid #fff
}

.tabtxt ul li h3 a:hover {

    color: #00fff6;

    border-bottom: none;

}



/*电台报道*/

#SW-TV {

    background: url("/project/Trasition/images/SW-TV.jpg") no-repeat center center;

    height: 598px;

    color: #fff;

    position: relative;

}

#SW-TV h2 {

    padding-left: 50px;

    padding-top: 70px;

    padding-bottom: 30px;

    color: #000;

}

#SW-TV ul {

    width: 100%;

    position: relative;

    margin: 0 auto;

}

#SW-TV ul li {

    float: left;

}

#SW-TV ul li h3 {

    color: #01a8ff;

    padding-left: 50px;

    padding-top: 80px;

    padding-bottom: 30px;

}

.new-txt {

    width: 576px;

}

.new-txt ol {

    width: 100%;

    margin: 0 auto;

}

.new-txt ol li {

    margin-left: 20px;

    margin-right: 10px;

    width: 546px;

    line-height: 20px;

    height: 20px;

    margin-bottom: 20px;

}

.new-txt ol li>img {

    margin: 0 auto;

}

.new-txt ol li>p {

    display: block;

    width: 514px;

    line-height: 20px;

    margin-right: 10px;

}

.new-txt ol li>p a {

    color: #000;

}

.new-txt ol li>p a:hover {

    color: #01a8ff;

    text-decoration: underline;

}

.TV-s {

    width: 574px;

    height: 361px;

}

.TV-s .vbtn1,
.TV-s .vbtn2,
.TV-s .vbtn,
.TV-s .vbtn3 {

    position: absolute;

    top: 114px;

    left: 50%;

    margin-left: -30px;

    z-index: 102;

    cursor: pointer;

}



.vcoles,
.vcoles1,
.vcoles0,
.vcoles2 {

    display: none;

    width: 100%;

    position: absolute;

    background: #000;

    top: 0;

    z-index: 105;

}

.vcoles .szclosed,
.vcoles1 .szclosed,
.vcoles0 .szclosed,
.vcoles2 .szclosed {

    display: block;

    position: relative;

    width: 40px;

    height: 40px;

    line-height: 40px;

    color: #000;

    background: #fff;

    border-radius: 50%;

    float: right;

    text-align: center;

    margin-top: 0px;

    z-index: 30;

    cursor: pointer;

}

.vcoles .st-video,
.vcoles1 .st-video,
.vcoles0 .st-video,
.vcoles2 .st-video {

    position: absolute;

    width: 1180px;

    margin-top: 0;

    height: 400px;

    background: #000;

    z-index: 29;

}

#my-video2 {

    width: 574px;

    height: 361px;

    border: 1px solid #000;

}









#SW-TV .TV-s .swiper-slide .t-modtop {

    position: absolute;

    display: block;

    font-size: 24px;

    top: 290px;

    left: 50%;

    margin-left: -185px;

    z-index: 102;

}



#SW-TV .TV-s .swiper-container-horizontal>.swiper-pagination-bullets,
#SW-TV .TV-s .swiper-pagination-custom,
#SW-TV .TV-s .swiper-pagination-fraction {

    bottom: 70px;

    left: 30px;

    width: 100%;

    z-index: 102;

}

#SW-TV .TV-s .swiper-button-prev {

    background: url(/project/Trasition/images/wprev.png);

    left: 70px;

    right: auto;

    z-index: 102;

}

#SW-TV .TV-s .swiper-button-next {

    background: url(/project/Trasition/images/wnext.png);

    right: 26px;

    left: auto;

    z-index: 102;

}

#SW-TV .TV-s .swiper-button-next,
#SW-TV .TV-s .swiper-button-prev {

    position: absolute;

    top: 50%;

    width: 9px;

    height: 17px;

    margin-top: 120px;

    z-index: 10;

    cursor: pointer;

    background-size: 9px 17px;

    background-position: center;

    background-repeat: no-repeat;

    z-index: 102;

}







/*驱动实践*/

#SW-drive {

    background: url("/project/Trasition/images/drive-bg.png") no-repeat center center;

    height: 584px;

    color: #fff;

    position: relative;

}

#SW-drive h2 {

    padding: 60px 0 40px;

    line-height: 1.2;

    color: #000;

    text-align: center;

}

.Dheight {

    height: 314px;

}

#SW-drive .swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {

    bottom: 10px;

    left: 380px;

    width: 100%;

}

#SW-drive .swiper-button-prev {

    background: url(/project/Trasition/images/prev.png);

    left: 10px;

    right: auto;

}

#SW-drive .swiper-button-next {

    background: url(/project/Trasition/images/next.png);

    right: 10px;

    left: auto;

}

#SW-drive .swiper-button-next,
#SW-drive .swiper-button-prev {

    position: absolute;

    top: 50%;

    width: 34px;

    height: 108px;

    margin-top: -110px;

    z-index: 10;

    cursor: pointer;

    background-size: 34px 108px;

    background-position: center;

    background-repeat: no-repeat;

}

.swidth {

    margin: 0 auto;

    width: 100%;

}

.swidth li {

    float: left;

    width: 526px;

    height: 314px;

    margin-left: 76px;

}

.swidth li:last-child {

    margin-left: 50px;

}

.H3txt {

    color: #01a8ff;

    font-size: 30px;

    padding-top: 40px;

    padding-bottom: 16px;

}



.swidth li>p:last-child:hover a {

    color: #01a8ff;

}

.H4txt {

    display: block;

    color: #464646;

    width: 396px;

    height: 120px;

}



section h3 {

    padding-top: 30px;

    padding-bottom: 30px;

    text-align: center;

}



.sectionDesc,

.sectionDesc-center {

    margin: 0 auto 30px;

    padding: 0 140px;

    font-size: 16px;

    line-height: 1.8;

}



.sectionDesc-center {

    text-align: center;

}



.imgNote {

    font-size: 19px;

    text-align: center;

}



.imgCenter {

    display: block;

    margin: 0 auto;

}

.twoimg {

    width: 100%;

    position: relative;

    margin: 0 auto;

    /* margin-top: 60px; */

    /* margin-bottom: 60px; */

}

.twoimg ul {

    position: relative;

    margin: 0 auto;

    overflow: hidden;

}

.twoimg ul>li {

    position: relative;

    float: left;

    width: 285px;

    height: 190px;

    margin-right: 20px;

    overflow: hidden;

    box-sizing: border-box;

}

.twoimg ul>li>.iconimg {

    position: absolute;

    z-index: 900;

    top: 0;

}

.twoimg ul>li>h4 {

    position: absolute;

    display: inline-block;

    width: 285px;

    line-height: 190px;

    text-align: center;

    /* color: #fff; */

    z-index: 910;

    font-weight: bold;

    top: -15px;

}

.twoimg ul>li>p {

    position: absolute;

    display: inline-block;

    /*padding-top: 160px;*/

    /*padding-left: 60px;*/

    width: 285px;

    line-height: 190px;

    color: #fff;

    font-size: 16px;

    text-align: center;

    padding-top: 20px;

    z-index: 910;

    cursor: pointer;

}

.twoimg ul>li:last-child {

    margin-right: 0;

}

.twoimg ul>li>.scaleimg {

    position: absolute;

    top: 0;

    left: 0;

    cursor: pointer;

    transition: all 0.6s;

    z-index: 906;

}

.twoimg ul>li>.scaleimg:hover {

    transform: scale(1.1);

}

.bgrou {

    width: 100%;

    overflow: hidden;

}

.bgrou a {

    display: inline-block;

    width: 300px;

    /*!*height: 50px;*!*/

    /*!*line-height: 50px;*!*/

    /*border: 1px solid #333;*/

    text-decoration: none;

    margin-top: 20px;

    margin-bottom: 20px;

    text-align: center;

}

.bgrou .flb {

    margin-left: 250px;

    margin-right: 50px;

}

.bgrou .frb {

    margin-right: 250px;

}

.g_contact {
    margin: 0 auto;
    color: #009cff;
    border: 1px solid #009cff;
    font-weight: 100;
    cursor: pointer;
    width: 160px;
    border-radius: 6px;
    text-align: center;
    height: 40px;
    line-height: 37px;
    font-size: 16px;
    transition: .5s;

}

.bgrou a:hover>div {
    background: linear-gradient(90deg, #FFB351 0%, #F08541 100%);
    border: 1px solid transparent;
    cursor: pointer;
    color: #fff;
}



@media (max-width:768px) {

    .section {

        min-width: 100%;

        max-width: 100%;

    }

    .container {

        width: 100%;

    }

    .pc {

        display: none;

    }

    .mobile {

        display: block;

    }

    #SW-banner {

        background: url(/project/Trasition/images/mbanner-bg.jpg) no-repeat center center;

        height: 505px;

        text-align: center;

        position: relative;

        overflow: hidden;

        background-size: cover;

    }

    #SW-banner h3 {

        font-size: 18px;

        padding-top: 5%;

        padding-bottom: 5%;

    }

    #SW-banner .banner-txt {

        margin: 0 auto;

        margin-top: 20%;

    }

    #SW-banner ul {

        margin: 0 auto;

        padding: 0 12%;

    }



    #SW-banner .SW-Case {

        width: 100%;

        height: 48px;

        line-height: 48px;

        font-size: 16px;

        margin-bottom: 2%;

    }

    #SW-banner .SW-Case .p1 {

        padding-top: 0;

    }

    #SW-banner .SW-Case .p2 {

        font-size: 18px;

    }

    #SW-thought h2 {

        font-size: 28px;

        padding: 30px 0;

    }

    .img1 {

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

        height: 551px;

        background-size: cover;

    }

    .img2 {

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

        height: 551px;

        background-size: cover;

    }

    .img3 {

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

        height: 551px;

        background-size: cover;

    }

    .img4 {

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

        height: 551px;

        background-size: cover;

    }

    .img5 {

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

        height: 551px;

        background-size: cover;

    }

    .img6 {

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

        height: 551px;

        background-size: cover;

    }

    .H1txt {

        width: 100%;

        font-size: 22px;

        font-weight: bold;

        padding-top: 10%;

        padding-bottom: 8%;

        padding-left: 6%;

        padding-right: 6%;

    }

    .SW-txt {

        font-size: 18px;

        padding-left: 6%;

        padding-right: 6%;

    }

    .swiper-slide p:last-child {

        padding-left: 6%;

        padding-right: 6%;

        font-size: 14px;

    }







    #SW-thought .swiper-container-horizontal>.swiper-pagination-bullets,

    .swiper-pagination-custom,
    .swiper-pagination-fraction {

        bottom: -15px;

        left: 0;

        width: 100%;

        margin-bottom: 20px;

    }

    #SW-thought .swiper-slide {

        margin-bottom: 40px;

    }



    #SW-Enroll {

        position: relative;

        margin: 0 auto;

        margin-bottom: 0;

    }

    #SW-Enroll .swiper-container-horizontal>.swiper-pagination-bullets,
    .swiper-pagination-custom,
    .swiper-pagination-fraction {

        bottom: 0;

    }

    #SW-Enroll .swiper-pagination-bullet {

        width: 8px;

        height: 8px;

    }

    #SW-Enroll .swiper-slide>img {

        min-width: 100%;

    }

    #SW-Enroll .swiper-slide .H2T {

        width: 95px;

        height: 25px;

        line-height: 25px;

        bottom: 0;

        left: 50%;

        margin-left: -12%;

    }

    .swiper-slide .H2T a {

        text-align: center;

        color: #fff;

        font-size: 16px;

        letter-spacing: 2px;

    }







    #SW-way {

        background: url(/project/Trasition/images/mway-bg.png) no-repeat center center;

        height: 1400px;

        color: #fff;

        position: relative;

        background-size: cover;

    }

    #SW-way h2 {

        font-size: 28px;

        text-align: justify;

        padding: 40px 26px 20px;

    }

    #SW-way h2 br {

        display: none;

    }

    #SW-way .p1txt {

        padding: 5%;

    }

    .twoBox {

        width: 100%;

        position: relative;

        margin: 0 auto;

        text-align: center;

        padding: 0 6%;

        overflow: hidden;

    }

    .twoBox li {

        width: 100%;

        margin: 0 auto;

    }

    .twoBox li:first-child {

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

        height: 132px;

        margin-right: 0;

        margin-bottom: 20px;

        background-size: cover;

    }

    .twoBox li:nth-child(2) {

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

        height: 132px;

        margin-bottom: 20px;

        background-size: cover;

    }

    .twoBox li h3 {

        text-align: left;

        font-size: 24px;

        padding: 30px 40px 10px;

        letter-spacing: 4px;

    }

    .twoBox li p {

        text-align: left;

        font-size: 16px;

        padding: 0 40px 10px;

        letter-spacing: 4px;

    }

    .twoBox a {

        color: #fff;

    }

    .threeBox {

        width: 100%;

        position: relative;

        text-align: center;

        margin: 0 auto;

        padding: 0 6%;

        overflow: hidden;

    }

    .threeBox li {

        float: left;

        width: 100%;

        margin-right: 0;

        position: relative;

        overflow: hidden;

        margin-bottom: 10px;

    }

    .threeBox li:last-child {

        margin-right: 0;

    }

    .threeBox li>div {

        position: relative;

    }

    .threeBox li .fadeout {

        width: 100%;

    }

    .threeBox li .fadeout h1 {

        font-size: 42px;

        text-align: center;

        padding-top: 15px;

        padding-bottom: 15px;

        letter-spacing: 10px;

    }

    .threeBox li .fadeout>img {

        margin-bottom: 30px;

    }

    .threeBox li .fadeout .xtr {

        display: block;

        background: #296db2;

        width: 100%;

        height: 95px;

        line-height: 95px;

        position: relative;

    }

    .threeBox li .fadeout .xtr:before {

        content: "";

        position: absolute;

        top: -10px;

        left: 50%;

        margin-left: -2%;

        border-bottom: 10px solid #296db2;

        border-left: 10px solid transparent;

        border-right: 10px solid transparent;

    }

    .threeBox li .fadeout .xtr p {

        font-size: 18px;

        padding: 20px 50px 0;

        text-align: left;

    }

    .threeBox li .fadein {

        position: absolute;

        text-align: center;

        margin: 0 auto;

        z-index: 2;

        top: 130%;

        width: 100%;

        background: #0065a5;

        box-sizing: border-box;

    }

    .threeBox li .fadein>p {

        padding: 62px 68px;

        text-align: justify;

    }

    .threeBox li .fadein a {

        color: #00fff6;

        font-size: 18px;

        text-align: center;

    }

    #SW-think {

        height: auto;

        background: none;

        overflow: hidden;

    }

    #SW-think h2 {

        font-size: 28px;

    }

    #SW-think .txt1p {

        text-align: justify;

        padding: 10px 26px;

    }

    #SW-think .icon1 {

        width: 100%;

        border-top: 2px solid #08a1f0;

        /*border-bottom: 2px solid #08a1f0;*/

        text-align: center;

        margin: 0 auto;

    }



    #SW-think .icon1 ul {

        width: 100%;

        position: relative;

        margin: 0 auto;

        overflow: hidden;

    }

    #SW-think .icon1 ul li {

        float: left;

        margin-left: 14%;

    }

    #SW-think .icon1 ul li>img {

        margin: 8% 40% 0 10%;

    }

    #SW-think .icon1 ul li>p {

        font-size: 22px;

        font-weight: bold;

        line-height: 96px;

        color: #08a1f0;

    }

    .mtabtxt {

        width: 100%;

        background: #078dd3;

        overflow: hidden;

    }

    .mtabtxt ul {

        width: 100%;

        margin: 0 auto;

        position: relative;

        padding: 0 26px;

    }

    .mtabtxt ul li .H2t {

        font-size: 24px;

        font-weight: bold;

        padding-top: 6%;

        padding-bottom: 2%;

    }

    .mtabtxt ul li .Ptxt1 {

        text-align: justify;

        padding-bottom: 5%;

    }

    .mtabtxt ul li:last-child {

        width: 100%;

        border: 1px solid #00fff6;

        border-radius: 3px;

        margin-bottom: 6%;

    }

    .mtabtxt ul li .H3T {

        font-size: 24px;

        color: #00fff6;

        padding-top: 6%;

        padding-bottom: 1%;

        padding-left: 2%;

    }

    .mtabtxt ul li h3 {

        font-size: 18px;

        font-weight: bold;

        padding-left: 2%;

        padding-bottom: 2%;

    }

    .mtabtxt ul li h3 a {

        color: #fff;

    }

    .mtabtxt ul li .Pst {

        padding-left: 2%;

        padding-bottom: 2%;

    }



    #SW-TV {

        background: url("/project/Trasition/images/SW-tv.png") no-repeat center center;

        height: 774px;

        color: #fff;

        position: relative;

        background-size: cover;

    }

    #SW-TV h2 {

        padding: 0;

        padding-top: 10%;

        text-align: center;

        color: #000;

        font-size: 28px;

    }

    #SW-TV ul {

        width: 100%;

        position: relative;

        margin: 0 auto;

    }

    #SW-TV ul li {

        float: left;

    }

    #SW-TV ul li h3 {

        color: #01a8ff;

        text-align: center;

        padding: 0;

    }

    .new-txt {

        width: 100%;

        padding: 0 6%;

    }

    .new-txt ol {

        width: 100%;

        margin: 0 auto;

    }

    .new-txt ol li {

        width: 100%;

        margin: 0 auto;

        margin-bottom: 8%;

        margin-top: 4%;

    }

    .new-txt ol li>img {

        margin: 0 auto;

        margin-top: 2%;

    }

    .new-txt ol li>p {

        width: 90%;

        line-height: 1.8;

    }



    #SW-TV .TV-s {

        width: 100%;

        height: auto;

        position: absolute;

        top: 500px;

    }

    .TV-s .vbtn1,
    .TV-s .vbtn2,
    .TV-s .vbtn,
    .TV-s .vbtn3 {

        position: absolute;

        top: 57px;

        left: 50%;

        margin-left: -30px;

        z-index: 102;

        cursor: pointer;

    }



    .vcoles,
    .vcoles1,
    .vcoles0,
    .vcoles2 {

        display: none;

        width: 100%;

        position: absolute;

        background: #000;

        top: 0;

        z-index: 105;

    }

    .vcoles .szclosed,
    .vcoles1 .szclosed,
    .vcoles0 .szclosed,
    .vcoles2 .szclosed {

        display: block;

        position: relative;

        width: 40px;

        height: 40px;

        line-height: 40px;

        color: #000;

        background: #fff;

        border-radius: 50%;

        float: right;

        text-align: center;

        margin-top: 0px;

        z-index: 30;

        cursor: pointer;

    }

    .vcoles .st-video,
    .vcoles1 .st-video,
    .vcoles0 .st-video,
    .vcoles2 .st-video {

        position: absolute;

        width: 100%;

        margin-top: 0;

        height: auto;

        background: #000;

        z-index: 29;

    }

    #my-video2 {

        width: 100%;

        height: 100%;

        border: 1px solid #000;

    }



    #SW-TV .TV-s .swiper-slide .t-modtop {

        position: absolute;

        display: block;

        font-size: 16px;

        width: 100%;

        top: 0;

        left: 50%;

        margin-top: 50%;

        margin-left: -50%;

        text-align: center;

        z-index: 102;

    }



    #SW-TV .TV-s .swiper-container-horizontal>.swiper-pagination-bullets,

    #SW-TV .TV-s .swiper-pagination-custom,

    #SW-TV .TV-s .swiper-pagination-fraction {

        bottom: -4px;

        left: 0;

        width: 100%;

        z-index: 102;

    }

    #SW-TV .TV-s .swiper-button-prev {

        background: url(/project/Trasition/images/wprev.png);

        left: 10%;

        right: auto;

        z-index: 102;

    }

    #SW-TV .TV-s .swiper-button-next {

        background: url(/project/Trasition/images/wnext.png);

        right: 4%;

        left: auto;

        z-index: 102;

    }

    #SW-TV .TV-s .swiper-button-next,
    #SW-TV .TV-s .swiper-button-prev {

        position: absolute;

        top: 50%;

        width: 9px;

        height: 17px;

        margin-top: 20%;

        cursor: pointer;

        background-size: 9px 17px;

        background-position: center;

        background-repeat: no-repeat;

        z-index: 102;

    }



    #SW-drive {

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

        height: 750px;

        background-size: cover;

    }

    #SW-drive h2 {

        font-size: 28px;

        padding: 60px 26px;

    }

    #SW-drive .Dheight {

        height: 100%;

        padding-bottom: 80px;

    }

    #SW-drive .swiper-container-horizontal>.swiper-pagination-bullets,
    .swiper-pagination-custom,
    .swiper-pagination-fraction {

        bottom: 0;

        left: 0;

        width: 100%;

    }

    #SW-drive .swiper-button-prev {

        background: url(/project/Trasition/images/mprev.png);

        left: 0;

        right: auto;

    }

    #SW-drive .swiper-button-next {

        background: url(/project/Trasition/images/mnext.png);

        right: 0;

        left: auto;

    }

    #SW-drive .swiper-button-next,
    #SW-drive .swiper-button-prev {

        position: absolute;

        top: 50%;

        width: 26px;

        height: 83px;

        margin-top: -15%;

        z-index: 10;

        cursor: pointer;

        background-size: 26px 83px;

        background-position: center;

        background-repeat: no-repeat;

    }

    .swidth {

        margin: 0 auto;

        width: 100%;

        padding: 0 7%;

    }

    .swidth li {

        float: left;

        width: 100%;

        height: auto;

        margin-left: 0;

    }

    .swidth li:last-child {

        margin-left: 0;

    }

    .H3txt {

        color: #01a8ff;

        font-size: 30px;

        padding-top: 6%;

        padding-bottom: 1%;

    }



    .H4txt {

        display: block;

        color: #464646;

        width: 100%;

        height: 140px;

    }

    #s1 {

        margin: 0 auto;

    }

    .sectionDesc-center {

        margin: 0 auto 30px;

        padding: 0 5%;

        font-size: 16px;

        line-height: 1.8;

    }

    .sectionDesc-center br {

        display: none;

    }

    .twoimg {

        position: relative;

        margin: 0 auto;

    }



    .twoimg ul>li {

        position: relative;

        float: none;

        width: 285px;

        height: 190px;

        margin: 0 auto;

        overflow: hidden;

        box-sizing: border-box;

    }

    .twoimg ul>li:last-child {

        margin: 0 auto;

    }

    .bgrou {

        width: 100%;

        text-align: center;

        margin: 0 auto;

        margin-top: 5%;

        overflow: hidden;

    }

    .bgrou .flb,
    .bgrou .frb {

        float: none;

        margin: 0 auto;

    }

    .bgrou a {

        display: inline-block;

    }

    .bgrou .frb {

        margin-top: 5%;

    }

}