@charset "utf-8";
.zs_part3{ height:575px; background:url("../images/part3_bg.jpg") top center no-repeat;}

.zs_part3_left{ float:right; width: 450px; height:492px; padding-left: 50px; margin-right:80px;}
.zs_part3_right{ width:620px; height:575px; overflow:hidden; float:left; background:url("../images/jiuzhuang.png") no-repeat left 26px;}

.zs_part3_title{ height:75px; padding-top:70px; line-height:74px; font-size:30px; color:#C61C13; font-weight:bold;}
.zs_part3_desc{ line-height:24px; font-size:14px; color:#6e6e6e;}
.zs_part3_desc p{text-indent: 2em;line-height: 30px;font-size: 16px;}

.learn_more{ padding-top:33px; height:27px; line-height: 27px;}
.learn_more a{
    display: block;
    width: 100px;
    text-align: center;
    border: 1px solid #666;
    border-radius: 10px;
    color: #666;
}
.learn_more a:hover{
    background: #742828;
    color: #fff;
    border: 1px solid #742828;
}

.zs_part8{ height:500px; background:url("../images/part3_bg.jpg") top center no-repeat;}
.part8_title{ height:179px; background:url("../images/5da.png") center 72px no-repeat;}


.jmservice{ height:279px; overflow:hidden; width:1198px; margin:0 auto; padding-top:21px;}

.jmservice li{ float:left; width:218px; margin-right:27px;  position:relative; overflow:hidden; height:279px;}
.jmservice li .t7{ position:absolute; top:0; left:0; width:218px; padding-top:188px; height:91px; overflow:hidden; transition: 400ms;  font-size:18px; line-height:24px; text-align:center; color:#333333;}
.jmservice li .t8{padding-top:27px;height:64px;background:#da1534;font-size: 16px;line-height:18px;text-align:center;color:#ffffff;position:absolute;left:0;top:279px;transition: 400ms;width:218px;text-align:center;}

.jmservice li.li5{ margin-right:0;}

 .t1{ background:url("../images/youshi1.png") center 85px no-repeat;}
.t2{ background:url("../images/youshi2.png") center 85px no-repeat;}
 .t3{ background:url("../images/youshi3.png") center 85px no-repeat;}
 .t4{ background:url("../images/youshi4.png") center 85px no-repeat;}
 .t5{ background:url("../images/youshi5.png") center 85px no-repeat;}

.t1_hover{ background:url("../images/youshi1.png") center 85px no-repeat #ffffff;}
.t2_hover{ background:url("../images/youshi2.png") center 85px no-repeat #ffffff;}
.t3_hover{ background:url("../images/youshi3.png") center 85px no-repeat #ffffff;}
.t4_hover{ background:url("../images/youshi4.png") center 85px no-repeat #ffffff;}
.t5_hover{ background:url("../images/youshi5.png") center 85px no-repeat #ffffff;}

.jmservice .tc  .t8{ top:188px;}
.jmservice .tc  .t7{ top:-47px;}

.zs_part12{ height:456px; background:url("../images/liucheng.jpg") no-repeat;}

/*留言*/
.imessage{
    background: url(../images/iliuyan-bj.jpg) center top no-repeat;
    height: 630px;
}
.imessage-list{
    width: 690px;
    padding-top: 210px;
    padding-left: 50px;
}
.imessage-tit{
    font-size: 28px;
    text-align: center;
    margin-bottom: 40px;
    font-weight: bold;
}
.imessage-input{
    margin-bottom: 20px;
}
.imessage-input input{
    width: 300px;
    line-height: 35px;
    padding: 0 10px;
    background: #f6f6f6;
    border: 1px solid #eee;
    border-radius: 5px;
}
.imessage-input textarea{
    width: 316px;
    resize: none;
    background: #f6f6f6;
    border: 1px solid #eee;
    border-radius: 5px;
}
.imessage-input span{
    color: #f00;
    margin-left: 5px;
}
.imessage-mar{
    margin-right:20px;
}
.imessage-mar2{
    margin-bottom: 15px;
}
.imessage-yzm input{
    width: 200px;
    float: left;
}
.imessage-yzm img{
    display: block;
    float: left;
    height: 37px;
    width: 90px;
    margin-left: 10px;
}
.imessage-submit{
    text-align: center;
}
.imessage-submit input{
    background: #742828;
    border: 0;
    color: #fff;
    width: 200px;
    text-align: center;
    line-height: 35px;
    border-radius: 10px;
    cursor: pointer;
}

.imessage-wz{
    padding-top: 290px;
    padding-right: 60px;
    font-style: italic;
}
.imessage-wz span{
    display: block;
    /* color: #fcb13a; */
    font-size: 22px;
}
.imessage-wz .imwza{
    font-size: 34px;
    padding-left: 50px;
}
.imessage-wz .imwzb{
    font-weight: bold;
    font-size: 28px;
    padding-left: 50px;
}
.imessage-wz .imwzc{
    margin-top: 10px;
    background: url(../images/top-tel.png) left no-repeat;
    line-height: 60px;
    height: 60px;
    padding-left: 50px;
    background-size: 40px;
color: #fcb13a;}
.imessage-wz .imwzc i{font-size: 16px;}




/*标题*/
.oem-tit{
    text-align: center;
    background: url(../images/dztit-bj.png) center top no-repeat;
    padding-top: 60px;
    margin-bottom: 50px;
}
.oem-tit .t1{
    text-align: center;
    font-size: 40px;
    font-weight: bold;
}
.oem-tit .t2{
    font-size: 18px;
    margin-top: 10px;
}


/*为什么选择我们*/
.oemwhy{
    background: url(../images/dzwhy-bj.jpg) center top no-repeat;
    padding: 70px 0;
}
.oemwhy-list{}
.oemwhy-list ul li{
    float: left;
    margin: 0 65px 50px;
}
.oemwhy-list ul li .tb{
    float: left;
    width: 120px;
    height: 120px;
    background: #e10b27;
    text-align: center;
}
.oemwhy-list ul li .tb img{
    height: 55px;
    margin-top: 32.5px;
}
.oemwhy-list ul li dl{
    float: left;
    width: 310px;
    background: #fff;
    height: 80px;
    padding: 20px;
}
.oemwhy-list ul li dl dt{
    font-size: 24px;
}
.oemwhy-list ul li dl dd{
    font-size: 16px;
    color: #999;
    margin-top: 10px;
}


/*定制优势*/
.oemys{
    padding: 80px 0;
}
.oemys-list ul li{
    float: left;
    width: 20%;
    text-align: center;
}
.oemys-list ul li img{
    display: table;
    margin: auto;
}
.oemys-list ul li dl{
    margin-top: 25px;
    padding: 0 15px;
}
.oemys-list ul li dl dt{
    font-size: 20px;
    font-weight: bold;
}
.oemys-list ul li dl dd{
    font-size: 16px;
    color: #666;
    margin-top: 10px;
    line-height: 25px;
}



/*案例展示*/
.oemcase{
    margin-top: 70px;
    background: #f3f7f9;
    padding: 70px 0;
}
#certify {
    position: relative;
    margin: 0 auto
}
#certify .swiper-container {
    padding: 10px 0;
}
#certify .swiper-slide {
    width: 770px;
    background: #fff;
    box-shadow: 0 0 5px 5px rgb(0 0 0 / 10%);
}
#certify .swiper-slide:before{
    content: "";
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 50%);
    position: absolute;
}
#certify .swiper-slide-active:before{
    display: none;
}
#certify  .swiper-slide img{
    display:block;
}
#certify  .swiper-slide p {
    line-height: 70px;
    padding-top: 0;
    text-align: center;
    color: #fff;
    margin: 0;
    font-size: 22px;
    background: rgb(0 0 0 / 50%);
}
#certify .swiper-pagination {
    width: 100%;
    bottom: 20px;
}
#certify .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px;
    border: 3px solid #fff;
    background-color: #d5d5d5;
    width: 10px;
    height: 10px;
    opacity: 1;
}
#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {
    border: 3px solid #00aadc;
    background-color: #fff;
}
#certify .swiper-button-prev {
    left: 150px;
    width: 56px;
    height: 56px;
    background: url(../images/wm_button_icon.png) no-repeat;
    background-position: 0 0;
    background-size: 100%;
    z-index: 999;
}
#certify .swiper-button-prev:hover {
    background-position: 0 -56px;
    background-size: 100%;
}
#certify .swiper-button-next {
    right: 150px;
    width: 56px;
    height: 56px;
    background: url(../images/wm_button_icon.png) no-repeat;
    background-position: 0 -112px;
    background-size: 100%;
}
#certify .swiper-button-next:hover {
    background-position: 0 -168px;
    background-size: 100%
}



