body { overflow-x: hidden}
.focus {position: relative;width: 100%;color: #fff;	background-color: #333;	overflow: hidden}
.focus .swiper-container, .focus .swiper-slide {width: 100%;height: 100%}
.focus .swiper-pagination {	font-size: 0}
.focus .swiper-container-horizontal>.swiper-pagination-bullets, .focus .swiper-pagination-custom, .focus .swiper-pagination-fraction {	left: 50%;bottom: 0;width: 400px;height: 11px;margin-left: -200px}
.focus .swiper-pagination-bullet {opacity: 1;border-radius: 50%;width: 7px;height: 7px;	vertical-align: middle;	border: 2px solid #fff;	background-color: #fff}
.focus .swiper-pagination-bullet-active {background-color: transparent}
.focus .pagination-button {	position: absolute;	left: 0;bottom: 60px;width: 100%}
.focus .pagination-button .swiper-pagination {	position: relative;	text-align: left}
.focus .pagination-button .swiper-pagination-bullet {margin-right: 20px}
.focus .swiper-button-next, .focus .swiper-button-prev {/*	display:none	*/}
.focus .swiper-slide .bg {	position: static;	top: 0;	right: 0;bottom: 0;	left: 0;background-position: center;background-size: cover;	transition: all 1s ease 2s;	transform: scale(1.4);	padding-top: 38%;}
.focus .swiper-slide .wrap {position: absolute;	top: 32%; left: 0; right: 0; transform: translateY(-50%);}
.focus .swiper-slide .info {transform: translateY(-50%);position: absolute;	top: 32%;left: 0; z-index: 1}
.focus .swiper-slide .info h2 {	font-size: 52px; font-weight: 900;	line-height: 55px;	opacity: 0;	visibility: hidden;	transform: translateX(-100px);	transition: all 1.2s}
.focus .swiper-slide .info h3 {	margin-top: 36px;font-size: 42px;font-weight: 400;	opacity: 0;	visibility: hidden;	transform: translateX(100px);	transition: all 1.2s}
.focus .swiper-slide .info p {	font-family:  "Microsoft Yahei","微软雅黑", "Arial", "Verdana", "sans-serif";	font-size:14px;	line-height:140%; margin-top: 5px; color: rgba(255,255,255,.9);	text-transform: uppercase;opacity: 0;	visibility: hidden;	transform: translateX(100px);	transition: all 1.2s}
.focus .swiper-slide .info a {	display: inline-block;margin-top: 45px;padding: 0 38px;font-size: 14px;color: #fff;	line-height: 42px;	border-radius: 30px;background-color: #1473e6;	opacity: 0;	visibility: hidden;	transform: translateX(100px);transition: all 1.2s}
.focus .swiper-slide-active .bg, .focus .swiper-slide-duplicate-active .bg {transition: all 14s cubic-bezier(0, 1, .34, .99);transform: scale(1, 1)}
.focus .swiper-slide-active .info a, .focus .swiper-slide-active .info h2, .focus .swiper-slide-active .info h3, .focus .swiper-slide-active .info p, .focus .swiper-slide-duplicate-active .info a, .focus .swiper-slide-duplicate-active .info h2, .focus .swiper-slide-duplicate-active .info h3, .focus .swiper-slide-duplicate-active .info p {opacity: 1;	visibility: visible;transform: translateX(0)}





@media (max-width:1420px){.wrapper{padding:0 20px;}}
@media (max-width:1240px){.wrap{padding:0 20px;}}

.textHidden{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.topbar{height:35px;font-size:14px;color:#fff;line-height:35px;background-color:#222;position:relative;z-index:5;}
.topbar a{color:#fff;}.stock-code{float:left;}
.topnav{float:right;}
.topnav li{float:left;margin-left:35px;position:relative;}
.topnav li .icon-supplier,.topnav li .icon-user,
.topnav li .icon-lang{display:inline-block;width:25px;height:25px;margin-top:-2px;margin-right:6px;vertical-align:middle;background-repeat:no-repeat;background-position:center;}
.topnav li .icon-supplier{background-image:url("../images/icon/01.png");}
.topnav li .icon-user{background-image:url("../images/icon/02.png");}
.topnav li .icon-lang{background-image:url("../images/icon/03.png");}
.topnav li .icon-arrow{display:inline-block;width:7px;height:7px;margin-top:-2px;margin-left:8px;vertical-align:middle;background:url("../images/icon/04.png") no-repeat center;}
.topnav li .link-box{position:absolute;width:100%;text-align:center;background:#222;z-index:2;display:none;}
.topnav li .link-box a{display:block;border-bottom:1px solid rgba(255,255,255,0.25);}
.topnav li:hover .link-box{display:block;}


@media (max-width:1366px) {
.focus {}
.focus .swiper-slide .info {box-sizing: border-box; padding: 0 20px}
.focus .swiper-slide .info h2 {	font-size: 42px}
.focus .swiper-slide .info h2 img {	height: 42px}
.focus .swiper-slide .info h3 {	margin-top: 25px;font-size: 32px}
.focus .swiper-slide .info p {	margin-top: 0;	font-size: 12px}
.focus .swiper-slide .info a {	margin-top: 30px;padding: 0 30px;font-size: 12px;line-height: 35px}
}
@media (max-width:1024px) {
.focus {height: auto;}
.focus .swiper-slide {}
.focus .swiper-slide .wrap {position: absolute;	left: 0;right: 0;top: 50%;height: auto;}
.focus .swiper-slide .bg {position: static;}
.focus .swiper-slide .info {box-sizing: border-box;	padding: 0 20px}
.focus .swiper-slide .info h2 {	font-size: 32px}
.focus .swiper-slide .info h2 img {	height: 32px}
.focus .swiper-slide .info h3 {	margin-top: 25px;font-size: 22px}
.focus .swiper-slide .info p {	margin-top: 0;	font-size: 10px}
.focus .swiper-slide .info a {	margin-top: 30px;padding: 0 30px;font-size: 12px;line-height: 35px}
}
@media (max-width:767px) {
.focus {}
.focus .swiper-slide .info {box-sizing: border-box;	padding: 0 20px}
.focus .swiper-slide .info h2 {	font-size: 24px}
.focus .swiper-slide .info h2 img {	height: 24px}
.focus .swiper-slide .info h3 {	margin-top: 10px;font-size: 16px}
.focus .swiper-slide .info p {	font-size: 12px}
.focus .swiper-slide .info a {	margin-top: 10px;padding: 0 30px;font-size: 12px;line-height: 35px}
.focus .pagination-button {bottom: 15px}
.focus .pagination-button .swiper-pagination {	text-align: center}
.focus .pagination-button .swiper-pagination-bullet {margin-right: 5px;	margin-left: 5px}
.focus .swiper-pagination-bullet {	opacity: 1;	border-radius: 50%;	width: 7px;	height: 7px;vertical-align: middle;	border: 1px solid #fff;	background-color: transparent}
.focus .swiper-pagination-bullet-active {background-color: #fff}
.page-banner{height:260px;}
}

@media (max-width:420px){
.focus .swiper-slide{ height:200px;}    
}