body {
width:100%;
}


	.opply h1, h2 {
	width:960px;
	margin:0 auto 12px auto;
}

.opply a {
	color:#333;
	text-decoration: none;
}

.opply footer {
	width: 99%;
	text-align: center;
	padding:20px 0;
}

.opply .outerWrapper {
	text-align: left;
	position:relative;
	margin:0 auto;
	width:1080px;
}

.opply .item {
	float:left;
	 /*margin-right:48px;
	     padding: 5px;
	 */
	    width: 360px;
    height: 300px;
	background-color:#fff;
}


.opply .left-nav-btn{
	background: #8e8888;
	color: #fff;
    position: absolute;
    width: 50px;
    height: 100%;
    top: 1px;
    cursor: pointer;
      padding-left: 13px;
    padding-top: 128px;

	left: -50px
}
.right-nav-btn {
	 background: #8e8888;
    position: absolute;
    width: 50px;
    height: 100%;
    top: 1px;
    cursor: pointer;
	right: -50px;color: #fff;
	padding-left: 13px;
	padding-top: 128px;

}

.opply .left-nav-btn {
}

.opply .right-nav-btn {
	background-position: top right;
}

.opply .left-nav-btn:hover, .right-nav-btn:hover {
	
}

/* Vertical Mode */

.opply .vert.outerWrapper {
	margin:50px auto 60px auto;
	width:204px;
	height:456px;
}

.opply .vert .item {
	float:left;
	margin-bottom:48px;
	width:162px;
}

.opply .vert .left-nav-btn, .vert .right-nav-btn {
	
}

.opply .vert .left-nav-btn {
	top:-60px;
}

.opply .vert .right-nav-btn {
	top:auto;
	bottom:-60px;
	background-position: bottom left;
}

.opply .leftWrapper {
	width:48%;
	float:left;
}

.opply .rightWrapper {
	width:48%;
	float:right;
}

.opply .leftWrapper h2, .rightWrapper h2 {
	width:100%;
	text-align:center;
}

.opply .outerWrapper2 .item {
	margin-right:50px;
	width:110px;
	padding:20px;
}

/* Pager */

.opply .pager {
	line-height: 100px;
	text-align: center;
}

.opply .pager > span {
	cursor: pointer;
	border-radius:8px;
	display: inline-block;
	width:16px;
	height:16px;
	background: #DDDDDD;
	border:1px solid #B3B3B3;
	margin:0 4px;
	overflow: none;
}

.opply .pager > span.active {
	background: #B3B3B3;
}

.opply .pager > span > span {
	display: none;
}
.cp li {
	position: absolute;
	text-align: center;
}
.cp li:nth-child(1) {
      left: 22%;
      top: 8.4%;
    	width: 70px;
	}
	.cp li:nth-child(2) {
      left: 31%;
   top: 8%;
	width: 70px;
	}
	.cp li:nth-child(3) {
        left: 48%;
    top: 14%;
	width: 110px;
	}
	.cp li:nth-child(4) {
      left: 61%;
    top: 33%;
	width: 70px;
	}
	.cp li:nth-child(5) {
        left: 69%;
    top: 34%;
	width: 70px;
	}
	.cp li:nth-child(6) {
       left: 77%;
    top: 11%;
    width: 70px;
	}

	.cp li img {
    width: 24px;
    height: 24px;
    margin: 0 auto;
    transition: all 0.6s;
}

.cp li .img {
    margin-top: 5px;
    position: relative;
    width: 24px;
    height: 24px;
    display: inline-block;
}
.cp li p{
font-size: 14px;
}
.cp li .img:before {
    content: "";
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    position: absolute;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: #fff;
    top: .5px;
    left: .5px;
    -webkit-animation: hoverimg ease 2s infinite;
    animation: hoverimg ease 2s infinite;
}
@-webkit-keyframes hoverimg {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: .9
    }

    35% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

@keyframes hoverimg {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: .9
    }

    35% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

.titgo{
    padding:0 19%
}
.titgo_a{
    display: flex;text-align: center;
}
.titgo_a div{
   width: 13%;
   margin:1% 1% 
}
.titgo_a div p{
   margin-top: 10px
}

.opply .outerWrapper .item .bond{
    text-align: center;
    width: 360px;
    height: 305px;
    position: absolute;
    margin-top: -304px;
}
.item:hover .bond{ background:rgba(102,170,183,0.7);}

.prod{
   display: flex;width: 100%;padding: 0 19%;height: 90px;  border-bottom: 0.5px solid #848484; border-top: 0.5px solid #848484; 
}
.prod_a{
 width: 33%;   font-weight: bold; margin: auto 0;font-size: 23px;
}
.prod_b{
   width: 33%;     text-align: right;  margin: auto 0;font-size: 18px;
}
.duct_a{
   margin:0 19%;background-color: #E3E1E2;padding: 30px 
}
.duct_b{
   border: 1px solid #fff;display: flex; 
}
.duct_b .duct_d img{
width:90%;transition: all 0.6s;
}

.duct_b .duct_d img:hover{transform: scale(1.1);}
.duct_c{
   width: 50%;   padding: 23px 0; 
}
.duct_c p{
      font-weight: bold;font-size: 18px; margin-left: 20px;
}
.duct_c ul{
margin-top: 30px;
}
.duct_c ul li{
    margin:10px 20px;float: left;display: flex;
    
}

.duct_c ul li div {
  width: 17px;height: 17px;margin-bottom: 10px; border-radius: 50%;border: 2px solid #fff; 
    
}

.duct_c ul li:hover div {
    width: 17px;height: 17px;margin-bottom: 10px; border-radius: 50%;border: 2px solid #64a9b4;  
}
.duct_c ul li:hover span {
    margin-left: 10px;color: #64a9b4;  
}
.duct_c ul li span {
  margin-left: 10px
}
.wels{
    display: block!important;
   
}
.wel{
   color: #64a9b4  
}

.footer{
	background-color: #262626;height: 300px; display: flex;padding: 0  12%
}





@media screen and (max-width: 700px){
    .banner_a{
		display:none;
	}
	.titgo{
		display:none;
	}
	.opply{
		display:none;
	}
	.kill{
		display:none;
	}
	.footer{
		display:none
	}
	.products_a{
		display:none	
	}
	
	.top270{
		display: none; 
	}
	.digital{
	display: none; 	
	}
	.andis{
		display: none; 	
	}
	.aboutsl{
	display: none; 		
	}
	.app_none{
	display: none; 			
	}

  .indexs{
  	display: none; 	
  }
}