.product-c{ padding:0 0 3.13%;  }
.product-c .borderfff{ border: 7px solid #fff; display: block; overflow: hidden; }
.product-c a:hover.box-img img{ transform: scale(1.2); } 
.product-c .title{ font-size:16px; color: #222222; text-transform: capitalize; display: block; padding: 20px 7px 10px;text-transform:uppercase; font-weight: bold;}
.product-c a.more{ text-decoration: none; background: #2d2d2d; display: block; width: 84px; height: 36px; line-height: 36px; color: #fff; text-align: center; border-radius: 3px; margin-left: 7px;z-index: 3; overflow: hidden; position: relative;}
.product-c a.more::before{background: #429bf7; left: 50%; top: 0; transition: all 0.3s ease 0s;content: ""; position: absolute;width:0; height: 100%; z-index:-1;}
.product-c a:hover.more::before {left: -20%;visibility: visible; width: 140%;}
.product-c .pdesc{ line-height: 20px; margin-bottom: 20px; padding: 0 7px;}
@media (min-width:768px){
	.product-c .container{position: relative;}
	.myproduct{ position: absolute; top: -38px; }
}
@media (min-width:768px) and (max-width:991px){
	.product-c .container{height: 340px;}
}
@media (min-width:992px){
	.product-c .container{height: 412px;}
}
@media (max-width:767px){
.product-c { text-align: center;padding-top: 5.3%;}.product-c .more{ margin: 0 auto 30px;  }
}
.product-c .border-width{ position: relative; }
.product-c .border-width .top,.product-c .border-width .left,.product-c .border-width .right,.product-c .border-width .bottom{position: absolute;background: #429bf7;transition:all 0.3s ease; opacity: 0;}
.product-c .border-width .top{  top: 0; height: 7px; width: 0; left: -20%;}
.product-c .border-width .left{ bottom: -20%; height: 0; width: 7px; left: 0;  }
.product-c .border-width .bottom{ bottom: 0; height: 7px; width: 100%; right:-20%; }
.product-c .border-width .right{ right: 0; height:0; width: 7px; top: -20%; }
.product-c .border-width:hover .top{ left: 0; width: 100%;}
.product-c .border-width:hover .left{ bottom: 0; height: 100%; }
.product-c .border-width:hover .bottom{ right: 0; width: 100%;}
.product-c .border-width:hover .right{ height: 100%; top: 0;}
.product-c .border-width:hover .top,.product-c .border-width:hover .bottom,.product-c .border-width:hover .left,.product-c .border-width:hover .right{ opacity: 1;}
.product-c .border-width img{transition:all 0.3s ease;}
.product-c .border-width a:hover img{transform: scale(1.2);}
@media (max-width:588px){
	.product-c .col-sm-4{ overflow: hidden; }
}
#services{ background: #efefef; padding:3.6% 0; overflow: hidden;}
#services .ser-name,#knowledge .ser-name{ font-size: 34px; color: #222222; margin-bottom: 20px; font-weight: bold; }
#services .ser-name a,#knowledge .ser-name a{ font-size: 34px; color: #222222; }
#services .pdesc{ font-size: 16px; color: #959595; }
#services .icon{ width: 154px; height: 154px; display: block;margin: 0 auto; border-radius: 50%; border: 1px solid #e3e3e3; z-index: 1; background: #fff; text-align: center; color: #555555; font-size: 45px !important; line-height: 154px;position: relative;}
#services .icon::after{border-radius: 50%;transition:all 0.3s ease; content: "";  left: 0; top: 0; position: absolute; width: 100%; height: 100%;}
#services .icon:hover::after{ background: #429bf7; transform: scale(0.92);   }
#services .icon:hover{ border-color: #429bf7; }
#services .icon:hover i{color: #fff; }
#services .icon i{z-index: 3; position:absolute; left: 50%; line-height: 154px; margin-left: -20px;transition:all 0.3s ease; }
#services .ser-tit{ color: #353535; font-size: 22px; margin-top: 25px; display: block; margin-bottom: 10px;}
#services .ser-box p{ line-height: 20px; color: #898989; }
#services .ser-box{ margin-top: 42px; text-align: center; }
#services a.more{ text-decoration: none;background: #429bf7 ; display: block; width: 84px; height: 36px; line-height: 36px; color: #fff; text-align: center; border-radius: 3px; margin:0 auto; margin-top: 20px;z-index: 3; overflow: hidden; position: relative;}
#services a.more::before{background: #2d2d2d; left: 50%; top: 0; transition: all 0.3s ease 0s;content: ""; position: absolute;width:0; height: 100%; z-index:-1;}
#services a:hover.more::before {left: -20%;visibility: visible; width: 140%;}
@media (min-width:768px) and (max-width:991px){
	#services .ser-box{height: 322px;}
}
#services h1{ display: inline; font-size: 16px; }
#free{ background: url(../images/ser-bg.jpg) center top no-repeat; padding: 4.38% 0; color: #999999;overflow: hidden; }
#free .icon-tit{ color: #fff; font-size: 20px; font-weight: bold; margin-bottom: 20px;  }
#free .icon-tit i{ font-size: 30px; padding-right: 20px; }
@media (max-width:767px){
	#free{ text-align: center; }
	#free .icon-tit{ margin-top: 35px; }
	#services .ser-name,#knowledge .ser-name{ font-size: 24px; }
}
@media (min-width:768px) and (max-width:991px){#services .ser-name,#knowledge .ser-name{ font-size: 28px; }}
@media (max-width:555px){#free{ background: #1f1f1f; }}
#knowledge{ padding: 50px 0; line-height: 20px; overflow: hidden;}
#knowledge .konw-no{ width: 56px; height: 68px; border: 1px solid #429bf7; text-align: center; line-height: 68px; color: #429bf7; font-size: 28px; float: left; margin-right: 15px; }
#knowledge a{ color: #429bf7; font-size: 16px; text-transform: capitalize; }
#knowledge p{ margin-top: 10px; }
#knowledge .ser-name{ margin-bottom:35px; }
#knowledge .col-sm-6{ padding-top: 18px; padding-bottom: 18px; }
#mailform{ background: #2b2b2b url(../images/touch-bg.jpg) center top no-repeat;  padding:4.08% 0 2.28%; border-bottom: 1px solid #4b4b4b;}
@media (min-width:992px){
#mailform .formshow{ width: 85%; margin: 0 auto; }
#mailform .formshow .myform{ width: 80%; margin-right: auto; margin-left: auto; }
}
@media (min-width:992px){
	#knowledge .col-sm-6{ height: 117px; }
}
@media (min-width:768px) and (max-width:991px){
	#knowledge .col-sm-6{ height: 137px; }
}