@charset "utf-8";

#banner{ width: 100%; height: 4.5rem; overflow: hidden; position: relative; margin-top: 80px; top: 0; background-color: #000;}
#banner .banner{position: relative; height: 100%;}
#banner .banner .video-box{	position: absolute;	left: 0;top: 0;	width: 100%;height: 100%;overflow: hidden;}
#banner .banner .video-box video{position: absolute;width: auto;height: auto;max-width: 100%;min-width: 100%; max-width: calc(100%+1px);min-width: calc(100%+1px); object-fit:fill; top: 50%; left: 50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
#banner .banner-bg{position: relative; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover;}
#banner a img{width: 100%; display: block;}
#banner .banner-con{text-align: left; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); color: #fff;}
#banner .swiper-slide{ position: relative; height: auto !important;}
#banner .swiper-button-prev{left: 10px;opacity: .1; transition: all 0.3s ease-in-out;}
#banner .swiper-button-next{right: 10px;opacity: .1; transition: all 0.3s ease-in-out;}
#banner:hover .swiper-button-prev{opacity: .2; }
#banner:hover .swiper-button-next{opacity: .2; }
#banner .swiper-button-prev:after{font-size: 30px; padding: 15px 10px; color: #fff; border-top-right-radius: 5px; border-bottom-right-radius: 5px;}
#banner .swiper-button-next:after{font-size: 30px; padding: 15px 10px; color: #fff; border-top-left-radius: 5px;border-bottom-left-radius: 5px;}
#banner .swiper-button-prev:hover{opacity: 1;}
#banner .swiper-button-next:hover{opacity: 1;}
#banner .swiper-pagination-bullet-active{background-color: #3775C6;}



