/*-----------------------------------------------------------------------------------
Theme Name:东厂国际贸易集团
Theme URL:www.h-yr.com
Description:一家总部位于浙江温州的贸易集团公司，外贸出口平台“外贸通”合作企业。
Version:1.0
Author:售后微信813069
Tags: 东厂国际贸易集团 
-----------------------------------------------------------------------------------*/
/** 分页样式**/
.page_navi{width:100%; text-align:center; padding-top:3em;}
.page_navi a{padding:3px 8px;margin:2px;text-decoration:none;color:#888;border:1px solid #ccf;}
.page_navi a:hover,.page_navi a.current{border:1px solid #ff0000;color:#ff0000;font-weight:bolder;}
.swiper-container {
	width: 100%;
	height: 100%;
  }

  .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;

	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
  }
  .swiper-slide img {
  width: 80%;
  max-height: 190px;
}
.swiper-slide .title span{font-size: 12px; color: #ccc;}
.swiper-slide .title h5{font-size: 12px; color: #333;}
 .counter{  font-weight: 100 !important;} 
 .newstab .content .active h5 {
    text-align: left;
    font-size: 14px;
    min-height: 50px;
}

@media (max-width: 767px){
	.image-bg h1, .image-bg h2, .image-bg h3, .image-bg h4, .image-bg h5, .image-bg h6 {
		color: #ffffff;
		font-size: 3.5rem;
	}
	.fullscreen {
		height: 60vh;
	}
	section {
		padding: 20px 0;
	}
	.indexthin {
		margin-top: 55%;
		line-height: 60px;
	} 
	.icoimg {
		width: 80px;
		padding-top: 20px;
	}
	.icoimg2 {
		width: 58px;
		padding-top: 16px;
		margin-left: 15px;
	}
	.icoimg3 {
		width: 49px;
		padding-top: 15px;
		margin-right: 2px;
	}
	.icoh53 {
		padding-right: 0;
	}
	.inum h1.large, .h1 {
		font-size: 22px;
		line-height: 60px;
		font-weight: 300;
	}
	.inum  h5 {
		font-size: 13px;
		line-height: 24px;
		font-weight: 400;
	}
	.inum h5 img{ display: none;}
	.ccd {
		height: 30vh;
	}
	.image-bg .countdown {
		margin-top: 20%;
		color: #000;
		font-size: 24px;
		margin-left: 30%;
		line-height: 50px;
	}
	.image-bg .countdownccd {
		font-size: 15px;
		margin-top: 20px;
		text-align: right;
		padding-right: 15%;
		color: #000;
	}
	.footer-1 {
		padding: 15px 0;
        text-align: center;
	}
	.footer-1 br{display: inline;}
	.footer-1 .logo {
		max-height: 90px;
		margin-bottom: 10px;
	}
 
	.nav-is-overlay .page-title-1.image-bg:first-child, .nav-is-overlay.page-title-1.bg-dark:first-child, .nav-is-overlay .page-title-2.image-bg:first-child, .nav-is-overlay.page-title-2.bg-dark:first-child {
		height: 350px;
	}
	.newstab .content img {
		max-height: 100px;
	}
	.newstab .content .active h5 {
		min-height: 100px;
		font-size: 12px;
	}
	
	.swiper-slide img {
		width: 80%;
		max-height: 70px;
	  }
	  .mt-t {
		margin-top: 0px;
	}
	.button-tabs .tabs li {
		width: 100%;
		margin-bottom: 10px;
	}
	.button-tabs .tabs > li {
		float: left;
		margin-bottom: 20px;
		width: 100%;
		padding-right: 0px;
	}
	.button-tabs .tab-title {
		padding: 8px;
		display: inline-block;
		text-align: center;
		min-width: 180px;
		min-height: 20px;
		background: #f5f5f5;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		width: 100%;
		box-shadow: 0px 0px 10px rgba(136, 136, 136, 0.28);
	}
	.joblogo{display: none;}
	.jobcontext br{display: inline;}

}
@media (max-width: 576px){

	.image-bg h1, .image-bg h2, .image-bg h3, .image-bg h4, .image-bg h5, .image-bg h6 {
		color: #ffffff;
		font-size: 2.5rem;
	}
	.inum h1.large, .h1 {
		font-size: 17px;
		line-height: 60px;
		font-weight: 300;
	}
	.icoimg3 { 	 
		padding-top: 40px; 	 
	}
	.image-bg .countdown {
		margin-top: 6%;
		color: #000;
		font-size: 20px;
		margin-left: 30%;
		line-height: 50px;
	}
	.footer-2{display:none;}
	.jobcontext br{display: inline;}
}
@media  (min-width: 301px) and (max-width: 414px){
	.indexthin{display: none;}
	.icoimg3 {
		padding-top: 14px;
	}
	.ccd .countdown {display: none;}
	.ccd .countdownccd  {display: none;}
	}
@media (max-width: 300px){
.inum ,.ccd , .logo-carousel{display: none;}

}