/* 
 * 	Core Owl Carousel CSS File
 *	v1.24
 */
 /* 代码整理：懒人之家 www.lanrenzhijia.com */
/* clearfix */
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */
.owl-carousel{
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
	
.owl-carousel .owl-item{
	float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing { 
    cursor:url(grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}

/* CSS3 Transitions */

.owl-origin {
	-webkit-perspective: 1200px;
	-webkit-perspective-origin-x : 50%;
	-webkit-perspective-origin-y : 50%;
	-moz-perspective : 1200px;
	-moz-perspective-origin-x : 50%;
	-moz-perspective-origin-y : 50%;
	perspective : 1200px;
}
/* fade */
.owl-fade-out {
  z-index: 10;
  -webkit-animation: fadeOut .7s both ease;
  -moz-animation: fadeOut .7s both ease;
  animation: fadeOut .7s both ease;
}
.owl-fade-in {
  -webkit-animation: fadeIn .7s both ease;
  -moz-animation: fadeIn .7s both ease;
  animation: fadeIn .7s both ease;
}
/* backSlide */
.owl-backSlide-out {
  -webkit-animation: backSlideOut 1s both ease;
  -moz-animation: backSlideOut 1s both ease;
  animation: backSlideOut 1s both ease;
}
.owl-backSlide-in {
  -webkit-animation: backSlideIn 1s both ease;
  -moz-animation: backSlideIn 1s both ease;
  animation: backSlideIn 1s both ease;
}
/* goDown */
.owl-goDown-out {
  -webkit-animation: scaleToFade .7s ease both;
  -moz-animation: scaleToFade .7s ease both;
  animation: scaleToFade .7s ease both;
}
.owl-goDown-in {
  -webkit-animation: goDown .6s ease both;
  -moz-animation: goDown .6s ease both;
  animation: goDown .6s ease both;
}
/* scaleUp */
.owl-fadeUp-in {
  -webkit-animation: scaleUpFrom .5s ease both;
  -moz-animation: scaleUpFrom .5s ease both;
  animation: scaleUpFrom .5s ease both;
}

.owl-fadeUp-out {
  -webkit-animation: scaleUpTo .5s ease both;
  -moz-animation: scaleUpTo .5s ease both;
  animation: scaleUpTo .5s ease both;
}
/* Keyframes */
/*empty*/ /* 代码整理：懒人之家 www.lanrenzhijia.com */
@-webkit-keyframes empty {
  0% {opacity: 1}
}
@-moz-keyframes empty {
  0% {opacity: 1}
}
@keyframes empty {
  0% {opacity: 1}
}
@-webkit-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-moz-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-webkit-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-moz-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-webkit-keyframes backSlideOut {
  25% { opacity: .5; -webkit-transform: translateZ(-500px); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
}
@-moz-keyframes backSlideOut {
  25% { opacity: .5; -moz-transform: translateZ(-500px); }
  75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
}
@keyframes backSlideOut {
  25% { opacity: .5; transform: translateZ(-500px); }
  75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
}
@-webkit-keyframes backSlideIn {
  0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px); }
  100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
}
@-moz-keyframes backSlideIn {
  0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -moz-transform: translateZ(-500px); }
  100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
}
@keyframes backSlideIn {
  0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; transform: translateZ(-500px); }
  100% { opacity: 1; transform: translateZ(0) translateX(0); }
}
@-webkit-keyframes scaleToFade {
  to { opacity: 0; -webkit-transform: scale(.8); }
}
@-moz-keyframes scaleToFade {
  to { opacity: 0; -moz-transform: scale(.8); }
}
@keyframes scaleToFade {
  to { opacity: 0; transform: scale(.8); }
}
@-webkit-keyframes goDown {
  from { -webkit-transform: translateY(-100%); }
}
@-moz-keyframes goDown {
  from { -moz-transform: translateY(-100%); }
}
@keyframes goDown {
  from { transform: translateY(-100%); }
}

