@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: 30px;text-align: center;margin-top:2%}

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

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

.english{font-size: 14px;text-align: center;font-family: "Arial"}

.line_box{width:62.5%;margin:0 auto;margin-top:1%;padding-bottom: 8%;position: relative}

.line_box img{width:100%}

.bg{width:65%;margin:0 auto;padding-top:1%;padding-bottom: 5%;margin-top:-5%;z-index: 5;position: relative}

.bg p{font-size: 16px;line-height: 30px;margin-left:5%;width:88%;color:#000}

.sm_box{width:42%;border:2px solid #155da1;font-size: 24px;color:#155da1;position: absolute;left:25%;top:-30%;z-index: 3;line-height:72px;text-align: center;background:#fff;}

@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}

	.line_box{width:98%}

	.bg{width:100%}
	
	.detail{ margin-top:10%}

}

@media(max-width:768px){

	.navbar-text{display:none}
	
	.detail{ margin-top:16%}

}

@media(max-width:640px){

	.address{display: none}

	.logo2{display: block}

	.logo{display: none}

	.logo1{display: block}

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

	.nav1{display: block}

	.anniu{display: block}

	.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;}

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

	.footer{display: none}

	.fixed-footer{display: block;position: fixed;z-index: 999999;}

	.col-xs-12{display: none}

	.bg p{font-size: 14px}
	
	.bg{ margin-bottom:8%}

}

@media(max-width:414px){

	.bg p{font-size: 14px;height:auto;overflow: hidden;text-overflow: ellipsis;}

	.xiala2{width:3%;position: absolute;right:36%;top:38%}

.xiala2 img{width:100%}

.xiala3{width:3%;position: absolute;right:36%;top:38%}

.xiala3 img{width:100%}

.xiala4{width:3%;position: absolute;right:36%;top:38%}

.xiala4 img{width:100%}

	.detail{margin-top:28%;font-size: 20px}

}

@media(max-width:320px){

	.detail{margin-top:28%;font-size: 20px}

}