@charset "utf-8";
/* CSS Document */
@media screen and (min-width:1430px) and (max-width:2580px){
	header .top{ height:auto; padding:1px 0.5% ;max-width:1430px;}
	.wd{ padding:0 0.5%;max-width:1430px;}
	
}
@media screen and (min-width:1280px) and (max-width:1428px){
	header .top{ height:auto;  padding:1px 0.5% ;max-width:1280px;}
	.wd{ padding:0 0.5%;max-width:1280px;}
	.nav { width:60%;}
	.nav ul li a {margin: 0 22px;font-size: 16px;}
	.yy {float: rihgt;}
	.Hfirst .gui-sz {margin-top: 42px;}
	.ewm {margin-right: 62px;}
	.boxright { margin-right:0;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
	header .top{ height:auto;  padding:10px 0.5% 0 0.5% ;max-width:1000px;}
	.wd{ padding:0 0.5%;max-width:1000px;}
	.ads {width:29%; margin-left:1%;}
	.nav { width:50%;}
	.nav ul li a {margin: 0 12px;font-size: 15px;}
	.yy {float: left;}
	.Hfirst .gui-sz {margin-top:18px;}
	.ewm {margin-right: 18px;}
	.boxcon {margin-left: 30px;}
	.boxright { margin-left: 30px;margin-right:40px;}
	.Hfirst .gui h2 em { line-height:1.7;}
	.Hfirst .gui h2{ margin-bottom:0;}
	.Hfirst .gui strong{ margin-bottom:10px;}
	
}

@media screen and (min-width:960px) and (max-width: 1024px) {
	header .top h1{  float:left; padding-top:0px;}
	.nav { width:62%; margin-left:7%;}
	header .top{ height:auto;  padding:1px 0.5% ;max-width:960px;}
	.wd{ max-width:960px;}
	.nav ul li a {margin: 0 18px;font-size: 16px;}
	.ads{ display:none;}.yy {float: left; width:12%;}
	.wd{ padding:0 1%;}.Hfirst .gui h2 { margin-bottom:0px; }
	.Hfirst .gui h2 em {height: 73px;font-size:16px;}
	.Hfirst .gui strong { margin-bottom: 14px;}
	.Hfirst .gui-sz {margin-top: 14px;}
	.ewm { margin-right: 9px;}
	.boxcon {margin-left: 22px;}
	.boxright {margin-left: 22px;margin-right: 40px;}
	.Hsecond .sit{ line-height:1.7;}

}
@media screen and (min-width:640px) and (max-width:768px){
	header .top h1 {width:24%;}header .top h1 img{ padding-left:8%;}
	header{ height:90px; }
	.nav{ display:none;}
	.demo-buttons{ display:block;}
	.ads{ display:none;}.yy {float:left;line-height:90px; margin-left:27%;  width: 28%;}
	.Hfirst .gui h2 em { font-size:16px;height: 50px; line-height:21px;}
.Hfirst .gui h2 {margin-bottom:0px;}
.Hfirst .gui strong{margin-bottom: 14px;}
.Hfirst .gui-sz {margin-top: 23px;width:221%;}
.slideTxtBoxrt .hd ul li:nth-child(3){ display:none;}.slideTxtBoxrt .hd ul li:nth-child(4){ display:none;}
.slideTxtBoxrt .bd{ min-height:0;}
.Hsecond .sit{ line-height:1.7;}
.Hsecond ul{ margin-top:2%; margin-right:-2%;}
.Hsecond ul li{ width:48%; float:left; height:auto; overflow:hidden; background:#fff; margin-right:2%; min-height:350px; margin-bottom:2%;}
.footbox .left {
    width: 100%;
    float: none;
    height: auto;
    overflow: hidden;
    border-right: 0px;
    min-height: 0;
}.footbox .right{ display:none;}.products ul li{ min-height:0;}
.proconlf {
    width:100%;
    float: none;
    height: auto;
    overflow: hidden;
}
.proconlf img{ display:block; margin:auto; clear:both;}
.proconrg {
    width:100%;
    float: none; margin-top:50px;
    height: auto;
    overflow: hidden;
}
.newsleft{width: 36%;height:auto;float:left;margin:4% 0;}
.probox{width: 63%;height:auto;float:right;margin:4% 0;}
.probox ul li{ width:47%; float:left;overflow:hidden; height:auto; margin-right:2%;}

.Hthird .Newhome .left{ width:96%; float:none;}.Hthird .Newhome .left .pic img { width:100%;}
.Hthird .Newhome .right{ width:100%; float:none;}
.footbox ul li{ width:22% !important; float:none;border-right:0px #2372a1 solid; height: auto;border-bottom:0; padding-bottom:0%; margin-bottom:0%; padding-left:3%; margin:auto;}

.dblogo{ margin-bottom:50px; margin-top:30px; margin-left:90px;}
.ewm{ width:144px; float:left; margin-right:0px;margin-left:90px;}
.nyabout .naleft,.nyabout .naright{ width:100%;}
.nspr ul{margin-right:-2%; margin-top:3%;}
.nspr ul li{ width:48%; height:375px; float:left; overflow:hidden; margin-right:2%; background:#fff; padding-bottom:2%; margin-bottom:2%;}
.honor_img ul li{width:48%; height: auto; float:left; margin-right:2%; margin-bottom:1%; }
.news_box_pages ul li{ line-height:25px; font-size:16px; float:none; width:100%;}
.contactbox .leftbox{ width:100%; float:none;}
.contactbox .rightbox{ float:none; width:100%; height:auto; overflow:hidden;}
}

@media screen and (max-width:460px){
.wd{ padding:0 1%;}
header{ height:60px; }
header .top h1 {width:32%;}header .top h1 img{ padding-left:8%;}
.nav{ display:none;}
.demo-buttons{ display:block; line-height:60px;}.fancynav-close{ line-height:60px;}
.ads{ display:none;}.yy {float:left;line-height:60px; margin-left:12%;  width: 33%;}
.Hfirst,.Hsecond,.footbox{ padding:10% 0;}
.Hfirst .pro ul li {
    width: 47%;
    float: left;
    height: auto;
    overflow: hidden;
    margin-right: 3%;
}
.newsleft{width:100%;height:auto;float:left;margin:4% 0;}
.probox{width:100%;height:auto;float:right;margin:4% 0;}
.probox ul li{ width:48%; float:left;overflow:hidden; height:auto; margin-right:2%;}

.slideTxtBoxrt .hd{ display:none;}
.slideTxtBoxrt .bd{ min-height:185px;}
.Hfirst .pro {margin:10px 0 0 0;}
.Hsecond .sit{ line-height:1.7;}
.Hsecond ul{ margin-top:2%; margin-right:0%;}
.Hsecond ul li{ width:100%; float:left; height:auto; overflow:hidden; background:#fff; margin-right:0%; min-height:0px; margin-bottom:2%;}
.Hthird .news ul li{ width:47%;}
.footbox{ background:#0075c1;}
.footbox .left {
    width: 100%;
    float: none;
    height: auto;
    overflow: hidden;
    border-right: 0px;
    min-height: 285px;
}
.footbox .left ul li {
    width:45%;
    float: left; padding-left:5%;
    height: auto; min-height:200px;
    overflow: hidden;
}
.footbox .right{ width:100%;}
.dblogo{ margin-bottom:50px; margin-top:30px; margin-left:20px;}
.ewm{ margin:auto;}
.boxcon,.boxright{ margin-left:20px;margin-right: 20%;}
.postions .postions_b{ float:left;}
.nyabout .naleft,.nyabout .naright{ width:100%;}
.nspr ul{margin-right:0%; margin-top:3%;}
.nspr ul li{ width:100%; height:375px; float:left; overflow:hidden; margin-right:2%; background:#fff; padding-bottom:2%; margin-bottom:2%;}

.honor_img ul li{width:47%; height: auto;  margin-bottom:1%; }
.honor_imgs ul li{width:47%; height: auto;  margin-bottom:1%; }
.products ul li{ width:48%; min-height:0; padding-bottom: 0;}
.proconlf {
    width:100%;
    float: none;
    height: auto;
    overflow: hidden;
}
.proconrg {
    width:100%;
    float: none; margin-top:50px;
    height: auto;
    overflow: hidden;
}
.service_ul ul li .txts .desc{ display:none;}.service_ul ul li .txts .h3{ font-size:22px; text-align:center;}
.new_list ul li a .new_left {display: flex;flex: 0 0 100%;max-width: 100%;padding: 30px 0;}
.new_list ul li a .new_left .left_item {flex: 0 0 203px;min-width: 205px;height: 125px;overflow: hidden;margin: 0 40px 0 0;}
.new_list ul li a .new_left .right_item p {line-height: 26px;}
.new_list ul li a .new_left .right_item span,.new_list ul li a .new_right { display:none;}
.news_box_pages ul li{ line-height:25px; font-size:16px; float:none; width:100%;}
.contactbox .leftbox{ width:100%; float:none;}
.contactbox .rightbox{ float:none; width:100%; height:auto; overflow:hidden;}
}
