.cnn {
    color: #fff;
    font-family: "beba";
    margin-bottom: 20px;
}
.ovt{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.enn {
    color: #fff;
}
.inbanner .tit{
    line-height: 1;
}
.pro_mo_top {
    display: none;
    overflow: hidden;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.procontent{
    padding-top: 1.375rem;
}
.pro_2_mid_left{ color:#fff; float:left;
    width:20%; background-color:#0075c2;
    padding-bottom: 50px;}
.pro_2_mid_right{
    width:76%; float:right}
.pro_2{ padding-bottom:4em;
    background-color:#f3f6f9; overflow:hidden;}
.pro_1_mid{
    padding:22px 9%;
    line-height: 1.6;
}
.pro_1_1{
    font-size:26px;}
.pro_1_2{
    font-family:Arial, Helvetica, sans-serif; color:#abc1e6;
    font-size: 16px;}
/*.procatelist{*/
/*    margin:0 9%;}*/
.procatelist li {
    padding: 0 9%;
}
/*.procatelist li:hover{*/
/*    background:#fff;*/
/*    color: #000;*/
/*}*/
/*.procatelist li:hover a{*/
/*    color: #000000;*/
/*}*/
/*.procatelist li.act{*/
/*    background:#fff;*/
/*}*/
/*.procatelist li.act a{*/
/*    color: #000000;*/
/*}*/
a.pro_big_cate{
    font-size:16px; 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 #0368ab  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(../img/img1.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 #0075c2 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{
    width:90%;
    transition: all 1.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
/*.procatelist li.on, .procatelist li.on2 {*/
/*    background-color: #fff;*/
/*}*/
.cssimg:hover,.cssimgp:hover img{/*-webkit-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05);*/transform: scale(1.08, 1.08);}
.pro_2_mid_right_1_mid_2{
    font-size:18px; color:#000;text-align: center;}
.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: 30px;
        margin-top: 30px;
    }
    .pro_mo_top_1 select {
        color: #000;
        font-size: 14px;
        border: none;
        background: none;
        width: 100%;
        background-repeat: no-repeat;
        background-image: url(../img/img5.png);
        background-position: right center;
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
    }
    .about_1_1 {
        font-size: 20px;
    }
    .about_1_2 {
        font-size: 15px;
    }
    .casesdetails-box .wbox h2{
        font-size: 20px;
        line-height: inherit;
    }
    .container{
        width: 90%;
    }
    .proDet_scroll .bx-controls-direction a, .proDet_scroll .proDet_prev, .proDet_scroll .proDet_next{

    }
}
@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%;
    }
}
@media(max-width: 1900px){
    .index_banner{display: block}
    .wel-banner{display: none}
    .inbanner{
        display: block;
    }
    .con-banner{display: none}
}
@media (max-width: 768px) {
    .m-header .w-header {
        height: 52px;
        line-height: 52px;
    }
    .wel-system .images .items .img i {
        line-height: 2.2;
        font-size: 22px;
    }
}