*{ padding: 0px; margin: 0px; }
/* 导航栏 */
.nav-box{ width: 100vw; height: calc(100vw / 1080 * 100); display: flex; background-color: #fff; position: fixed; left: 0px; top: 0px; z-index: 20; align-items: center;}
.nav-logo{ width: calc(160vw / 1080 * 100); height: 100%; }
.nav-title{ flex: 1; display: flex; justify-content: center; align-items: center; font-size: calc(36vw / 1080 * 100);}
.menu-icon{ width: calc(160vw / 1080 * 100); height: 100%; }

/* 菜单 */
.menu-box{ width: 100vw; height: 100vh; position: fixed; left: 0px; top: 0px; z-index: 100; background-color: #f3f3f3; }
.menu-top{ height: calc(100vw / 1080 * 100); display: flex; align-items: center;}
.menu-item{text-align: center; height: calc(132vw / 1080 * 100); margin: 0px 20px; border-bottom: 1px solid #e3e3e3; display: flex; align-items: center; justify-content: center; font-size: calc(38vvvw / 1080 * 100);}

/* home */
.banner{ width: 100vw; height: calc(545vw / 1080 * 100); }
/* 轮播图 */
.carousel-indicators{transform: translateY(calc(40vw / 1080 * 100));}
.carousel-indicators li{ opacity: 1; width: calc(18vw / 1080 * 100); height: calc(18vw / 1080 * 100); border-radius: 50%}
.carousel-indicators .active{ background-color: #ff5f1b; }

/* 轮播图 */
.home-p-item{ margin: calc(40vw / 1080 * 100) auto; width: calc(980vw / 1080 * 100); }
.home-p-item>:nth-child(1){font-size: calc(34vw / 1080 * 100); font-weight: bold; margin-bottom: calc(6vw / 1080 * 100); display: flex; align-items: center;}
.home-p-item>:nth-child(1)>:nth-child(1){width: calc(6vw / 1080 * 100); height: calc(34vw / 1080 * 100); background-color: #ff5f1b;  margin-right: calc(14vw / 1080 * 100);}
.home-p-item>:nth-child(2){font-size: calc(30vw / 1080 * 100); color: #666666; margin-bottom: calc(20vw / 1080 * 100); transform: translateX(calc(20vw / 1080 * 100));}
.home-p-item>:nth-child(3){width: calc(992vw / 1080 * 100); height: calc(612vw / 1080 * 100);}

/* 产品列表 */
.product-item{ margin: calc(80vw / 1080 * 100) auto; width: calc(980vw / 1080 * 100); height: calc(581vw / 1080 * 100); background-repeat: no-repeat; background-size: calc(980vw / 1080 * 100) calc(581vw / 1080 * 100); display: flex; flex-direction: column; }
.product-bottom{ width: 100%; height: calc(120vw / 1080 * 100); background-color: rgba(0, 0, 0, 0.6); display: flex; align-items: center; }
.product-icon{ width: calc(98vw / 1080 * 100); height: calc(98vw / 1080 * 100); margin-left: calc(26vw / 1080 * 100); }
.product-txt{ color: #fff; margin-left: calc(16vw / 1080 * 100); }
.product-txt>:nth-child(1){font-size: calc(32vw / 1080 * 100); font-weight: bold;}
.product-txt>:nth-child(2){font-size: calc(18vw / 1080 * 100);}

/* 联系客服 */
.contact-ctn{ margin: calc(80vw / 1080 * 100) 0px; }
.kf-item{ margin: 0px 20px; display: flex; border-bottom: 1px solid #e3e3e3; height: calc(100vw / 1080 * 100); align-items: center;padding: 0px 8px;  }
.kf-item > :nth-child(1){ width: calc(56vw / 1080 * 100); }
.kf-item > :nth-child(2){flex: 1; padding-left: 12px; color: #333333;}
.kf-item > :nth-child(3){color: #666666; font-size: calc(30vw / 1080 * 100); padding-right: 8px;}
.kf-item > :nth-child(4){width: auto;height: calc(34vw / 1080 * 100);}
.wx-qrcpde{ width: 100vw; height: 100vh; position: fixed; top: 0px; left: 0px; background-color: rgba(0, 0, 0, 0.85); display: flex; justify-content: center; align-items: center; z-index: 10; }

/* 关于我们 */
.p-banner{ width: 100vw; height: calc(392vw / 1080 * 100); }
.p-banner>img{ width: 100%; height: auto; }
.p-ctn{ margin: calc(76vw / 1080 * 100); color: #666666; font-size: calc(28vw / 1080 * 100); }

/* 商务合作 */
.hz-item1{margin: 0px auto; width: 90vw; height: calc(400vw / 1080 * 100); border: 1px solid #ebebeb; background-image: url(../images/hz_img1.jpg); background-position: 100% 50%; background-size: auto 130%; background-repeat: no-repeat; display: flex; align-items: center;}
.hz-item2{margin: 0px auto; width: 90vw; height: calc(400vw / 1080 * 100); border: 1px solid #ebebeb; background-image: url(../images/hz_img2.jpg); background-position: 100% 50%; background-size: auto 130%; background-repeat: no-repeat; display: flex; align-items: center;}
.hz-icon{width: calc(160vw / 1080 * 100); height: auto; margin: 0px calc(110vw / 1080 * 100);}
.hz-ctn>:nth-child(1){font-size: calc(66vw / 1080 * 100); margin-bottom: calc(20vw / 1080 * 100);}
.hz-ctn>:nth-child(2){font-size: calc(36vw / 1080 * 100); }
.hz-ctn>:nth-child(3){font-size: calc(36vw / 1080 * 100); }

/* 加入我们 */
.add-ctn{ margin: calc(106vw / 1080 * 100) 0px; }
.add-item{display: flex; align-items: center; height: calc(108vw / 1080 * 100); border-bottom: calc(1vw / 1080 * 100) solid #e3e3e3; margin: 0px 20px;}
.add-title{font-size: calc(30vw / 1080 * 100); }
.add-title > span { font-size: calc(30vw / 1080 * 100); color: #999999;}
.add-info{font-size: calc(24vw / 1080 * 100); color: #ff971e;}
.add-txt{ font-size: calc(24vw / 1080 * 100); color: #666666; margin-right: calc(16vw / 1080 * 100);}

/* footer */
.footer{background-color: #f5f5f5;}
.foot-item-b{display: flex;margin: 0px 20px; border-bottom: 1px solid #e3e3e3; height: calc(100vw / 1080 * 100); align-items: center;padding: 0px 8px;}
.foot-item-txt{flex: 1; font-size: calc(30vw / 1080 * 100); color: #333333;}
.foot-item-ic{width: auto;height: calc(34vw / 1080 * 100);}
.foot-info{color: #666666; font-size: calc(20vw / 1080 * 100); text-align: center; padding: calc(32vw / 1080 * 100) calc(72vw / 1080 * 100);}
/* 职位弹窗 */
.zw-mask{ width: 100vw; height: 100vh; position: fixed; top: 0px; left: 0px; background-color: rgba(0, 0, 0, 0.85); display: flex; justify-content: center; align-items: center; z-index: 10; }
.zw-dialog{ width: 90vw; height: 100vw; background-color: #fff; border-radius: 12px; padding: calc(40vw / 1080 * 100); box-sizing: border-box; position: relative; display: flex; flex-direction: column; padding-bottom: 0px; }
.zw-dialog-close{ position: absolute; top: calc(36vw / 1080 * 100); right: calc(36vw / 1080 * 100); width: calc(48vw / 1080 * 100); height: calc(49vw / 1080 * 100); }
.zw-d-ctn{ flex: 1; overflow-y: auto; padding-top: calc(30vw / 1080 * 100); box-sizing: border-box; }
.zw-d-bottom{ width: 100%; height: calc(170vw / 1080 * 100); text-align: center; display: flex; justify-content: center; align-items: center; }
.zw-d-btn{ width: calc(288vw / 1080 * 100); height: calc(90vw / 1080 * 100); background-color: #ff9419; color: #fff; font-size: calc(32vw / 1080 * 100); border-radius: calc(16vw / 1080 * 100); }
.zw-d-title{font-size: calc(42vw / 1080 * 100); color: #000;font-weight: bold; display: flex; align-items: center;}
.zw-d-title > .l{width: calc(8vw / 1080 * 100); height: calc(48vw / 1080 * 100); background-color: #ff5f1b; margin-right: calc(28vw / 1080 * 100);}
.zw-d-sub{font-size: calc(32vw / 1080 * 100); color: #666; margin-top: calc(2vw / 1080 * 100);  margin-left: calc(40vw / 1080 * 100);}
.zw-d-c{ font-size: calc(32vw / 1080 * 100); color: #666; margin-top: calc(32vw / 1080 * 100); margin-left: calc(40vw / 1080 * 100); }

/* 企业文化 */
.dynamic{ padding: 20px; display: grid; grid-template-columns: repeat(2, 1fr); grid-column-gap: 20px; }
.d-card{width: 100%;margin-bottom: 20px;box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.1);}
.d-card>img{width: 100%;}
.d-card>.title{font-size: 12px;  margin: 8px;}
/* 企业文化 文章 */
.dynamic-detail{}
.dynamic-detail>.title{ font-size: 1rem; margin: 16px 16px 8px 16px;}
.dynamic-detail>.subtitle{ font-size: 0.7rem; margin: 8px 16px;}
.dynamic-detail>.img-box{width: 100%;}
.dynamic-detail>.img-box>img{width: 100%;}


/* common */
.fcc{
    display: flex; justify-content: center; align-items: center;
}
.title{
    font-size: calc(34vw / 1080 * 100); font-weight: bold; display: flex; align-items: center; margin: calc(72vw / 1080 * 100) 5vw calc(32vw / 1080 * 100) 5vw ;
}
.title > :nth-child(1){
    width: calc(4vw / 1080 * 100);
    height: calc(40vw / 1080 * 100);
    background-color: #ff5f1b;
    margin-right: calc(20vw / 1080 * 100);
}