@charset "utf-8";

/*手机*/
@media only screen and (max-width: 767px) {

	.header-main-search input{
		width: 100%;
	}



	.navbar-toggle {
		position: relative;
		float: right;
		padding: 9px 10px;
		margin-top: 35px;
		margin-right: 15px;
		margin-bottom: 8px;
		background-color: transparent;
		background-image: none;
		border: 1px solid transparent;
		border-radius: 4px;
	}


	.container-fluid > .navbar-collapse, 
	.container-fluid > .navbar-header, 
	.container > .navbar-collapse, 
	.container > .navbar-header {
		margin-right: 0px;
		margin-left: 0px;
	}
	.navbar-nav {
		margin: 7.5px 0px;
	}
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, 
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
		color: #d10546;
	}
	.navbar-nav > li > .u-dropdown-menu-bg > ul > li.open > ul > li.open > a,
	.navbar-nav > li > .u-dropdown-menu-bg > ul > li > ul > li > a:hover, 
	.navbar-nav > li > .u-dropdown-menu-bg > ul > li > ul > li > a:focus {
		color: #d10546;
	}
	.navbar-nav > li > .u-dropdown-menu-bg > ul > li.open > ul > li.open > ul > li > a {
		padding-left: 40px;
	}

	.my-slider ul li h2{
		position: absolute;
		display: inline-block;
		text-align: center;
		width: 100%;
		left: 0;
		top: 20px;
		z-index: 2;
		color: #ffffff;
		font-size: 30px;
		font-size: 3rem;
		font-weight: 700;
	}
	.home-product-category-item a {
		position: absolute;
		z-index: 2;
		top: 90px;
		left: 20px;
		text-decoration: none;
		color: #000000;
	}

	.home-fixed-banner-1{
		width: 100%; 

		padding: 10px 0; 
		background: url(../images/home-fixed-banner-1.jpg) center no-repeat; 
		background-size: cover; 
		/* background-attachment: fixed;  */
		overflow: hidden;
	}
	.home-fixed-banner-2{
		width: 100%; 

		padding: 10px 0; 
		background: url(../images/home-fixed-banner-2.jpg) center no-repeat; 
		background-size: cover; 
		/* background-attachment: fixed;  */
		overflow: hidden;
	}
	.home-fixed-banner-3{
		width: 100%; 

		padding: 10px 0; 
		background: url(../images/home-fixed-banner-3.jpg) center no-repeat; 
		background-size: cover; 
		/* background-attachment: fixed;  */
		overflow: hidden;
	}



	.home-fixed-banner-1-title h2 {
		text-align: center;
		font-size: 30px;
		font-size: 3rem;
		margin-top: 70px;
		margin-bottom: 20px;
	}
	.home-fixed-banner-1-content {
		font-weight: 300;
		padding: 30px;
		line-height: 28px;
		font-size: 18px;
		font-size: 1.8rem;
	}
	.home-fixed-banner-2-title h2 {
		text-align: center;
		font-size: 30px;
		font-size: 3rem;
		margin-top: 70px;
		margin-bottom: 20px;
	}
	.home-fixed-banner-2-content {
		font-weight: 300;
		padding: 30px;
		line-height: 28px;
		font-size: 18px;
		font-size: 1.8rem;
	}
	.home-fixed-banner-3-title h2 {
		text-align: center;
		font-size: 30px;
		font-size: 3rem;
		margin-top: 70px;
		margin-bottom: 20px;
	}
	.home-fixed-banner-3-content {
		font-weight: 300;
		padding: 30px;
		line-height: 28px;
		font-size: 18px;
		font-size: 1.8rem;
	}
	.home-news-content{
		margin-bottom: 30px;
	}



	.text-style{
		text-align: center;
	}
	.other-right-title h2{
		color: #000000;
		font-size: 30px;
		font-size: 3rem;
		margin-top: 0;
		margin-bottom: 20px;
	}
}
/*平板*/
@media screen and (min-width: 768px) and (max-width: 991px) {
	.header-main-search input{
		width: 80%;
	}

	.container-fluid > .navbar-collapse, 
	.container-fluid > .navbar-header, 
	.container > .navbar-collapse, 
	.container > .navbar-header {
		margin-right: 0px;
		margin-left: 0px;
	}
	.navbar-nav {
		margin: 7.5px 0px;
	}
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, 
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
		color: #d10546;
	}
	.navbar-nav > li > .u-dropdown-menu-bg > ul > li.open > ul > li.open > a,
	.navbar-nav > li > .u-dropdown-menu-bg > ul > li > ul > li > a:hover, 
	.navbar-nav > li > .u-dropdown-menu-bg > ul > li > ul > li > a:focus {
		color: #d10546;
	}
	.navbar-nav > li > .u-dropdown-menu-bg > ul > li.open > ul > li.open > ul > li > a {
		padding-left: 40px;
	}
	.dropdown-submenu > .dropdown-menu {
		left: auto;
		right: 100%;
	}

	.my-slider ul li h2{
		position: absolute;
		display: inline-block;
		text-align: center;
		width: 100%;
		left: 0;
		top: 80px;
		z-index: 2;
		color: #ffffff;
		font-size: 50px;
		font-size: 5rem;
		font-weight: 700;
	}
	.home-product-category-item a {
		position: absolute;
		z-index: 2;
		top: 60px;
		left: 20px;
		text-decoration: none;
		color: #000000;
	}
	.home-product-category-item h2 {
		font-size: 22px;
		font-size: 2.2rem;
	}

	.home-fixed-banner-1{
		width: 100%; 
	
		padding: 10px 0; 
		background: url(../images/home-fixed-banner-1.jpg) center no-repeat; 
		background-size: cover; 
		/* background-attachment: fixed;  */
		overflow: hidden;
	}
	.home-fixed-banner-2{
		width: 100%; 
	
		padding: 10px 0; 
		background: url(../images/home-fixed-banner-2.jpg) center no-repeat; 
		background-size: cover; 
		/* background-attachment: fixed;  */
		overflow: hidden;
	}
	.home-fixed-banner-3{
		width: 100%; 

		padding: 10px 0; 
		background: url(../images/home-fixed-banner-3.jpg) center no-repeat; 
		background-size: cover; 
		/* background-attachment: fixed;  */
		overflow: hidden;
	}


	.home-fixed-banner-1-title h2 {
		text-align: center;
		font-size: 50px;
		font-size: 5rem;
		margin-top: 100px;
		margin-bottom: 30px;
	}
	.home-fixed-banner-2-title h2 {
		text-align: center;
		font-size: 50px;
		font-size: 5rem;
		margin-top: 100px;
		margin-bottom: 30px;
	}
	.home-fixed-banner-3-title h2 {
		text-align: center;
		font-size: 50px;
		font-size: 5rem;
		margin-top: 100px;
		margin-bottom: 30px;
	}


	.text-style{
		text-align: center;
	}
	.other-right-title h2{
		color: #000000;
		font-size: 30px;
		font-size: 3rem;
		margin-top: 0;
		margin-bottom: 20px;
	}

	.product-img-thumb{
		width: 100%;
		margin: 0 auto;
	}
	.sp-large a {
		display: block;
		text-align: center;
	}
	.product-parameter-share{
		margin-bottom: 40px;
	}

}

