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

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

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

	color: #666;}

.first_box{width:62.5%;margin-left:18.75%;/*background:#155da1;*/margin-top:1%;padding-bottom: 2%;padding-top:1%}

.left_box{font-size: 16px;color:#333;line-height: 28px; margin-left:1%;text-indent: 2em;}

.left_box p{font-size:16px;color: #333;text-indent:2em;}

.right_box{float:right;width:49%;height:auto;margin-top:1%;overflow: hidden}

.right_box img{width:100%;transition: 2s}

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

.first_box p{font-size: 16px;color:#333;/*line-height: 30px; margin-left:1%;margin-top:2%*/}

.banner{width:62.5%;position: relative;/*background-image: url(../images/18.jpg);*/height:auto;margin-left:18.75%;padding-top:2%;padding-bottom: 4%;margin-top:3%}

.zuo{width:40%;background:none;float:left;margin-left:2%}

.zuo .one{width:50%;position:relative;z-index: 3;transition: 2s}

.zuo .one:hover{transform:scale(1.2)}

.zuo .two{width:55%;position:relative;margin-top:-10%;margin-left:2%;transition: 2s}

.zuo .three{position: relative;width:40%;margin-left:55%;margin-top:-95%;transition: 2s}

.zuo .four{position: relative;width:40%;margin-left:60%;margin-top:10%;transition: 2s}

.zuo .two:hover{transform:scale(1.2)}

.zuo .three:hover{transform:scale(1.2)}

.zuo .four:hover{transform:scale(1.2)}

.you{width:40%;float:right;margin-right:2%;color:#333;font-size: 16px;line-height: 30px;text-indent: 2em}

.banner2{width:62.5%;margin:0 auto;}

.left{width:49%;float:left}

.right{width:49%;float:right;margin-right:-4%}

.yueke{font-size: 16px;text-indent: 2em;margin-top:10%;line-height: 30px;

	color: #333;}

.zhengjian{width:100%;margin-top:8%}

.zhengjian img{width:100%}

.guangzhou{font-size: 16px;margin-top:5%;line-height: 30px;text-indent: 2em;

	color: #333;}

.product_bg{width:100%;margin-top:3%;position: relative;background-image: url(../images/7457b42ee9b7e9d.jpg);height:auto;padding-top:2%}

.product_bg h1{font-size: 18px;color:#fff;margin-left:18.75%}

.center_box{margin-left:14.75%;width:75.5%;margin-top:5%}

.small_box{float:left;width:20%;margin:2% 6.6%}

.pic:hover{transform:translate(0,-20%);box-shadow: 0 8px 8px rgba(0,0,0,0.5)}

.pic{width:90%;transition: 2s;box-shadow: 0 0 8px rgba(0,0,0,0.5)}

.pic img{width:100%}

.small_box p{font-size: 16px;color:#fff;line-height: 28px;margin-top:2%;margin-left:2%}

@media(max-width:1900px){

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

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

}

@media(max-width:1400px){

	.zuo{float:none;margin-left:0;width:100%}



}

@media(max-width:1200px){

	.blue_line{display: none}

	.about{display: none}

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

	.left_box{float:none;width:100%;margin-left:0}

	.right_box{float:none;width:100%}

	.banner2{width:100%}

	.left{float:none;width:100%}

	.right{float:none;width:100%;}

	.right img{width:100%}

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

}

@media(max-width:768px){

	.navbar-text{display:none}
	
	.col-xs-12{ display:none}
	
	.jianjie{ margin-top:20%}

}

@media(max-width:640px){

	.address{display: none}

	.logo2{display: block}

	.logo{display: none}

	.logo1{display: block}

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

	.nav1{display: block}

	.anniu{display: block}

	.first_box p{font-size: 14px}

	.left_box{font-size: 18px}

	.yueke{font-size: 14px}

	.guangzhou{font-size: 14px}

	.center_box{width:90%;margin-left:5%}

	.product_bg h1{font-size: 20px;}

	.small_box{float:left;width:40%;margin:2% 5%}

	.pic{width:100%}

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

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

	.you{float:none;margin-right:0;width:100%;margin-top:5%;font-size: 14px}
	
	.product_bg{ 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%}

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

}

@media(max-width:375px){

	.small_box{margin:8% 5%}

	.jianjie{margin-top:26%;font-size: 20px}

}