@charset "utf-8";



/* 平板适配 */
@media (min-width: 860px) and (max-width:1248.99px) {
	body{
		padding-top: 66px !important;
	}
	html{
		font-size: 15px !important;
	}
	/* nav 导航  pad 版*/
	#header-right-box{
		overflow-y: auto !important;
	}
	.header{
		height: 66px;
	}
	.header .header-wrap{
		width: 98%;
		height: 66px;
	}
	.header .header-wrap .logo{
		width: 300px;
		justify-content: flex-start;
		align-items: flex-start;
	}
	
	.header .header-wrap .logo img{
		max-height: 100%;
		width: auto;
		object-fit: contain;
	}
	
	#header-right-box{
		top: 66px;
	}
	.nav-mobile-search .icon{
		font-size: 25px;
	}
	.nav-mobile-search{
		width: 50px;
		margin-right: 20px;
	}
	#menuBtn{
		height: 100%;
	}
	#menuBtn .menuBtn-wrap{
		width: 55px;
		height: 20px;
	}
	
	
	/* Banner */
	#home-banner{
		padding-bottom: 40px;
	}
	#home-banner .swiper-slide{
		width: 100vw;
		height: 500px;
	}
		

	#home-banner .swiper-slide .imgBack-box-pc {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0px;
		right: 0px;
		top: 0px;
		margin:auto;
		z-index: 1;
		background-size: cover !important;
	}
	
	#home-banner .swiper-slide .imgBack-box-pc{
		display: block;
	}
	#home-banner .swiper-slide .imgBack-box-mobile{
		display: none;
	}
	
	/* Banner动画 */
	#home-banner .swiper-slide .inbanner-animate {
		transform: translateX(0rem);
		opacity: 1 !important;
		transition: all .3s;
	}
	
	
	/* home Banner 文字 */
	#home-banner .swiper-slide .text-box .text-item h2,
	#home-banner .swiper-slide .text-box .text-item h3 {
		display: block;
	}
	
	#home-banner .swiper-slide .text-box {
		max-width: 1400px;
		text-align: left;
		width: 90%;
		height: 40%;
		position: absolute;
		left: 0px;
		right: 0px;
		top: 0px;
		bottom: 0px;
		z-index: 30;
		margin: auto;
		transition: all .4s;
		padding-top: 0%
		box-sizing: border-box;
	}
	
	
	#home-banner .swiper-slide .text-box .text-item {
		padding: 0rem 10px;
		height: 100%;
		color: #fff;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		align-content: center;
		justify-content: flex-start;
	}
	
	#home-banner .swiper-slide .text-box .text-item h2 {
		margin-top: 0px;
		margin-bottom: 10px;
		font-size: 30px;
		width: 100%;
	}
	
	#home-banner .swiper-slide .text-box .text-item h3 {
		font-size: 22px;
		font-weight: 400;
		width: 100%;
	}
	
	
	
	#home-banner .swiper-slide .text-box .text-item .more {
		margin-top: 15px;
		margin-bottom: 15px;
		display: inline-block;
		background: #ffffff;
		padding: 8px 20px;
		font-size: 1vw;
		border: 1px solid #1f8b3b;
		color: #1f8b3b;
		position: relative;
	}
	
	
	#home-banner .swiper-slide .text-box .text-item .more::before {
		content: '';
		position: absolute;
		width: 0%;
		height: 100%;
		background: #1f8b3b;
		left: 0px;
		top: 0px;
		transition: all .4s;
	}
	
	#home-banner .swiper-slide .text-box .text-item .more:hover::before {
		width: 100%;
	}
	
	#home-banner .swiper-slide .text-box .text-item .more:hover {
		color: #ffffff;
	}
	
	#home-banner .swiper-slide .text-box .text-item .more span {
		position: relative;
		z-index: 2;
		transition: all .3s;
	}
	
	
	/* Banner LINKS专用 Class */
	#home-banner .swiper-slide .text-box .text-item.blueLinks .more {
		border: none;
		color: #0d9cad;
	}
	
	#home-banner .swiper-slide .text-box .text-item.blueLinks .more:hover {
		color: #fff;
	}
	
	#home-banner .swiper-slide .text-item .blackFont {
		color: #333 !important;
	}
	
	
	/* 首页搜索 */
	.home-product-wrap .search-product-wrap .searchPro-wrap {
		width: auto;
		margin: 0 15px;
		margin-top: 15px;
		box-sizing: border-box;
	}
	.search-product-wrap .searchPro-wrap .title{
		width: auto;
	}
	.search-product-wrap .searchPro-wrap .searchPro-box{
		padding: 0 15px;
	}
	.search-product-wrap .searchPro-wrap .searchPro-box .keyword{
		width: 90%;
	}
	.search-product-wrap .searchPro-wrap .searchPro-box .search-btn{
		width: 10%;
	}
	
	/* 首页产品 目录 */
	.search-product-wrap .productNav-wrap {
		padding: 15px 0px;
	}
	.search-product-wrap .productNav-wrap .productNav-box{
		margin: 0 15px;
	}
	.search-product-wrap .productNav-wrap .productNav-box h2{
		margin-bottom: 15px;
	}
	.search-product-wrap .productNav-wrap li{
		margin-right: 2vw;
	}
	
	.home-product-wrap .home-product-box .title{
		padding: 15px 15px;
	}
	.home-product-wrap .home-product-box .product-list-box{
		padding: 0px 8px;
		box-sizing: border-box;
	}
	.home-product-wrap .home-product-box .product-list-box .list{
		width: 50%;
		height: auto;
		padding: 7px 7px;
		box-sizing: border-box;
		margin-bottom: 0rem;
	}
	.home-product-wrap .home-product-box .product-list-box .list a .img-box{
		width: 150px;
		height: 150px;
	}
	/* 应用程序 */
	.home-application-wrap .home-application-box .application-items-box{
		padding: 0px 8px;
		box-sizing: border-box;
	}
	.home-application-wrap .home-application-box .application-items-box .item:nth-child(1){
		margin-top: 0vw;
	}
	
	.home-application-wrap .home-application-box .application-items-box .item{
		width: 50%;
		height: auto;
		margin: 0px;
		padding: 7px;
		box-sizing: border-box;
	}
	.home-application-wrap .home-application-box .application-items-box .item .img-box{
		height: 25vw;
	}
	
	/* 关于我们 */
	.home-about-wrap .home-about-box .img-box{
		margin-right: 15px;
		margin-bottom: 15px;
	}
	
	.home-about-wrap .home-about-box .text-box{
		width: 100%;
		padding: 0px 15px;
		box-sizing: border-box;
	}
	
	/* 产业布局 */
	.yozho-branch-box{
		padding-bottom: 1vw;
	}
	.yozho-branch-box .yozho-map-box{
		padding-top: 63vw;
	}
	.yozho-branch-box .yozho-map-box .title-box{
		margin-bottom: 1rem;
	}
	#map-location-box{
		width: 100%;
		padding: 0px 15px;
		box-sizing: border-box;
	}
	
	/* 首页>新闻 */
	.home-news-box{
		padding: 0px 8px;
		box-sizing: border-box;
		justify-content: space-between;
	}
	.home-news-title{
		padding: 0rem 15px;
		padding-top: 25px;
	}
	.home-news-box .home-news-item{
		width: 100%;
		box-sizing: border-box;
		padding: 0px 7px;
	}
	.home-news-box .home-news-item:nth-child(1),.home-news-box .home-news-item:nth-child(2){
		width: 50%;
		margin: 0 auto;
		margin-bottom: 15px;
		box-sizing: border-box;
	}
	.home-news-box .home-news-item:nth-child(3){
		margin: 0px;
		margin-bottom: 1.2rem;
	}
	/* 公司介绍 */
	.about-slogan-Wrap .about-slogan-box .about-slogan-q1 img{
		width: 30vw;
	}
	.about-culture-Wrap .culture-item-box{
		padding-bottom: 2.8rem;
	}
	.about-culture-Wrap .culture-item-box .item{
		width: 50%;
		margin: 0rem;
		border: 5px solid rgba(0,0,0,0);
		box-sizing: border-box;
	}
	/* 发展历程 */
	.about-developmen-Wrap .about-developmen-nav-wrap .about-developmen-nav-box{
		width: auto;
		margin: 0px 1rem;
	}
	.about-developmen-box .about-developmen-swiper-A .swiper-slide .developmen-A-item .img-box{
		height: 40vh;
	}
	
	.about-partner-wrap .about-partner-box .item{
		height: 10rem;
	}
	/* 产品 */
	#product-banner .img-box{
		background-position: 0rem !important;
	}
	.product-application-item .img-box{
		height: 40vw;
	}
	/* 新闻中心 */
	.news-itemBox{
		width: 100%;
		box-sizing: border-box;
	}
	.news-itemBox .margin{
		display: flex;
		justify-content: space-between;
		align-items: baseline;
		padding: 0rem 1rem;
	}
	.news-itemBox .news-item{
		width: 50%;
		margin: 0px;
		padding: 1rem;
		box-sizing: border-box;
	}
	
	.news-itemBox .news-item .title{
		height: 3em;
		overflow: hidden;
	}
	.news-itemBox .news-item .img-box{
		height: 25vw;
	}
	.news-itemBox .news-item .description{
		height: 4.5rem;
		overflow: hidden;
	}
	#pageTurning .pagination{
		margin-bottom: 1rem;
	}
	/* 解决方案 */
	.solution-box .margin{
		justify-content: center;
		padding: 1rem;
	}
	.solution-box .solution-item{
		width: 50%;
		padding: .5rem;
		box-sizing: border-box;
		margin: 0rem;
	}
	.solution-box .solution-item a{
		box-sizing: border-box;
	}
	/* 应用领域 */
	.application-box .item .img-box{
		height: 40vw;
	}
	.application-box .item .text-box .description{
		height: auto;
	}
	/* 成功案例 */
	.innerPage-universal-title h2{
		padding: 1rem 0rem;
	}
	.innerPage-universal-itemBox .item{
		width: 50%;
		box-sizing: border-box;
		padding: .5rem;
		margin: 0;
	}
	.innerPage-universal-itemBox .item .img-box{
		height: 25vw;
	}
	.innerPage-universal-itemBox .item:nth-child(1){
		margin: 0;
	}
	
	/* 资料下载 */
	.innerPage-universal-title h2{
		padding: .5rem;
	}
	.innerPage-universal-title img{
		width: 20rem;
	}
	.information-itemBox{
		padding: .5rem;
	}
	.information-itemBox .information-item{
		width: 50%;
		padding: .8rem;
		margin: 0;
	}
	.information-itemBox .information-item .title{
		line-height: 1.5em;
		height: 3em;
		overflow: hidden;
	}
	.information-itemBox .information-item:nth-child(1),.information-itemBox .information-item:nth-child(2){
		margin: 0;
		padding-top: 0rem;
	}
	/* 合作伙伴-内页 */
	.about-partner-wrap .about-partner-box .item{
		width: 20%;
		height: 10vw;
	}
	
	
	/* 内人招聘 */
	.why-yozho-itemBox{
		padding: 1rem;
		align-items: flex-start;
	}
	.why-yozho-itemBox .why-yozho-item{
		width: 50%;
		padding: 1rem;
	}
	.yozho-welfare-textBox .swiper{
		width: 100%;
	}
	.yozho-welfare-textBox .item{
		margin: 0rem 1rem;
	}
	/* 校园招聘 */
	.choose-yozho-recruitment-wrap .yozho-recruitment-item{
		width: 50%;
		padding: 15vw 0rem;
	}
	/* 人才培训 */
	.talents-training-box .margin{
		align-items: stretch;
		justify-content: space-around;
		padding: 0rem 1rem;
		padding-bottom: 3vw;
	}
	.talents-training-box .training-item{
		width: 50%;
		padding: .5rem;
		margin: 0px;
	}
	.talents-training-box .training-item .img-box{
		height: 30vw;
	}
	.talents-training-box .training-item .description{
		height: 4.5em;
		overflow: hidden;
	}
	
	/* 永卓 校园招聘*/
	.campusRecruiting-title img{
		width: 35vw;
	}
	.campusRecruiting-box{
		padding-bottom: .2rem;
	}
	.campusRecruiting-box .margin{
		padding: .5rem;
	}
	.campusRecruiting-box .margin .campusRecruiting-item{
		width: 50%;
		padding: 0.5rem;
		margin: 0rem;
		box-sizing: border-box;
	}
	/* 栏目内容 */
	.channelContent-box{
		max-width: 100%;
		margin: 1rem 1rem;
	}
	
	/* 产品列表 */
	.product-listBox-Wrap{
		margin-bottom: -2rem;
	}
	.product-listBox-itemBox .margin{
		justify-content: center;
		padding: 0rem .5rem;
	}
	
	.product-listBox-itemBox .product-item{
		width: 48%;
		margin: 0 1%;
		margin-bottom: 2%;
		padding: 0rem;
	}
	
	.product-listBox-itemBox .product-item-B{
		width: 48%;
		margin: 0 1%;
		margin-bottom: 2%;
	}
	.product-listBox-itemBox .product-item-B .button-box dd{
		padding: .2rem 1rem;
	}
	/* 产品内容页 */
	.product-top-box{
		display: flex;
	}
	
	.product-top-box .right-wrap{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		width: 100%;
	}

	.product-top-box .right-wrap .img-box{
		width: 60%;
	}
	.product-top-box .right-wrap .button-box{
		width: 37%;
		display: flex;
		justify-content: flex-end;
		flex-wrap: wrap;
		margin-top: 0rem;
		flex-direction: column-reverse;
		justify-content: flex-start
		
	}
	.product-top-box .right-wrap .button-box .button{
		width: 100%;
		box-sizing: border-box;
		margin-top: 5%;
	}
	
	.product-top-box .right-wrap .button-box .button .icon{
		width: auto;
		font-size: 30px;
		padding-right: 15px;
	}
	.product-top-box .left-wrap .description-box p{
		line-height: 1.6em;
	}
	/* 新闻内容 */
	.news-content-box{
		margin: 1rem 1rem;
		box-shadow: 0px 3px 5px rgba(204, 204, 204, .8);
	}
	
	/* 当前位置 */
	.location-Wrap .location-box .links-box a{
		padding: 0rem 5px;
	}
	.location-Wrap .location-box .links-box span{
		padding-right: 5px;
	}
}


















@media (min-width: 900px) and (max-width:1251px){
	.product-summery-Features-box{
		flex-wrap: nowrap;
		padding-top: .5rem;
	}
	.product-summery-Features-box .features-left-box{
		width: 30%;
	}
	.product-summery-Features-box .features-right-box{
		width: 70%;
		margin-top:0px;
		padding-left: .5rem;
	}
}