@media screen and (min-width: 993px) and (max-width:1200px) {
.head,.head .head_r,.i_ma,.i_mb,.i_mc,.i_md,.bq,.foot,.i_me,.scd{width:100%; margin:0px auto;}
.head{ position:relative; height: 80px;}
.head .logo img,.head .logo{ width:300px; height:80px; margin-top: 0px;}
.head .logo{ position:absolute; left:10px; top:0;}
/*.r_top {display: none;}*/
.r_top span{ font-size:12px; margin-top: 5px;}
.r_top .search{ width:210px; 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_mar{ width:39%; margin-right: 1%;}
.i_ma .i_mal{ width:54%; margin-left: 1%; margin-bottom:20px; height: 330px !important; overflow: hidden;}
.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{width: 100%; overflow:hidden;}
.i_mb ul li{float: left; width:18%; margin:0 1%; text-align:center;}
.i_mb ul li img{ width:100%; height:auto;}

.i_mc ul{width: 100%; overflow:hidden;}
.i_mc ul li{ float:left; width: 18%; margin:0px 0.9% !important; margin-top:75px !important;}
.i_mc ul li .tu{ left:50%; margin-left: -55px;}

.i_md ul{width:100%; overflow:hidden;}
.i_md ul li{float: left; width:21%; margin: 0 2%; padding-bottom: 20px;}
.i_md ul li img{ width:100%; height: auto;}



.foot .f_nav{ margin-left: 5%; width:65%; display: block;}
.f_bg {height: 180px;}
.foot { width: 100%;}
.foot .f_code{width:30%; height: 170px; right: 0;}
.foot .f_code img{ width:154px; height:157px; position: absolute; left: 50%; margin-left: -77px;}
.foot .f_code p{ width:154px; height:30px; text-align:center; left: 50%; 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:28%; 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:68%;}
.scd_r .r_title{ font-size:24px;}

.scd_r .scd_m{ overflow:hidden;}
.scd_r .scd_m ul {width: 100%;}
.scd_r .scd_m li {float: left; width: 31%; margin: 0 1%; margin-bottom: 20px;}
.scd_r .scd_m img { width:100%; height:auto;}
.scd_r .scd_m .about img{ width:auto; height:auto;}
.scd_r .scd_m .contact img {width: auto; height:auto;}
.pro li img,.pro li{ width:31%; height:auto; border: 0;}
.pro li:hover{width:31%; height: auto; opacity: 0.9; overflow: hidden;}
.pro li:hover img{ width: 100%; height:auto;}
.pro li .des{ width:100%;}
.pro li:hover .des{ width: 100%; height:63px; z-index: 90; bottom: 0x; position: absolute; left: 0px;}


.pages a{ font-size:14px;}
.news dl dt, .news dl dt img{ width: 20%; height: auto; float:left; vertical-align:top;}
.news dl dd{ width:78%; 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:47%; margin-right:0; text-align: right;margin-right: 3%;}
.contact dl dd{ width:50%; line-height:180%;}
.contact dl dd p{ margin-bottom:10px;}
.bq {display: block ;}
.bq1 { display: none;}
.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%;}
}






