#case_bg{
    background:url(../images/case_bg.jpg) center no-repeat;
    background-size:cover;
}
#container1{
    padding-top:100px;
    margin-top:0px;
}
#products_inner_mT{
    margin-top: 80px;
}
#content2004_img{
    width:28%;
    margin-top:10%;
}
#content2004_text{
    width:44%;
}
.case_bzi .span1{
    font-size:13px;
    color:#666;
}
.back{
    clear: both;
    width:120px;
    height:40px;
    line-height: 40px;
    margin:30px auto;
}
.back a{
    display: block;
    width:120px;
    height:40px;
    line-height: 40px;
    color:#000;
    font-size: 14px;
    text-align: center;
    border:1px solid #000;
    margin: auto;
}
.back:hover a{
    background-color: #000;
    color:#fff;
}
@media (max-width: 1200px){

    .case_bzi span {
        font-size: 16px;
    }
    .case_bzi p {
        font-size: 12px;
        color: #666;
        line-height: 22px;
        padding: 0 5px;
        margin: 2px 0;
    }
    .case_bzi>div {
        padding: 11px;
    }
    .case_bzi a {
        display: block;
        width: 115px;
        margin: 0 auto;
        font-size: 12px;
        color: #333;
        line-height: 26px;
    }
    .contact_l h5{
        font-size: 20px;
    }
    .contact_l a{
        padding: 0 20px;
    }
    .con-content2{
        top:96%;
    }
    .con-content5{
        top:136%;
    }
    .con-content1{
        /*top:96%;*/
    }
    .con-content2{
        top:110%;
    }
    .con-content3{
        top:42%;
    }
    .con-content4{
        /*top:96%;*/
    }
    .con-content5{
        top:166%;
    }
    .contact_line ul li{
        /*width:33%;*/
        float: left;
        padding:0 15px;
    }
    .width1{
        width:27%;
    }
    .width2{
        width:33%;
    }
    .width3{
        width:40%;
    }
    .contact_m{
        padding-left: 0;
    }
    .contact_zi{
        padding-left: 0;
    }
    .contact_m>img{
        width:44%;
    }
    .contact_l{
        padding-left: 9px;
    }
    .case_bzi span {
        font-size: 16px;
    }
    .case_bzi p {
        font-size: 12px;
        color: #666;
        line-height: 22px;
        padding: 0 5px;
        margin: 2px 0;
    }
    .case_bzi>div {
        padding: 11px;
    }
    .case_bzi a {
        display: block;
        width: 115px;
        margin: 0 auto;
        font-size: 12px;
        color: #333;
        line-height: 26px;
    }
    .contact_l h5{
        font-size: 20px;
    }
    .contact_l a{
        padding: 0 20px;
    }
}
@media screen and (min-width: 768px) and (max-width: 992px){
    /*index**/
    .header_n span{
        padding: 0 12px;
    }
    .index_sec4_list h5 {
        font-size: 16px;
    }

    /*about*/
    .about768{
        margin-top: 60px;
    }
    .about_box2_list h5 {
        width: 90%;
        font-size: 12px;
        padding: 0 10px;
    }
    .pinpai_pic8_list:hover .pinpai_pic8_btn {
        top: 27%;
    }
    .pro_box_zib{
        padding-left: 98px;
    }
    .pro_box_zib h5{
        left:-62px;
    }
    .new_prolist_lon h5{
        font-size: 18px;
    }
    .new_prolist_lon ul li span {
        width: 73px;
        padding: 0 2px;
        font-size: 12px;
    }
    .case_bzi span {
        font-size: 16px;
    }
    .case_bzi p {
        font-size: 12px;
        color: #666;
        line-height: 22px;
        padding: 0 5px;
        margin: 2px 0; height: 66px;overflow: hidden;
    }
    .case_bzi>div {
        padding: 11px;
    }
    .case_bzi a {
        display: block;
        width: 115px;
        margin: 0 auto;
        font-size: 12px;
        color: #333;
        line-height: 26px;
    }
    .con-content1{
        /*top:96%;*/
    }
    .con-content2{
        top:110%;
    }
    .con-content3{
        top:42%;
    }
    .con-content4{
        /*top:96%;*/
    }
    .con-content5{
        top:166%;
    }
    .contact_line ul li{
        /*width:33%;*/
        float: left;
        padding:0 15px;
    }
    .width1{
        width:27%;
    }
    .width2{
        width:33%;
    }
    .width3{
        width:40%;
    }
    .contact_m{
        padding-left: 0;
    }
    .contact_zi{
        padding-left: 0;
    }
    .contact_m>img{
        width:44%;
    }
    .contact_l{
        padding-left: 9px;
    }


    .warpper_top_box{width: 100%!important;}


    .ban0{ background:#000;}
    audio, canvas, progress, video{ margin-top:10%;}
    .mobile{ margin-top:0px;}
    .mobile1{margin-top: -80px;}
    .mobile-inner-nav{ margin-top:30px; }
    .header{width:100% !important; }
    .logo1{ margin-left:30px;}
    .mobile-inner-header-icon { margin-top:10px;}
    .about_con_imgs { padding: 0px 0%;}

}
@media (max-width: 768px){
    /**** phone css begin ***/
        /*��ҳ begin*/
        #logo{
            padding-left: 2em;
        }
    .logo{
        padding: 10px 0;
    }
    .logo img{
        height:40px;
        padding-left: 20px;
    }
        .warpper_top{
            height: auto !important;
        }
        .warpper_top_box{
            overflow: inherit;
        }
        .header{
            height:60px;
            /*padding:3px 5px;*/
        }

        .banner_btn{
            height:50px;
        }
        .banner_btn1,.banner_btn2{
            height:100%;
        }
        .banner_btn1 span{
            padding: 0;
            height:50px;
            line-height: 50px;
        }
        .banner_btn1 h5,.banner_btn2 h5{
            line-height: inherit;
        }
        /*banner*/
        #warpper_top_box{
            width:100% !important;
        }
        .header{
            position: relative;
            width:100% !important;

        }
        .log{
            padding-left: 2em;
        }
        .ban1{
            background: url("../images/banner1phone.jpg") center no-repeat;
            background-size: cover;
        }
        .ban2{
            background: url("../images/banner2phone.jpg") center no-repeat;
            background-size: cover;
        }
        .ban3{
            background: url("../images/banner3phone.jpg") center no-repeat;
            background-size: cover;
        }
        .ban4{
            background: url("../images/banner4phone.jpg") center no-repeat;
            background-size: cover;
        }
        /*banner*/
        /*wrap*/
        .banner{
            margin-top: 0;
        }
        .index_sec2{
            padding:0;
        }
        .index_sec2>h5{
            display:inline-block;
            line-height:40px;
            font-size:20px;
            color:#333;
            letter-spacing:2px;
            position:relative;
        }

        .mT2{
            margin-top: 2em;
        }
        .mB2{
            margin-bottom: 2em;
        }
        .index_sec3_zis{
            width:88%;
            min-width: 270px;
        }
        .index_sec3_zis p{
            font-size: 12px;
        }
        .index_sec4{
            padding: 2em 0;
            background-color: #f2f2f2;
        }

        .mL2{
            margin-left: 8em;
        }
        .mL6{
            margin-left: 5em;
        }
        .index_sec4_con>h5{
            margin-bottom: 1em;
            padding-left: 15px;
        }
        .index_sec2 h5,.index_sec3_zi h5,.index_sec4_con h5,.index_sec4_con h5 span,.index_sec6_con h5{
            font-size: 20px;
        }

        .index_sec4_list h5{
            font-size: 16px;
        }
        .index_sec6{
            padding: 20px 2%;
        }
        .index_sec6_con p{
            font-size: 14px;
            line-height: 1.4;
        }
        .index_sec6_con input{
            height: 30px;
            width:100%;
        }
        .index_sec6_con>a{
            line-height: 30px;
        }
        /*footer*/
        .footer{
            position: relative;
        }
        .footer_c{
            padding: 0;
        }
        .footer_c>a>span{
            margin-right: 23px;
        }

        /*news phone*/
        .sec4_con{
            padding:0 15px;
        }
        .sec4_con>ul{
            width:100%;
            background:#FFF;
            border-radius:2px;
        }
        .sec4_con>ul li{
            display: flex;
            padding:10px;
            border-bottom:1px solid #000;
            position:relative;
        }
        .sec4_list_img{
            margin: auto;
            width:25%;
            float:left;
        }
        /*.sec4_list_img>img{*/
            /*border-radius:3px;*/
        /*}*/
        .sec4_list_zi{
            width:75%;
            float:left;
            text-align:left;
        }
        .sec4_list_zi>h5{
            margin-top:3px;
            margin-bottom:5px;
            padding-left:10px;
            font-size:14px;
            font-weight:600;
            color:#333;
            letter-spacing:1px;
        }
        .sec4_list_zi>p{
            margin:0;
            font-size:12px;
            padding-left:10px;
            line-height:20px;
            letter-spacing:1px;
            color:#666;
        }
        .sec4_list_btn{
            position:absolute; right:15px; bottom:20px;
        }
        .sec4_list_btn>a{
            font-size:13px;
            color:#da251c !important;
            text-align:right;
            letter-spacing:1px;
        }
        /*news phone end*/
        /*footer end*/

        /*��ҳ end*/


    /*news begin**/
    .news_sec1_box {
        width: 100%;
        padding: 0 10px;
    }
    #news_sec1{
        padding:0;
    }
    .conteneur {
        padding: 0;
    }
    .interieurColonne-gauche {
        padding-right: 10px !important;
    }
    .titreFiltre {
        padding-bottom: 10px;
        border-bottom: 2px solid #000;
        text-transform: uppercase;
        margin-bottom: 10px;
        font-size: 20px;
        color: #333;
    }
    #filtres li{
        display: inline-block;
        width: 23%;
        /*margin-right: 25px;*/
    }
    .contenuTalk {
        margin-top: 20px;
    }
	.infoBlocTalk h3{
		line-height: 25px;
		height: 75px;
		overflow: hidden;
	}
	.rouge{
		display: block;
	}
    /*news end**/
    /*contact begin**/
    .contact {
        margin-top: 0px;
        overflow: hidden;

    }
    .contact_b {
        padding-top: 30px;
        padding-bottom: 20px;
    }
    .inner_h{
        margin-bottom: 0px;
    }
    .inner_h h3 {
        font-size: 20px;
        color: #000;
        margin-bottom: 15px;
        margin-top: 0;
    }
    .inner_h span {
        font-size: 14px;
    }
    .contact_h5 img{
        width:30px;
    }
    .contact_h5 span{
        font-size: 12px;
        line-height: 32px;
    }
    .contact_l h5{
        font-size: 12px;
        margin: 0;
    }
    .contact_h5 {
        margin-bottom: 10px;
        margin-top: 15px;
    }
    .contact_l {
        padding-left: 45px;
    }
    .contact_line ul li {
        display: inline-block;
        vertical-align: top;
        padding: 0 25px;
        position: relative;
        float: left;
    }
    .contact_l a {
        display: inline-block;
        line-height: 30px;
        padding: 0 10px;
        border: 1px solid #000;
        margin-top: 10px;
        font-size: 12px;
    }
    .contact_zi {
        margin-top: 0px;
        padding-left: 40px;
        text-align: left;
    }
    .contact_zi h5,.contact_zi p{
        font-size: 12px;
    }
    .contact_a {
        width: 100%;
        height: 220px;
    }

    /*contact end**/
    /*new_inner begin*/
    .new_inner_box {
        position: relative;
        padding: 0;
    }

    .new_inner_top {
        padding: 30px 30px;
        left: 0;
        top: -80px;
        width: 100%;
    }
    .new_inner_top span {
        font-size: 12px;
    }
    .new_inner_top h2 {
        font-size: 20px;
        margin: 10px 0 10px 0 !important;
    }
    .new_inner_top p {
        font-size: 12px;
    }
    .new_inner_main {
        padding-top: 57px;
    }
    .new_inner_main p img{width: 100%;}
    .new_inner_main p {
        font-size: 12px;
        line-height: 20px;
        margin-bottom: 12px;
    }
    .inner_img {
        margin: 20px 0;
    }
    .new_inner_main1{
        padding-top: 0px;
        margin-top: 0;
    }
    .new_inner_back1 span{
        font-size: 12px;
    }
    .news_inner{
        margin-bottom: 20px;
    }
    #news_inner_img{
        margin-right:0;
        margin-left:5px
    }
    .new_inner_back1 span img{
        margin-right: 5px;
    }
    
    .MsoNormal img{
    	width: 100%;
    }
    /*new_inner end*/
    /*case begin*/
