/*
* @Author: Dodo
* @Date:   2020-01-07 09:46:46
 * @Last Modified by: Dodo
 * @Last Modified time: 2020-02-26 08:32:27
*/
@media screen and (max-width: 1439px){

	/*============================= public */
	/* footer */
	.foot-top{
		padding-right: 210px;
	}

	/*============================= index */
	.index-area-a1 .span-title{
		font-size: 22px;
		line-height: 22px;
	}

		
	.news-main .index-news-a1{
		margin-bottom: 30px;
	}
}
@media screen and (min-width: 1366px){

	/*============================= index */
	.index-product .row{
		margin-left: -20px;
		margin-right: -20px;
	}
	.index-product .row>div{
		padding-left: 20px;
		padding-right: 20px;
	}

	.brand-main .row>div{
		width: 20%;
	}

	.product-rela .row{
		margin-left: -20px;
		margin-right: -20px;
	}
	.product-rela .row>div{
		padding-left: 20px;
		padding-right: 20px;
	}

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

	/*============================= public */
	/* index */
	.header .a-logo{
		left: 2.6%;
	}
	.header .a-logo img{
		width: 170px;
	}
	.nav-toggle{
		padding-left: 21.2%;
	}
	.header-right{
		right: 2.6%;
	}
	.nav-list li .span-a1 a{
		font-size: 16px;
	}
	/* footer */
	.foot-share{
		right: 15px;
	}

	/*============================= index */
	.banner-owl .owl-dots{
		bottom: 20px;
	}
	.banner-a1{
		height: auto;
	}
	.banner-a1 picture{
		display: block;
	}
	.banner-nav{
		position: relative;
	}
	.banner-nav-a1{
		padding: 15px 20px;
	}

	.index-product-a1{
		margin-bottom: 30px;
	}

	.index-why-01 .div-zi{
		font-size: 36px;
		width: 80px;
		height: 80px;
		line-height: 80px;
	}
}
@media (min-width: 1281px) and (max-width: 1399px){
	
}
@media (min-width: 1200px) and (max-width: 1365px){



}
@media screen and (min-width: 1200px){

	/*============================= public */
	.nav-down{
		visibility: hidden;
		filter:alpha(opacity=0);
		-moz-opacity:0;
		-khtml-opacity: 0;
		opacity: 0;
		-webkit-transition: all 0.5s ease 0s;
		-moz-transition: all 0.5s ease 0s;
		-o-transition: all 0.5s ease 0s;
		transition: all 0.5s ease 0s;
	}
	.nav-list li:hover .span-a1 a{
		color: #fabb00;
	}
	.nav-list li:hover .span-a1 a::after{
		left: 0;
		right: 0;
		background: #fabb00;
	}
	.nav-list li:hover .nav-down{
		visibility: visible;
		filter:alpha(opacity=100);
		-moz-opacity:1;
		-khtml-opacity: 1;
		opacity: 1;
	}
	.nav-style1 .a-img:hover img{
		-webkit-transform:scale(1.1);
		-moz-transform:scale(1.1);
		-o-transform:scale(1.1);
		transform:scale(1.1); 
	}
	.nav-style1 .div-title a:hover,
	.nav-style1 .div-cont .span-01 a:hover{
		color: #fabb00;
	}

	
	.nav-owl .owl-nav button.owl-prev:hover{
		background-image: url('../images/arrow-lefth.png');
	}
	.nav-owl .owl-nav button.owl-next:hover{
		background-image: url('../images/arrow-righth.png');
	}
	.nav-owl-a1:hover{
		color: #fabb00;
	}
	.nav-owl-a1:hover .span-img img{
		-webkit-transform:scale(1.1);
		-moz-transform:scale(1.1);
		-o-transform:scale(1.1);
		transform:scale(1.1); 
	}

	.header-search .mg-icon:hover{
		-webkit-transform:rotate(90deg);
		-moz-transform:rotate(90deg);
		-o-transform:rotate(90deg);
		transform:rotate(90deg); 
	}

	.header:hover{
		background: #fff;
	}
	
	.header:hover .a-logo img{
		filter:alpha(opacity=0);
		-moz-opacity:0;
		-khtml-opacity: 0;
		opacity: 0;
	}
	.header:hover .a-logo .mg1{
		filter:alpha(opacity=100);
		-moz-opacity:1;
		-khtml-opacity: 1;
		opacity: 1;
	}
	.header:hover .nav-list li .span-a1 a{
		color: #333;
	}
	



	/* footer */
	.foot-list li a:hover{
		color: #fff;
	}
	.foot-copy a:hover{
		color: #fff;
	}
		

	/*============================= index */
	.banner-nav-a1:hover{
		background: #fabb00;
	}
	.banner-nav-a1:hover .span-title{
		color: #fff;
	}

	.index-product-a1:hover{
		-webkit-box-shadow:0 0 10px rgba(103,103,103,.1);
		-moz-box-shadow:0 0 10px rgba(103,103,103,.1);
		box-shadow:0 0 10px rgba(103,103,103,.1);
	}
	.index-product-a1:hover .span-title{
		transform: translateY(-55px);
	}

	.index-product-more:hover{
		background: #fabb00;
		color: #fff;
	}

	.index-area{
		background-attachment: fixed;
	}
	.index-area .area ul li .img-bg:hover .cove{
		filter:alpha(opacity=100);
		-moz-opacity:1;
		-khtml-opacity: 1;
		opacity: 1;
	}

	.index-brand-a1:hover .span-img{
		-webkit-box-shadow:0 0 10px rgba(103, 103, 103, .2);  
		-moz-box-shadow:0 0 10px rgba(103, 103, 103, .2);  
		box-shadow:0 0 10px rgba(103, 103, 103, .2); 
	}
	.index-brand-a1:hover .span-title{
		color: #fabb00;
	}

	.index-why-01:hover::before{
		visibility: visible;
		filter:alpha(opacity=100);
		-moz-opacity:1;
		-khtml-opacity: 1;
		opacity: 1;	
		transform: translateY(0);
	}

	
	.index-news-owl .owl-nav button.owl-prev:hover,
	.about-history-owl .owl-nav button.owl-prev:hover{
		background-image: url('../images/arrow-left2h.jpg');
	}
	.index-news-owl .owl-nav button.owl-next:hover,
	.about-history-owl .owl-nav button.owl-next:hover{
		background-image: url('../images/arrow-right2h.jpg');
	}

	.index-why{
		background-attachment: fixed;
	}

	.index-news-a1:hover .bdo-title{
		color: #fabb00;
	}

	/*============================= 02_关于我们 */
	.public-bream a:hover::before{
		left: 0;
		right: 0;
	}

	.about-concept{
		background-attachment: fixed;
	}

	.about-honor-a1:hover .span-title{
		color: #fabb00;
	}

	/*============================= 05_产品中心_详情页 */
	.product-tab-title .span-01.on{
		color: #fabb00;
	}
	.product-tab-title .span-01.on::before{
		left: 0;
		right: 0;
	}

	.product-pages .div-01 a:hover span{
		color: #fabb00;
	}

	/*============================= 05_产品中心_详情页 */
	.news-main .index-news-a1:hover{
		-webkit-box-shadow:0 0 10px rgba(103, 103, 103, .2);  
		-moz-box-shadow:0 0 10px rgba(103, 103, 103, .2);  
		box-shadow:0 0 10px rgba(103, 103, 103, .2); 
	}

	/*============================= 10_联系我们 */
	.contact-message{
		background-attachment: fixed;
	}
}
@media screen and (max-width: 1199px){

	/*============================= public */
	/* index */
	.header{
		padding: 15px;
	}
	.header .a-logo{
		position: relative;
		left: 0;
		float: left;
		transform: translateY(0);
	}
	.header-bream{
		display: block;
	}
	.header .mg-search{
		display: block;
	}
	.nav-toggle{
		position: absolute;
		left: 0;
		top: 100%;
		right: 0;
		height: calc(100vh - 70px);
		visibility: hidden;
		background: #fff;
		border-top: 1px solid #fabb00;
		padding-left: 15px;
		padding-right: 15px;
		padding-bottom: 30px;
		overflow: auto;
	}
	.nav-toggle.on{
		visibility: visible;
	}
	.header-right{
		display: none;
	}
	.nav-list{
		display: block;
	}
	.nav-list li{
		position: relative;
	}
	.nav-list li .span-a1 a{
		line-height: 60px;
		color: #333;
	}
	.nav-list li .bdo-icon{
		position: absolute;
		right: 0;
		top: 0;
		width: 60px;
		height: 60px;
		line-height: 60px;
		font-size: 24px;
		display: block;
		text-align: center;
		cursor: pointer;
	}
	.header-right{
		position: static;
	}
	.nav-down{
		display: none;
		position: static;
	}
	.nav-style1 .a-img{
		display: none;
	}
	.nav-style1 .div-list{
		float: none;
		width: 100%;
	}
	.nav-style1 .div-cont .span-01{
		width: 20%;
		min-width: 20%;
		padding-right: 20px;
	}


	.header.on{
		background: #fff;
	}

	.header.on .a-logo img{
		filter:alpha(opacity=0);
		-moz-opacity:0;
		-khtml-opacity: 0;
		opacity: 0;
	}
	.header.on .a-logo .mg1{
		filter:alpha(opacity=100);
		-moz-opacity:1;
		-khtml-opacity: 1;
		opacity: 1;
	}
	.header.on .nav-list li .span-a1 a{
		color: #333;
	}
	



	/* footer */
	.foot-top{
		padding-right: 135px;
		padding-bottom: 25px;
	}
	.foot-ewm{
		width: 100px;
	}

	/*============================= index */
	.banner-nav .container{
		display: block;
		font-size: 0;
	}
	.banner-nav-a1{
		display: inline-block;
		padding-left: 30px;
		padding-right: 30px;
	}
	
	.index-why-01{
		margin: 0 5px;
		margin-bottom: 10px;
	}
	.index-why-01::before{
		visibility: visible;
		filter:alpha(opacity=100);
		-moz-opacity:1;
		-khtml-opacity: 1;
		opacity: 1;	
		transform: translateY(0);
	}

	.index-intro-num{
		display: block;
		text-align: center;
	}
	.index-intro-num .div-01{
		width: 30%;
	}

	.index-news-owl{
		padding-left: 50px;
		padding-right: 50px;
	}
	.index-news-owl .owl-nav button.owl-prev, 
	.index-news-owl .owl-nav button.owl-next{
		width: 30px;
		height: 30px;
	}
	
	/*============================= 10_联系我们 */
	.contact-map{
		float: none;
		width: 100%;
		border-radius: 0 0 5px 5px;
	}
	.contact-01{
		position: static;
		width: 100%;
		transform: translateY(0);
		border-radius: 5px 5px 0 0;
	}

	.span-anchor{
		margin-top: -70px;
	}
}
@media (min-width: 992px){

	/*============================= public */
	



}
@media (min-width: 992px) and (max-width: 1199px){

	/*============================= public */
	
}
@media (max-width: 991px){

	/*============================= public */
	/* footer */
	.foot-top{
		display: flex;
		padding-right: 0;
		justify-content: center;
		align-items: center;
	}
	.foot-list li{
		display: none;
	}
	.foot-list,.foot-list li:first-child{
		display: block;
	}
	.foot-list,.foot-ewm{
		margin: 0 50px;
	}
	.foot-ewm{
		position: static;
	}
	.foot-ewm img{
		max-width: 120px;
	}

	.pages{
		display: none;
	}
	.pages a{
		margin: 0 3px;
	}
	.pages a,
	.pages a:first-child, .pages a:last-child{
		width: auto;
		padding-left: 20px;
		padding-right: 20px;
	}
	.pages-phone{
		display: block;
	}

	/*============================= index */
	.index-intro-num .div-01 span{
		font-size: 50px;
	}
	.index-intro-num .div-01 span sup{
		font-size: 16px;
		line-height: 16px;
		top: -20px;
	}

	/*============================= 02_关于我们 */
	.public-bream a{
		line-height: 50px;
		font-size: 16px;
	}
	.about-history-owl{
		padding-left: 100px;
		padding-right: 100px;
	}

	.about-culture-01 .div-img img{
		height: 120px;
	}
	.about-culture-01 .div-title{
		font-size: 22px;
	}

	/*============================= 08_新闻资讯_列表页 */
	.news-main .index-news-a1{
		margin-bottom: 20px;
	}
	.news-main .index-news-a1 .bdo-des{
		height: auto;
	}
	.news-main .index-news-a1 .span-img{
		padding-bottom: 30%;
	}
	
}
@media (min-width: 768px) and (max-width: 991px){
}

