.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.pro_2_mid_left{ color:#fff; float:left;
    width:24%; background-color:#333333;}
.pro_2_mid_right{
    width:76%; float:right}
.pro_2{ padding-bottom:4em;
    background-color:#f3f6f9; overflow:hidden;}
.pro_1_mid{
    padding:22px 15%;
    line-height: 1.6;
}
.pro_1_1{
    font-size:40px;}
.pro_1_2{
    font-family:Arial, Helvetica, sans-serif; color:#686868;
    font-size: 20px;}
.procatelist{
    margin:0 9%;}
a.pro_big_cate{
    font-size:18px; padding:10px 0; color:#fff; position:relative; display:block; padding-right:1em;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.procatelist li a.pro_big_cate.fon{
    background-color:#fff;}
.procatelist li{
    border-bottom:1px #686868 solid;}
.procatelist li dl{ display:none;
    padding:0 10%; margin-bottom:1.6em;
}
.procatelist li.on dl,.procatelist li:hover dl{
    display:block}
.procatelist li dl dd{
    margin-bottom:0.9em;}
.procatelist li dl dd a{
    font-size:0.9375em; color:#fff;}
a.pro_big_cate span{
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    position:absolute; right:10px; height:0.65em; width:0.35em; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/img11.png); top:50%; margin-top:-0.325em;}
.procatelist li.on a.pro_big_cate span,.procatelist li:hover a.pro_big_cate span{
    transform:rotate(90deg);

    -webkit-transform:rotate(90deg);

    -moz-transform:rotate(90deg);

    -o-transform:rotate(90deg);

    -mz-transform:rotate(90deg);}

.procatelist_top a{
    display:block; padding:0 9%; font-size:1.15em;}
.procatelist_top a span{border-bottom:1px #4367a7 solid;
    display:block; color:#fff; padding:0.9em 0;}
.procatelist_top a.on{
    background-color:#fff;}
.procatelist_top a.on span{
    color:#000; border:none}
.pro_2_mid_right_1 ul li{ background-color:#fff; position:relative; border-bottom:4px #f3f6f9 solid;
    float:left; width:33.3333333%;}
.pro_2_mid_right_1 ul li:after{
    position:absolute; right:0; top:0; height:100%; width:4px; background-color:#f3f6f9; content:'';}
.pro_2_mid_right_1 ul li:nth-child(3n):after{
    display:none}
.pro_2_mid_right_1_mid_1{ overflow:hidden;
    height:auto; text-align:center;}
.pro_2_mid_right_1_mid_1 img{
    max-width:90%;
    height: 245px;
    width: auto;
    }
.pro_2_mid_right_1_mid_2{
    font-size:18px;
    color:#000;
    text-align: center;
    overflow: hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp: 1;
    }
.pro_2_mid_right_1_mid_3{ height:auto;
    font-family:Arial, Helvetica, sans-serif; font-size:14px;text-align: center; font-family:Arial, Helvetica, sans-serif; color:#666; }
.pro_2_mid_right_1_mid{
    margin:0 20px 20px 20px}
.pro_2_mid_right_2{
    margin-top:4.5em;}
.pro_info_1{ overflow:hidden;
    background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/product/img4.jpg);}
.pro_info_1_1_left{
    float:left; width:42%;}
.pro_info_1_1_right{
    float:right; width:50%; margin-top:0.5em;}
.pro_info_1_1{
    margin-top:13.375em;}
.pro_info_1_1_right_1{
    font-size:2.25em; color:#000;}
.pro_info_1_1_right_2{
    font-family:Arial, Helvetica, sans-serif; color:#666; margin-top:.8em;}
.pro_info_1_1_right_3{
    font-size:0.9375em; color:#000; line-height:2.1; margin:2.1em 0 2.5em 0;}
.pro_info_1_1_right_4 a{ padding:0.9em 2.666666666666667em;
    display:inline-block; color:#fff; background-color:#194695; font-size:0.9375em;}
.pro_info_1_1_right_4 a span{ padding-left:20px;
    display:inline-block; background-position:left center; background-repeat:no-repeat; background-image:url(../images/product/img6.png);}
.pro_info_1_2 ul li{
    float:left; border-right:1px #fff solid;  }
.pro_info_1_2 ul li a{ font-size:1.25em; padding:.6em 3em;
    display:block;   color:#fff;}
.pro_info_1_2{ margin-top:4.25em;
    background-color:#92959b; overflow:hidden}
.pro_info_1_2 ul li a.active{
    background-color:#194695}
.pro_info_2_1_t{ margin-top:2.2em;
    font-size:1.875em; color:#000;}
.pro_info_2_2_t{
    font-family:Arial, Helvetica, sans-serif; font-size:0.9375em; color:#666; margin-top:0.45em;}
.pro_info_2_3_t{margin-top:2.3em; margin-bottom:0em;
    font-size:0.9375em; color:#000; line-height:2;}
.pro_info_2_mid{
    overflow:hidden;}
.pro_info_2_mid:last-child{
    background-color:#f5f7f8;  }
.pro_info_2_mid:last-child .pro_info_2_3_t,.pro_info_2_mid:nth-last-child(2) .pro_info_2_3_t{
    margin-bottom:4em;}
.pro_mo_top {
    display: none;
    overflow: hidden;

}
@media screen and (max-width: 850px) {
    .pro_mo_top {
        display: block;
    }
    .pro_2_mid_left {
        display: none;
    }
    .pro_2_mid_right {
        float: none;
        width: 100%;
    }
    .pro_mo_top_1 {
        display: block;
        border: 4px #f3f6f9 solid;
        padding: 10px 6px;
        background-color: #fff;
        margin-bottom: 5px;
    }
    .pro_mo_top_1 select {
        color: #000;
        font-size: 14px;
        border: none;
        background: none;
        width: 100%;
        background-repeat: no-repeat;
        background-image: url(../images/img5.png);
        background-position: right center;
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
    }
    .about_1_1 {
        font-size: 1.05rem;
    }
    .about_1_2 {
        font-size: 15px;
    }
}
@media screen and (max-width: 640px){
    .pro_2_mid_right_1 ul li {
        width: 50%;
    }
}

@media screen and (max-width: 480px) {
    .pro_2_mid_right_1 ul li {
        width: 100%;
    }
}