#case_bg{
    background:url(../images/phonecase_bg.jpg) center no-repeat;
    background-size:cover;
}
    .inner_title {
        width: 100%;
        margin-top: 20px;
        margin-bottom: 20px;
        padding-bottom: 20px;
    }
.case_bon{
    margin-top: 15px;
}
    .case_bzi>div{
        padding: 10px 5px;
    }
    .case_bzi h5 {
        font-size: 14px;
        color: #333;
        text-align: center;
        margin: 0;
        padding-bottom: 11px;
        position: relative;
    }
    .case_bzi span{
        font-size: 12px;
    }
    .case_bzi p {
        font-size: 12px;
        color: #666;
        line-height: 20px;
        padding: 0 0px;
        margin: 3px 0;
    }
    .case_bzi a {
        display: block;
        width: 100px;
        margin: 0 auto;
        font-size: 12px;
        color: #333;
        font-family: 'myfonts2';
        line-height: 25px;
    }
    .case_bzi h5:before {
        width: 30px;
        height: 1px;
        background: #ddd;
        content: '';
        position: absolute;
        left: 50%;
        bottom: 5px;
        margin-left: -15px;
    }
    .case_bzi {
        border: 0px solid #aba6a2;
        border-bottom: 0px solid #ac7f2c;
        text-align: center;
		height:auto!important;
    }
    .fR{
        float: right;
    }
    .case_b {
        width: 100%;
        padding-bottom: 30px;
    }
    .case_bhover1{
        margin-bottom: 10px;
        border-left: 0px solid #aba6a2;
    }
    .bg_zi {
        width: 300px;
    }
    .bg_zi img{
        width:10px;
    }
    .bg_zi h5 {
        color: #fff;
        font-family: 'myfonts2';
        font-size: 20px;
        text-transform: uppercase;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .bg_zi p {
        font-size: 12px;
        width: 74%;
        margin: 0 auto;
        color: #fff;
        margin-bottom: 10px;
        line-height: 20px;
    }
    .bg_zi_icon {
        margin-top: 20px;
    }
    .bg_zi_icon img{
        width:40px;
    }
    #container1 {
        padding-top: 60px;
        margin-top: 0px;
    }
    .con-center-top {
        width: 100%;
        position: relative;
        /* top: -76px; */
        font-size: 12px;
        text-align: left;
        left: -60px;
        opacity: 0;
    }
    .con-content1 {
        width: 100%;
        /*position: absolute;*/
        position: relative;
         top: 0%;
        right: 0;
        opacity: 0;
        background: #FFF;
        font-size: 12px;
    }
    .case2_zi h5 {
        font-size: 14px;
    }

    .case2_zi {
        width: 100%;
        padding-top: 13px;
        padding-bottom: 15px;
        padding-left: 10px;
        color: #666;
        padding-right: 10px;
        font-size: 12px;
    }
    .con-content2 {
        width:100%;
        /*position:absolute;*/
        position:relative;
        top:0%;
        right:0px;
        opacity:0;
        background:#FFF;
        font-size:12px;
        margin: 0 auto;
    }
    .con-content3 {
        width:100%;
        /*position:absolute;*/
        position:relative;
        top:0;
        left:0px;
        opacity:0;
        background:#FFF;
        font-size:12px;
    }
    .con-content4 {
        width:100%;
        /*position:absolute;*/
        position:relative;
        top:0px;
        right:0px;
        opacity:0;
        background:#FFF;
        font-size:12px;
    }
    .con-content5 {
        width:100%;
        /*position:absolute;*/
        position:relative;
        top:0;
        left:0px;
        opacity:0;
        background:#FFF;
        font-size:12px;
        text-align:left;
    }
 .case_fine {
    padding-bottom: 15px;
}
    .con-center-top p, .case2_zi span {
        font-size: 12px;
    }
    .mT20{
        margin-top: 20px;
    }
    .pT20{
        padding-top: 20px;
    }
    .ab_nr2_box{
        padding-bottom: 20px;
    }

    /*case end*/
    /*products_inner*/
    .nav_inner{
        line-height: 60px;
    }
    .products_inner_mT{
        margin-top: 20px;
    }
    .pro_inner{
        padding: 0;
    }
    .pro_inner_ts {
        display: inline-block;
        vertical-align: top;
        cursor: pointer;
        padding: 2px 5px;
        border-right: 1px solid #ececec;
        margin-bottom: 10px;
    }
    .pro_inner_ts img{
        width:40px;
    }
    .pro_inner_top {
        width: 100%;
        margin-bottom: 10px;
    }
    .proleft{
        width:100%;
    }

    .pro_inner_right {
        width: 100%;
        float: left;
        padding-left: 6px;
    }
    .pro_inner_right h5 {
        font-size: 14px;
        color: #333;
        margin-top: 15px;
        margin-bottom: 5px;
    }
    .pro_inner_right h5 span {
        font-size: 18px;
        font-weight: 600;
    }
    .pro_inner_right>p {
        font-size: 12px;
        margin-bottom: 20px;
        line-height: 20px;
        letter-spacing: 1px;
    }
    .tra_secb1_c p {
        line-height: 20px;
        padding: 10px 0 10px 25%;

    }
    .tra_secb1_c p span{
        line-height: 25px;
    }
    .tra_sp2 {
        width: 90%;
    }
    .pro_inner_tj {
        margin-top: 0px;
        margin-bottom: 20px;
    }
    .pro_inner_tj h5{
        margin-bottom: 20px;
    }
    .tra_secb1 {
        margin-bottom: 20px;

    }
