/*nav*/
.nav{ 
	background-color: rgba(0,0,0,.7);
	height: 80px;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 8;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.nav.scroll,
.nav.scroll .nav-item-sc{
	background-color: #fff;
	box-shadow: 0 2px 4px rgba(0,0,0,.15);
}
.nav.scroll * ,
.nav.scroll .nav-item-sc > a{
	color: #000;
}
.nav-logo{
	width: 150px;
	margin-top: 20px;
	background-color: transparent;
}
.nav-content{
	width: 980px;
	height: 80px;
	/*padding-right: 100px;*/
}
.nav-content > .san-pa{
	width: 106px;
	height: 30px;
	right: 0;
	top: 50%;
	margin-top: -15px;
	border:1px solid #fff;
	border-radius: 4px;
	cursor: pointer;
	text-align: center;
	line-height: 28px;
}
.nav-content > .san-pa > ul{
	display: none;
	background-color: rgba(0,0,0,.4);
}
.nav-content > .san-pa:hover > ul{
	display: block;
	pointer-events: auto;
}
.nav-content > .san-pa li{
	padding: 5px 0;
	color: #fff !important;
	text-shadow: 1px 1px 0 rgba(0,0,0,.8);
	color: #fff !important;
}
.nav-content > .san-pa li:hover{
	color: #39ac57 !important;
	text-shadow: 1px 1px 0 rgba(255,255,255,.5);
}
.nav-item{
	width: 140px;
	color: #fff;
	height: 80px;
	font-size: 18px;
	line-height: 80px;
	text-align: right;
	position: relative;
	cursor: pointer;
}
.english{
	height: 24px;
	padding: 5px 20px;
	line-height: 24px;
	display: inline-block;
	background: #2f2e2d;
	color: #939393 !important;
	box-sizing: content-box;
	font-size:14px;
}

.nav-item > .nav-item-sc > a.active,
.nav-item > .nav-item-sc > a:hover,
.nav-item:hover,
.nav-item.active{
	color: #39ac57;
}
.nav-box >.index {
	padding-right:22px;
}
.nav-item:after{
	content: '';
	position: absolute;
	width: 72px;
	height: 5px;
	background-color: #39ac57;
	bottom: 0;
	right:4px;
	opacity:0;
}
.wisdom.nav-item:after {
	width: 90px;
}
.nav-item.active:after{
	opacity: 1;
}
.nav-item > .nav-item-sc{
	width: 680px;
	background-color: rgba(0,0,0,.45);
	border-top: 1px solid rgba(255,255,255,.2);
	line-height: 65px;
	overflow: hidden;
	left: 50%;
	margin-left: -380px;
	top: 80px;
	height: 0;
	opacity: 0;
	pointer-events: none;
	justify-content: center;
}
.nav-item > .nav-item-sc > a{
	padding:0 30px;
	color: #fff;
}
.nav-item:hover .nav-item-sc{
	height: 65px;
	opacity: 1;
	pointer-events: auto;
}

/*banner*/
.index-banner{
	height: 49.45vw;
}
.swiper-container-horizontal > .swiper-pagination-bullets{
	width: 50vw;
	min-width: 400px;
	text-align: left;
	left: 10vw;
	bottom: 8vw;
}
.index-pagination .swiper-pagination-bullet{
	border-radius: 0;
	height: 2px;
	width: 36px;
	background-color: #fff;
	opacity: 1;
}
.index-pagination .swiper-pagination-bullet-active{
	background-color: #39ac57;
}
.index-banner-item > .san-pa{
	top: 0;
	left: 50%;
	margin-left: -40%;
	height: 100%;
}
.index-banner-text{
	margin-top: 17vw;
}
.index-banner-text > .san-img{
	background-color: transparent;
}
.index-banner-text > .san-img:first-child{
	width: 35vw;
}
.index-banner-text > .san-img:last-child{
	width: 14vw;
	margin-top: 5px;
}

/*index-content*/
.index-content{
	position: relative;
	top: -5vw;
	z-index: 7;
}
.index-about{
	padding: 45px 55px 0px 190px;
	height: 205px;
	margin-bottom: 15px;
}
.index-about > div.san-pa{
	width: 115px;
	height: 115px;
	background-color: #39ac57;
	top: 45px;
	left: 55px;
}
.index-about > div.san-pa > p{
	color: #fff;
	font-weight: 600;
	font-size: 20px;
	padding-left: 15px;
}
.index-about > div.san-pa > p:first-child{
	margin-top: 30px;
}
.index-about > p{
	color: #414141;
	font-size: 18px;
	line-height: 32px;
}
.index-about > div.san-clear{
	border-top: 1px solid #dadada;
	margin-top: 10px;
	padding-top: 15px;
}
.index-about > div.san-clear > i{
	font-size: 65px;
	color: #c5c5c5;
	line-height: 25px;
}
.index-about > div.san-clear > p{
	font-weight: 600;
	font-size: 18px;
}
.index-item > div{
	height: 29.68vw;
	min-height: 445px;
	background-color: #fff;
}
.index-item > .text-box{
	padding: 6vw 100px 0 55px;
}
.index-item > .text-box > p{
	margin-top: 15px;
	color: #585858;
}
.develop-type-txt > .link,
.index-item > .text-box > div{
	margin-top: 30px; 
	width: 34px;
	height: 34px;
	border-radius: 50%;
	border:1px solid #39ac57;
	color: #39ac57;
	text-align: center;
	line-height: 34px;
}
.index-case-box{
	background-color: #fff;
	padding: 80px 55px;
}
.index-case-box .case-nav{
	margin-right: 2px;
	background-color: #f7f7f7;
	padding: 8px 15px;
	color: #535353;
}
.index-case-box .case-nav.active,
.index-case-box .case-nav:hover{
	background-color: #39ac57;
	color: #fff;
}
.index-case-box .case-nav:hover > i{
	color: #fff !important;
}
.index-case-box .more-link{
	padding: 8px 0;
	color: #535353;
}
.index-case-box .more-link:hover{
	color: #39ac57;
}
.case-content{
	margin-top: 35px;
}
.case-item{
	width: 32%;
	margin-right: 2%;
	margin-bottom: 20px;
	border:1px solid #e6e6e6;
}
.case-content > .case-item:nth-child(3n){
	margin-right: 0;
}
.case-item > div.san-img{
	width: 100%;
	height: 14vw;
	min-height: 210px;
}
.case-item-info{
	padding: 25px 20px;
}
.case-item-info > h3{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.case-item-info > div.business{
	border-top: 1px solid #cdcdcd;
	margin-top: 10px;
	padding-top: 20px;
	color: #8e8e8e;
}
.case-item-info > div.news{
	margin-top: 10px;
	padding-top: 20px;
}
.case-item-info > div.news > div{
	width: 26px;
	height: 26px;
	border-radius: 50%;
	border:1px solid #8a8a8a;
	color: #8a8a8a;
	text-align: center;
}
.case-item-info > div.news > div i{
	font-size: 20px;
	line-height: 24px;
}
.develop-type-img > .case-pop,
.case-item > .case-pop{
	width: 100%;
	height: 14vw;
	min-height: 210px;
	background-color: rgba(0,0,0,.65);
	top: 0;
	left: 0;
	opacity: 0;
	pointer-events: none;
}
.case-pop-click{
	font-size: 32px;
}
.case-pop > p:first-child{
	margin-top: 25%;
}
.case-item:hover .case-item-info > div.san-clear{
	color: #39ac57;
}
.develop-type-img:hover > .case-pop,
.case-item:hover > .case-pop{
	opacity: 1;
}
.develop-type-img:hover .case-pop-click,
.case-item:hover .case-pop-click{
	-webkit-animation: fadeInUp 0.3s ease 0.1s normal both;
    animation: fadeInUp 0.3s ease 0.1s normal both;
}
.case-item:hover .case-img{
	-webkit-transform: scale(1.2);
    transform: scale(1.2);
}
.case-item:hover .case-item-info > div.news > div{
	border-color: #39ac57;
	background-color: #39ac57;
	color: #fff;
}
.partner-content{
	border-top: 1px solid #e9e9e9;
	border-left: 1px solid #e9e9e9;
	margin-top: 35px;
}
.partner-item{
	border-right: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
	padding-top: 1.5%;
	width: 20%;
	height: 7.5vw;
	min-height: 117px;
	-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background-color: transparent;
    opacity: 0.7;
}
.partner-item:hover{
	-webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
    filter: none;
    opacity: 1;
}
.index-contact-box{
	padding:65px 55px;
	width: 100%;
	background-color: #fff;
}
.index-contact-title{
	color: #000;
	font-size: 20px;
	font-weight: 600;
	padding-bottom: 25px;
}
.index-contact-title:after{
	content: '';
	display: block;
	width: 70%;
	height: 1px;
	position: absolute;
	background-color: #c9c9c9;
	left: 0;
	bottom: 0;
}
.index-contact-info > p{
	margin-bottom: 8px;
}
.index-contact-wechat > div.san-img{
	width: 100px;
	height: 100px;
}
.index-contact-wechat > div.san-pa{
	width: 100%;
	height: 52px;
	left: 0;
	top: 50%;
	margin-top: -26px;
	padding-left: 110px;
}
.index-contact-service > p > span{
	font-size: 26px;
	font-weight: 600;
	font-style: italic;
	color: #39ac57;
}
.index-contact-service-item{
	width: 49%;
	padding:0 5px;
	border:1px solid #dddddd;
	margin-top: 15px;
}
.index-contact-service-item *{
	line-height: 38px;
}
.index-contact-service-item:hover{
	background-color: #39ac57;
}
.index-contact-service-item:hover *{
	color: #fff;
}
.footer{
	width: 100%;
	background-color: #2a2a2a;
}
.footer-top{
	padding: 35px 0;
	border-bottom: 1px solid #6a6a6a;
	background-color: #2a2a2a;
}
.footer-top-link > a{
	color: #a2a2a2;
	padding:0 25px;
	border-left: 1px solid #6a6a6a;
}
.footer-top-link a:nth-child(2){
	border-width:0;
}
.footer-top-link > a:hover{
	color: #fff;
}
.footer-top-link > a:first-child{
	border:none;
	padding-left: 0;
}
.footer .san-clear{
	background-color: #2a2a2a;
}
.footer .san-clear > p{
	color: #a2a2a2;
}
.index-fixed-nav{
	position: fixed;
	z-index: 9;
	right: 1%;
	top: 300px;
}
.go-top-btn{
	opacity: 0;
	pointer-events: none;
}
.go-top-btn.active{
	opacity: 1;
	pointer-events: auto;
}
.index-fixed-nav > .san-a{
	width: 60px;
	height: 60px;
	text-align: center;
	border-bottom: 1px solid #2d9649;
	background-color: #39ac57;
	position: relative;
}
.index-fixed-nav > .san-a > .san-pa{
	overflow: hidden;
	padding: 0;
	height:60px;
	width: 0;
	background-color: #2d9649;
	right:60px;
	top:0;
	line-height: 60px;
	letter-spacing: 0;
	display: inline-block;

}
.news-link:hover,
.index-fixed-nav > .san-a:hover{
	background-color: #2d9649;
}
.index-fixed-nav > .san-a:hover > .san-pa{
	padding: 0 10px;
}
.index-fixed-nav > .san-a:nth-child(1):hover > .san-pa{
	width: 220px;
}
.index-fixed-nav > .san-a:nth-child(2):hover > .san-pa{
	width: 140px;
}
.index-fixed-nav > .san-a:nth-child(3):hover > .san-pa{
	width: 190px;
}
.index-fixed-nav > .san-a:nth-child(4):hover > .san-pa{
	width: 160px;
}
.index-fixed-nav > .san-a > i{
	line-height: 60px;
	color: #fff;
	font-size: 24px;
}
.fixed-nav-content > a{
	width: 30px;
	height:30px;
	padding:4px;
	background-color: #fff;
	border-radius: 50%;
	margin-top:15px;
	margin-left: 8px;
}

/*关于我们*/
.about-banner{
	width: 100%;
	height: 30.8vw;
	min-height: 370px;
	overflow: hidden;
}
.about-banner > .san-pa{
	top: 0;
	left: 0;
	z-index: 1;
	min-width: 1200px;
}
.about-banner-txt{
	padding-top: 13vw;
	position: relative;
	z-index: 2;
}
.about-banner-txt > div{
	position: relative;
	color: #fff;
	font-size: 34px;
	font-weight: 600;
	padding-bottom: 40px;
	margin-bottom: 40px;
}
.about-banner-txt > div:after{
	position: absolute;
	content: '';
	display: block;
	width: 58px;
	height: 4px;
	background-color: #fff;
	left: 0;
	bottom: -2px;
}
.about-banner-txt > p{
	color: #fff;
	font-size: 18px;
	line-height: 33px;
	width: 65%;

}
.about-info-box{
	background-color: #fff;
	display:-webkit-box;display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
	justify-content: space-between;
	overflow: hidden;
}
.about-info-box > div{
	width: 60%;
}
.about-info-customr{
	background-color: #363636;
	padding: 70px 60px;
}
.about-info-txt{
	padding:70px 50px;
}
.about-info-txt > p.details{
	margin-top: 15px;
    color: #585858;
}
.customr-item{
	flex-wrap: wrap;
	margin-top: 40px;
	overflow: hidden;
}
.customr-item > a{
	width: 33.3333%;
	height: 4.8vw;
	min-height: 74px;
	background-color: #fff;
	padding-top: 1.2%;
	border-right: 1px solid #6a6a6a;
	border-bottom: 1px solid #6a6a6a;
	-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    float: left;
}
.customr-item > a:hover{
	-webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
    filter: none;
}
.customr-item > a:nth-child(3n+1){
	border-left: 1px solid #6a6a6a;
}
.customr-item > a:nth-child(1),
.customr-item > a:nth-child(2),
.customr-item > a:nth-child(3){
	border-top: 1px solid #6a6a6a;
}
.about-info-txt > div{
	letter-spacing: 0;
	font-weight: 600;
	font-size: 24px;
	margin-top: 60px;
}
.about-info-txt > div > span{
	font-size: 50px;
}
.about-info-img > div{
	width: 49.5%;
	height: 27.4vw;
	min-height: 415px;
}
.about-info-img > p{
	width: 15px;
}
.about-info-img-b{
	margin-top: 15px;
	margin-bottom: 20px;
	margin: 15px 0 20px 0;
	height: 27.4vw;
	width: 100%;
	min-height: 415px;
}
.development-box{
	background-color: #fff;
	margin:20px auto;
	padding:75px 0;
}
.development-box > h3{
	font-size: 32px;
	font-weight: 600;
}
.development-box > p{
	font-size: 18px;
	margin-top: 15px;
	margin-bottom: 30px;
}
.development-item:after{
	content: '';
	position: absolute;
	display: block;
	width: 1px;
	height: 100%;
	background-color: #ebebeb;
	top: 0;
	left: 50%;
	z-index: 1;
}
.development-years{
	width: 56px;
	height: 56px;
	border-radius: 3px;
	background-color: #39ac57;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	margin:0 auto;
	position: relative;
	z-index: 2;
}
.development-years > p{
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	color: #fff;
	text-align: center;
	line-height: 56px;
	font-weight: 600;
	letter-spacing: 0;
	font-size: 20px;
}
.development-time-line > .development-time > .line-box{
	padding:80px 0 90px 0; 
	width: 50%;
	position: relative;
	z-index: 2;
}
.development-time-line > .development-time > .line-box > h3{
	font-size: 24px;
	color: #39ac57;
	font-weight: 600;
	padding-bottom: 15px;
}
.development-time-line > .development-time:nth-child(odd) > .line-box{
	float: left;
	text-align: right;
	padding-right: 110px;
	padding-left: 70px;
}
.development-time-line > .development-time:nth-child(even) > .line-box{
	float: right;
	text-align: left;
	padding-left: 110px;
	padding-right: 70px;
}

.development-time-line > .development-time > .line-box:before{
	content: '';
	display: block;
	position: absolute;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background-color: #fff;
	border:2px solid #39ac57;
	top: 80px;
}
.development-time-line > .development-time:nth-child(odd) > .line-box:before{
	right: -10px;
}
.development-time-line > .development-time:nth-child(even) > .line-box:before{
	left: -10px;
}
.development-time-line > .development-time > .line-box:after{
	content: '';
	display: block;
	position: absolute;
	height: 1px;
	width: 70px;
	background-color: #39ac57;
	top: 90px;
}
.development-time-line > .development-time:nth-child(odd) > .line-box:after{
	right: 10px;
}
.development-time-line > .development-time:nth-child(even) > .line-box:after{
	left: 10px;
}
.about-info-box.team > .about-info-txt,
.about-info-box.culture > .about-info-txt{
	padding-top: 150px;
}
.about-info-box.culture > div.san-img{
	min-height: 444px;
}
.about-info-box.team > div.san-img{
	min-height: 418px;
}
.team-box-one > div.team-item{
	width: 100%;
	/*flex-grow: 1*/
}
.team-item{
	cursor: pointer;
	position: relative;
}
.team-item:after{
	position: absolute;
	content: '';
	display: block;
	border-radius:50%;
	background-color: rgba(0,0,0,.4);
	pointer-events: none;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	z-index: 1;
}
.team-item > div.san-pa{
	width: 100%;
	height: 100%;
	z-index: 2;
	top: 0;
	left: 0;
	padding: 35px;
	opacity: 0;
}
.team-item > div.san-pa > div{
	width: 27px;
	height: 2px;
	background-color: #fff;
	margin: 25px 0;
}
.team-item:hover:after{
	top: -40vw;
	left: -40vw;
	width: 80vw;
	height: 80vw;
}
.team-item:hover > div.san-pa{
	opacity: 1;
}
.team-item:hover > div.san-pa > h3:nth-child(1){
	-webkit-animation: fadeInDown 0.3s ease 0s normal both;
    animation: fadeInDown 0.3s ease 0s normal both;
}
.team-item:hover > div.san-pa > h3:nth-child(2){
	-webkit-animation: fadeInDown 0.3s ease 0.1s normal both;
    animation: fadeInDown 0.3s ease 0.1s normal both;
}
.team-item:hover > div.san-pa > div:nth-child(3){
	-webkit-animation: fadeInDown 0.3s ease 0.2s normal both;
    animation: fadeInDown 0.3s ease 0.2s normal both;
}
.team-item:hover > div.san-pa > p:nth-child(4){
	-webkit-animation: fadeInDown 0.3s ease 0.3s normal both;
    animation: fadeInDown 0.3s ease 0.3s normal both;
}
.team-item:hover > div.san-pa > p:nth-child(5){
	-webkit-animation: fadeInDown 0.3s ease 0.4s normal both;
    animation: fadeInDown 0.3s ease 0.4s normal both;
}
.team-item:hover > div.san-pa > p:nth-child(6){
	-webkit-animation: fadeInDown 0.3s ease 0.5s normal both;
	animation: fadeInDown 0.3s ease 0.5s normal both;
}
.team-item:hover > div.san-pa > p:nth-child(7){
	-webkit-animation: fadeInDown 0.3s ease 0.6s normal both;
	animation: fadeInDown 0.3s ease 0.6s normal both;
}
.team-item:hover > div.san-pa > p:nth-child(8){
	-webkit-animation: fadeInDown 0.3s ease 0.7s normal both;
	animation: fadeInDown 0.3s ease 0.7s normal both;
}
.team-item:hover > div.san-pa > p:nth-child(9){
	-webkit-animation: fadeInDown 0.3s ease 0.8s normal both;
	animation: fadeInDown 0.3s ease 0.8s normal both;
}
.team-item:hover > div.san-pa > p:nth-child(10){
	-webkit-animation: fadeInDown 0.3s ease 0.9s normal both;
	animation: fadeInDown 0.3s ease 0.9s normal both;
}
.team-item:hover > div.san-pa > p:nth-child(11){
	-webkit-animation: fadeInDown 0.3s ease 1.0s normal both;
	animation: fadeInDown 0.3s ease 1.0s normal both;
}
.team-item:hover > div.san-pa > p:nth-child(12){
	-webkit-animation: fadeInDown 0.4s ease 1.2s normal both;
	animation: fadeInDown 0.4s ease 1.2s normal both;
}
.team-box-two > div.team-item{
	width: 100%;
	/*flex-grow: 1*/
}.team-item > img{
	-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    height: 100%;
}
.team-item:hover > img{
	-webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
    filter: none;
}

/*新闻*/
.news-box{
	padding: 45px 40px;
	min-height: 800px;
	margin-top: 20px;
	padding-right: 350px;
}
.news-item{
	padding-left: 80px;
	margin-bottom: 45px;
}
.news-item > div.san-pa{
	left: 0;
	top: 0;
}
.news-item > div.san-pa > div{
	width: 57px;
	height: 57px;
	background-color: #39ac57;
	color: #fff;
	font-weight: 800;
	font-size: 32px;
	line-height: 57px;
	text-align: center;
}
.news-item > div.san-pa > p{
	text-align: center;
	color: #39ac57;
	font-weight: 600;
}
.news-nav-box{
	width: 240px;
	top: 45px;
	right: 40px;
}
.news-nav-title{
	border-bottom: 1px solid #c1c1c1;
	padding-bottom: 25px;
	font-size: 18px;
	font-weight: 600;
}
.news-nav-item{
	padding: 15px 0;
	border-bottom: 1px solid #c1c1c1;
	width: 100%;
	color: #333;
}
.news-nav-item:hover{
	color: #39ac57;
}
.news-content{
	padding-bottom: 25px;
	border-bottom: 1px solid #c3c3c3;
}
.news-content > h3{
	font-size: 24px;
}
.news-content > h4{
	display: block;
	color: #737373;
	margin-top: 5px;
	position: relative;
	padding-bottom: 10px;
}
.news-content > h4:after{
	content: '';
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100px;
	height: 1px;
	background-color: #d2d2d2;
}
.news-container > .san-img{
	height: 14vw;
	min-height: 200px;
	margin-top: 15px;
}
.news-container p{
	margin-top: 15px;
}
.news-link{
	width: 120px;
	height: 40px;
	color: #fff;
	background-color: #39ac57;
	text-align: center;
	line-height: 40px;
	margin-top: 15px;
}
.news-paging{
	justify-content: flex-end;
}
.news-paging > .news-paging-btn{
	width: 70px;
	height: 34px;
	text-align: center;
	line-height: 34px;
	background-color: #f4f4f4;
	border:1px solid #eaeaea;
	color: #000;
	margin: 0 7px;
}
.news-paging > .news-paging-btn:hover{
	background-color: #eaeaea;
}
.news-paging .paging-item > a{
	height: 34px;
	width: 34px;
	text-align: center;
	line-height: 34px;
	border:1px solid #eaeaea;
	background-color: #fff;
	margin:0 3px;
}
.news-paging .paging-item > a:hover,
.news-paging .paging-item > a.active{
	background-color: #39ac57;
	color: #fff;
}
.news-content.details{
	border-bottom: none;
}
.news-details-paging .news-paging-btn{
	width: 100px;
	height: 34px;
	text-align: center;
	line-height: 34px;
	background-color: #39ac57;
	color: #fff;
	margin: 30px 75px;
}
.news-details-paging{
	justify-content: center;
}
.news-details-paging .news-paging-btn:hover{
	background-color: #2d9649;
}
.news-nav-title > span{
	font-size: 12px;
	color: #fff;
	padding: 0px 6px;
	line-height: 20px;
	background-color: #39ac57;
}
.news-nav-item.san-one-text > span{
	width: 22px;
	height: 22px;
	background-color: #39ac57;
	color: #fff;
	text-align: center;
	line-height: 22px;
	margin-right: 8px;
	display: inline-block;
}
.news-nav-item.san-one-text{
	border-style: dashed;
}

/*数字营销*/
.mark-item{
	width: 100%;
	min-width: 1200px;
	position: relative;
	background-size: cover;
}
.mark-item-1{
	background-color: #292929;
}
.mark-item-1:before{
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: rgba(0,0,0,.46);
	z-index: 2;
}
.mark-item-1 > div.san-img{
	width: 42vw;
	min-width: 590px;
	right: 0;
	bottom: 0;
	background-color: transparent;
	z-index: 1;
}
.mark-item-1 > .san-main-content{
	position: relative;
	z-index: 3;
}
.mark-item > .about-banner-txt{
	padding-top: 20%;
}
.mark-item-1 > .san-main-content > a,
.mark-item-3 > .san-main-content > a{
	width: 180px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	color: #fff;
	background-color: #39ac57;
	margin-top: 60px;
}
.mark-item-1 > .san-main-content > a:hover,
.mark-item-3 > .san-main-content > a:hover{
	background-color: #2d9649;
}
.mark-item-tips{
	position: absolute;
	z-index: 4;
	width: 200px;
	flex-direction: column;
	align-items: flex-end;
	height: 54px;
	margin-top: -27px;
	top: 50%;
	right: 10%;
}
.mark-item-tips > div:nth-child(1),
.mark-item-tips > div:nth-child(3){
	width: 12px;
	height: 4px;
	background-color: #fff;
	margin: 5px 0;
}
.mark-item-tips > p:nth-child(2) > span{
	width: 33px;
	height: 4px;
	background-color: #39ac57;
	position: relative;
	top: -3px;
	margin-left: 10px;
}

.mark-item-2:before{
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: rgba(0,0,0,.22);
	z-index: 2;
}
.mark-item-2 > .san-main-content > .mark-pro-box:after{
	height: 0;
}
.mark-pro-item{
	margin-right: 20px;
	margin-top: 60px;
}
.mark-pro-item > div{
	width: 100px;
	height: 100px;
	background-color: #39ac57;
	text-align: center;
	line-height: 100px;
	font-size: 48px;
}
.mark-pro-item > p{
	font-size: 14px;
	font-weight: normal;
	margin-top: 2px;
}
.mark-item-3:before{
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: rgba(0,0,0,.16);
	z-index: 2;
}

/*互动开发*/
.develop-intro-item{
	background-color: #e7e7e7;
}
.develop-intro-item > div{
	min-height: 100px;
}
.develop-intro-item > .text-box{
	padding: 60px 100px 40px 55px;
	height: auto;
}
.develop-intro-item > .text-box > .san-flex{
	width: 600px;
	height: 50px;
	border:none;
	border-radius: none;
}
.develop-intro-item > .text-box > ul{
	padding-left: 17px;
	margin-top: 20px;
}
.develop-intro-item > .text-box > ul li{
	list-style: disc;
	color: #767676;
}
.develop-type-item{
	margin-bottom: 15px;
	background-color: #39ac57;
}
.develop-type-img{
	width: 60%;
	min-height: 100px;
	position: relative;
	background-color: #fff;
}
.develop-type-img > .case-pop{
	height: 100%;
	min-height: 210px;
}
.develop-type-img .case-pop > p:first-child{
	margin-top: 20%;
}
.develop-type-img-1{
	-webkit-align-items: center;
	align-items: center;
	padding: 40px 0;
}
.develop-type-img-1 > .san-img{
	background-color: transparent;
	width: 18%;
	margin:0 5px;
}
.develop-type-img-1 > .san-img:first-child{
	margin-left: 21.527777%;
}
.develop-type-txt{
	width: 40%;
	background-color: #39ac57;
	padding: 100px 40px 50px 40px;
}
.develop-type-txt > .link{
	border-color: #fff;
	color: #fff;
}
.develop-intro-item > .text-box > .san-flex > div{
	width: 34px;
	height: 34px;
	border-radius: 50%;
	border:1px solid #797979;
	color: #797979;
	text-align: center;
	line-height: 34px;
	margin-right: 10px;
}
.develop-intro-item > .text-box > .san-flex > div:last-child{
	background-color: #39ac57;
	border-color: #39ac57;
	color: #fff;
}
.develop-intro-item > div:last-child{
	background-color: #e7e7e7;
}
.develop-type-img-1:hover > .san-img:first-child,
.develop-type-img-1:hover > .san-img:nth-child(2),
.develop-type-img-1:hover > .san-img:nth-child(3){
	margin-left: 11%;
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.develop-type-img-2{
	background: url(./../image/develop/bg_01.png) center top no-repeat;
	background-size: cover;
}
.develop-type-img-3{
	padding: 80px 0;
}
.develop-type-img-3 > .san-img{
	background-color: transparent;
	width: 70%;
	margin: 0 auto;
}
.develop-type-img-3:hover > .san-img{
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}
.develop-type-img-4 > .img-iphone{
	top: 42%;
	left: 26%;
	width: 16%;
	background: transparent;
}
.develop-type-img-4 > .img-ipad{
	top: 30%;
	left: 28%;
	width: 60%;
	background: transparent;
}
.develop-type-img-4:hover > .img-iphone{
	left: 20%;
}
.develop-type-img-4:hover > .img-ipad{
	left: 34%;
}
.develop-banner-link{
	width: 42px;
	height: 42px;
	border-radius: 50%;
	border:1px solid #fff;
	text-align: center;
	margin-top: 30px;
}
.develop-banner-link > i{
	line-height: 40px;
	font-size: 20px;
	color: #fff;
}
.develop-banner-link:hover{
	background-color: #39ac57;
	border-color: #39ac57;
}
.develop-main-content{
	background-color: #fff;
	margin:20px auto;
	padding: 60px 55px 20px 55px;
}
.develop-nav-box{
	margin-top: 30px;
}
.develop-nav-item{
	color: #7e7e7e;
	margin-right: 45px;
	padding-bottom: 5px;
	font-size: 18px;
}
.develop-nav-item.active{
	color: #39ac57;
	border-bottom: 2px solid #39ac57;
}
.develop-nav-item:hover{
	color: #39ac57;
}
.develop-details-content{
	background: #fff;
	padding: 60px 55px;
	margin-bottom: 20px;
}

/*软件系统*/
.soft-title{
	background-color: #39ac57;
	width: 100%;
	height: 275px;
	padding: 55px 0 0 40px;
	margin-top: 20px;
}
.soft-title > h3{
	color: #fff;
	font-size: 24px;
}
.soft-title > p{
	color: #fff;
	margin-top: 10px;
}
.soft-type-box{
	justify-content: flex-start;
	margin-top: 15px;
}
.soft-type-box > div > div{
	width: 65px;
	height: 65px;
	text-align: center;
	background-color: #fff;
}
.soft-type-box > div > div > i{
	color: #39ac57;
	font-size: 32px;
	line-height: 65px;
}
.soft-title > div.san-img{
	width: 225px;
	background-color: transparent;
	right: 150px;
	top: 15px;
}
.soft-show-box{
	flex-wrap: wrap;
	margin-top: 15px;
}
.soft-show-item{
	width: 33.333333%;
	height: 18vw;
	min-height: 205px;
	background-color: #fff;
	text-align: center;
	/*flex-direction: column;*/
	/*align-items: center;*/
	overflow: hidden;
	padding-top: 5vw !important;
	display: block !important;
}
.soft-show-box > .soft-show-item:nth-child(even){
	background-color: #ededed;
}
.soft-show-item > i{
	color: #4a4a4a;
	font-size: 6vw;
	display: block;
}
.soft-show-item:hover > i{
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
}
.soft-show-item:hover > p{
	margin-top: 30px;
	display: block;
}
@media screen and (max-width:1500px) {
    .index-banner-item > .san-pa{
		margin-left: -600px;
	}
}

.pagination > li  {
	display: inline-block;
	float: left;
	padding: 6px 12px;
	line-height: 1.42857143;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #ddd;
	margin:0 2px;
}
.pagination > li > a{
	color: #333;
}
.pagination > li.prev,
.pagination > li.next{
	margin:0 10px;
}
.pagination .active {
	background-color: #39ac57;
}
.pagination .active a{
	color: #fff;
}

.news-nav-title > a{

}
.pagination > li:hover{
	background-color: #39ac57;
	color: #fff;
}
.canvas-banner{
	background: #000;
	display: block;
	width: 100%;
	height: 49.45vw;
	position: absolute;
	top:0;
	left:0;
	z-index: 12;
}

/*add 09.21*/
.about-new-content {
	padding: 40px 30px;
	background-color: #fff;
	margin-top: 30px;
}

.about-new-title {
	color: #39ac57;
	border-bottom: 3px solid #39ac57;
	display: inline-block;
	padding-bottom: 15px;
}

.about-new-banner {
	padding: 40px 30px;
	background-color: #fff;
}

.horn-banner-box {
	margin: 100px 0;
}

.horn-banner {
	width: 90%;
}

.horn-banner-box .horn-banner-btn {
	width: 33px;
	height: 70px;
	top: 50%;
	margin-top: -35px;
	background-color: #39ac57;
	color: #fff;
	cursor: pointer;
}

.communi-txt a:hover,
.horn-banner-box .horn-banner-btn:hover {
	background-color: #279543;
}

.horn-banner-box .horn-banner-btn i{
	position: relative;
	display: block;
	line-height: 70px;
}

.horn-banner-box  .button-prev {
	left: 0;
}

.horn-banner-box  .button-prev i {
	top: -9px;
	transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
}

.horn-banner-box  .button-next {
	right: 0;
}

.horn-banner-box  .button-next i {
	top: 9px;
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
}

.horn-view {
	width: 360px;
	height: 492px;
	top: 50%;
	margin-top: -246px;
	left: 50%;
	margin-left: -180px;
	z-index: 9;
	background-color: transparent;
	box-shadow: 0 0 10px rgba(0,0,0,.4);
	pointer-events: none;
	opacity: 0;
}

.horn-view.active {
	opacity: 1;
}

.horn-banner .swiper-slide{
	position: relative;
}

.horn-banner .swiper-slide:after {
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,.3);
}

.about-new-txt .about-info-txt {
	padding-left: 30px;
}

.about-new-contact {
	margin-top: 15px;
	margin-bottom: 30px;
}

.about-new-contact p span {
	color: #39ac57;
}

.about-new-map {
	width: 100%;
	height: 296px;
}

.communi-box {
	padding: 80px 0;
}

.communi-odd > .san-main-content,
.communi-odd {
	background-color: #fff;
}

.communi-even > .san-main-content,
.communi-even {
	background-color: #f3f3f3;
}

.communi-txt {
	padding-left: 80px;
}

.communi-txt > h3 {
	position: relative;
	font-size:24px;
	margin-top: 100px;
	padding-bottom: 15px;
}

/*.communi-txt > h3:after {*/
	/*content: '';*/
	/*display: block;*/
	/*position: absolute;*/
	/*height: 1px;*/
	/*width: 64px;*/
	/*background-color: #000;*/
	/*bottom: 0;*/
	/*left: 0;*/
/*}*/

.communi-img {
	background-color: transparent;
	position: relative;
}

.communi-img-1 {
	width: 84%;
	margin-left: 5%;
}

.communi-box:hover .communi-img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

.communi-img-2 {
	width: 68%;
	margin-left: 20%;
}

.communi-txt a {
	width: 180px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	color: #fff;
	background-color: #39ac57;
	margin-top: 60px;
}

.communi-txt-sp {
	padding-left: 35px;
	margin-top: 30px;
}

.communi-txt-sp > div.san-pa {
	width: 26px;
	height: 26px;
	background: #39ac57;
	text-align: center;
	line-height: 26px;
	color: #fff;
	top: 0;
	left: 0;
}

.wisdom-soft-2,
.wisdom-soft-1,
.wisdom-soft {
	margin-top: 0;
}

.wisdom-soft > .soft-show-item {
	padding: 60px 40px 0 50px;
	text-align: left;
	align-items: flex-start;
	padding-top: 4vw !important;
}

.wisdom-soft > .soft-show-item > i {
	font-size: 3vw;
	color: #666666;
}

.wisdom-soft > .soft-show-item:hover > i {
	transform: none;
}

.wisdom-soft > .soft-show-item > p {
	margin-top: 10px;
	line-height: 18px;
	font-size: 14px;
}

.wisdom-soft-1 .soft-show-item:nth-child(even) {
	background-color: #fff;
}

.wisdom-soft-1 .soft-show-item:nth-child(odd) {
	background-color: #ededed;
}

.intera-img-1 {
	width: 60%;
	margin-left: 15%;
}

.intera-img-3 {
	width: 75%;
	margin-left: 8%;
	margin-top: 10%;
}

.intera-box .communi-txt h3 {
	margin-top: 20px;
}

.intera-box.communi-even > .san-main-content,
.intera-box.communi-even {
	background-color: #2279ff;
}

.intera-box.communi-even .communi-txt h3 {
	margin-top: 100px;
}

.intera-box.communi-even .communi-txt h3:after {
	left: 100%;
	margin-left: -64px;
	background-color: #fff;
}

.intera-box .communi-txt-sp > div {
	background-color: #2274e6;
}

.intera-box .communi-txt-sp > p {
	color: #2274e6;
}

.intera-pro-box .mark-pro-item > div{
	width: 74px;
	height: 74px;
	line-height: 74px;
	color: #fff;
	font-size: 42px;
	background-color: #2274e6;
}

.intera-pro-box .mark-pro-item {
	margin-top: 25px;
	margin-right: 10px;
}

.new-index-banner {
	background: url(./../image/index_bg.png) center center no-repeat;
	background-size: cover;
	overflow: hidden;
}

.new-banner-txt {
	width: 1203px;
	height: 110px;
	bottom: 0;
	background-color: #fff;
	left: 50%;
	margin-left: -603px;
	z-index: 2;
	-webkit-animation: flipInX 1s ease 0.5s normal both;
	animation: flipInX 1s ease 0.5s normal both;
}

.new-banner-txt.out{
	bottom: -120px;
}

.new-banner-txt>.san-fl {
	width: 1090px;
	padding: 30px 50px;
}

.new-banner-phone {
	background-color: transparent;
	bottom: -308px;
	z-index: 1;
	left: 50%;
	margin-left: -833px;
	-webkit-animation: bounceInUp 1s ease 0s normal both;
	animation: bounceInUp 1s ease 0s normal both;
}

.new-banner-ipad {
	background-color: transparent;
	bottom: -670px;
	right: 50%;
	margin-right: -1620px;
	z-index: 1;
	-webkit-animation: bounceInRight 1s ease 0s normal both;
	animation: bounceInRight 1s ease 0s normal both;
}

.new-index-banner .new-txt-1,
.new-index-banner .new-txt-2,
.new-index-banner .new-txt-3 {
	width: 100%;
	text-align: center;
}

.new-index-banner .new-txt-1 {
	top: 50%;
	margin-top: -170px;
	opacity: 0.5;
	letter-spacing: 2px;
}

.new-index-banner .new-txt-2 {
	top: 50%;
	opacity: 0.5;
	letter-spacing: 3px;
}

.new-index-banner .new-txt-3 {
	font-size: 50px;
	top: 50%;
	font-weight: 800;
	margin-top: -80px;
	letter-spacing: 1px;
}

.new-banner-txt>.san-fr {
	width: 110px;
	height: 110px;
	background-color: #1f883b;
	padding: 15px 10px;
}

.new-banner-txt>.san-fr p {
	font-size: 24px;
	margin-top: 5px;
}

.new-banner-txt>.san-fr div {
	width: 32px;
	height: 3px;
	background-color: #fff;
	margin-top: 13px;
}

.about-preload-box {
	width: 0;
	height:0;
	overflow: hidden;
}

.new-txt-line {
	-webkit-animation: indexline 0.5s ease 0s infinite both;
	animation: indexline 0.5s ease 0s infinite both;
}


@media screen and (max-width:1500px) {
	.index-banner-item>.san-pa {
		margin-left: -600px;
	}
}


@keyframes indexline {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}