@charset "utf-8";

* {

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

}



html,

body {

    width: 100%;

    height: 100%;

    background: transparent;

}

.SemiconductorMF section {

    position: relative;

    width: 100%;

    min-width: 1220px;

    max-width: 1920px;

    font-size: 16px;

}

.container {

    position: relative;

    width: 1220px;

    margin: 0 auto;

}

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;

}

.txt1 {

    color: #333;

    font-size: 20px;

    line-height: 35px;

}

/*banner*/



#banner {

    position: relative;

    height: 500px;

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

    background-size: cover;

    overflow: hidden;

}

#banner h1 {

    color: #fff;

    font-weight: bold;

    padding-top: 130px;

    padding-left: 180px;

}

#banner .h2txt {

    color: #fff;

    font-size: 50px;

    line-height: 1.2;

    padding-left: 180px;

    font-weight: lighter;

}

#banner .txt1 {

    font-size: 35px;

    padding-left: 180px;

    padding-top: 30px;

    color: #fff;

    font-weight: lighter;

}

#banner .groupbtn,
#solve .groupbtn,
#battle .groupbtn,
#blueprint .groupbtn,
#scheme .groupbtn,
#solution .groupbtn {

    width: 100%;

    margin: 0 auto;

    margin-left: 180px;

}

#banner .bframe,
#solve .bframe,
#battle .bframe,
#blueprint .bframe,
#scheme .bframe,
#solution .bframe {

    width: 180px;
    margin-right: 40px;
    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;
    padding: 0;
    margin-top: 20px;
    box-sizing: border-box;

}

#banner .bframe:hover,
#solve .bframe:hover,
#battle .bframe:hover,
#blueprint .bframe:hover,
#scheme .bframe:hover,
#solution .bframe:hover {
    background: linear-gradient(to right, #ffb252 0%, #f18541 100%);
}

#banner .bframe a,
#solve .bframe a,
#battle .bframe a,
#blueprint .bframe a,
#scheme .bframe a,
#solution .bframe a {

    display: block;

    width: 180px;

    color: #fff;

    font-size: 18px;

    line-height: 40px;



}



.titlss {

    float: right;

    width: 320px;

    height: 330px;

    background: #fff;

    box-shadow: 0 0 20px 2px rgba(153, 153, 153, .5);

    margin-top: 80px;

    opacity: .95;

}

.titlss .tith3 {

    font-size: 20px !important;

    color: #000;

    padding-top: 20px;

    padding-bottom: 20px;

    text-align: center;

}

#titlsses {

    margin-left: 30px;

}



#titlsses .outline {

    position: relative;

    width: 260px;

    height: 40px;

    line-height: 40px;

    margin-bottom: 10px;

}

.titlss .inputTitle {

    position: absolute;

    top: 10px;

    left: 10px;

    /*z-index: -1;*/

    /*-webkit-transition: 0.5s;*/

    /*transition: 0.5s;*/

    color: #777;



}

.titlss input {

    display: block;

    width: 100%;

    height: 40px;

    padding: 14px 0 4px 10px;

    background: #f0f0f5;

    border: none;

    border-bottom: 1px solid #999;

    font-size: 18px;



}

.titlss #submit_a {
    font-size: 16px;
    margin: 0 auto;
    display: block;
    background: linear-gradient(to right, #ffb252 0%, #f18541 100%);
    width: 260px;
    padding: 7px 30px;
    margin-top: 10px;
    color: #fff;
    border-radius: 6px;
    height: 40px;
    cursor: pointer;

}



.titlss .inputTitle {

    margin-bottom: 4px;

    font-size: 16px;

}



.titlss .inputTitle .requiredHint {

    margin-right: 4px;

    color: #fe5757;

}



.titlss .inputTitle .fillHint {

    color: #888;

    font-size: 14px;

}



.titlss .inputTitle .fa {

    display: none;

    margin-left: 4px;

    color: #ffa800;

    /*font-size: 14px;*/

}

.titlss .noInput .inputTitle .fa {

    display: inline-block;

}





.titlss .outline {

    position: relative;

    margin-bottom: 10px;

}



.titlss .inputTitle.focus {

    top: 0;

    font-size: 0;

    color: #3798e4;

}



.titlss .inputTitle .focus .requiredHint {

    color: #3798e4;

}



.titlss input:focus {

    outline: none;

}



.titlss input.noInput+.inputTitle .fa {

    display: inline-block;

}

