/* CSS Document */
@media screen and (max-width: 1920px) {
	.index-main4-content .product-list {
		width: 15.5%;
		margin-right: 1%
	}

	.product-text p {
		height: 70px;
	}
}

@media screen and (max-width: 1820px) {

	.header-main,
	.foot1-main,
	.foot2-main,
	.copy-right,
	.index-main1-content,
	.index-main4-content {
		width: 92%;
	}

	.header-nav {
		width: 86%
	}

	.header-logo {
		width: 14%
	}

	.header-nav-left {
		width: 88%
	}

	.header-nav-right {
		width: 5%
	}

	.foot1-main ul {
		width: 15.66666%;
		margin-right: 1%
	}

	.foot-list1,
	.foot-list2,
	.foot-list3,
	.foot-list4 {
		width: 24%;
		margin-right: 1%
	}

	.foot-news-img {
		width: 20%;
	}

	.foot-news-text {
		width: 75%
	}

	.inner-banner-title1 {
		top: 10%;
		margin-top: 0
	}

	.banner-text h2 {
		margin-top: 50px;
	}

	.banner-text {
		top: 10%
	}

	.banner-text p {
		margin-bottom: 30px;
	}

	.index-main1-content {
		width: 85%;
	}

	.bx-wrapper .bx-controls-direction a {
		top: 50%;
		margin-top: -72px;
	}

	.main3-hover-box h2 {
		margin-top: 30px;
		margin-bottom: 5px;
		font-size: 20px;
	}

	.main3-hover-box p {
		line-height: 20px;
		height: 60px;
	}

	.index-main4-content .product-list {
		width: 15.5%;
		margin-right: 1%
	}

	.index-main4-content .product-text p {
		line-height: 15px;
	}
}

@media screen and (max-width: 1380px) {
	.header-nav-left li a {
		padding: 0 15px;
	}

	.inner-banner-title,
	.about-part1-content {
		width: 92%;
		margin-left: -46%
	}

	.inner-nav-main,
	.about-part3-content,
	.about-part3-content p,
	.application-main3-content,
	.download-main-content,
	.application-main1-content,
	.contact-part1-main,
	.contact-part2-main,
	.product-main1-content,
	.product-main2-content,
	.product-road-main,
	.product-detail-main1-content,
	.product-detail-maioshu-content {
		width: 92%;
	}

	.about-brand-list img {
		display: inline-block;
		width: 30.333%;
		margin-left: 1%;
		margin-right: 1%
	}

	.foot1-main ul {
		width: 32.33333%
	}

	.copy-right-right ul li {
		margin-right: 5px;
	}

	.application-main3-list-l {
		width: 40%;
	}

	.application-main3-list-r {
		width: 57%;
		float: right;
		margin-left: 0
	}

	.application-main1-content,
	.contact-part1-main {
		padding-left: 2%;
		padding-right: 2%
	}

	.contact-message-list {
		width: 48%;
		margin-right: 2%
	}

	.contact-message-list2 textarea {
		width: 96.5%
	}

	.product-list {
		width: 23%;
		margin-right: 1%;
	}

	.product-road-main-left {
		width: 80%;
	}

	.product-road-main-right {
		width: 20%
	}

	.inner-banner-title1 h1 {
		margin-bottom: 10px;
	}

	.product-class-main1-content {
		width: 92%;
		padding: 20px 2%;
		margin-left: -48%
	}

	.product-class-main1-content li {
		width: 23%;
		margin-right: 2%
	}

	.product-main2-title1 h1 {
		width: 40%;
	}

	.product-detail-big {
		width: 60%;
	}

	.product-detail-text {
		width: 38%;
		margin-left: 2%;
		padding-top: 30px;
	}

	.select-menu,
	.select-menu1 .select-menu-div {
		width: 100%;
	}

	.prodetail-contact a {
		margin-bottom: 20px;
	}

	.main3-hover-box {
		top: 5%;
		height: 90%;
		width: 90%;
		padding: 0 4%;
		margin-left: -49%
	}

	.index-main4-content .product-list {
		width: 32%
	}

	.contact-message-list1 p {
		margin-left: 20px;
		width: 400px;
		font-size: 14px;
		line-height: 24px;
		color: #a9a9a9;
	}
}

