.detail-item{
	display: -webkit-box !important;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	word-break: break-word;
	white-space: normal !important;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	}
.content .swiper1-parent {
	position: relative
}

.content .swiper1-parent .swiper1 {
	width: 100%;
	height: 100vh;
	position: relative
}
.news-con ul{
	display: flex;
	flex-wrap: wrap;
}
.news-con ul li{
	width: 50%;
	text-align: center;
	margin-bottom: 40px;
}
.news-con ul li p {
	color: #034A67;
	font-size: 23px;
	/*font-family: 'Rajdhani-Bold';*/
	font-weight: bold;
	}
	.news-con ul li p  span{
	color: #034A67;
	font-size: 70px;
	font-family: 'Rajdhani-Bold';
	font-weight: bold;
	}
	.news-con ul li h3 {
    color:#959494;
    font-size: 17px;
    /*font-weight: bold;*/
    margin-top: -17px;
}
.footera img{
	width: 54px !important;
	height: 54px !important;
	margin-top: -19px;
	vertical-align: middle;
	}
.footera p{
	margin-left: 10px !important;
	    color:#fff;
	    vertical-align: middle;
	    font-size: 40px;
	    text-align: left;
	    /*line-height: 2px;*/
	display: inline-block;
	    font-family: 'Rajdhani-Bold';
	}
	.footera i{
		margin-bottom: -10px;
		display: block;
		  color: rgba(255, 255, 255, 0.5);
	    font-size: 14px;
		font-style: normal;
		}
.footerb{
	text-align: left;
	margin-top: 0px;
	margin-left: 78px;
	}
.footerb p{
	line-height: 25px;
		color: #fff;
		font-size: 14px;
	}
.footerb p span{
		  color: rgba(255, 255, 255, 0.5);
	    font-size: 14px;	
		}
	.footerb p span i{
		font-style: normal;
		padding: 0 10px;
		}
@media only all and (max-width: 768px) {
	.content .swiper1-parent .swiper1 {
		height: auto
	}
	.news-con ul li p {
   
    font-size: 17px;
    
}
.news-con ul li h3 {
    color: #959494;
    font-size: 14px;
    /* font-weight: bold; */
    margin-top: -11px;
}
.news-con ul li p span {
  
    font-size: 50px;
    
}
}

.content .swiper1-parent .swiper1 .swiper-wrapper .swiper-slide {
	width: 100%;
	height: 100%;
	position: relative;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	overflow: hidden
}

.content .swiper1-parent .swiper1 .swiper-wrapper .swiper-slide video {
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 1;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%)
}

@media only all and (max-width: 768px) {
	.content .swiper1-parent .swiper1 .swiper-wrapper .swiper-slide video {
		display: none
	}
}

.content .swiper1-parent .swiper1 .swiper-wrapper .swiper-slide .pc-img {
	width: 100%;
	height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-transition: 1s linear 2s;
	-moz-transition: 1s linear 2s;
	-o-transition: 1s linear 2s;
	-ms-transition: 1s linear 2s;
	transition: 1s linear 2s
}

@media only all and (max-width: 768px) {
	.content .swiper1-parent .swiper1 .swiper-wrapper .swiper-slide .pc-img {
		display: none
	}
}

.content .swiper1-parent .swiper1 .swiper-wrapper .swiper-slide .swiper-info {
	position: absolute;
	right: 13.5%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	color: #fff;
	border-bottom: 2px solid #fff;
	padding-bottom: 45px
}

@media only all and (max-width: 1440px) {
	.content .swiper1-parent .swiper1 .swiper-wrapper .swiper-slide .swiper-info {
		padding-bottom: 25px
	}
}

@media only all and (max-width: 768px) {
	.content .swiper1-parent .swiper1 .swiper-wrapper .swiper-slide .swiper-info {
		left: 40px
	}
}

@media only all and (max-width: 414px) {
	.content .swiper1-parent .swiper1 .swiper-wrapper .swiper-slide .swiper-info {
		left: 20px;
		padding-bottom: 10px
	}
}

.content .swiper1-parent .swiper1 .swiper-wrapper .swiper-slide .swiper-info .text1 {
	font-size: 60px;
	line-height: 70px
}

@media only all and (max-width: 1440px) {
	.content .swiper1-parent .swiper1 .swiper-wrapper .swiper-slide .swiper-info .text1 {
		font-size: 40px;
		line-height: 50px
	}
}

@media only all and (max-width: 414px) {
	.content .swiper1-parent .swiper1 .swiper-wrapper .swiper-slide .swiper-info .text1 {
		font-size: 20px;
		line-height: 30px;
		letter-spacing: 4px
	}
}

.content .swiper1-parent .swiper1 .swiper-wrapper .swiper-slide .swiper-info .text2 {
	font-size: 24px;
	line-height: 30px;
	letter-spacing: 11px;
	margin-top: 29px
}

@media only all and (max-width: 1440px) {
	.content .swiper1-parent .swiper1 .swiper-wrapper .swiper-slide .swiper-info .text2 {
		font-size: 20px;
		letter-spacing: 5px;
		margin-top: 15px
	}
}

@media only all and (max-width: 414px) {
	.content .swiper1-parent .swiper1 .swiper-wrapper .swiper-slide .swiper-info .text2 {
		font-size: 14px;
		letter-spacing: 0px;
		margin-top: 15px
	}
}

.content .swiper1-parent .swiper1 .swiper-wrapper .swiper-slide .phone-img {
	display: none;
	width: 100%
}

@media only all and (max-width: 768px) {
	.content .swiper1-parent .swiper1 .swiper-wrapper .swiper-slide .phone-img {
		display: block
	}
}

.content .swiper1-parent .swiper1 .swiper-wrapper .swiper-slide.swiper-slide-active .pc-img {
	-webkit-transition: 16s linear;
	-moz-transition: 16s linear;
	-o-transition: 16s linear;
	-ms-transition: 16s linear;
	transition: 16s linear;
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1)
}

.content .swiper1-parent .swiper1 .swiper-pagination {
	bottom: 45px;
	width: auto;
	/*left: 55.7%;
	left: 65.5%;*/
	left:2%;
	font-size: 0
}

@media only all and (max-width: 1440px) {
	.content .swiper1-parent .swiper1 .swiper-pagination {
		bottom: 23px
	}
}

@media only all and (max-width: 1024px) {
	.content .swiper1-parent .swiper1 .swiper-pagination {
		left: 52%
	}
}

@media only all and (max-width: 768px) {
	.content .swiper1-parent .swiper1 .swiper-pagination {
		/*left: 43%;*/
		left: 3%
		
	}
}

@media only all and (max-width: 414px) {
	.content .swiper1-parent .swiper1 .swiper-pagination {
		bottom: 20px;
		left: 3%
	}
}

.content .swiper1-parent .swiper1 .swiper-pagination .swiper-pagination-bullet {
	opacity: 1;
	width: 20px;
	height: 20px;
	/*border: 1px solid #fff;*/
	border: 1px solid #034a67;	
	margin: 0 auto;
	margin-right: 20px;
	background-color: transparent;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s
}

@media only all and (max-width: 1024px) {
	.content .swiper1-parent .swiper1 .swiper-pagination .swiper-pagination-bullet {
		margin-right: 10px
	}
}

@media only all and (max-width: 414px) {
	.content .swiper1-parent .swiper1 .swiper-pagination .swiper-pagination-bullet {
		margin-right: 5px;
		width: 8px;
		height: 8px
	}
}

.content .swiper1-parent .swiper1 .swiper-pagination .swiper-pagination-bullet:last-child {
	margin-right: 0
}

.content .swiper1-parent .swiper1 .swiper-pagination .swiper-pagination-bullet-active {
	/*background-color: #fff;*/
	background-color: #034a67
}

.content .swiper1-parent .swiper1 .skew-bg {
	position: absolute;
	right: 0;
	top: 0;
	width: 48%;
	height: 100%;
	z-index: 2
}

@media only all and (max-width: 1024px) {
	.content .swiper1-parent .swiper1 .skew-bg {
		width: 55%
	}
}

@media only all and (max-width: 768px) {
	.content .swiper1-parent .swiper1 .skew-bg {
		display: none
	}
}

.content .swiper1-parent .swiper1 .skew-bg .bg {
	/*width: calc(100% - 270px);*/
	width: calc(100% - 70px);
	height: 100%;
	background-color: rgba(1, 83, 112, 0.9);
	position: absolute;
	right: 0;
	top: 0
}

.content .swiper1-parent .swiper1 .skew-bg .bg:before {
	position: absolute;
	content: "";
	width: 0;
	height: 0;
	/*border-bottom: 100vh solid rgba(1, 83, 112, 0.9);*/
	border-left: 270px solid transparent;
	left: -270px
}

.content .swiper1-parent .swiper1 .phone-skew-bg {
	display: none
}

@media only all and (max-width: 768px) {
	.content .swiper1-parent .swiper1 .phone-skew-bg {
		display: block;
		position: absolute;
		right: 0;
		top: 0;
		width: 70.8%;
		z-index: 2
	}
}

.content .swiper1-parent .swiper1 .white-bg {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 100px;
	background-color: #fff;
	z-index: 1;
	/*width: 66.4%;*/
	width: 55.7%;
}

@media only all and (max-width: 1440px) {
	.content .swiper1-parent .swiper1 .white-bg {
		height: 60px
	}
}

@media only all and (max-width: 768px) {
	.content .swiper1-parent .swiper1 .white-bg {
		display: none
	}
}

.content .swiper1-parent .swiper1 .white-bg:before {
	position: absolute;
	content: "";
	width: 0;
	height: 0;
	border-top: 100px solid #fff;
	/*border-right: 24px solid transparent;*/
	right: -24px
}

.content .swiper1-parent .swiper1 .phone-white-bg {
	display: none
}

@media only all and (max-width: 768px) {
	.content .swiper1-parent .swiper1 .phone-white-bg {
		display: block;
		position: absolute;
		left: 0;
		bottom: -1px;
		z-index: 1;
		width: 64.5%
	}
}

.content .swiper1-parent .text-cut {
	position: absolute;
	right: 8.4%;
	top: 46%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 2;
	width: 26%
}

.content .swiper1-parent .text-cut.en {
	width: 30%;
	right: 5%
}

@media only all and (max-width: 768px) {
	.content .swiper1-parent .text-cut.en {
		width: 60%;
		text-align: right
	}
}

@media only all and (max-width: 414px) {
	.content .swiper1-parent .text-cut.en {
		width: 90%
	}
}

@media only all and (max-width: 1024px) {
	.content .swiper1-parent .text-cut {
		right: 6%;
		width: 30%
	}
}

@media only all and (max-width: 768px) {
	.content .swiper1-parent .text-cut {
		width: 45%;
		text-align: right
	}
}

@media only all and (max-width: 414px) {
	.content .swiper1-parent .text-cut {
		width: 74%
	}
}

.content .swiper1-parent .text-cut .item {
	display: none
}

.content .swiper1-parent .text-cut .item.active {
	display: block
}

.content .swiper1-parent .text-cut .item .text1 {
	letter-spacing:6px;
	font-size: 68px;
	line-height: 85px;
	color: #fff;
	height: 260px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	/*-webkit-box-orient: vertical;*/
	word-break: break-all
}

.content .swiper1-parent .text-cut .item .text1.en {
	font-size: 68px;
	line-height:70px;
    height: 300px;
	/*display: none;height: 100px;*/
}

@media only all and (max-width: 414px) {
	.content .swiper1-parent .text-cut .item .text1.en {
		font-size: 20px;
		line-height: 30px;
		height: 60px
	}
}

@media only all and (max-width: 1600px) {
	.content .swiper1-parent .text-cut .item .text1 {
		font-size: 40px;
		line-height: 50px;
		height: 100px
	}
}

@media only all and (max-width: 1024px) {
	.content .swiper1-parent .text-cut .item .text1 {
		font-size: 50px;
		line-height: 60px;
		height:200px
	}
}

@media only all and (max-width: 414px) {
	.content .swiper1-parent .text-cut .item .text1 {
		font-size: 40px;
		line-height: 50px;
		height: 160px;
	}
}

.content .swiper1-parent .text-cut .item .text2 {
	font-size: 16px;
	line-height: 20px;
	color: #fff;
	margin-top: 26px;
	height: 40px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-break: break-all;
	font-family: 'PFDinTextPro2';
	width: 100%
}

.content .swiper1-parent .text-cut .item .text2.en {
	word-break: normal;
	font-size: 24px;
	line-height: 40px;
	height: auto;
	display: block
}

@media only all and (max-width: 414px) {
	.content .swiper1-parent .text-cut .item .text2.en {
		font-size: 16px;
		line-height: 30px
	}
}

@media only all and (max-width: 1440px) {
	.content .swiper1-parent .text-cut .item .text2 {
		font-size: 14px;
		margin-top: 15px
	}
}

@media only all and (max-width: 1024px) {
	.content .swiper1-parent .text-cut .item .text2 {
		margin-top: 10px
	}
}

@media only all and (max-width: 414px) {
	.content .swiper1-parent .text-cut .item .text2 {
		margin-top: 5px
	}
}

.content .swiper1-parent .text-cut .item .text222 {
	font-size: 16px;
	line-height: 20px;
	color: #fff;
	margin-top: 26px;
	height: 40px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-break: break-all
}

.content .swiper1-parent .video-close {
	cursor: pointer;
	position: absolute;
	z-index: 2;
	right: 30.4%;
	bottom: 28%;
	width: 70px;
	height: 70px;
	border: 2px solid #fff;
	border-radius: 50%;
	/*-webkit-transform: skew(-15deg);
	-moz-transform: skew(-15deg);
	-ms-transform: skew(-15deg);
	-o-transform: skew(-15deg);
	transform: skew(-15deg);*/
	text-align: center;
	display: inline-block;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s
}

@media only all and (max-width: 1366px) {
	.content .swiper1-parent .video-close {
		bottom: 20%
	}
}

@media only all and (max-width: 1024px) {
	.content .swiper1-parent .video-close {
		width: 50px;
		height: 50px
	}
}

@media only all and (max-width: 768px) {
	.content .swiper1-parent .video-close {
		right: 6%
	}
}

.content .swiper1-parent .video-close:before {
	content: "";
	position: absolute;
	z-index: 0;
	left: 0px;
	right: 0;
	top: 0;
	bottom: 0;
	/*background-color: #fff;-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-o-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.86, 0, 0.07, 1);
	transition: -webkit-transform 0.5s cubic-bezier(0.86, 0, 0.07, 1);
	-o-transition: -o-transform 0.5s cubic-bezier(0.86, 0, 0.07, 1);
	-moz-transition: transform 0.5s cubic-bezier(0.86, 0, 0.07, 1), -moz-transform 0.5s cubic-bezier(0.86, 0, 0.07, 1);
	transition: transform 0.5s cubic-bezier(0.86, 0, 0.07, 1);
	transition: transform 0.5s cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 0.5s cubic-bezier(0.86, 0, 0.07, 1), -moz-transform 0.5s cubic-bezier(0.86, 0, 0.07, 1), -o-transform 0.5s cubic-bezier(0.86, 0, 0.07, 1);
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	transform-origin: 0 0*/
}

