@charset "utf-8";
/* CSS Document */
/* 公共样式开始*/
body,div,dl,dt,dd,ul,ol,li,h,h1,h2,h3,h4,h5,h6,form,input,table,tbody,p,th,td,em{
	-webkit-text-size-adjust:none;
	margin:0;padding:0;border:none;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	list-style-type: none;
	color: #333;
}
html,body{
	height:100%;
	color: #fff;
	margin: 0;
	padding: 0;
	font-family:微软雅黑;
	background: #fff;
}
html {
	font-size: 62.5%;
}/*10 ÷ 16 × 100% = 62.5%*/
body {
	font-size: 1.6rem;
}/*1.4 × 10px = 14px */

*{margin: 0; padding: 0;}
ol, ul{
	margin: 0!important;
}

/*产品小分类标题*/
.smalltitlelist{
	width: 100%;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	float:left;
	margin-top: 2rem;
	margin-bottom: 2rem;
}
.smalltitlelist ul{
	list-style-type: none;
}
.smalltitlelist ul li{
	float:left;
	line-height: 3rem;
	margin:0 5px 10px 5px;
	text-align: center;
	width: 48%;
	border: 1px #ccc solid;
	
}

.smalltitlelist ul li a{
	float:left;
	color: #666;
	text-decoration: none;
	font-size: 1.6rem;
	overflow: hidden;/*超出部分隐藏*/
    white-space: nowrap;/*不换行*/
    text-overflow:ellipsis;/*超出部分文字以...显示*/
	height: 30px;
	line-height: 30px;
	padding: 5px 0;
    text-align: center;
	width: 100%;

	
}
 .abc a:hover{
	background: #f08519;
	float:left;
	color: #fff;
	text-align:center;
}
.active a{
	background: #f08519;
	color: #fff !important;	
	text-align:center;
}
/*产品小分类标题结束*/

/*产品列表开始*/

/*鼠标经过图片样式
.btn01 {
    width: 100%;
    overflow: hidden;
    position: relative;
	margin-bottom: 15px;
}
.btn01 img {
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
}
.btn01 .ovrly {
    background: rgba(255, 153, 0, 0.5);
    height: 100%;
    left: 0;
    top: -100%;
    width: 100%;
    position: absolute;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.btn01 .buttons {
    position: absolute;
    top: -100%;
    left: 50%;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.btn01 .buttons i{
	width:50px;
	height: 50px;
	background: #fff;
	font-size:20px; color: #333;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	text-align: center;line-height: 50px;
}
.btn01 .buttons .fa {
    margin: 0 1px;
    background: rgb(256, 256, 256);
    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    color: rgba(50, 50, 50, 0.9);
    display: inline-block;
    line-height: 40px;
    font-size: 16px;
    text-align: center;
    text-decoration: none;
    width: 40px;
    height: 40px;
}
.btn01:hover .buttons {
    top: 50%;
}
.btn01:hover .ovrly {
    top: 0;
}
#btn01span:{
    text-align:center; margin-bottom: 30px;
}
鼠标经过图片样式*/

/*本站图片列表样式*/

.product_piclist{
	width: 100%;
	overflow: hidden;
	margin-top: 1rem;
}
.product_piclist ul{
	list-style-type: none;
}

.product_piclist ul li {
	float:left;
	width:48%;;
	overflow:hidden;
	position:relative;
	margin: 0 1.7rem 1.5rem 0;
}
.product_piclist ul li:nth-child(even){
	margin-right: 0;
}
.product_piclist ul li span{
	width:99%;
	float:left;
	margin-bottom: 1rem;
	background: #ff9900;
	overflow: hidden;
	border: 1px #ccc solid;
}
.product_piclist ul li span:hover{
	box-shadow: 0 2px 10px #ff9900;
	-moz-box-shadow: 0 2px 10px #ff9900;
	-webkit-box-shadow: 0 2px 10px #ff9900;
}
.product_piclist ul li span img{
	width:100%;
	height: 100%;
}
.product_piclist ul li p{
	width: 100%;
	float:left;
	text-align: center;
	text-indent:0rem;
}
.product_piclist ul li p a{
	width: 100%;
	text-align: center;
	text-indent:0em;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	color: #666;
	text-decoration:none;
}
.product_piclist ul li p a:hover{
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	color: #f08519; 
	text-decoration:none;
	text-align: center;
}
/*产品列表结束*/