@media screen and (min-width: 768px){
	
}
@media screen and (max-width: 767px){

	/*============================= public */
	/* index */
	.header{
		padding: 10px 15px;
	}
	.header .a-logo img{
		width: auto;
		height: 30px;
	}
	.header .mg-search{
		width: 30px;
	}
	.header-bream{
		margin-top: 3px;
	}
	.nav-toggle{
		height: calc(100vh - 50px);
	}
	.nav-down-search{
		padding-right: 100px;
	}
	.nav-down-search .put-01{
		padding-left: 35px;
	}
	.nav-down-search .but-01{
		width: 80px;
	}
	.nav-style1 .div-cont .span-01{
		width: 50%;
	}
	.header-search .div-search{
		width: 250px;
	}
	.header-search .div-search .put-01{
		height: 30px;
		line-height: 30px;
	}
	.header-search .mg-icon{
		margin-left: 20px;
	}

	/* footer */
	.footer{
		padding-top: 30px;
	}
	.foot-list{
		display: none;
	}
	.foot-share{
		position: static;
		transform: translateY(0);
		margin-bottom: 10px;
	}
	.foot-share .bshare-custom{
		text-align: center;
	}
	.foot-copy{
		text-align: center;
	}

	/* pages */
	/* .pages a{
		display: none;
	}
	.pages a:first-child,.pages a:last-child{
		display: inline-block;
	} */
	

	/*============================= index */
	.banner-nav-a1{
		padding: 15px 10px;
		font-size: 14px;
		line-height: 24px;
		margin-top: 5px;
		min-width: 28%;
	}
	.banner-nav-a1 .span-img img{
		height: 35px;
	}

	.index-title .div-en{
		font-size: 32px;
		line-height: 32px;
		padding-bottom: 17px;
		background-size: 4px 15px;
	}
	.index-title .div-cn{
		font-size: 22px;
		line-height: 22px;
	}

	.index-product{
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.index-product .row{
		margin-left: -5px;
		margin-right: -5px;
		margin-top: 30px;
		padding-bottom: 15px;
	}
	.index-product .row>div{
		padding-left: 5px;
		padding-right: 5px;
	}
	.index-product-a1{
		margin-bottom: 10px;
	}
	.index-product-a1 .bdo-title{
		font-size: 14px;
	}
	.index-product-more{
		width: 150px;
		height: 44px;
		line-height: 44px;
		font-size: 14px;
	}

	.index-area{
		padding-top: 30px;
	}
	.index-area .area{
		margin-top: 30px;
	}
	.index-area-a1 .span-title{
		font-size: 20px;
		line-height: 20px;
	}

	.index-brand{
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.index-brand-owl{
		padding-left: 0;
		padding-right: 0;
	}
	.index-brand-owl .div-01{
		padding-left: 5px;
		padding-right: 5px;
	}
	.index-brand-a1 .span-title{
		font-size: 14px;
		line-height: 24px;
		margin-top: 5px;
	}

	.index-why{
		padding-top: 30px;
		padding-bottom: 158px;
	}
	.index-why .row{
		margin: 30px 5px 0;
	}
	.index-why-01 .div-zi{
		font-size: 30px;
		width: 70px;
		height: 70px;
		line-height: 70px;
	}
	.index-intro-main{
		padding: 30px 15px 20px;
	}
	.index-intro-main .div-des{
		font-size: 14px;
		line-height: 24px;
	}
	.index-intro-num .div-01 span{
		position: relative;
		font-size: 32px;
		display: block;
		line-height: 42px;
	}
	.index-intro-num .div-01 span sup{
		position: absolute;
		top: inherit;
	}

	.index-news{
		padding-top: 30px;
		padding-bottom: 30px;
	}
	
	.index-news-owl{
		padding-left: 0;
		padding-right: 0;
		margin-top: 30px;
	}
	.index-news-owl .owl-nav button.owl-prev, 
	.index-news-owl .owl-nav button.owl-next{
		width: 30px;
		height: 30px;
	}
	.index-news-a1 .bdo-title{
		font-size: 16px;
		line-height: 26px;
	}
	.index-news-a1 .bdo-des{
		margin-top: 10px;
	}
	/*============================= 02_关于我们 */
	.about-intro{
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.about-title{
		padding-bottom: 18px;
		background-size: 4px 15px;
	}
	.about-title .div-en{
		font-size: 32px;
		line-height: 32px;
	}
	.about-title .div-cn{
		font-size: 22px;
		line-height: 22px;
		margin-top: -9px;
	}

	.about-history{
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.about-history-owl .owl-item.center .about-history-year{
		font-size: 40px;
		line-height: 60px;
		padding-top: 0;
	}
	.about-history-owl .owl-nav button.owl-prev, .about-history-owl .owl-nav button.owl-next{
		width: 35px;
		height: 35px;
		bottom: 15px;
	}

	.about-culture{
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.about-culture-01{
		margin-top: 20px;
	}
	.about-culture-01 .div-img img{
		height: 100px;
	}
	.about-culture-01 .div-title{
		margin-top: 10px;
	}
	.about-culture-01 .div-des{
		margin-top: 5px;
	}

	.about-honor{
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.about-honor-owl{
		margin-top: 25px;
	}
	.about-honor-a1 .span-title{
		font-size: 14px;
		line-height: 24px;
		margin-top: 5px;
	}

	.brand-main .row{
		margin-left: -7px;
		margin-right: -7px;
	}
	.brand-main .row>div{
		padding-left: 7px;
		padding-right: 7px;
	}
	/*============================= 04_产品中心_列表页 */
	.produt-main{
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.produt-main .row{
		margin-left: -5px;
		margin-right: -5px;
	}
	.produt-main .row>div{
		padding-left: 5px;
		padding-right: 5px;
	}

	.product-tab-title .span-01{
		line-height: 60px;
		font-size: 16px;
	}
	.product-tab-nr .div-01{
		font-size: 14px;
	}

	.product-intro .index-why-01::before{
		background: rgba(255,255,255,1);
	}

	.product-intro-01{
		padding-left: 15px;
		padding-right: 15px;
		margin-top: 20px;
	}

	.product-rela{
		padding-top: 15px;
		padding-bottom: 30px;
	}
	.product-rela .row{
		margin-left: -5px;
		margin-right: -5px;
	}
	.product-rela .row>div{
		padding-left: 5px;
		padding-right: 5px;
	}
	.product-pages{
		padding-right: 80px;
	}
	/*============================= 09_新闻资讯_详情页 */
	.news-art{
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.news-art-title .span-01{
		font-size: 24px;
		line-height: 34px;
	}
	.news-art .div-des{
		margin-top: 20px;
		font-size: 14px;
		line-height: 24px;
	}

	/*============================= 10_联系我们 */
	.contact-cont{
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.contact-01{
		padding: 20px 20px;
	}
	.contact-01 .div-title{
		font-size: 26px;
		line-height: 36px;
	}
	.contact-01 .div-cont{
		padding-right: 0;
	}
	.contact-01 .div-ewm{
		float: none;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 30px;
	}

	.contact-job{
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.contact-job-list{
		margin-top: 20px;
	}
	.contact-job-list li .div-des{
		font-size: 14px;
	}

	.contact-message{
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.contact-form .pub-01{
		margin-top: 15px;
	}
	.contact-form .put-01{
		height: 50px;
		line-height: 30px;
	}

	.span-anchor{
		margin-top: -50px;
	}
}
@media screen and (max-width:374px){

	/*============================= public */
	.pages a,
	.pages a:first-child, .pages a:last-child{
		padding-left: 15px;
		padding-right: 15px;
	}

	/*============================= index */
	.index-title .div-en{
		font-size: 30px;
		line-height: 30px;
		padding-bottom: 17px;
		background-size: 4px 15px;
	}
	.index-intro-num .div-01 span{
		font-size: 26px;
	}
}