.banner {
    /*margin-top: 2px;*/
    position: relative;
    overflow: hidden;
    text-align: center;
}

.swiper-slide {
    width: 100%;
    height: 520px !important;
    text-align: center;
    color: #000;
    background: #000;
    z-index: 1;
}

.pagination {
    position: absolute;
    bottom: 15px;
    width: 100%;
    z-index: 20;
    text-align: center;
}

.swiper-pagination-bullet {
    background: #eee !important;
    margin: 0 4px;
    width: 12px !important;
    height: 12px !important;
}

.swiper-pagination-bullet-active {
    background: #e45151 !important;
}

.img1 {
    background: url('../../static/images/banner/banner1.jpg') center center no-repeat;
    background-size: cover;
}

.img2 {
    background: url('../../static/images/banner/banner2.jpg') center center no-repeat;
    background-size: cover;
}

.img3 {
    background: url('../../static/images/banner/banner3.jpg') center center no-repeat;
    background-size: cover;
}

.img4 {
    background: url('../../static/images/banner/banner4.jpg') center center no-repeat;
    background-size: cover;
}

.img5 {
    background: url('../../static/images/banner/banner5.jpg') center center no-repeat;
    background-size: cover;
}

.home-title-1 {
    text-indent: -9999px;
    background: url('../../static/images/index-title-1.png') center center no-repeat;
    margin: 60px auto 70px;
    height: 150px;
}

.page1 {
    width: 1200px;
    margin: 20px auto;
}

.unique {
    width: 1200px;
}

.unique h2 {
    font-size: 32px;
    line-height: 40px;
    padding-bottom: 35px;
    color: #fff;
}

.unique img {
    margin-bottom: 45px;
}

.unique p{
    font-family: "Microsoft YaHei", serif;
    font-size: 18px;
    line-height: 35px;
    color: #fff;
}

.unique li {
    width: 340px;
    height: 410px;
    position: relative;
    padding: 40px 20px 60px 20px;
    border-radius: 8px;
    text-align: center;
}

.kbjz {
    background: #ef7c29;
}

.shry {
    background: #e86046;
}

.zyjc {
    background: #4588d9;
}

.unique .detail-box {
    width: 100%;
    position: absolute;
    left: 0;
    top: 250px;
}

.zytb {
    width: 1154px;
}

.home-title-2 {
    text-indent: -9999px;
    background: url('../../static/images/index-title-2.png') center center no-repeat;
    margin: 60px auto 70px;
    height: 150px;
}

.zytb li {
    position: relative;
    margin-top: 80px;
    background: url('../../static/images/zy-bg.png') left center no-repeat;
    width: 304px;
    height: 351px;
    text-align: center;
}

.zytb h2 {
    font-size: 28px;
    color: #e45151;
    width: 100%;
    position: absolute;
    left: 0;
    top: 100px;
}

.zytb img {
    position: absolute;
    top: -105px;
    left: 60px;
    z-index: 10;
}

.zytb .detail-box {
    position: absolute;
    width: 100%;
    top: 160px;
    left: 0;
}

.zytb p {
    font-family: "Microsoft YaHei", serif;
    font-size: 20px;
    line-height: 35px;
    color: #5d5d5d;
}

.page2 {
    width: 100%;
    margin: 0 auto;
}

.home-title-3 {
    text-indent: -9999px;
    background: url('../../static/images/index-title-3.png') center center no-repeat;
    margin: 60px auto 70px;
    height: 150px;
}

.solve-bg {
    background: url('../../static/images/solve-bg.jpg') center center no-repeat;
    background-size: cover;
}

.solve-bg .container {
    width: 1200px;
    margin: 0 auto;
    padding: 20px 0;
}

.solve-bg .item {
    clear: bottom;
    padding: 20px 0;
    overflow: hidden;
}

.solve-bg .left {
    width: 50%;
    float: left;
    text-align: center;
}

.solve-bg .right {
    width: 50%;
    float: right;
    text-align: center;
}

.solve-bg img {
    border-radius: 8px;
}

.solve-bg h2 {
    font-size: 30px;
    line-height: 50px;
    color: #181818;
    margin-top: 60px;
}

.solve-bg a {
    margin-top: 45px;
    transition: 0.3s;
}

.solve-bg a:hover{
    background: #fff;
}

.home-title-4 {
    text-indent: -9999px;
    background: url('../../static/images/index-title-4.png') center center no-repeat;
    height: 150px;
    padding-top: 40px;
}

.team-bg {
    background: url('../../static/images/team-bg.jpg') center center no-repeat;
    background-size: cover;
    padding-top: 50px;
    padding-bottom: 50px;
}

.team-container {
    width: 1380px;
    margin: 0 auto;
    position: relative;
}

.photo-list {
    width: 1200px;
    margin: 20px auto;
    overflow: hidden;
}

.photo-list .slide-1 {
    width: 380px;
    height: 680px !important;
    border-radius: 8px;
    background: #fff;
}

.team-button-next {
    position: absolute;
    top: 280px;
    right: 0;
    width: 45px;
    height: 82px;
    background: url('../../static/images/team-right-arrow.png') no-repeat;
    cursor: pointer;
}

