@charset "utf-8";
/* CSS Document */


@media only screen and (min-width: 1500px){
	
	.nav-top-news .container{
		width:1500px;
	}
	
}

@media only screen and (max-width: 1500px){
	
	.nav-top-news .navbar-brand .l1500{
		display:none;
	}

	.nav-top-news .navbar-brand .s1500{
		display:block;
	}
	
	.nav-logo-txtbox{
		display: none;
	}
	
	.nav-top-news .navbar-nav > li > a{
		padding:0 15px;
	}
	
	.nav-top-news .container{
		width:1200px;
	}
	
	.banner-in .imgboxtitle{
		font-size: 42px;
	}
	
	.banner-in .w1520{
		width:1170px;
	}
}


@media only screen and (max-width: 1200px){
	.intro-box01 .intro-black,.intro-box01 .intro-white,.intro-box02 .intro-white{
		width:100%;
		height:auto;
		padding-bottom: 40px;
	}
	
	.intro-box02 .intro-img{
		width:100%;
		height:auto;
		padding-bottom: 40px;
		padding-top: 40px;
	}
	
	.prodetailbox-left,.prodetailbox-right,.prodetailbox02-left,.prodetailbox02-right{
		width:100%;
		padding:0 50px;
	}
	
	.prodetailbox-right,.prodetailbox02-left,.prodetailbox02-right{
		padding-bottom: 40px;
	}
	
	.nav-top-news .nav-phone{
		display: none;
	}
	
	.imgBox01-pro img{
		margin-top: -80px;
	}
	
	.banner-in .w1520{
		width:970px;
	}
}


@media only screen and (max-width:1000px){
	
	
	
	.nav-top-news .navbar-header{
		height:auto;
		line-height: 36px;
	}
	
	.nav-top-news .navbar-header img{
		width:140px;
		margin-top: 20px;
	}
	
	.banner-in .w1520{
		width:770px;
	}
	
	.banner-in .imgboxtitle{
		font-size: 30px;
	}
	
	.banner-in h2{
		font-size: 24px;
	}
	
	.banner-in h3{
		font-size: 18px;
	}
	
	.banner-in img{
		width:200px;
	}
	
	.banner-in{
		height:400px;
	}
}

@media only screen and (max-width: 768px){
	.nav-top-news .navbar-header{
		height:50px;
		line-height: 50px;
	}
	
	.nav-top-news .navbar-header img{
		margin-top: 0px;
	}
	
	.nav-top-news .container{
		width:100%;
	}
	
	body{
		padding-top: 50px;
	}
	
	.box01-right,.box01-left,.box02-left,.box02-right{
		width:100%;
	}
	
	.box01-right{
		margin-top: 0;
		float: none;
	}
	
	.box01-left{
		position: relative;
		padding-top: 20px;
		height: auto;
		padding-bottom: 20px;
	}
	
	.box01-left-top{
		display: none;
	}
	
	.box02-right{
		padding-right: 50px;
	}
	
	.box01-right-bg,.box02-left,.box04-bg{
		height:300px;
		background-size: auto 100%;
		
	}
	
	.box04-bg{
		margin-bottom: 15px;
	}
	
	.box-bg-color{
		height:300px;
		padding-top:135px;
	}
	
	.box03-top-h5{
		text-align: left;
	}
	
	.box03,.box04,.box05{
		padding-left: 15px;
		padding-right:15px;
	}
	
	.box01-left,.box01-right01,.box02-right{
		padding-left: 30px;
		padding-right:30px;
	}
	
	.footer-navbox,.imgBoxin,.imgBox01-pro{
		display: none;
	}
	
	.footerbox-01 img{
		padding-left: 0px;
		padding-top: 40px;
		padding-bottom: 20px;
	}
	
	.footerbox-04{
		text-align: left;
		padding-top: 20px;
	}
	
	.footerbox{
		padding-bottom: 20px;
	}
	
	
	
	.imgBox1{
		background-image: url(../images/banner-02-heng.jpg);
	}
	
	.imgBox2{
		background-image: url(../images/banner-01-heng.jpg);
	}
	
	.banner dl{
		height:360px;
		background-size: 100% auto;
	}
	
	.box02-right-p,.box01-left-top-p,.box-right01-text,.box04 p{
		font-size: 14px;
	}
	
	.nav-top-news .navbar-nav > li > a{
		margin-top: 0px;
		margin-bottom: 0px;
		line-height: 46px;
		background-color: rgba(0,132,186,1.00);
		border-bottom: solid 1px white;
		color: white;
	}
	
	.banner-in .w1520{
		width:79%;
	}
	
	.banner-in .imgboxtitle{
		font-size: 28px;
	}
	
	.banner-in h2{
		font-size: 20px;
	}
	
	.banner-in h3{
		font-size: 14px;
	}
	
	.banner-in img{
		width:150px;
	}
	
	.banner-in{
		height:360px;
	}
	
	.banner-in .w1520 .imgboxtitle,.banner-in .w1520 h2{
		color:white;
	}
	
	.prodetailbox-left{
		width:100%;
		padding:0;
	}
	
	.prodetailbox-right,.prodetailbox02-left,.prodetailbox02-right{
		padding:0 15px;
	}
}

@media only screen and (max-width: 480px){
	.nav-pro > li{
		width:50%;
		padding:0 5px;
	}
	
	.box-right01-title{
		font-size: 36px;
	}
	
	.nav-pro > li > a{
		width:100%;
		margin-right: 0;
	}
	
	.nav-pro > li + li{
		margin-left: 0;
	}
	
	.imgBox1{
		background-image: url(../images/banner-02-shu.jpg);
	}
	
	.imgBox2{
		background-image: url(../images/banner-01-shu.jpg);
	}
	
	.banner dl{
		height:300px;
		background-size: 100% auto;
	}
	
	.footerbox-02,.footerbox-03{
		line-height: 26px;
	}
	
	.intro-box01 .intro-white h1, .intro-box02 .intro-white h1{
		padding-top: 40px;
	}
}