@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

}



.center {

	width: 62.5%;

	margin: 5% auto;

	position: relative;

	height: auto

}



.left {

	width: 40%;

	float: left;

	z-index: 3;

	position: relative;

	margin-left: 0

}



.left img {

	width: 100%

}



.right {

	float: right;

	width: 90%;

	border: 2px solid #155da1;

	margin-top: -15%;

	padding-top: 3%;

	padding-bottom: 2%;

}



.right h1 {

	font-size: 22px;

	color: #155da1;

	font-family: "Adobe 黑体 Std";

	text-align: center;

	margin-left: 22%

}



.right p {

	font-size: 16px;

	line-height: 30px;

	margin-left: 35%;

	margin-top: 3%;

	width: 60%

}



.more {

	width: 85px;

	height: 30px;

	background: #155da1;

	text-align: center;

	line-height: 30px;

	color: #fff;

	font-size: 16px;

	margin-left: 35%;

	margin-top: 3%

}



.more a {

	color: #fff

}



.center1 {

	width: 62.5%;

	margin: 5% auto;

	position: relative;

	height: auto

}



.left1 {

	width: 40%;

	float: right;

	margin-right: 0;

	z-index: 3;

	position: relative;

}



.left1 img {

	width: 100%;

	margin-left: 8%

}



.right1 {

	float: left;

	width: 90%;

	border: 2px solid #155da1;

	padding-top: 3%;

	padding-bottom: 2%;

	margin-top: -15%

}



.right1 h1 {

	font-size: 22px;

	color: #155da1;

	font-family: "Adobe 黑体 Std";

	text-align: center

}



.right1 p {

	font-size: 16px;

	line-height: 30px;

	margin-left: 8%;

	margin-top: 3%;

	width: 62%

}



.more1 {

	width: 85px;

	height: 30px;

	background: #155da1;

	text-align: center;

	line-height: 30px;

	color: #fff;

	font-size: 16px;

	margin: 0 auto

}



.more1 a {

	color: #fff

}





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

	}



	.sjdb {

		width: 100%;

	}



	.navbar-text {

		display: none

	}

}



@media(min-width:1200px) and (max-width:1900px) {



	.sjdb {

		width: 100%;

	}


.lgboxs{width:50%}


}



@media(max-width:1200px) {



	.blue_line {

		display: none

	}



	.about {

		display: none

	}



    
	.product {

		margin-top: 8%

	}



	.footer {

		margin-top: 2%

	}



	.sjdb {

		width: 100%;

	}

}

@media(max-width:1024px){

}

@media(max-width:768px) {

     


	.navbar-text {

		display: none

	}

.left1 img{margin-left:0}

	.sjdb {

		width: 100%;

	}



	.center {

		width: 100%;

	}



	.left {

		float: none;

		width: 100%

	}



	.right {

		float: none;

		width: 100%;

		margin-top: 4%

	}



	.center1 {

		width: 100%;

	}



	.left1 {

		float: none;

		width: 100%

	}



	.right1 {

		float: none;

		width: 100%;

		margin-top: 4%

	}



	.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: 28px

	}



	.nav1 {

		display: block

	}
	
    .page{ padding-bottom:15%}

	.anniu {

		display: block

	}



	.right p {

		width: 100%;

		margin-left: 0

	}



	.right1 p {

		width: 100%;

		margin-left: 0

	}



	.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;
		position: fixed;
        z-index: 9999;

	}



	.col-xs-12 {

		display: none

	}



	.more {

		margin: 0 auto;

		font-size: 14px

	}



	.sjdb {

		width: 100%;

		margin-bottom: 15%

	}



	.right h1 {

		font-size: 18px;
		
		margin-left:0;

	}



	.right p {

		font-size: 14px;

		text-indent: 2em

	}



	.right1 h1 {

		font-size: 18px

	}



	.right1 p {

		font-size: 14px;

		text-indent: 2em

	}



	.more1 {

		margin: 0 auto;

		font-size: 14px

	}



	.left1 img {

		margin-left: 0

	}

}



@media (min-width:411px) and (max-width:414px) {



	.right p {

		height: 55px;

		text-overflow: ellipsis;

		overflow: hidden;

	}
 


	.right1 p {

		height: 55px;

		text-overflow: ellipsis;

		overflow: hidden;

	}


   .page{ padding-bottom:15%}
	




	.product {

		margin-top: 29%;

		font-size: 20px

	}



	.sjdb {

		width: 100%;

	}



}



@media(max-width:411px) {



	.sjdb {

		width: 100%;

		margin-bottom: 20%

	}
	
	 .page{ padding-bottom:15%}

}



@media(max-width:375px) {



	.sjdb {

		width: 100%;

	}
	 .page{ padding-bottom:15%}
	
}





@media(max-width:360px) {


 .page{ padding-bottom:15%}




}





@media(max-width:320px) {



	.footer {

		margin-top: 60%

	}



	.product {

		margin-top: 29%;

		font-size: 28px

	}


    .page{ padding-bottom:15%}


	.sjdb {

		width: 100%;

	}

}