.nav-wrap-btn {
	display: none;
}

.banner .owl-carousel img {
    animation: zoom 2s;
}

@keyframes zoom {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.2);
    }
    100% {
        transform: scale(1);
    }
}
.pr-img img:hover,
.pro-img img:hover
{
	opacity: 0.8;
	 transition: opacity 1s ease;
}

@media only screen and (max-width:1200px ) {
	/* index start */
	.container-1 .container-1-left {
	    padding: 50px 25px 50px 150px;
	}
	.banner-text .xg1{font-size: 50px;}
	.banner-text .xg2,
	.banner-text .xg3
	{
		font-size: 40px;
	}
	.container-1 .container-1-right .content-list .content-item .cont-up {
	    font-size: 40px;
	    line-height: 25px;
	    margin: 40px 0 10px 0;
	}
	/* index end */
	
	/* about start */
	.container-2 .content3 .item {
	    max-width: 300px;
	}
	.container-2 .content-right {
	    margin-left: 20px;
	}
	/* about end */
	/* product start */
	.pro-h-right {
	    width: 50%;
	}
	.sub-tijiao {
	    max-width: 677px;
		width: 100%;
	}
	/* product end */
	/* news */
	.news-list .new-right {
	    width: 100%;
	}
	.news-list .new-right .item-title {
	    width: 100%;
	    max-width:1024px;
	}
	.news-list .new-right .item-desc {
	    width: 100%;
	    max-width: 1024px;
	}
}
@media only screen and (max-width:992px ) {
	
}