/*留言*/
.main_i{
    background-repeat:no-repeat;
    background-position: center center;
    background-image: url(../images/mi_bg.jpg);
    height: 313px;
    /* margin-top: 40px; */
}
.mi_lr .mi_l{
    width: 631px;
}
.mi_lr .mi_l h1{
    font-size: 26px;
    color: #FFFFFF;
    font-weight: normal;
    padding: 25px 0;
}
.mi_lr .mi_l .mil_input input{
    width: 268px;
    margin-right: 16px;
    padding: 15px 15px 15px 20px;
    border-radius: 3px;
    font-size: 16px;
    line-height: 20px;
    border: 0;
    outline: 0;
    height: 30px;
}
.mi_lr .mi_l .mil_input input:nth-child(2){
    margin-right: 0;
}
.mi_lr .mi_l .mil_input .ly_cnr{
    width: 594px;
    margin-right: 0;
    margin-top: 20px;
    padding: 15px 15px 15px 20px;
    border-radius: 3px;
    height: 25px;
    line-height: 26px;
    font-size: 16px;
    border: 0;
    overflow: hidden;
}
.mi_lr .mi_l .button{
    background: #FFFFFF;
    border-radius: 3px;
    padding: 10px 30px;
    margin-top: 30px;
    cursor: pointer;
    border: 0;
}
.mi_lr .mi_r{
    margin-right: 40px;
    margin-top: 35px;
}
.mi_lr .mi_r .mir_top{
    line-height: 1.6;
}
.mi_lr .mi_r .mir_top h1{
    font-size: 32px;
}
.mi_lr .mi_r .mir_top p{
    font-size: 18px;
    color: #666666;
}
.mi_lr .mi_r .mir_bot{
    margin-top: 40px;
    line-height: 1.7;
    float: left;
    margin-right: 30px;
}
.mi_lr .mi_r .mir_bot h1{
    font-size: 16px;
    font-weight: normal;
    background: url(../images/oemtel.png) no-repeat left center;
    padding-left: 40px;
}
.mi_lr .mi_r .mir_bot p{
    font-size: 40px;
    color: #e30b16;
    font-weight: bold;
}
.mi_lr .mi_r .oemewm{
    float: right;
    margin-top: 25px;
}
.mi_lr .mi_r .oemewm img{
    width: 100px;
}
.mi_lr .mi_r .oemewm p{
    text-align: center;
    font-size: 18px;
}