@media screen and (max-width: 1200px) {
	.header-nav-left {
		display: none
	}

	.header-nav {
		height: 109px;
		width: 100%
	}

	.header-logo {
		width: 220px;
		position: absolute;
		left: 0;
		top: 0
	}

	.header-main {
		position: relative
	}

	.header-nav-right {
		width: 100%;
	}

	.header-menu-lsit {
		width: 92%;
		padding-left: 8%
	}

	.header-search-down {
		width: 100%;
		padding-left: 8%;
		padding-right: 8%;
		right: -8%
	}

	.header-search-down div input {
		font-size: 20px;
	}

	.about-part1-content {
		position: static;
		margin-left: 4%
	}

	.about-part1-content-text {
		width: 100%;
	}

	.about-part1-img {
		width: 96%;
	}

	.about-part2-content,
	.application-detail-main2-content,
	.banner-text {
		width: 92%
	}

	.foot-list1,
	.foot-list2,
	.foot-list3,
	.foot-list4 {
		width: 48%;
		margin-right: 2%
	}

	.copy-right-left p,
	.copy-right-left ul,
	.copy-right-right p,
	.copy-right-right ul,
	.copy-right-left span {
		display: block;
		margin: 0;
		text-align: left;
		font-size: 12px;
		margin-left: 20px;
	}

	.copy-right-left ul li {
		margin-right: 3px
	}

	.copy-right-left,
	.copy-right-right {
		width: 100%;
		line-height: 32px;
		float: none
	}

	.copy-right {
		padding: 20px 0 0 0;
	}

	.product-list {
		width: 31.3333%;
		margin-right: 1%;
	}

	.product-class-main1-content {
		position: static;
		margin-left: auto;
		margin-right: auto;
		width: 96%
	}

	.product-class-main1 {
		height: auto
	}

	.banner-text {
		margin-left: -46%
	}

	.banner-text h1 {
		font-size: 36px;
		line-height: 36px;
		margin-bottom: 15px;
	}

	.banner-text img {
		width: 300px;
	}

	.banner-text h2 {
		margin-top: 20px;
	}

	.index-main3 li {
		width: 100%;
	}

	.main3-hover-box a {
		display: -none
	}
}

@media screen and (max-width: 1023px) {
	.download-list {
		width: 46%;
	}

	.quality-part1-left,
	.team-left,
	.quality-part1-right,
	.team-right {
		width: 100%;
	}

	.application-main1-list li,
	.contact-part1-main li {
		width: 100%;
		margin-right: 0;
		height: auto;
		padding-bottom: 25px;
	}

	.application-main2-content {
		width: 92%;
	}

	.product-list,
	.index-main4-content .product-list {
		width: 47%;
		margin-right: 1%;
		margin-left: 1%;
		margin-bottom: 15px;
	}
}

@media screen and (max-width:900px) {
	#banner {
		display: none;
	}

	#banner1 {
		display: block
	}
}