@media only screen and (max-width:768px ) {
	/* index start */
	.container-1 .container-1-left {
	    padding: 20px 15px 20px 20px;
	}
	.banner-text .xg1{font-size: 32px;}
	.banner-text .xg2,
	.banner-text .xg3
	{
		font-size: 30px;
	}
	.container-1 .container-1-right .content-list .content-item .cont-up {
	    font-size: 26px;
	    line-height: 25px;
	    margin: 20px 0 5px 0;
	}
	.container-1 .container-1-right .content-list .content-item .cont-down {
	    font-size: 14px;
	    line-height: 20px;
	}
	.container-1 .container-1-left .title1 {
	    font-size: 28px;
	}
	.nav .nav-list {
	    display: none;
	}
	
	/* product */
	
	.pro-header {
	    margin-top: 10px;
		flex-wrap: wrap;
	}
	.probox {
	    max-width: 450px;
	    max-height: 450px;
		width: 100%;
		height: auto;
	}
	.probox img {
	    max-width: 450px;
	    max-height: 450px;
		width: 100%;
		height: auto;
		vertical-align: top;
	}
	.pro-header .pro-h-left .imgbox-list .imgboxitem {
	    max-width: 329px;
	}
	.pro-h-right h1 {
	    font-size: 18px;
	    line-height: 20px;
	    margin-bottom: 16px;
	}
	.pro-h-right {
	    width: 100%;    
		margin-left: 0px;
		margin-top: 10px;
	}
	/* 导航按钮 */
	.nav-wrap {
		display: block;
	}
}
@media only screen and (max-width:678px ) {
	/* index start */
	.container-1 {
	    flex-wrap: wrap;
	}
	.container-1 .container-1-left {
	    
	    width: 100%;
	}
	.container-1 .container-1-left .cotent {
	    padding: 20px 0;
	}
	.container-1 .container-1-right {
	    padding: 40px 25px;
	    width: 100%;
	}
	.banner-text .xg1{font-size: 18px;}
	.banner-text .xg2,
	.banner-text .xg3
	{
		font-size: 16px;
	}
	.container-1 .container-1-right .content-list .content-item .cont-up {
	    font-size: 26px;
	    line-height: 25px;
	    margin: 20px 0 5px 0;
	}
	.container-1 .container-1-right .content-list .content-item .cont-down {
	    font-size: 14px;
	    line-height: 20px;
	}
	.container-1 .container-1-left .title1 {
	    font-size: 28px;
	}
	.nav .nav-list {
	    display: none;
	}
	
	.foot_up .container{
		flex-wrap:wrap;
	}
	.foot-right-list {
	    width: 100%;
	}
	.container-2 .header-div {
	    margin: 10px 0;
	}
	.container-2 .header-div h1 {
	    padding: 0 0 10px 0;
	}
	.container-2 .header-div .my-desc p {
	    display: none;
	}
	.pro-list .pro-item {
	    width: 100%;
	    margin-bottom: 30px;
	}
	.pro-list .pro-item .pro-title {
	    font-size: 18px;
	    margin: 5px 0 5px 5px;
	}
	.pro-list .pro-item .pro-desc {
	    font-size: 14px;
	    margin: 5px 0 5px 5px;
	}
	.container-2 {
	    padding: 10px 0 20px 0;
	}
	.pro-list {
	    margin-bottom: 10px;
	}
	
	.container-3 .container {
	    padding: 30px 0;
	}
	.container-3 .my-desc {
	    padding: 10px 0 7px 0;
	}
	.container-3 .my-desc p{
	    font-size: 14px;
	}
	.container-3 .container .pro-list .pro-item {
	    width: 100%;
	    padding: 20px 0;
	}
	.container-4 .container {
	    padding: 30px 0;
	}
	.container-4 .container .header-div {
	    padding-bottom: 20px;
	}
	.container-4 .container .pro-list .pro-item {
	    width: 25%;
	}
	.container-5 {
	    flex-wrap: wrap;
		padding:0!important;
	}
	.container-5 .container-5-left {
		padding: 20px 0 20px 0;
	}
	.container-5 .container-5-left, .container-5 .container-5-right {
	    width: 100%;
		padding: 20px 20px;
	}
	.container-5-left .c5-desc {
	    font-size: 16px;
	}
	.header .logo {
	    margin: 10px 0;
	}
	.header .logo img {
	    max-width: 100px;
	}
	.pro-list .pro-item .pro-img {
	    margin: 0 auto;
	}
	/* index end */
	/* abount */
	.container-1 .content1 {
	    padding: 20px 0;
		flex-wrap: wrap;
	}
	.container-1 .content2 .content-item {
	    width: 50%;
		margin-top: 10px;
	}
	.container-1 .content-left, .container-1 .content-right {
	    width: 100%;
	}
	.container-1 .content1 .content-left {
	    font-size: 18px;
		display: flex;
	}
	.container-1 .content1 .content-left p{
	    margin-right: 10px;
	}
	.container-1 .content2 {
	    padding: 30px 0;
	}
	.container-1 .content2 .content-item .header-title {
	    font-size: 20px;
	}
	.container-1 .content2 .content-item .header-desc {
	    font-size: 14px;
	}
	.container-2 .content1 {
	    margin: 20px 0;
	}
	.content2 {
		flex-wrap: wrap;
	}
	.container-2 .content1 .content-right .header-title {
	    font-size: 28px;
	}
	.container-2 .content2 .content-item{
		width: 100%;
	}
	.container-2 .content2 {
	    padding-bottom: 29px;
	}
	.container-2 .content3 {
	    margin: 30px 0;
	}
	.container-2 .content3 .title {
	    margin-bottom: 31px;
	}
	.container-2 .content3 .flex {
		flex-wrap: wrap;
		justify-content: center;
	}
	/* about end */
	/* product start */
	.container-1 .product.content1 .content-left {
		display: block;
	}
	.product .content-left {
	    max-width: 585px;
		margin-right: 0;
		margin-bottom: 10px;
	}
	.product .pro-list .pro-item .pr-img {
	    max-width: 585px;
		overflow: hidden;
	}
	.product .pro-list .pro-item .pr-img img {
	    width: 100%;
	    height: auto;
	}
	.product .pro-list .pro-item {
	    margin-bottom: 25px;
	}
	.product {
	    margin-top: 0px;
	}
	.pro-header {
	    margin-top: 10px;
		flex-wrap: wrap;
	}
	.probox {
	    max-width: 450px;
	    max-height: 450px;
		width: 100%;
		height: auto;
	}
	.probox img {
	    max-width: 450px;
	    max-height: 450px;
		width: 100%;
		height: auto;
		vertical-align: top;
	}
	.imgbox-list {
	    width: 313px;
	}
	.pro-header .pro-h-left .imgbox-list .imgboxitem {
		max-width: 266px;
	}
	.pro-h-right h1 {
	    font-size: 18px;
	    line-height: 20px;
	    margin-bottom: 16px;
	}
	.pro-h-right {
	    width: 100%;    
		margin-left: 0px;
		margin-top: 10px;
	}
	/* product end */
	/* news */
	.news-list .news-item {
	    flex-wrap: wrap;    
		padding: 10px 0;
	}
	.news-list .first-one .news-img {
	    max-width: 568px;
	    width: 100%;
	    margin-right: 0;
	}
	.news-list .first-one .news-desc {
	    width: 100%;
	}
	.news-list .first-one .news-desc .header-title {
	    margin: 8px 0 8px 0;
		font-size:18px;
	}
	.news-list .first-one .news-desc .header-desc3 {
	    height: 40px;
	    font-size: 12px;
	    -webkit-line-clamp: 2;
	    margin-bottom: 10px;
	}
	.news-list .news-item .news-item-time {
	    display: none;
	}
	.news-list .news-item .news-item-more {
	    margin: 8px 0 0 8px;
	}
	.news-list .news-item .news-item-content .item-title {
	    font-size: 18px;
	}
	.news-list .news-item .news-item-content .item-desc {
	    font-size: 14px;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
		color: #000000;
	}
	/* news */
	.news-list .new-right {
	    width: 100%;
	}
	.news-list .new-right .item-title {
	    width: 100%;
	    max-width: 300px;
	}
	.news-list .new-right .item-desc {
	    width: 100%;
	    max-width: 300px;
	}
	.news-list .news-left .news-content img{
		width: 100%;
	}
	
	
	/* 导航按钮 */
	.nav.nav-wrap {
	    display: block;
		width:100%;
		left: 0;
		top: 48px;
		position: fixed;
	}
	.nav.nav-wrap .nav-list {
		background-color: #fff;
		width: 100%;
		color:#000;
	}
	.nav.nav-wrap .nav-list {
		background-color: #fff;
		width: 100%;
		color:#000;
	}
	.header-list {
		position: fixed;
		background: #000;
	}
	.nav.nav-wrap ul.nav-list li a {
	    color: #000;
	    margin: 15px 0;
	}
	.nav.nav-wrap ul.nav-list li {
	    padding: 0;
	    margin: 0 10px;
	    list-style: none;
	}
	.nav-wrap-btn {
		display: block;
		right: 8px;
		top: 10px;
	}
	.nav-wrap-btn img{
		width: 30px;
	}
}
@media only screen and (max-width:520px ) {
}