@charset "utf-8";
@font-face {
    font-family: 'Montserrat-M';
    src: url('../fonts/Montserrat-Medium.otf')
  }

@font-face {
font-family: 'Montserrat-R';
src: url('../fonts/Montserrat-Regular.otf')
} 

@font-face {
  font-family: 'Montserrat-S';
  src: url('../fonts/Montserrat-SemiBold.otf')
  } 

.blk-main{width:70rem; margin:0 auto;}
em,i{font-style:normal;}


/**************************热销产品*******************************/
.rxcp{padding:4.45rem 0 2.25rem;background:#f2f2f2;}
.rxcp h2{text-align: center; margin-bottom: 2.15rem;}
.rxcp h2 span{display: block; line-height: 2.7rem; margin-bottom: 0.2rem;font-size: 2rem;color:#1a1a1a; font-weight: normal;}
.rxcp h2 em{display: block; line-height: 1.5rem;font-size: 14px;color:#666666; font-weight: normal;    margin: 10px auto;}
.rxcp .rx-con{position: relative;}
.rxcp .rx-con .rx-list{padding-bottom:2.25rem;}
.rxcp .rx-con .rx-list .swiper-slide{box-shadow: 0.5rem 0.85rem 1.5rem 0px rgba(4,0,0,0.05);}
.rxcp .rx-con .rx-list dl{width:100%;border: 3px solid #c0192a;border-radius: 20px;background:#FFF;padding:0 2.25rem; box-sizing: border-box; overflow: hidden;position: relative;}
.rxcp .rx-con .rx-list dl dt{width:100%; line-height: 0; overflow: hidden;margin:30px 0px;text-align:center}
.rxcp .rx-con .rx-list dl dt .proimg{width:100%; height:240px}
.rxcp .rx-con .rx-list dl dt .proimg img{max-width:100%; transition: 1s;height:240px}
.rxcp .rx-con .rx-list dl dd h4{height: 2.35rem;border-bottom:0.05rem solid rgba(0,0,0,.08); box-sizing: border-box; margin-bottom: 1.4rem;text-align: center;}
.rxcp .rx-con .rx-list dl dd h4 a{display: block; line-height: 1.8rem; font-size: 1.8rem;color:#1a1a1a; font-weight: normal;
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
@media screen and (max-width: 768px) and (min-width: 320px){
.rxcp .rx-con .rx-list dl dd h4 a{display: block; line-height: 2rem; font-size: 2rem;color:#1a1a1a; font-weight: normal;
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;font-size:600}	
}
.rxcp .rx-con .rx-list dl dd .rx-desc{/*line-height: 20px;*/font-size:12px;color:#4c4c4c;/*height: 6rem; */overflow:hidden;margin-bottom: 1rem;
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;}
.rxcp .rx-con .rx-list dl dd .rx-desc i,.rxcp .rx-con .rx-list dl dd .rx-desc em{display: inline-block;max-width:80%; vertical-align: top;}
.rxcp .rx-con .rx-list dl dd .rx-yy{position: relative;}
.rxcp .rx-con .rx-list dl dd .rx-yy p{position: absolute;padding-bottom: 88px;background: #fff;left:0;right: 0;bottom: -270px;transition: .5s;z-index: 1;}
.rxcp .rx-con .rx-list dl dd .rx-yy p:before{content: "";position: absolute;left: 0;right: 0;top: -150px;height: 150px;background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 5%, rgba(255, 255, 255, 0.5) 36%, rgba(255, 255, 255, 1) 100%);display: none;}
.rxcp .rx-con .rx-list dl dd .rx-yy p i{display: block;width: 122px;margin: 0 auto 15px;}
.rxcp .rx-con .rx-list dl dd .rx-yy p i img{width: 122px;height: 122px;display: block;}
.rxcp .rx-con .rx-list dl dd .rx-yy p em{display: block;height: 22px;line-height: 22px;font-size: 16px;color: #4c4c4c;text-align: center;font-style: normal;}
.rxcp .rx-con .rx-list dl dd .rx-yy span{display: block;height: 58px;background:url(../images/rx-btn02.png) no-repeat center;background-size:100% 100%; margin:0 auto;position: relative;z-index: 5;}
.rxcp .rx-con .rx-list dl dd .rx-yy span a{display: block; height: 58px;line-height: 58px;text-align: center;}
.rxcp .rx-con .rx-list dl dd .rx-yy span i{display: inline-block; height: 58px;font-size: 1rem;color:#ffffff; padding-right:0.95rem;background:url(../images/dz-jt.png) no-repeat right;background-size:0.5rem 0.45rem;}

@media screen and (max-width: 768px) and (min-width: 320px){
	.rxcp .rx-con .rx-list dl dd .rx-yy span i{display: inline-block; height: 58px;font-size: 1.6rem;color:#ffffff; padding-right:0.95rem;background:url(../images/dz-jt.png) no-repeat right;background-size:0.5rem 0.45rem;}
}

.rxcp .rx-con .rx-list dl:hover dt img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);}
.rxcp .rx-con .rx-list dl:hover .rx-yy p{bottom: 0;}
.rxcp .rx-con .rx-list dl:hover .rx-yy p:before{display: block;}
.rxcp .rx-con .rx-jt i{display: block;width:2.1rem;height:2.1rem; overflow: hidden; cursor: pointer;z-index:201;}
.rxcp .rx-con .rx-jt i img{width:100%; transition: .5s;}
.rxcp .rx-con .rx-jt i.rx-prev{position: absolute;left:-3.6rem; top:14.5rem;}
.rxcp .rx-con .rx-jt i.rx-next{position: absolute;right:-3.6rem; top:14.5rem;}
.rxcp .rx-con .rx-jt i:hover img{margin-top:-3rem;}
/**************************pro*******************************/

.pro{padding:4.35rem 0 0;}
.pro h2{text-align: center; margin-bottom: 2.05rem;}
.pro h2 span{display: block; line-height: 2.85rem;font-size: 2rem;color:#1a1a1a; font-weight: normal;}
.pro h2 em{display: block; line-height: 1.75rem;font-size: 14px;color:#666666; font-weight: normal;}
.pro .pro-con{position: relative;}
.pro .pro-con .pro-left{width:23.5rem; line-height: 0; overflow: hidden;position: relative;}
.pro .pro-con .pro-left span{display: block;width:100%; line-height: 0; overflow: hidden;}
.pro .pro-con .pro-left span img{width:100%;height:600px}
.pro .pro-con .pro-left i{display: block;width:4.5rem;height: 1.8rem;line-height: 1.8rem;text-align: center;font-size: 0.8rem;color:#ffffff;background:rgba(192,25,42,.7); position: absolute;right:1rem; bottom:1rem; z-index:200;border-radius: 0.25rem;} 
.pro .pro-con .pro-rig{width:45.5rem;}
.pro .pro-con .pro-rig ul li{width:100%;}
.pro .pro-con .pro-rig ul li .pro-txt{background:#F2F2F2;}
.pro .pro-con .pro-rig ul li .pro-txt:nth-child(2){margin-top: 0.25rem;}
.pro .pro-con .pro-rig ul li .pro-txt span{display: block;width:100%; line-height: 0; overflow: hidden;height:240px;text-align:center;
display: flex;
align-items: center; 
justify-content: center;}
.pro .pro-con .pro-rig ul li .pro-txt span img{max-width:100%; transition: 1s;margin: 35px 0px;max-height:200px}
.pro .pro-con .pro-rig ul li .pro-txt em{display: block;height:3rem; line-height: 3rem; text-align: center;font-size: 16px;color:#1a1a1a;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.pro .pro-con .pro-rig ul li .pro-txt:hover span img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);}
.pro .pro-con .pro-rig .pro-jt i{display: block;width:2.1rem;height:2.1rem; overflow: hidden; cursor: pointer;z-index:201;}
.pro .pro-con .pro-rig .pro-jt i img{width:100%; transition: .5s;} i img{width:100%; transition: .5s;}
.pro .pro-con .pro-rig .pro-jt i.pro1-prev,
.pro .pro-con .pro-rig .pro-jt i.pro2-prev,
.pro .pro-con .pro-rig .pro-jt i.pro3-prev,
.pro .pro-con .pro-rig .pro-jt i.pro4-prev{position: absolute;left:-3.6rem; top:17.1rem;}
.pro .pro-con .pro-rig .pro-jt i.pro1-next,
.pro .pro-con .pro-rig .pro-jt i.pro2-next,
.pro .pro-con .pro-rig .pro-jt i.pro3-next,
.pro .pro-con .pro-rig .pro-jt i.pro4-next{position: absolute;right:-3.6rem; top:17.1rem;}
.pro .pro-con .pro-rig .pro-jt i:hover img{margin-top:-2.1rem;}
.pro.four{padding-bottom:5rem;}
.pro-con{ margin-bottom: 3.05rem;}
.pro-btn{width:300px;height:30px; line-height:30px;background:#C0192A;margin:0 auto;border-radius: 1.25rem;margin-bottom: 3.05rem;}
.pro-btn a{display: block; height:30px;font-size: 16px;color:#ffffff; text-align: center;}


.pro-list{ position: relative;
      height: 600px;}
   .pro-list .swiper {
      width: 100%;
      height: 100%;
      margin-left: auto;
      margin-right: auto;
    }

  .pro-list  .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      height: calc((100% - 30px) / 2) !important;
      float:left;
    }

 .mbx{display:block}
 #flpro{display:block}
#sjflpro{display:none}
 
  @media screen and (max-width: 768px) and (min-width: 320px){
	 .banner {
        width: 100%;
    }
	 .banner img {
        width: 100%;
		margin-top: 60px;
    }
	.p101-curmbs-1,.mbx{display:none;} 
	
	.content h2 em{display:none}
	.content .rx-con{width:90%;margin:0px auto;margin-top:20px}
	.rxcp .rx-con .rx-jt i{display: block;width:30px;height:30px; overflow: hidden; cursor: pointer;z-index:10;}
	.rxcp .rx-con .rx-jt i.rx-prev{position: absolute;left:30px; top:14.5rem;}
.rxcp .rx-con .rx-jt i.rx-next{position: absolute;right:30px; top:14.5rem;}

#flpro{display:none}
#sjflpro{display:block}

.p101-fdh-2 {
        position: relative;
        padding: 0 4%;
        height: 5rem;
        background: #dbdbdb;
    }


#topNav {
        height: 5rem;
        overflow: hidden;
        position: relative;
    }
    
    #topNav .swiper-slide {
        width: auto;
        text-align: center;
    }
    
    #topNav .swiper-slide:after{content: "";position: absolute;width: 1px;height: 1.25rem;background: #afafaf;right: -2.85rem;top: 50%;margin-top: -0.625rem;z-index: 1;}
    
    #topNav .swiper-slide:last-of-type:after{display: none;}
    
    #topNav .swiper-slide span {
        transition: all .3s ease;
        color: #333333;
        font-size: 1.3rem;
        display: block;
        height: 5rem;
        line-height: 5rem;
        position: relative;
    }
    
    #topNav .active span {
        font-weight: bold;
        color: #c0192a;
    }
    
    #topNav .active span:after {
        content: "";
        position: absolute;
        left:0;
        top:3.55rem;
       width:100%;
       height:0.55rem;
       background:url(../images/mc-dbx2.png) no-repeat center;
       background-size:0.8rem 0.55rem;
    }
    .top-jt .top-next{width:6.65rem;height:5rem;background:url(../images/mc-yy2.png) no-repeat center;background-size:100% 100%; position:absolute;right:0;top:0;z-index:200;}

   .p101-pro-4-3-list {
            padding: 2.5rem 4% 0;
            background: #ededed;
            display: flex;
            display: -webkit-flex;
            justify-content: space-between;
            -webkit-justify-content: space-between;
            flex-wrap: wrap;
        }
        
        .p101-pro-4-3-list a {
            display: block;
            width: 48.5%;
            margin-bottom: 1rem;
            background: #FFF;
        }
		
		.p101-pro-4-3-list dt {
            width:100%;
			height:160px;
			text-align:center;
			
			display: flex;
			align-items: center; 
			justify-content: center;

        }
        
        .p101-pro-4-3-list dt img {
            display: block;
            max-width: 100%;
			max-height:100%;
        }
        
        .p101-pro-4-3-list dd h4 {
            display: block;
            height: 3.25rem;
            line-height: 3.25rem;
            font-size: 1.2rem;
            color: #1a1a1a;
            text-align: center;
			display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;
        }
		
		 .ljwm {
			 width:100%;
            padding: 0 4%;
            padding-bottom: 3rem;
			background: #ededed;
			padding-top:20px;
        }
        
        .ljwm dl dt {
            width: 100%;
            /*height: 19.4rem;
            position: relative;*/
        }
        
        .ljwm dl dt .video-wrap {
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            z-index: 5;
            overflow: hidden
        }
        
        .ljwm dl dt img {
            width: 100%;
        }
        
        .ljwm-video {
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            z-index: 10;
            display: none;
        }
        
        .ljwm-video video {
            object-fit: fill;
            display: block;
        }
        
        .ljwm dl dd {
            height: 7.5rem;
            background: #FFF;
            padding: 1.55rem 0 0 1.95rem;
            box-sizing: border-box;
        }
        
        .ljwm dl dd h4 {
            line-height: 2.25rem;
            font-size: 1.4rem;
            color: #1a1a1a;
            font-weight: normal;
        }
        
        .ljwm dl dd p {
            line-height: 2.05rem;
            font-size: 1.1rem;
            color: #666666;
        }
		
		


}