﻿@media screen and (max-width:1080px) {

.head,.head .head_r,.i_ma,.i_mb,.i_mc,.i_md,.bq,.foot,.i_me,.scd{width:98%; margin:0px auto;}
.head{ position:relative;}
.head{ position:relative;}
.head .logo img,.head .logo{ width:342px; height:60px;}
.head .logo{ position:absolute; left:0; top:14px;}
.r_top span{ font-size:12px; margin: auto 3%;}
.r_top .search{ width:190px; margin-top:10px;}
.head .nav{display: block; 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:49%;}
.i_ma .i_mal{ margin-bottom:20px; }
.i_mal .box_m{ line-height:185%;height:240px;}
.i_mar .box_m li{margin:0 4px;}
.i_mar .box_m li a:hover{color:#3876f3;}
.i_mar .box_m{ height:auto; margin-bottom:10px;}
.i_mar .box_m embed{ width:320px; height:170px;}
.bg_a{min-width: 320px;margin: 0px auto; width: 98%;}
.f_bg,.banner_s,.banner{ display: none;width: 0px;height: 0px;overflow: hidden; }
.bq_bg{ min-width:320px; }
.i_mb ul{ height:294px; overflow:hidden;}
.i_mb ul li{ width:200px; margin-right:0px; text-align:center;margin: auto 10px;}
.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;}
.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;width: 98%;}
.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:23%; background-repeat:repeat-x;}
.scd_l .s_nav li a{ width:90%;}
.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{ width:280px; height:260px; margin-right:0px;}
.pro li .des{  bottom:-20px; }
.pages a{ font-size:14px;}
.news dl dt, .news dl dt img{ width:0px; height:0px;}
.news dl dd{ width:96%; margin-top:5px;}
.news dl dd .title em{ font-size:12px;}
.service dt,.service dd{ width:98%; height:auto;}
.service dt{ margin-bottom:20px;}
.contact dl dt{ width:48%;height:185px; margin-right:0; text-align:center;}
.contact dl dd{ width:47%; line-height:180%;}
.contact dl dd p{ margin-bottom:10px;}
.liu{display: none;}
.hn {display: none;}
}


@media screen and (max-width:768px) {
.head_r .r_top {padding-top: 5px; width:90%}
.head,.head .head_r,.i_ma,.i_mb,.i_mc,.i_md,.bq,.foot,.i_me,.scd{width:98%; margin:0px auto;}
.head{ position:relative;}
.head .logo img,.head .logo{ width:342px; height:60px;}
.head .logo{ position:absolute; left:0; top:14px;}
.r_top span{ font-size:12px; margin: auto 3%;}
.r_top .search{ width:190px; margin-top:10px;}
.head .nav{display: block; 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:49%;}
.i_ma .i_mal{ margin-bottom:20px; }
.i_mal .box_m{ line-height:185%;height:240px;}
.i_mal .box_m img{display:none;}
.i_mar .box_m li{margin:0 4px;}
.i_mar .box_m li a:hover{color:#3876f3;}
.i_mar .box_m{ height:auto; margin-bottom:10px;}
.i_mar .box_m embed{ width:320px; height:170px;}
.bg_a{min-width: 320px;margin: 0px auto; width: 98%;}
.f_bg,.banner_s,.banner{ display: none;width: 0px;height: 0px;overflow: hidden; }
.bq_bg{ min-width:320px; }
.i_mb ul{ height:565px; overflow:hidden;}
.i_mb ul li{ width:200px; margin-right:0px; text-align:center;margin: auto 10px;}
.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;}
.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;width: 98%;}
.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{ width:280px; height:260px; margin-right:0px;}
.pro li .des{  bottom:-20px; }
.pages a{ font-size:14px;}
.news dl dt, .news dl dt img{ width:0px; height:0px;}
.news dl dd{ width:96%; margin-top:5px;}
.news dl dd .title em{ font-size:12px;}
.service dt,.service dd{ width:98%; height:auto;}
.service dt{ margin-bottom:20px;}
.contact dl dt{ width:100%;height:185px; margin-right:0; text-align:center;}
.contact dl dd{ width:100%; line-height:180%;margin-left: 10%;}
.contact dl dd p{ margin-bottom:10px;}
.liu{display: none;}
.hn {display: none;}
}
@media screen and (max-width:360px) {
.nav_m .n_icon{display:block;top:90px;color:#000;}
.head_r .r_top {padding-top: 5px;}
.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;}
.head .logo img,.head .logo{ width:342px; height:60px;}
.head .logo{ position:absolute; left:0; top:14px;}
.r_top span{ font-size:12px; margin: auto 3%;}
.r_top .search{ width:190px; margin-top:10px;}
.head .nav{display: none; margin-top:76px; text-align:left;background-color: #4eacdb;}
.head .nav li a{ width:100%; padding:0; text-align:center;}
.head .nav li{ margin:0px; width:100%;height:50%;}
.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 li{margin:0 4px;}
.i_mar .box_m li a:hover{color:#3876f3;}
.i_mar .box_m{ height:auto; margin-bottom:10px;}
.i_mar .box_m embed{ width:320px; height:170px;}
.bg_a{min-width: 320px;margin: 0px auto; width: 60%;}
.f_bg,.banner_s,.banner{ display: none;width: 0px;height: 0px;overflow: hidden; }
.bq_bg{ min-width:320px; }
.i_mb ul{ height:565px; overflow:hidden;}
.i_mb ul li{ width:100%; margin-right:0px; text-align:center;margin: auto;}
.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;}
.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{margin-top: 31px; 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:306px; height:auto;}
.pro li{ width:280px; height:260px; margin-right:0px;}
.pro li .des{  bottom:-20px; }
.pages a{ font-size:14px;}
.news dl dt, .news dl dt img{ width:0px; height:0px;}
.news dl dd{ width:96%; margin-top:5px;}
.news dl dd .title em{ font-size:12px;}
.service dt,.service dd{ width:98%; height:auto;}
.service dt{ margin-bottom:20px;}
.contact dl dt{ width:100%; height:185px; margin-right:0; text-align:center;}
.contact dl dd{ width:100%; line-height:180%;}
.contact dl dd p{ margin-bottom:10px;}
.liu{display: none;}
.hn {display: none;}
}