.module-title{padding: .2rem 0 .2rem 0; display: block; margin: .5rem 0 0; position: relative; }
.module-title h2{color: #000000; font-size: .34rem; font-family: bebas; line-height: 1.2em; text-transform: uppercase; margin-bottom: .1rem; display: block; position: relative;}
.module-title h4{color: #000000; font-size: .18rem; line-height: 1.2em; font-weight: normal; text-transform: uppercase; margin-bottom: .1rem; display: block; position: relative;}
.module-title span{height: 4px; position: relative; background: #000000; border-radius: 0.5rem; margin: .08rem 0 .1rem; width: .9rem; display: block;}
.module-title .more{ position: absolute; right: 0; top: .28rem; display: block; text-transform: uppercase; box-sizing: border-box; font-size: .12rem; color: #000; padding:0 0.18rem; line-height: 0.26rem; height: 0.28rem;  border: solid 1px #E4E4E4; border-radius: 0.2rem; transition: all 0.3s ease-in-out; background: #fff no-repeat right 115px center;}
.module-title .more:hover{
	background: #3775C6 url(../img/icon-more.png) no-repeat right .2rem center;
	border-color: #3775C6;
	color: #fff;
	padding:0 .5rem 0 0.25rem;
}


.module-2{ background-position: center center; min-height: 4rem; background-repeat: no-repeat; background-size: cover; padding: 1rem 0;}
.module-2 .module-title h2{	text-align: left; color: #fff;}
.module-2 .module-title h4{	text-align: left; color: #fff;}
.module-2 .module-title span{background-color: #fff;}
.module-2 .main-box{padding-right: 6rem;}
.module-2 .con{color: #fff;}
.module-2 .con p{margin-bottom: 1em;}


.module-1{overflow: hidden; position: relative; min-height: 5rem; margin-top:.2rem; padding-bottom: .6rem;}
.module-1 .con table{margin: 0 ; position: relative; background-color: #f1f1f1;}
.module-1 .con th{text-align: left; font-size: .2rem; color: #fff; padding-left: 15px;}
.module-1 .con td{background: #fff; font-size: .18rem; padding: 5px 15px;}
.module-1 .con tr:hover td{background-color: #f1f1f1;}
.module-1 .con td:nth-child(1){width: 200px; text-align: center;}
.module-1 .con td:nth-child(2){width: 350px;}
.module-1 .con td:nth-child(3){width: 650px;}
.module-1 .con td:nth-child(4){width: 100px;}
.module-1 .con .b td{font-weight: bold; color: #888; text-transform: uppercase;}


.international-trade{
	display: flex;
}
.international-trade h4{
	font-size: .24rem; font-family: bebas; font-weight: normal; line-height: 1.2em; text-transform: uppercase;
	padding: .4rem 0 .2rem;
}
.international-trade p{
	margin-bottom: 0.5em;
}
.international-trade .left-box{
	width: 50%;
}
.international-trade .right-box{
	width: 50%;
}


@media screen and (max-width: 768px) {
	
	#banner{ width: 100%; height: 45vw; min-width: 100%; max-height: 45vw; margin-top: 50px; overflow: hidden; position: relative; top: 0px; background-color: #000;}
	#banner .video-box{	position: absolute;	left: 0; top: 0;	width: 100%;height: 100%;overflow: hidden;	}
	#banner .video-box video{position: absolute;width: auto;height: auto;max-width: 100%;min-width: 100%;max-width:  calc(100%+2px);min-width: calc(100%+2px);object-fit:fill;top: 50%;	left: 50%;	-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
	#banner a img{width: 100%; display: block;}
	#banner .swiper-slide{box-shadow: 0 0 50px rgba(0,0,0,0.8); position: relative; height: auto !important;}
	#banner .swiper-button-prev, #banner .swiper-button-next{display: none;}
	#banner .swiper-pagination{bottom: 5px;}
	#banner .swiper-pagination-bullet-active{background-color: #E40012;}
	#banner .banner-con{text-align: left; position: absolute; width: 90%; left: 5%; top: 40%; transform: translate(0,-10%); color: #fff;}
	#banner .banner-con h2{font-size: .6rem; font-weight: bold; letter-spacing: 2px; line-height: 1.2em; text-shadow: 0 0 3px rgba(0,0,0,.4);}
	#banner .banner-con h4{font-size: .7rem; font-weight: normal; letter-spacing: 1px; position: relative; top: -2px; text-shadow: 0 0 3px rgba(0,0,0,.4);}
	#banner .banner-con h5{font-size: 12px; font-weight: normal; letter-spacing: 2px; position: relative; margin-top: 10px; text-shadow: 0 0 3px rgba(0,0,0,.4);}
	#banner .banner-con span{width: 100px; display: none; height: 32px; text-align: center; padding: 0; line-height: 30px; margin: 5px auto; opacity: .8; box-shadow: 0 0 3px rgba(0,0,0,.4);}
	#banner .banner-con h3{font-size: 14px; font-weight: normal; letter-spacing: 4px; position: relative; text-shadow: 0 0 3px rgba(0,0,0,.4);}
	
	.module-title{padding: 10px 20px 0 ; display: block; margin: .25rem 0 0; position: relative; }
	.module-title h2{color: #000; font-size: .37rem; line-height: 0.6em; text-align: left; margin-bottom: .1rem; display: block; position: relative;}
	.module-title span{height: 2px; position: relative; border-radius: 3px; margin:2px 0 10px; width: 0.5rem; display: block;}
	.module-title .more{ position: absolute; right: 20px; top: 0; text-transform: uppercase; box-sizing: border-box; font-size: 12px; height: 26px; line-height: 24px; color: #888; width: 70px; padding-left: 0; border-radius: 3px; transition: all 0.3s ease-in-out; background: none; }
	.module-title .more:hover{
		background: none;
		border: none;
		color: #fff;
		width: 100%;
	}

	.module-1{
		padding: 0 15px 60px;
	}
	.module-1 .module-title{
		padding-left: 0px;
	}
	
	.module-2 .main-box{padding: 0 10px;}
	.module-2 .con{color: #fff;}
	.module-2 .con p{margin-bottom: 1em;}

	.module-1 .con{overflow: auto;}
	.module-1 .con td{background: #fff; font-size: .18rem; padding: 5px 5px;}
	.module-1 .con td:nth-child(1){white-space: nowrap;}
	
	
}