.page.oc-pj .top-slogan {
    max-width: 570px;
    text-align: center;
    margin: 0 auto;
    font-weight: 600;
    margin-bottom: 45px;
}
.black {
    color: #000;
}
.img-icon {
    width: auto !important;
    height: auto !important;
    float: left;
    margin-right: 5px;
}
.page.oc-pj .features {
    padding-bottom: 50px;
}
.page.oc-pj .features .list {
    text-align: center;
}
.page.oc-pj .features .list .item {
    vertical-align: top;
}
.page.oc-pj .features .list .item {
    display: inline-block;
    color: #737373;
    width: 33%;
    padding: 0 30px;
    margin-bottom: 25px;
}
.page.oc-pj .features .list .item .title {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
    margin-top: 25px;
    margin-bottom: 15px;
}
.oc-pj .features .list .item .info-content {
    height: 75px;
    overflow: hidden;
}
.page.oc-pj .features .list .item .info-content>p {
    transition: height 0.3s;
    -webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    -ms-transition: height 0.3s;
    -o-transition: height 0.3s;
}
.page.oc-pj .features .list .item p {
    height: 75px;
    overflow: hidden;
}
.page.oc-pj .features .list .item p.read-more {
    height: auto;
}
.page.oc-pj .gallery .list .item:nth-child(13) {
    margin-left: 16.6666%;
}
.page.oc-pj .gallery .list .item:nth-child(17) {
    margin-left: 33.3333%;
}
.read-more a {
    display: inline-block;
    text-align: center;
    height: 50px;
    line-height: 50px;
    width: 230px;
    max-width: 100%;
    padding: 0 30px;
    background: #115894;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    position: relative;
}
.read-more a {
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    display: inline-block;
    text-align: center;
    height: 40px;
    line-height: 40px;
    width: 160px;
    max-width: 100%;
    padding: 0 30px;
    background: #115894;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
}
.read-more a:hover{
    opacity: 0.7;
}
.read-more a:before{
	content:"";
	position:absolute;
	bottom:-15px;
	left:0;
	top:auto !important;
	width:0;
	height:0;
	border-bottom:10px solid transparent;
	border-left:10px solid #1f83d7;
	border-top:0px solid transparent !important;
	border-right:0px solid transparent !important;
	transition:all .4s;
	-webkit-transition:all .4s;
	-moz-transition:all .4s;
	-o-transition:all .4s;
}
.read-more a:after{
	content:"";
	position:absolute;
	top:-15px;
	right:0;
	bottom:auto !important;
	width:0;
	height:0;
	border-top:10px solid transparent;
	border-right:10px solid #1f83d7;
	border-bottom:0px solid transparent !important;
	border-left:0px solid transparent !important;
	transition:all .4s;
	-webkit-transition:all .4s;
	-moz-transition:all .4s;
	-o-transition:all .4s;
}
.read-more a:hover:after,
.read-more a:hover:before{
	top:-20px;
	bottom:-20px;
}
.page.oc-pj .features .list .item p.read-more a {
    height: auto;
    line-height: 1.5;
    background: transparent;
    color: #115894;
    text-decoration: underline;
    min-width: auto;
    margin-top: 15px;
}
.page.oc-pj .features .list .item p.read-more a:before,
.page.oc-pj .features .list .item p.read-more a:after{
    content: none;
}
.push-cont-effect {
    font-size: 0;
    text-align: left;
}
.push-cont-effect .it {
    font-size: 14px;
    position: relative;
    display: block;
}
.page.oc-pj .gallery .list .item {
    display: block;
    float: left;
    width: 16.6666%;
    position: relative;
}
.page.oc-pj .gallery .list .item {
    position: relative;
}
.onb-flex {
    display: flex;
    -webkit-display: flex;
    -moz-display: flex;
    justify-content: center;
    align-items: center;
}
.onb-flex a:hover{
    color: #fff;
}
.push-cont-effect .it .cont {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
    width: 100%;
    height: 100%;
    background: #115894;
    color: #fff;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition-delay: .1s;
    -webkit-transition-delay: .1s;
    padding: 15px;
}
.push-cont-effect .it .tmb {
    position: relative;
    z-index: 2;
    display: block;
}
img {
    height: auto;
    max-width: 100%;
    transition: all .4s;
    -o-transition: all .4s;
    -moz-transition: all .4s;
    -webkit-transition: all .4s;
}
/*
.push-cont-effect .it .tmb img {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    display: block;
    width: 100%;
}
.push-cont-effect .it .tmb .line {
    position: absolute;
    display: block;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    background: #115894;
}
.push-cont-effect .it .tmb .top, .push-cont-effect .it .tmb .bottom {
    top: 0;
    left: 0;
    height: 5px;
    width: 0;
}
.push-cont-effect .it .tmb .bottom {
    top: auto;
    left: auto;
    bottom: 0;
    right: 0;
}
.push-cont-effect .it.active:nth-child(6n + 1) .cont {
    left: 100%;
}
.push-cont-effect .it.active .cont {
    left: -100%;
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible;
    z-index: 29;
}*/

