@media screen and (max-width:770px) {
.a1 {display: block;}
.apply-pup {margin-top: 35px;}
.navbar {display: none;}
.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; height: 80px;}
.head .logo img,.head .logo{ width:290px; /*height:80px;*/}
.head .logo{ position:absolute; left:0; top:0;}
.r_top {display: none;}
.r_top span{ font-size:12px; margin-top: 5px;}
.r_top .search{ width:150px; margin-top:0px;}
.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;}
.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:343px;}
.i_mc ul li{ width:318px;}
.i_mc ul li .tu{ left:110px;}
.i_mb ul li img{ width:320px; height:384px;}
.foot .f_nav{ width:100%; display: none;}
.f_bg {height: 180px;}
.foot { width: 100%;}
.foot .f_code{width:100%; height: 170px;}
.foot .f_code img{ width:154px; height:157px; position: absolute; left: 70%; margin-left: -77px;}
.foot .f_code p{ width:154px; height:30px; text-align:center; left: 70%; margin-left: -77px; line-height:30px; font-size:16px; color:#fff; position: absolute; top: 160px;}

.f_nav li{ width:103px; margin-left:0px; height:200px;}
#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; display: none;}
.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:320px; height:auto; margin-right:0px; border: 0;}
.pro li:hover{width:320px; height: auto; opacity: 0.9; overflow: hidden;}
.pro li:hover img{ width: 320px; height:auto;}
.pro li .des{ width:320px;}
.pro li:hover .des{ width: 320px; height:63px; z-index: 90; bottom: 0x; position: absolute; left: 0px;}
.pages a{ font-size:14px;}
.news dl dt, .news dl dt img{ width:200px; height:183px;}
.news dl dd{ width:100%; margin-top:25px;}
.news dl dd .title em{ font-size:12px; display: none;}
.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;}
.bq {display: none;}
.bq1 { display: block;}
.contact dl dd b {line-height: 36px !important; font-size:14px !important; font-weight: normal;}
.scd_r .r_title{ padding-top:15px;}
.more1 {display: none;}
.more2 {display: block; position: absolute; top: 185px; z-index: 10;}

.foot .f_nav1 {display: block; position: absolute; z-index: 999; left: 22%;}
}