.banner-box {
    width: 100%;
    height:379px;
    left: 0;
    top: 0;
    z-index: 10;
    min-height: 379px;
}
.banner-box .content {
    height: 100%;
    margin: 0 auto;
    width: 100%;
    max-width: 1600px;
}
.banner-info {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.banner-info .title {
    width: 100%;
    height: auto;
    text-align: center;
    font-weight: 700;
    font-size: 4.8rem;
    color: #FFFFFF;
}
.banner-info .breadcrumb-nav {
    width: 100%;
    height: auto;
    left: 0;
    top: 4rem;
    background: transparent;
    border: 0;
    color: #FFFFFF;
}

 .banner-info .breadcrumb-nav .nav-box {
    margin: 0;
    padding: 0
}

 .banner-info .breadcrumb-nav .nav-box, .banner-info .breadcrumb-nav .nav-box  {
    font-size: 1.2rem;
    color: #FFFFFF;
    line-height: 1.2
}

 .banner-info .breadcrumb-nav .nav-box a {
    color: #fff;
    -webkit-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

 .banner-info .breadcrumb-nav .nav-box a:hover {
    color: #FFFFFF
}

 .banner-info .breadcrumb-nav .nav-box span {
    margin: 0 .8em;
    color: #8E8E8E
}
img {
    border: 0;
    vertical-align: top;
    max-width: 100%;
    max-height: 100%;
    border: 0;
    vertical-align: top;
}
.productlist{padding:48px 0;}
.productlist-content{display:block; margin:0 -12px;}
.productlist-content:after{display:block; content:''; clear:both;}
.productlist-item{float:left; width:33.333%; padding:12px;}
.productlist-item>a>div{position:relative; overflow:hidden;}
.productlist-item>a>div>img{width:100%; display:block; transition:2.8s;}
.productlist-item>a>div>span{position:absolute; z-index:1; top:0; right:0; bottom:0; left:0; color:#fff; overflow:hidden; transition:.3s; transform:scale(0); opacity:0; visibility:hidden; padding:28px; background:rgba(0,0,0,0.68);}
.productlist-item>a>div>span>b{display:block; font-size:28px;}
.productlist-item>a>div>span>em{display:block; margin:28px 0; font-style:normal; font-size:15px;}
.productlist-item>a>div>span>u{display:block; text-decoration:none;}
.productlist-item>a>div>span>u ins{margin-left:2px;}
.productlist-item>a>span{display:block; padding:8px 0;}
.productlist-item>a>span:after{display:block; content:''; clear:both;}
.productlist-item>a>span>b{float:left; font-size:21px;}
.productlist-item>a>span>u{float:right; text-decoration:none; padding:4px 8px 0 0; color:#686868;}
.productlist-item>a>span>u>i{transition:.2s; display:inline-block;}
.productlist-item>a>span>u>ins{display:inline-block; margin-left:2px;}
.productlist-item>a:hover>div>img{transform:scale(1.08);}
.productlist-item>a:hover>div>span{transform:scale(1); opacity:1; visibility:visible;}
.productlist dir{padding:14px 0;}
@media(max-width:1200px){
.productlist-item{width:50%;}
}
@media(max-width:992px){
.productlist{padding:38px 0;}
.productlist-content{margin:0 -8px;}
.productlist-item{padding:8px;}
.productlist-item>a>span>b{font-size:18px;}
.productlist-item>a>div>span{padding:18px;}
.productlist-item>a>div>span>b{display:block; font-size:20px;}
.productlist-item>a>div>span>em{margin:12px 0; font-size:14px;}
}
@media(max-width:767px){
.productlist{padding:18px 0;}
.productlist-content{margin:0;}
.productlist-item{width:100%; padding:4px;}
.productlist-item>a>span>b{font-size:18px;}
.productlist-item>a>span>u{padding-top:0;}
}
.productdetail{padding:58px 0; background:; }
.productdetail-swiper{width:600px; margin:0 auto; overflow:hidden; position:relative; max-width:100%; float:left; width:500px;}
.productdetail-outer{width:10000%;}
.productdetail-item{float:left; width:1%;}
.productdetail-item img{width:100%; display:block;}
.productdetail-item b{display:block; margin-top:16px; font-size:18px; color:#fff;}
.productdetail-prev,
.productdetail-next{position:absolute; z-index:8; top:50%; width:48px; height:48px; line-height:48px; text-align:center; margin-top:-18px; background:rgba(0,0,0,0.28); cursor:pointer; opacity:0; transition:0.3s;}
.productdetail-swiper:hover .productdetail-prev,
.productdetail-swiper:hover .productdetail-next{opacity:1;}
.productdetail-prev i,
.productdetail-next i{color:#fff; font-size:48px;}
.productdetail-prev:hover i,
.productdetail-next:hover i{color:#f20f0f;}
.productdetail-prev{left:0;}
.productdetail-next{right:0;}
.productdetail-swiper + .productdetail-head{margin-left:638px; margin-left:538px;}
.productdetail-head{overflow:hidden;}
.productdetail-info{margin:18px 0 0; padding-bottom:8px; border-bottom:1px solid #e8e8e8; color:#686868;}
.productdetail-info>b{font-weight:normal;}
.productdetail-info>i{font-style:normal; padding-right:18px;}
.productdetail-info>i>a{color:#686868;}
.productdetail-info>i>a:hover{color:#f20f0f;}
.productdetail-li{display:block; margin:18px 0 0;}
.productdetail-li>u{text-decoration:none; padding:6px 18px; margin-right:6px; border-radius:6px; background:#f8f8f8; display:inline-block;}
.productdetail-text{display:block; margin:28px 0 0; font-size:16px;}
.productdetail-param{display:block; margin-top:18px; font-size:15px;}
.productdetail-param>dl+dl{margin-top:8px;}
.productdetail-param>dl:after{display:block; content:''; clear:both;}
.productdetail-param>dl>dt{float:left; color:#686868;}
.productdetail-param>dl>dd{float:left;}
.productdetail-price{display:block; margin-top:18px; color:red;}
.productdetail-content{display:block; padding-top:38px;}
.productdetail-content>ul{margin-bottom:18px; border-bottom:1px solid #e8e8e8;}
.productdetail-content>ul:after{display:block; content:''; clear:both;}
.productdetail-content>ul>li{float:left; cursor:pointer; margin-bottom:-1px; padding:6px 18px; border:1px solid #e8e8e8; font-size:16px;}
.productdetail-content>ul>li+li{margin-left:8px;}
.productdetail-content>ul>li.on{color:#fff; background:#f20f0f; border-color:#f20f0f;}
.productdetail-content>aside{display:none; padding-bottom:38px;}
.productdetail-content>aside.on{display:block;}
.productdetail-content>aside>p+p{margin-top:8px;}
.productdetail-tags{padding:0 0 18px 0;}
.productdetail-tags>a{display:inline-block; border:1px solid #e8e8e8; padding:8px 18px; background:rgba(0,0,0,.01); border-radius:3px;}
.productdetail-tags>a:hover{color:#fff; background:#f20f0f;}
.productdetail-comment{padding-top:28px;}
dir{text-align:left; border-top:1px solid #e8e8e8; padding:12px 0;}
dir>dl{padding:6px 0;}
dir>dl:after{display:block; content:''; clear:both;}
dir>dl>dt{float:left; margin-right:8px;}
dir>dl>dt>b{font-weight:normal; color:#989898;}
dir>dl>dd{float:left;} 
dir>dl>dd>i{font-style:normal;}
@media(max-width:1200px){
.productdetail{padding:38px 0;}
.productdetail-swiper{margin:0 auto; float:none;}
.productdetail-swiper + .productdetail-head{margin:28px 0 0 0;}
}
@media(max-width:767px){
.productdetail{padding:18px 0;}
.productdetail-info{margin:12px 0 18px 0;}
.productdetail-head>h1{font-size:20px;}
.productdetail-swiper + .productdetail-head{margin:18px 0 0 0;}
.productdetail-content>ul>li{padding:4px 8px; font-size:14px;}
.productdetail-content>ul>li+li{margin-left:2px;}
}
/* 产品封面样式 */
.HomeIndex .homeThree {
    width:100%;
    text-align: center;
    position: relative;
    background: #f7f7f7;
    overflow: hidden;
}
.homeThreeTitle{
    margin: 5rem 5rem;
}
.flexCC {
    align-items: center;
}
.flexC1, .flexCC {
    display: flex;
    justify-content: center;
}
.HomeIndex .homeThree .homeThreeButton {
    margin: 4.5rem 0 9rem;
    padding: 0.7rem;
    width: 50rem;
    height: 8.4rem;
    position: relative;
    background: #f7f7f7;
    border-radius: 0.8rem;
}
.HomeIndex .homeThree .homeThreeButton>div {
    text-align: center;
    z-index: 2;
    width: 50%;
    height: 100%;
    line-height: 7rem;
    float: left;
}
.HomeIndex .homeThree .cur {
    cursor: pointer;
    background: #fff;
   padding:10px ;
}
.flexCS {
    justify-content: flex-start;
}
.HomeIndex .homeThree .sliderDiv {
    padding: 0 10rem;
}
.font24 {
    font-size: 2rem;
}
 .color1 {
    color: #1d1d1f;
}  

.pro {
    width:100%;
	max-width:1600px;
	margin:2rem auto;
	text-align:center;
}
.pro .i_tilte {
	text-align:center;
	padding:69px 0 30px;
}
.pro .i_tilte h3 {
	color:#333;
	font-size:35px;
	font-weight:normal;
}
.pro .i_tilte h3 a {
	text-decoration:none;
}
.pro .i_tilte b {
	color:#89bb12;
}
.pro .i_tilte p {
	color:#999;
	font-size:18px;
	margin-top:10px;
}
.pro .i_tilte p i {
	width:61px;
	height:1px;
	background:#ddd;
	display:inline-block;
	margin:5px 10px;
}
.HomeIndex .homeThree {
    width:100%;
    text-align: center;
    position: relative;
    background: #f7f7f7;
    overflow: hidden;
}
.homeThreeTitle{
    margin: 5rem 5rem;
}
.flexCC {
    align-items: center;
}
.flexC1, .flexCC {
    display: flex;
    justify-content: center;
}
.HomeIndex .homeThree .homeThreeButton {
    margin: 4.5rem 0 9rem;
    padding: 0.7rem;
    width: 50rem;
    height: 8.4rem;
    position: relative;
    background: #f7f7f7;
    border-radius: 0.8rem;
}
.HomeIndex .homeThree .homeThreeButton>div {
    text-align: center;
    z-index: 2;
    width: 50%;
    height: 100%;
    line-height: 7rem;
    float: left;
}
.HomeIndex .homeThree .cur {
    cursor: pointer;
    background: #fff;
   padding:10px ;
}
.flexCS {
    justify-content: flex-start;
}
.HomeIndex .homeThree .sliderDiv {
    padding: 0 10rem;
}
.font24 {
    font-size: 2rem;
}
 .color1 {
    color: #1d1d1f;
}  

.pro {
    width:100%;
	max-width:1600px;
	margin:2rem auto;
	text-align:center;
}
.pro .i_tilte {
	text-align:center;
	padding:69px 0 30px;
}
.pro .i_tilte h3 {
	color:#333;
	font-size:35px;
	font-weight:normal;
}
.pro .i_tilte h3 a {
	text-decoration:none;
}
.pro .i_tilte b {
	color:#89bb12;
}
.pro .i_tilte p {
	color:#999;
	font-size:18px;
	margin-top:10px;
}
.pro .i_tilte p i {
	width:61px;
	height:1px;
	background:#ddd;
	display:inline-block;
	margin:5px 10px;
}
.pro .procon {
	margin: 10px 20px 0px 30px;
	text-align:center
}
.pro .procon .pronav {
	text-align:center;
}
.pro .procon .pronav ul {
	display:inline-block;
	*display:inline;
	zoom:1;
	background: #f7f7f7;
    border-radius: 0.8rem;
}
.pro .procon .pronav ul li {
	width:260px;
	height:66px;
	text-align:center;
	padding:20px 10px;
	float:left;
	
}
.pro .procon .pronav ul li a {
	font-size:22px;
	 color: #666;
	text-decoration:none;
}
.pro .procon .pronav ul li.cur {
    background: #fff;
    border-radius: 0.8rem;
    margin: 2px 5px;
    height:66px;
}
.pro .procon .pronav ul li.cur a {
	color: #1d1d1f;
	height:60px;
}
.pro .procon .prolist {
    padding:5rem 2rem;
	text-align:center;
	
}
.pro .procon .prolist ul li a {
	text-decoration:none;
	display:block;
	padding-top:25px;
	color: #666;
	background: #ffff;
}
.pro .procon .prolist ul li {
	width:32.33%;
	float:left;
	margin-right:1%;
	position:relative;
	border-radius: 10px;
    border: 1px solid #f7f7f7;
    background: #fff;
	
}
.pro .procon .prolist ul li:first-child {
	margin-left:0;
}
.pro .procon .prolist ul li h3 {
	font-size:20px;
	color:#000;
	line-height:28px;
	font-weight:normal;
	margin:9px 0px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	text-align: center;
}
.pro .procon .prolist ul li p {
	font-size:14px;
	color:#333;
	line-height:24px;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-line-clamp:3;
	-webkit-box-orient:vertical;
	background: #f7f7f7;
	padding:5px 0px;
}

.pro .procon .prolist ul li:hover a h3 {
	color:#89bb12;
}

 .prolist .item .xcx {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #f7f7f7;
    left: 100%;
    transition: all .5s;
}
 .prolist .item .xcx span {
    width: 100%;
    text-align: left;
    display: block;
    position: absolute;
    left: 0px;
    top: 350px;
    z-index: 10;
    font-size: 14px;
    color: #333;
    height:260px;
    background: #f7f7f7;
    padding-top:30px;
    padding-left:30px;
    line-height:30px;
    
}
strong{
    font-size:18px
    
}
 .prolist .item .xcx .xImg {
    width: 100%;
    display: block;
    margin: 0 auto;
}
 .prolist .item:hover {
    background: #02a852;
    border-color: #02a852;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
 .prolist .item:hover .xcx {
    opacity: 1;
    filter: alpha(opacity=100);
    left: 0;
}
 .prolist .item:hover .txt  {
    background: #f7f7f7;
}
 .prolist .item:hover .txt .tit {
    color: #fff;
}

 .prolist .item {
    width: 100%;
    height:600px;
    float: left;
    margin: 0 50px 30px 0;
    position: relative;
    background: #f7f7f7;
    border: 1px solid #e5e5e5;
    border-radius: 6px;
    overflow: hidden;
    transition: all .5s;
}
 .prolist .item a {
    display: block;
    width: 100%;
    cursor: pointer;
}
 .prolist .item .img {
    display: block;
    width: 100%;
}
 .prolist .item .txt {
    padding: 0 20px;
    background: #f7f7f7;

}
 .prolist .item .txt .tit {
    float: left;
    width: 100%;
    height: 30px;
    font-size: 26px;
    text-align: center;
    color: #333;
    font-weight: 700;
}
 .prolist .item .txt .yd {
     float: left;
    width: 100%;
    height: 60px;
    font-size: 14px;
    text-align: center;
    color: #333;
}