@media screen and (max-width:770px) {
.head,.head .head_r,.i_ma,.i_mb,.i_mc,.i_md,.bq,.foot,.i_me,.scd{width:320px; margin:0px auto;}
.head{ position:relative;display: none;}
.head .logo img,.head .logo{ width:119px; height:81px;}
.head .logo{ position:absolute; left:0; top:0;}
.r_top span{ font-size:12px;}
.r_top .search{ width:190px; margin-top:10px;}
.head .nav{ margin-top:50px; text-align:left;}
.head .nav li a{ width:103px; padding:0; text-align:center;}
.head .nav li{ margin:0px;}
.banner{     height: auto;margin-top: 4.2rem;display: none;}
.flexslider .slides > li{ overflow:visible;}
.flexslider .slides img{ width:100%; height:auto; margin-left:0px !important;}
.i_ma .i_mal,.i_ma .i_mar{ width:100%;}
.i_ma .i_mal{ margin-bottom:20px;}
.i_mal .box_m{ line-height:185%;}
.i_mar .box_m{ height:auto; margin-bottom:10px;}
.i_mar .box_m embed{ width:320px; height:170px;}
.bg_a,.f_bg,.bq_bg,.banner_s,.banner{ min-width:320px;}
.i_mb ul{ height:870px; overflow:hidden;}
.i_mb ul li{ width:100%; margin-right:0px; text-align:center;}
.i_mc ul li{ float:none; margin:0px auto !important; margin-top:75px !important;}
.i_md ul{ height:866px; overflow:hidden;}
.i_md ul li{ width:100%; margin-right:0;}
.i_md ul li img{ width:320px; height:auto;}
.i_mc ul li{ width:318px;}
.i_mc ul li .tu{ left:110px;}
.i_mb ul li img{ width:320px; height:auto;}
.foot .f_nav{ width:100%;}
.foot .f_code{ width:100%; position:static; margin-top:20px;}
.f_nav li{ width:103px; margin-left:0px; height:200px;}
.foot .f_code p{ text-align:left;}
#focus_Box{ display:none;}
.sj_sp{ display:block;}
.banner_s,.banner_s img{ width:100%; height:auto; margin-left:0px !important;}
.scd .scd_l{ width:100%; background-size:100%; height:auto; padding-bottom:20px;}
.scd_l .s_nav li{ width:280px; background-repeat:repeat-x;}
.scd_l .s_nav li a{ width:241px;}
.scd .scd_r{ width:100%;}
.scd_r .r_title{ font-size:24px;}
.scd_r .scd_m{ overflow:hidden;}
.scd_r .scd_m img{ max-width:320px; height:auto;}
.pro li img,.pro li{ width:318px; height:296px; margin-right:0px;}
.pro li .des{ width:320px;}
.pages a{ font-size:14px;}
.news dl dt, .news dl dt img{ width:320px; height:183px;}
.news dl dd{ width:100%; margin-top:5px;}
.news dl dd .title em{ font-size:12px;}
.service dt,.service dd{ width:100%; height:auto;}
.service dt{ margin-bottom:20px;}
.contact dl dt{ width:100%; margin-right:0; text-align:center;}
.contact dl dd{ width:100%; line-height:180%;}
.contact dl dd p{ margin-bottom:10px;}

.zhaoxintop span {
    font-size: 14px;
}
.zhaoxins li .msgDiv dd {
    font-size: 12px;
}
.zhaoxins li .zhaoxinsbox {
    padding: 25px 24px 51px;
}
#izl_rmenu{
    display: none;
}
.f_bg {

    display: none;
}
.swiperlistFore{
    display: block;
}
.mybanner{
    display: block;
    width: 100%;
     max-height: 145px; 
    margin-top: 4.2rem!important;
}
.mybanner img{
    width: 100%;
}

.banner_s img {
    display: none;
}

.litphonebottom{
width: 100%;
    display: flex;
    position: fixed;
    background-size: 100% 100%;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    display: block;
    overflow: hidden;
}


.litphonebottom a{
    display: block;
    text-align: center;
    color: #fff;
    background: #EF8300;
    text-align: center;
    float: left;
    width: 25%;
    padding: 0.3rem 0;
}
.litphonebottom span{
    display: block;
    height: 1.5rem;

}
.litphonebottom img{
    width: 18%;
}

.litphonebottom div{
    margin-bottom:0;
}