.team-button-prev {
    position: absolute;
    top: 280px;
    left: 0;
    width: 45px;
    height: 82px;
    background: url('../../static/images/team-left-arrow.png') no-repeat;
    cursor: pointer;
}

.team-container .photo-box {
    position: relative;
    width: 100%;
    height: 460px;
    text-align: center;
}

.team-container .photo-box img {
    position: absolute;
    max-width: 320px;
    left: 45px;
    bottom: 0;
}

.team-container .title {
    position: relative;
    margin-top: 20px;
    text-align: left;
    padding-left: 60px;
}

.team-container h2 {
    font-size: 28px;
    color: #2a2a2a;
}

.team-container .title span {
    position: absolute;
    right: 80px;
    top: 6px;
    font-size: 18px;
    color: #444444;
}

.team-container p{
    padding: 30px 45px;
    font-size: 16px;
    color: #717171;
    text-align: justify;
    line-height: 22px;
}

.team-bg .link-box {
    margin: 20px auto;
    text-align: center;
    padding-top: 30px;
}

.home-title-5 {
    text-indent: -9999px;
    background: url('../../static/images/index-title-5.png') center center no-repeat;
    height: 150px;
    margin-top: 70px;
}

.page2 .service {
    width: 1380px;
    margin: 70px auto;
}

.page2 .service li {
    text-align: center;
}

.page2 .service h2 {
    font-size: 36px;
    color: #393939;
    margin-top: 20px;
}

.page2 .service .detail-box {
    margin-top: 30px;
}

.page2 .service p{
    font-size: 20px;
    color: #5f5f5f;
    line-height: 30px;
}

.news {
    width: 1400px;
    margin: 40px auto 20px;
    text-align: center;
}

.home-title-6 {
    text-indent: -9999px;
    background: url('../../static/images/index-title-6.png') center center no-repeat;
    height: 150px;
}

.news .tab {
    display: inline-block;
    vertical-align: bottom;
}

.news .tab li {
    display: inline-block;
    background: #a6b4bf;
}

.news .tab li{
    display: inline-block;
    height: 80px;
    line-height: 80px;
    color: #fff;
    font-size: 30px;
    padding: 0 35px;
}

.news .tab li a {
    color: #fff;
}

.news .tab .on{
    height: 90px;
    line-height: 90px;
    background: #e45151;
}

.news-list {
    width: 100%;
    height: 725px;
    text-align: left;
    margin-top: 30px;
}

.news-list li {
    position: relative;
    clear: both;
    margin-bottom: 25px;
    padding-left: 23px;
    overflow: hidden;
}

.news-list img {
    width: 200px;
    height: 160px;
}

.pic {
    float: left;
}

.news-list .detail-box {
    float: left;
    padding-left: 15px;
    max-width: 1154px;
    overflow: hidden;
}

.news-list h2 {
    margin-top: 10px;
    font-size: 26px;
}

.news-list h2 a {
    color: #393939;
    transition: 0.3s;
}

.news-list p {
    margin-top: 20px;
    color: #838383;
    font-size: 18px;
    line-height: 25px;
    text-align: justify;
}

.news-list span {
    position: absolute;
    bottom: 10px;
    left: 240px;
    font-size: 16px;
    color: #a7a7a7;
}

.news-list a:hover {
    color: #e45151;
}

.news .link-box {
    clear: both;
    margin-top: 30px;
}

.news .link-box a {
    margin-top: 20px;
    font-size: 16px;
    text-decoration: underline;
    color: #929191;
}

.news .link-box a:hover {
    color: #e45151;
}

.home-title-7 {
    text-indent: -9999px;
    background: url('../../static/images/index-title-7.png') center center no-repeat;
    height: 150px;
}

.company {
    background: url('../../static/images/index-about-bg.jpg') center center no-repeat;
    background-size: cover;
    height: 623px;
    padding-top: 20px;
    padding-bottom: 50px;
}

.company .content {
    width: 1200px;
    margin: 0 auto;
    position: relative;
}

.company .detail-box {
    position: absolute;
    right: 0;
    top: 70px;
    width: 565px;
    font-size: 20px;
    text-align: justify;
    line-height: 30px;
    color: #5a5a5a;
}

.company .detail-box p {
    margin-bottom: 15px;
}

.yuyue {
    background: url('../../static/images/contact-bg.jpg') center center no-repeat;
    background-size: cover;
    height: 600px;
    padding-top: 40px;
}

.home-title-8 {
    text-indent: -9999px;
    background: url('../../static/images/index-title-8.png') center center no-repeat;
    height: 150px;
}

.from {
    width: 500px;
    margin: 20px auto 0;
}

.btn-style-2 {
    width: 360px;
}

.from-class-1 input[type="text"] {
    display: block;
    padding: 0 20px;
    width: 100%;
    background: transparent;
    border: 2px solid #c00131;
    border-radius: 10px;
    line-height: 60px;
    margin-bottom: 50px;
    font-size: 20px;
    color: #fff;
    outline:0;
}

.from-class-1 input[type="text"]:hover {
    border: 2px solid #e9003b;
}

.btn-style-2 {
    text-align: center;
    text-decoration: none;
}