.content .swiper1-parent .video-close .close-con {
	/*-webkit-transform: skew(15deg);
	-moz-transform: skew(15deg);
	-ms-transform: skew(15deg);
	-o-transform: skew(15deg);
	transform: skew(15deg);*/
	width: 25px;
	height: 29px;
	position: relative;
	z-index: 1;
	margin: 20px 0 0 25px;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s
}

@media only all and (max-width: 1024px) {
	.content .swiper1-parent .video-close .close-con {
		width: 17.5px;
		height: 20.3px;
		margin-top: 10.5px
	}
}

.content .swiper1-parent .video-close .close-con img {
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s
}

.content .swiper1-parent .video-close .close-con img.close-icon-hover {
	opacity: 0
}

.content .swiper1-parent .video-close:hover:before {
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-o-transform: scaleX(1);
	transform: scaleX(1)
}

.content .swiper1-parent .video-close:hover .close-con img.close-icon {
	opacity: 0
}

.content .swiper1-parent .video-close:hover .close-con img.close-icon-hover {
	opacity: 1
}

.content .commit-tit {
	/*font-size: 38px;*/
	font-weight: bold;
	font-size: 46px;
	line-height: 1.3;
	color: #333;
	padding-left: 15px;
	position: relative
}

@media only all and (max-width: 1440px) {
	.content .commit-tit {
		font-size: 30px
	}
}

@media only all and (max-width: 1024px) {
	.content .commit-tit {
		font-size: 25px;
		padding-left: 20px
	}

}

.content .commit-tit .line1 {
	position: absolute;
	width: 3px;
	height: 100%;
	background-color: #96c14d;
	left: 4px;
	top: 0;
	-webkit-transform: skew(-10deg);
	-moz-transform: skew(-10deg);
	-ms-transform: skew(-10deg);
	-o-transform: skew(-10deg);
	transform: skew(-10deg);
	display: inline-block
}

.content .commit-tit .line2 {
	position: absolute;
	width: 3px;
	height: 100%;
	background-color: #96c14d;
	left: 14px;
	top: 0;
	-webkit-transform: skew(-10deg);
	-moz-transform: skew(-10deg);
	-ms-transform: skew(-10deg);
	-o-transform: skew(-10deg);
	transform: skew(-10deg);
	display: inline-block
}

@media only all and (max-width: 1024px) {
	.content .commit-tit .line2 {
		left: 11px
	}
}

.content .content-inside {
	position: relative
}

.content .content-inside .right-fixed2 {
	position: absolute;
	z-index: 2;
	right: 0;
	top: 0;
	width: 81px;
	height: 100%;
	/*border-left: 1px solid #e3e3e3*/
}

@media only all and (max-width: 1024px) {
	.content .content-inside .right-fixed2 {
		width: 50px
	}
}

@media only all and (max-width: 768px) {
	.content .content-inside .right-fixed2 {
		display: none
	}
}

.content .content-inside .about {
	padding-top: 70px;
	padding-right: 81px;
	margin-bottom: 100px;
	border-radius: 0 0 0 140px;
}

@media only all and (max-width: 1024px) {
	.content .content-inside .about {
		padding-right: 50px
	}
}

@media only all and (max-width: 768px) {
	.content .content-inside .technologyAndNew .technology .swiper10 .swiper-slide {
	    height: 500px;
	    padding-top: 120px;
	}
	.content .content-inside .technologyAndNew {
	    margin-top: 50px;
	    margin-bottom: 50px;
	}
.content .content-inside .about .about-con .news-right .news {
    width: 70%;
    display: table;
    margin-top: 50px;
	height:300px;
	 margin: 20px auto;
	 text-align: center;
}
	
	.content .content-inside .about .about-con .news-right .commit-tit {
	    margin-left: 0;
	    font-size: 25px;
	    line-height: 1.3;
	    color: #333;
	    padding-left: 0;
	    position: relative;
	    text-align: center;
	}
	.content .content-inside .about {
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 50px;
		margin-bottom:50px;
		border-radius: 0;
	}
	
	.content .content-inside .about .about-con .news-right .commit-tit {
	    font-size: 20px;
	    line-height: 1.3;
	    color: #333;
	    padding-left: 0;
	    position: relative;
	    text-align: center;
		}
		.content .content-inside .about .about-con {
		    padding-top: 40px;
		    font-size: 0;
		    background: url(../images/bg1.png) right no-repeat;
		}
		.content .content-inside .technologyAndNew .technology .swiper10 {
		    border-radius: 0;
		    position: relative;
		}
}

@media only all and (max-width: 414px) {
	.content .content-inside .about {
		margin-top: 0px;
		padding-top: 40px;
		margin-bottom: 0px
	}
}

.content .content-inside .about .whoarewe {
	font-size: 16px;
	line-height: 1;
	color: #4caea9;
	position: absolute;
	top: 15px;
	left: 130px;
	left: 6.8%
}

@media only all and (max-width: 1024px) {
	.content .content-inside .about .whoarewe {
		font-size: 14px
	}
}

@media only all and (max-width: 768px) {
	.content .content-inside .about .whoarewe {
		left: 10px
	}
}

.content .content-inside .about .commit-tit {
	margin-left: 130px;
	margin-left: 4%;
	/*margin-left:6.8%*/
}

@media only all and (max-width: 768px) {
	.content .content-inside .about .commit-tit {
		margin-left: 0;
		font-size: 20px;
	}
}

.content .content-inside .about .about-con {
	padding-top: 60px;
	font-size: 0;
	background:url(../images/bg1.png) right no-repeat;
	}
	
	
}

@media only all and (max-width: 414px) {
	.content .content-inside .about .about-con {
		padding-top: 30px
	}
}

.content .content-inside .about .about-con .about-left {
	display: inline-block;
	vertical-align: middle;
	/*width: 60%;
	padding-top: 120px;
	padding-bottom: 120px;*/
	width: 58.2%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: relative;
	overflow: hidden;
	position: relative;
	
}

@media only all and (max-width: 1440px) {
	.content .content-inside .about .about-con .about-left {
		padding-top: 50px;
		padding-bottom: 40px
	}
}

@media only all and (max-width: 768px) {
	.content .content-inside .about .about-con .about-left {
		width: 100%;
		padding-top: 60px;
		padding-bottom: 60px
	}
}

@media only all and (max-width: 414px) {
	.content .content-inside .about .about-con .about-left {
		padding-top: 20px;
		padding-bottom: 40px
	}
}

.content .content-inside .about .about-con .about-left:before {
	content: "";
	position: absolute;
	z-index: 0;
	left: 0px;
	right: 0;
	top: 0;
	bottom: 0;
	
	/*background-color: rgba(3, 74, 103, 0.9);
	-webkit-transform: scaleX(0.67) skew(-30deg);
	-moz-transform: scaleX(0.67) skew(-30deg);
	-ms-transform: scaleX(0.67) skew(-30deg);
	-o-transform: scaleX(0.67) skew(-30deg);
	transform: scaleX(0.67) skew(-30deg);
	-webkit-transition: -webkit-transform 1s cubic-bezier(0.86, 0, 0.07, 1);
	transition: -webkit-transform 1s cubic-bezier(0.86, 0, 0.07, 1);
	-o-transition: -o-transform 1s cubic-bezier(0.86, 0, 0.07, 1);
	-moz-transition: transform 1s cubic-bezier(0.86, 0, 0.07, 1), -moz-transform 1s cubic-bezier(0.86, 0, 0.07, 1);
	transition: transform 1s cubic-bezier(0.86, 0, 0.07, 1);
	transition: transform 1s cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 1s cubic-bezier(0.86, 0, 0.07, 1), -moz-transform 1s cubic-bezier(0.86, 0, 0.07, 1), -o-transform 1s cubic-bezier(0.86, 0, 0.07, 1);
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	transform-origin: 0 0*/
}

@media only all and (max-width: 1440px) {
	.content .content-inside .about .about-con .about-left:before {
		-webkit-transform: scaleX(0.8) skew(-30deg);
		-moz-transform: scaleX(0.8) skew(-30deg);
		-ms-transform: scaleX(0.8) skew(-30deg);
		-o-transform: scaleX(0.8) skew(-30deg);
		transform: scaleX(0.8) skew(-30deg)
	}
}

@media only all and (max-width: 768px) {
	.content .content-inside .about .about-con .about-left:before {
		-webkit-transform: scaleX(0.6) skew(-30deg);
		-moz-transform: scaleX(0.6) skew(-30deg);
		-ms-transform: scaleX(0.6) skew(-30deg);
		-o-transform: scaleX(0.6) skew(-30deg);
		transform: scaleX(0.6) skew(-30deg)
	}
}

@media only all and (max-width: 414px) {
	.content .content-inside .about .about-con .about-left:before {
		-webkit-transform: scaleX(0.8) skew(-30deg);
		-moz-transform: scaleX(0.8) skew(-30deg);
		-ms-transform: scaleX(0.8) skew(-30deg);
		-o-transform: scaleX(0.8) skew(-30deg);
		transform: scaleX(0.8) skew(-0deg)
	}
}

.content .content-inside .about .about-con .about-left .text {
	width: 51%;
	position: relative;
	z-index: 1;
	/*margin-left: 5%;*/
	background-color: rgba(3, 74, 103, 0.9);
	padding: 100px;
	border-radius: 0 0 0 140px;
	
}

@media only all and (max-width: 414px) {
	.content .content-inside .about .about-con .about-left .text.en {
		width: 80%
	}
}

.content .content-inside .about .about-con .about-left .text .pc-text {
	font-size:25px;
	line-height:40px;
	color: #fff;
	text-align: justify;
	font-weight: lighter;
}

.content .content-inside .about .about-con .about-left .text .pc-text.en {
	/*line-height: 20px*/
}

@media only all and (max-width: 1024px) {
	.content .content-inside .about .about-con .about-left .text .pc-text {
		font-size: 12px;
		line-height: 22px
	}
}

@media only all and (max-width: 768px) {
	.content .content-inside .about .about-con .about-left .text .pc-text {
		display: none
	}
}

.content .content-inside .about .about-con .about-left .text .phone-text {
	font-size: 12px;
	line-height: 22px;
	color: #fff;
	text-align: justify;
	display: none
}

@media only all and (max-width: 768px) {
	.content .content-inside .about .about-con .about-left .text .phone-text {
		display: block;
		font-size: 16px;
		line-height: 22px;
	}
}

.content .content-inside .about .about-con .about-left .text .more {
	width: 160px;
	line-height: 60px;
	
	border: 1px solid #fff;
	/*border-radius: 50px;
	-webkit-transform: skew(-15deg);
	-moz-transform: skew(-15deg);
	-ms-transform: skew(-15deg);
	-o-transform: skew(-15deg);
	transform: skew(-15deg);*/
	text-align: center;
	display: inline-block;
	margin-top: 80px;
	position: relative;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s
}

@media only all and (max-width: 1024px) {
	.content .content-inside .about .about-con .about-left .text .more {
		width: 130px;
		line-height: 40px
	}
}

@media only all and (max-width: 768px) {
	.content .content-inside .about .about-con .about-left .text .more {
		margin-top: 20px
	}
}

.content .content-inside .about .about-con .about-left .text .more:before {
	content: "";
	position: absolute;
	z-index: 0;
	left: 0px;
	right: 0;
	top: 0;
	bottom: 0;
	
	
	/*border-radius: 50px;
	background-color: #fff;
	-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-o-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition: -webkit-transform 0.6s cubic-bezier(0.86, 0, 0.07, 1);
	transition: -webkit-transform 0.6s cubic-bezier(0.86, 0, 0.07, 1);
	-o-transition: -o-transform 0.6s cubic-bezier(0.86, 0, 0.07, 1);
	-moz-transition: transform 0.6s cubic-bezier(0.86, 0, 0.07, 1), -moz-transform 0.6s cubic-bezier(0.86, 0, 0.07, 1);
	transition: transform 0.6s cubic-bezier(0.86, 0, 0.07, 1);
	transition: transform 0.6s cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 0.6s cubic-bezier(0.86, 0, 0.07, 1), -moz-transform 0.6s cubic-bezier(0.86, 0, 0.07, 1), -o-transform 0.6s cubic-bezier(0.86, 0, 0.07, 1);
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	transform-origin: 0 0*/
}

.content .content-inside .about .about-con .about-left .text .more .more-con {
	/*-webkit-transform: skew(15deg);
	-moz-transform: skew(15deg);
	-ms-transform: skew(15deg);
	-o-transform: skew(15deg);
	transform: skew(15deg)*/
}

.content .content-inside .about .about-con .about-left .text .more .more-con span {
	font-size: 14px;
	color: #fff;
	display: inline-block;
	vertical-align: middle;
	margin-right: 28px;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s
}

@media only all and (max-width: 1024px) {
	.content .content-inside .about .about-con .about-left .text .more .more-con span {
		font-size: 12px;
		margin-right: 15px
	}
}

.content .content-inside .about .about-con .about-left .text .more .more-con .arrow-parent {
	width: 15px;
	height: 10px;
	display: inline-block;
	vertical-align: middle;
	position: relative
}

.content .content-inside .about .about-con .about-left .text .more .more-con .arrow-parent img {
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s
}

.content .content-inside .about .about-con .about-left .text .more .more-con .arrow-parent img.more-arrow-hover {
	opacity: 0
}

.content .content-inside .about .about-con .about-left .text .more:hover {
	/*border-color: #fff;border-radius: 50px;*/
	background: #fff;
	
}

.content .content-inside .about .about-con .about-left .text .more:hover:before {
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-o-transform: scaleX(1);
	transform: scaleX(1)
}

.content .content-inside .about .about-con .about-left .text .more:hover .more-con span {
	color: #96c14d
}

.content .content-inside .about .about-con .about-left .text .more:hover .more-con .arrow-parent img.more-arrow {
	opacity: 0
}

.content .content-inside .about .about-con .about-left .text .more:hover .more-con .arrow-parent img.more-arrow-hover {
	opacity: 1
}

.content .content-inside .about .about-con .news-right {
	width: 35.3%;
	overflow: hidden;
	display: inline-block;
	vertical-align: middle;
	margin-left: 3.8%
}
.adks{
		display: none;
		}
@media only all and (max-width: 768px) {
	.content .content-inside .about .about-con {
	    padding-top: 0px;
	    font-size: 0;
	    background: url(../images/bg1.png) right no-repeat;
	}
	.content .content-inside .about .about-con .about-left .text {
	    width: 100%;
	    position: relative;
	    z-index: 1;
	    /* margin-left: 5%; border-radius: 0 0 0 140px;*/
	    background-color: rgba(3, 74, 103, 0.9);
	    padding: 20px 40px;
		border-radius:0;
	    
		}
	
	.about-left{
		background-image: none !important;
		}
	.adks{
		display: block;
		}
	
	.content .content-inside .about .about-con .news-right {
		width: 100%;
		margin-left: 0;
		margin-top:0
	}
}

.content .content-inside .about .about-con .news-right .commit-tit {
	margin-left: 0;
	/*font-size: 36px;*/
	line-height: 1.3;
	    color: #333;
	    padding-left: 0;
	    position: relative;
		text-align: center;
}

.content .content-inside .about .about-con .news-right .news {
	/*width: 100%;
	height: 300px;
	display: table;
	margin-top: 80px*/
}

@media only all and (max-width: 414px) {
	.content .content-inside .about .about-con .news-right .news {
		margin-top: 0px;
		height: 200px;
		text-align: center;
		width: 100%;
	}
}