/**/

    /*phoneproducts_inner  begin*/
    .phonepro_inner_banner{
        margin-top: 60px;
    }
        .phone_products_in{
            width:100%;
            margin-bottom: 20px;
        }
    .phone_products_in_title{
        margin-top: 20px;
        text-align: center;
    }

        .phone_products_in_title h2{
            font-size: 20px;
            text-align: center;
        }
        .phone_products_in_title h4{
            width:100%;
            text-align: center;
            font-size: 14px;
            float: left;
            /*padding:0 28px;*/
            color:#000;
        }
        /*.phonepro_content h6{
            margin-top: 0;
        }*/
        .phone_products_content{
            margin-top: 20px;
        }
        .phone_products_content1{
            width:90%;
            margin: 0 auto;
        }

        .phone_products_content1 h4{
            font-size: 14px;
            line-height: 30px;
            color:#000;
        }
    .phone_products_content1 h4 b{
        display: inline-block;
        width:10px;
        height:10px;
        background-color: #000;
        margin-right: 5px;
        /*border: 3px solid #000;*/
    }
    .phone_products_content1 p{
        font-size: 12px;
        line-height: 20px;
    }
    .index_sec3_zis h5{
        font-size:16px;
    }
    .index_sec3_zis>span{
        font-size:12px;
    }
    .index_sec3_zisline a{
        color:#fff;
    }
    /*phoneproducts_inner  end*/
