@media(min-width:761px) {
    .pr0{
        padding-right: 0;
    }
    .mb10{
        margin-bottom: 10px;
    }
    .table-bordered > tbody > tr > td{
        vertical-align: middle;
    }
    .btn-sub {
        background-color: #2a289d;
        color: #fff;
        font-size: 16px;
        display: block;
        width: 180px;
        line-height: 50px;
        margin: 25px 0 15px;
    }

    .btn-sub:hover {
        color: #fff;
    }

    .fons16 {
        font-size: 16px;
        line-height: 32px;
    }

    .table tr td {
        text-align: center;
    }

    .caption li:first-child {
        margin-left: 0;
    }

    .caption li {
        float: left;
        width: 570px;
        margin-left: 30px;
        padding: 15px;
        color: #fff;
        font-size: 15px;
        line-height: 26px;
        margin-bottom: 40px;
    }

    .caption li img {
        height: 120px;
    }

    .caption li h3 {
        font-size: 16px;
        margin-bottom: 15px;
        min-height: 60px;
    }

    .s-line {
        background-color: #fff;
        width: 210px;
        height: 1px;
        display: block;
        /* margin-top: 15px; */
        margin: 15px 0 0;
    }

    .carousel {
        margin-top: 10px;
    }

    .carousel p {
        margin: 10px 0;
        line-height: 20px;
    }

    .tea_ch {
        margin-left: 130px;
    }

    .caption li p a {
        color: #fff;
    }

    .box p {
        line-height: 30px;
        margin-bottom: 10px;
        font-size: 16px;
    }

    .box p img {
        vertical-align: middle;
        display: inline-block;
        float: left;
    }

    .box p span {
        margin-left: 30px;
    }

    .box table tr td:first-child {
        text-align: center
    }

    .box table tr td {
        font-size: 16px;
        line-height: 50px;
        padding-left: 15px;
    }

    .m-code {
        width: 150px;
    }

    .box {
        margin-bottom: 20px;
    }
    .p15{
        padding: 15px;
    }
    .dh2 {
        margin: 20px 0 10px;
        font-size: 28px;
        font-weight: bold;
        display: block;
    }

    .table {
        margin-bottom:0px;
    }
    .table tr{
        background-color: #f2f2f2;
    }
    .table tr td{
        line-height:2 !important;
        padding: 5px 8px !important;
    }
    .tea_ch_box{
        background-color: #fff;
        padding:15px 20px;
        min-height: 290px;
        overflow: hidden;
    }
    .tea_ch_box .h3{
        display: block;
        font-size: 16px;
        font-weight: bold;
        line-height: 30px;
        border-bottom: 1px solid #2a289d;
        margin: 0 0 10px;
        padding: 0;
        margin-left: 175px;
    }
    .intro_cn{
        /* margin-left: 180px; */
    }
    .tea_ch_box{
        
        line-height: 30px;
    }
    .tiit_smal{
        font-size: 16px;
        color: #5EA290;
        line-height: 30px;
        margin-bottom: 10px;
        font-weight: bold;
    }
    .time_bx{
        background-color: #fff;
        /* padding: 0px 0 0 20px; */
        min-height: 290px;
        overflow: hidden;
        /* border: 2px solid #ddd; */
        /* margin-top: 10px; */
    }
    .left_bx{
        background-color: #fff;
        padding: 15px 20px;
        min-height: 290px;
        overflow: hidden;
    }
    .tea_ch_box img{
        width: 150px;
        margin-right:25px;
    }
    .pl35{
        padding-left: 35px;
    }
    .h120{
        margin-top: 10px;
        min-height:120px;
    }
    .mt15{
        margin-top: 17px !important;
    }
    .card.tek, .card.nexperia, .card.mps {
        min-height: 305px;
    }
}