/* Push effect */

.push-cont-effect{
	font-size:0;
	text-align:left;
}
.push-cont-effect .it{
	font-size:14px;
	position:relative;	
	display:block;
}


.push-cont-effect .it .cont{
	position:absolute;
	z-index:-1;
	top:0;
	left:0;
	opacity:0;
	filter:alpha(opacity=0);
	visibility:hidden;
	width:100%;
	height:100%;
	background:#115894;
	color:#fff;
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-o-transition:all .3s;
	transition-delay: .1s;
	-webkit-transition-delay: .1s;
	padding:15px;
}
.push-cont-effect .it .cont p{
	color:#fff !important;
	//line-height:1.1 !important;
}
.push-cont-effect .it .cont .inner{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
}

.push-cont-effect .it .tmb{
	position:relative;
	z-index:2;
	display:block;
}

.push-cont-effect .it .tmb img{
	filter:grayscale(100%);
	-webkit-filter:grayscale(100%);
	display:block;
	width:100%;
}

.push-cont-effect .it.active .tmb img{
	filter:grayscale(0%);
	-webkit-filter:grayscale(0%);
}

.push-cont-effect .it .tmb .line{
	position:absolute;
	display:block;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-o-transition:all .3s;
	transition:all .3s;
	background:#115894;
}
.push-cont-effect .it .tmb .top,
.push-cont-effect .it .tmb .bottom{
	top:0;
	left:0;
	height:5px;
	width:0;
}
.push-cont-effect .it .tmb .bottom{
	top:auto;
	left:auto;
	bottom:0;
	right:0;
}


.push-cont-effect .it .tmb .left,
.push-cont-effect .it .tmb .right{
	bottom:0;
	left:0;
	height:0;
	width:5px;
}

.push-cont-effect .it .tmb .right{
	top:0;
	right:0;
	left:auto;
	bottom:auto;
	
}
.push-cont-effect .it.active .tmb .top,
.push-cont-effect .it.active .tmb .bottom{
	width:100%;
}
.push-cont-effect .it.active .tmb .left,
.push-cont-effect .it.active .tmb .right{
	height:100%;
}

.push-cont-effect .it.active .cont{
	left:-100%;
	opacity:1;
	filter:alpha(opacity=100);
	visibility:visible;
	z-index:2;
}

.push-cont-effect .it.active:nth-child(6n + 1) .cont{left:100%;}

.push-cont-effect .it.active:nth-child(6n + 1) + .it{z-index:0;}

.sec.main-product .push-cont-effect .it.active:nth-child(3n + 1) .cont{left:100%;}
.sec.main-product .push-cont-effect .it.active:nth-child(3n + 1) + .it{z-index:0;}

.page.oc-pj .container {
    width: 100%;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
}
.page.oc-pj .staffs {
    padding-top: 40px;
}

