/*首页-导航部分*/
.nav{position:fixed;top:0;left:0;right:0;width: 100%; height: 130px; background: #ff9b19;  z-index:99; transition: 0.3s;display: flex;flex-direction: row;justify-content: space-between;align-items: center;}
.nav .nav-left{display: flex;flex-direction: row;align-items: center;}
.nav .nav-right{margin-right: 90px;}
.nav .nav-logo{height: 66px;margin: 30px;}
.nav .nav-icon-box{display: flex;align-items: center;justify-content: center;background: #ffc557;width: 130px;height: 130px;}
.nav .nav-icon{background: #ffc557;padding: 34px;}
.nav .nav-logo a{display: flex;flex-direction: row;align-items: center;}

.nav .translate{background: none;color:#48a0b8}
.nav .nav-list-wrapper{position:absolute;top: 130px;left: 6.8%;width: 93.2%;background:#ff9b19;display: flex;flex-direction: row;justify-content: space-between;align-items: center;}
.nav-list{width: 88%;margin: 1.4rem auto;color: #fff;font-size:0.28rem;}
.nav-box{border-bottom: 1px solid #fff;padding-bottom:1rem;position: relative;}
.nav-item{display: flex;flex-direction: row;align-items: center;}
.nav-item-index{margin-right:1rem;}
.nav-item-word{font-size:0.84rem;line-height: 2rem;}
.nav a{text-decoration: none;color: #fff;}
.nav .language{display: flex;flex-display: row;}
.nav .search-box{width: 350px;display: flex;flex-direction: row;align-items: center;}
.nav .search-box .search-icon{width: 20px;height: 20px;margin-right: -30px;z-index:9;}
.nav .search-box .search-input{border:none;height: 40px;line-height: 40px; padding-left: 40px;border-radius: 30px;background: white;}
.nav .search-box .search-select{border:none;margin-left: 20px;}

.contact-box{position:absolute;right:0;bottom:1rem;display: flex;flex-direction: row;align-items: center;}
.tel-box{height: 1.2rem;display: flex;flex-direction: column;justify-content: space-between;line-height: 0.6rem;font-size: 0.28rem;}
.img-box{display: flex;flex-direction: row;align-items: center;margin-left:0.2rem;}
.img-wrapper{padding:0.3rem;margin-right: 0.2rem;border-radius: 50%;border:1px solid #fff;}
.contact-icon{width: 0.6rem;height:0.6rem; }

/*首页版权*/
.index-company-name{font-size: 1rem;margin-top:1.2rem;}
.index-copy-right{height: 2rem;line-height: 2rem;}

.section{width: 100%;position: relative;font-size:0.36rem;}
.common-inner{width: 76%;margin:0 auto;position: absolute;top:0;left:0;right:0;bottom:0;}
.section-bg-image{width: 100%;}
.section-content{margin-top:3.6rem;}
.section-tip{margin-bottom:0.92rem;font-size:0.24rem;}
.section-title{font-size: 0.88rem;font-weight: bold;line-height: 1.2rem;}
.section-subhead{margin-bottom:2rem;}
.section-summary{font-size: 0.48rem;line-height: 0.88rem;}
.section-description{line-height: 0.72rem;}
.section-button{width: 3.2rem;height:1rem;line-height:1rem;border-radius:0.6rem; margin-top:2rem;font-size:0.32rem;background: #ff9b19;color: #fff;text-align: center;}
.section-button a{color: #fff;}
.section-overview{background: #ededed;}

.slogan-inner{width: 82%;margin:0 auto;position: absolute;top:0;left:0;right:0;bottom:0;}
.slogan-list{display: flex;flex-direction: row;justify-content: space-between;margin-top:4rem;}
.slogan-list-item{width:22%;background: #e08510;font-size: 0.28rem;color:#fff;padding-bottom: 0.64rem;}
.slogan-title{font-size:0.64rem;line-height: 0.96rem;margin-top:2.6rem;margin-left:0.72rem;}
.slogan-subhead{font-size:0.42rem;margin-bottom:2.6rem;margin-left:0.72rem;}
.slogan-summary{font-size:0.44rem;line-height: 0.84rem;margin-left:0.72rem;}
.slogan-description{line-height: 0.6rem;margin-left:0.72rem;}

.section-business{color: #fff;font-size:0.32rem;}
.section-business-inner{display: flex;flex-direction: row;justify-content: flex-end;}
.section-business-content{width: 50%;}
.section-business-summary{font-size: 0.32rem;line-height: 0.88rem;}

.section-brand{background: #ededed;}
.brand-inner{width: 76%;margin:0 auto;padding-top: 1.6rem;padding-bottom:3rem;}
.brand-list{display: flex;flex-direction: row;flex-wrap:wrap;justify-content: space-between;background: #334049;;}
.brand-item{width:24.6%;height:3.6rem;background: #2d363f;margin-bottom: 0.2rem;}
.brand-item:nth-child(n+8){margin-bottom:0;}
.brand-item:hover{background: #ff9b19;}
.brand-logo-box{width:100%;height:100%;display: flex;flex-direction: row;justify-content: center;align-items: center;}
.brand-logo{width: 50%;}

/*首页底部*/
.index-footer-wrapper{height:1.5rem;margin: 0.32rem auto;text-align: center;}
.index-company-name{font-size: 0.1rem;margin-top:0.12rem;}
.index-copy-right{border-top:1px solid #333;color:#666;font-size:0.3rem;height: 2rem;line-height: 2rem;text-align: center}

/*其他页面通用底部*/
.footer-wrapper{margin: 1rem auto;text-align: center;}
.company-name{font-size: .32rem;margin-top:.5rem;}
.copy-right{border-top:1px solid #333;color:#666;font-size:0.2rem;height: 1.2rem;line-height: 1.2rem;text-align: center}

/** 关于永卓 */
.main-about{padding-top: 90px; padding-bottom: 130px;margin:0 auto;}
.about-banner{width: 100%;height: 0;overflow: hidden;padding-bottom:33.33%;}
.about-banner img{width: 100%;}

.about-info-summary{font-size: 0.4rem;line-height: 0.72rem;color:#888;}
.main-about-big-title{text-align: center;color: #ff9b19;marin-top:1.4rem;margin-bottom:1.4rem;position: relative;margin-bottom:1.2rem;}
.main-about .about-un-name-img{position:absolute;top:.8rem; right: -2rem; width: 320px;height: 50px;margin-bottom: 80px;}
.main-about .main-about-big-title span{padding: 12px; border-bottom: 4px solid #ff9b19;}
.main-about .main-about-small-title{text-align: center;margin-top: 2.8rem;}
.main-about .main-about-item{margin-bottom: 2rem;color:#424242}
.main-about img{width: 100%;height: 100%;}
.main-about .main-about-content-desc{margin-top: .4rem;}
.main-about .last-about-p{border-top: 1px solid #ff9b19;padding-top: 10px;margin-top: 10px;display: inline-block;}
.main-about-image{text-align: right;}
.item-title{display: flex;flex-direction: row;justify-content: space-around;align-items:center;height: 2.6rem;}
.item-title-item{display: flex;flex-direction: column;align-items: flex-end;}
.item-title-item-middle{display: flex;flex-direction: column;align-items: center;margin-top: 1.2rem;}
.item-title-item-middle span{display: inline-block;width: .5rem;border-bottom: .06rem solid #333;padding-bottom:0.24rem;}
.small-title-text{margin-top: 0.2rem;}

.main-about-video{width: 100%;}

/*门店介绍*/
.title-box{display: flex;flex-direction: column;align-items:center;margin: 2rem 0;}
.title-box .border-bottom{display: inline-block;width: .5rem;border-bottom: .1rem solid #333;padding-bottom:0.24rem;}
.shop-img-box{display: flex;flex-direction: row;justify-content:space-between;flex-wrap: wrap;border-radius: 0.5rem;overflow: hidden; }
.shop-img-box .shop-img{width: 5rem;height: 5rem;margin-bottom: .6rem;}
.shop-img:nth-child(5){margin-bottom: 0;}
.shop-img:nth-child(6){margin-bottom: 0;}
.shop-img:nth-child(7){margin-bottom: 0;}
.shop-img:nth-child(8){margin-bottom: 0;}

/*仓库介绍*/
.warehouse-box{display: flex;flex-direction: row;justify-content: space-between;}
.warehouse-item{display: flex;flex-direction: column;width: 49%;}
.warehouse-word{display: flex;flex-direction: row;justify-content: space-around;align-items:center;height: 6rem;}
.warehouse-word-item{display: flex;flex-direction: column;}
.warehouse-img{border-radius: 1rem;}

/*联系我们*/
.breadcrumb-box{margin-top: 3rem;}
.partner-item-title{height: 3rem; line-height: 3rem;}
.partner-item-title span{border-bottom: .04rem solid #0C0C0C;padding-bottom: 0.4rem;}
.partner-item-content{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;padding: 1rem 0;overflow: hidden}
.partner-img{width: 100%;}
.partner-logo{width: 2rem;height: 2rem;}
.partner-brand-box{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;}
.partner-brand-box:after{width: 30%;content:''}
.partner-brand-item{width: 30%; height:4.4rem;text-align: center;}
.partner-brand-img{width: 100%;}

/*.contact-box{background-color: #f8f8f8;padding-top:2rem;padding-bottom:1.2rem;}*/
/*.contact-box .contact-title-box{height: 2.8rem;display: flex;flex-direction: column;align-items:center;}*/
/*.contact-content-box{display: flex;flex-direction: row;justify-content: space-between;align-items: flex-end;}*/
/*.contact-company-name{line-height: 2.4rem;}*/
/*.contact-info{color: #424242}*/
/*.right{display: flex;flex-direction: row;justify-content: space-between;}*/
/*.right img{width: 2.8rem;height: 2.8rem;margin-left:1.5rem;}*/
/*.border-bottom-blue{display: inline-block;width: .5rem;border-bottom: .1rem solid #1699b5;padding-bottom:0.24rem;}*/

/*加入我们*/
.job-item{margin: 1.2rem auto;box-shadow: 6px 6px 4px #f0f0f0;border-radius: .6rem;}
.job-item-name{display: flex;flex-direction: row;justify-content: space-between;height: 0.8rem; line-height: 0.8rem;padding: 0 1rem;}
.job-item-name-left{display: flex;flex-direction: row;align-items: center;}
.job-item-name-right{display: flex;flex-direction: row;align-items: center;}
.job-icon{width: 0.8rem;height: 0.8rem;font-size: 0.8rem;}
.job-item-desc{line-height: 0.8rem;padding: 0.5rem 1rem;}
.job-desc{font-size: .4rem;color: #555;}
.job-item-content{background-color: #ff9b19;color:#fff;padding: 0.5rem 1rem;border-bottom-left-radius: 0.6rem;border-bottom-right-radius: 0.6rem;}
.join-us-button{height: 1.6rem;line-height: 1.6rem; background-color: #ff9b19;color: #fff;text-align: center;margin: 3rem auto;}

/*品牌管理页面*/
.main-brand-item{text-align: center;}
.main-brand-content{display: flex;flex-direction: row;flex-wrap:wrap;}
.main-brand-logo-box{width:16.66%;height:3.4rem;line-height:3.4rem;margin-bottom:0.8rem;background-color: #fff;text-align: center;}
.main-brand-logo-box:hover{background-color: #f8f8f8;}
.main-brand-logo{width: 80%;}

/*品牌页面*/
.recommend-brand-logo{height: 4.8rem; display: flex;flex-direction: column;align-items: center;justify-content: flex-end;}
.brand-breadcrumb-box{margin-top: 3rem;}
.join-breadcrumb-box{margin-top: 3rem;}
.recommend-brand-desc{padding-bottom: 2rem; width:20rem;margin:0 auto;font-size: .4rem; line-height: .8rem; color: #777;}
.recommend-brand-video{width: 100%;text-align: center;position: relative;}
.recommend-brand-video-bg{position: absolute;top:0;left:0;right:0;bottom:0;width: 100%;height: 100%;z-index:-1;opacity: 0.5}
.brand-video{width: 980px;margin: 2rem auto;}
.recommend-brand-product{display: flex;flex-direction: row;}
.recommend-brand-product-item{display: flex;flex-direction: column;align-items:center;padding-bottom: 4rem;}
.category-title{line-height: 1rem;font-size: 0.8rem;max-width: 5rem;margin:2.6rem auto;text-align: center;font-family: 'yojoinFont'}
.brand-product-img{width: 100%;}

/*新闻列表页面*/
.unname-box{display: flex;flex-direction: row;justify-content: flex-end;color:#ff9b19;margin: 1rem auto;}
.main-news-box{width: 100%;display: flex;flex-direction: row;justify-content: space-between;flex-wrap: wrap;}
.main-news-box:after{content:'';width:30%;}
.main-news-item{width: 30%; margin-bottom: 1rem;transition:transform 1s;-webkit-transition:transform 1s;}
.main-news-item:hover{transform: translateY(-0.32rem)}
.main-news-img-box{height: 6rem;line-height: 6rem;border: solid #003480 2px;text-align: center;}
.main-news-img{width: 90%;}
.news-title-box{margin-top: 1rem;display: flex;flex-direction: row;justify-content: space-between;align-items: center;}
.news-title{font-weight: bold; line-height: 0.8rem;font-size: 0.4rem;color: #555;width: 70%;}
.news-summary{line-height: 0.56rem;color:#a9a9a9;height: 1.7rem;overflow: hidden;}
.more{display: flex;flex-direction: row;justify-content: flex-end;color:#ff9b19;line-height: 1rem;font-weight: bold;font-size: 0.4rem;}

/*新闻详情页面*/
.news-detail-title-box{text-align: center;line-height: 1.2rem;color: #999;}
.news-detail-title{text-align: center;color: #666;}
.push-time{text-align: center;}
.news-detail-desc{padding-top:0.8rem;padding-bottom:0.8rem;border-top:1px solid #999;border-bottom:1px solid #999;line-height: 0.6rem;color:#999;}
.page-size{line-height: 0.8rem;color: #999;}
.page-size a{color: #999;}
/*面包屑*/
.breadcrumb-box{width: 90%;margin: 3rem auto 0 auto;height: 1rem;line-height: 1rem;}
.breadcrumb-box a {padding: 0.6rem 0.2rem;}
.breadcrumb-box a:hover{color: #ff9b19;}

.brand-breadcrumb-box{width: 90%;margin: 0 auto;height: 2rem;line-height: 2rem;}
.brand-breadcrumb-box span{display: inline-block;}
.brand-breadcrumb-box a {display: inline-block;color:#424242;height: 0.4rem;line-height: 0.4rem;}
.brand-breadcrumb-box a:hover{color: #ff9b19;}
/*自适应*/
/*手机屏幕*/
/*@media screen and (max-width: 480px){*/
    /*.brand-box{display:flex;flex-direction: column;background-color: #0d6c4e;}*/
    /*.brand-box .brand-item{width: 100%;}*/
    /*.brand-box .brand-item2{width: 100%;}*/
    /*.main-service .content .content-right{padding: 10px 10px 0 10px;}*/
    /*.main-service .content .content-right p{line-height: 24px;}*/
    /*.main-news .content .news-panel p.read-push{font-size: 12px;}*/
    /*.main-case .content{padding-top: 60px;}*/
    /*.main-case .content p.lable{padding-top: 10px; font-size: 18px; line-height: 48px;}*/
    /*.main-case .content p{font-size: 12px; line-height: 20px; color: #505050;}*/
    /*.main-about-image{text-align: center;}*/
    /*.main-about ul.aboutab{padding: 70px 0;}*/
    /*.main-about ul.aboutab li{padding: 0 15px; font-size: 16px; box-sizing: border-box;}*/
    /*.main-about .tabIntro .content .img{width: 100%;}*/
    /*.main-about .tabIntro .content .panel{width: 100%;}*/
    /*.main-about .tabIntro .content .panel.p_block{display: none;}*/
    /*.main-about .tabIntro .p_hidden{display: block;}*/
    /*.main-news #newsPage .laypage a,.main-news #newsPage .laypage span*/
    /*,.main-case #casePage .laypage a,.main-case #casePage .laypage span{padding: 0 12px; font-size: 14px; line-height: 30px; height: 30px; margin-right: 4px;}*/
/*}*/

/*!*小屏幕*!*/

/*@media screen and (min-width: 768px){*/
    /*.nav{max-height: 100px;}*/
    /*.nav.index{background: rgba(255, 255, 255 ,0.3);}*/
    /*.nav .nav-list button{display: none;}*/
    /*.nav .nav{width: auto; padding: 0 5px; border-radius: 0; margin: 0;}*/
    /*.nav .nav .nav-item{display: inline-block; margin:0 53px; line-height: 80px;}*/
    /*.main-product p.title*/
    /*,.main-service p.title{font-size: 36px; line-height: 216px;}*/
    /*.main.product .content .content-img{text-align: left;}*/
    /*.main-news .content .news-panel strong a{font-size: 20px; line-height: 30px;}*/
    /*.main-news .content .news-panel p.read-push{padding-top: 0; position: absolute; bottom: 40px;}*/
    /*.main-newsdate .pushtime{line-height: 142px;}*/
    /*.main-case .content{width: 45%;}*/
    /*.main-case .content.even{margin-left: 9%;}*/
    /*.main-brand .content{width: 45%;}*/
    /*.main-brand .content.even{margin-left: 9%;}*/
    /*.main-about ul.aboutab li{padding: 0 32px; font-size: 24px; margin-left: 30px; line-height: 50px;}*/
    /*.main-about .tabIntro .content p{padding: 0 30px; font-size: 18px; line-height: 30px;}*/
    /*.main-about .tabJob .content p{font-size: 24px; line-height: 50px;}*/
    /*.main-about .tabJob .content p.title{font-size: 30px; line-height: 90px;}*/
    /*.main-about .tabJob .content ol li{font-size: 20px; line-height: 60px;}*/
    /*.main-about .tabCour .timeline:before{left: 50%;}*/
    /*.main-about .tabCour .timeline li{min-height: 195px; padding-top: 95px;}*/
    /*.main-about .tabCour .timeline li .cour-img{left: 50%; margin-left: -97.5px; width: 195px;}*/
    /*.main-about .tabCour .timeline li .cour-panel{padding-top: 55px; padding-left: 0;}*/
    /*.main-about .tabCour .timeline li.odd .cour-panel{text-align: right;}*/
/*}*/

/*@media screen and (min-width: 768px) and (max-width: 992px){*/
    /*.common-width{width:700px;}*/
    /*.main.product .content div.right{padding-left: 20px;}*/
    /*.nav .nav .nav-item{margin:0 33px;}*/
    /*.main-service .content .content-right{padding: 10px 10px 0 15px;}*/
    /*.main-service .content .content-right span{margin-bottom: 20px;}*/
    /*.main-service .content .content-right p{line-height: 28px;}*/
    /*.main.product .content .label{line-height: 40px; margin-top: 0;}*/
    /*.main.product .content .detail{padding-bottom: 10px;}*/
/*}*/

/*!*大屏幕*!*/

/*@media screen and (min-width: 992px){*/
    /*.common-width{width:800px;}*/
    /*.main-brand .content{width: 31%;}*/
    /*.main-brand .content.even{margin-left: 0;}*/
    /*.main-brand .content.center{margin-right: 3%; margin-left: 3%;}*/
/*}*/

/*!*超大屏幕*!*/

/*@media screen and (min-width: 1200px) {*/
    /*.common-width{width:900px;}*/
/*}*/

@media screen and (min-width: 1300px) {
    .common-width{width:1200px;}
    .layui-container{width: 1200px; padding: 0;}
    .layui-col-space80{margin: -40px;}
    .layui-col-space80>*{padding: 40px;}
}
@media screen and (min-width: 1800px) {
    .common-width{width:1630px;}
    .layui-container{width: 1630px; padding: 0;}
    .layui-col-space80{margin: -40px;}
    .layui-col-space80>*{padding: 40px;}
}