/*about begin*/
    .clp20 {
         padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .about_con_img1 {
        width: 100%;
         overflow-x: hidden;
        margin-top: -60px;
    }
    .about_con_imgs1 {
         padding: 0 0%;
     }
    .about_con_imgs2 {
        padding: 20px 0 0 0;
    }
    .about_con_imgs3 {
        padding: 80px 0 0 0;
    }
    .about_con {
        width: 100%;
        padding: 20px 0 0 0;
    }
    .about_box2 {
        width: 100%;
        margin-top: 20px;
    }
    .about_box2_list{
        margin-bottom: 20px;
    }

    .header_inner {
        height: 60px;
        line-height: 60px;
        padding: 0 0;

    }
    .logo_inner {
        float: left;
        height: 60px;
        line-height: 60px;
    }
    .logo_inner img{
        width:auto;
        height: 40px;
        /*padding: 10px 0;*/
        margin-top: 10px;
        padding-left: 20px;
    }
    .about_inner{
        margin-top: 60px;
        position: relative;
    }
    .about_inner_btn1 {
        width: 30px;
        height: 40px;
        line-height: 40px;
        left: 0;
        top: 30%;
        margin-top: 25px;
    }
    .about_inner_btn2 {
        width: 30px;
        height: 40px;
        line-height: 40px;
        right: 0;
        top: 30%;
        margin-top: 25px;
        z-index:10;
    }

    .about_con_sec1>h5{
        font-size: 20px;
    }
    .about_con_sec1>span{
        font-size: 16px;
        margin-bottom:8px;
    }
    .about_con_sec1>ul li{
        font-size: 14px;
    }
    .about_con_sec1>h5 {
        margin-bottom: 8px;
    }
    .about_box1 {
        margin-top: 15px;
    }
    .clm20{
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .about_con_zi p {
        font-size: 12px;
        line-height: 20px;
    }
    .about_box2_show1{
        margin-top: -75px;
    }
    .about_box2_show2{
        margin-top:-55px;
    }
    .about_box2_show3{
        margin-top: 20px;
    }

    .pinpai_pic3 h3 {
        font-size: 20px;
        color: #000;
        font-family: 'myfonts2';
        margin-bottom: 15px;
        margin-top: 10px;
    }
    .pinpai_pic3 span{
        font-size: 14px;
    }
/*shipin*/
    .pinpai_pic8>h3{
        font-size: 20px;
    }
    .about_con_h3{
        padding: 10px 0;
    }
    .pinpai_pic8>span{
        font-size: 14px;
    }
    .pinpai_pic8_box {
        margin-top: 20px;
    }
    .pinpai_pic8_list a {
        width: 90px;
        height: 36px;
        background: #fff;
        border: 2px solid #ac7f2c;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -18px;
        margin-left: -45px;
        font-size: 12px;
        color: #333;
        letter-spacing: 1px;
        line-height: 32px;
    }
    .pinpai_pic8_botzi h5{
        font-size: 14px;
    }
    .pinpai_pic8_list:hover .pinpai_pic8_btn{
        top:31%;
    }
    .pinpai_pic8_btn img{
        width:35px;
    }
    .pinpai_pic8_botzi p{
        font-size: 12px;
    }
    .pinpai_pic8_botzi img{
        width:25px;
    }
    .content2004{
        margin-top: 0;
    }
    .about_con_h2 time{
        font-size: 14px;
    }
    .about_con_h2 h2 {
        font-size: 12px;
        margin-top: 5px;
        margin-bottom: 5px;
    }
    .brand_sec2_description {
        font-size: 12px;
        letter-spacing: 2px;
        line-height: 20px;
        margin-bottom: 0px;
    }
    #content2004_img {
        width: 40%;
        margin-top: 3%;
        margin-left: 3%;
    }
    #content2004_text{
        width:50%;
        margin-top: 20px;
    }
    .brand_sec2_img7{
        margin-left: 15px;
    }
    .brand_sec2_img7 img {
        padding-top: 14%;
        padding-right: 0%;
    }
    .text-center-w90 h3{
        font-size:12px;
        margin-top: 10px;
    }
    .brand_sec2_text2014{
        width:100%;
    }
    .brand_sec2_flex{
        padding: 0 10px 0 0;
    }
    .brand_sec2_text2005{
        width:100%;
        padding-left: 5%;
    }

    .back{
        clear: both;
        width:90px;
        height:30px;
        line-height: 30px;
        margin:10px auto;
    }
    .back a{
        display: block;
        width:90px;
        height:30px;
        line-height: 30px;
        color:#000;
        font-size: 12px;
        text-align: center;
        border:1px solid #000;
        margin: auto;
    }



    /*about end*/

    .about_inner_box{
        z-index: 1;
    }
    .about_box2_list h5 {
        width: 81%;
        margin: 0;
        position: absolute;
        top: 40%;
        left: 50%;
        z-index: 9;
        background: #000;
        font-size: 12px;
        color: #fff;
        padding: 0 10px;
        letter-spacing: 1px;
        line-height: 40px;
        opacity: 0;
        text-align: center;
    }
    .width1,.width2,.width3{
        width:100%;
    }