/*普通显示器*/
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.header-main-search input{
		width: 80%;
	}
	.navbar-default .navbar-nav > li > a{
		padding-left:20px;
		padding-right:20px;
	}
	.dropdown-submenu > .dropdown-menu {
		left: auto;
		right: 100%;
	}

	.my-slider ul li h2{
		position: absolute;
		display: inline-block;
		text-align: center;
		width: 100%;
		left: 0;
		top: 100px;
		z-index: 2;
		color: #ffffff;
		font-size: 90px;
		font-size: 9rem;
		font-weight: 700;
	}
	.home-product-category-item a {
		position: absolute;
		z-index: 2;
		top: 80px;
		left: 20px;
		text-decoration: none;
		color: #000000;
	}
	.home-product-category-item h2 {
		font-size: 22px;
		font-size: 2.2rem;
	}

	.home-fixed-banner-1{
		width: 100%; 

		padding: 10px 0; 
		background: url(../images/home-fixed-banner-1.jpg) center no-repeat; 
		background-attachment: fixed; 
		overflow: hidden;
	}
	.home-fixed-banner-2{
		width: 100%; 
 
		padding: 10px 0; 
		background: url(../images/home-fixed-banner-2.jpg) center no-repeat; 
		/* background-size: cover; */ 
		background-attachment: fixed; 
		overflow: hidden;
	}
	.home-fixed-banner-3{
		width: 100%; 

		padding: 10px 0; 
		background: url(../images/home-fixed-banner-3.jpg) center no-repeat; 
		/* background-size: cover; */ 
		background-attachment: fixed; 
		overflow: hidden;
	}

	.other-right-case .other-right-case-text h3 {
		font-size: 20px;
		font-size: 2rem;
		font-weight: 700;
		margin-top: 40px;
		margin-bottom: 10px;
	}



	.other-right-title h2{
		color: #000000;
		font-size: 30px;
		font-size: 3rem;
		margin-top: 0;
		margin-bottom: 20px;
	}
}
/*大显示器*/
@media screen and (min-width: 1200px) {
	.navbar-default .navbar-nav > li > a{
		padding-left:35px;
		padding-right:35px;
	}
	.other-right-title h2{
		color: #000000;
		font-size: 30px;
		margin-top: 0;
		margin-bottom: 20px;
	}

	.home-fixed-banner-1-main,.home-fixed-banner-2-main,.home-fixed-banner-3-main{
		width: 1200px;
	}

	.home-fixed-banner-1{
		width: 100%; 
	
		padding: 10px 0; 
		background: url(../images/home-fixed-banner-1.jpg) center no-repeat; 
		background-attachment: fixed; 
		overflow: hidden;
	}
	.home-fixed-banner-2{
		width: 100%; 

		padding: 10px 0; 
		background: url(../images/home-fixed-banner-2.jpg) center no-repeat; 
		/* background-size: cover; */ 
		background-attachment: fixed; 
		overflow: hidden;
	}
	.home-fixed-banner-3{
		width: 100%; 

		padding: 10px 0; 
		background: url(../images/home-fixed-banner-3.jpg) center no-repeat; 
		/* background-size: cover; */ 
		background-attachment: fixed; 
		overflow: hidden;
	}
}