/*OEM流程*/
.oemlc{
    padding: 70px 0;
    background: #ebeeef;
}
.oemlc-list ul li{
    background: url(../images/dzlc-bk.png) center center no-repeat;
    width: 213px;
    height: 144px;
    text-align: center;
    padding-top: 40px;
    float: left;
    margin-left: 115px;
    position: relative;
    margin-bottom: 60px;
}
.oemlc-list ul li:before{
    content:"";
    background: url(../images/dzlc-jt.png) center center no-repeat;
    width: 16px;
    height: 30px;
    position: absolute;
    right: -58px;
    top: 50%;
    margin-top: -15px;
}
.oemlc-list ul li:nth-child(5){
    margin-left: 160px;
}
.oemlc-list ul li:first-child{
    margin-left: 0;
}
.oemlc-list ul li:nth-child(4):before{
    display: none;
}
.oemlc-list ul li:nth-child(5):before,.oemlc-list ul li:nth-child(6):before{
    transform:rotate(180deg);
    -ms-transform:rotate(180deg);     /* IE 9 */
    -moz-transform:rotate(180deg);    /* Firefox */
    -webkit-transform:rotate(180deg); /* Safari 和 Chrome */
    -o-transform:rotate(180deg);  /* Opera */
}
.oemlc-list ul li:nth-child(7):before{
    transform:rotate(180deg);
    -ms-transform:rotate(180deg);     /* IE 9 */
    -moz-transform:rotate(180deg);    /* Firefox */
    -webkit-transform: rotate(141deg); /* Safari 和 Chrome */
    -o-transform:rotate(180deg);  /* Opera */
    top: -30px;
    right: 15px;
}
.oemlc-list ul li img{
    height: 54px;
    display: block;
    margin: auto;
}
.oemlc-list ul li p{
    text-align: center;
    font-size: 20px;
    line-height: 30px;
    margin-top: 20px;
}