/*关于我们开始*/
.about{
	width: 100%;
	overflow: hidden;
	margin: 50px 0;
}
.about img{
	width: 100%;
	height: 100%;
}
/*关于我们结束*/

/*新闻列表开始*/
.news .newslist{
	width: 100%;
	overflow: hidden;
}
.news .newslist ul{
	list-style-type: none;
}
.news .newslist ul li{
	width: 100%;
	overflow: hidden;
	margin-bottom: 2rem;
}
.news .newslist ul li:last-child{
	margin-bottom: 0rem;
}
.news .newslist ul li .left{
	float:left;
	width: 30%;
	margin-bottom:1rem; 
}
.news .newslist ul li .left img{
	width: 100%;
	display: flex;
}
.news .newslist ul li .right{
	float: right;
    width: calc(100% - 33%);
    padding: 0.165rem 0;
}
.news .newslist ul li .right h4{
	color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size:2rem;
    font-weight: normal;
	font-family:微软雅黑;
}
.news .newslist ul li .right p{
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    font-size:1.8rem;
    margin-top: 1rem;
}
.news span{
	margin-top: 0.2rem;
	float:right;
	font-size: .18rem;
	width: 100%;
}
/*新闻列表结束*/

a{
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	color: #666;
	text-decoration:none;
}
a:hover{
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	color: #f08519; 
	text-decoration:none;
}
:hover{
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
}
.center{
	text-align: center;
}
/*鼠标经过图片放大效果*/
a:hover img{
	transform: scale(1.05, 1.05);
	transition:all .5s;
}

p{
	text-align: justify;
	text-indent: 2em;
	line-height: 25px;
	font-size:1.6rem;
	color: #666;
}
h1{
	font-size:3.6rem;
	font-weight:normal;
}
h2{
	font-size:3rem;
	font-weight:normal;
}
h3{
	font-size:2.6rem;
	font-weight:normal;
}
h4{
	font-size:2rem;
	font-weight:normal;
}
h5{
	font-size:1.8rem !important;      
	font-weight:normal;}
h6{
	font-size:2.2rem;
	font-weight:normal;
}
ul,li{
	text-decoration: none;
}
.clear{ 
	height:0px;
	font-size:0;
	clear:both;
}
.fl{
	float:left;
}
.fr{
	float:right;
}
.title{
	width: 100%;
	margin: 2rem 0;
	float: left;

}
.title h{
	width: 100%;
	overflow: hidden;
	line-height: 30px;
	color: #333;
	text-align:center;
	font-weight: bold;
	font-family: 微软雅黑;
	float: left;
	font-size: 3rem;
	margin-bottom: 10px;
}
.title p{
	text-indent:0em;
	text-align: center;
	color: #a7a7a7;
	font-size:1.6rem;
	text-transform: uppercase;
	width: 100%;
	float: left;
}
hr{
	width: 100%;
	height: 1px;
	background: #acacac;
	margin: 0;
	padding: 0;
}
.gengduo{
	width: 100%;
	overflow: hidden;
	display: flex;
	align-content: center;
	justify-content: center;
}
.gengduo .more{
	width: auto;
	margin-top: 2rem;
	float:left;
}
.gengduo .more a{
	text-align: center;
	text-indent:0rem;
	text-decoration: none;
	color: #666;
	float:left;
	padding:1rem 2.2rem; 
	font-size:1.6rem;
	border: 1px #ccc solid;
}
.gengduo .more a:hover{
	text-align: center;
	text-indent:0rem;
	text-decoration: none;
	color:#fff;
	float:left;
	padding:1rem 2.2rem; 
	font-size:1.6rem;
	border: 1px #f08519 solid;
	background: #f08519;
}
/* 公共样式结束*/

/*首页样式开始*/

/*公共框架开始*/
.frame{
	overflow: hidden;
	padding: 0 15px;	
}
/*公共框架结束*/

/*产品部分开始*/
.product{
	width: 100%;
	overflow: hidden;
	margin: 2rem 0;
}
/*产品部分结束*/

/*新闻部分开始*/
.news{
	width: 100%;
	overflow: hidden;
	margin: 2rem 0;
}
/*新闻部分结束*/

/*首页样式结束*/

/*媒体查询*/

/* - max-width: 1921px to 更大*/
@media (min-width: 1920px) {
	
	
}

/* - max-width: 1680px to 1919*/
@media only screen and (min-width: 1680px) and (max-width: 1919px){
	
}


