@charset "utf-8";
/* CSS Document */
@media screen and (min-width:1630px) and (max-width:2580px){
	.wd{ padding:0 0.5%;max-width:1440px;}
	
}

@media screen and (min-width:1024px) and (max-width:1630px){
.nav ul li{margin: 0 29px;}	
	.nav ul li a {margin: 0 7px;}
	.yy {float: left;}
}

@media screen and (min-width:960px) and (max-width: 1024px) {

}
@media screen and (min-width:640px) and (max-width:950px){
	header{ height:90px; }
	.nav,.shearb,.topp{ display:none;}
	.demo-buttons{ display:block;}
	.yy {float:left;line-height:90px; margin-left:27%;  width:30%;}
	header .top h1 img {margin-top: 26px;}
.flex-control-nav { bottom:10px;}
.flex-control-paging li a {width: 32px;}
}

@media screen and (max-width:640px){
.wd{ padding:0 3%;}
header{ height:60px; }
header .top h1 {width:17%;}header .top h1 img{ padding-left:8%;margin-top:10px;}
.nav,.shearb,.topp{ display:none;}
.demo-buttons{ display:block; line-height:60px;}.fancynav-close{ line-height:60px;}
.yy {float:left;line-height:60px; margin-left:12%;  width: 45%;}
.flex-control-nav { bottom:0px;}
.flex-control-paging li a {width: 12px;}
.in_one ul li{ width:97%; margin-bottom:40px;}
.in_two{ padding:12% 0 8% 0;}
.in_two h1 {font-size: 46px;}
.in_two h2{ font-size:14px; line-height:1.4; }
.in_three{ padding:15% 0;}
.in_three h1{font-size:38px;}
.in_three p{ font-size:16px;}
.footer { padding:10% 0;}
.footer .box ul li{ width:50%; min-height:200px;}
.footer .copy{ margin-top:0%; padding:10% 0 0 0; border-top:1px #216b98 solid; color:#fff; line-height:1.8; font-size:14px; }


.container .ctleft {width: 99%;}
.container .ctright {width: 100%; padding:5% 0 0 0;}
.container .ctright ul li {width: 46.5%;}
.meiti_dt {width: 100%;}
.sp-thumbs a:link, .sp-thumbs a:visited {width: 75px !important;height: 75px !important;}
.proconrg {width: 100%;}
.product_cons table td {line-height: 1!important;}
.tb_box {width:40%;}
.eventss ul li,.events ul li {width: 47%;}
.eventss ul li h6,.events ul li h6 { height: 85px;}
.news_box_pages ul li {width: 100%; margin-bottom:50px;}
.honor_img ul li {width: 48%;}
.download { width:96%;}
.mcbox{ padding:0 5%; text-indent:0; width:65%;}
.slide_join h3{ padding-left:2%; width:96%; }
.contactbox .leftbox {width: 90%;}
.contactbox .rightbox{ width:100%; padding-bottom:5%;}
.contactboxs{ padding-bottom:12%;}
}