@charset "utf-8";
/* 全局文字大小10px，1rem就等于10px*/
html {
	font-size:10px;
	color:#000;
}
/*去掉边界与修改默认字体*/
body, div, dl, dt, ul, li, h1, h2, h3, h4, h5, h6, input, form, a, p, textarea {
   margin: 0;
   padding:0;
   font-family:"微软雅黑", "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-size: 1.6rem;
}

/*去掉列表前面的小点*/
ul, ol, li {
   list-style: none;
}
/*去掉超链接下划线以及定义默认链接样式*/
a {
   text-decoration: none;
}
a:link,a:visited{color:#000;}
a:active,a:hover{color:#2a5790;}
/*去掉图片边框*/
img {
   border: none;
   max-width:100%;
}

input,select,button,textarea{border:none; background: none;}
input{border:0;outline:none;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"] {-webkit-appearance: none; outline:medium;font-family:Microsoft YaHei;}
button{cursor:pointer;}
i,em,cite{ font-style:normal;}



/*清除浮动*/
.clearfloat {
   zoom:1;
}
.clearfloat:after{
   display: block;
   clear: both;
   content: "";
   visibility: hidden;
   height: 0;
}
/* 基础通用样式 */
.elli{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.container{margin: 0 auto; width: 100%;}
.content{width: 90vw;margin: 0 auto;}
/* 媒体查询 */
@media screen and (max-width:767px) {
}
/* 小屏幕下 */
@media screen and (min-width:768px) {

}

@media screen and (max-width:991px) {
	.pc-head,.index-pro-list{
		display: none !important;
	}
	.index-pro-item{
		width: 100%  !important;;
	}
	.index-pro-item img{
		width: 100%  !important;;
	}
	.index-pro-item-title{
		font-size: 3.6rem !important;
	}
	.index-news-box-list{
		border-top: none  !important;
		margin-top:1rem !important;
	}

	.detail_list_box_item {
		width: 100% !important;
		border:none !important;
		padding:10px;
	}

	.pc-product-nav{
		display: none;
	}
	.index-about-box{
		width: 100%;
	}
	.index-about-flex{
		flex-wrap:wrap;
	}
	.index-about-flex1{
		flex-wrap: wrap-reverse;
	}
	.index-kcpt-box{
		width: 100%;
	}
	.index-news-box{
		width: 100%;
	}
	.index-news-box-text{
		width: 100%;
		margin-left: 0;
	}
	.index-news-box-text h4{
		margin-top: 6rem;
	}
	.bottom-left{
		width: 100%;
	}
	.bottom-right{
		width: 100%;
	}
	.bottom-list{
		margin-top: 2rem;
	}

}
@media screen and (min-width:992px) {
	.menu-head,.index-pro-list-wap{
		display: none !important;
	}
	
	.menu-product-nav{
		display: none;
	}
	.index-about-flex{
		flex-wrap:wrap;
	}
	.index-about-box{
		width: 50%;
	}
	.index-kcpt-box{
		width: 47%;
	}
	.index-news-box{
		width: 50%;
	}
	.index-news-box-text{
		width: 90%;
		margin-left: 10%;
	}
	.bottom-left{
		width: 410px;
	}
	.bottom-right p{
		text-align: right;
	}

}
/* pc端下面 */
@media screen and (min-width:1200px) {
	
}