.section1{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 77px;
	z-index: 200;
	line-height: 48px;
	font-size: 14px;
}
.nav {
	position: static;
	padding-top: 3px;
}
/*plugins*/
.section1{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 77px;
	z-index: 200;
	line-height: 48px;
	font-size: 14px;
}

.x-pagination {
	margin: 0;
	text-align: right;
	line-height: 40px;
	/*border-top: 1px solid #C9C6D8;*/
	margin-top: -7px;
	moz-user-select: -moz-none;
	-moz-user-select: none;
	-o-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	padding-right: 20px;
}

.x-pagination ul {
	display: inline-block;
}

.x-pagination li {
	display: inline-block;
	line-height: 20px;
	padding: 16px 40px;
	margin: 10px;
	color: #D0CDDE;
	text-align: center;
	background-size: contain;
	vertical-align: middle;
	cursor: pointer;
	font-size: 16px;
	border-radius: 3px;
	box-shadow: 2px 2px 6px #d8d8d8;
	font-size: 16px;
}

.x-pagination li:first-child,
.x-pagination li:first-child span {
	color: #3d3d3d;
}

.x-pagination li:last-child,
.x-pagination li:last-child span {
	background-color: #7691EC;
	margin-right: 0;
	color: white;
}

.x-pagination .x-pageActive {
	color: #0E9CFF;
}

.xInputControl {
	border: 0;
	vertical-align: middle;
	margin: 0 20px;
	text-align: center;
	padding: 16px 0;
	width: 70px;
	box-shadow: 2px 2px 6px #d8d8d8;
	font-size: 16px;
}

.xBtnControl {
	height: 24px;
	color: white;
	border: 1px solid #0E9CFF;
	background-color: #0E9CFF;
	vertical-align: middle;
	padding: 0 5px;
}


/*centre*/
.section1{height: 77px;overflow: hidden;}
.nav {
	/*background: url(../img/doc-bg.png) no-repeat top center;*/
	background-size: cover;
	/*height: 396px;*/
}

.section2 {
	background: url(../img/doc-bg.png) no-repeat top center;
	background-size: cover;
	height: 396px;
}

.section2 .xcontainer {
	/*background: url(../img/phone2.png) no-repeat center right;*/
	height: 100%;
	position: relative;
}


/*.centre1 .section2 .xcontainer,.centre2 .section2 .xcontainer{
	background-image: none;
}*/

.section2 .xcontainer .absolute {
	left: 0;
	top: 50%;
	height: 300px;
	margin-top: -50px;
	color: white;
}

.section2 h1 {
	font-size: 90px;
	letter-spacing: 10px;
}

.section2 h2 {
	font-size: 49px;
	font-weight: normal;
	letter-spacing: 10px;
	padding: 10px 0;
}

.section2 h2 .inline-block {
	display: inline-block;
	background-color: white;
	color: #e56273;
	font-size: 40px;
	font-weight: bold;
	border-radius: 22px;
	line-height: 1;
	padding-left: 10px;
	margin-right: 10px;
}

.section2 h2 .inline-block span {
	font-size: 62px;
}

.section2 p {
	font-size: 14px;
	line-height: 32px;
}

.section2 .absolute>div {
	padding: 40px 0 20px;
}

.section2 input {
	width: 330px;
	line-height: 40px;
	border: 0;
	border-radius: 40px 0 0 40px;
	padding: 0 20px;
}

.section2 button {
	line-height: 34px;
	color: white;
	border-radius: 40px;
	border: 1px solid white;
	padding: 0 20px;
}

.section2 .absolute div button {
	line-height: 40px;
	border: 0;
	border-radius: 0 40px 40px 0;
	background-color: #B94BC9;
}

.section6 {
	text-align: left;
	height: auto;
}

.section6 .fl {
	width: 70%;
}

.section6 .fr {
	width: 30%;
}

.section6 li {
	display: inline-block;
}

.section6 span {
	font-size: 18px;
	color: white;
	display: inline-block;
	padding-top: 46px;
	padding-bottom: 24px;
}

.section6 dd {
	font-size: 14px;
	color: white;
	line-height: 1.8;
}

.section6 .bg1 {
	background-color: #192330;
	display: block;
}

.section6 .bg2 {
	background-color: #29323F;
	display: block;
	padding-bottom: 20px;
}

.section6 p {
	color: white;
	font-size: 14px;
}

.section6 a {
	color: white;
	font-size: 14px;
}