.content .content-inside .about .about-con .news-right .news .news-con {
	display: table;
	vertical-align: middle;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	text-align: right;
	padding-right: 0px;
	color: #fff;
	font-family: 'PFDINTEXTPRO';
	height: 309px;
	width: 100%;
	margin-top: 40px;
}

@media only all and (max-width: 414px) {
	.content .content-inside .about .about-con .news-right .news .news-con {
		padding-right: 20px
	}
}

.content .content-inside .about .about-con .news-right .news .news-con .date {
	font-size: 24px;
	line-height: 40px
}

@media only all and (max-width: 1024px) {
	.content .content-inside .about .about-con .news-right .news .news-con .date {
		font-size: 18px;
		line-height: 30px
	}
}

.content .content-inside .about .about-con .news-right .news .news-con .time {
	font-size: 36px;
	line-height: 40px
}

@media only all and (max-width: 1024px) {
	.content .content-inside .about .about-con .news-right .news .news-con .time {
		font-size: 22px;
		line-height: 30px
	}
}

.content .content-inside .about .about-con .news-right .news .news-con .theme {
	font-size: 20px;
	line-height: 40px
}

@media only all and (max-width: 1024px) {
	.content .content-inside .about .about-con .news-right .news .news-con .theme {
		font-size: 16px;
		line-height: 30px
	}
}

.content .content-inside .about .about-con .news-right .news .news-con .more {
	width: 70px;
	line-height: 60px;
	border: 1px solid #fff;
	-webkit-transform: skew(-15deg);
	-moz-transform: skew(-15deg);
	-ms-transform: skew(-15deg);
	-o-transform: skew(-15deg);
	transform: skew(-15deg);
	text-align: center;
	display: inline-block;
	margin-top: 35px;
	position: relative;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s
}

@media only all and (max-width: 1024px) {
	.content .content-inside .about .about-con .news-right .news .news-con .more {
		width: 50px;
		line-height: 40px
	}
}

@media only all and (max-width: 414px) {
	.content .content-inside .about .about-con .news-right .news .news-con .more {
		margin-top: 20px
	}
}

.content .content-inside .about .about-con .news-right .news .news-con .more:before {
	content: "";
	position: absolute;
	z-index: 0;
	left: 0px;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: #96c14d;
	-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-o-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition: -webkit-transform 0.6s cubic-bezier(0.86, 0, 0.07, 1);
	transition: -webkit-transform 0.6s cubic-bezier(0.86, 0, 0.07, 1);
	-o-transition: -o-transform 0.6s cubic-bezier(0.86, 0, 0.07, 1);
	-moz-transition: transform 0.6s cubic-bezier(0.86, 0, 0.07, 1), -moz-transform 0.6s cubic-bezier(0.86, 0, 0.07, 1);
	transition: transform 0.6s cubic-bezier(0.86, 0, 0.07, 1);
	transition: transform 0.6s cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 0.6s cubic-bezier(0.86, 0, 0.07, 1), -moz-transform 0.6s cubic-bezier(0.86, 0, 0.07, 1), -o-transform 0.6s cubic-bezier(0.86, 0, 0.07, 1);
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	transform-origin: 0 0
}

.content .content-inside .about .about-con .news-right .news .news-con .more .more-con {
	-webkit-transform: skew(15deg);
	-moz-transform: skew(15deg);
	-ms-transform: skew(15deg);
	-o-transform: skew(15deg);
	transform: skew(15deg)
}

.content .content-inside .about .about-con .news-right .news .news-con .more .more-con .more-arrow {
	width: 15px;
	display: inline-block;
	vertical-align: middle
}

.content .content-inside .about .about-con .news-right .news .news-con .more:hover {
	border-color: #96c14d
}

.content .content-inside .about .about-con .news-right .news .news-con .more:hover:before {
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-o-transform: scaleX(1);
	transform: scaleX(1)
}

.content .content-inside .serve {
	padding-top: 66px;
	position: relative
}

@media only all and (max-width: 768px) {
	.content .content-inside .serve {
		padding-top: 0
	}
}

.content .content-inside .serve .tab-tit {
	padding-top: 10px;
	padding-bottom: 30px;
	padding-left: 72px;
	padding-right: 81px;
	background-color: rgba(244, 244, 244, 0.7);
	position: absolute;
	z-index: 3;
	right: -30px;
	top: 0;
	/*-webkit-transform: skew(-15deg);
	-moz-transform: skew(-15deg);
	-ms-transform: skew(-15deg);
	-o-transform: skew(-15deg);
	transform: skew(-15deg)*/
}

@media only all and (max-width: 1440px) {
	.content .content-inside .serve .tab-tit {
		padding-left: 70px;
		padding-right: 70px
	}
}

@media only all and (max-width: 1366px) {
	.content .content-inside .serve .tab-tit {
		padding-top: 20px;
		padding-bottom: 10px;
		top: -15px
	}
}

@media only all and (max-width: 1024px) {
	.content .content-inside .serve .tab-tit {
		padding-left: 50px;
		padding-right: 50px;
		
		
	}
}

@media only all and (max-width: 768px) {
	.content .content-inside .serve .tab-tit {
		display: none
	}
}

.content .content-inside .serve .tab-tit .tit-con {
	/*transform: skew(15deg)*/
}

.content .content-inside .serve .tab-tit .tit-con .item {
	cursor: pointer;
	display: inline-block;
	vertical-align: top;
	margin-right: 70px;
	text-align: center;
	/*width: 85px;*/
	width: 288px
}

@media only all and (max-width: 1440px) {
	.content .content-inside .serve .tab-tit .tit-con .item {
		margin-right: 40px
	}
}

@media only all and (max-width: 1024px) {
	.content .content-inside .serve .tab-tit .tit-con .item {
		margin-right: 30px;
		width: 70px
	}
}

.content .content-inside .serve .tab-tit .tit-con .item .icon {
	width: 100px;
	height: 100px;
	background-color: transparent;
	border-radius: 50%;
	position: relative;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	margin: 20px auto
}

@media only all and (max-width: 1024px) {
	.content .content-inside .serve .tab-tit .tit-con .item .icon {
		width: 60px;
		height: 60px
	}
}

.content .content-inside .serve .tab-tit .tit-con .item .icon img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	max-width: 48px;
	max-height: 50px
}

@media only all and (max-width: 1024px) {
	.content .content-inside .serve .tab-tit .tit-con .item .icon img {
		max-width: 30px;
		max-height: 30px
	}
}

.content .content-inside .serve .tab-tit .tit-con .item .icon img.img-hover {
	opacity: 0
}

.content .content-inside .serve .tab-tit .tit-con .item .text {
	font-size: 25px;
	line-height: 38px;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out
}

.content .content-inside .serve .tab-tit .tit-con .item .text.en {
	line-height: 20px
}

@media only all and (max-width: 1024px) {
	.content .content-inside .serve .tab-tit .tit-con .item .text {
		font-size: 14px;
		line-height: 24px
	}
}

.content .content-inside .serve .tab-tit .tit-con .item:hover .icon {
	background-color: #96c14d
}

.content .content-inside .serve .tab-tit .tit-con .item:hover .icon img.img {
	opacity: 0
}

.content .content-inside .serve .tab-tit .tit-con .item:hover .icon img.img-hover {
	opacity: 1
}

.content .content-inside .serve .tab-tit .tit-con .item:hover .text {
	color: #96c14d
}

.content .content-inside .serve .tab-tit .tit-con .item.active .icon {
	background-color: #044864
}

.content .content-inside .serve .tab-tit .tit-con .item.active .icon img.img {
	opacity: 0
}

.content .content-inside .serve .tab-tit .tit-con .item.active .icon img.img-hover {
	opacity: 1
}

.content .content-inside .serve .tab-tit .tit-con .item.active .text {
	color: #333
}

.content .content-inside .serve .tab-con .swiper2 {
	position: relative
}

.content .content-inside .serve .tab-con .swiper2 .commit-tit {
	position: absolute;
	z-index: 2;
	color: #fff;
	left: 130px;
	left: 6.8%;
	top: 170px
}

@media only all and (max-width: 1440px) {
	.content .content-inside .serve .tab-con .swiper2 .commit-tit {
		top: 127px
	}
}

@media only all and (max-width: 1366px) {
	.content .content-inside .serve .tab-con .swiper2 .commit-tit {
		top: 100px
	}
}

@media only all and (max-width: 1024px) {
	.content .content-inside .serve .tab-con .swiper2 .commit-tit {
		top: 70px
	}
}

@media only all and (max-width: 414px) {
	.content .content-inside .serve .tab-con .swiper2 .commit-tit {
		top: 40px;
		left: 10px
	}
}

.content .content-inside .serve .tab-con .swiper2 .swiper-button-prev2 {
	width: 70px;
	line-height: 60px;
	-webkit-transform: skew(-15deg);
	-moz-transform: skew(-15deg);
	-ms-transform: skew(-15deg);
	-o-transform: skew(-15deg);
	transform: skew(-15deg);
	background-color: rgba(0, 0, 0, 0.5);
	text-align: center;
	display: inline-block;
	position: absolute;
	right: 14%;
	top: 16%;
	margin-top: -30px;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
	z-index: 2;
	cursor: pointer;
	display: none
}

@media only all and (max-width: 768px) {
	.content .content-inside .serve .tab-con .swiper2 .swiper-button-prev2 {
		display: block;
		width: 50px;
		line-height: 40px;
		height: 40px;
		margin-top: -20px
	}
}

@media only all and (max-width: 414px) {
	.content .content-inside .serve .tab-con .swiper2 .swiper-button-prev2 {
		margin-top: 0;
		top: 0px;
		right: 25%
	}
}

.content .content-inside .serve .tab-con .swiper2 .swiper-button-prev2:before {
	content: "";
	position: absolute;
	z-index: 0;
	left: 0px;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: #96c14d;
	-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-o-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition: -webkit-transform 0.6s cubic-bezier(0.86, 0, 0.07, 1);
	transition: -webkit-transform 0.6s cubic-bezier(0.86, 0, 0.07, 1);
	-o-transition: -o-transform 0.6s cubic-bezier(0.86, 0, 0.07, 1);
	-moz-transition: transform 0.6s cubic-bezier(0.86, 0, 0.07, 1), -moz-transform 0.6s cubic-bezier(0.86, 0, 0.07, 1);
	transition: transform 0.6s cubic-bezier(0.86, 0, 0.07, 1);
	transition: transform 0.6s cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 0.6s cubic-bezier(0.86, 0, 0.07, 1), -moz-transform 0.6s cubic-bezier(0.86, 0, 0.07, 1), -o-transform 0.6s cubic-bezier(0.86, 0, 0.07, 1);
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	transform-origin: 0 0
}

.content .content-inside .serve .tab-con .swiper2 .swiper-button-prev2 .more-con {
	-webkit-transform: skew(15deg);
	-moz-transform: skew(15deg);
	-ms-transform: skew(15deg);
	-o-transform: skew(15deg);
	transform: skew(15deg)
}

.content .content-inside .serve .tab-con .swiper2 .swiper-button-prev2 .more-con .more-arrow {
	width: 15px;
	display: inline-block;
	vertical-align: middle
}

.content .content-inside .serve .tab-con .swiper2 .swiper-button-prev2:hover {
	border-color: #96c14d
}

.content .content-inside .serve .tab-con .swiper2 .swiper-button-prev2:hover:before {
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-o-transform: scaleX(1);
	transform: scaleX(1)
}

.content .content-inside .serve .tab-con .swiper2 .swiper-button-next2 {
	width: 70px;
	line-height: 60px;
	-webkit-transform: skew(-15deg);
	-moz-transform: skew(-15deg);
	-ms-transform: skew(-15deg);
	-o-transform: skew(-15deg);
	transform: skew(-15deg);
	background-color: rgba(0, 0, 0, 0.5);
	text-align: center;
	display: inline-block;
	margin-top: 35px;
	position: absolute;
	right: 5%;
	top: 16%;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
	z-index: 2;
	cursor: pointer;
	display: none
}

@media only all and (max-width: 768px) {
	.content .content-inside .serve .tab-con .swiper2 .swiper-button-next2 {
		width: 50px;
		line-height: 40px;
		height: 40px;
		margin-top: -20px;
		display: block
	}
}

@media only all and (max-width: 414px) {
	.content .content-inside .serve .tab-con .swiper2 .swiper-button-next2 {
		margin-top: 0;
		top: 0px
	}
}

.content .content-inside .serve .tab-con .swiper2 .swiper-button-next2:before {
	content: "";
	position: absolute;
	z-index: 0;
	left: 0px;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: #96c14d;
	-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-o-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition: -webkit-transform 0.6s cubic-bezier(0.86, 0, 0.07, 1);
	transition: -webkit-transform 0.6s cubic-bezier(0.86, 0, 0.07, 1);
	-o-transition: -o-transform 0.6s cubic-bezier(0.86, 0, 0.07, 1);
	-moz-transition: transform 0.6s cubic-bezier(0.86, 0, 0.07, 1), -moz-transform 0.6s cubic-bezier(0.86, 0, 0.07, 1);
	transition: transform 0.6s cubic-bezier(0.86, 0, 0.07, 1);
	transition: transform 0.6s cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 0.6s cubic-bezier(0.86, 0, 0.07, 1), -moz-transform 0.6s cubic-bezier(0.86, 0, 0.07, 1), -o-transform 0.6s cubic-bezier(0.86, 0, 0.07, 1);
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	transform-origin: 0 0
}

.content .content-inside .serve .tab-con .swiper2 .swiper-button-next2 .more-con {
	/*-webkit-transform: skew(15deg);
	-moz-transform: skew(15deg);
	-ms-transform: skew(15deg);
	-o-transform: skew(15deg);
	transform: skew(15deg)*/
}

.content .content-inside .serve .tab-con .swiper2 .swiper-button-next2 .more-con .more-arrow {
	width: 15px;
	display: inline-block;
	vertical-align: middle
}

.content .content-inside .serve .tab-con .swiper2 .swiper-button-next2:hover {
	border-color: #96c14d
}

.content .content-inside .serve .tab-con .swiper2 .swiper-button-next2:hover:before {
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-o-transform: scaleX(1);
	transform: scaleX(1)
}

.content .content-inside .serve .tab-con .swiper2 .swiper-slide {
	height: 700px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	box-sizing: border-box;
	padding-left: 155px;
	padding-left: 8%;
	padding-top: 355px;
	position: relative;
}

@media only all and (max-width: 1440px) {
	.content .content-inside .serve .tab-con .swiper2 .swiper-slide {
		height: 700px;
		padding-top: 260px
	}
}

@media only all and (max-width: 1366px) {
	.content .content-inside .serve .tab-con .swiper2 .swiper-slide {
		height: 600px;
		padding-top: 200px
	}
}

@media only all and (max-width: 1024px) {
	.content .content-inside .serve .tab-con .swiper2 .swiper-slide {
		height: 500px;
		padding-top: 175px;
		padding-left: 6%;
		
	}
}

@media only all and (max-width: 414px) {
	.content .content-inside .serve .tab-con .swiper2 .swiper-slide {
		height: auto;
		padding-top: 135px;
		padding-left: 4%;
		margin-top: 60px;
		
	}
}

