html, body, div, h2,h3, p, span {
    margin: 0;
    padding: 0
}

h1, h2, h3 {
    font-weight: normal
}

body {
    font-size: 14px;
    font-family: Arial, "Microsoft YaHei", "simsun", serif;
    color: #333;
}
a{color: #333}
a:visited {color: #333; text-decoration: none;}

.container {
    margin: 0 auto;
    width: 1200px;
}
.header{position: fixed;z-index: 100;left: 0;top:0;font-size: 26px;color: #fff;padding: 20px}
.flex {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.mySwiper {
    height: 400px;
    color: #fff;
    background: url(img/bg.png) no-repeat center center / 100% 100%;
}

.swiper-slide .flex {
    height: 400px;
}
.swiper-slide .text{width: 550px}
.swiper-slide h3{font-size: 32px;margin-bottom: 15px;}
.swiper-slide .text p{font-size: 18px;line-height: 32px;}
.swiper-slide .text .btn{display: flex;justify-content: center;padding-top: 15px}
.swiper-slide .text .btn a{display: inline-block;padding: 10px 25px;color: #333;text-decoration: none;background: #fff;border-radius: 2px;}
.swiper-slide .text .btn a:hover{color: #fff;background: #333;transition: all .3s;}
.swiper-slide .img {
    width: 500px;
    box-shadow: 0 0 5px #ddd;
    border-radius: 4px;
    overflow: hidden;
}

.swiper-slide .img img {
    display: block
}
.worker-list{margin-bottom: 40px}
.worker-list h2{text-align: center;font-size: 32px;padding: 35px 0}
.worker-list h2:after{content: '';background: #247dff;height: 2px;display: block;width: 50px;margin: 10px auto}
.worker-list .item{border-bottom: 1px solid #eee;height: 300px;padding-bottom: 30px;margin-bottom: 30px;align-items: flex-start}
.worker-list .item .content{width: 50%;display: flex;flex-direction: column;height: 100%}
.worker-list .item .img{width: 45%}
.worker-list .item .img img{height: 300px;box-shadow: 0 0 5px #ddd;width: 100%}
.worker-list h3{font-size: 28px;padding-bottom: 20px;}

.worker-list .content .text{flex: 2;font-size: 16px;line-height: 32px;}
.worker-list .btn{display: flex;margin-bottom: 10px;justify-content: center}
.worker-list .btn a{display: inline-block;padding: 10px 25px;background: #247dff;color: #fff;text-decoration: none;border-radius: 2px;margin: 0 10px}
.worker-list .btn a:hover{opacity: .6}

.advantage{flex-wrap: wrap}
.advantage .box{height: 130px; line-height: 22px; box-shadow: 2px 2px 4px #ddd;width: 32%;margin-bottom: 20px;padding: 20px;box-sizing: border-box;}
.advantage .box h3{font-size: 18px;margin-bottom: 10px;padding: 0}
.advantage .box:hover{opacity: .6}

.more{display: flex;margin-bottom: 10px;justify-content: center}

.plugin{flex-wrap: wrap;}
.plugin .list{line-height: 24px; border: 1px solid #ddd; border-radius: 3px; width: 49%;margin-bottom: 20px;padding: 20px;box-sizing: border-box;}
.plugin .list a{text-decoration: none;color: #333}
.plugin .list h3{font-size: 18px;padding-bottom: 10px}

.copyright{text-align: center;padding: 20px;background: #333;color: #fff;}