* {
	margin: 0;
	padding: 0;
	font-family: "microsoft yahei";
}

img {
	border: none;
}

a {
	text-decoration: none;
}

ol,
ul {
	list-style: none;
}

div {
	display: block;
}

.w1200 {
	width: 1200px;
	margin: 0 auto;
	position: relative;
	
}

.pa {
	position: absolute;
	
}

.swiper-banner {
	width: 100%;
	height: 720px;
}

.swiper-banner .swiper-slide {
	width: 100%;
	height: 620px;
	color: #fff;
	display: block;
}

.swiper-banner .swiper-slide .wrap {
	height: 520px;
}

.swiper-banner .swiper-slide .sl-left {
	top: 260px;
	left: 40px;
	width: 100%;
}

.swiper-banner .swiper-slide .t1 {
	top: 0px;
	left: 0px;
	font-size: 26px;
}

.swiper-banner .swiper-slide .t2 {
	top: 50px;
	left: 0px;
	font-size: 40px;
}

.swiper-banner .swiper-slide .t3 {
	top: 110px;
	left: 00px;
	font-size: 18px;
}

.swiper-banner .swiper-slide .btn {
	width: 170px;
	height: 40px;
	line-height: 40px;
	left: 00px;
	top: 160px;
	border: 1px solid #fff;
	border-radius: 2px;
	font-size: 16px;
	text-align: center;
}

.swiper-banner .swiper-slide .img1 {

	top: 60px;
	left: 650px;
}

.swiper-banner .swiper-slide .img2 {
	top: 130px;
	left: 640px;
}

.swiper-banner .swiper-slide .img3 {
	top: 100px;
	left: 650px;
}
/* 3 */
.swiper-banner .swiper-slide.slide1 {
	background: url(../images/banner/baglog_1.jpg) no-repeat center top #070E2A;/* 第二页 */
 background-size: 1920px 720px;
}
/* 1 */
.swiper-banner .swiper-slide.slide2 {
	background: url(../images/banner/bgimg_5.jpg) no-repeat center top #1A0844;/* 第四页 */
	background-size: 1920px 620px;
}
/* 4 */
.swiper-banner .swiper-slide.slide3 {
	background: url(../images/banner/baglog_2.jpg) no-repeat center top #23262b; /* 第一页 */
	background-size: 1920px 620px;
}
/* 2 */
.swiper-banner .swiper-slide.slide4 {
	background: url(../images/banner/baglog_3.jpg) no-repeat center top #23262b;/* 第三页 */
	background-size: 1920px 620px;
}
/* 5 */
.swiper-banner .swiper-slide.slide5 {
	background: url(../images/banner/baglog_4.jpg) no-repeat center top #033045; /* 第五页 */
	background-size: 1920px 620px;
}

.swiper-banner .swiper-pagination {
	bottom: 130px!important;
}

.swiper-banner .swiper-pagination .swiper-pagination-bullet {
	width: 40px;
	height: 5px;
	border-radius: 0;
}

.swiper-banner .swiper-nav {
	margin-left: 10%;
	width: 80%;
	height: 100px;
	background: rgba(0, 0, 255, 0.1);
	left: 0;
	bottom: 0;
	z-index:999;
	
}

.swiper-banner .swiper-nav li {
	color: #fff;
	width: 239px;
	height: 100px;
	border-right: 1px solid rgba(233, 233, 233, 0.05);
	float: left;
	cursor: pointer;
}

.swiper-banner .swiper-nav li .icon {
	width: 65px;
	height: 100px;
	display: flex;
	float: left;
	justify-content: center;
	align-items: center;
}

.swiper-banner .swiper-nav li .info {
	float: left;
	width: 174px;
	height: 100px;
}

.swiper-banner .swiper-nav li .info div {
	padding-top: 30px;
	font-size: 16px;
	padding-bottom: 5px;
}

.swiper-banner .swiper-nav li .info p {
	color: #c3c3c3;
	font-size: 14px;
}

.swiper-banner .swiper-nav li.active {
	background: rgba(233, 233, 233, 0.05);
}

.swiper-banner .swiper-nav li:nth-child(5) {
	border-right: none;
}
/* 公共样式表css */
/* html, body {
	color: #333;
	margin: 0;
	height: 100%;
} */
/* * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
} */
/* .trade-content{
	background-image:url(../images/img/bg_1.jpg);
} */
.a_1{
	text-decoration: none;
	color: #000;
}

/* body {
	background: #F4F5F9;
	color: #666;
	font-family: 'Microsoft Yahei', 'PingFangSC', sans-serif;
} */





a:hover {
	color: #eee;
}
.clearfixTop::after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	float: left;
	visibility: hidden;
}
.clearfixTop {
}
/* 必要布局样式css */
.trade-content {
	padding: 30px 0;
}
.trade-title {
	font-size: 34px;
	color: #ffffff;
	text-align: center;
	margin: 50px 0;
	position: relative;
}
.trade-title:before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	bottom: -19px;
	left: 50%;
	transform: translateX(-50%);
	border: 6px solid;
	border-color: #20B09F transparent transparent;
}
.trade-title:after {
	content: "";
	position: absolute;
	width: 52px;
	height: 3px;
	background-color: #20B09F;
	bottom: -8px;
	left: 50%;
	transform: translateX(-50%);
}
.trade-black {
	height: 400px;
}
.trade-box {
	width: 1200px !important;
	margin: 0 auto;
	position: relative;
	transition: all .3s ease;
}
.trade-box-list {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
.trade-box-item {
	flex: 1;
	text-align: center;
	position: relative;
	height:400px;
	background: no-repeat center;
	background-size: 100% auto;
}
.trade-content .trade-box-item:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: rgba(0,0,0,.6);
	transition: all .4s cubic-bezier(.4, 0, .2, 1);
}
.trade-box-item a {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}
/* a, button, input, textarea {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-moz-transition: all .3s ease;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
} */
.item-logo {
	margin: 0 auto;
	display: block;
}
.trade-content .trade-box-item .item-logo {
	position: relative;
	margin-top: 120px;
	transition: all .4s cubic-bezier(.4, 0, .2, 1);
}
.item-logo img {
	display: block;
	margin: 0 auto;
	max-width: 100%;
}
.item-title {
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	padding: 20px 0;
	position: relative;
}
.trade-content .item-title:before {
	content: "";
	position: relative;
	display: block;
	width: 20px;
	border-bottom: 2px solid #fff;
	margin: 0 auto 20px;
	transition: all .4s cubic-bezier(.4, 0, .2, 1);
}
.item-text {
	position: relative;
	transition: all .4s cubic-bezier(.4, 0, .2, 1);
	opacity: 0;
	margin-top: 10px;
}
.item-text p {
	color: #fff;
	font-size: 16px;
	margin-bottom: 5px;
}
/* .trade-content .item01 {
	background-image: url(../images/icon-at01.png);
}
.trade-content .item02 {
	background-image: url(../images/icon-at02.png);
}
.trade-content .item03 {
	background-image: url(../images/icon-at03.png);
}
.trade-content .item04 {
	background-image: url(../images/icon-at04.png);
}
.trade-content .item05 {
	background-image: url(../images/icon-at05.png);
} */
.trade-content .trade-box-item:hover .item-text {
	display: block;
	opacity: 1;
	margin-top: 0;
}
.trade-content .trade-box-item:hover:before {
	background-color: rgba(32, 176, 159, .9);
}
.trade-content .trade-box-item:hover .item-logo {
	margin-top: 80px;
}
.trade-content .trade-box-item:hover .item-title:before {
	opacity: 0;
	margin-bottom: 0;
}