@media screen and (max-width:670px){
    .scd{width: 100%;margin: 0 auto 20px}
    .scd .scd_r,.scd .scd_l{ width:100%;}
    .scd_l .s_name{ width:100%; background-size:100% 100%; text-align:left;
                    height:75px;line-height:75px;vertical-align: middle;}
    .s_name h3{  font-size: 18px;  top:10px;  }
    .s_nav{width: 100%;}
    .scd_l .s_nav li a{padding-left: 70px;}
    .s_imagse{display: none;}
    .bt_left{text-align:center;color: #000;font-size: 18px;padding-bottom:15px;}
    .bt_right{display: none;}
    .scd .scd_r{
        width: 100%;margin: 0 auto;padding: 0 10px;height: 100%;
    }

    /*----------------------------service*/
    .service ul li{
        float: left;
        width:45%;
        margin: 0 2.5%;
        height:100%;
        overflow: hidden;
    }
    .service ul li:nth-child(3n-1){
        margin: 0 2.5%;
    }
    .service ul li p{
        width: 100%;
        margin:5px auto;
        text-align: center;
        font-size: 16px;
    }
    .ser{
        display: block;
        width: 100%;
        height: 100px;
        overflow: hidden;
    }
    /*----------------------------contact*/
    .contact{
        width: 100%;
        margin-bottom: 50px;
    }
    .c_left{width:100%;}
    .c_right{width:100%;}
    .contact h3{
        margin:15px auto;
        font-size: 16px;
        font-weight: bold;
    }
    .contact p span{
        position: relative;
        top: -10px;
        left: 20px;
        font-size:12px;
    }
    /*--------------------------------news---------------------*/
    .news ul li a{
        width: 100%;
        height:120px;
    }
    .news_img{
        width:35%;
        height:100px;
        margin-left:0;
        margin-top:5px;
    }
    .news_wz{
        width: 60%;
    }
    .news_wz h1{
        font-size:16px;
        padding:5px 0;
    }
    .news_wz em{
        display: none;
        padding:5px 0;

    }
    .news_wz p{
        color: #666;
        font-size: 12px;
        line-height:15px;
    }
    /*``````````````````````````````````page*/
    .page{margin: 50px auto;}
    .page ul .c{  width:40px;  height: 25px;  }
    .page li a{font:12px/22px Arial;width:40px;height:22px;}
    .page .leftA,.page .rightA{width:35px;height:22px;}
    /*--------------------home*/
    .txt{width:88%;height:auto;background: url("../images/bacf.jpg") center;background-size: 100% 100%;
        position: absolute;z-index: 111;  top: 25%;left:6%;padding: 20px 0;}
    .txt_logo{  position: relative;  top:35px; left: 5%;}
    .txt_logo>img{width:88%;height: 100%;}
    .txt_gq{width: 80%;margin: 0 10%;position: relative;top:25px;}
    .txt_gq>ul{width: 100%;position: relative;right:30px;}
    .txt_gq>ul>li{list-style: none;float: none;}
    .txt_gq>ul>li>a{display: inline-block;text-decoration: none;width:80%;text-align:left;height:35px;
        line-height:35px;vertical-align: middle;font-size: 14px;margin: 10px 10%;color: #fff;background:none;border-radius:inherit;}
    .txt_wz{display: inline-block;position: relative;  top: -10px;}
    .txt_gq>ul>li>a:hover{color: #fff;background:none;border-radius:inherit;  }
}
@media (min-width:430px) and (max-width:669px) {
    .scd_l .s_nav li {
        width: 40%;
        height: 57px;
        float: left;
        margin: 0 5%;
    }
    .scd_l .s_nav li a{padding-left:50px;font-size:18px;}
}
@media (min-width: 670px) and (max-width:1024px){
    .scd{width: 100%;margin: 0 auto}
    .scd .scd_r,.scd .scd_l{ width:100%;}
    .scd_l .s_name{ width:100%; background-size:100% 100%; text-align:left;
        height:75px;line-height:75px;vertical-align: middle;}
    .s_name h3{  font-size: 18px;  top:10px;  }
    .s_nav{width: 100%;}
    .scd_l .s_nav li {
        width: 40%;
        height: 57px;
        float: left;
        margin: 0 5%;
    }
    .scd_l .s_nav li a{padding-left: 70px;font-size:20px;}
    .s_imagse{display: none;}
    .bt_left{text-align:center;color: #000;font-size: 24px;padding-bottom:15px;}
    .bt_right{display: none;}
    .scd .scd_r{
        width: 100%;margin: 0 auto;padding: 0 10px;height: 100%;
    }

    /*----------------------------service*/
    .service ul li{
        float: left;
        width:45%;
        margin: 0 2.5%;
        height:100%;
        overflow: hidden;
    }
    .service ul li:nth-child(3n-1){
        margin: 0 2.5%;
    }
    .service ul li p{
        width: 100%;
        margin:8px auto;
        text-align: center;
        font-size: 18px;
    }
    .ser{
        display: block;
        width: 100%;
        height: 240px;
        overflow: hidden;
    }
    /*----------------------------contact*/
    .contact{
        width: 100%;
        margin-bottom: 50px;
    }
    .c_left{width:100%;margin-left: 50px;float: none;}
    .c_right{width:100%;float: none;margin-left: 50px;}
    .contact h3{
        margin:15px auto;
        font-size:20px;
        font-weight: bold;
    }
    .contact p span{
        position: relative;
        top: -10px;
        left: 20px;
        font-size:16px;
    }
    /*--------------------------------news---------------------*/
    .news ul li a{
        width: 100%;
        height:200px;
    }
    .news_img{
        width:35%;
        height:180px;
        margin-left:0;
        margin-top:5px;
    }
    .news_wz{
        width: 60%;
    }
    .news_wz h1{
        font-size:24px;
        padding:10px 0;
    }
    .news_wz em{
        display: block;
        padding:10px 0;

    }
    .news_wz p{
        color: #666;
        font-size: 16px;
        line-height:25px;
    }
    /*``````````````````````````````````page*/
    .page{margin: 50px auto;}
    .page ul .c{  width:40px;  height: 25px;  }
    .page li a{font:12px/22px Arial;width:40px;height:22px;}
    .page .leftA,.page .rightA{width:35px;height:22px;}
    /*--------------------home*/
    .txt{width:88%;height:auto;background: url("../images/bacf.jpg") center;background-size: 100% 100%;
        position: absolute;z-index: 111;  top: 25%;left:6%;padding: 20px 0;}
    .txt_logo{  position: relative;  top:35px; left: 5%;}
    .txt_logo>img{width:88%;height: 100%;}
    .txt_gq{width: 80%;margin: 0 10%;position: relative;top:25px;}
    .txt_gq>ul{width: 100%;position: relative;right:30px;}
    .txt_gq>ul>li{list-style: none;float: none;}
    .txt_gq>ul>li>a{display: inline-block;text-decoration: none;width:80%;text-align:left;height:35px;
        line-height:35px;vertical-align: middle;font-size: 14px;margin: 10px 10%;color: #fff;background:none;border-radius:inherit;}
    .txt_wz{display: inline-block;position: relative;  top: -10px;}
    .txt_gq>ul>li>a:hover{color: #fff;background:none;border-radius:inherit;  }
}