@charset "utf-8";

/* CSS Document */

*{margin:0;padding:0;font-family: "微软雅黑"}

.clearfix{clear:both}

li{list-style: none}

a{text-decoration: none}

img{display: block}

.product{font-size: 24px;text-align: center}

.chanpin{font-size: 14px;text-align: center;font-family: "Arial";text-transform: uppercase;

	color: #666;}

.banner{width:100%;margin-top:2%;position: relative;background-image: url(../images/20.jpg);height:auto}

.center_box{width:62.5%;margin-left:18.75%;}

.small_box{float:left;width:22%;margin:1.5% 1.5%;background:#fff}

/*.small_box:hover{background:#4f8bbf;color:#fff}*/

.small_box:hover h1{color:#fff}

.pic{width:90%;}

.pic img{width:100%;}

.pic img:hover{transform:scale(1.2)}

.small_box h2{text-align: center;font-size: 16px;font-family: "Arial";font-weight: normal;margin-top:2%;color:#000}

.lgbox{margin:0 auto;width:30%;margin-top:2%}

.box{width:90px;height:35px;border-radius: 10px;border:2px solid #155da1;text-align: center;line-height:35px;font-size: 14px;float:left;margin:0 1%}

.box1{width:30px;height:35px;border:2px solid #155da1;text-align: center;line-height: 35px;border-radius: 10px;font-size: 14px;float:left;margin:0 1%}

.box2{width:60px;height:35px;border:2px solid #155da1;text-align: center;line-height: 35px;border-radius: 10px;font-size: 14px;float:left;margin:0 1%}

.box3{width:40px;height:35px;border:2px solid #155da1;text-align: center;line-height: 35px;border-radius: 10px;font-size: 14px;float:left;margin:0 1%}

.box1 a{color:#000}

.box2 a{color:#000}

.box3 a{color:#000}

.page{    clear: both;
    margin: 20px 0px 0px 0px;
    text-align: center;}

@media(max-width:1900px){

	.nav li{margin:0 auto;font-size: 18px}

	.address{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

	.news{width:100%}

	.navbar-text{display:none}



}

@media(max-width:1200px){

	.blue_line{display: none}

	.about{display: none}

	.lgbox{width:50%}

	.small_box h1{overflow:hidden;text-overflow: ellipsis;white-space: nowrap}
	
	.product{ margin-top:8%}

}

@media(max-width:768px){

	.lgbox{width:70%;margin-left:20%}
    
	.product{ margin-top:15%}
	

}

@media(max-width:640px){

	.address{display: none}

	.logo2{display: block}

	.logo{display: none}

	.logo1{display: block}

	.product{margin-top:20%;font-size: 24px}

	.nav1{display: block}

	.anniu{display: block}

	.small_box h1{font-size: 16px}

	.center_box{width:100%;margin-left:0;}

.small_box{float:left;width:47%;margin:1.5% 1.5%}

	.footer_box{width:100%}

	.gongsi{width:100%;margin-left:0}

	.guanjianci{margin-left:0;width:100%}

	.iphone{overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}

	.shouji{overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}

	.footer{display: none}

	.fixed-footer{display: block}

	.col-xs-12{display: none}
	
	.banner{ margin-bottom:14%}
	
	.page{ padding-bottom:15%}

}

@media(max-width:414px){

	.box{width:80px;height:22px;border-radius: 5px;border:2px solid #155da1;text-align: center;line-height:22px;font-size: 14px;float:left;margin:0 1%}

.box1{width:20px;height:22px;border:2px solid #155da1;text-align: center;line-height: 22px;border-radius: 5px;font-size: 14px;float:left;margin:0 1%}

.box2{width:60px;height:22px;border:2px solid #155da1;text-align: center;line-height: 22px;border-radius:5px;font-size: 14px;float:left;margin:0 1%}

.box3{width:35px;height:22px;border:2px solid #155da1;text-align: center;line-height: 22px;border-radius: 5px;font-size: 14px;float:left;margin:0 1%}

.product{margin-top:29%;font-size: 28px}

}

@media(max-width:320px){

	.lgbox{width:80%;margin-left:10%}

	.small_box{float:left;width:47%;margin:2.5% 1.5%}

	.product{margin-top:29%;font-size: 28px}
	
	.page{ padding-bottom:15%}

}