.content .content-inside .serve .tab-con .swiper2 .swiper-slide .pc-img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	-webkit-transition: 1s linear 2s;
	-moz-transition: 1s linear 2s;
	-o-transition: 1s linear 2s;
	-ms-transition: 1s linear 2s;
	transition: 1s linear 2s
}

.content .content-inside .serve .tab-con .swiper2 .swiper-slide .info {
	width: 31%;
	position: relative;
	z-index: 1
}

@media only all and (max-width: 1440px) {
	.content .content-inside .serve .tab-con .swiper2 .swiper-slide .info {
		width: 35%
	}
}

@media only all and (max-width: 1024px) {
	.content .content-inside .serve .tab-con .swiper2 .swiper-slide .info {
		width: 42%
	}
}

@media only all and (max-width: 414px) {
	.content .content-inside .serve .tab-con .swiper2 .swiper-slide .info {
		width: 96%
	}
}

.content .content-inside .serve .tab-con .swiper2 .swiper-slide .info .number {
	font-size: 16px;
	line-height: 1;
	color: #fff
}

@media only all and (max-width: 1024px) {
	.content .content-inside .serve .tab-con .swiper2 .swiper-slide .info .number {
		font-size: 14px
	}
}

.content .content-inside .serve .tab-con .swiper2 .swiper-slide .info .tit {
	font-size: 38px;
	line-height: 1;
	color: #fff;
	margin-top: 28px;
	margin-bottom: 45px
}

@media only all and (max-width: 1440px) {
	.content .content-inside .serve .tab-con .swiper2 .swiper-slide .info .tit {
		font-size: 30px;
		margin-top: 20px;
		margin-bottom: 30px
	}
}

@media only all and (max-width: 1024px) {
	.content .content-inside .serve .tab-con .swiper2 .swiper-slide .info .tit {
		font-size: 20px;
		margin-top: 15px;
		margin-bottom: 15px
	}
}

.content .content-inside .serve .tab-con .swiper2 .swiper-slide .info .text {
	font-size: 16px;
	line-height: 24px;
	color: #fff
}

@media only all and (max-width: 1024px) {
	.content .content-inside .serve .tab-con .swiper2 .swiper-slide .info .text {
		font-size: 14px
	}
}

@media only all and (max-width: 414px) {
	.content .content-inside .serve .tab-con .swiper2 .swiper-slide .info .text {
		font-size: 12px;
		line-height: 22px
	}
}

.content .content-inside .serve .tab-con .swiper2 .swiper-slide .info .more {
	width: 160px;
	line-height: 60px;
	
	border: 1px solid #fff;
	/*border-radius: 50px;
	-webkit-transform: skew(-15deg);
	-moz-transform: skew(-15deg);
	-ms-transform: skew(-15deg);
	-o-transform: skew(-15deg);
	transform: skew(-15deg);*/
	text-align: center;
	display: inline-block;
	margin-top: 80px;
	position: relative;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;

	
	
}

@media only all and (max-width: 1024px) {
	.content .content-inside .serve .tab-con .swiper2 .swiper-slide .info .more {
		width: 130px;
		line-height: 40px;
		margin-top: 30px
	}
}

.content .content-inside .serve .tab-con .swiper2 .swiper-slide .info .more:before {
	content: "";
	position: absolute;
	z-index: 0;
	left: 0px;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: #fff;
	-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-o-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition: -webkit-transform 0.6s cubic-bezier(0.86, 0, 0.07, 1);
	transition: -webkit-transform 0.6s cubic-bezier(0.86, 0, 0.07, 1);
	-o-transition: -o-transform 0.6s cubic-bezier(0.86, 0, 0.07, 1);
	-moz-transition: transform 0.6s cubic-bezier(0.86, 0, 0.07, 1), -moz-transform 0.6s cubic-bezier(0.86, 0, 0.07, 1);
	transition: transform 0.6s cubic-bezier(0.86, 0, 0.07, 1);
	transition: transform 0.6s cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 0.6s cubic-bezier(0.86, 0, 0.07, 1), -moz-transform 0.6s cubic-bezier(0.86, 0, 0.07, 1), -o-transform 0.6s cubic-bezier(0.86, 0, 0.07, 1);
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	transform-origin: 0 0
}

.content .content-inside .serve .tab-con .swiper2 .swiper-slide .info .more .more-con {
	/*-webkit-transform: skew(15deg);
	-moz-transform: skew(15deg);
	-ms-transform: skew(15deg);
	-o-transform: skew(15deg);
	transform: skew(15deg)*/
}

.content .content-inside .serve .tab-con .swiper2 .swiper-slide .info .more .more-con span {
	font-size: 14px;
	color: #fff;
	display: inline-block;
	vertical-align: middle;
	margin-right: 28px;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s
}

@media only all and (max-width: 1024px) {
	.content .content-inside .serve .tab-con .swiper2 .swiper-slide .info .more .more-con span {
		font-size: 12px;
		margin-right: 15px
	}
}

.content .content-inside .serve .tab-con .swiper2 .swiper-slide .info .more .more-con .arrow-parent {
	width: 15px;
	height: 10px;
	display: inline-block;
	vertical-align: middle;
	position: relative
}

.content .content-inside .serve .tab-con .swiper2 .swiper-slide .info .more .more-con .arrow-parent img {
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s
}

.content .content-inside .serve .tab-con .swiper2 .swiper-slide .info .more .more-con .arrow-parent img.more-arrow-hover {
	opacity: 0
}

.content .content-inside .serve .tab-con .swiper2 .swiper-slide .info .more:hover {
	border-color: #fff
}

.content .content-inside .serve .tab-con .swiper2 .swiper-slide .info .more:hover:before {
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-o-transform: scaleX(1);
	transform: scaleX(1)
}

.content .content-inside .serve .tab-con .swiper2 .swiper-slide .info .more:hover .more-con span {
	color: #96c14d
}

.content .content-inside .serve .tab-con .swiper2 .swiper-slide .info .more:hover .more-con .arrow-parent img.more-arrow {
	opacity: 0
}

.content .content-inside .serve .tab-con .swiper2 .swiper-slide .info .more:hover .more-con .arrow-parent img.more-arrow-hover {
	opacity: 1
}

.content .content-inside .serve .tab-con .swiper2 .swiper-slide .info .img-hover {
	display: none
}

@media only all and (max-width: 768px) {
	.content .content-inside .serve .tab-con .swiper2 .swiper-slide .info .img-hover {
		display: block;
		position: absolute;
		right: 30%;
		top: -7%
	}
}

.content .content-inside .serve .tab-con .swiper2 .swiper-slide .rectangle-bg1 {
	width: 288px;
	position: absolute;
	left: 0;
	top: 38%
}

@media only all and (max-width: 1440px) {
	.content .content-inside .serve .tab-con .swiper2 .swiper-slide .rectangle-bg1 {
		top: 34%
	}
}

@media only all and (max-width: 1366px) {
	.content .content-inside .serve .tab-con .swiper2 .swiper-slide .rectangle-bg1 {
		top: 27%
	}
}

@media only all and (max-width: 768px) {
	.content .content-inside .serve .tab-con .swiper2 .swiper-slide .rectangle-bg1 {
		top: 25%
	}
}

@media only all and (max-width: 414px) {
	.content .content-inside .serve .tab-con .swiper2 .swiper-slide .rectangle-bg1 {
		top: 21%
	}
}

.content .content-inside .serve .tab-con .swiper2 .swiper-slide.swiper-slide-active .pc-img {
	-webkit-transition: 16s linear;
	-moz-transition: 16s linear;
	-o-transition: 16s linear;
	-ms-transition: 16s linear;
	transition: 16s linear;
	-webkit-transform: scale(1.3);
	-moz-transform: scale(1.3);
	-ms-transform: scale(1.3);
	-o-transform: scale(1.3);
	transform: scale(1.3)
}

.content .content-inside .classic-project {
	padding-top: 100px;
	background-color: #f2f2f2;
	font-size: 0;
	position: relative
}

@media only all and (max-width: 768px) {
	.content .content-inside .classic-project {
		padding-top: 50px
	}
}

@media only all and (max-width: 414px) {
	.content .content-inside .classic-project {
		padding-top:20px;
		background: none;
	}
	.content .content-inside .classic-project .project-left .tit .commit-tit{margin-bottom: 15px !important;}
	.content .content-inside .technologyAndNew .tradeNews .tradeNews-con{margin-top: 10px !important;}
	.content .content-inside .technologyAndNew .tradeNews .tradeNews-con .item{margin-bottom:10px !important;padding-bottom:10px !important}
	.content .content-inside .technologyAndNew .tradeNews{Padding-bottom:0 !important}
	.content .content-inside .technologyAndNew .tradeNews .tradeNews-con .item .text .read-more .icon{width:20px !important}
	.content .content-inside .technologyAndNew .tradeNews .tradeNews-con .item .text .read-more span{font-size:12px !important}
}

.content .content-inside .classic-project:before {
	position: absolute;
	content: "";
	width: 100%;
	/*height: 77px;
	background-color: #fff;*/
	left: 0;
	bottom: 0
}

@media only all and (max-width: 1600px) {
	.content .content-inside .classic-project:before {
		height: 64px
	}
}

@media only all and (max-width: 1440px) {
	.content .content-inside .classic-project:before {
		height: 54px
	}
}

@media only all and (max-width: 1366px) {
	.content .content-inside .classic-project:before {
		height: 60px
	}
}

@media only all and (max-width: 1280px) {
	.content .content-inside .classic-project:before {
		height: 55px
	}
}

@media only all and (max-width: 1024px) {
	.content .content-inside .classic-project:before {
		height: 41px
	}
}

.content .content-inside .classic-project .project-left {
	width: 65.6%;
	display: inline-block;
	vertical-align: top;
	font-size: 12px;
	position: relative;
	z-index: 2
}

@media only all and (max-width: 768px) {
	.content .content-inside .classic-project .project-left {
		width: 100%
	}
}

.content .content-inside .classic-project .project-left .tit {
	padding-left: 130px;
	padding-left: 6.8%
}

@media only all and (max-width: 768px) {
	.content .content-inside .classic-project .project-left .tit {
		padding-left: 10px;
		padding-right: 10px
	}
}

.content .content-inside .classic-project .project-left .tit .commit-tit {
	float: left;
	/*margin-top: 16px*/
}

@media only all and (max-width: 1024px) {
	.content .content-inside .classic-project .project-left .tit .commit-tit {
		margin-top: 10px
	}
}

@media only all and (max-width: 768px) {
	.content .content-inside .serve .tab-con .swiper2 .swiper-slide .pc-img{
		width: 100%;
		
		
	}
	.content .content-inside .classic-project .project-left .tit .commit-tit {
		float: none;
		margin-bottom: 30px
	}
}

.content .content-inside .classic-project .project-left .tit .tab-tit {
	float: right
}

@media only all and (max-width: 768px) {
	.content .content-inside .classic-project .project-left .tit .tab-tit {
		float: none
	}
}

@media only all and (max-width: 414px) {
	.content .content-inside .classic-project .project-left .tit .tab-tit {
		font-size: 0
	}
}

.content .content-inside .classic-project .project-left .tit .tab-tit .item {
	display: inline-block;
	padding-left: 20px;
	padding-right: 20px;
	position: relative;
	text-align: center;
	-webkit-transform: skew(-15deg);
	-moz-transform: skew(-15deg);
	-ms-transform: skew(-15deg);
	-o-transform: skew(-15deg);
	transform: skew(0deg);
	cursor: pointer
}

@media only all and (max-width: 1440px) {
	.content .content-inside .classic-project .project-left .tit .tab-tit .item {
		padding-left: 15px;
		padding-right: 15px
	}
}

@media only all and (max-width: 1366px) {
	.content .content-inside .classic-project .project-left .tit .tab-tit .item {
		padding-left: 10px;
		padding-right: 10px
	}
}

@media only all and (max-width: 1280px) {
	.content .content-inside .classic-project .project-left .tit .tab-tit .item {
		padding-left: 6px;
		padding-right: 6px
	}
}

@media only all and (max-width: 1024px) {
	.content .content-inside .classic-project .project-left .tit .tab-tit .item {
		padding-left: 4px;
		padding-right: 0px
	}
}

@media only all and (max-width: 414px) {
	.content .content-inside .classic-project .project-left .tit .tab-tit .item {
		width: 24%;
		text-align: center;
		margin-bottom: 5px
	}
}

.content .content-inside .classic-project .project-left .tit .tab-tit .item:before {
	position: absolute;
	content: "";
	width: 1px;
	height: 20px;
	left: 0;
	top: 50%;
	margin-top: -10px;
	background-color: #d1d1d1;
	-webkit-transition: all 0.6s;
	-o-transition: all 0.6s;
	-moz-transition: all 0.6s;
	transition: all 0.6s
}

.content .content-inside .classic-project .project-left .tit .tab-tit .item .item-con {
	width: 125px;
	line-height: 60px;
	font-size: 22px;
	position: relative;
	
}

@media only all and (max-width: 1024px) {
	.content .content-inside .classic-project .project-left .tit .tab-tit .item .item-con {
		font-size: 14px;
		line-height: 40px;
		width: 90px
	}
}

@media only all and (max-width: 414px) {
	.content .content-inside .classic-project .project-left .tit .tab-tit .item .item-con {
		display: inline-block;
		width: 80px;
	}
	.content .content-inside .classic-project .project-left .con .con-item .swiper-parent .swiper-container-item .swiper-slide .text .text-con .text-detail{
		display: none;
	}
}

.content .content-inside .classic-project .project-left .tit .tab-tit .item .item-con:before {
	content: "";
	position: absolute;
	z-index: 0;
	left: 0px;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: #96c14d;
	webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-o-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition: -webkit-transform 0.6s cubic-bezier(0.86, 0, 0.07, 1);
	transition: -webkit-transform 0.6s cubic-bezier(0.86, 0, 0.07, 1);
	-o-transition: -o-transform 0.6s cubic-bezier(0.86, 0, 0.07, 1);
	-moz-transition: transform 0.6s cubic-bezier(0.86, 0, 0.07, 1), -moz-transform 0.6s cubic-bezier(0.86, 0, 0.07, 1);
	transition: transform 0.6s cubic-bezier(0.86, 0, 0.07, 1);
	transition: transform 0.6s cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 0.6s cubic-bezier(0.86, 0, 0.07, 1), -moz-transform 0.6s cubic-bezier(0.86, 0, 0.07, 1), -o-transform 0.6s cubic-bezier(0.86, 0, 0.07, 1);
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	transform-origin: 0 0
}

.content .content-inside .classic-project .project-left .tit .tab-tit .item .item-con span {
	-webkit-transform: skew(15deg);
	-moz-transform: skew(15deg);
	-ms-transform: skew(15deg);
	-o-transform: skew(15deg);
	transform: skew(0deg);
	display: inline-block;
	-webkit-transition: all 0.6s;
	-o-transition: all 0.6s;
	-moz-transition: all 0.6s;
	transition: all 0.6s
}

.content .content-inside .classic-project .project-left .tit .tab-tit .item .item-con span.en {
	line-height: 16px;
	display: inline-block;
	vertical-align: middle
}

.content .content-inside .classic-project .project-left .tit .tab-tit .item:hover:before {
	width: 3px;
	background-color: #96c14d
}

@media only all and (max-width: 1024px) {
	.content .content-inside .classic-project .project-left .tit .tab-tit .item:hover:before {
		width: 2px
	}
}