.section6 .bg2 p {
	color: #999999;
	padding-top: 20px;
	font-size: 12px;
}

.section4 {
	padding: 20px 0 70px;
	text-align: center;
	position: relative;
	font-size: 0;
}

h4 {
	font-size: 24px;
	color: #3d3d3d;
}

.section4 span {
	font-size: 14px;
	color: #949494;
	line-height: 24px;
}

.section4 p {
	padding-top: 20px;
	font-size: 14px;
	line-height: 24px;
}

.section4 .x-col4 {
	padding-top: 20px;
	vertical-align: top;
	display: inline-block;
	float: none;
}

.section4 .x-col8 {
	display: inline-block;
	float: none;
	padding: 20px;
	transition: all 0.2s ease-in-out;
	position: relative;
}

.section4 .imgbox {
	height: 100%;
	border-radius: 5px;
	overflow: hidden;
	transition: all 0.2s ease-in-out;
	position: relative;
	transform: scale(1);
}

.section4 img {
	width: 100%;
}

.section4 .imgcover {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -46px;
	margin-left: -46px;
	opacity: 0;
	transition: opacity 0.2s ease-in-out;
}

.centre1 .section4 .x-col8:hover .imgbox {
	box-shadow: 2px 2px 10px #929292;
	transform: scale(1.04);
}

.centre1 .section4 .x-col8:hover .imgcover {
	opacity: 1;
}

.centre1 .section4 li:hover h4 {
	color: #7691ec;
}

.section4 a {
	display: block;
	color: initial;
}

.centre2 h4 {
	font-size: 20px;
	line-height: 36px;
}

.centre2 p {
	font-size: 17px;
	line-height: 26px;
	padding: 0;
	padding-bottom: 20px;
}

.centre2 .section4 a {
	display: inline-block;
	margin-right: 10px;
}

.centre2 .section4 img {
	width: 18px;
}

.centre2 h2 {
	font-size: 34px;
	color: #232323;
	padding: 26px 0;
}

.centre2 .x-col8 {
	padding-left: 40px;
	background: url(../img/p_line.png) no-repeat left center;
}

.centre2 .x-col8 p {
	font-size: 16px;
	color: #4c4c4c;
	line-height: 30px;
	padding: 0;
	text-indent: 32px;
}

.centre2 .section4 .x-col8 img {
	display: inline-block;
	padding: 20px 0;
}


/*solution*/

.solution .nav {
	background-image: url(../img/doc3-bg.png)
}

.solution .section2 {
	background-image: url(../img/doc3-bg.png);
}

.treetitle {
	border-radius: 5px 5px 0 0;
	background: url(../img/btn-bg_03.png) repeat-y top center;
	width: 188px;
	height: 70px;
	font-size: 26px;
	color: white;
	text-align: center;
	line-height: 70px;
	display: inline-block;
}

.x-tree {
	text-align: center;
	width: 188px;
	font-size: 16px;
}

.x-tree ul {
	padding-top: 10px;
}

.x-tree a {
	display: inline-block;
	position: relative;
	color: #6a6a6a;
	line-height: 32px;
}

.x-tree .icon-down {
	position: absolute;
	top: 4px;
	right: -18px;
	color: #6a6a6a;
	transform: rotate(0);
	transition: all 0.2s ease-in-out;
}

.x-tree a.active .icon-down {
	transform: rotate(180deg);
}

.x-tree dd a {
	font-size: 14px;
}

.x-tree dd:hover>.relative {
	background-color: #f0f9ff;
}

.x-tree dd:hover>.relative>a {
	color: #2499e3;
}

.x-tree li:hover>.relative {
	background-color: #f0f9ff;
}

.x-tree li:hover>.relative>a {
	color: #2499e3;
}

.x-tree dl {
	height: 0;
	overflow: hidden;
	transform: scaleY(0);
	transform-origin: center top 0;
	transition: transform 0.2s ease-in-out;
}

.x-tree dl.active {
	transform: scaleY(1);
	height: auto;
}

.solution .section4 .x-col8 h2 {
	font-size: 30px;
	font-weight: normal;
	text-align: center;
	color: #5c5c5c;
}

.solution .section4 .x-col8 p {
	text-indent: 32px;
	color: #6d6d6d;
	padding: 0;
	line-height: 2;
}

.solution .section4 .x-col8 p.strong {
	color: #313131;
	text-indent: 0;
	padding: 10px 0 5px;
}