.bq_bg {
    margin-bottom: 3rem;
}
.litphonebottom a:nth-child(1){
    background: #373737;
}
.litphonebottom a:nth-child(1) img{
    width: 16%;
}
.litphonebottom a:nth-child(2) img{
    width: 19%;
}
.litphonebottom a:nth-child(3) img{
    width: 23%;
}
.litphonebottom a:nth-child(4) img{
    width: 23%;
}

.honors{
    width: 100%;
    margin: auto;
    overflow: hidden;
    position: relative;
}
.scd {
    margin-top: 4.2rem;
}
/*.swiperlistFore{
    width: 100%;
    margin-bottom: 5rem;
}
.swiperlistFore img{
    width: 100%;
}
.swiperlistFore .swiper-slide{
    width: 50%;
}*/

#certify {
    position: relative;
    width: 100%;
    margin: 0 auto;
    max-height: 200px;
}

#certify .swiper-container {
    padding-bottom: 0;
    max-width: 1000px;
    margin: auto;
}

#certify  .swiper-slide {
     width: 100%; 
    height: auto;
    text-align: center;
/*    background: #fff;
    box-shadow: 0 8px 30px #ddd;*/
}
#certify  .swiper-slide img{
    display:block;
    margin: auto;
    width: 100%;
/*    width: 100%;
    height: 100%;*/
}



#certify .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px;
    border: 3px solid #fff;
    background-color: #d5d5d5;
    width: 10px;
    height: 10px;
    opacity: 1;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {
    border: 3px solid #00aadc;
    background-color: #fff;
}



















.tops{
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10000;
    overflow: hidden;
    height: 4.2rem;
    display: block;
}

.top{
width: 100%;
    background: #fff;
    overflow: hidden;
    padding: 0 1rem;
    box-sizing: border-box;
}
.top img{
	width: 100%;
}
.top>a:nth-child(1){
    width: 80%;
    float: left;
    display: block;

}


.top>div{
    float: left;
    overflow: hidden;
    display: flex;
    width: 35%;
    margin-top: 6%;
    font-size: 12px;
}

.top>div>a{
    display: block;
    background: #009a44;
    color: #fff;
    width: 50%;
    text-align: center;
    height: 2.5rem;
    line-height: 2.5rem;
    border-radius: 4px;
    margin-left: 4%;
}


.top .navbtn{
    width: 2.3rem;
    height: 1.5rem;
    position: relative;
    float: right;
    margin-top: 1.5rem;
    margin-right: 0;
}
.top .navbtn .line{
    width: 100%;
    height: 2px;
    border-radius: 1px;
    background-color: #000;
    position: absolute;
    left: 0;
    transition: all .2s linear;
}

.top .navbtn .line1 {
    top: 0;
}
.top .navbtn .line2 {
    top: 50%;
    margin-top: -1px;
}

.top .navbtn .line3 {
    bottom: 0;
}

.top .navbtn.on .line1,
.top .navbtn.on .line2,
.top .navbtn.on .line3{
    top: 50%;
    margin-top: -1px;
    bottom: auto;
}

.top .navbtn.on .line2{
    display: none;
}
.top .navbtn.on .line1{
    transform: rotate(45deg);
}

.top .navbtn.on .line3{
    transform: rotate(-45deg);
}
.top.on{
    background-color: #fff;
}


.m-nav {
    position: fixed;
    top: 4.2rem;
    left: 0;
    width: 100%;
    height: calc(100% - 4.2rem);
    z-index: 33000000;
    border-top: 1px solid #e5e5e5;
    background-color: #fff;
    display: none;
}

.m-nav li a{
    display: block;
}
.m-nav li .tit{
    font-size: 0.8rem;
    line-height: 0.8rem;
    padding: 1rem;
    color: #2c2c2c;
    border-bottom: 1px solid #e5e5e5;
}

.m-nav li .tit:before{
content: "";
    position: absolute;
    right: 1.3rem;
    width: 1.42rem;
    height: 1.42rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url(../image/m-nav-arrow.png);
}
.m-nav li.on1 .tit:before{
    background-image: url("../image/m-nav-jia.png");
}
.m-nav li.on2 .tit:before{
    background-image: url("../image/m-nav-jian.png");
}
.m-nav li .navson{
    padding: .15rem 0;
    border-bottom: 1px solid #e5e5e5;
    display: none;
}
.m-nav li .navson a{
    font-size: 1.3rem;
    line-height: 2.4rem;
    padding: .15rem 1.3rem;
    color: #737373;
}














}