body{background-color: #FFFFFF;}
header{position: relative;width: 100%;height: 650px;background-size: cover}
@media screen and (min-width: 1930px){
    header{height: 866px;background-size: 100%}
}
.nav{
    height: 80px;
    over-flow: hidden;
    z-index: 10;
}
.banner-title{margin-top: 149px;width: 100%;}
.banner-title>div{text-align: center;height:67px}
.banner-title span{display: inline-block;height: 67px;line-height: 67px;font-size: 60px;font-family: Source Han Sans CN-Bold, Source Han Sans CN;font-weight: bold;color: #FFFFFF;vertical-align:text-top;}
.banner-title span:first-child::after{content: ""; display:inline-block;margin: 0px 15px;width: 6px;height: 60px;background-color: #1E5294;line-height: 60px;vertical-align: top;}
.banner-title span:last-child{font-family: Helvetica-Bold, Helvetica;line-height: 67px;}
.banner-title ul{width: 916px;height: 66px;padding:18px 40px;background: url(../images/aboutus/juxing19.png);margin: auto;margin-top: 60px}
.banner-title li{float: left;position: relative;transform-style: preserve-3d;}
.banner-title li a{display:inline-block;height:30px;line-height: 30px;margin-right: 59px;font-size: 30px;font-weight: 700;letter-spacing: 0px;color: rgba(255, 255, 255, 1);text-align: left;}
.banner-title li:last-child a{margin-right: 0px;}
.banner-title li.active:after{content: "";width: 147px;height: 48px;line-height: 48px;text-align: center;opacity: 1;border-radius: 10px;background: rgba(30, 82, 148, 1);position: absolute;top: -9px;left: -13px;transform:rotate(0deg) translateZ(-10px);}
.banner-title li:hover:after{content: "";width: 147px;height: 48px;line-height: 48px;text-align: center;opacity: 1;border-radius: 10px;background: rgba(30, 82, 148, 1);position: absolute;top: -9px;left: -13px;transform:rotate(0deg) translateZ(-10px);}
.intro-title,.value-title,.milksource-title,.process-title,.testing-title,.service-title{height: 176px;text-align: center;padding-top: 32px}
.intro-title span,.value-title span,.milksource-title span,.process-title span,.testing-title span,.service-title span{display: block;height: 40px;line-height: 40px;font-size: 40px;font-weight: 700;letter-spacing: 0px;color: rgba(204, 204, 204, 1);vertical-align: top;}
.intro-title h1,.value-title h1,.milksource-title h1,.process-title h1,.testing-title h1,.service-title h1{display: block;height: 48px;line-height: 48px;font-size: 48px;font-weight: 700;letter-spacing: 0px;color: rgba(51, 51, 51, 1);vertical-align: top;margin-top: 10px;}
.intro-content,.milksource-content{background: url(../images/aboutus/lujing12.png) no-repeat center;background-size:cover;height: 889.5px;width: 100%;background-position: 1px 0px;}
@media screen and (min-width: 1930px){
    .intro-content{height: 1180px;}
}

.intro-content article{margin-top: 96px}
.service-content article .con,.intro-content article .con,.milksource-content article .con,.process-content article .con,.testing-content1 article .con{display: block;height: 260px;margin-bottom: 19px;text-indent: 2em;font-size: 16px;font-weight: 400;letter-spacing: 0px;color: rgba(51, 51, 51, 1);text-align: left;vertical-align: top;line-height:20px;}
.intro-content article img{width: 100%;}
.value-title{height: 224px;padding-top: 66px;}
ul.values-img{width: 100%;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-around;align-content:space-around;margin-bottom: 140px;}
ul.values-img li{position: relative;width: 16.67%;}
ul.values-img li img{width: 100%;}
ul.values-img li span{position: absolute;top:40px;right:30px;writing-mode: vertical-rl;font-size: 40px;font-weight: 400;letter-spacing: 0px;line-height: 50px;color: rgba(255, 255, 255, 1);text-align: left;vertical-align: top;}
.milksource-title{height: 188px;}
.milksource-content{width: 100%;background: url(../images/aboutus/lujing13.png) no-repeat top;background-size:cover;height:auto;position:relative;}
@media screen and (min-width: 1930px){
    .milksource-content{height: 1640px;}
}
.milksource-content>img{position: absolute;top: -116px;left: 50%;margin-left: -297.5px;}
.milksource-content article{margin-top: 395px;margin-bottom: 80px;}
.milksource-content article .con{display: block;height: 319px;margin-bottom: 29px;}
.milksource-content article>img{width: 100%;}
.space{height: 140px;}
.process-title,.testing-title{height: 190px;}
.process-content{background: url(../images/lujing14.png) no-repeat top;background-size:cover;position:relative;}
@media screen and (min-width: 1930px){
    .process-content{height: 1571px;}
}
.process-content>img{position: absolute;top: -138px;left: 50%;margin-left: -314px;}
.process-content article{margin-top: 393px;}
.process-content article .con{height: 188px;margin-bottom: 60px;}
.process-content article>img{width: 100%;margin-bottom: 48px;}
.beijing{position: relative;}
.beijing img{position: absolute;left:-17.5%;width:100%;}
.space1{height: 132px;}

.testing-content1{width: 100%;background: url(../images/aboutus/1.jpg) no-repeat top;background-size:cover;}
.testing-content1>img{margin: 69px auto 67px;display: block;}
@media screen and (min-width: 1930px){
    .testing-content1{height: 1270px;}
    .service-content{height: 1435px;}
}
.testing-content1 article .con{display: block;height: 188px;margin-top: 0;margin-bottom: 54px;}
.testing-content1 article>img{width: 100%;margin-bottom: 25px;}
.space2{height: 100px;}
.service{position: relative;}
.service-title{height: 194px;}
.service-content{width: 100%;background: url(../images/aboutus/beijing.png) no-repeat top;background-size: cover;}

.service-content>img{margin: 85px auto 54px;display: block;}
.service-content article .con{display: block;height: 59px;margin-bottom: 54px;}
.service-content article>img{height: 414px;margin-bottom: 159px;width: 100%;}
.service-content1{background: url(../images/lujing18.png) no-repeat top;background-size: cover;width: 157.38px;height: 1088px;position: absolute;top:194px;right: -38px;}
@media screen and (max-width: 1440px){
    header{height: 488px}
    .nav{height:60px;}
    .banner-title{margin-top: 171px}
    .banner-title>div{height: 45px}
    .banner-title ul{width: 687px;height: 50px;padding: 14px 30px}
    .banner-title span{height: 45px;line-height: 45px;font-size: 45px}
    .banner-title span:first-child::after{content: "";margin: 0px 11px;width: 5px;height: 45px;line-height:45px}
    .banner-title span:last-child{line-height: 45px;}
    .banner-title li.active:after{width: 110px;height: 36px;line-height: 36px;border-radius: 7.5px;left: -10px;top: -6px}
    .banner-title li:hover:after{width: 110px;height: 36px;line-height: 36px;border-radius: 7.5px;left: -10px;top: -6px}
    .banner-title li a{font-size: 22.5px;line-height: 23px;height: 23px;margin-right: 44px}
    .intro-title{height: 132px;}
    .intro-title span, .value-title span, .milksource-title span, .process-title span, .testing-title span, .service-title span{line-height:30px;height: 30px;font-size: 30px;}
    .intro-title h1, .value-title h1, .milksource-title h1, .process-title h1, .testing-title h1, .service-title h1{line-height: 36px;height: 36px;font-size: 36px;}
    .intro-content{height: 667px;}
    .intro-content article{margin-top: 72px;}
    .service-content article .con, .intro-content article .con, .milksource-content article .con, .process-content article .con, .testing-content1 article .con{font-size: 12px;}
    .intro-content article .con{height: 195px;margin-bottom: 14px}
    .intro-content article img{height: 311px;}
    .value-title{height: 168px;padding-top: 45px}
    ul.values-img{margin-bottom: 105px;}
    ul.values-img li span{font-size: 30px;top: 25px;right: 16px;letter-spacing: 8px;}
    .milksource-title{height: 141px;}
    .milksource-content>img{width: 446.25px;height: 446.25px;top: -80px;margin-left: -223.12px}
    .milksource-content article{margin-top:296px;margin-bottom: 22px;}
    .milksource-content article .con{height: 239.25px;margin-bottom:22px ;}
    .milksource-content article>img{}
    .milksource-content{height: 928px;}
    .space{height: 105px;}
    .process-title{height: 143px;padding-top: 24px;}
    .process-content>img{width: 471px;top: -104px;margin-left: -235.5px;}
    .process-content article{margin-top: 295px;}
    .process-content article .con{height: 141px;margin-bottom: 45px}
    .process-content article>img{margin-bottom: 92px;}
    .space1{height: 91px;}
    .testing-title{height: 143px;padding-top: 24px;}
    .testing-content1>img{margin: 52px auto 50px;}
    .testing-content1 article .con{height: 141px;margin-bottom: 41px}
    .testing-content1 article>img{margin-bottom: 182px;}
    .space2{height: 75px;}
    .service-title{height: 145px;padding-top: 24px;}
    .service-content{background-position: -180px 0px;}
    .service-content>img{margin: 64px auto 41px;width: 359px;}
    .service-content article .con{height: 44.25px;margin-bottom: 41px}
    .service-content article>img{margin-bottom: 119px;}
}