*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}
ul,li{list-style:none;}
/* swiper默认样式 */
.swiper-container-v.swiper-container-vertical>.swiper-pagination-bullets{right:80px;}
.swiper-container-v.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:36px 0px;}
.swiper-container-v.swiper-container-vertical .swiper-pagination-bullet{width:14px;height:14px;background-color:#5C5C5C;}
.swiper-container-v.swiper-container-vertical .swiper-pagination-bullet-active{width:14px;height:14px;border:2px solid #DF9F3A;background-color:transparent}
.swiper-container-h .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{display:static;}
/* 声明清除浮动的样式 */
.clearfix:after {
    content: "";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
    }
    /* ie6 7 专门清除浮动的样式*/
    .clearfix {
    *zoom:1;
    }
body{
    width:100vw;
    height:100vh;
    /* font-family:PingFang-SC-Regular; */
    font-family:monospace;
    letter-spacing: 2px;
    font-weight:400;
}
.mobile{
    display:none;
}
header{
    position:fixed;
    top:0px;
    left:0px;
    right:0px;
    z-index:99;
    padding:50px 80px;
    display:flex;
    align-items:center;
    justify-content: space-between;
    color:#4E4E4E;
}
.header{
    padding:50px 80px;
    display:flex;
    align-items:center;
    justify-content: space-between;
    color:#4E4E4E;
}
header div,.header div{
    display:flex;
    align-items: flex-end;
}
header div h2,.header div h2{
    margin-left:46px;
    font-size:40px;
    line-height:56px;
}
ul.menu-list li{
    float:left;
    margin-left:20px;
}
ul.menu-list li a{
    font-size:24px;
    display:block;
    color:#767676;
    padding:0px 16px;
    text-decoration: none;
}
ul.menu-list li a:after{
    content:'';
    display:block;
    height:4px;
    border-radius:4px;
    /* width:1px; */
    width:calc(100% + 32px);
    margin:0px -16px;
    background-color:transparent;
    transform:scaleX(0);
    /* transition: width 0.5s; */
    transition: all 0.3s ease-in-out 0s;
}
ul.menu-list li a:hover{
    color:#282828;
}
ul.menu-list li a:hover:after{
    width:calc(100% + 32px);
    background-color:#DF9F3A;
    transform:scaleX(1);
}
.swiper-container{
    width:100%;
    height:100%;
}
.swiper-slide{
    /* padding-top:200px; */
}
.content-box{
    width:90%;
    max-width:1488px;
    margin:0 auto;
}
p.comments{
    width:90%;
    max-width:1488px;
    margin:0 auto;
    font-size:16px;
    text-align:justify;
    margin-top:100px;
}
p.comments:after{
    content:'';
    display:inline-block;
    padding-left:100%;
}
/* 首页 */
.home{
    color:#4E4E4E;
    background-image:url('../img/home-bg.png');
    background-repeat:no-repeat;
    background-size:1920px 1080px;
    background-position:center center;
}
.home h3{
    width:90%;
    max-width:900px;
    color:#303030;
    font-size:60px;
    border-bottom:2px solid #A16300;
    text-align:right;
    margin:0 auto;
}
.home .content-box ul{
    margin:0 auto;
    width:90%;
    max-width:900px;
    padding-top:34px;
    margin-bottom:65px;
}
.home .content-box ul li{
    float:left;
    color:#303030;
    font-size:22px;
    padding-top:29px;
    padding-left:50px;
    position:relative;
    margin-right:90px;
}
.home .content-box ul li span{
    position:absolute;
    top:0px;
    left:0px;
    display:inline-block;
    color:#9B9B9B;
    font-size:16px;
    padding-bottom:6px;
    width:50px;
    border-bottom:2px solid #DF9F3A;
}
.home p:not(.comments){
    margin:0 auto;
    width:95%;
    max-width:1160px;
    font-size:30px;
    color:#4E4E4E;
    margin-bottom:25px;
}
.home p.comments,p.comments.light{
    color:#9B9B9B;
}
/* 人才招聘 */
.job1{
    background-color:#000;
}
.contact-menu>*{
    float:left;
}
.contact-menu>a{
    border:1px solid #4A4A4A;
    height:42px;
    line-height:42px;
    color:#fff;
    padding:0px 15px;
    text-decoration: none;
    font-size:20px;
    margin-right:30px;
}
.contact-menu.light a{
    border-color:#C9C9C9;
    color:#5A5A5A;
}
.contact-menu button{
    outline:0;
    border:none;
    cursor:pointer;
    width:42px;
    height:34px;
    background:url('../img/menu.png') no-repeat;
    margin-bottom:4px;
}
.contact-menu button a{
    display:block;
    height:100%;
}
.job1 .content-box{
    color:#fff;
    padding-top:180px;
}
.job1 .content-box h3{
    font-size:60px;
    font-weight:normal;
}
.job1 .content-box h3 span{
    color:#A8A8A8;
    font-size:20px;
    margin-left:12px;
}
.job1 .content-box>div{
    padding-left:100px;
}
.job1 .content-box>div .long-line{
    display:block;
    width:700px;
    height:2px;
    background-color:#A16300;
}
.job1 .content-box>div .short-line{
    margin-top:20px;
    display:block;
    width:30px;
    height:2px;
    background-color:#fff;
}
.job1 .content-box div.text-box{
    margin-top:100px;
    display:flex;
    align-items: center;
}
.job1 .content-box div.text-box p{
    width:730px;
    font-size:28px;
    line-height:34px;
}
.job1 .content-box div.text-box div{
    margin-left:180px;
    font-size:24px;
}
.job1 .content-box div.text-box div a{
    display:block;
    margin:25px 0px;
    cursor:pointer;
}
.job1 .content-box div.text-box div a:after{
    content:'>';
    margin-left:5px;
    display:inline-block;
    color:#FFCC24;
    font-size:24px;
}
.job1 p.comments{
    color:#9B9B9B;
}
/* 销售主管 */
.job2,.job3{
    background:url('../img/light-bg.png') no-repeat;
}
.job2 h3,.job3 h3{
    color:#303030;
    font-size:36px;
    margin-top:90px;
}
.job2 .content-box div,.job3 .content-box div{
    margin-left:40px;
    margin-top:19px;
}
.job2 .content-box div ul{
    width:50%;
    float:left;
    padding-left:30px;
    margin-bottom:40px;
}
.job3 .content-box div ul{
    width:100%;
    float:left;
    padding-left:30px;
    margin-bottom:40px;
}
.job2 .content-box div ul p,.job3 .content-box div ul p{
    color:#4D4D4D;
    font-size:24px;
}
.job2 .content-box div ul li,.job3 .content-box div ul li{
    font-size:20px;
}
/* 关于我们 */
.about{
    background:url('../img/dark-bg.png') no-repeat;
}
.about .contact-menu a{
    border-color:#959595;
}
.about .content-box{
    color:#fff;
    padding-top:60px;
}
.about .content-box h3{
    font-size:60px;
    font-weight:normal;
}
.about .content-box h3 span{
    color:#A8A8A8;
    font-size:20px;
    margin-left:12px;
}
.about .content-box>div{
    padding-left:100px;
}
.about .content-box>div .long-line{
    display:block;
    width:700px;
    height:2px;
    background-color:#A16300;
}
.about .content-box div div{
    margin-top:39px;
}
.about .content-box div div ul{
    float:left;
    width:50%;
    
}
.about .content-box ul li{
    font-size:23px;
    padding-right:30px;
    position:relative;
    margin-bottom:25px;
}
.about .content-box ul li:before{
    position:absolute;
    left:-15px;
    top:9px;
    content:'';
    display:inline-block;
    width:8px;
    height:8px;
    border-radius:50%;
    background-color:#DF9F3A;
}
.about p.comments{
    margin-top:70px;
}
/* 联系我们 */
.contact{
    background:url('../img/home-bg.png') no-repeat;
}
.contact .content-box{
    color:#303030;
    padding-top:180px;
}
.contact .content-box h3{
    font-size:60px;
    font-weight:normal;
}
.contact .content-box h3 span{
    color:#A8A8A8;
    font-size:20px;
    margin-left:12px;
}
.contact .content-box>div{
    /* padding-left:100px; */
}
.contact .content-box>div .long-line{
    display:block;
    width:700px;
    height:2px;
    background-color:#BFBFBF;
}
.contact .content-box>div .short-line{
    margin-top:20px;
    display:block;
    width:30px;
    height:2px;
    background-color:#E1C290;
}
.contact .content-box div.text-box{
    margin-top:66px;
    display:flex;
    align-items: center;
}
.contact .content-box div.text-box p{
    width:730px;
    font-size:28px;
    line-height:34px;
}
.contact .content-box div.text-box ul{
    color:#303030;
    font-size:20px;
}
.contact .content-box div.text-box ul li{
    background-repeat:no-repeat;
    margin-bottom:20px;
    padding-left:35px;
    min-height:35px;
}
.contact .content-box div.text-box ul li.email{
    background-image:url('../img/email.png');
    line-height:34px;
}
.contact .content-box div.text-box ul li.position{
    background-image:url('../img/position.png');
}
@media screen and (min-width: 1920px) { 
    .home,.job2,.job3,.about,.contact{
        background-size:100% 100%;
    }        
}
@media screen and (max-width:1000px){
    .desktop{
        display:none;
    }
    .mobile{
        display:block;
    }
}