#live_v {

    position: relative;

    height: 834px;

    background: url("/solution/SemiconductorMF/images/live_vbg.jpg") no-repeat center center;

    background-size: cover;

    overflow: hidden;

}





#live_v h2,
#solve h2,
#battle h2,
#blueprint h2,
#scheme h2,
#solution h2 {

    padding-top: 80px;

    padding-bottom: 45px;

    color: #333;

}

#live_v h2 {

    text-align: center;

    color: #333;

    padding-top: 45px;

    padding-bottom: 25px;

}

#live_v .htxt {

    color: #3e3a39;

    text-align: center;

    padding-bottom: 54px;

}

.live_img {

    margin-left: 115px;

}

.live_t {

    display: block;

    margin-top: 38px;

    margin-left: 220px;

    margin-bottom: 56px;

}

#live_v h4 {

    font-size: 19px;

    color: #004098;

    font-weight: bold;

}



.title_t {

    color: #3e3a39;

}

/*解决方案专家*/

#solve {

    position: relative;

    height: 712px;

    background: url("/solution/SemiconductorMF/images/solvebg.jpg") no-repeat center center;

    background-size: cover;

    overflow: hidden;

    text-align: center;

}

#solve h2,
#battle h2,
#blueprint h2,
#scheme h2,
#solution h2 {

    padding-top: 80px;

    padding-bottom: 45px;

    color: #004098;

}

.htxt {

    color: #555;

    font-size: 24px;

    line-height: 40px;

    padding-bottom: 64px;

}

.txt3 {

    display: block;

    width: 765px;

    text-align: justify;

    line-height: 40px;

}

#solve .groupbtn,
#battle .groupbtn,

#blueprint .groupbtn,
#scheme .groupbtn,

#solution .groupbtn {

    margin-left: 0;

}

#solve .bframe,
#battle .bframe,
#blueprint .bframe,
#scheme .bframe,
#solution .bframe {

    border: 2px solid #9e9e9e;

}

#solve .bframe a,
#battle .bframe a,

#blueprint .bframe a,
#scheme .bframe a,

#solution .bframe a {

    color: #fff;

}

#solve .bframe:hover,
#battle .bframe:hover,

#blueprint .bframe:hover,
#scheme .bframe:hover,

#solution .bframe:hover {

    background: #9e9e9e;

}

#solve .bframe:hover a,
#battle .bframe:hover a,

#blueprint .bframe:hover a,
#scheme .bframe:hover a,
#solution .bframe:hover a {


    background: linear-gradient(to right, #ffb252 0%, #f18541 100%);

}

/*挑战*/

#battle {

    position: relative;

    height: 1182px;

    background: url("/solution/SemiconductorMF/images/battlebg.jpg") no-repeat center center;

    background-size: cover;

    overflow: hidden;

    text-align: center;

}



/*蓝图*/

#blueprint {

    width: 100%;

    margin: 0 auto;

    position: relative;

    text-align: center;

    overflow: hidden;

    background: #efeff1;

}

/* #blueprint ul{

    margin: 0 auto;

    overflow: hidden;

}

#blueprint ul li{

    float: left;

    width: 356px;

    margin-right: 65px;

}

#blueprint ul li:last-child{

    margin-right: 0;

}

#blueprint ul li>p{

    padding-top: 25px;

    text-align: justify;

} */



#blueprint .x1 {

    margin: 0 auto;

    overflow: hidden;

}

#blueprint .x1 .swiper-wrapper {

    margin-bottom: 50px;

}

#blueprint .x1 .swiper-slide {

    width: 356px !important;

}



#blueprint .x1 .swiper-slide p {

    padding-top: 25px;

    text-align: justify;



}

.x1 .swiper-pagination-bullet {

    width: 16px;

    height: 16px;



}



#blueprint .groupbtn,
#scheme .groupbtn,
#solution .groupbtn {

    margin-bottom: 52px;

}

#scheme {

    width: 100%;

    margin: 0 auto;

    position: relative;

    text-align: center;

    overflow: hidden;

}

#scheme ul {

    position: relative;

    margin: 0 auto;

    overflow: hidden;

}

#scheme ul li {

    float: left;

    margin-right: 30px;

    overflow: hidden;

}

#scheme ul li:last-child {

    margin-right: 0;

}

#scheme ul li .fadeout {

    width: 277px;

    height: 278px;

    background: #4c79b7;

}