@media screen and (min-width: 771px) and (max-width:992px) {
.a1 {display: block;}
.apply-pup {margin-top: 10px; margin-right: 15px;}
.navbar {display: none;}
.head,.head .head_r,.i_ma,.i_mb,.i_mc,.i_md,.bq,.foot,.i_me,.scd{width:100%; margin:0px auto;}
.head{ position:relative; height: 80px;}
.head .logo img,.head .logo{ width:300px; height:80px; margin-top: 0px;}
.head .logo{ position:absolute; left:10px; top:0;}
/*.r_top {display: none;}*/
.r_top span{ font-size:12px; margin-top: 0px;}
.r_top .search { width:210px; 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:98%; clear: both; float: none; margin: 0 1%;}
.i_ma .i_mal{ margin-bottom:20px; height: 330px !important;}
.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{width: 100%; overflow:hidden;}
.i_mb ul li{float: left; width:30%; margin:0 1.5%; text-align:center;}
.i_mb ul li img{ width:100%; height:auto;}

.i_mc ul{width: 100%; overflow:hidden;}
.i_mc ul li{ float:left; width: 45%; margin:0px 2% !important; margin-top:75px !important;}
.i_mc ul li .tu{ left:50%; margin-left: -55px;}

.i_md ul{width:100%; overflow:hidden;}
.i_md ul li{float: left; width:46%; margin: 0 2%; padding-bottom: 20px;}
.i_md ul li img{ width:100%; height: auto;}



.foot .f_nav{ margin-left: 5%; width:75%; display: block;}
.f_bg {height: 180px;}
.foot { width: 100%;}
.foot .f_code{width:20%; height: 170px;}
.foot .f_code img{ width:154px; height:157px; position: absolute; left: 50%; margin-left: -77px;}
.foot .f_code p{ width:154px; height:30px; text-align:center; left: 50%; 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 ul {width: 100%;}
.scd_r .scd_m li {float: left; width: 31%; margin: 0 1%; margin-bottom: 20px;}
.scd_r .scd_m img { width:100%; height:auto;}
.scd_r .scd_m .about img{ width:auto; height:auto;}
.scd_r .scd_m .contact img {width: auto; height:auto;}
.pro li img,.pro li{ width:31%; height:auto; border: 0;}
.pro li:hover{width:31%; height: auto; opacity: 0.9; overflow: hidden;}
.pro li:hover img{ width: 100%; height:auto;}
.pro li .des{ width:100%;}
.pro li:hover .des{ width: 100%; height:63px; z-index: 90; bottom: 0x; position: absolute; left: 0px;}

.pages a{ font-size:14px;}

.news dl dt, .news dl dt img{ width: 20%; height: auto; float:left; margin-left: 2%; vertical-align:top;}
.news dl dd{ width:74%; margin-top:5px; margin-right: 2%;}
.news dl dd .title em{ font-size:12px;}
.news dl dd.link {width: 46%; margin: 0 2%;}

.service dt,.service dd{ width:100%; height:auto;}
.service dt{ margin-bottom:20px;}
.contact dl dt{ width:47%; margin-right:3%; text-align: right;}
.contact dl dd{ width:47%; line-height:180%; margin-left: 3%;}
.contact dl dd p{ margin-bottom:10px;}
.bq {display: block ;}
.bq1 { display: none;}
.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%;}
}