@-webkit-keyframes scaleUpFrom {
  from { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpFrom {
  from { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpFrom {
  from { opacity: 0; transform: scale(1.5); }
}

@-webkit-keyframes scaleUpTo {
  to { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpTo {
  to { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpTo {
  to { opacity: 0; transform: scale(1.5); }
}





/* 样式设置  */
.owl-theme .owl-controls{
	margin-top: 10px;
	text-align: center;
}

/* Styling Next and Prev buttons */

.owl-theme .owl-controls .owl-buttons div{
	color: #FFF;
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
	margin: 5px;
	padding: 3px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background: #869791;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	text-decoration: none;
}

/* Styling Pagination*/

.owl-theme .owl-controls .owl-page{
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
	display: block;
	width: 12px;
	height: 12px;
	margin: 5px 7px;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #869791;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
}

/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers{
	height: auto;
	width: auto;
	color: #FFF;
	padding: 2px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

/* preloading images */
.owl-item.loading{
	min-height: 150px;
	background: url(AjaxLoader.gif) no-repeat center center;
}
.owl-theme .owl-controls .owl-page span{display: block;margin: 6px 7px;filter: Alpha(Opacity=10);/*IE7 fix*/opacity: 1;background: #999;}
.owl-theme .owl-controls .owl-page.active span{background: #21ad42;}


.index-s-img{ margin-top:20px; padding:50px 0px 0px;}
.index-s-img .item{ position:relative; z-index:1; margin:0px 10px; text-align:center;  overflow:hidden;}
.index-s-img .item img{ width:100%; }
.index-s-img .item p{ display:inline-block; margin:15px 0px; width:100%; font-size:16px;line-height:20px; color:#333; }

.index-s-img .owl-controls .owl-page span{display: block;margin: 18px 7px;filter: Alpha(Opacity=100);/*IE7 fix*/opacity: 1;background: #999;}
.index-s-img .owl-controls .owl-page.active span{background: #21ad42;}
@media(max-width:992px) {
.index-s-img .owl-controls .owl-page span{display: block;margin: 6px 7px;filter: Alpha(Opacity=100);/*IE7 fix*/opacity: 1;}
}
@media(max-width:768px) {
.index-s-img{ margin-top:20px; padding:20px 0px 0px;}
}

.index-a-img{margin:60px 0px;}
.index-a-img .item{ margin:0px 10%;}
.index-a-img .item .a-img{ position:relative; z-index:1; text-align:center; margin-bottom:20px;}
.index-a-img .item .a-img img:first-child{ }
.index-a-img .item .a-img img:last-child{ position:absolute; z-index:2; top:50%; left:48%;  transform:translate(-50%,-50%) rotatey(0deg); transition:all 2s ease; }
.index-a-img .item p{ text-align:center; font-size:14px; line-height:22px; color:#4d4d4d;}

@media(min-width:992px) {
.index-a-img .item:hover .a-img img:last-child{ transform:translate(-50%,-50%) rotatey(360deg);}
.index-a-img .owl-controls .owl-page.owl-page span{display: block;margin: 18px 7px;filter: Alpha(Opacity=100);/*IE7 fix*/opacity: 1;}
}





.index-solution{margin:60px 0px;}
.index-solution .item{ margin:0px 20px;text-align:center; }
.index-solution .item .index-solution-i{ display:inline-block; margin-bottom:20px;}
.index-solution .item .index-solution-t{ display:inline-block; width:100%; font-size:14px; line-height:22px; color:#fff; margin-bottom:10px;}
.index-solution .item:hover .index-solution-t{color:#21ad42; transition:all .3s;}
.index-solution .item small{ display:inline-block; width:100%;font-size:14px; line-height:22px; color:#fff;margin-bottom:10px;}
.index-solution .item span{ display:inline-block; width:100%;font-size:14px; line-height:22px; color:#fff;margin-bottom:0px;}

@media(max-width:992px) {
.index-solution{margin:30px 0px;}
.index-solution .item{ margin:0px 15px;}
}

.index-news{margin:60px 0px;}
.index-news .item{ margin:0px 20px; }
.index-news .item .index-news-i{ position:relative; z-index:1; display:inline-block; margin-bottom:20px;}
.index-news .item .index-news-i p{ position:absolute; z-index:2; bottom:0; left:0; display:inline-block; width:100%; margin:0px; font-size:18px;  line-height:40px; color:#fff;text-align:center; background:rgba(32,172,65,.8);}
.index-news .item .index-news-t{ display:inline-block; width:100%; font-size:14px; font-weight:bold; line-height:22px; color:#4d4d4d; margin-bottom:10px;}
.index-news .item:hover .index-news-t{  color:#21ad42; transition:all .3s;}
.index-news .item small{ display:inline-block; width:100%;font-size:14px; line-height:22px; color:#4d4d4d;margin-bottom:10px;}
.index-news .item span{ display:inline-block; width:100%;font-size:14px; line-height:22px; color:#4d4d4d;margin-bottom:0px;}

@media(max-width:992px) {
.index-news{margin:30px 0px;}
.index-news .item{ margin:0px 15px;}
}


.inside-culture{margin:60px 0px;}
.inside-culture .item{ position:relative; z-index:1; margin:20px 40px;text-align:center; border:1px solid #ebebeb; height:480px; overflow:hidden;}
.culturebox1{padding:110px 50px; width:100%; height:100%;}
.culturebox1 p{ position:relative; z-index:1; font-size:24px; color:#333; margin:50px 0px; }
.culturebox1 p:after{ content:""; position: absolute;  z-index:-1;width: 60px;height: 2px;bottom: -20px;left: 50%; margin-left:-30px; background-color:#21ad42;}
.culturebox1 span{ font-size:18px; color:#666;}
.culturebox2{ position:absolute; z-index:2; left:0px; top:0px;  width:100%; height:100%;padding:50px; background:#21ad42; opacity:0;transform:translate(0px,80%);transition:all .7s ease;}
.culturebox2 p{  position:relative; z-index:1; font-size:24px;  color:#fff; margin:50px 0px; }
.culturebox2 p:after{ content:""; position: absolute;  z-index:-1;width: 60px;height: 2px;bottom: -20px;left: 50%; margin-left:-30px; background-color:#fff;}
.culturebox2 span{ font-size:14px;line-height:1.75em; color:#fff;}

.inside-culture .item:hover .culturebox2{ position:absolute; z-index:2; left:0px; top:0px;  opacity:1; transform:translate(0px,0%);}
@media (max-width: 992px){
.inside-culture .item{  margin:30px; height:400px; overflow:hidden;}
.inside-culture .item .culturebox2{ position:absolute; z-index:2; left:0px; top:0px;  opacity:1; transform:translate(0px,0%);}
.culturebox1{ padding:80px 30px;}
.culturebox2{ padding:30px;}
.culturebox1 p{ position:relative; z-index:1; font-size:24px; color:#333; margin:30px 0px 40px; }
.culturebox2 p{  position:relative; z-index:1; font-size:24px; color:#fff; margin:30px 0px 40px; }
}
@media (max-width: 768px){
.culturebox1{ padding:80px 20px;}
.culturebox2{ padding:30px;}
}


.inside-zr{margin:40px 0px 0px;}
.inside-zr .item{ position:relative; z-index:1; margin:5px;text-align:center;overflow:hidden;}
.inside-zr .owl-controls .owl-page span{display: block;margin: 6px 7px;filter: Alpha(Opacity=10);/*IE7 fix*/opacity: 1;background: #999;}
.inside-zr .owl-controls .owl-page.active span{background: #21ad42;}




.inside-ps{ padding:0px 35px;}
.inside-ps .item{ position:relative; z-index:1; margin:0px 10px;text-align:center;overflow:hidden;}
.inside-ps .item .ps-img{ position:relative; z-index:1;}
.inside-ps .item .ps-img:first-child{ margin-bottom:15px;}
.inside-ps .item .ps-img p{ position:absolute; left:0px; bottom:0px; display:inline-block; width:100%; margin:0px; line-height:40px; color:#fff; background:rgba(0,0,0,0.4);}
@media (min-width: 992px){
.inside-ps{width: 66.66666667%;}
}
@media (min-width: 1200px){
.inside-ps{ padding:0px 35px;}
.inside-ps .item{margin:0px 18px;}
}




.inside-ps .owl-controls .owl-buttons div{
	position:absolute;
	color: #FFF;
	display: inline-block;
	width:42px;
	height:42px;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
	margin:0px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background:none;
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	transition:all .6s ease;
}
.inside-ps .owl-controls .owl-buttons div.owl-prev{ top:50%; left:0%; margin-top:-41px; background:url(icon-l.png) center no-repeat;}
.inside-ps .owl-controls .owl-buttons div.owl-next{ top:50%; right:0%;margin-top:-41px;  background:url(icon-r.png) center no-repeat}
@media(max-width:768px) {
.inside-ps{ padding:0px 0px;}
.inside-ps .owl-controls .owl-buttons div{ display:none;}
#n-box .owl-controls .owl-page span{display: block;width: 7px;height: 7px;margin: 15px 7px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}
}


.inside-scps-ys{ margin-bottom:50px;}
.inside-scps-ys .item{ margin:0px 30px;overflow:hidden;}
.inside-scps-ys img{ float:left; margin-right:10px;}

@media(max-width:768px) {
.inside-scps-ys{ text-align:center;}
.inside-scps-ys img{ float:none; margin-right:0px; margin-bottom:10px;}

}
.inside-jcjg-lc { margin-bottom:40px;}
.inside-jcjg-lc .item{ padding-top:10px; margin:0px 10px; text-align:center;}
.inside-jcjg-lc .item img{ margin-bottom:10px;  border-radius:50%;transition:all .4s;}
.inside-jcjg-lc .item:hover img{ transform:translate(0px,-10px);}
.inside-jcjg-lc .item:hover p{ color:#21ad42;}



.inside-jcjg-yp{ margin-bottom:40px; overflow:hidden;}
.inside-jcjg-yp .item{  margin:0px 15px; text-align:center; background:#f7f7f7;transition:all .3s;}
.inside-jcjg-yp .item:hover{ box-shadow:0px 3px 12px rgba(0,0,0,0.1);}
.inside-jcjg-yp .item .yp-img{ display:inline-block; width:100%;  border-radius:50%; overflow:hidden;transform:scale(.8);transition:all .25s;}
.inside-jcjg-yp .item:hover .yp-img{display:inline-block; width:100%; margin:0%; border-radius:0%; transform:scale(1);}
.inside-jcjg-yp .item p{ font-size:18px; padding:20px 40px; }




.inside-llwl{ background:#f7f7f7; padding:40px 0px 60px; margin-bottom:30px;}
.inside-llwl-xm { padding-top:20px;}
.inside-llwl-xm .item{ position:relative; z-index:1; padding:15px;  margin:0px 15px; text-align:center; border:1px solid #21ad42; overflow:hidden;transition:all .3s;}
.inside-llwl-xm .item .xm-img{ float:left; width:40%;}
.inside-llwl-xm .item .xm-title{position:absolute; top:0%; right:0px; z-index:2; width:60%; padding:15px; transition:all .3s;}
.inside-llwl-xm .item .xm-title h4{ position:relative; z-index:1; margin:30px 0px 30px;transition:all .3s;}
.inside-llwl-xm .item .xm-title h4:after{ content:""; position: absolute;  z-index:-1;width:22px;height: 2px;bottom: -20px;left: 50%; margin-left:-11px; background:#333;transition:all .3s;}
.inside-llwl-xm .item .xm-text{ position:absolute; top:100%; right:0px; z-index:1;width:60%; padding:15px; text-align:left; color:#fff; font-size:13px; transition:all .3s;}
.inside-llwl-xm .item:hover{ background:#21ad42; }
.inside-llwl-xm .item:hover .xm-title{ top:-100%;}
.inside-llwl-xm .item:hover .xm-text{ top:0%;}


.inside-llwl-sl { padding-top:20px;}
.inside-llwl-sl .item{ position:relative; z-index:1; padding:15px;  margin:0px 15px; text-align:center;  overflow:hidden;transition:all .3s;}
.inside-llwl-sl .item p{ font-size:16px; margin:10px 0px;}

.inside-s-fwbox{ background:url(../images/img-solution-fwbg.jpg) center no-repeat; background-size:cover; color:#fff; padding:30px 0px; margin:60px 0px;}
.inside-s-fw{ padding:20px 0px 0px;}
.inside-s-fw .item{ margin:15px; text-align:center; font-size:16px; color:#fff;} 
.inside-s-fw .item p{ margin:10px 0px; } 
.inside-s-fw .owl-controls .owl-page span{display: block;margin: 6px 7px;filter: Alpha(Opacity=10);/*IE7 fix*/opacity: 1;background: #999;}
.inside-s-fw  .owl-controls .owl-page.active span{background: #21ad42;}

.inside-dz1{ padding:20px 0px 0px;text-align:center;}
.inside-dz1 .item{ margin:0px 10px; } 
.inside-dz1 p{ margin:14px 0px;}


.inside-s-fw-nr{ padding:40px 0px; text-align:center;}
.inside-s-fw-nr .item{  margin:0px 10px; } 
.inside-s-fw-nr .item div{ position:relative; z-index:1; display:inline-block; overflow:hidden;} 
.inside-s-fw-nr p{ position:absolute; z-index:2; top:50%; left:0; display:inline-block; width:100%; background:rgba(0,0,0,0.4); font-size:14px; line-height:32px; color:#fff; margin:0px;transform:translate(0px,-50%);}

.fa-xx-lc-box{ background:url(../images/img-fa-xx8.jpg) center no-repeat; background-size:cover; margin:40px 0px;}
.fa-xx-lc{ padding:40px 0px 30px;}
.fa-xx-lc .item{ text-align:center; color:#fff; }
.fa-xx-lc .item p{ margin:10px 0px; color:#fff;}


.inside-ln{ padding:40px 0px;}
.inside-ln .item{ margin:0px 30px 15px; text-align:center; }
.inside-ln .item img{ max-width:70%;}
.inside-ln .item p{ margin:20px 0px 0px; font-size:16px;}


.join-yz{background:url(../images/img-join-lrbg.jpg) center no-repeat; background-size:cover; margin:40px 0px; padding:40px 0px;}
.join-yz h3.inside-title{ color:#fff;}

.join-yz-list {}
.join-yz-list .item{ margin:0px 20px; padding:40px 20px; background:rgba(255,255,255,0.9); text-align:center; min-height:300px;}
.join-yz-list .item p{ font-size:18px; margin:10px 0px 30px;}
.join-yz-list .item span{ font-size:14px; line-height:24px; color:#666; }
@media(max-width:768px) {
.join-yz-list .item{ margin:0px 40px;}
}

.join-jz{ background:#f7f7f7; padding:40px 0px 20px; margin-bottom:40px;}
.join-jz-list{ text-align:center; padding:40px 0px;}
.join-jz-list .item{ text-align:center;}
.join-jz-box{ display:inline-block; box-sizing:border-box; padding:8px; border:2px solid #21ad42; border-radius:50%; overflow:hidden;}
.join-jz-box div{ position:relative; z-index:1; border-radius:50%;overflow:hidden;}
.join-jz-box div:after{ content:""; position: absolute;  z-index:2;width: 100%;height: 100%;top: 0px;left: 0%;background:rgba(0,0,0,.6);transition: all .4s ease;}
.join-jz-box:hover div:after{ content:""; position: absolute;  z-index:2;width: 100%;height: 0%;top: 50%;left: 0%;background:rgba(0,0,0,.2);}
.join-jz-box div span{ position:absolute; left:0px; top:50%; z-index:3; display:inline-block; width:100%;  font-size:18px; line-height:30px; text-align:center; color:#fff;overflow:hidden;transform:translate(0px,-50%); opacity:1;transition: all .4s ease;}
.join-jz-box:hover div span{ opacity:0;}
.join-jz-box div img{ max-width:220px;}

.join-hzlc-list { margin:20px 0px 40px;}
.join-hzlc-list .item{ text-align:center;}
.join-hzlc-list .item div{ display:inline-block; position:relative}
.join-hzlc-list .item div .hzlc-img1{ display:inline-block;opacity:1;transition: all .4s ease;}
.join-hzlc-list .item div .hzlc-img2{ display:inline-block; position:absolute; z-index:2; top:0px; left:0px; opacity:0;transition: all .4s ease;}
.join-hzlc-list .item div:hover .hzlc-img1{ opacity:0;}
.join-hzlc-list .item div:hover .hzlc-img2{ opacity:1;}


.gys-kh{ padding:30px 0px;}
.gys-kh .item p{ padding-top:30px; font-size:16px; color:#333;}
.gys-kh .item:hover p{ color:#21ad42;}
.gys-kh .item img{  
transform:rotatey(0deg); transition:all .7s ease;}
.gys-kh .item:hover img{
transform:rotatey(360deg);}

.gys-xz .item{ position:relative; z-index:1; margin:80px auto 40px; padding:80px 15px 20px; width:320px; border:3px solid #21ad42;}
.gys-xz .item:after{ content:""; position: absolute;  z-index:2;width: 80%;height: 3px;top: -3px;left: 10%;background-color:#fff;}
.gys-xz .item img{ position:absolute; z-index:3; top:0%; left:20%; width:60%;transform:translate(0px,-50%);}
.gys-xz .item p{ font-size:15px; margin:0px;}


.gys-rzlc-list { margin:20px 0px 40px;}
.gys-rzlc-list .item{ text-align:center; padding-bottom:70px; margin:0px 10px;}
.gys-rzlc-list .item div{ display:inline-block; position:relative;}
.gys-rzlc-list .item div .rzlc-img1{ display:inline-block;opacity:1;transition: all .4s ease;}
.gys-rzlc-list .item div .rzlc-img2{ display:inline-block; position:absolute; z-index:3; top:0px; left:0px; opacity:0;transition: all .4s ease;}
.gys-rzlc-list .item div:hover .rzlc-img1{ opacity:0;}
.gys-rzlc-list .item div:hover .rzlc-img2{ opacity:1;}
.gys-rzlc-list .item div p{ display:inline-block; position:absolute; z-index:-1; top:0px; left:0px; width:100%; padding:20px 10px; background:#21ad42; color:#fff; font-size:16px; text-align:center;border-left:4px solid #fff;opacity:0;transition: all .4s ease;}
.gys-rzlc-list .item div:hover p{  top:100%; opacity:1;transition-delay: 0.5s;}
@media(max-width:768px) {
.gys-rzlc-list .item div .rzlc-img1{ opacity:0;}
.gys-rzlc-list .item div .rzlc-img2{ opacity:1;}
.gys-rzlc-list .item div p{ font-size:15px;  top:100%; opacity:1;transition-delay: 0.5s;}
}


.join-td{background:url(../images/img-join-sy2.jpg) center no-repeat; background-size:cover; margin:40px 0px; padding:50px 0px; color:#fff;}
.join-td .owl-wrapper-outer{position:relative; z-index:1; }
.join-td-list .owl-wrapper-outer:after{ content:""; position: absolute;  z-index:-1;width: 100%;height: 1px;bottom: 50%;left: 0%;background:rgba(255,255,255,.7);}
.join-td-list .item{ position:relative; z-index:1; height:201px;}
.join-td-list .item:after{ content:""; position: absolute;  z-index:-1;width: 7px;height:7px;bottom: 50%;left: 50%;  margin-bottom:-3px; margin-left:-4px;border-radius:50%;background:rgba(255,255,255,1);}
.join-td-list .item .td-img{  width:100%; height:50%; padding:15px 0px; text-align:center;}
.join-td-list .item .td-text{ width:100%; padding:15px 0px;text-align:center;}

.join-td-list .owl-item:nth-child(Odd) .item .td-img{ position:absolute; top:50%;bottom:auto; z-index:2;}
.join-td-list .owl-item:nth-child(Odd) .item .td-text{ position:absolute; top:auto; bottom:50%; z-index:2;}
.join-td-list .owl-item:nth-child(even) .item .td-img{ position:absolute; top:auto;bottom:50%; z-index:2;}
.join-td-list .owl-item:nth-child(even) .item .td-text{ position:absolute; top:50%; bottom:auto; z-index:2;}


.join-hhr .item{ text-align:center; padding:60px 40px; margin:26px 10px; border-radius:4px; background:#f7f7f7;transition: all .4s ease;}
.join-hhr .item img{ margin-bottom:40px;transition: all .4s ease;}
.join-hhr .item p{ font-size:16px; line-height:1.75em; color:#333;transition: all .4s ease;}

.join-hhr .item:hover{transform:translate(0px,-20px); box-shadow:0px 0px 10px rgba(0,0,0,0.2);}
.join-hhr .item img{  
transform:rotatey(0deg); transition:all .7s ease;}
.join-hhr .item:hover img{
transform:rotatey(360deg);}
.join-hhr .item:hover p{ color:#21ad42;}


.join-rzlc{background:url(../images/img-join-rzlcbg.jpg) center no-repeat; background-size:cover; margin:40px 0px; padding:50px 0px; color:#fff;}
.join-rzlc .item{ text-align:center;}
.join-rzlc .item img{ margin-bottom:20px;}

/* 样式设置  */