#scheme ul li:nth-child(2) .fadeout,
#scheme ul li:nth-child(4) .fadeout {

    background: #7e87c1;

}

#scheme ul li .fadeout img {

    margin-top: 50px;

}

#scheme ul li .fadeout h3 {

    font-size: 22px;

    color: #fff;

    padding-top: 12px;

}

#scheme ul li .fadeout i {

    display: inline-block;

    color: #fff;

    font-size: 28px;

    padding-top: 35px;

    animation: arrow 1.5s infinite ease-out;

}

@keyframes arrow {

    0% {

        transform: translateY(0);

    }

    50% {

        transform: translateY(10px);

    }

    100% {

        transform: translateY(0);

    }

}

#scheme ul li .fadein {

    position: absolute;

    text-align: justify;

    width: 277px;

    height: 278px;

    background: #002d6a;

    top: 130%;

}

#scheme ul li:nth-child(2) .fadein,
#scheme ul li:nth-child(4) .fadein {

    background: #585e87;

}

#scheme ul li .fadein p {

    display: block;

    color: #fff;

    line-height: 20px;

    padding-top: 20px;

    padding-left: 20px;

    padding-right: 20px;

}

#scheme ul li .bframea {

    position: absolute;

    width: 215px;

    height: 38px;

    line-height: 38px;

    bottom: 18px;

    border: 1px solid #fff;

    background: none;

    left: 31px;

}

#scheme ul li .bframea a {

    display: block;

    width: 215px;

    color: #fff;

    cursor: pointer;

}



#solution {

    width: 100%;

    margin: 0 auto;

    position: relative;

    text-align: center;

    overflow: hidden;

    background: #efeff1;

}

#solution ul {

    overflow: hidden;

    margin: 0 auto;

    margin-bottom: 16px;

}

#solution ul li {

    float: left;

    width: 290px;

    height: 454px;

    background: #fff;

    border: 1px solid #bbb;

    margin-right: 12px;

}

#solution ul li:last-child {

    margin-right: 0;

}

#solution ul li h3 {

    font-size: 22px;

    color: #3e3a39;

    padding-top: 20px;

    padding-bottom: 10px;

    padding-left: 20px;

    padding-right: 20px;

    font-weight: bold;

}

#solution ul li p {

    padding-left: 20px;

    padding-right: 20px;

    padding-bottom: 28px;

    text-align: justify;

}

#solution ul li:last-child p {

    padding-top: 32px;

}

#solution .bframe {

    margin-top: 0;

}