/*aboutus*/

.aboutus .nav {
	background-image: url(../img/aboutus-bg.png);
}

.aboutus .section2 {
	background-image: url(../img/aboutus-bg.png);
}

.aboutus .section2 .xcontainer .absolute {
	left: 200px;
}

.hstyle3 {
	font-size: 46px;
	padding: 60px 0 40px;
	background: linear-gradient(135deg, #4835E9, #9231F3);
	-webkit-background-clip: text;
	color: transparent;
	display: inline-block;
}

.aboutus .section3 {
	background: url(../img/aboutus-bg1.png) no-repeat center center;
	background-size: cover;
}

.aboutus p {
	line-height: 2;
	font-size: 18px;
	padding-bottom: 20px;
}

.aboutus .section4 {
	background: url(../img/aboutus-bg2.png) no-repeat top center;
	background-size: 100% auto;
	padding-top: 60px;
}

.aboutus .x-col4 {
	width: 33.33%;
}

.aboutus .section5 {
	background: url(../img/aboutus-bg3.png) no-repeat center center;
	background-size: cover;
	text-align: center;
}

.aboutus .section5 .hstyle3 {
	color: white;
}

.aboutus .section5 img {
	display: inline-block;
	box-shadow: 0 0 20px #535353;
}

.aboutus .section5 h5 {
	color: white;
	font-size: 26px;
	padding: 15px 0 48px;
}

.aboutus .section7 {
	padding: 30px 0 90px;
	font-size: 14px;
	position: relative;
}

.aboutus .section7 .leaf1 {
	margin-top: 148px;
	width: 90%;
	box-shadow: 4px 4px 16px gray;
	border-radius: 0 40px 0 40px;
	padding-top: 80px;
	padding-bottom: 45px;
	text-align: left;
	padding-left: 20px;
}

.aboutus .section7 .leaf2 {
	margin-top: 60px;
	width: 90%;
	box-shadow: 4px 4px 16px gray;
	border-radius: 0 40px 0 40px;
	padding-top: 80px;
	padding-bottom: 45px;
	text-align: left;
	padding-left: 20px;
}

.aboutus .section7 .leaf3 {
	margin-top: 84px;
	width: 90%;
	box-shadow: 4px 4px 16px gray;
	border-radius: 40px 0 40px 0;
	padding-top: 80px;
	padding-bottom: 45px;
	text-align: left;
	padding-left: 20px;
}

.aboutus .section7 .leaf4 {
	margin-top: 44px;
	width: 90%;
	box-shadow: 4px 4px 16px gray;
	border-radius: 40px 0 40px 0;
	padding-top: 80px;
	padding-bottom: 45px;
	text-align: left;
	padding-left: 20px;
}

.aboutus .section7 .leaf5 {
	margin-top: 46px;
	width: 90%;
	box-shadow: 4px 4px 16px gray;
	border-radius: 40px 0 40px 0;
	padding-top: 80px;
	padding-bottom: 45px;
	text-align: left;
	padding-left: 20px;
}

.aboutus .treeimg {
	position: absolute;
	left: 50%;
	top: 18px;
	margin-left: -192px;
	width: 321px;
	height: 716px;
	background: url(../img/tree.png) no-repeat center center;
	background-size: cover;
	padding-top: 93px;
	padding-right: 54px;
	padding-left: 48px;
}

.aboutus .treeimg p {
	line-height: 55px;
	color: white;
	font-size: 18px;
	padding: 0;
}

@media only screen and (max-width: 1220px) {
	.aboutus .section7 .leaf1 {
		width: 88%;
	}
	.aboutus .section7 .leaf2 {
		width: 88%;
		margin-top: 16px;
	}
	.aboutus .section7 .leaf4 {
		margin-top: 22px;
	}
}


/*joinus*/

.joinus .nav {
	background-image: url(../img/join-bg1.png);
}

.joinus .section2 {
	background-image: url(../img/join-bg1.png);
}

.joinus .section2 .xcontainer .absolute {
	left: 276px;
}

.joinus .section3 .xcontainer {
	background: url(../img/join1.png) no-repeat right 16%,
	 url(../img/join2.png) no-repeat left 65%,
	  url(../img/join3.png) no-repeat right 85%,
	   url(../img/join4.png) no-repeat left 100%;
}

.joinus .section3 h4 {
	font-size: 22px;
	color: #454545;
	padding-bottom: 10px;
}

.joinus .section3 p {
	font-size: 18px;
	color: #454545;
	line-height: 2;
}

.joinus .section3 .pt1 {
	text-align: left;
	padding-left: 70px;
	padding-top: 94px;
}

.joinus .section3 .pt2 {
	text-align: right;
	padding-right: 266px;
	padding-top: 100px;
}

.joinus .section3 .pt3 {
	text-align: left;
	padding-left: 188px;
	padding-top: 80px;
}

.joinus .section3 .pt4 {
	text-align: right;
	padding-right: 110px;
	padding-top: 80px;
	padding-bottom: 130px;
}
.joinus .section4 {
	background: url(../img/join-bg2.png) no-repeat center center;
	background-size: cover;
	padding: 60px 0;
}
.joinus .section4 img {
	width: 40%;
}
.joinus .section4 h4 {
	font-size: 30px;
	color: white;
	padding-top: 10px;
}
.joinus .section4 p {
	font-size: 18px;
	color: white;
	line-height: 2;
}
.joinus .section5{
	background: url(../img/join-bg3.png) no-repeat right top;
	background-size: 100% auto;
}
.joinus .section5 .hstyle3 {
	font-size: 40px;
	color: #192330;
	padding: 124px 0 50px;
}
.joinus .section5 p{
	font-size: 24px;
	color: #474747;
	line-height: 2;
}
.joinus .section5 p.bold{
	color: black;
	padding-top: 50px;
	padding-bottom: 100px;
}
/*partner*/
.partner .nav {
	background-image: url(../img/partner-bg.png);
}

.partner .section2 {
	background-image: url(../img/partner-bg.png);
}

.partner .section2 .xcontainer .absolute {
	left: 276px;
}
.partner .section2-title{
	padding: 60px 0;
}
.partner .section3 a{
	border: 1px solid #E7E7E7;
	display: block;
	height: 1rem;
	overflow: hidden;
}
.partner .section3 .x-col2{
	padding: 0 14px 40px 0;
	text-align: center;
}
.partner .section3 .x-col2:nth-child(6n){
	padding-right: 0;
}
.partner .section3 img{
	max-width: 99%;
	max-height: 99%;
}
.partner .section3 .clearfix{
	font-size: 0;
	padding-bottom: 20px;
}
.partner .section3 .x-col2{
	float: none;
	display: inline-block;
	line-height: 1;
}
/*newscenter*/
.newscenter .nav {
	background-image: url(../img/news-bg.png);
}

.newscenter .section2 {
	background-image: url(../img/news-bg.png);
}

.newscenter .section2 .xcontainer .absolute {
	left: 160px;
}
.news-p{
	padding: 30px 0;
	position: relative;
}
.news-p.tl .absolute{
	width: calc(100% - 325px);
	height: 293px;
	right: 0;
	top: 30px;
	margin: 30px 0;
	margin-left: 324px;
	padding: 30px 50px;
	background-color: white;
	box-shadow: 0 0 10px #F0F0F0;
	text-align: left;
}
.news-p.tr .absolute{
	width: calc(100% - 325px);
	height: 293px;
	left: 0;
	top: 30px;
	margin: 30px 0;
	margin-right: 324px;
	padding: 30px 50px;
	background-color: white;
	box-shadow: 0 0 10px #F0F0F0;
	text-align: left;
}
.newscenter .news-p h4{
	font-size: 24px;
	color: #2b2b2b;
	padding-bottom: 26px;
}
.newscenter .news-p span{
	font-size: 14px;
	color: #a7a7a7;
}
.newscenter .news-p .iconfont{
	font-size: 16px;
	padding-right: 5px;
}
.newscenter .news-p .icon-message{
	padding-left: 10px;
}
.newscenter .news-p p{
	padding: 20px 0;
	font-size: 16px;
	color: #666666;
}
.newscenter .news-p button{
	color: #666666;
	font-size: 14px;
	width: 184px;
	line-height: 40px;
	text-align: center;
	border: 1px solid #31D0C7;
}
.newscenter .x-pagination {
	/*height: 40px;*/
	margin: 0;
	text-align: right;
	/*line-height: 40px;*/
	/*border-top: 1px solid #C9C6D8;*/
	margin-top: -7px;
	moz-user-select: -moz-none;
	-moz-user-select: none;
	-o-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	text-align: center;
	padding: 20px 0;
}

.newscenter .x-pagination ul {
	display: inline-block;
}

.newscenter .x-pagination li {
	display: inline-block;
	/*height: 20px;*/
	line-height: 26px;
	/*width: 20px;*/
	/*margin: 10px;*/
	color: #D0CDDE;
	text-align: center;
	background-size: contain;
	vertical-align: middle;
	cursor: pointer;
	box-shadow: none;
	color: #666666;
	padding: 0;
	margin: 0;
	padding: 10px;
}

/*.newscenter .x-pagination li:first-child {
	border: 1px solid #E8E8E8;
	color: #666666;
	width: 58px;
	height: 48px;
}

.newscenter .x-pagination li:last-child {
	border: 1px solid #E8E8E8;
	color: #666666;
	width: 58px;
	height: 48px;
	background: none;
}*/
#page_pre{
	border: 1px solid #E8E8E8;
	color: #666666;
	height: 0.48rem;
	background: none;
}
#page_right{
	border: 1px solid #E8E8E8;
	color: #666666;
	height: 0.48rem;
	background: none;
}
.newscenter .x-pagination li:first-child{
	background: none;
}
.newscenter .x-pagination li:last-child span {
	color: #666666;
	background: none;
}
.newscenter .x-pagination li:last-child span{
	color: #666666;
	background: none;
}
.newscenter .x-pagination .x-pageActive {
	color: #0E9CFF;
}
/*newsdetails*/
.newsdetails .nav {
	background-image: url(../img/news-bg.png);
}

