.white,
.white a:link,
.white a:visited,
.white a:hover {
    color: white;
}

.gray,
.gray a:link,
.gray a:visited,
.gray a:hover {
    color: #666;
}

/* main */
.main {
    background-color: #f2f2f2;
}

/* header */
.advan-header {
    height: 60px;
    background-color: #fff;
}

.advan-header span {
    float: left;
}

.advan-header span img {
    margin-top: 15px;
}

.advan-header em {
    float: right;
    line-height: 35px;
}

.advan-header em a {
    margin: 0 6px;
}

/* top */
.advan-top {
    background: url(../images/bg1.jpg) no-repeat top center;
    max-width: 1920px;
    padding-top: 84px;
    padding-bottom: 105px;
}

.advan-top .title {
    background: url(../images/tit1.png) no-repeat top center;
    height: 120px;
}

.advan-top .device01 {
    height: 632px;
    margin: 75px auto 0 auto;
    position: relative;
    background: url(../images/bg2.png) no-repeat;
    padding-top: 33px;
}

.advan-top .device01 .arrow-left1,
.advan-top .device01 .arrow-right1 {
    background: url(../images/arrow1.png) no-repeat left top;
    position: absolute;
    top: 50%;
    margin-top: -25px;
    width: 66px;
    height: 109px;
    z-index: 99;
}

.advan-top .device01 .arrow-left1 {
    left: 0;
}

.advan-top .device01 .arrow-right1 {
    right: 0;
    transform: rotate(-180deg);
}

.advan-top .device01 .swiper-container {
    width: 960px;
    height: 596px;
}

.advan-top .device01 .swiper-container .swiper-slide {
    position: relative;
}

.advan-top .device01 .swiper-container .swiper-slide p.text {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    text-align: center;
    font-size: 22px;
    line-height: 73px;
}

/* p1 */
.advan-p1 {
    padding-top: 110px;
    padding-bottom: 110px;
}

.advan-p1 .left {
    width: 518px;
}

.advan-p1 .left h1.tit {
    position: relative;
    background: #017023;
    height: 82px;
}

.advan-p1 .left h1.tit::before {
    position: absolute;
    content: '';
    display: block;
    background: url(../images/tit2.png) no-repeat left center;
    background-size: 100% auto;
    width: 167px;
    height: 40px;
    top: 21px;
    left: 21px;
}

.advan-p1 .left .list {
    padding: 20px 20px 20px 0;
    background-color: #fff;
}

.advan-p1 .left .list li {
    position: relative;
    text-align: left;
    font-size: 20px;
    padding: 10px 0 10px 28px;
    line-height: 1.6;
}

.advan-p1 .left .list li::before {
    position: absolute;
    content: '';
    display: block;
    background-color: #727272;
    width: 4px;
    height: 4px;
    left: 15px;
    top: 24px;
}

.advan-p1 .right {
    width: 426px;
    background: #c0e3be;
}

.advan-p1 .right .text {
    width: 84%;
    margin: 0 auto;
    text-align: left;
    padding-top: 45px;
    padding-bottom: 45px;
    font-size: 14px;
    line-height: 1.8;
}

.advan-p1 .right .text h3 {
    font: bold 24px/1.8 'Microsoft YaHei', 'pingfang SC', 'helvetica neue';
}

/* p2 */
.advan-p2 {
    background: url(../images/bg3.jpg) no-repeat top center;
    max-width: 1920px;
    padding: 30px 0;
}

.advan-p2 .device02 {
    position: relative;
}

.advan-p2 .device02 .arrow-left2,
.advan-p2 .device02 .arrow-right2 {
    background: url(../images/arrow2.png) no-repeat left top;
    position: absolute;
    top: 50%;
    margin-top: -25px;
    width: 37px;
    height: 65px;
    z-index: 99;
}

.advan-p2 .device02 .arrow-left2 {
    transform: rotate(-180deg);
    left: 0;
}

.advan-p2 .device02 .arrow-right2 {
    right: 2px;
}

.advan-p2 .device02 .swiper-container {
    width: 1000px;
    height: 182px;
    color: #fff;
    text-align: center;
}

.advan-p2 .device02 .swiper-container .pic {
    position: relative;
}

.advan-p2 .device02 .swiper-container .pic::before {
    position: absolute;
    content: '';
    display: block;
    background: url(../images/arrow3.png) no-repeat;
    width: 26px;
    height: 30px;
    top: 66px;
    left: 121px;
}

/*copyright*/
#copyright {
    margin-top: 50px;
    text-align: center;
    width: 100%;
    padding: 60px 0;
    background-color: #037123;
    color: #fff;
}