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

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

.honor{text-align: center;font-size: 24px;color:#fff}

.english{font-size: 14px;color:#fff;font-family: "Arial";text-align: center;margin-top:0.5%;text-transform: uppercase;}

.center{width:64.5%;margin-left:18.75%;margin-top:2%;}

.small{width:23%;float:left;margin:0 1%;transition: 2s}

.small img{width:100%;height:auto}

.small:hover{transform:translate(0,-20%) rotate3d(10,20,30,45deg);box-shadow: 0 8px 8px rgba(0,0,0,0.5)}

.banner1{width:100%;position:relative;margin-top:1%;background-image: url(../images/41.jpg);height:auto;padding-top:2%;padding-bottom:2%}

.qiye{font-size: 24px;color:#fff;text-align: center}

.qiye_english{font-size: 14px;color:#fff;text-align: center;font-family: "Arial";margin-top:0.5%;text-transform: uppercase;}

.box{width:52%;margin-top:2%;margin-left:25%}

.left{float:left;width:48%;position: relative}

.left img{width:100%}

.right{float:right;width:48%;margin-top:-1%;}

.pic1{width:100%;position: relative}

.pic1 img{width:100%}

.pic2{width:100%;position: relative}

.pic2 img{width:100%;}

.scale{width:10%;position: absolute;right:2%;top:3%;box-shadow: -5px 5px 10px #afafaf}

.scale1{width:10%;position: absolute;right:1%;top:2%;box-shadow: -5px 5px 10px #afafaf}

.scale2{width:10%;position: absolute;right:1%;top:2%;box-shadow: -5px 5px 10px #afafaf;}

.cooperate{font-size: 24px;text-align: center;margin-top:3%}

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

.img{width:62.5%;margin:2% auto}

.img img{width:100%}

.lgbox{width:64.5%;margin:0 auto}

.mdbox{width:23%;float:left;margin:0 1%}

.mdbox img{width:100%}

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

	.qiye_english{top:15%}

}

@media(max-width:768px){

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

}

@media(max-width:640px){

	.address{display: none}

	.logo2{display: block}

	.logo{display: none}

	.logo1{display: block}

	.banner{margin-top:9%}

	.nav1{display: block}

	.anniu{display: block}

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

	/*.small:nth-child(4){margin-top:-35%}*/

	.small{width:48%;margin:2% 1%}

	.honor{font-size: 20px;margin-top: 16%}

	.qiye{font-size: 20px;}

	.cooperate{font-size: 20px;}

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

	.qiye_english{top:12%}

	.img{width:100%}

	.lgbox{width:100%}

	.mdbox{width:48%;float:left;margin:0 1%}

	.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}
	
	.hzhb{ margin-bottom:15%}

}

@media(max-width:414px){

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

}

@media(max-width:375px){

	.box{top:24%}

}