.page.oc-pj .sec-title {
    font-size: 30px;
    font-weight: bold;
    color: #115894;
    text-transform: uppercase;
}
.page.oc-pj .text-center {
    text-align: center;
}
.page.oc-pj .staffs .sub {
    margin-bottom: 40px;
}
.page.oc-pj .main-content {
    padding: 80px 0 45px;
}
.page.oc-pj .staffs .slider .item {
    margin-bottom: 30px;
}
.page.oc-pj .staffs .slider .item .avatar {
    float: left;
    width: 30%;
}
.page.oc-pj .staffs .slider .item .info {
    float: left;
    padding: 20px 15px 0 30px;
    width: 70%;
}
.page.oc-pj .staffs .slider .item .name {
    color: #000000;
    font-size: 18px;
}
.page.oc-pj .staffs .slider .item .pos {
    color: #115894;
}
.page.oc-pj .staffs .slider .item .desc {
    color: #636363;
}
.page.oc-pj .staffs .slider .item:after {
    content: "";
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
}

.page.oc-pj .gallery .list .it.active:nth-child(17) .cont{
	left:100%;
}
.page.oc-pj .gallery .list .it.active:nth-child(17) + .it{
	z-index:0;
}


@media screen and (max-width:1199px){
	
	.push-cont-effect .it.active:nth-child(6n + 1) .cont{left:-100%;}
	.push-cont-effect .it.active:nth-child(6n + 1) + .it{z-index:inherit;}
	
	.push-cont-effect .it.active:nth-child(4n + 1) .cont{left:100%;}
	.push-cont-effect .it.active:nth-child(4n + 1) + .it{z-index:0}
	
	
	.page.oc-pj .features .list .item {
		padding: 0 20px;
	}
	
}
@media screen and (max-width:1023px){
	
	.push-cont-effect .it.active:nth-child(4n + 1) .cont{left:-100%;}
	.push-cont-effect .it.active:nth-child(4n + 1) + .it{z-index:inherit}
	
	.push-cont-effect .it.active:nth-child(3n + 1) .cont{left:100%;	}
	.push-cont-effect .it.active:nth-child(3n + 1) + .it{z-index:0;}
	
	.page.oc-pj .gallery .list .item{
		display:inline-block;
		vertical-align:top;
		float:none;
		width:33.3333%;
		margin:0 !important;
	}
	
	.page.oc-pj .features .list .item{
		width:45%;
	}
	
	
}

@media screen and (max-width:769px){
	.sec.main-product .push-cont-effect .it.active:nth-child(3n + 1) .cont{left:-100%;}
	.sec.main-product .push-cont-effect .it.active:nth-child(3n + 1) + .it{z-index:inherit;}
	
	.sec.main-product .push-cont-effect .it.active:nth-child(odd) .cont{left:100%;}
	.sec.main-product .push-cont-effect .it.active:nth-child(odd) + .it{z-index:0;}
	
}


@media screen and (max-width:767px){
	
	.push-cont-effect .it.active:nth-child(3n + 1) .cont{left:-100%;}
	.push-cont-effect .it.active:nth-child(3n + 1) + .it{z-index:inherit;}
	
	.push-cont-effect .it.active:nth-child(2n + 1) .cont{left:100%;}
	.push-cont-effect .it.active:nth-child(2n + 1) + .it{z-index:0;}
	
	
	.page.oc-pj .features .list .item {
		width: 100%;
		display: block;
	}
	
	.page.oc-pj .gallery .list{
		max-width:600px;
		margin:0 auto;
	}
	
	.page.oc-pj .gallery .list .item{
		width:50%;
	}
	.page.oc-pj .gallery .it .sec-subtitle{
		max-height: 75px;
		overflow: hidden;
		line-height: 25px;
	}
	
	.page.oc-pj .gallery .list .item .link{
		height: 30px;
		line-height: 30px;
		font-size:13px;
	}
	
	
	
}
@media screen and (max-width:480px){
	.sec.main-product .push-cont-effect .it.active .cont{left:0 !important;}
	.sec.main-product .push-cont-effect .it.active + .it{z-index:0;}	
}
	