@media(max-width:760px) {
    .head img {
        height: 1.8rem;
        margin-top: 0;
    }
    .time_bx{
        background-color: #fff;
        padding: 15px 0px;
        min-height: 290px;
        overflow: hidden;
    }
   .p15{
       padding: 15px;
   }
    .btn-sub {
        background-color: #5EA290;
        color: #fff;
        font-size: 16px;
        display: block;
        width: 180px;
        line-height: 50px;
        margin: 25px 0 25px;
    }

    .btn-sub:hover {
        color: #fff;
    }

    .fons16 {
        font-size: 16px;
        line-height: 30px;
    }

    .table tr td {
        text-align: center;
    }

    .caption li:first-child {
        margin-left: 0;
    }

    .caption li {
        float: left;
        width: 100%;
        padding: 15px;
        color: #fff;
        font-size: 15px;
        line-height: 26px;
        margin-bottom: 40px;
    }

    .caption li img {
        height: 120px;
    }

    .caption li h3 {
        font-size: 18px;
        margin-bottom: 15px;
        min-height: 60px;
    }

    .s-line {
        background-color: #fff;
        width: 210px;
        height: 1px;
        display: block;
        margin-top: 15px;
    }

    .carousel {
        margin-top: 10px;
    }

    .carousel p {
        margin: 10px 0;
        line-height: 20px;
    }

    .tea_ch {
        margin-left: 130px;
    }

    .caption li p a {
        color: #fff;
    }

    .box p {
        line-height: 30px;
        margin-bottom: 10px;
        font-size: 16px;
    }

    .box p img {
        vertical-align: middle;
        display: inline-block;
        float: left;
    }

    .box p span {
        margin-left: 30px;
    }

    .box table tr td:first-child {
        text-align: center;
        vertical-align: top;
    }

    .box table tr td {
        font-size: 16px;
        line-height: 30px;
        padding-left: 15px;
    }

    .box {
        margin-bottom: 20px;
    }

    .dh2 {
        margin: 20px 0 10px;
        font-size: 24px;
    }
    .gift{
        width: 100% !important;
    }
    .table {
        margin-bottom:0px;
    }
    .table tr{
        background-color: #f2f2f2;
    }
    .table tr td{
        line-height:1.6 !important;
        padding: 5px 8px !important;
        vertical-align: inherit !important;
    }
    .tea_ch_box{
        background-color: #fff;
        padding:15px 20px;
        margin-bottom: 10px;
    }
    .tea_ch_box .h3{
        display: block;
        font-size: 16px;
        font-weight: bold;
        line-height: 30px;
        border-bottom: 1px solid #5EA290;
        margin: 0 0 10px;
        padding: 0;
        margin-left: 135px;
    }
    .intro_cn{
        /* margin-left: 140px; */
    }
    .tea_ch_box{
        line-height: 25px;
        font-size: 14px;
    }
    .tiit_smal{
        font-size: 16px;
        color: #ea0029;
        line-height: 25px;
        margin-bottom: 10px;
        font-weight: bold;
    }
    .tea_ch_box img{
        width: 120px;
        margin-right: 15px;
    }
    .left_bx{
        background-color: #fff;
        padding: 15px 20px;
        margin-bottom: 15px;
    }
}


.card {
    display: block;
    width: 100%;
    padding: 15px;
    position: relative;
    background: #fff;
    will-change: transform;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
    will-change: transform;
    -webkit-transition: -webkit-transform 0.2s ease-in;
    transition: -webkit-transform 0.2s ease-in;
    transition: transform 0.2s ease-in;
    transition: transform 0.2s ease-in, -webkit-transform 0.2s ease-in;
    -webkit-border-radius: 3px;
}
.mps {
    border-top: 2px solid #5EA290;
}
.card .h3 {
    font-size: 18px;
    font-weight: bold;
    margin: 20px 0;
    line-height: 30px;
}
.card p {
    font-size: 16px;
    line-height: 30px;
}
.nexperia {
    border-top: 2px solid #5EA290;
}
.card ul li {
    list-style: disc;
    font-size: 16px;
    line-height: 30px;
}
.card ul{
    padding-left: 20px;
}