.about {
    clear: both;
    margin-top: 30px;
}

.about-nav {
    border-bottom: 1px solid #d6d6d6;
    text-align: center;
}

.about-nav a {
    border-bottom: 2px solid transparent;
    color: #212121;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 1;
    margin-bottom: -1px;
    margin-left: 32px;
    margin-right: 32px;
    padding: 10px 20px 20px;
}

.about-nav a.active, .about-nav a:hover {
    border-bottom: 2px solid #7fbe26;
    color: #7fbe26;
    font-weight: bolder;
}

.about-about {
    padding-top: 60px;
}

.about-about .body {
    margin-top: 60px;
}

.about-about .body .container .row {
    background-color: #f6f6f6;
    margin-left: 0;
    margin-right: 0;
}

.about-about .body .about-left {
    padding-left: 0;
}

.about-about .body .about-left img {
    overflow: hidden;
    width: 100% !important;
}

.about-about .body .about-right {
    padding-right: 30px;
}

.about-about .image {
    margin-top: 20px;
}

.about-about .image .row > div:nth-child(1) .media {
    -webkit-animation-delay: .1s;
    animation-delay: .1s;
}

.about-about .image .row > div:nth-child(2) .media {
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
}

.about-about .image .row > div:nth-child(3) .media {
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
}


.about-service {
    background-color: #002447;
    margin-top: 80px;
    padding-bottom: 60px;
    padding-top: 60px;
}

.about-service .title h2 {
    color: #ffffff;
}

