@charset "utf-8";
.oem-banner{
    background: url(../images/oem-banner.jpg) center no-repeat;
    height: 300px;
}

/*标题*/
.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: 24px;
    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: 24px;
    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: 36px;
}
.mi_lr .mi_r .mir_top p{
    font-size: 22px;
    color: #666666;
}
.mi_lr .mi_r .mir_bot{
    margin-top: 40px;
    line-height: 1.7;
    float: left;
}
.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{
    margin-top: 80px;
}
.oemlc-list{}
.oemlc-list ul{}
.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;
}