.newsdetails .section2 {
	background-image: url(../img/news-bg.png);
}

.newsdetails .section2 .xcontainer .absolute {
	left: 160px;
}
.newsdetails span{
	display: inline-block;
	padding: 10px 0;
	line-height: 2;
	font-size: 14px;
	color: #999999;
}
.newsdetails h3{
	font-size: 76px;
	color: #232323;
	line-height: 1;
}
.newsdetails .tc span{
	color: #232323;
	padding: 0;
	display: block;
	text-align: center;
}
.newsdetails .section3 img{
	width: 100%;
	display: inline-block;
	padding: 60px 0;
}
.newsdetails .section3 p{
	font-size: 20px;
	color: #232323;
	line-height: 36px;
	text-align: left;
	padding-bottom: 40px;
	/*text-indent: 40px;*/
}
.newsdetails .section3 ul{
	padding-left: 40px;
}
.newsdetails .section3 li{
	font-size: 20px;
	color: #232323;
	line-height: 36px;
	text-align: left;
	padding-bottom: 40px;
	list-style: disc;
}
.newsdetails .section3 .green{
	text-indent: 0;
}
.newsdetails .section3 .green span{
	color: #21CEC0;
	font-size: 14px;
	display: inline-block;
	text-align: left;
	padding-right: 20px;
}
/*trade7*/
.trade7 .nav {
	background-image: url(../img/trade7-bg1.jpg);
	height: 694px;
}