.span1{
    font-size:12px;
}
    /**** phone css end ***/


	/*6.12*/
	.phone_xl{margin-bottom: 20px;}
	.phone_xl a{padding: 0px 5px; color: #666; display: inline-block;}
	.phone_xl a.on{ color: #ac7f2c;}

	.case{ overflow: hidden;}
	/*.header_inner{ overflow: hidden;}*/
	.nav_inner{ float: none;}

    .lesTalks .blocTalk {
    float: left;
    }

    #filtres a:hover, #filtres a:link {
        color: #666;
        text-decoration: none;
    }

    .footer_c a{width: 30%; display: inline-block;}


    .phone_products_tit a{display: inline-block; padding: 0 13px;}
    .phone_products_tit a.on h4{ color: #ac7f2c;}
    /*.index_sec3_zis{ display: none;}*/
    .index_sec3_zis_ti {
        font-size: 16px;
    }
    .index_sec2 h5, .index_sec3_zi h5, .index_sec4_con h5, .index_sec4_con h5 span, .index_sec6_con h5 {
        font-size: 15px;
    }
    .index_sec3_bg {
        background: rgba(31, 29, 29, 0.34);
         opacity: 1;
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        -khtml-opacity: 1;
         -webkit-opacity: 1;
    }
    .index_sec3_zi {
        padding: 0 10px 10px 10px;
    }
    .index_sec3_zi h5 {
        line-height: 20px;
    }
    .index_sec3_zi h5 span {
        line-height: 53px;
    }





}

@media (width:768px){
    .banner{
        margin-top: 31px;
    }
    .warpper_zi{
        bottom:10px;
    }
    .con-center{
        display: none;
    }
    .contact_line ul li{
        width:33%;
    }
    .contact_m>img{
        width:43%;
    }

    .header1{
        position: relative;
        width:86% !important;
    }
    .pro_header_nav span{
        margin-left: 30px;
    }
    .new_pro{
        padding: 0;
    }
    .btn_list>li>a{
        padding: 0 16px;
    }
    .about_con_img1{
        margin-top: 0;
    }
    .about_con_imgs img{
        width:82%;
        margin-top: 0;
    }
    .about_con_imgs3 {
        padding: 0 0 0 0;
    }
    .about_con_zi p{
        width: 50%;
    }
    .pinpai_pic8_list{
        margin-top: 0;
    }
    .contact_zi{
        padding-left: 0;
    }
}