.content .content-inside .classic-project .project-left .tit .tab-tit .item:hover .item-con:before {
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-o-transform: scaleX(1);
	transform: scaleX(1)
}

.content .content-inside .classic-project .project-left .tit .tab-tit .item:hover .item-con span {
	color: #fff
}

.content .content-inside .classic-project .project-left .tit .tab-tit .item.active:before {
	width: 3px;
	background-color: #96c14d
}

@media only all and (max-width: 1024px) {
	.content .content-inside .classic-project .project-left .tit .tab-tit .item.active:before {
		width: 2px
	}
}

.content .content-inside .classic-project .project-left .tit .tab-tit .item.active .item-con:before {
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-o-transform: scaleX(1);
	transform: scaleX(1)
}

.content .content-inside .classic-project .project-left .tit .tab-tit .item.active .item-con span {
	color: #fff
}

.content .content-inside .classic-project .project-left .con {
	padding-top: 50px;
	width: 100%
}

.content .content-inside .classic-project .project-left .con.en {
	width: 97%
}

@media only all and (max-width: 1366px) {
	.content .content-inside .classic-project .project-left .con {
		padding-top: 40px
	}
}

@media only all and (max-width: 1280px) {
	.content .content-inside .classic-project .project-left .con {
		padding-top: 20px
	}
}

@media only all and (max-width: 768px) {
	.content .content-inside .classic-project .project-left .con {
		margin-left: -6%
	}
}

@media only all and (max-width: 414px) {
	.content .content-inside .classic-project .project-left .con {
		width: 120%;
		margin-left: -8%
	}
}

.content .content-inside .classic-project .project-left .con .con-item .swiper-parent {
	position: relative
}

.content .content-inside .classic-project .project-left .con .con-item .swiper-parent .swiper-container-item {
	-webkit-transform: skew(-15deg);
	-moz-transform: skew(-15deg);
	-ms-transform: skew(-15deg);
	-o-transform: skew(-15deg);
	transform: skew(0deg);
	display: none
}

.content .content-inside .classic-project .project-left .con .con-item .swiper-parent .swiper-container-item.active {
	display: block
}

.content .content-inside .classic-project .project-left .con .con-item .swiper-parent .swiper-container-item .swiper-slide {
	overflow: hidden;
	position: relative;
	display: inline-block;
	z-index: 1
}

.content .content-inside .classic-project .project-left .con .con-item .swiper-parent .swiper-container-item .swiper-slide .img {
	-webkit-transform: skew(15deg);
	-moz-transform: skew(15deg);
	-ms-transform: skew(15deg);
	-o-transform: skew(15deg);
	transform: skew(0deg);
	width: 122%;
	max-width: 122%;
	margin-left: -11%
}

.content .content-inside .classic-project .project-left .con .con-item .swiper-parent .swiper-container-item .swiper-slide .text {
	position: absolute;
	width: 92%;
	left: 4%;
	bottom: 20px;
	background-color: rgba(0, 0, 0, 0.7);
	padding-right: 20px;
	overflow: hidden;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s
}

@media only all and (max-width: 1024px) {
	.content .content-inside .classic-project .project-left .con .con-item .swiper-parent .swiper-container-item .swiper-slide .text {
		padding-right: 10px;
		bottom: 10px
	}
}

.content .content-inside .classic-project .project-left .con .con-item .swiper-parent .swiper-container-item .swiper-slide .text .text-con {
	-webkit-transform: skew(15deg);
	-moz-transform: skew(15deg);
	-ms-transform: skew(15deg);
	-o-transform: skew(15deg);
	transform: skew(0deg);
	color: #fff
}

