*{margin: 0;padding: 0;}
ul,a{
	list-style: none;
	text-decoration: none;
}
html{
	font-size: 20px;
}
*{font-family:”Microsoft YaHei”}


 .pages{/*float: right;*/margin-bottom: 6.1rem;position: relative;left: 50%;height: 2rem;margin-top: 0%;} 
  .pages a,.pages span { display:inline-block; padding:2px 10px; border:1px solid #f0f0f0; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; font-size: 14px; } 
  .pages a,.pages li { display:inline-block; list-style: none; text-decoration:none; color:#000; } 
  .pages a.first,.pages a.prev,.pages a.next,.pages a.end{ margin:0 auto; } 
  .pages span.current{ background:#ccc; color:#FFF; font-weight:700; border-color:#ccc; }
 /* @media(max-width: 414px){
    .pages{left: 58%;}
    .pages a, .pages span{font-size: 12px;padding: 2px 7px;}

  }*/
.chanpin{
	width:100%;
	height: auto;
	/*height: 55rem;*/
	margin-top: 2rem;
	/*padding-bottom: 5rem;*/
}
.chanpin .zong{
	width: 63%;
	height: auto;
	margin: 0 auto;
}
.chanpin .zong .left{
	width: 17%;
	height: auto;
	float: left;
}
.chanpin .zong .left .menu .submenu{
	display: none;
}
.chanpin .zong .left .menu :hover .submenu{
    display: block;
}
.chanpin .zong .left .menu .submenu{
	position: absolute;
	z-index: 5;
	left: 100%;
	top: 0;
	width: 100%;
    
}
.chanpin .zong .left .menu li .submenu li{
	height: 1.7rem;
    line-height: 1.7rem;
    background-color: #3498db;
    color: #111;
    font-size: 0.75rem;
}

.chanpin .zong .left .menu li .submenu li:hover{
	background-color: #0d60ae;
}
/*动画帧*/
@keyframes fade {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
/*基础动画样式*/
.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
}
.fadeIn {
    animation-name: fade;
    animation-direction: normal;
}
.chanpin .zong .left .menu li{
	width: 100%;
	height: 1.9rem;
	position: relative;
	line-height: 1.9rem;
	/*text-align: center;*/
	padding-left: 0.5rem;
	background-color: #3498db;
	font-size: 0.8rem;
	color: #fff;
}
.chanpin .zong .left .menu li:first-child{
	height: 2.5rem;
	line-height: 2.5rem;
	background-color: #e6e6e6;
	color: #111;
	font-size: 0.9rem;
}
.chanpin .zong .left .menu li:first-child:hover{
	background-color: #e6e6e6;
	color: #111;
	font-weight: 400;
}
.chanpin .zong .left .menu li a{
	color: #fff;
}
.chanpin .zong .left .menu li:hover{
	background-color: #0d60ae;
	 font-weight: 600;
}
.chanpin .zong .left .liang{
    font-weight: 600;
	background-color: #5DADE2;
}
.chanpin .zong .left .liang:hover{
	 font-weight: 600;
	background-color: #5DADE2;
}
.chanpin .zong .right{
	float: right;
	width: 79%;
}
.chanpin .zong .right .tou{
	width: 100%;
	height: 2.1rem;
	line-height: 2.1rem;
	border-bottom: 0.05rem solid #ccc;
}
.chanpin .zong .right .tou h5{
	float: left;
	font-weight: 400;
	font-size: 0.8rem;
	padding-left: 2%;
}
.chanpin .zong .right .tou p{
	float: right;
	font-size: 0.7rem;
}
.chanpin .zong .right .tou p a{
	color: #999;
}
.chanpin .zong .right .zhong{
	width: 100%;
	height: 2rem;
	line-height: 2rem;
	font-size: 0.75rem;
}
.chanpin .zong .right .zhong .hong{
	color: red;
}
.chanpin .zong .right .xia{
	width: 100%;
	height: auto;
}
.chanpin .zong .right .xia ul{
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding-top: 0.5rem;
}
.chanpin .zong .right .xia li{
	width: 75%;
	height:2rem;
	margin-left: 5%;
	float: left;
	margin-bottom:0.8rem;
}
.chanpin .zong .right .xia li a p{
	color: #333;
}.chanpin .zong .right .xia li a p:hover{
	color: #3498db;
}

/*.chanpin .zong .right .xia li:first-child{
	margin-left: 0;
}
.chanpin .zong .right .xia li:nth-child(6){
	margin-left: 0;
} */
.chanpin .zong .right .xia li .tu{
	width: 100%;
	height: 9.1rem;
	overflow: hidden;
	
}
.chanpin .zong .right .xia li .tu:hover img{
	transition: all 1s;
	transform: scale(1.1);
}
.chanpin .zong .right .xia li .tu img{
	width: 100%;
	height: 100%;
}
.chanpin .zong .right .xia li .zi{
	height: 3rem;
	font-size: 0.7rem;
	text-align: center;
	line-height: 3rem;
	color: #333;
	width: 96%;
	overflow: hidden;
}
.chanpin .zong .right .xia li .zi a{
	color: #333;
}
.chanpin .zong .right .xia li .zi:hover a{
	color: #d81b00;
}
.chanpin .fy{width: 100%;height: auto;padding-bottom: 5rem;margin-bottom: 5rem;}
button{width: 50px;height: 35px;position: relative;left: 80%;margin-bottom: 1%;border-radius: 10px;}


@media(max-width: 1680px){
	/*html{
		font-size: 18px;
	}*/
	.chanpin .zong{width: 70%!important;}
}
@media(max-width: 1440px){
	/*html{
		font-size: 20px;
	}*/
	.chanpin .zong .right .xia li .tu{height: 8.1rem;}
	.chanpin .zong{width: 83%!important;}
	.chanpin .zong .right .xia li{height: 2rem;}
}
@media(max-width: 1366px){
	/*html{
		font-size: 14.5px;
	}*/
    .chanpin .zong{width: 85%!important;}
}
@media(max-width: 414px){
	/*html{
		font-size: 14.5px;
	}*/
    .chanpin .zong{width: 92%!important;}
    .chanpin .zong .left{display: none;}
    .chanpin .zong .right{width: 100%;}
}