﻿.banner-box{
	height:560px;
	position:relative;
	overflow:hidden;
}
.banner-box-img {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
}
.bantxt1{
	position:absolute;
	top:13%;
	font-size:36px;
	color:#fff;
	width:100%;
	text-align:center;	
}
.bantxt1 span{
	display:inline-block;
	padding:0 20px
}
.bantxt2,.bantxt3,.bantxt4,.bantxt5,.bantxt6{
	z-index:99;
	position:absolute;
}
.bantxt2{
	bottom:-5%;
	left:31%;
}
.bantxt3{
	bottom:-5%;
	left:56%;
}
.bantxt4{
	bottom:-5%;
	left:35.5%;
}
.bantxt5{
	bottom:-5%;
	left:50%;
}
.bantxt6{
	bottom:-5%;
	left:41%;
}
.product{
	padding-bottom:62px;
}
.product.row{
	margin-left: 0;
    margin-right: 0;
	cursor:pointer
}
.product.row .col-md-3{
	padding-left: 0;
    padding-right: 0;
}
.wave{
	width: 1920px;
    position: absolute;
    bottom: 0;
}
.wave1{
	width: 1920px;
    position: absolute;
    bottom: 0;
    z-index:99;
}
.product-bg{
	background:url(../../../static/images/nsztb/product-bg.png);
	width:295px;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	-webkit-transition: color 0.3s ease-in-out, background 0.3s ease-in-out;
    -moz-transition: color 0.3s ease-in-out, background 0.3s ease-in-out;
    -o-transition: color 0.3s ease-in-out, background 0.3s ease-in-out;
    transition: color 0.3s ease-in-out, background 0.3s ease-in-out;
}
.product-bg-act{
	background:url(../../../static/images/nsztb/product-bg-act.png);
	width:300px;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	-webkit-transition: color 0.3s ease-in-out, background 0.3s ease-in-out;
    -moz-transition: color 0.3s ease-in-out, background 0.3s ease-in-out;
    -o-transition: color 0.3s ease-in-out, background 0.3s ease-in-out;
    transition: color 0.3s ease-in-out, background 0.3s ease-in-out;
}
.product.row .col-md-3:hover .product-bg,.product.row .col-md-3:hover .product-bg-act{
	background:url(../../../static/images/nsztb/product-bg-acts.png);
}
.plist1,.plist2,.plist3,.plist4{
	position:absolute;
	left:115px;
	top:130px;
	height:90px;
	-webkit-transition: color 0.3s ease-in-out, background 0.3s ease-in-out;
    -moz-transition: color 0.3s ease-in-out, background 0.3s ease-in-out;
    -o-transition: color 0.3s ease-in-out, background 0.3s ease-in-out;
    transition: color 0.3s ease-in-out, background 0.3s ease-in-out;
}
.plist1{
	background:url(../../../static/images/nsztb/plist1.png) no-repeat;
	width:67px;
}
.plist2{
	background:url(../../../static/images/nsztb/plist2.png) no-repeat;
	width:63px;
}
.plist3{
	background:url(../../../static/images/nsztb/plist3.png) no-repeat;
	width:75px;
}
.plist4{
	background:url(../../../static/images/nsztb/plist4.png) no-repeat;
	width:65px;
}
.product.row .col-md-3:hover .plist1{
	background:url(../../../static/images/nsztb/plist1-act.png) no-repeat;
}
.product.row .col-md-3:hover .plist2{
	background:url(../../../static/images/nsztb/plist2-act.png) no-repeat;
}
.product.row .col-md-3:hover .plist3{
	background:url(../../../static/images/nsztb/plist3-act.png) no-repeat;
}
.product.row .col-md-3:hover .plist4{
	background:url(../../../static/images/nsztb/plist4-act.png) no-repeat;
}
.product.row .col-md-3 p{
	position:absolute;
	bottom:110px;
	color:#fefefe;
	font-size:20px;
	width:100%;
	text-align:center;
}
.service{
	padding-bottom:50px;
}
.service .col-md-4{
	padding-left: 20px;
    padding-right: 0;
}
.service .col-md-4 .ser-border{
	cursor:pointer;
	border:1px solid #e9e9e9;
	padding:0 25px;
	padding-top:20px;
	height:230px;
	position:relative;
	overflow:hidden;
	-webkit-transition: color 0.3s ease-in-out, background 0.3s ease-in-out;
    -moz-transition: color 0.3s ease-in-out, background 0.3s ease-in-out;
    -o-transition: color 0.3s ease-in-out, background 0.3s ease-in-out;
    transition: color 0.3s ease-in-out, background 0.3s ease-in-out;
}
.service.row {
    margin-left: -20px;
    margin-right: 0;
}
.service .col-md-4 .ser-border:hover{
	border:1px solid #045aff;
}
.service .col-md-4 h6{
	color:#333;
	font-size:16px;
	padding-bottom:15px;
}
.service .col-md-4 div.servicelist p{
	color:#5a6978;
}
.serbg{
	background:url(../../../static/images/nsztb/serbg.png) right center no-repeat;
}
a.apply_btn{
	position:absolute;
	right:25px;
	top:135px;
	color:#5a6978;
	background:#eee;
	display: block;
    padding: 4px 30px;
    border-radius: 5px;
	webkit-transition: color 0.3s ease-in-out, background 0.3s ease-in-out;
    -moz-transition: color 0.3s ease-in-out, background 0.3s ease-in-out;
    -o-transition: color 0.3s ease-in-out, background 0.3s ease-in-out;
    transition: color 0.3s ease-in-out, background 0.3s ease-in-out;
}
a.apply_btn:hover{
	text-decoration:none
}
.service .col-md-4 .ser-border:hover a.apply_btn{
	background:#045aff;
	color:#fff;
}
@-webkit-keyframes bounce-up {
    25% {
        -webkit-transform: translateY(10px);
    }
    50%, 100% {
        -webkit-transform: translateY(0);
    }
    75% {
        -webkit-transform: translateY(-10px);
    }
}
 
@keyframes bounce-up {
    25% {
        transform: translateY(10px);
    }
    50%, 100% {
        transform: translateY(0);
    }
    75% {
        transform: translateY(-10px);
    }
}
 
.animate-bounce-up{
    -webkit-animation: bounce-up 4s linear infinite;
    animation: bounce-up 4s linear infinite;
}
@-webkit-keyframes bounce-up1 {
    25% {
        -webkit-transform: translateY(15px);
    }
    50%, 100% {
        -webkit-transform: translateY(0);
    }
    75% {
        -webkit-transform: translateY(-10px);
    }
}
 
@keyframes bounce-up1 {
    25% {
        transform: translateY(10px);
    }
    50%, 100% {
        transform: translateY(0);
    }
    75% {
        transform: translateY(-10px);
    }
}
 
.animate-bounce-up1{
    -webkit-animation: bounce-up1 5s linear infinite;
    animation: bounce-up1 5s linear infinite;
}
@-webkit-keyframes bounce-up2 {
    25% {
        -webkit-transform: translateY(10px);
    }
    50%, 100% {
        -webkit-transform: translateY(0);
    }
    75% {
        -webkit-transform: translateY(-10px);
    }
}
 
@keyframes bounce-up2 {
    25% {
        transform: translateY(10px);
    }
    50%, 100% {
        transform: translateY(0);
    }
    75% {
        transform: translateY(-10px);
    }
}
 
.animate-bounce-up2{
    -webkit-animation: bounce-up2 6s linear infinite;
    animation: bounce-up2 6s linear infinite;
}
