.box-accordion {
          display: flex;
          margin-top: 20px;
        }

        .box-accordion .accordion-item {
          flex: 1;
          min-width: 10px;
          height: 426px;
          display: flex;
          color: #fff;
          background-size: cover;
          background-position: center center;
          background-repeat: no-repeat;
          position: relative;
          -moz-transition: all 0.3s ease 0s;
          -ms-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          margin-left: 10px;
          margin-right: 10px;
          overflow: hidden;
          border-radius: 6px;
        }

        .accordion-item:hover {
          min-width: 480px;
          -moz-transition: all 0.3s ease 0s;
          -ms-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
        }

        .accordion-title {
          font-size: 16px;
          font-weight: bold;
          box-sizing: border-box;
          -webkit-transition: all 0.3s;
          -o-transition: all 0.3s;
          transition: all 0.3s;
        }

        .asdf3 {
          width: 100%;
          height: 50px;
          box-sizing: border-box;
          display: flex;
          text-align: left;
          align-items: center;
          justify-content: center;
          flex-direction: column;
          align-self: flex-end;
          -webkit-transition: all 0.3s ease;
          -o-transition: all 0.3s ease;
          transition: all 0.3s ease;
        }

        .pitembg1 {
          background-color: rgba(13, 87, 167, 0.8);
        }

        .pitembg2 {
          background-color: rgba(105, 85, 113, 0.8)
        }

        .pitembg3 {
          background-color: rgba(88, 53, 2, 0.8)
        }

        .pitembg4 {
          background-color: rgba(128, 54, 25, 0.8)
        }

        .pitembg5 {
          background-color: rgba(58, 69, 73, 0.8)
        }

        .pitembg6 {
          background-color: rgba(85, 74, 82, 0.8)
        }

        .pitembg7 {
          background-color: rgba(78, 105, 2, 0.8)
        }

        .pinpaitext {
          padding-left: 10px;
          padding-right: 10px;
          padding-bottom: 10px;
        }

        .accordion-list {
          width: 100%;
          -webkit-transition: all 0.3s ease 0.3s;
          -o-transition: all 0.3s ease 0.3s;
          transition: all 0.3s ease 0.3s;
          opacity: 0;
          position: absolute;
          padding-left: 20px;
          padding-right: 20px;
          box-sizing: border-box;
        }

        .accordion-list p {
          line-height: 30px;
          display: flex;
          justify-content: space-between;
        }

        .accordion-list ul {
          display: flex;
          flex-wrap: wrap;
        }

        .accordion-list ul li {
          width: 100%;
          line-height: 30px;
          padding-left: 10px;
          padding-right: 10px;
          overflow: hidden;
          text-align: center;
          height: 30px;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 1;
          -webkit-box-orient: vertical;
          box-sizing: border-box;
        }

        .accordion-list ul li a {
          color: #FFF;
		  font-size:16px; 
		  font-weight: normal;
        }

        .accordion-item:hover .accordion-list {
          opacity: 1;
          position: relative;
          margin-top: 30px;
        }

        .accordion-item:hover .accordion-title {
          transform: rotate(0);
          font-size: 24px;
        }

        .accordion-item:hover .asdf3 {
          height: 100%;
          cursor: pointer;
        }
		
		.pbgi1 {background: url(../images/product_service1.jpg); background-size:cover;}
		.pbgi2 {background: url(../images/product_service2.jpg); background-size:cover;}
		.pbgi3 {background: url(../images/product_service3.jpg); background-size:cover;}
		.pbgi4 {background: url(../images/product_service4.jpg); background-size:cover;}
		.pbgi5 {background: url(../images/product_service5.jpg); background-size:cover;}
		.pbgi6 {background: url(../images/product_service6.jpg); background-size:cover;}
@media all and (max-width:768px){
	
	
	        .box-accordion .accordion-item {
          flex: 1;
         win-width: 100%;
          height: 126px;
          display: flex;
          color: #fff;
          background-size: cover;
          background-position: center center;
          background-repeat: no-repeat;
          position: relative;
          -moz-transition: all 0.3s ease 0s;
          -ms-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          margin-left: 10px;
          margin-right: 10px;
          overflow: hidden;
          border-radius: 6px;
        }
	
	}