.about-service .title h2:after {
    background: -moz-linear-gradient(right, #7fbe26 30%, #ffffff 30%);
    background: -webkit-linear-gradient(right, #7fbe26 30%, #ffffff 30%);
    background: -o-linear-gradient(right, #7fbe26 30%, #ffffff 30%);
    background: -ms-linear-gradient(right, #7fbe26 30%, #ffffff 30%);
    background: linear-gradient(to right, #7fbe26 30%, #ffffff 30%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7fbe26', endColorstr='#ffffff', GradientType=1);
}

.about-service .body {
    margin-top: 40px;
}

.about-service .body .container > div {
    margin-top: 40px;
}

.about-service .body .title {
    color: #ffffff;
    font-size: 18px;
    letter-spacing: 1px;
    line-height: 1;
    text-align: left;
}

.about-service .body .title i {
    border: 2px solid #ffffff;
    border-radius: 9px;
    display: inline-block;
    font-size: 14px;
    font-style: normal;
    height: 18px;
    line-height: 0.9;
    margin-right: 10px;
    text-align: center;
    vertical-align: bottom;
    width: 18px;
}

.about-service .body .item {
    margin-top: 20px;
    overflow: hidden;
}

.about-service .body .item > div {
    background-color: #ffffff;
    height: 100%;
    transition: all ease 0.3s;
}

.about-service .body .item i {
    background-color: #7fbe26;
    color: #ffffff;
    display: block;
    font-size: 18px;
    font-style: normal;
    font-weight: bolder;
    height: 40px;
    letter-spacing: 1px;
    line-height: 40px;
    text-align: center;
    transition: all ease 0.5s;
    width: 40px;
}

.about-service .body .item span {
    color: #212121;
    display: block;
    font-size: 14px;
    font-weight: bolder;
    letter-spacing: 1px;
    margin-top: 20px;
    text-align: center;
    transition: all ease 0.5s;
}

.about-service .body .item p {
    margin-bottom: 52px;
    padding-left: 15px;
    padding-right: 15px;
    transition: all ease 0.5s;
}

.about-service .body .item:hover i {
    background-color: #ffffff;
    color: #7fbe26;
}

.about-service .body .item:hover > div {
    background-color: #7fbe26;
}

.about-service .body .item:hover span, .about-service .body .item:hover p {
    color: #ffffff;
}

.about-service .body .container > div .item:nth-child(1) {
    -webkit-animation-delay: .1s;
    animation-delay: .1s;
}

.about-service .body .container > div .item:nth-child(2) {
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
}

.about-service .body .container > div .item:nth-child(3) {
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
}

.about-service .body .container > div .item:nth-child(4), .about-service .body .container > div .item:last-child {
    -webkit-animation-delay: .7s;
    animation-delay: .7s;
}


.about-vr {
    padding-top: 80px;
}

.about-vr .title a span {
    color: #7fbe26;
}

.about-vr .body {
    margin-top: 40px;
}

.about-vr .body .bg{
	position:relative;
}

.about-vr .body .bg img{
	display:table;
}

.about-vr .body a{
	width:68px;
	height:68px;
	display: block;
	position:absolute;
	top:0;bottom:0;left:0;right:0;margin:auto;
	z-index: 10;
}

.about-vr .body a:before{
	width:88px;
	height:88px;
content: "";
position: absolute;
z-index: -1;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
display: block;
background: #7FBE26;
background-color: rgb(127, 190, 38);
border-radius: 50%;
border-radius: 50%;
animation: pulse-border 1500ms ease-out infinite;
}

.about-vr .body a i{
	    background-image: url(../images/about/play.png);
		width:68px;height:68px;
		display: block;
		z-index: 10;
      position: absolute;
}

.about_vr .body iframe{
	display: block;
}

.about-wenhua {
    margin-top: 80px;
	    background-image: url(../images/about/about-wenhua_bg.jpg);
		    padding-top: 60px;
			    background-position-x: 65%;
    background-repeat: no-repeat;
    background-size: cover;
}

.about-wenhua .title h2 {
    color: #ffffff;
}
.about-wenhua .title h2::after {
    background: -moz-linear-gradient(right, #7fbe26 30%, #ffffff 30%);
    background: -webkit-linear-gradient(right, #7fbe26 30%, #ffffff 30%);
    background: -o-linear-gradient(right, #7fbe26 30%, #ffffff 30%);
    background: -ms-linear-gradient(right, #7fbe26 30%, #ffffff 30%);
    background: linear-gradient(to right, #7fbe26 30%, #ffffff 30%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7fbe26', endColorstr='#ffffff', GradientType=1);
}



.about-wenhua .body .container {
    padding-bottom: 160px;
    padding-top: 90px;
}

.about-wenhua .body .text {
    width: 60%;
}

.about-wenhua .body .text ul {
    padding-left: 30px;
    padding-right: 30px;
}

.about-wenhua .body .text ul li {
    margin-top: 40px;
    position: relative;
}

.about-wenhua .body .text ul li i {
    color: #7fbe26;
    display: block;
    font-size: 36px;
    font-weight: bolder;
    line-height: 1;
}

.about-wenhua .body .text ul li span {
    background-color: #ffffff;
    color: #7fbe26;
    display: block;
    font-size: 20px;
    line-height: 1;
    margin-top: -10px;
    position: absolute;
    z-index: 9;
}

.about-wenhua .body .text ul li p {
    font-size: 16px;
}

/**
.about-wenhua{margin-top:80px;}
.about-wenhua .body{background: -moz-linear-gradient(right,#002447 65.2%,#f4f4f4 30%);background: -webkit-linear-gradient(right,#002447 65.2%,#f4f4f4 30%);background: -o-linear-gradient(right,#002447 65.2%,#f4f4f4 30%);background: -ms-linear-gradient(right,#002447 65.2%,#f4f4f4 30%);background: linear-gradient(to right,#002447 65.2%,#f4f4f4 30%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#002447',endColorstr='#f4f4f4',GradientType=1);margin-top:40px;padding-top:60px;padding-bottom:90px;position: relative;}
.about-wenhua .body:after{content:"";height:0;clear:both;display: block;}
.about-wenhua .body .text{width: 62.8%;background-color:#ffffff;height:420px;overflow:hidden;}
.about-wenhua .body .text ul{padding-left:30px;padding-right:30px;margin-top:30px;}
.about-wenhua .body .image{max-height:420px;overflow:hidden;position: absolute;top: 60px;left: 62.4%;right:15px;}
.about-wenhua .body .image img{display:table;}
.about-wenhua .body .text ul li{position:relative;margin-top:20px;}
.about-wenhua .body .text ul li i{color:#7fbe26;font-size:36px;font-weight:bolder;display:block;line-height:1;}
.about-wenhua .body .text ul li span{color:#7fbe26;font-size:20px;display:block;background-color:#ffffff;margin-top:-12px;line-height:1;z-index: 9;
position: absolute;}
.about-wenhua .body .text ul li p{font-size:16px;}
**/


.about-news {
    margin-top: 80px;
}

.about-news .title a span {
    color: #7fbe26;
}

.about-news .body {
    margin-top: 40px;
}

.about-news .body .container .row div > div {
    align-items: center;
    display: flex;
    position: relative;
    width: 100%;
}

.about-news .body .container .row .news-left > div {
    max-height: 185px;
    overflow: hidden;
}

.about-news .body .container .row .news-left > div:last-child {
    margin-top: 30px;
}

.about-news .body .container .row .news-right > div {
    max-height: 400px;
    overflow: hidden;
}

.about-news .body span {
    background-color: rgba(255, 255, 255, 0.9);
    bottom: 0;
    color: #333333;
    display: table;
    font-size: 16px;
    left: 0;
    line-height: 1;
    max-width: 100%;
    overflow: hidden;
    padding: 20px;
    position: absolute;
    text-overflow: ellipsis;
    transition: all ease 0.3s;
    white-space: nowrap;
    z-index: 9;
}

.about-news .body img {
    display: table;
    width: 100% !important;
}

.about-news .body .container .row div > div:hover span {
    color: #7fbe26;
    font-weight: bolder;
}

.about-news .body .container > div :nth-child(1) {
    -webkit-animation-delay: .1s;
    animation-delay: .1s;
}

.about-news .body .container > div :nth-child(2) {
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
}

@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}

@media only screen and (min-width: 1230px) {
    .about-about .body .about-right {
        font-size: 16px;
    }
    
    .about-service {
        margin-top: 100px;
    }
    
    .about-service .body {
        margin-top: 60px;
    }
    
    .about-service .body .title {
        font-size: 22px;
    }
    
    .about-service .body .item span {
        font-size: 16px;
    }
    
    .about-service .body .item i {
        height: 48px;
        line-height: 48px;
        width: 48px;
    }
    
    .about-service .body .title i {
        border-radius: 11px;
        font-size: 19px;
        height: 22px;
        line-height: 0.9;
        width: 22px;
    }
    
    .about-service .body .item p {
        font-size: 16px;
        padding-left: 26px;
        padding-right: 26px;
    }
    
    .about-vr {
        padding-top: 100px;
    }
    
    .about-vr .body {
        margin-top: 60px;
    }
    
	    .about-wenhua {
			margin-top:100px;
		}
		
    .about-wenhua .body {
        background-position-x: 73%;
    }
    
    .about-wenhua .body .container {
        padding-bottom: 210px;
        padding-top: 170px;
    }
    
    .about-wenhua .body .text {
        width: 62.8%;
    }
    .about-wenhua .body .text ul {
    padding-left: 100px;
}
    /**
    .about-wenhua{margin-top:100px;}
    .about-wenhua .body{margin-top:60px;padding-top:90px;padding-bottom:115px;}
    .about-wenhua .body .text{height:613px;}
    .about-wenhua .body .text ul{padding-left:100px;padding-right:100px;margin-top:120px;}
    .about-wenhua .body .image{max-height:613px;top: 90px;left: 54%;}
    **/
    .about-news {
        margin-top: 100px;
    }
    
    .about-news .body {
        margin-top: 60px;
    }
    
    .about-news .body .container .row .news-left > div {
        max-height: 240px;
    }
    
    .about-news .body .container .row .news-left > div:last-child {
        margin-top: 30px;
    }
    
    .about-news .body .container .row .news-right > div {
        max-height: 510px;
    }
}

@media only screen and (min-width: 1920px) {
    
    .about-wenhua .body {
        background-position-x: center;
        margin-left: auto;
        margin-right: auto;
        max-width: 1920px;
    }
    
}