/* - max-width: 1440px to 1679*/
@media only screen and (min-width: 1440px) and (max-width: 1679px){
	
	
}

/* - max-width: 1366px to 1439*/
@media only screen and (min-width: 1366px) and (max-width: 1439px){
	
	
}
/* - max-width: 1280px to 1365*/
@media only screen and (min-width: 1280px) and (max-width: 1365px){
	
}

/* - max-width: 1024px to 1279*/
@media only screen and (min-width: 1024px) and (max-width: 1279px){
	
}

/* - max-width: 992px to 1023*/
@media only screen and (min-width: 992px) and (max-width: 1023px){
	
	
}

/* - min-width: 768px to max-width: 991px */
@media only screen and (min-width: 768px) and (max-width: 991px){
	
}

/*每隔50一个判断*/

/* - min-width: 1681px to max-width: 1920px */
@media only screen and (min-width: 1681px) and (max-width: 1920px) {
	.product_piclist ul li{
	    width: 31.33%;	
	}
}
/* - min-width: 1600px to max-width: 1680px */
@media only screen and (min-width: 1600px) and (max-width: 1680px) {

}

/* - min-width: 1600px to max-width: 1680px */
@media only screen and (min-width: 1550px) and (max-width: 1599px) {

}

/* - min-width: 1550px to max-width: 1599px */
@media only screen and (min-width: 1500px) and (max-width: 1549px) {
	
}

/* - min-width: 1450px to max-width: 1499px */
@media only screen and (min-width: 1450px) and (max-width: 1499px) {
	
}

/* - min-width: 1400px to max-width: 1449px */
@media only screen and (min-width: 1400px) and (max-width: 1449px) {
	
}

/* - min-width: 1350px to max-width: 1399px */
@media only screen and (min-width: 1350px) and (max-width: 1399px) {
	
}

/* - min-width: 1300px to max-width: 1349px */
@media only screen and (min-width: 1300px) and (max-width: 1349px) {
	
}

/* - min-width: 1250 to max-width: 1299 */
@media only screen and (min-width: 1250px) and (max-width: 1299px) {
	
}

/* - min-width: 1250 to max-width: 1299 */
@media only screen and (min-width: 1250px) and (max-width: 1299px) {
	
}

/* - min-width: 1200px to max-width: 1249px */
@media only screen and (min-width: 1200px) and (max-width: 1249px) {
	
}

/* - min-width: 1150px to max-width: 1199px */
@media only screen and (min-width: 1150px) and (max-width: 1199px) {
	
}

/* - min-width: 1100px to max-width: 1149px */
@media only screen and (min-width: 1100px) and (max-width: 1149px) {
	
}

/* - min-width: 1050px to max-width: 1099px */
@media only screen and (min-width: 1050px) and (max-width: 1099px) {
	
}

/* - min-width: 1000px to max-width: 1049px */
@media only screen and (min-width: 1000px) and (max-width: 1049px) {
	
}

/* - min-width: 950px to max-width: 999px */
@media only screen and (min-width: 950px) and (max-width: 999px) {
	
}

/* - min-width: 900px to max-width: 949px */
@media only screen and (min-width: 900px) and (max-width: 949px) {
	
}

/* - min-width: 850px to max-width: 899px */
@media only screen and (min-width: 850px) and (max-width: 899px) {
	
}

/* - min-width: 800px to max-width: 849px */
@media only screen and (min-width: 800px) and (max-width: 849px) {
	
}

/* - min-width: 768px to max-width: 799px */
@media only screen and (min-width: 768px) and (max-width: 799px) {
	
}

/*每隔50一个判断*/

/* - max-width: 1920 */
@media (max-width: 1920px) {
	
		
}

/* - max-width: 767 */
@media (max-width: 767px) {
	.smalltitlelist ul li{
		width: 98%;	
	}
}

/* -  max-width: 639 */
@media (max-width: 639px) {
	
	.news .newslist ul li .left,.news .newslist ul li .right{
		width: 100%;
	}
}	
	

/* -  max-width: 479 */
@media (max-width: 479px) {
	.product_piclist ul li{
		width: 100%;	
	}
	.smalltitlelist ul li{
		width: 97%;	
	}
}
/* -  max-width: 340 */
@media screen and (max-width: 360px) {
	.smalltitlelist ul li{
		width: 97%;	
	}
}

/*媒体查询*/