@media screen and (max-width:750px) {

	.index-main1{
		padding-top: 140px;
	}

	.foot-pc{
		display: block;
	}

	.c-vi{
		width: 100%;
	}

	.inner-nav,
	.about-part1,
	.about-part2,
	.about-part3,
	.foot1,
	.foot2,
	.application-main3,
	.application-detail-main2,
	.download-main,
	.download-main,
	.contact-part2,
	.product-main1,
	
	.index-main2,
	.index-main4 {
		padding: 40px 0
	}

	.product-main2{
		padding: 150px 0px
	}

	.inner-nav-title h1,
	.application-detail-main1 h1,
	.contact-part1-main h1,
	.contact-part2-main h1,
	.application-main1-content h1 {
		font-size: 32px;
		line-height: 32px;
		margin-bottom: 15px;
	}

	.inner-nav-list div {
		margin: 0 5px;
		margin-bottom: 10px;
	}

	.inner-nav-list div a {
		font-size: 14px;
	}

	.about-part1-content-text h1,
	.about-part2-content h1,
	.quality-part1-left h1,
	.team-left h1,
	.product-detail-main1-title h1,
	.product-detail-main1-title h2,
	.related-product {
		font-size: 24px;
		line-height: 24px;
		margin-bottom: 15px;
	}

	.about-offer-list div a {
		padding: 7px 0px;
		display: block;
		width: 100%;
		text-align: center
	}

	.about-offer-list {
		margin: 20px 0 0 0
	}

	.about-offer-list div {
		margin-left: 2%;
		margin-right: 2%;
		width: 44%;
	}

	.about-brand-list {
		margin: 20px 0
	}

	.foot1-main ul {
		width: 100%;
		margin-right: 0;
		height: auto;
		margin-bottom: 20px;
	}

	.foot-list1,
	.foot-list2,
	.foot-list3,
	.foot-list4 {
		width: 100%;
		margin-right: 0%;
		margin-bottom: 25px;
	}

	.foot2-main h1 {
		margin-bottom: 15px;
	}

	.copy-right {
		margin-top: 40px;
	}

	.inner-banner img.mobile-inner-banner {
		display: block;
	}

	/* .inner-banner img.pc-inner-banner {
		display: none;
	} */

	.inner-banner-title h1 {
		font-size: 24px;
		line-height: 24px;
	}

	.application-main3-list-l {
		width: 100%;
		margin-bottom: 20px;
	}

	.application-main3-list-r {
		width: 100%;
	}

	.application-main3-list-r p,
	.application-main3-list-r h1 {
		margin-bottom: 15px;
	}

	.application-detail-main2-miaoshu p,
	.application-detail-main2-content-title {
		margin-bottom: 20px;
	}

	.application-detail-main2-miaoshu {
		padding: 0
	}

	.application-detail-main2-content-title h1 {
		font-size: 20px;
		line-height: 24px;
		margin-bottom: 20px;
	}

	.application-detail-main1 {
		height: auto;
		padding: 20px 0
	}

	.application-detail-main1 h1 {
		margin-bottom: 0
	}

	.download-list,
	.product-main2-title h1 {
		margin-bottom: 20px;
	}

	.quality-part2 li {
		width: 100%;
		margin-right: 0
	}

	.quality-part2 {
		margin-top: 20px;
	}

	.team-left h1 {
		margin-top: 0px;
	}

	.contact-part1-main p,
	.application-main1-content p {
		margin-bottom: 20px;
	}

	.application-main1-content {
		padding-top: 40px;
	}

	.contact-message-list {
		width: 96%;
		margin-right: 0%;
		margin-bottom: 12px;
	}

	.application-main1 {
		padding: 0;
	}

	.contact-message-list1 p,
	.product-road-main-right {
		display: -none;
		width: 380px;
		margin: 0;
	}

	.contact-message-list input.contact-code {
		width: 32%;
	}

	.contact-btn button {
		width: 48%;
		margin-right: 1%;
		padding-left: 0;
		padding-right: 0
	}

	.select-menu2,
	.select-menu {
		display: block;
		float: none;
		width: 100%;
	}

	.product-main1-menu ul,
	.product-class-main1-menu ul {
		display: -none;
		width: 92%
	}

	.product-class-main1-menu ul {
		width: 96%
	}

	.product-class-main1-content li,
	.select-menu-ul li {
		width: 98%;
		margin-right: 0%;
		padding-left: 2%;
		margin: 10px 0px;
	}

	.select-menu-ul {
		width: 92%
	}

	.select-menu2 .select-menu-input {
		background: #fff;
		width: 98%;
		padding-left: 2%
	}

	.product-main1-menu,
	.select-menu-div {
		width: 100%;
	}

	.product-main1-title {
		margin-bottom: 30px;
	}

	.product-main1-menu li {
		width: 97%;
		padding: 15px 0px 15px 3%;
		line-height: 20px;
	}

	.product-main1 {
		width: 100%;
		background: url(../image/product_main1_bg1.jpg) no-repeat center bottom;
		background-size: cover;
		padding-bottom: 300px;
	}

	.download-text p,
	.product-text p {
		font-size: 12px;
		line-height: 18px;
	}

	.inner-banner-title1 {
		top: 10%;
		margin-top: 0
	}

	.product-class-main1-content {
		position: absolute;
		margin-left: -48%;
		width: 92%;
		top: 30px;
	}

	.product-class-main1 {
		height: 165px
	}

	.inner-banner-title1 p br {
		display: none
	}

	.product-main2-title1 h1 {
		width: 100%;
		float: none;
		margin-top: 20px;
		text-align: left;
		margin-bottom: 30px;
	}

	.product-road-main-left {
		width: 100%;
		line-height: 24px;
	}

	.product-road {
		height: auto;
		overflow: visible;
		line-height: 24px;
		padding: 15px 0
	}

	.product-detail-big {
		width: 100%;
	}

	.product-detail-text {
		width: 100%;
		margin-left: 0%;
		padding-top: 30px;
	}

	.prodetail-contact a {
		float: none
	}

	.product-detail-maioshu-title,
	.product-detail-maioshu-text {
		width: 92%
	}

	.product-detail-maioshu-title {
		font-size: 24px;
		line-height: 50px;
		height: 50px;
	}

	.slide-hover-box h2 {
		margin-top: 20px;
		margin-bottom: 10px;
		font-size: 20px;
	}

	.slide-hover-box p {
		font-size: 12px;
		line-height: 18px;
		height: 90px;
		margin-bottom: 10px;
	}

	.slide-hover-box a {
		font-size: 16px;
		padding: 3px 10px;
	}

	.index-main2-content {
		width: 92%;
	}

	.index-main2-content h1 {
		margin-bottom: 25px;
	}

	.index-main3 li h1 {
		top: 20px;
		font-size: 16px;
		line-height: 24px;
	}

	.index-main4-title {
		margin-bottom: 30px;
	}

	.more-page a {
		width: 20px;
	}

	.more-page a.page-prev {
		margin-right: 20px;
	}

	.more-page a.page-next {
		margin-left: 20px;
	}

	.more-page a.page-prev,
	.more-page a.page-next {
		width: 44px;
		height: 44px;
		line-height: 44px;
	}
}

@media screen and (max-width:400px) {
	.header-logo {
		width: 180px;
		height: 109px;
	}

	.header-menu {
		margin-left: 20px;
	}

	.about-brand-list img {
		width: 92%;
		margin-bottom: 15px;
	}

	.foot-news-text p {
		font-size: 14px;
		line-height: 20px;
	}

	.product-class-main1-content h1 {
		font-size: 20px;
	}

	.inner-banner-title1 p {
		line-height: 20px;
	}

	.banner-text img {
		width: 60%;
	}

	.banner-text h2 {
		font-size: 20px;
	}

	.banner-text p {
		margin-bottom: 15px;
		font-size: 14px;
		line-height: 20px;
	}

	.banner-text h1 {
		font-size: 28px;
		line-height: 28px;
	}

	.main3-hover-box h2 {
		margin-top: 10px;
	}


}

@media screen and (max-height: 720px) {
	.about-detail-content {
		height: 330px;
	}
}

@media screen and (max-height: 500px) {
	.mobile-nav {
		height: 200%;
		overflow-y: scroll
	}
}