@media screen and (min-width: 830px){
	
.foot .f_nav{ margin-left: 5%; width:75%; display: block;}
.f_bg {height: 180px;}
.foot { width: 100%;}
.foot .f_code{width:20%; height: 170px;}
.foot .f_code img{ width:154px; height:157px; position: absolute; left: 50%; margin-left: -77px;}
.foot .f_code p{ width:154px; height:30px; text-align:center; left: 50%; margin-left: -77px; line-height:30px; font-size:16px; color:#fff; position: absolute; top: 160px;}

}

@media screen and (max-width: 829px){
	
.foot .f_nav{ margin-left: 5%; width:75%; display: none;}
.f_bg {height: 180px;}
.foot { width: 100%;}
.foot .f_code{width:100%; height: 170px; right: 0;}
.foot .f_code img{ width:154px; height:157px; position: absolute; left: 50%; margin-left: -77px;}
.foot .f_code p{ width:154px; height:30px; text-align:center; left: 50%; margin-left: -77px; line-height:30px; font-size:16px; color:#fff; position: absolute; top: 160px;}

}


@media screen and (max-width:770px) {
.a1 {display: block;}
.apply-pup {margin-top: 10px; margin-right: 15px;}
.mail {margin-right: 15px;}
.navbar {display: none;}
.head,.head .head_r,.i_ma,.i_mb,.i_mc,.i_md,.bq,.foot,.i_me,.scd{width:100%; margin:0px auto;}
.head{ position:relative; height: 80px;}
.head .logo img,.head .logo{ width:300px; height:80px; margin-top: 0px;}
.head .logo{ position:absolute; left:10px; top:0;}
/*.r_top {display: none;}*/
.r_top span{ font-size:12px; margin-top: 5px; display: none;}
.r_top .search{ width:210px; 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:98%; clear: both; float: none; margin: 0 1%;}
.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{width: 100%; overflow:hidden;}
.i_mb ul li{float: left; width:46%; margin:0 2%; text-align:center;}
.i_mb ul li img{ width:100%; height:auto;}

.i_mc ul{width: 100%; overflow:hidden;}
.i_mc ul li{ float:left; width: 45%; margin:0px 2% !important; margin-top:75px !important;}
.i_mc ul li .tu{ left:50%; margin-left: -55px;}

.i_md ul{width:100%; overflow:hidden;}
.i_md ul li{float: left; width:46%; margin: 0 2%; padding-bottom: 20px;}
.i_md ul li img{ width:100%; height: auto;}



/*.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 ul {width: 100%;}
.scd_r .scd_m li {float: left; width: 46%; margin: 0 2%; margin-bottom: 20px;}
.scd_r .scd_m img { width:100%; height:auto;}
.scd_r .scd_m .about img{ width:auto; height:auto;}
.scd_r .scd_m .contact img {width: auto; height:auto;}
.pro li img,.pro li{ width:46%; height:auto; border: 0;}
.pro li:hover{width:46%; height: auto; opacity: 0.9; overflow: hidden;}
.pro li:hover img{ width: 100%; height:auto;}
.pro li .des{ width:100%;}
.pro li:hover .des{ width: 100%; height:63px; z-index: 90; bottom: 0x; position: absolute; left: 0px;}


.pages a{ font-size:14px;}

.news dl dt, .news dl dt img{ width: 20%; height: auto; float:left; margin-left: 2%; vertical-align:top;}
.news dl dd{ width:74%; margin-top:5px; margin-right: 2%;}
.news dl dd .title em{ font-size:12px;}
.news dl dd.link {width: 46%; margin: 0 2%;}

.service dt,.service dd{ width:100%; height:auto;}
.service dt{ margin-bottom:20px;}
.contact dl dt{ width:47%; margin-right:3%; text-align: right;}
.contact dl dd{ width:47%; line-height:180%; margin-left: 3%;}
.contact dl dd p{ margin-bottom:10px;}
.bq {display: block;}
.bq1 { display: none;}
.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%;}
}

@media screen and (max-width:640px) {
	.scd_r .scd_m .about img{ width:96%; height:auto;}
	.scd_r .scd_m .about p{ width:96%; margin: 0 2%; height:auto;}
	.news dl dd.link {width: 96%; margin: 0 2%;}
	.service dt{ margin-bottom:20px;}
	.contact dl dt{ display: none;}
	.contact dl dd{ width:96%; line-height:180%; margin: 2%;}
	.contact dl dd p{ margin-bottom:10px;}
	.r_top .search{ width:210px; margin-top:0px; display: none;}
	.mail {margin-right: 15px;}
}

@media screen and (max-width: 480px) {
	.a1 {display: block;}
	.apply-pup {margin-top: 2px; margin-right: 10px;}
	.mail {margin-right: 10px; margin-top: -5px;}
	.navbar {display: none;}
	.head{ position:relative; height: 70px;}
	.head .logo img,.head .logo{ width:200px; height:auto; margin-top: 5px; margin-left: 5px;}
	.head .logo{ position:absolute; left:0; top:0;}
	.i_ma .i_mal,.i_ma .i_mar { width:98%; height: auto;}
	.i_mal .box_m {height: 480px;}
	.i_mal .box_m img {width: 100%; height: auto;}
}

@media screen and (max-width:360px) {
.a1 {display: block;}
.apply-pup {margin-top: 2px; margin-right: 0;}
.mail {margin-right: 0px; margin-top: -5px;}
.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; float: none; clear: both;}
.head{ position:relative; height: 70px;}
.head .logo img,.head .logo{ width:200px; height:auto; margin-top: 5px; margin-left: 0px;}
.head .logo{ position:absolute; left:0; top:0;}
/*.r_top {display: none;}*/
.r_top span{ font-size:12px; margin-top: 5px; display: none;}
.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{ width: 100%; overflow:hidden;}
.i_mb ul li{ width:100%; text-align:center;}
.i_mb ul li img{ width:320px; height:384px;}

.i_mc ul li{ float:none; margin:0px auto !important; margin-top:75px !important;}
.i_mc ul li{ width:318px;}
.i_mc ul li .tu{ left:50%; margin-left: -55px;}

.i_md ul{ width: 100%; overflow:hidden;}
.i_md ul li{ width:100%; padding-bottom: 20px;}
.i_md ul li img{ width:320px; height:343px;}


/*.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 ul {width: 100%;}
.scd_r .scd_m li {float: left; width: 100%; margin-bottom: 20px;}
.scd_r .scd_m img { width:100%; height:auto;}

.pro li img,.pro li{ width:100%; height:auto; border: 0;}
.pro li:hover{width:100%; height: auto; opacity: 0.9; overflow: hidden;}
.pro li:hover img{ width: 100%; height:auto;}
.pro li .des{ width:100%;}
.pro li:hover .des{ width: 100%; height:63px; z-index: 90; bottom: 0x; position: absolute; left: 0px;}

.pages a{ font-size:14px;}

.news dl dt, .news dl dt img{ width: 100%; height: auto; float:left;  vertical-align:top; margin: 0;}
.news dl dd{ width:100%; margin: 0;}
.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;}
.bq {display: block;}
.bq1 { display: none;}
.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%;}
}