@media screen and (max-width:340px){
	.push-cont-effect .it .cont{
		padding:10px;
	}
}
.page.division .division-content {
    padding-top: 80px;
}
@media screen and (max-width: 1900px){
 .ziczac-features {
    position: relative;
}   
}
.ziczac-features .tmb {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    width: 50%;
    background-repeat: no-repeat;
    background-size: cover;
}
.ziczac-features .right.tmb {
    right: 0;
}
.ziczac-features .feature {
    background: #f8f8f8;
    position: relative;
}
.page.division .division-content .content .sec-title {
    /* color: #000; */
}
.ziczac-features .content .sec-title {
    margin-top: 0;
}
.division .sec-title {
    font-size: 30px;
    font-weight: bold;
    color: #115894;
    text-transform: uppercase;
}
.ziczac-features .left, .ziczac-features .right {
    width: 50%;
}
.ziczac-features .content {
    max-width: 585px;
    padding: 26px 80px 54px;
    /* position: absolute; */
    top: 30px;
}
.stretch-excerpt{
    padding-bottom: 20px;
}
.ziczac-features .right.content {
    float: left;
    margin-left: 50%;
    padding-right: 15px;
}
@media (max-width: 768px){
    .sec-oncent.division-content .ziczac-features .right.content {
  padding: 30px 15px;  
}
    }


.new-list .sec-title{
    font-size: 20px;
    color: #115894;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.new-list .news-list{
    list-style: none;
}
.new-list .news-list .post:nth-child(2),
.new-list .news-list .post:nth-child(3){
       margin-top: 24px; 
}
.new-list .news-list .post:nth-child(3){
        padding-bottom: 14px;

}
.new-list .news-list .post:nth-child(n+4){
        position: relative;
    
}
.new-list .news-list .post:first-child{
    padding-bottom: 25px;
    border-bottom: 1px solid #e1e1e1;
}
.new-list .news-list .post:first-child .title {
    font-size: 18px;
    font-weight: bold;
    margin-top: 20px;
}
.page-template-about .read-more a{
    display: inline-block;
    text-align: center;
    margin-top: 10px;
    height: 40px;
    line-height: 40px;
    width: 140px;
    max-width: 100%;
    padding: 0 30px;
    background: #115894;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
}
.page.oc-pj .our-team .leaders {
        padding: 0 200px; 
    }
.slider.leaders .item {
    display: inline-block;
    vertical-align: top;
    width: 16.6666%;
    float: left;
}
@media screen and (min-width: 1199px){
    .page.oc-pj .slider.leaders .item {
        width: 25%;
    }  

    .page.oc-pj .our-team .push-cont-effect .it.active:nth-child(6n + 1) .cont{left:-100%;}
    .page.oc-pj .our-team .push-cont-effect .it.active:nth-child(6n + 1) + .it{z-index:inherit;}

    .page.oc-pj .our-team .push-cont-effect .it.active:nth-child(4n + 1) .cont{left:100%;}
    .page.oc-pj .our-team .push-cont-effect .it.active:nth-child(4n + 1) + .it{z-index:0}
}
@media screen and (max-width:767px){
	.slider.leaders .it{
		width:50%;
	}
	.push-cont-effect .it.active:nth-child(3n + 1) .cont{left:-100%;}
	.push-cont-effect .it.active:nth-child(3n + 1) + .it{z-index:inherit;}
	
	.push-cont-effect .it.active:nth-child(2n + 1) .cont{left:100%;}
	.push-cont-effect .it.active:nth-child(2n + 1) + .it{z-index:0;}
}
.page.oc-pj .our-team {
    margin-bottom: 80px;
}
.ziczac-features .content{
    
    padding-right: 0;
    padding-left: 80px;
}
.ziczac-features .feature:nth-child(2n) .content{
    padding-left: 0;
    padding-right: 80px;
}
.ziczac-features .content .content-except ul,
.ziczac-features .content .content-except ol,
.ziczac-features .content .more-detail ul,
.ziczac-features .content .more-detail ol{
    padding-left: 15px;
}