jrfw_title@charset "utf-8";
	/* CSS Document */
	
	* {
		margin: 0px;
		padding: 0px;
	}
	
	body {
		width: 100%;
		height: 100%;
		font-family: "Microsoft YaHei", "宋体", "Segoe UI", "Lucida Grande", Helvetica, Arial, sans-serif, FreeSans, Arimo;
		color: #333;
		overflow-x: hidden;
	}
	
	h3 {
		font-family: "微软雅黑";
		font-size: 15px;
		color: #333;
	}
	
	p {
		font-family: "宋体";
		color: #999999;
		font-size: 14px;
	}
	
	.wholebody {
		width: 100%;
        min-width: 1200px;
	}
	@media only screen and (max-width: 750px){
     	.wholebody {
          min-width: 0;
		}
    }
	/*******中间框架样式开始*******/
	
	.main {
		width: 100%;
		margin: 0 auto;
	}
	
	.bannerbox {
		width: 100%;
		position: relative;
		overflow: hidden;
	}
	
	.banner {
		width: 400%;
		animation: banner 10s ease infinite;
	}
	
	.main.banner img {
		max-width: 100%;
	}
	
	.banner1,
	.banner2,
	.banner3 {
		width: 25%;
		overflow: hidden;
		float: left;
	}
	
	.banner1 img,
	.banner2 img,
	.banner3 img {
		width: 100%;
		position: relative;
		left: 50%;
		margin-left: -50%;
	}

	@keyframes banner {
		0% {
			margin-left: 0px;
		}
		34% {
			margin-left: 0px;
		}
		39% {
			margin-left: -100%;
		}
		64% {
			margin-left: -100%;
		}
		69% {
			margin-left: -200%;
		}
		94% {
			margin-left: -200%;
		}
		99% {
			margin-left: -300%;
		}
		100% {
			margin-left: -300%;
		}
	}
	
	.title {
		width: 100%;
		height: 49px;
		border-bottom: 1px solid #ccc;
	}
	
	.titletext {
		width: 12%;
		height: 49px;
		color: #01519e;
		text-align: center;
		border-bottom: 1px solid #01519e;
		line-height: 50px;
		font-family: "微软雅黑";
		font-size: 24px;
	}
@media only screen and (max-width: 750px){
 	 .titletext {
		width: 40%;
      margin: 0 auto;
		font-size: 2.4rem;
	}
 }
	/*******优势品牌开始*******/
	
	.yspp {
		width: 1140px;
      	min-width: 1140px;
		margin: 10px auto 0;
	}
	
	.ysppbox:after,
	.ysppcontent:after {
        content: "";
        display: block;
        height: 0;
        clear:both;
        visibility: hidden;
    }
	.ysppcontent {
		border: 1px solid #ccc;
		width: 362px;
		box-sizing: border-box;
		height: 182px;
		margin: 10px 27px 10px 0;
		float: left;
	}
	.ysppcontent:nth-child(3n){
		margin: 10px 0;
	}

	.pplogo{
		width:100%;	
           
	}
	
	.pplogo img {
		width: 360px;	
		height:180px
	}

/*	.ysppcontent:hover .pplogo{
		width:60%;padding: 24px 10px;
		box-sizing: border-box;
		float:left;
	}
	.ysppcontent:hover .pplogo img{
		height:150px
	}
	.ysppcontent:hover .ppjs{
		display:inline-block;
	}
    .ppjs {
		display:none;
		float:left;
		width:40%;
		padding: 24px 10px;
		box-sizing: border-box;
	}*/
.ysppcontent:hover .pplogo{display:none;}
.ysppcontent:hover .ppjs{
		display:inline-block;
}
.ppjs {
  		display:none; 
		height: 100%;
		float:left;
		width:100%;
		padding: 10px 20px;
		box-sizing: border-box;
  		background-color:#0087e6;
  		color:#fff;
	}
	


	.ppjs h3{
		font-size: 16px;
      color:#fff;
      text-align:center
	}
	
	.ppjj {
		margin: 10px 0;
		/* overflow: hidden;
		text-overflow:ellipsis;
		white-space: nowrap; */
		display: -webkit-box;
		-webkit-box-orient: vertical;
     	line-height:20px;
		-webkit-line-clamp:5;
		overflow: hidden;
      	color:#fff;
        text-indent:28px;
	}
	
	.ppmc {
		margin: 15px 0 14px;
	}

	@media only screen and (max-width: 750px){
        .yspp {
          width: 90%;
      	  min-width: 0;
          margin: 20px auto 0;
      	}
      .ysppcontent {
          width: 100%;
          height: 180px;
          margin: 10px 0;
		}
        .pplogo img {
          width: 100%;	
          height: 178px
      	}
     	.ppjs h3{
			font-size: 1.6rem;
		}
    }
	/*******优势品牌结束*******/
	/*******推荐产品开始*******/
	
	.tjcp {
		width: 1140px;
      	min-width: 1140px;
		margin: 10px auto;
	}
	
	.tjcpbox:after {
        content: "";
        display: block;
        height: 0;
        clear:both;
        visibility: hidden;
    }
	
	.tjcpcontent {
		width: 262.5px;
		height: 390px;
		margin: 10px 30px 20px 0;
		float: left;
        position: relative;
	}
	
	.tjcpcontent:nth-child(4n){
		margin: 10px 0 20px 0;
	}
	
	.cptp {
		width: 100%;
		border: 1.25px solid #ccc;
        box-sizing: border-box;
      	overflow:hidden
	}
    .cptp:hover{
	  border:1.25px solid orange;
      box-sizing: border-box;
    }

	.cptp img{
		width: 100%;
	}
	/*.cptp:hover img {
        width:258px;
  		height:258px;  
    }*/
  .cpjs {
        position: absolute;
   		bottom:2px;width:100%
  }
	.cpmc {
        margin: 10px 0;
        padding: 0 10px;
        text-align: center;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
	}
    
    .cpmc a{
      	display: -webkit-box;
		-webkit-box-orient: vertical;
     	line-height:20px;
		-webkit-line-clamp:2;
		overflow: hidden;
      	word-break: break-all;
    }
	
	.btn1 {
		width: 51%;
		height: 40px;
		background-color: #dddddd;
		border-radius: 20px;
		margin: 0 64px;
		border: none;
		font-size: 14px;
		color: #555555;
	}
	
	.btn1:hover {
		background-color: #0187e6;
		border: none;
		color: #FFFFFF;
	}
	.btn1:hover a {
		color: #FFFFFF;
	}
    @media only screen and (max-width: 750px){
        .tjcp {
          width: 90%;
      	  min-width: 0;
          margin: 20px auto;
      	}
       .tjcpcontent {
          width: 49%;
          height: auto;
          margin: 20px 2% 10px 0;
      }
      .tjcpcontent:nth-child(2n){
		margin: 20px 0 10px 0;
	}
        .btn1{display:none}
    }
	/*******推荐产品结束*******/
	/*******中间框架样式结束*******/