.content .content-inside .classic-project .project-left .con .con-item .swiper-parent .swiper-container-item .swiper-slide .text .text-con .text-tit {
	border-bottom: 1px solid rgba(255, 255, 255, 0.5);
	padding-left: 28px;
	font-size: 18px;
	font-weight: bold;
	line-height: 24px;
	padding-top: 8px;
	padding-bottom: 8px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

@media only all and (max-width: 1024px) {
	.content .content-inside .classic-project .project-left .con .con-item .swiper-parent .swiper-container-item .swiper-slide .text .text-con .text-tit {
		font-size: 12px;
		line-height: 22px;
		padding-top: 5px;
		padding-bottom: 5px
	}
}

.content .content-inside .classic-project .project-left .con .con-item .swiper-parent .swiper-container-item .swiper-slide .text .text-con .text-detail {
	padding-left: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	overflow: hidden
}

.content .content-inside .classic-project .project-left .con .con-item .swiper-parent .swiper-container-item .swiper-slide .text .text-con .text-detail .detail-item {
	display: inline-block;
	font-size: 14px;
	width: 30%;
	vertical-align: top
}

@media only all and (max-width: 1440px) {
	.content .content-inside .classic-project .project-left .con .con-item .swiper-parent .swiper-container-item .swiper-slide .text .text-con .text-detail .detail-item {
		width: 36%
	}
}

.content .content-inside .classic-project .project-left .con .con-item .swiper-parent .swiper-container-item .swiper-slide .text .text-con .text-detail .detail-item:nth-child(1) {
	width:100%
}

@media only all and (max-width: 1440px) {
	.content .content-inside .classic-project .project-left .con .con-item .swiper-parent .swiper-container-item .swiper-slide .text .text-con .text-detail .detail-item:nth-child(1) {
		width: 60%
	}
}

.content .content-inside .classic-project .project-left .con .con-item .swiper-parent .swiper-container-item .swiper-slide .text .text-con .text-detail .detail-item span {
	font-size: 38px;
	font-family: 'PFDINTEXTPRO'
}

.content .content-inside .classic-project .project-left .con .con-item .swiper-parent .swiper-container-item .swiper-slide .text .text-con .text-detail .detail-item span.en {
	font-size: 18px
}

@media only all and (max-width: 1440px) {
	.content .content-inside .classic-project .project-left .con .con-item .swiper-parent .swiper-container-item .swiper-slide .text .text-con .text-detail .detail-item span {
		font-size: 30px
	}
}

@media only all and (max-width: 1024px) {
	.content .content-inside .classic-project .project-left .con .con-item .swiper-parent .swiper-container-item .swiper-slide .text .text-con .text-detail .detail-item span {
		font-size: 18px
	}
}

.content .content-inside .classic-project .project-left .con .con-item .swiper-parent .swiper-container-item .swiper-slide .text .text-con .text-detail .detail-item span i {
	font-size: 18px
}

@media only all and (max-width: 1024px) {
	.content .content-inside .classic-project .project-left .con .con-item .swiper-parent .swiper-container-item .swiper-slide .text .text-con .text-detail .detail-item span i {
		font-size: 12px
	}
}

.content .content-inside .classic-project .project-left .con .con-item .swiper-parent .swiper-container-item .swiper-slide.swiper-slide-active .text {
	background-color: rgba(4, 72, 120, 0.7)
}

.content .content-inside .classic-project .project-left .con .con-item .swiper-parent .swiper-button-prev-item {
	width: 70px;
	line-height: 60px;
	-webkit-transform: skew(-15deg);
	-moz-transform: skew(-15deg);
	-ms-transform: skew(-15deg);
	-o-transform: skew(-15deg);
	transform: skew(0deg);
	background-color: rgba(0, 0, 0, 0.5);
	text-align: center;
	display: inline-block;
	position: absolute;
	left: 32%;
	top: 50%;
	margin-top: -30px;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
	z-index: 2;
	cursor: pointer;
	display: none
}

@media only all and (max-width: 1024px) {
	.content .content-inside .classic-project .project-left .con .con-item .swiper-parent .swiper-button-prev-item {
		width: 50px;
		line-height: 40px;
		margin-top: -20px
	}
}

@media only all and (max-width: 768px) {
	.content .content-inside .classic-project .project-left .con .con-item .swiper-parent .swiper-button-prev-item {
		left: 23%
	}
}

@media only all and (max-width: 414px) {
	.content .content-inside .classic-project .project-left .con .con-item .swiper-parent .swiper-button-prev-item {
		left: 13%
	}
}

.content .content-inside .classic-project .project-left .con .con-item .swiper-parent .swiper-button-prev-item.active {
	display: block
}

.content .content-inside .classic-project .project-left .con .con-item .swiper-parent .swiper-button-prev-item:before {
	content: "";
	position: absolute;
	z-index: 0;
	left: 0px;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: #96c14d;
	-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-o-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition: -webkit-transform 0.6s cubic-bezier(0.86, 0, 0.07, 1);
	transition: -webkit-transform 0.6s cubic-bezier(0.86, 0, 0.07, 1);
	-o-transition: -o-transform 0.6s cubic-bezier(0.86, 0, 0.07, 1);
	-moz-transition: transform 0.6s cubic-bezier(0.86, 0, 0.07, 1), -moz-transform 0.6s cubic-bezier(0.86, 0, 0.07, 1);
	transition: transform 0.6s cubic-bezier(0.86, 0, 0.07, 1);
	transition: transform 0.6s cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 0.6s cubic-bezier(0.86, 0, 0.07, 1), -moz-transform 0.6s cubic-bezier(0.86, 0, 0.07, 1), -o-transform 0.6s cubic-bezier(0.86, 0, 0.07, 1);
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	transform-origin: 0 0
}

.content .content-inside .classic-project .project-left .con .con-item .swiper-parent .swiper-button-prev-item .more-con {
	-webkit-transform: skew(15deg);
	-moz-transform: skew(15deg);
	-ms-transform: skew(15deg);
	-o-transform: skew(15deg);
	transform: skew(0deg)
}

.content .content-inside .classic-project .project-left .con .con-item .swiper-parent .swiper-button-prev-item .more-con .more-arrow {
	width: 15px;
	display: inline-block;
	vertical-align: middle
}

.content .content-inside .classic-project .project-left .con .con-item .swiper-parent .swiper-button-prev-item:hover {
	border-color: #96c14d
}

.content .content-inside .classic-project .project-left .con .con-item .swiper-parent .swiper-button-prev-item:hover:before {
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-o-transform: scaleX(1);
	transform: scaleX(1)
}

.content .content-inside .classic-project .project-left .con .con-item .swiper-parent .swiper-button-next-item {
	width: 70px;
	line-height: 60px;
	-webkit-transform: skew(-15deg);
	-moz-transform: skew(-15deg);
	-ms-transform: skew(-15deg);
	-o-transform: skew(-15deg);
	transform: skew(0deg);
	background-color: rgba(0, 0, 0, 0.5);
	text-align: center;
	display: inline-block;
	margin-top: 35px;
	position: absolute;
	left: auto;
	right: -2.5%;
	right: 31.7%;
	top: 50%;
	margin-top: -30px;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
	z-index: 2;
	cursor: pointer;
	display: none
}

@media only all and (max-width: 1024px) {
	.content .content-inside .classic-project .project-left .con .con-item .swiper-parent .swiper-button-next-item {
		width: 50px;
		line-height: 40px;
		margin-top: -20px
	}
}

@media only all and (max-width: 768px) {
	.content .content-inside .classic-project .project-left .con .con-item .swiper-parent .swiper-button-next-item {
		right: 23%
	}
}

@media only all and (max-width: 414px) {
	.content .content-inside .classic-project .project-left .con .con-item .swiper-parent .swiper-button-next-item {
		right: 13%
	}
}

.content .content-inside .classic-project .project-left .con .con-item .swiper-parent .swiper-button-next-item.active {
	display: block
}

.content .content-inside .classic-project .project-left .con .con-item .swiper-parent .swiper-button-next-item:before {
	content: "";
	position: absolute;
	z-index: 0;
	left: 0px;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: #96c14d;
	-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-o-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition: -webkit-transform 0.6s cubic-bezier(0.86, 0, 0.07, 1);
	transition: -webkit-transform 0.6s cubic-bezier(0.86, 0, 0.07, 1);
	-o-transition: -o-transform 0.6s cubic-bezier(0.86, 0, 0.07, 1);
	-moz-transition: transform 0.6s cubic-bezier(0.86, 0, 0.07, 1), -moz-transform 0.6s cubic-bezier(0.86, 0, 0.07, 1);
	transition: transform 0.6s cubic-bezier(0.86, 0, 0.07, 1);
	transition: transform 0.6s cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 0.6s cubic-bezier(0.86, 0, 0.07, 1), -moz-transform 0.6s cubic-bezier(0.86, 0, 0.07, 1), -o-transform 0.6s cubic-bezier(0.86, 0, 0.07, 1);
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	transform-origin: 0 0
}

.content .content-inside .classic-project .project-left .con .con-item .swiper-parent .swiper-button-next-item .more-con {
	-webkit-transform: skew(15deg);
	-moz-transform: skew(15deg);
	-ms-transform: skew(15deg);
	-o-transform: skew(15deg);
	transform: skew(0deg)
}

.content .content-inside .classic-project .project-left .con .con-item .swiper-parent .swiper-button-next-item .more-con .more-arrow {
	width: 15px;
	display: inline-block;
	vertical-align: middle
}

.content .content-inside .classic-project .project-left .con .con-item .swiper-parent .swiper-button-next-item:hover {
	border-color: #96c14d
}

.content .content-inside .classic-project .project-left .con .con-item .swiper-parent .swiper-button-next-item:hover:before {
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-o-transform: scaleX(1);
	transform: scaleX(1)
}

.content .content-inside .classic-project .project-left .con .con-item .more {
	width: 160px;
	line-height: 60px;
	border: 1px solid #96c14d;
	-webkit-transform: skew(-15deg);
	-moz-transform: skew(-15deg);
	-ms-transform: skew(-15deg);
	-o-transform: skew(-15deg);
	transform: skew(0deg);
	text-align: center;
	display: inline-block;
	position: relative;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
	margin-left: 25%;
	margin-top: 40px;
	display: none;
	/*border-radius: 50px;*/
}

@media only all and (max-width: 1440px) {
	.content .content-inside .classic-project .project-left .con .con-item .more {
		margin-top: 40px
	}
}

@media only all and (max-width: 1024px) {
	.content .content-inside .classic-project .project-left .con .con-item .more {
		width: 130px;
		line-height: 40px;
		margin-top: 30px
	}
}

.content .content-inside .classic-project .project-left .con .con-item .more.active {
	display: block
}

@media only all and (max-width: 768px) {
	.content .content-inside .classic-project .project-left .con .con-item .more.active {
		display: none
	}
}

.content .content-inside .classic-project .project-left .con .con-item .more:before {
	content: "";
	position: absolute;
	z-index: 0;
	left: 0px;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: #96c14d;
	-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-o-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition: -webkit-transform 0.6s cubic-bezier(0.86, 0, 0.07, 1);
	transition: -webkit-transform 0.6s cubic-bezier(0.86, 0, 0.07, 1);
	-o-transition: -o-transform 0.6s cubic-bezier(0.86, 0, 0.07, 1);
	-moz-transition: transform 0.6s cubic-bezier(0.86, 0, 0.07, 1), -moz-transform 0.6s cubic-bezier(0.86, 0, 0.07, 1);
	transition: transform 0.6s cubic-bezier(0.86, 0, 0.07, 1);
	transition: transform 0.6s cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 0.6s cubic-bezier(0.86, 0, 0.07, 1), -moz-transform 0.6s cubic-bezier(0.86, 0, 0.07, 1), -o-transform 0.6s cubic-bezier(0.86, 0, 0.07, 1);
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	transform-origin: 0 0;
	/*border-radius: 50px;*/
}

.content .content-inside .classic-project .project-left .con .con-item .more .more-con {
	-webkit-transform: skew(15deg);
	-moz-transform: skew(15deg);
	-ms-transform: skew(15deg);
	-o-transform: skew(15deg);
	transform: skew(0deg);
	
}

.content .content-inside .classic-project .project-left .con .con-item .more .more-con span {
	font-size: 14px;
	color: #96c14d;
	display: inline-block;
	vertical-align: middle;
	margin-right: 28px;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s
}

@media only all and (max-width: 1024px) {
	.content .content-inside .classic-project .project-left .con .con-item .more .more-con span {
		font-size: 12px;
		margin-right: 15px
	}
}

.content .content-inside .classic-project .project-left .con .con-item .more .more-con .arrow-parent {
	width: 15px;
	height: 10px;
	display: inline-block;
	vertical-align: middle;
	position: relative
}

.content .content-inside .classic-project .project-left .con .con-item .more .more-con .arrow-parent img {
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s
}

.content .content-inside .classic-project .project-left .con .con-item .more .more-con .arrow-parent img.more-arrow {
	opacity: 0
}

.content .content-inside .classic-project .project-left .con .con-item .more .more-con .arrow-parent img.more-arrow-hover {
	opacity: 1
}

.content .content-inside .classic-project .project-left .con .con-item .more:hover:before {
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-o-transform: scaleX(1);
	transform: scaleX(1);
	/*border-radius: 50px;*/
	color: #fff;

}













.content .content-inside .classic-project .project-left .con .con-item .more:hover .more-con span {
	color: #fff
}

.content .content-inside .classic-project .project-left .con .con-item .more:hover .more-con .arrow-parent img.more-arrow {
	opacity: 1
}

.content .content-inside .classic-project .project-left .con .con-item .more:hover .more-con .arrow-parent img.more-arrow-hover {
	opacity: 0
}

.content .content-inside .classic-project .project-right {
	font-size: 12px;
	width: 39%;
	display: inline-block;
	vertical-align: top;
	height: 680px;
	margin-left: -4.6%;
	background-color: #fff;
	overflow: hidden;
	position: relative
}

@media only all and (max-width: 1600px) {
	.content .content-inside .classic-project .project-right {
		height: 660px
	}
}

@media only all and (max-width: 1440px) {
	.content .content-inside .classic-project .project-right {
		height: 590px
	}
}

@media only all and (max-width: 1366px) {
	.content .content-inside .classic-project .project-right {
		height: 567px
	}
}

@media only all and (max-width: 1280px) {
	.content .content-inside .classic-project .project-right {
		height: 530px
	}
}

@media only all and (max-width: 1024px) {
	.content .content-inside .classic-project .project-right {
		height: 420px
	}
}

@media only all and (max-width: 768px) {
	.content .content-inside .classic-project .project-right {
		display: none
	}
}

.content .content-inside .classic-project .project-right .hollow-out {
	position: absolute;
	top: 0;
	left: 0;
	width: 80%;
	z-index: 1
}

@media only all and (max-width: 1600px) {
	.content .content-inside .classic-project .project-right .hollow-out {
		width: 65%
	}
}

.content .content-inside .classic-project .project-right .hollow-out .img {
	width: 100%;
	position: relative;
	z-index: 1
}

.content .content-inside .classic-project .project-right .hollow-out .shadow {
	content: "";
	position: absolute;
	z-index: 0;
	left: 0px;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: rgba(4, 72, 100, 0.7);
	-webkit-transform: skew(-15deg);
	-moz-transform: skew(-15deg);
	-ms-transform: skew(-15deg);
	-o-transform: skew(-15deg);
	transform: skew(-15deg);
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	transform-origin: 0 0
}

.content .content-inside .classic-project .project-right .bg-item {
	border-radius: 0 0 140px 0;
	width: 100%;
	height: 100%
}

.content .content-inside .classic-project .project-right .bg-item .item {
	width: 100%;
	height: 100%;
	display: none
}

.content .content-inside .classic-project .project-right .bg-item .item.active {
	display: block
}

.content .content-inside .classic-project .project-right .bg-item .item .item-con {
	/*border-radius: 0 0 140px 0;*/
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	-o-background-size: cover;
	background-size: cover;
	background-position: center;
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s
}

.content .content-inside .classic-project .project-right .bg-item .item .item-con.active {
	opacity: 1
}

.content .content-inside .technologyAndNew {
	/*margin-top: 80px;
	margin-bottom: 80px*/
}

@media only all and (max-width: 414px) {
	.content .content-inside .technologyAndNew .technology .swiper10 {
	    border-radius: 0 !important;
	    position: relative;}
	.content .content-inside .technologyAndNew {
		margin-top: 50px;
		border-radius:0;
		margin-bottom: 0px !important;
	}
}

.content .content-inside .technologyAndNew .technology {
	
	width: 58%;
	display: inline-block;
	vertical-align: middle
}

@media only all and (max-width: 768px) {
	.content .content-inside .technologyAndNew .technology {
		width: 100%;
		border-radius:0
	}
}

.content .content-inside .technologyAndNew .technology .swiper10 {
	/*border-radius: 140px 0 0 0;*/
	position: relative
}

.content .content-inside .technologyAndNew .technology .swiper10:before {
	
	position: absolute;
	content: "";
	width: 0;
	height: 0;
	
	/*border-bottom: 760px solid #fff;border-left: 190px solid transparent;*/
	right: 0;
	z-index: 3
}

@media only all and (max-width: 768px) {
	.content .content-inside .technologyAndNew .technology .swiper10:before {
		display: none
	}
}

.content .content-inside .technologyAndNew .technology .swiper10 .commit-tit {
	position: absolute;
	z-index: 2;
	color: #333;
	left: 85px;
	top: 80px
}

@media only all and (max-width: 1440px) {
	.content .content-inside .technologyAndNew .technology .swiper10 .commit-tit {
		top: 40px
	}
}

@media only all and (max-width: 1280px) {
	.content .content-inside .technologyAndNew .technology .swiper10 .commit-tit {
		left: 56px
	}
}

@media only all and (max-width: 414px) {
	.content .content-inside .technologyAndNew .technology .swiper10 .commit-tit {
		left:0px;
		font-size: 20px;
	}
}

.content .content-inside .technologyAndNew .technology .swiper10 .swiper-slide {
	/*height: 760px;*/
	height: 800px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	box-sizing: border-box;
	padding-left: 100px;
	padding-top: 250px
}

@media only all and (max-width: 1440px) {
	.content .content-inside .technologyAndNew .technology .swiper10 .swiper-slide {
		height: 570px;
		padding-left: 116px;
		padding-top: 200px
	}
}

@media only all and (max-width: 1280px) {
	.content .content-inside .technologyAndNew .technology .swiper10 .swiper-slide {
		padding-left: 56px
	}
}

@media only all and (max-width: 1024px) {
	.content .content-inside .technologyAndNew .technology .swiper10 .swiper-slide {
		
		height: 500px;
		padding-top: 100px;
		padding-left: 80px;
	}
	.content .content-inside .technologyAndNew .technology .swiper10 .swiper-slide {
	    height: 360px;
	    padding-top: 100px;
	    padding-left: 80px;
	}
}

@media only all and (max-width: 414px) {
	.content .content-inside .technologyAndNew .technology .swiper10 .swiper-slide {
		padding-left:6%;
		height: 300px;
		padding-top:90px
	}

	.content .content-inside .technologyAndNew .technology .swiper10 .swiper-slide .info .theme a{font-size:16px !important; line-height:22px !important; color:#333 !important;}
	.content .content-inside .technologyAndNew .tradeNews .commit-tit{font-size:20px !important}
	.content .content-inside .introduct1 .introduct1-con .text .detail{font-weight:normal !important}
	.content .content-inside .introduct2 .text .text-con{font-weight:normal !important}
}

.content .content-inside .technologyAndNew .technology .swiper10 .swiper-slide .info {
	width: 60%;
	position: relative;
	z-index: 1;
	
}

@media only all and (max-width: 414px) {
	.content .content-inside .technologyAndNew .technology .swiper10 .swiper-slide .info {
		width: 90%
	}
}

.content .content-inside .technologyAndNew .technology .swiper10 .swiper-slide .info .number {
	font-size: 16px;
	line-height: 1;
	color: #999
}

@media only all and (max-width: 1024px) {
	.content .content-inside .technologyAndNew .technology .swiper10 .swiper-slide .info .number {
		font-size: 14px
	}
}

.content .content-inside .technologyAndNew .technology .swiper10 .swiper-slide .info .date {
	font-size: 16px;
	line-height: 1;
	color: #666;
	margin-top: 28px;
	font-family: 'PFDINTEXTPRO';
	font-weight: bold
}

@media only all and (max-width: 1024px) {
	.content .content-inside .technologyAndNew .technology .swiper10 .swiper-slide .info .date {
		font-size: 14px;
		margin-top: 15px
	}
}

.content .content-inside .technologyAndNew .technology .swiper10 .swiper-slide .info .time {
	font-size: 28px;
	line-height: 40px;
	color: #666;
	font-family: 'PFDINTEXTPRO';
	font-weight: bold
}

@media only all and (max-width: 1024px) {
	.content .content-inside .technologyAndNew .technology .swiper10 .swiper-slide .info .time {
		font-size: 20px;
		line-height: 30px
	}
}

.content .content-inside .technologyAndNew .technology .swiper10 .swiper-slide .info .theme {
	font-size: 38px;
	line-height: 50px;
	color: #333;
	margin: 40px 0;
}
.content .content-inside .technologyAndNew .technology .swiper10 .swiper-slide .info .theme a {
	text-decoration: none;
	color: #333;
}
.content .content-inside .technologyAndNew .technology .swiper10 .swiper-slide .info .theme a:hover {
	text-decoration: none;
	color: #8fc055;
}
@media only all and (max-width: 1440px) {
	.content .content-inside .technologyAndNew .technology .swiper10 .swiper-slide .info .theme {
		font-size: 30px
	}
}

@media only all and (max-width: 1024px) {
	.content .content-inside .technologyAndNew .technology .swiper10 .swiper-slide .info .theme {
		font-size: 20px;
		line-height: 30px;
		margin-top: 0
	}
}

.content .content-inside .technologyAndNew .technology .swiper10 .swiper-slide .rectangle-bg1 {
	width: 288px;
	position: absolute;
	left: 0;
	top: 22%
}

@media only all and (max-width: 1440px) {
	.content .content-inside .technologyAndNew .technology .swiper10 .swiper-slide .rectangle-bg1 {
		top: 26%
	}
}

@media only all and (max-width: 1024px) {
	.content .content-inside .technologyAndNew .technology .swiper10 .swiper-slide .rectangle-bg1 {
		width: 220px
	}
}

.content .content-inside .technologyAndNew .technology .swiper10 .swiper-button-next10 {
	width: 70px;
	line-height: 60px;
	border: 1px solid #96c14d;
	-webkit-transform: skew(-15deg);
	-moz-transform: skew(-15deg);
	-ms-transform: skew(-15deg);
	-o-transform: skew(-15deg);
	transform: skew(0deg);
	text-align: center;
	display: inline-block;
	margin-top: 35px;
	position: absolute;
	left: 100px;
	bottom: 15%;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
	z-index: 2;
	cursor: pointer;
	
}

@media only all and (max-width: 1440px) {
	.content .content-inside .technologyAndNew .technology .swiper10 .swiper-button-next10 {
		bottom: 12%
	}
}

@media only all and (max-width: 1280px) {
	.content .content-inside .technologyAndNew .technology .swiper10 .swiper-button-next10 {
		left: 56px
	}
}

@media only all and (max-width: 1024px) {
	.content .content-inside .technologyAndNew .technology .swiper10 .swiper-button-next10 {
		width: 50px;
		line-height: 40px;
		left: 80px;
		bottom: 18%
	}
	.content .content-inside .technologyAndNew .technology {
	    width: 100%;
	    border-radius: 0; 
	}
	
}

@media only all and (max-width: 414px) {
	.content .content-inside .technologyAndNew .technology .swiper10 .swiper-button-next10 {
		bottom: 5%;
		left:6%
	}
}

.content .content-inside .technologyAndNew .technology .swiper10 .swiper-button-next10:before {
	content: "";
	position: absolute;
	z-index: 0;
	left: 0px;
	right: 0;
	top: 0;
	bottom: 0;
	/*background-color: #fff;*/
	-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-o-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition: -webkit-transform 0.6s cubic-bezier(0.86, 0, 0.07, 1);
	transition: -webkit-transform 0.6s cubic-bezier(0.86, 0, 0.07, 1);
	-o-transition: -o-transform 0.6s cubic-bezier(0.86, 0, 0.07, 1);
	-moz-transition: transform 0.6s cubic-bezier(0.86, 0, 0.07, 1), -moz-transform 0.6s cubic-bezier(0.86, 0, 0.07, 1);
	transition: transform 0.6s cubic-bezier(0.86, 0, 0.07, 1);
	transition: transform 0.6s cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 0.6s cubic-bezier(0.86, 0, 0.07, 1), -moz-transform 0.6s cubic-bezier(0.86, 0, 0.07, 1), -o-transform 0.6s cubic-bezier(0.86, 0, 0.07, 1);
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	transform-origin: 0 0
}

.content .content-inside .technologyAndNew .technology .swiper10 .swiper-button-next10 .more-con {
	-webkit-transform: skew(15deg);
	-moz-transform: skew(15deg);
	-ms-transform: skew(15deg);
	-o-transform: skew(15deg);
	transform: skew(0deg)
}

.content .content-inside .technologyAndNew .technology .swiper10 .swiper-button-next10 .more-con .more-arrow {
	width: 15px;
	display: inline-block;
	vertical-align: middle
}

.content .content-inside .technologyAndNew .technology .swiper10 .swiper-button-next10:hover {
	border-color: #96c14d;
	
}

.content .content-inside .technologyAndNew .technology .swiper10 .swiper-button-next10:hover:before {
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-o-transform: scaleX(1);
	transform: scaleX(1)
}

.content .content-inside .technologyAndNew .tradeNews {
	width: 46.9%;
	display: inline-block;
	vertical-align: top;
	margin-left: -14.8%;
	padding-top: 80px;
	position: relative;
	z-index: 2
}

@media only all and (max-width: 1440px) {
	.content .content-inside .technologyAndNew .tradeNews {
		padding-top: 40px
	}
}

@media only all and (max-width: 768px) {
	.content .content-inside .technologyAndNew .tradeNews {
		width: 100%;
		margin-left: 0;
		padding-left: 10px;
		padding-right: 10px;
		background-color: #f2f2f2;
		padding-bottom: 40px
	}
}

.content .content-inside .technologyAndNew .tradeNews .commit-tit {
	color: #333
}

@media only all and (max-width: 768px) {
	.content .content-inside .technologyAndNew .tradeNews .commit-tit {
		color: #333
	}
}

.content .content-inside .technologyAndNew .tradeNews .tradeNews-con {
	margin-top: 56px
}

@media only all and (max-width: 1024px) {
	.content .content-inside .technologyAndNew .tradeNews .tradeNews-con {
		margin-top: 30px
	}
}

.content .content-inside .technologyAndNew .tradeNews .tradeNews-con .item {
	display: block;
	border-bottom: 1px solid #c4c4c4;
	margin-bottom: 40px;
	padding-bottom: 40px
}

@media only all and (max-width: 1024px) {
	.content .content-inside .technologyAndNew .tradeNews .tradeNews-con .item {
		margin-bottom: 30px;
		padding-bottom: 30px
	}
}

.content .content-inside .technologyAndNew .tradeNews .tradeNews-con .item:last-child {
	border: none;
	margin-bottom: 0
}

.content .content-inside .technologyAndNew .tradeNews .tradeNews-con .item .img {
	overflow: hidden;
	width: 40%;
	position: relative;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	-ms-transition: all 0.4s;
	transition: all 0.4s
}

@media only all and (max-width: 414px) {
	.content .content-inside .technologyAndNew .tradeNews .tradeNews-con .item .img {
		width: 44%
	}
}

.content .content-inside .technologyAndNew .tradeNews .tradeNews-con .item .img:before {
	position: absolute;
	content: "";
	width: 80px;
	height: 102%;
	background-color: rgba(4, 72, 100, 0.8);
	right: -53px;
	top: 0;
	-webkit-transform: skew(-15deg);
	-moz-transform: skew(-15deg);
	-ms-transform: skew(-15deg);
	-o-transform: skew(-15deg);
	transform: skew(0deg);
	-webkit-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	z-index: 2
}

@media only all and (max-width: 1600px) {
	.content .content-inside .technologyAndNew .tradeNews .tradeNews-con .item .img:before {
		right: -55px
	}
}

@media only all and (max-width: 1440px) {
	.content .content-inside .technologyAndNew .tradeNews .tradeNews-con .item .img:before {
		right: -59px
	}
}

@media only all and (max-width: 1366px) {
	.content .content-inside .technologyAndNew .tradeNews .tradeNews-con .item .img:before {
		right: -60px
	}
}

.content .content-inside .technologyAndNew .tradeNews .tradeNews-con .item .img .img-con {
	width: 100%
}

.content .content-inside .technologyAndNew .tradeNews .tradeNews-con .item .text {
	width: 53.3%;
	padding-top: 20px
}

@media only all and (max-width: 1440px) {
	.content .content-inside .technologyAndNew .tradeNews .tradeNews-con .item .text {
		padding-top: 0
	}
}

.content .content-inside .technologyAndNew .tradeNews .tradeNews-con .item .text .date {
	font-size: 16px;
	line-height: 1;
	color: #999;
	font-family: 'PFDINTEXTPRO';
	margin-bottom: 11px;
	font-weight: bold;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	-ms-transition: all 0.4s;
	transition: all 0.4s
}

@media only all and (max-width: 1024px) {
	.content .content-inside .technologyAndNew .tradeNews .tradeNews-con .item .text .date {
		font-size: 14px;
		margin-bottom: 5px
	}
}

.content .content-inside .technologyAndNew .tradeNews .tradeNews-con .item .text .introduct {
	font-size: 22px;
	line-height: 30px;
	height: 60px;
	color: #333;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-break: break-all;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	-ms-transition: all 0.4s;
	transition: all 0.4s
}

@media only all and (max-width: 1024px) {
	.content .content-inside .technologyAndNew .tradeNews .tradeNews-con .item .text .introduct {
		font-size: 14px;
		line-height: 24px;
		height: 48px
	}
}

@media only all and (max-width: 414px) {
	.content .content-inside .technologyAndNew .tradeNews .tradeNews-con .item .text .introduct {
		font-size: 14px;
		line-height: 22px;
		height: 44px
	}
	.content .content-inside .technologyAndNew .tradeNews .commit-tit{padding-left:0px}
	.content .content-inside .classic-project .project-left .tit .commit-tit{padding-left:0px; font-size:20px}
}

.content .content-inside .technologyAndNew .tradeNews .tradeNews-con .item .text .read-more {
	margin-top: 50px
}

@media only all and (max-width: 1440px) {
	.content .content-inside .technologyAndNew .tradeNews .tradeNews-con .item .text .read-more {
		margin-top: 20px
	}
}

@media only all and (max-width: 1024px) {
	.content .content-inside .technologyAndNew .tradeNews .tradeNews-con .item .text .read-more {
		margin-top: 10px
	}
}

@media only all and (max-width: 414px) {
	.content .content-inside .technologyAndNew .tradeNews .tradeNews-con .item .text .read-more {
		margin-top: 5px
	}
}

.content .content-inside .technologyAndNew .tradeNews .tradeNews-con .item .text .read-more span {
	font-size: 14px;
	line-height: 25px;
	color: #044864;
	display: inline-block;
	vertical-align: middle;
	margin-right: 6px
}

.content .content-inside .technologyAndNew .tradeNews .tradeNews-con .item .text .read-more .icon {
	width: 25px;
	display: inline-block;
	vertical-align: middle;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out
}

.content .content-inside .technologyAndNew .tradeNews .tradeNews-con .item:hover .img {
	-webkit-transform: translateX(15px);
	-moz-transform: translateX(15px);
	-o-transform: translateX(15px);
	-ms-transform: translateX(15px);
	transform: translateX(15px)
}

@media only all and (max-width: 768px) {
	.content .content-inside .technologyAndNew .tradeNews .tradeNews-con .item:hover .img {
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-o-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0)
	}
}

.content .content-inside .technologyAndNew .tradeNews .tradeNews-con .item:hover .img:before {
	right: -120px
}

.content .content-inside .technologyAndNew .tradeNews .tradeNews-con .item:hover .text .date,
.content .content-inside .technologyAndNew .tradeNews .tradeNews-con .item:hover .text .introduct {
	color: #8fc055
}

.content .content-inside .technologyAndNew .tradeNews .tradeNews-con .item:hover .text .read-more .icon {
	-webkit-transform: translateX(10px);
	-moz-transform: translateX(10px);
	-ms-transform: translateX(10px);
	-o-transform: translateX(10px);
	transform: translateX(10px)
}

.content .content-inside .technologyAndNew .tradeNews .more-parent {
	text-align: right;
	color: #fff;
}

@media only all and (max-width: 768px) {
	.content .content-inside .technologyAndNew .tradeNews .more-parent {
		text-align: center
	}
}

.content .content-inside .technologyAndNew .tradeNews .more-parent .more {
	color: #fff;
	width: 160px;
	line-height: 60px;
	border: 1px solid #96c14d;
	-webkit-transform: skew(-15deg);
	-moz-transform: skew(-15deg);
	-ms-transform: skew(-15deg);
	-o-transform: skew(-15deg);
	transform: skew(0deg);
	/*border-radius: 50px;*/
	text-align: center;
	display: inline-block;
	position: relative;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s
}

@media only all and (max-width: 1024px) {
	.content .content-inside .technologyAndNew .tradeNews .more-parent .more {
		width: 130px;
		line-height: 40px
	}
	
.text-con a {
    display: block;
    width: 130px;
    line-height: 47px;
    border: 1px solid #96c14d;
    text-align: center;
    transition: all 0.5s;
    margin-left: 0%;
    margin-top: 40px;
    display: block;
    /*border-radius: 50px;*/
    color: #96c14d;
    font-size: 14px;

}
.content .content-inside .technologyAndNew .tradeNews .more-parent .more:hover {color: #fff;}

.content .content-inside .technologyAndNew .tradeNews .more-parent .more:before {
	/*border-radius: 50px;*/
	content: "";
	position: absolute;
	z-index: 0;
	left: 0px;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: #96c14d;
	-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-o-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition: -webkit-transform 0.6s cubic-bezier(0.86, 0, 0.07, 1);
	transition: -webkit-transform 0.6s cubic-bezier(0.86, 0, 0.07, 1);
	-o-transition: -o-transform 0.6s cubic-bezier(0.86, 0, 0.07, 1);
	-moz-transition: transform 0.6s cubic-bezier(0.86, 0, 0.07, 1), -moz-transform 0.6s cubic-bezier(0.86, 0, 0.07, 1);
	transition: transform 0.6s cubic-bezier(0.86, 0, 0.07, 1);
	transition: transform 0.6s cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 0.6s cubic-bezier(0.86, 0, 0.07, 1), -moz-transform 0.6s cubic-bezier(0.86, 0, 0.07, 1), -o-transform 0.6s cubic-bezier(0.86, 0, 0.07, 1);
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	transform-origin: 0 0
}

.content .content-inside .technologyAndNew .tradeNews .more-parent .more .more-con {
	-webkit-transform: skew(0deg);
	-moz-transform: skew(15deg);
	-ms-transform: skew(15deg);
	-o-transform: skew(15deg);
	transform: skew(0deg)
	/*border-radius: 50px;*/
	color: #fff;
}

.content .content-inside .technologyAndNew .tradeNews .more-parent .more .more-con span {
	font-size: 14px;
	color: #96c14d;
	display: inline-block;
	vertical-align: middle;
	margin-right: 28px;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
	
}

@media only all and (max-width: 1024px) {
	.content .content-inside .technologyAndNew .tradeNews .more-parent .more .more-con span {
		font-size: 12px;
		margin-right: 15px
	}
}

.content .content-inside .technologyAndNew .tradeNews .more-parent .more .more-con .arrow-parent {
	width: 15px;
	height: 10px;
	display: inline-block;
	vertical-align: middle;
	position: relative
}

.content .content-inside .technologyAndNew .tradeNews .more-parent .more .more-con .arrow-parent img {
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s
}

.content .content-inside .technologyAndNew .tradeNews .more-parent .more .more-con .arrow-parent img.more-arrow {
	opacity: 0
}

.content .content-inside .technologyAndNew .tradeNews .more-parent .more .more-con .arrow-parent img.more-arrow-hover {
	opacity: 1
}

.content .content-inside .technologyAndNew .tradeNews .more-parent .more:hover:before {
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-o-transform: scaleX(1);
	transform: scaleX(1)
}

.content .content-inside .technologyAndNew .tradeNews .more-parent .more:hover .more-con span {
	color: #fff
}

.content .content-inside .technologyAndNew .tradeNews .more-parent .more:hover .more-con .arrow-parent img.more-arrow {
	opacity: 1
}

.content .content-inside .technologyAndNew .tradeNews .more-parent .more:hover .more-con .arrow-parent img.more-arrow-hover {
	opacity: 0
}

.content .content-inside .market {
	padding-top: 120px
}

@media only all and (max-width: 1440px) {
	.content .content-inside .market {
		padding-top: 80px
	}
}

@media only all and (max-width: 414px) {
	.content .content-inside .market {
		padding-top: 50px
	}
}

.content .content-inside .market .commit-tit {
	margin-left: 130px;
	margin-left: 6.8%
}

@media only all and (max-width: 768px) {
	.content .content-inside .market .commit-tit {
		margin-left: 10px
	}
}

.content .content-inside .market .market-con {
	margin-top: 44px;
	position: relative
}

@media only all and (max-width: 768px) {
	.content .content-inside .market .market-con {
		display: none
	}
}

.content .content-inside .market .market-con .market-bg {
	width: 100%
}

.content .content-inside .market .market-con .help {
	width: 42%;
	position: absolute;
	right: 0;
	top: -80px;
	z-index: 2
}

@media only all and (max-width: 1440px) {
	.content .content-inside .market .market-con .help {
		width: 35%;
		top: -50px
	}
}

.content .content-inside .market .market-con .help .help-bg {
	width: 100%
}

.content .content-inside .market .market-con .help .help-con {
	position: absolute;
	top: 33%;
	left: 21%
}

@media only all and (max-width: 1440px) {
	.content .content-inside .market .market-con .help .help-con {
		top: 28%;
		left: 16%
	}
}

@media only all and (max-width: 1024px) {
	.content .content-inside .market .market-con .help .help-con {
		top: 23%
	}
}

.content .content-inside .market .market-con .help .help-con .text {
	font-size: 38px;
	line-height: 40px;
	color: #fff
}

@media only all and (max-width: 1440px) {
	.content .content-inside .market .market-con .help .help-con .text {
		font-size: 30px
	}
}

@media only all and (max-width: 1280px) {
	.content .content-inside .market .market-con .help .help-con .text {
		font-size: 28px
	}
}

@media only all and (max-width: 1024px) {
	.content .content-inside .market .market-con .help .help-con .text {
		font-size: 16px
	}
}

.content .content-inside .market .market-con .help .help-con .more {
	width: 210px;
	line-height: 60px;
	border: 1px solid #fff;
	-webkit-transform: skew(-15deg);
	-moz-transform: skew(-15deg);
	-ms-transform: skew(-15deg);
	-o-transform: skew(-15deg);
	transform: skew(0deg);
	text-align: center;
	display: inline-block;
	margin-top: 59px;
	position: relative;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s
}

@media only all and (max-width: 1440px) {
	.content .content-inside .market .market-con .help .help-con .more {
		margin-top: 30px
	}
}

@media only all and (max-width: 1024px) {
	.content .content-inside .market .market-con .help .help-con .more {
		width: 130px;
		line-height: 40px;
		margin-top: 20px
	}
}

.content .content-inside .market .market-con .help .help-con .more:before {
	content: "";
	position: absolute;
	z-index: 0;
	left: 0px;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: #fff;
	-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-o-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition: -webkit-transform 0.6s cubic-bezier(0.86, 0, 0.07, 1);
	transition: -webkit-transform 0.6s cubic-bezier(0.86, 0, 0.07, 1);
	-o-transition: -o-transform 0.6s cubic-bezier(0.86, 0, 0.07, 1);
	-moz-transition: transform 0.6s cubic-bezier(0.86, 0, 0.07, 1), -moz-transform 0.6s cubic-bezier(0.86, 0, 0.07, 1);
	transition: transform 0.6s cubic-bezier(0.86, 0, 0.07, 1);
	transition: transform 0.6s cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 0.6s cubic-bezier(0.86, 0, 0.07, 1), -moz-transform 0.6s cubic-bezier(0.86, 0, 0.07, 1), -o-transform 0.6s cubic-bezier(0.86, 0, 0.07, 1);
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	transform-origin: 0 0
}

.content .content-inside .market .market-con .help .help-con .more .more-con {
	-webkit-transform: skew(15deg);
	-moz-transform: skew(15deg);
	-ms-transform: skew(15deg);
	-o-transform: skew(15deg);
	transform: skew(0deg)
}

.content .content-inside .market .market-con .help .help-con .more .more-con span {
	font-size: 14px;
	color: #fff;
	display: inline-block;
	vertical-align: middle;
	margin-right: 28px;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s
}

@media only all and (max-width: 1024px) {
	.content .content-inside .market .market-con .help .help-con .more .more-con span {
		font-size: 12px;
		margin-right: 15px
	}
}

.content .content-inside .market .market-con .help .help-con .more .more-con .arrow-parent {
	width: 15px;
	height: 10px;
	display: inline-block;
	vertical-align: middle;
	position: relative
}

.content .content-inside .market .market-con .help .help-con .more .more-con .arrow-parent img {
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s
}

.content .content-inside .market .market-con .help .help-con .more .more-con .arrow-parent img.more-arrow-hover {
	opacity: 0
}

.content .content-inside .market .market-con .help .help-con .more:hover {
	border-color: #fff
}

.content .content-inside .market .market-con .help .help-con .more:hover:before {
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-o-transform: scaleX(1);
	transform: scaleX(1)
}

.content .content-inside .market .market-con .help .help-con .more:hover .more-con span {
	color: #96c14d
}

.content .content-inside .market .market-con .help .help-con .more:hover .more-con .arrow-parent img.more-arrow {
	opacity: 0
}

.content .content-inside .market .market-con .help .help-con .more:hover .more-con .arrow-parent img.more-arrow-hover {
	opacity: 1
}

.content .content-inside .market .market-con .location .item {
	position: absolute;
	top: 0;
	left: 20%;
	cursor: pointer
}

.content .content-inside .market .market-con .location .item .triangle {
	width: 19px;
	height: 16px;
	position: relative;
	display: inline-block;
	z-index: 1
}

.content .content-inside .market .market-con .location .item .triangle>img {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s
}

.content .content-inside .market .market-con .location .item .triangle>img.triangle-img-hover {
	opacity: 0
}

.content .content-inside .market .market-con .location .item .triangle.active>img.triangle-img {
	opacity: 0
}

.content .content-inside .market .market-con .location .item .triangle.active>img.triangle-img-hover {
	opacity: 1
}

.content .content-inside .market .market-con .location .item .city {
	font-size: 14px;
	line-height: 1;
	color: #fff;
	display: inline-block;
	position: absolute;
	width: 80px;
	left: 19px;
	top: 3px;
	display: none
}

.content .content-inside .market .market-con .location .item .city-item-parent {
	width: 320px;
	height: 206px;
	position: absolute;
	top: -217px;
	left: -41px;
	display: none
}

.content .content-inside .market .market-con .location .item .city-item-parent .city-item {
	width: 320px;
	height: 206px;
	background-color: rgba(0, 0, 0, 0.2);
	-webkit-transform: skew(-15deg);
	-moz-transform: skew(-15deg);
	-ms-transform: skew(-15deg);
	-o-transform: skew(-15deg);
	transform: skew(0deg);
	box-sizing: border-box;
	padding-left: 18%;
	padding-right: 18%;
	display: table-cell;
	vertical-align: middle
}

.content .content-inside .market .market-con .location .item .city-item-parent .city-item:before {
	position: absolute;
	content: "";
	width: 100%;
	height: 12px;
	background-color: transparent;
	left: 0;
	bottom: -12px
}

.content .content-inside .market .market-con .location .item .city-item-parent .city-item:after {
	position: absolute;
	content: "";
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid rgba(0, 0, 0, 0.2);
	left: 70px;
	bottom: -10px;
	-webkit-transform: skew(15deg);
	-moz-transform: skew(15deg);
	-ms-transform: skew(15deg);
	-o-transform: skew(15deg);
	transform: skew(0deg)
}

.content .content-inside .market .market-con .location .item .city-item-parent .city-item .city-item-con {
	-webkit-transform: skew(15deg);
	-moz-transform: skew(15deg);
	-ms-transform: skew(15deg);
	-o-transform: skew(15deg);
	transform: skew(0deg);
	max-height: 90%;
	overflow-y: auto;
	overflow-x: hidden
}

.content .content-inside .market .market-con .location .item .city-item-parent .city-item .city-item-con::-webkit-scrollbar {
	width: 4px
}

.content .content-inside .market .market-con .location .item .city-item-parent .city-item .city-item-con::-webkit-scrollbar-track-piece {
	background: #ccc
}

.content .content-inside .market .market-con .location .item .city-item-parent .city-item .city-item-con::-webkit-scrollbar-thumb {
	background: #96c14d
}

.content .content-inside .market .market-con .location .item .city-item-parent .city-item .city-item-con span {
	display: block;
	font-size: 14px;
	line-height: 24px;
	color: #fff
}

.content .content-inside .market .market-con .location .item .city-item-parent .city-item .city-item-con span.en {
	line-height: 20px
}

.content .content-inside .market .market-con .location .item .area-box {
	position: absolute;
	top: 8px;
	left: 7px;
	width: 8px;
	height: 8px
}

.content .content-inside .market .market-con .location .item .area-box .dot {
	width: 100%;
	height: 100%;
	/*border-radius: 50%;*/
	background: transparent;
	position: absolute;
	top: 0;
	left: 0
}

.content .content-inside .market .market-con .location .item .area-box .pulse {
	position: absolute;
	top: -38px;
	left: -38px;
	height: 80px;
	width: 80px;
	border: 2px solid #fff;
	-webkit-border-radius: 48px;
	/*border-radius: 50px;*/
	-webkit-box-shadow: 0 0 4px #fff, 0 0 10px #fff inset;
	box-shadow: 0 0 4px #fff, 0 0 10px #fff inset;
	-webkit-animation: warn 2s ease-out both;
	-moz-animation: warn 2s ease-out both;
	-o-animation: warn 2s ease-out both;
	animation: warn 2s ease-out both;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}

.content .content-inside .market .market-con .location .item .area-box .delay-01 {
	-webkit-animation-delay: 0;
	-moz-animation-delay: 0;
	-o-animation-delay: 0;
	animation-delay: 0
}

.content .content-inside .market .market-con .location .item .area-box .delay-02 {
	-webkit-animation-delay: .4s;
	-moz-animation-delay: .4s;
	-o-animation-delay: .4s;
	animation-delay: .4s
}

.content .content-inside .market .market-con .location .item .area-box .delay-03 {
	-webkit-animation-delay: .8s;
	-moz-animation-delay: .8s;
	-o-animation-delay: .8s;
	animation-delay: .8s
}

.content .content-inside .market .market-con .location .item:nth-child(1) {
	left: 38.75%;
	top: 38.2%
}

.content .content-inside .market .market-con .location .item:nth-child(1) .city {
	display: block
}

.content .content-inside .market .market-con .location .item:nth-child(1) .city-item-parent {
	display: block
}

.content .content-inside .market .market-con .location .item:nth-child(2) {
	left: 39.7%;
	top: 41%
}

.content .content-inside .market .market-con .location .item:nth-child(3) {
	left: 38.5%;
	top: 74.3%
}

.content .content-inside .market .market-con .location .item:nth-child(4) {
	left: 36.5%;
	top: 43%
}

.content .content-inside .market .market-con .location .item:nth-child(5) {
	left: 36%;
	top: 48.4%
}

.content .content-inside .market .market-con .location .item:nth-child(6) {
	left: 33%;
	top: 49%
}

.content .content-inside .market .market-con .location .item:nth-child(7) {
	left: 29.6%;
	top: 39.4%
}

.content .content-inside .market .market-con .location .item:nth-child(8) {
	left: 21.5%;
	top: 24.1%
}

.content .content-inside .market .market-con .location .item:nth-child(9) {
	left: 23%;
	top: 54.1%
}

.content .content-inside .market .phone-market-con {
	display: none
}

@media only all and (max-width: 768px) {
	.content .content-inside .market .phone-market-con {
		display: block;
		margin-top: 50px;
		position: relative
	}
}

@media only all and (max-width: 414px) {
	.content .content-inside .market .phone-market-con {
		margin-top: 30px
	}
}

.content .content-inside .market .phone-market-con .market-bg {
	width: 100%
}

.content .content-inside .market .phone-market-con .location .item {
	position: absolute;
	top: 0;
	left: 20%;
	cursor: pointer
}

.content .content-inside .market .phone-market-con .location .item.active .triangle>img.triangle-img {
	opacity: 0
}

.content .content-inside .market .phone-market-con .location .item.active .triangle>img.triangle-img-hover {
	opacity: 1
}

.content .content-inside .market .phone-market-con .location .item.active .city {
	display: block
}

.content .content-inside .market .phone-market-con .location .item .triangle {
	width: 13.3px;
	height: 11.2px;
	position: relative;
	display: inline-block;
	z-index: 1
}

.content .content-inside .market .phone-market-con .location .item .triangle>img {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s
}

.content .content-inside .market .phone-market-con .location .item .triangle>img.triangle-img-hover {
	opacity: 0
}

.content .content-inside .market .phone-market-con .location .item .triangle.active>img.triangle-img {
	opacity: 0
}

.content .content-inside .market .phone-market-con .location .item .triangle.active>img.triangle-img-hover {
	opacity: 1
}

.content .content-inside .market .phone-market-con .location .item .city {
	font-size: 12px;
	line-height: 1;
	color: #fff;
	display: inline-block;
	position: absolute;
	width: 80px;
	left: 14px;
	top: 4px;
	display: none
}

.content .content-inside .market .phone-market-con .location .item:nth-child(1) {
	left: 54%;
	top: 38.6%
}

.content .content-inside .market .phone-market-con .location .item:nth-child(2) {
	left: 56.6%;
	top: 41.2%
}

.content .content-inside .market .phone-market-con .location .item:nth-child(3) {
	left: 48.6%;
	top: 43.6%
}

.content .content-inside .market .phone-market-con .location .item:nth-child(4) {
	left: 47.2%;
	top: 48.5%
}

.content .content-inside .market .phone-market-con .location .item:nth-child(5) {
	left: 39.6%;
	top: 48.8%
}

.content .content-inside .market .phone-market-con .location .item:nth-child(6) {
	left: 30.5%;
	top: 39.4%
}

.content .content-inside .market .phone-market-con .location .item:nth-child(7) {
	left: 9.8%;
	top: 23.8%
}

.content .content-inside .market .phone-market-con .location .item:nth-child(8) {
	left: 53.8%;
	top: 74.7%
}

.content .content-inside .market .phone-market-con .location .item:nth-child(9) {
	left: 13.7%;
	top: 53.9%
}

.content .content-inside .market .help-parent {
	text-align: right;
	margin-top: -55px;
	display: none
}

@media only all and (max-width: 768px) {
	.content .content-inside .market .help-parent {
		display: block
	}
}

@media only all and (max-width: 414px) {
	.content .content-inside .market .help-parent {
		margin-top: -30px
	}
}

.content .content-inside .market .help-parent .help {
	width: 50%;
	position: relative;
	display: inline-block
}

@media only all and (max-width: 414px) {
	.content .content-inside .market .help-parent .help {
		width: 90%
	}
}

.content .content-inside .market .help-parent .help .help-bg {
	width: 100%
}

.content .content-inside .market .help-parent .help .help-con {
	position: absolute;
	top: 33%;
	left: 21%
}

@media only all and (max-width: 1440px) {
	.content .content-inside .market .help-parent .help .help-con {
		top: 28%;
		left: 16%
	}
}

@media only all and (max-width: 1024px) {
	.content .content-inside .market .help-parent .help .help-con {
		top: 23%
	}
}

@media only all and (max-width: 768px) {
	.content .content-inside .market .help-parent .help .help-con {
		text-align: left
	}
}

.content .content-inside .market .help-parent .help .help-con .text {
	font-size: 38px;
	line-height: 40px;
	color: #fff
}

@media only all and (max-width: 1440px) {
	.content .content-inside .market .help-parent .help .help-con .text {
		font-size: 30px
	}
}

@media only all and (max-width: 1280px) {
	.content .content-inside .market .help-parent .help .help-con .text {
		font-size: 28px
	}
}

@media only all and (max-width: 1024px) {
	.content .content-inside .market .help-parent .help .help-con .text {
		font-size: 16px
	}
}

.content .content-inside .market .help-parent .help .help-con .more {
	width: 210px;
	line-height: 60px;
	border: 1px solid #fff;
	-webkit-transform: skew(-15deg);
	-moz-transform: skew(-15deg);
	-ms-transform: skew(-15deg);
	-o-transform: skew(-15deg);
	transform: skew(0deg);
	text-align: center;
	display: inline-block;
	margin-top: 59px;
	position: relative;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s
}

@media only all and (max-width: 1440px) {
	.content .content-inside .market .help-parent .help .help-con .more {
		margin-top: 30px
	}
}

@media only all and (max-width: 1024px) {
	.content .content-inside .market .help-parent .help .help-con .more {
		width: 130px;
		line-height: 40px;
		margin-top: 20px
	}
}

.content .content-inside .market .help-parent .help .help-con .more:before {
	content: "";
	position: absolute;
	z-index: 0;
	left: 0px;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: #fff;
	-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-o-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition: -webkit-transform 0.6s cubic-bezier(0.86, 0, 0.07, 1);
	transition: -webkit-transform 0.6s cubic-bezier(0.86, 0, 0.07, 1);
	-o-transition: -o-transform 0.6s cubic-bezier(0.86, 0, 0.07, 1);
	-moz-transition: transform 0.6s cubic-bezier(0.86, 0, 0.07, 1), -moz-transform 0.6s cubic-bezier(0.86, 0, 0.07, 1);
	transition: transform 0.6s cubic-bezier(0.86, 0, 0.07, 1);
	transition: transform 0.6s cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 0.6s cubic-bezier(0.86, 0, 0.07, 1), -moz-transform 0.6s cubic-bezier(0.86, 0, 0.07, 1), -o-transform 0.6s cubic-bezier(0.86, 0, 0.07, 1);
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	transform-origin: 0 0
}

.content .content-inside .market .help-parent .help .help-con .more .more-con {
	-webkit-transform: skew(15deg);
	-moz-transform: skew(15deg);
	-ms-transform: skew(15deg);
	-o-transform: skew(15deg);
	transform: skew(0deg)
}

.content .content-inside .market .help-parent .help .help-con .more .more-con span {
	font-size: 14px;
	color: #fff;
	display: inline-block;
	vertical-align: middle;
	margin-right: 28px;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s
}

@media only all and (max-width: 1024px) {
	.content .content-inside .market .help-parent .help .help-con .more .more-con span {
		font-size: 12px;
		margin-right: 15px
	}
}

.content .content-inside .market .help-parent .help .help-con .more .more-con .arrow-parent {
	width: 15px;
	height: 10px;
	display: inline-block;
	vertical-align: middle;
	position: relative
}

.content .content-inside .market .help-parent .help .help-con .more .more-con .arrow-parent img {
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s
}

.content .content-inside .market .help-parent .help .help-con .more .more-con .arrow-parent img.more-arrow-hover {
	opacity: 0
}

.content .content-inside .market .help-parent .help .help-con .more:hover {
	border-color: #fff
}

.content .content-inside .market .help-parent .help .help-con .more:hover:before {
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-o-transform: scaleX(1);
	transform: scaleX(1)
}

.content .content-inside .market .help-parent .help .help-con .more:hover .more-con span {
	color: #96c14d
}

.content .content-inside .market .help-parent .help .help-con .more:hover .more-con .arrow-parent img.more-arrow {
	opacity: 0
}

.content .content-inside .market .help-parent .help .help-con .more:hover .more-con .arrow-parent img.more-arrow-hover {
	opacity: 1
}

.content .content-inside .market .swiper-map {
	display: none
}

@media only all and (max-width: 768px) {
	.content .content-inside .market .swiper-map {
		display: block;
		width: 95%;
		margin-top: 50px;
		margin-bottom: 50px;
		border-bottom: 3px solid #96c14d
	}
}

.content .content-inside .market .swiper-map .swiper-slide {
	height: 200px;
	text-align: center
}

.content .content-inside .market .swiper-map .swiper-slide .city {
	font-size: 18px;
	line-height: 30px
}

.content .content-inside .market .swiper-map .swiper-slide span {
	font-size: 14px;
	line-height: 30px;
	display: block
}

/*# sourceMappingURL=index.css.map */