@media (max-width:768px) {

    .SemiconductorMF section {

        min-width: 100%;

        max-width: 100%;

    }

    .container {

        width: 100%;

    }

    h1 {

        font-size: 36px;

    }



    h2 {

        font-size: 28px;

    }



    h3 {

        font-size: 22px;

    }

    h4 {

        font-size: 18px;

    }

    p {

        font-size: 16px;

        line-height: 1.75;

    }

    .pc {

        display: none;

    }

    .mobile {

        display: block;

    }

    #banner {

        height: 465px;

        background: url("/solution/SemiconductorMF/images/m-bannerbg.jpg") no-repeat center center;

        background-size: cover;

        position: relative;

        overflow: hidden;

    }

    #banner .fl {

        float: none;

    }

    #banner h1 {

        color: #fff;

        font-size: 28px;

        padding: 0;

        padding-top: 30%;

        text-align: center;

    }

    #banner .h2txt {

        display: block;

        font-size: 26px;

        padding: 0;

        text-align: center;

    }

    #banner .txt1 {

        font-size: 16px;

        text-align: center;

        padding: 0;

        letter-spacing: 0;

    }

    #banner .groupbtn,
    #solve .groupbtn,
    #battle .groupbtn,
    #blueprint .groupbtn,
    #scheme .groupbtn,

    #solution .groupbtn {

        width: 100%;

        margin: 0 auto;

        text-align: center;

    }

    #banner .bframe {

        margin-right: 0;

    }

    .titlss {

        float: none;

        margin: 40px auto;

    }

    .htxt {

        font-size: 20px;

        padding: 0 5%;

        line-height: 1.75;

        text-align: center;

    }



    #live_v {

        height: auto;

        background: url("/solution/SemiconductorMF/images/live_vbg_m.jpg") no-repeat center center;

        background-size: cover;

        margin-bottom: 5%;

    }

    #live_v .htxt {

        text-align: justify;

    }

    .live_img {

        margin-left: 18px;

        margin-top: -65%;

    }

    .live_t {

        margin-top: 40%;

        margin-left: 5%;

        max-width: 100%;

    }

    #live_v h4 {

        padding: 0 5%;

    }



    .title_t {

        padding: 0 5%;

        /*padding-top:5px;*/

    }

    #solve {

        height: auto;

        background: #efeff1;

    }

    #solve h2,
    #battle h2,
    #blueprint h2,
    #scheme h2,
    #solution h2 {

        padding-top: 8%;

        padding-bottom: 5%;

        color: #004098;

    }

    #solve p {

        text-align: justify;

        padding-top: 4%;

    }

    #solve .bframe,
    #battle .bframe,
    #blueprint .bframe,
    #scheme .bframe,
    #solution .bframe {

        margin: 10% auto;

    }

    #battle {

        height: auto;

        background: #fff;

    }

    #battle .htxt,
    #blueprint .htxt,
    #scheme .htxt {

        text-align: justify;

        padding-top: 4%;

    }

    #battle .m-list {

        margin: 0 auto;

        overflow: hidden;

    }



    .m-list .current {

        background: #7e87c1 url(/solution/SemiconductorMF/images/cut.png) center right 10px no-repeat;

    }

    .LIom {

        position: relative;

        width: 100%;

        height: 80px;

        border-top-left-radius: 40px;

        border-bottom-left-radius: 40px;

        z-index: 3;

        background: #7e87c1 url(/solution/SemiconductorMF/images/add.png) center right 10px no-repeat;

        margin-bottom: 4px;

    }

    .LIom .im {

        vertical-align: middle;

        margin-left: 5px;

        margin-top: 5px;

    }

    .LIom .ims {

        margin-right: 22px;

        margin-top: 22px;

    }

    .LIom .mhtxt {

        float: left;

        font-size: 18px;

        color: #fff;

        text-align: left;

        line-height: 80px;

        padding-left: 22px;

    }

    .m1 {

        line-height: 1.5 !important;

        display: inline-block;

        width: 60%;

        padding-top: 8px;

    }

    .LIdo {

        width: 100%;

        /*height: 220px;*/

        background: #e9ebf3;

        margin-top: -40px;

        z-index: 2;

    }

    .LIdo ul li {

        display: inline-block;

        width: 100%;

        text-align: left;

        padding-top: 2%;

        /*margin-left: 5%;*/

        padding-left: 5%;

        padding-right: 5%;

    }

    .LIdo ul li:first-child {

        margin-top: 8%;

    }

    .LIdo ul li:last-child {

        margin-bottom: 8%;

    }

    .LIdo ul li>i {

        display: inline-block;

        width: 9px;

        height: 12px;

        content: url("/solution/SemiconductorMF/images/RT.png");

        margin-right: 1%;

    }

    /* #blueprint ul li {

        float: none;

        width: 100%;

        margin-right: 0;

    }

    #blueprint ul li>p{

        padding-top: 4%;

        padding-bottom: 6%;

    }

    #scheme ul li {

        position: relative;

        float: none;

        width: 100%;

        margin-right: 0;

        margin-top:2%;

    } */

    #blueprint .x2 {

        margin: 0 auto;

        overflow: hidden;

    }

    #blueprint .x2 .swiper-wrapper {

        margin-bottom: 50px;

    }

    #blueprint .x2 .swiper-slide {

        width: 100% !important;

    }



    #blueprint .x2 .swiper-slide p {

        padding-top: 4%;

        padding-left: 2%;

        padding-right: 2%;

        text-align: justify;

    }

    .x2 .swiper-pagination-bullet {

        width: 12px;

        height: 12px;



    }

    #scheme ul {

        margin: 0 5%;

    }

    #scheme ul li {

        position: relative;

        float: none;

        width: 100%;

        margin-right: 0;

        margin-top: 2%;

    }

    #scheme ul li div {

        margin: 0 auto;

        overflow: hidden;

    }

    #scheme ul li .fadeout {

        width: 100%;

        height: 278px;

        background: #4c79b7;

    }

    #scheme ul li .fadein {

        _position: relative;

        width: 100%;

        left: 0;

        right: 0;

    }

    #scheme ul li .bframea {

        left: 0;

        right: 0;

        margin: 0 auto;

    }

    #solution ul {

        margin: 5%;

    }

    #solution ul li {

        float: none;

        width: 100%;

        margin: 0 auto;

        margin-bottom: 5%;

    }

}