.trade7 .section2 {
	background-image: url(../img/trade7-bg1.jpg);
	height: 694px;
}
.trade7 .section2 .xcontainer .absolute{
	top: 35%;
}
.trade7 .section3{
	background-color: #7B57ED;
	color: white;
}
.trade7 .section3 .hstyle3{
	padding-bottom: 10px;
	color: white;
}
.trade7 .x-col4 {
	width: 33.33%;
}
.trade7 .section3 .clearfix{
	padding: 30px 0 60px;
}
.trade7 .section4 {
	background: url(../img/trade7-bg2.jpg) no-repeat bottom center;
	height: 710px;
}
.trade7 .section4 .hstyle3,.trade7 .section8 .hstyle3{
	padding-bottom: 10px;
	color: #3c3c3c;
}
.trade7 .section4 p,.trade7 .section8 p{
	font-size: 20px;
	color: #3c3c3c;
	line-height: 2;
	font-weight: 600;
}
.trade7 .section5{
	height: 786px;
	background: url(../img/trade7-bg3.jpg) no-repeat center center;
}
.trade7 .section7{
	height: 800px;
	background: url(../img/trade7-bg4.jpg) no-repeat center center;
	color: white;
}
.trade7 .section7 .hstyle3,.trade7 .section9 .hstyle3{
	color: white;
	padding-bottom: 10px;
}
.trade7 .section7 .pstyle{
	color: white;
	padding: 30px 20px 40px;
	background-color: rgba(255,255,255,.2);
	border-radius: 15px;
	display: inline-block;
	position: relative;
	text-align: left;
}
.trade7 .section7 h5,.trade7 .section9 h5{
	font-size: 36px;
	line-height: 54px;
	color: white;
}
.trade7 .section7 .p1{
	left: -280px;
    top: 24px;
}
.trade7 .section7 .p2{
	left: -422px;
    top: 0;
}
.trade7 .section7 .p3{
	left: -150px;
    top: -30px;
    padding-left: 50px;
}
.trade7 .section7 .p4{
	left: -396px;
    top: -106px;
}
.trade7 .section8{
	height: 600px;
	background: url(../img/trade7-bg5.jpg) no-repeat center center;
}
.trade7 .section9{
	height: 956px;
	background: url(../img/trade7-bg6.jpg) no-repeat center center;
	color: white;
}
.trade7 .section9 .pstyle{
	color: white;
	padding: 30px 20px 40px;
	background-color: rgba(255,255,255,.2);
	border-radius: 15px;
	display: inline-block;
	position: relative;
	text-align: left;
}
.trade7 .section9 .p1{
	left: 340px;
    top: 24px;
}
.trade7 .section9 .p2{
	left: 0;
    top: 0;
}
.trade7 .section9 .p3{
	left: 408px;
    top: -100px;
    padding-left: 50px;
}
.trade7 .section9 .p4{
	left: 138px;
    top: -140px;
}
.trade7 .section9 .p5{
	    left: 441px;
    top: -200px;
}
.trade7 .section9 .p6{
	left: -132px;
    top: -323px;
}
.trade7 .section9 .p7{
    left: 190px;
    top: -385px;
}
.trade7 .section9 h5{
	text-align: right;
}
.trade7 .section9 p{
	text-align: right;
}
.trade7 .section10{
	height: 554px;
	color: #3c3c3c;
}
.trade7 .section10 .hstyle3{
	color: #3c3c3c;
	padding-bottom: 10px;
}
.trade7 .section10 .imgbox{
	display: inline-block;
	width: 166px;
	height: 166px;
	border-radius: 166px;
	padding-top: 36px;
	box-shadow: 0 3px 10px gray;
	margin: 40px 0;
}
.trade7 .section10 .x-col4 p{
	line-height: 2;
	color: #292e4f;
	text-align: center;
	font-size: 22px;
}
.trade7 .section11 .hstyle3{
	color: white;
	padding-bottom: 10px;
}
.trade7 .section11{
	background: url(../img/trade7-bg7.jpg) no-repeat center center;
	height: 1082px;
}
.trade7 .section11 .x-col2 .pstyle{
	margin: 0 10px;
}
.trade7 .section11 .x-col2:first-child{
	
}
.trade7 .section11 .pstyle{
	color: white;
	padding: 30px 20px 40px;
	background-color: rgba(255,255,255,.2);
	border-radius: 15px;
	display: inline-block;
	position: relative;
	text-align: left;
}
.trade7 .section11 h5{
	font-size: 18px;
	line-height: 2;
	text-align: center;
}
.trade7 .section11 p{
	font-size: 16px;
	line-height: 2;
	text-align: center;
}
@keyframes rotate1 {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}
.wave {
	height: 460px;
	background: url(../img/wave.jpg) no-repeat center center;
	background-size: 100% 100%;
	padding-top: 10px;
}
.section4 .wave .xcontainer{
	height: 100%;
}
.section4 .wave-ico {
	position: absolute;
	top: 50%;
	width: 72%;
	left: 15%;
	z-index: 500;
	margin-top: -160px;
}

.section4 .wave-ico1 {
	position: absolute;
	z-index: 200;
	left: 15%;
	top: 50%;
	width: 15%;
	margin-top: -160px;
	animation: rotate1 2s infinite linear;
}

.section4 .wave-ico2 {
	position: absolute;
	z-index: 200;
	top: 50%;
	left: 34%;
	width: 15%;
	margin-top: -160px;
	animation: rotate1 2s infinite linear;
}

.section4 .wave-ico3 {
	position: absolute;
	z-index: 200;
	top: 50%;
	left: 52%;
	width: 15%;
	margin-top: -160px;
	animation: rotate1 2s infinite linear;
}

.section4 .wave-ico4 {
	position: absolute;
	z-index: 200;
	right: 15%;
	top: 50%;
	width: 15%;
	margin-top: -160px;
	animation: rotate1 2s infinite linear;
}

/**兼容问题**/
.trade7 h4.hstyle3{
	background: none;
}