.slide-box {
    margin-bottom: 10px;
	float: left;
    width: 77%;
}
.cate-item {
    border: 1px solid #d6cbe3;
    background: #FFF;
    overflow: hidden;
    border-radius: 10px;
}
.cate-img {
    float: left;
    width: 60%;
    vertical-align: middle;
}
.ads-img{
	overflow: hidden;
	text-align: center;
}
#home-content {
    padding: 20px;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    /* margin-bottom: 50px; */
}
.cate-info {
    float: left;
    width: 40%;
    vertical-align: middle;
    position: relative;
    padding: 15px;
    padding-bottom: 46px;
}
.cate-img img {
    display: block;
}
.cate-name {
    font-size: 22px;
    color: #7755A2;
    font-weight: 500;
    margin-bottom: 10px;
}
.cate-des {
    color: #333;
    font-weight: 500;
}
.btn-action {
    position: absolute;
    bottom: 10px;
    padding: 0 16px;
    background: #7755A2;
    color: #fff;
    border: 0;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    font-weight: 500;
    transition: 0.5s;
    display: inline-block;
}
.list-cate-child {
    position: absolute;
    right: 10px;
    top: 5px;
    list-style: none;
}
.list-cate-child li {
    display: inline-block;
    vertical-align: middle;
    line-height: 40px;
    padding-left: 15px;
}
.service {
	border-top: 2px solid #FF8800;
    padding-top: 15px;
}
.service-item:hover {
	border: 3px solid #FF1212;
	opacity: 0.5;
}
.service-item {
	-webkit-box-shadow: 1px 3px 5px 0 rgb(0 0 0 / 30%);
    -moz-box-shadow: 1px 3px 5px 0 rgb(0 0 0 / 30%);
    box-shadow: 1px 3px 5px 0 rgb(0 0 0 / 30%);
    padding: 5%;
    border-radius: 8px;
    color: #FFFFFF;
    height: 100%;
    display: flex;
    align-content: center;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
	border: 3px solid #ff121200;
}
.service-item .ser-img {
    display: inline-block;
    vertical-align: middle;
    max-width: 30%;
    padding-right: 6px;
}
.service-item .ser-info {
    display: inline-block;
    vertical-align: middle;
}
.service-item .ser-info .ser-name {
    text-transform: capitalize;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: unset;
    width: auto;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.service-item .ser-info .ser-name {
	font-size: 16px;
	font-weight: bold;
    margin-bottom: 2px;
    text-transform: capitalize;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: unset;
    width: auto;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.slide-caption{
    position: absolute;
    left: 5%;
    top: 50%;
    right: 55%;
    width: auto;
    padding: 15px 20px;
    overflow: hidden;
    background: rgb(255 255 255 / 90%);
    color: #000;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    box-sizing: border-box;
}
.slide-caption {
  -webkit-transition: color 0.15s;
  transition: color 0.15s;
  transition: all 1500ms ease;
}
.slide-caption::before, .slide-caption::after {
    content: '';
    position: absolute;
    border: 3px solid transparent;
    width: 0;
    height: 0;
}
.slide-caption::before {
  top: 0px;
  left: 0px;
}
.slide-caption::after {
  bottom: 0;
  right: 0;
}
.slideshow .active .slide-caption::before, .slideshow .active .slide-caption::after {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}
.slideshow .active .slide-caption::before {
  border-top-color: rgb(140 105 170);
  border-right-color: rgb(140 105 170);
  -webkit-transition: width 1s ease-out, height 1s ease-out 1s;
  transition: width 1s ease-out, height 1s ease-out 1s;
}
.slideshow .active .slide-caption::after {
  border-bottom-color: rgb(140 105 170);
  border-left-color: rgb(140 105 170);
  -webkit-transition: border-color 0s ease-out 2s, width 1s ease-out 2s, height 1s ease-out 3s;
  transition: border-color 0s ease-out 2s, width 1s ease-out 2s, height 1s ease-out 3s;
}
.slide-caption .slide-title {
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
}
.slideshow .active .slide-title{-webkit-animation-duration:1.5s;-moz-animation-duration:1.5s;-ms-animation-duration:1.5s;-o-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.slideshow .active .slide-title{-webkit-animation-delay:0.3s;-moz-animation-delay:0.3s;-ms-animation-delay:0.3s;-o-animation-delay:0.3s;animation-delay:0.3s;-webkit-animation-name:trf_left;animation-name:trf_left;}
.slide-caption .slide-des {
    margin-top: 10px;
    font-size: 15px;
}
.slideshow .active .slide-des{-webkit-animation-duration:3s;-moz-animation-duration:3s;-ms-animation-duration:3s;-o-animation-duration:3s;animation-duration:3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.slideshow .active .slide-des{-webkit-animation-delay:0.6s;-moz-animation-delay:0.6s;-ms-animation-delay:0.6s;-o-animation-delay:0.6s;animation-delay:0.6s;-webkit-animation-name:trf_left;animation-name:trf_left;}
.slide-view {
    background: #8c69aa;
    padding: 8px 20px;
    display: inline-block;
    margin-top: 15px;
    color: #FFF;
    border-radius: 3px;
    text-transform: uppercase;
}
.slideshow .active .slide-view{-webkit-animation-duration:3s;-moz-animation-duration:3s;-ms-animation-duration:3s;-o-animation-duration:3s;animation-duration:3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.slideshow .active .slide-view{-webkit-animation-delay:0.6s;-moz-animation-delay:0.6s;-ms-animation-delay:0.6s;-o-animation-delay:0.6s;animation-delay:0.6s;-webkit-animation-name:trf_left;animation-name:trf_left;}
@keyframes top_left{from{width:0;}
to{width:100%;}
}
@keyframes top_bottom{from{height:0;}
to{height:100%;}
}
@keyframes bottom_left{from{left:100%;}
to{left:0;}
}
@keyframes bottom_top{from{top:100%;}
to{top:3px;}
}
@keyframes fadeIn{from{opacity:0;}
to{opacity:1;}
}
@keyframes banner_sub{from{-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%);}
to{-webkit-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);}
}
@keyframes trf_left{from{opacity:0;transform:translate3d(-100%, 0, 0);}
to{opacity:1;transform:none;}
}
@-webkit-keyframes banner_style{from{-webkit-transform:scale3d(1.5, 1.5, 1.5);transform:scale3d(1.5, 1.5, 1.5);}
to{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);}
}
@keyframes banner_style{from{-webkit-transform:scale3d(1.5, 1.5, 1.5);transform:scale3d(1.5, 1.5, 1.5);}
to{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);}
}
#bg-slider
{
    float: left;
    width: 79%;
    padding-left: 10px;
}
#home_slideshow{margin-bottom:10px}
#overlay_skitter{position:absolute;top:0;left:0;width:100%;z-index:9998;opacity:1;background:#000}
.box_skitter{position:relative;width:975px;height:465px;
    -moz-transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    border: 2px solid #fff;}
.box_skitter img{
}
.box_skitter ul{display:none}
.box_skitter .container_skitter{overflow:hidden;position:relative}
.box_skitter .image{overflow:hidden}
.box_skitter .image img{display:none}
.box_skitter .box_clone{position:absolute;top:0;left:0;width:100px;overflow:hidden;display:none;z-index:20}
.box_skitter .box_clone img{position:absolute;top:0;left:0;z-index:20}
.box_skitter .prev_button{position:absolute;top:50%;left:5px;z-index:152;width:40px;height:40px;overflow:hidden;text-indent:-9999em;margin-top:-25px;-webkit-transition:all .2s;-moz-transition:all .2s;transition:all .2s}
.box_skitter .next_button{position:absolute;top:50%;right:5px;z-index:152;width:40px;height:40px;overflow:hidden;text-indent:-9999em;margin-top:-25px;-webkit-transition:all .2s;-moz-transition:all .2s;transition:all .2s}
.box_skitter .prev_button:hover,.box_skitter .next_button:hover{opacity:1 !important}
.box_skitter .info_slide{position:absolute;top:15px;left:15px;z-index:100;background:#000;color:#fff;font:bold 11px arial;padding:5px 0 5px 5px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;opacity:.75}
.box_skitter .info_slide .image_number{background:#333;float:left;padding:2px 10px;margin:0 5px 0 0;cursor:pointer;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;-webkit-transition:all .2s;-moz-transition:all .2s;transition:all .2s}
.box_skitter .info_slide .image_number:hover{background:#000}
.box_skitter .info_slide .image_number_select,.box_skitter .info_slide .image_number_select:hover{background:#c33;float:left;padding:2px 10px;margin:0 5px 0 0}
.box_skitter .container_thumbs{position:relative;overflow:hidden;height:50px}
.box_skitter .info_slide_thumb{height:50px;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;overflow:hidden;top:auto;top:0;left:0;padding:0 !important;opacity:1.0}
.box_skitter .info_slide_thumb .image_number{overflow:hidden;width:100px;height:50px;position:relative;margin:0 !important;padding:0 !important;-moz-border-radius:0 !important;-webkit-border-radius:0 !important;border-radius:0 !important}
.box_skitter .info_slide_thumb .image_number img{position:absolute;top:-30px;left:-30px;height:100px}
.box_skitter .box_scroll_thumbs{padding:0}
.box_skitter .box_scroll_thumbs .scroll_thumbs{position:absolute;bottom:60px;left:50px;background:#ccc;background:-moz-linear-gradient(-90deg,#555,#fff);background:-webkit-gradient(linear,left top,left bottom,from(#555),to(#fff));width:200px;height:10px;overflow:hidden;text-indent:-9999em;z-index:101;cursor:pointer;border:0 solid #333}
.box_skitter .info_slide_dots{position:absolute;bottom:10px;z-index:151}
.box_skitter .info_slide_dots .image_number{background:#333;float:left;margin:0 5px 0 0;cursor:pointer;-moz-border-radius:50px;-webkit-border-radius:50px;border-radius:50px;width:10px;height:10px;text-indent:-9999em;overflow:hidden;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;transition:all 0.2s}
.box_skitter .info_slide_dots .image_number:hover{}
.box_skitter .info_slide_dots .image_number_select,.box_skitter .info_slide_dots .image_number_select:hover{background:#cc3333;float:left;margin:0 5px 0 0}
.loading{position:absolute;top:50%;right:50%;z-index:10000;margin:-16px -16px;color:#fff;text-indent:-9999em;overflow:hidden;background:url(../img/skitter/ajax-loader.gif) no-repeat left top;width:32px;height:32px}
.box_skitter .label_skitter{z-index:150;position:absolute;bottom:0;left:0;display:none}
.box_skitter .label_skitter{z-index:150;position:absolute;bottom:0;left:0;color:#fff;display:none;opacity:.8;background:#000}
.box_skitter .label_skitter p{padding:10px;margin:0;font:normal 22px arial,tahoma;letter-spacing:-1px}
.box_skitter .progressbar{background:#000;position:absolute;top:5px;left:15px;height:5px;width:200px;z-index:99;border-radius:20px}
.box_skitter .preview_slide{display:none;position:absolute;z-index:152;bottom:30px;left:-40px;width:100px;height:100px;background:#fff;border:1px solid #222;-moz-box-shadow:rgba(0,0,0,0.7) 2px 2px 5px;-webkit-box-shadow:rgba(0,0,0,0.7) 2px 2px 5px;box-shadow:rgba(0,0,0,0.7) 2px 2px 5px;overflow:hidden}
.box_skitter .preview_slide ul{height:100px !important;overflow:hidden !important;margin:0 !important;list-style:none !important;display:block !important;position:absolute !important;top:0;left:0}
.box_skitter .preview_slide ul li{width:100px !important;height:100px !important;overflow:hidden !important;float:left !important;margin:0 !important;padding:0 !important;position:relative !important;display:block !important}
.box_skitter .preview_slide ul li img{position:absolute !important;top:0 !important;left:0 !important;height:150px !important;width:auto !important}
.box_skitter .focus_button{position:absolute;top:50%;z-index:100;width:42px;height:42px;overflow:hidden;text-indent:-9999em;margin-top:-25px;opacity:0;-webkit-transition:all .2s;-moz-transition:all .2s;transition:all .2s}
.box_skitter .play_pause_button{position:absolute;top:50%;z-index:151;width:42px;height:42px;overflow:hidden;text-indent:-9999em;margin-top:-25px;opacity:0;-webkit-transition:all .2s;-moz-transition:all .2s;transition:all .2s}
.box_skitter .play_pause_button:hover{opacity:.5 !important}
.box_skitter .focus_button:hover{opacity:.5 !important}
.box_skitter_large{width:800px;height:300px}
.box_skitter_small{width:200px;height:100px}
.box_skitter .focus_button,.box_skitter .play_pause_button{display:block;background:url( '../img/skitter/sprite-default.png ') no-repeat}
.box_skitter .next_button{background:url(../img/skitter/slide_next.png) no-repeat top left;width:50px;height:47px}
.box_skitter .prev_button{background:url(../img/skitter/slide_prev.png) no-repeat top left;width:50px;height:47px}
.box_skitter .play_pause_button{background-position:-0 -0;width:42px;height:42px}
.box_skitter .play_pause_button.play_button{background-position:-0 -84px;width:42px;height:42px}
.box_skitter .focus_button{background-position:-42px -0;width:42px;height:42px}