@media screen and (max-width: 750px) {
    .zs_part3{height: auto;background:url("../images/part3_bg.jpg") top center no-repeat;display: table;}
    .zs_part3_left{width: 100%;height: auto;padding-left: 0;margin-right: 0;}
    .zs_part3_right{width: 100%;height: 350px;background:url("../images/jiuzhuang.png") no-repeat left 26px;background-size: contain;}    
    .zs_part3_title{padding-top: 20px;height: auto;line-height: 40px;font-size: 20px;} 
    .zs_part3_desc p{text-indent: 2em;line-height: 30px;font-size: 14px;}
    .learn_more{padding-top: 20px;height: 30px;line-height: 30px;}

    .zs_part8{height: auto;padding: 0 3%;}
    .part8_title{height: 100px;background: url("../images/5da.png") center center no-repeat;background-size: contain;margin-top: 30px;}
    
    
    .jmservice{height: auto;overflow:hidden;width: 100%;margin:0 auto;margin-bottom: 30px;padding: 0;}
    
    .jmservice li{float:left;width: 48%;margin-right: 0;position:relative;overflow:hidden;height: 228px;margin: 0 1%;}
    .jmservice li .t7{position: absolute;width: 100%;padding-top: 100px;height:91px;font-size:18px;line-height:24px;}
    .jmservice li .t8{padding-top: 27px;height:64px;font-size: 14px;line-height:18px;text-align:center;left:0;transition: 400ms;width: 100%;position: absolute;top: auto;bottom: 0;}
    
    .jmservice li.li5{ margin-right:0;}
    
     .t1{background: url("../images/youshi1.png") center 20px no-repeat;background-size: 70px;}
    .t2{ background:url("../images/youshi2.png") center 20px no-repeat;background-size: 70px;}
     .t3{background: url("../images/youshi3.png") center 20px no-repeat;background-size: 70px;}
     .t4{ background:url("../images/youshi4.png") center 20px no-repeat;background-size: 70px;}
     .t5{ background:url("../images/youshi5.png") center 20px no-repeat;background-size: 70px;}
    
    .t1_hover{background: url("../images/youshi1.png") center 30px no-repeat #ffffff;background-size: 70px;}
    .t2_hover{ background:url("../images/youshi2.png") center 30px no-repeat #ffffff;background-size: 70px;}
    .t3_hover{ background:url("../images/youshi3.png") center 30px no-repeat #ffffff;background-size: 70px;}
    .t4_hover{ background:url("../images/youshi4.png") center 30px no-repeat #ffffff;background-size: 70px;}
    .t5_hover{ background:url("../images/youshi5.png") center 30px no-repeat #ffffff;background-size: 70px;}
    
    .jmservice .tc  .t8{top: 158px;}
    .jmservice .tc  .t7{top: 0;}
    
    .zs_part12,.imessage,.main_i {display:none; }

    /*标题*/
    .oem-tit{
        padding-top: 50px;
        margin-bottom: 30px;
    }
    .oem-tit .t1{
        font-size: 24px;
    }
    .oem-tit .t2{
        font-size: 14px;
    }

    /*为什么选择我们*/
    .oemwhy{
        background: url(../images/dzwhy-bj.jpg) center top no-repeat;
        padding: 50px 0;
        background-size: cover;
    }
    .oemwhy-list ul li{
        float: left;
        margin: 0 0 20px;
        width: 48%;
        margin-right: 4%;
    }
    .oemwhy-list ul li:nth-child(2n){
        margin-right: 0;
    }
    .oemwhy-list ul li .tb{
        width: 100%;
        height: 100px;
    }
    .oemwhy-list ul li .tb img{
        height: 45px;
        margin-top: 27.5px;
    }
    .oemwhy-list ul li dl{
        width: 90%;
        height: auto;
        padding: 15px 5%;
        text-align: center;
    }
    .oemwhy-list ul li dl dt{
        font-size: 18px;
    }
    .oemwhy-list ul li dl dd{
        font-size: 14px;
        margin-top: 10px;
        line-height: 20px;
        height: 40px;
    }


    /*定制优势*/
    .oemys{
        padding: 50px 0 30px;
    }
    .oemys-list ul li{
        width: 50%;
        margin-bottom: 20px;
    }
    .oemys-list ul li img{
        width: 50%;
    }
    .oemys-list ul li dl{
        margin-top: 25px;
        padding: 0 15px;
    }
    .oemys-list ul li dl dt{
        font-size: 18px;
    }
    .oemys-list ul li dl dd{
        font-size: 14px;
        line-height: 20px;
        height: 60px;
    }


    /*案例展示*/
    .oemcase{
        margin-top: 0;
        padding: 50px 0;
    }
    #certify {
        position: relative;
        margin: 0 auto
    }
    #certify .swiper-container {
        padding: 10px 0;
    }
    #certify .swiper-slide {
        width: 770px;
        background: #fff;
        box-shadow: 0 0 5px 5px rgb(0 0 0 / 10%);
    }
    #certify .swiper-slide:before{
        content: "";
        width: 100%;
        height: 100%;
        background: rgb(0 0 0 / 50%);
        position: absolute;
    }
    #certify .swiper-slide-active:before{
        display: none;
    }
    #certify  .swiper-slide img{
        display:block;
    }
    #certify  .swiper-slide p {
        line-height: 50px;
        font-size: 18px;
    }
    #certify .swiper-pagination {
        width: 100%;
        bottom: 20px;
    }
    #certify .swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 5px;
        border: 3px solid #fff;
        background-color: #d5d5d5;
        width: 10px;
        height: 10px;
        opacity: 1;
    }
    #certify .swiper-pagination-bullets .swiper-pagination-bullet-active {
        border: 3px solid #00aadc;
        background-color: #fff;
    }
    #certify .swiper-button-prev {
        left: 0;
        width: 56px;
        height: 56px;
        background: url(../images/wm_button_icon.png) no-repeat;
        background-position: 0 0;
        background-size: 100%;
        z-index: 999;
    }
    #certify .swiper-button-prev:hover {
        background-position: 0 -56px;
        background-size: 100%;
    }
    #certify .swiper-button-next {
        right: 0;
        width: 56px;
        height: 56px;
        background: url(../images/wm_button_icon.png) no-repeat;
        background-position: 0 -112px;
        background-size: 100%;
    }
    #certify .swiper-button-next:hover {
        background-position: 0 -168px;
        background-size: 100%
    }



    /*OEM流程*/
    .oemlc{
        margin-top: 80px;
    }
    .oemlc-list ul li{
        width: 46%;
        margin-left: 0;
        margin-bottom: 30px;
        background: url(../images/dzlc-bk.png) center center no-repeat;
        background-size: contain;
        margin: 0 2% 20px;
        height: 110px;
        padding-top: 30px;
    }
    .oemlc-list ul li:before{
        display:none;
    }
    .oemlc-list ul li:nth-child(5){
        margin-left: 0;
    }
    .oemlc-list ul li:first-child{
        margin-left: 2%;
    }
    .oemlc-list ul li:nth-child(4):before{
        display: none;
    }
    .oemlc-list ul li img{
        height: 40px;
        display: block;
        margin: auto;
    }
    .oemlc-list ul li p{
        text-align: center;
        font-size: 16px;
        line-height: 30px;
        margin-top: 10px;
    }


}