#header11 {
    display: none !important;
}

.hexi {
    background-color: #fff;
    /* padding-top: .76rem; */
    padding-top: .12rem;
    padding-bottom: .96rem;
}

.hexis .hexii {
    width: 100%;
    height: 6rem;
}


.hexis img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hexii {
    position: relative;
}

.swiper-slide-active .hexii::after {
    display: none;
}

.hexip h1 {
    font-family: rr;
    font-size: .42rem;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    color: #0B2E8F;
    margin: .59rem 0 .04rem;
}

.hexip .tag {
    font-family: rr;
    font-size: .24rem;
    font-weight: 400;
    line-height: .28rem;
    letter-spacing: 0.1em;
    text-align: center;
    color: #626262;
}

.hexip p {
    font-size: .24rem;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.1em;
    text-align: center;
    color: #1646A5;
}

.swiper-slide .hexip {
    display: none;
}

.swiper-slide-active .hexip {
    display: block;
}

.swiper-pagination-hexis {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    z-index: 100;
    bottom: 1.25rem !important;
}

.swiper-pagination-hexis .swiper-pagination-bullet {
    width: 1.2rem;
    height: .06rem;
    background: #b4b4b4;
    border-radius: 1px;
    opacity: 1;
    margin: 0 10px !important;
}

.swiper-pagination-hexis .swiper-pagination-bullet-active {
    background-color: #0B2E8F;
}

.milkdesc {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: .84rem;
}

.milkdesc .le .cn {
    font-family: rr;
    font-size: .48rem;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    color: #0B2E8F;
    margin-bottom: .13rem;
}

.milkdesc .le .en {
    font-family: rr;
    font-size: .28rem;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: 0.02em;
    text-align: center;
    color: #1646A5;
}

.milkdesc .mi {
    width: 3.2rem;
    margin: 0 .45rem;
}

.milkdesc .mi img {
    width: 100%;
}

.hexi .swiper-button-prev,
.hexi .swiper-button-next {
    width: .425rem;
    height: .945rem;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    top: 2.7rem;
}

.hexi .swiper-button-prev {
    background-image: url(/images/nfprev.png);
    left: -0.3rem;
    transform: translateX(-100%);
}

.hexi .swiper-button-next {
    background-image: url(/images/nfnext.png);
    right: -0.3rem;
    transform: translateX(100%);
}

.bigpic {
    width: 100vw;
    height: fit-content;
    position: relative;
}

.bigpic img {
    display: block;
    width: 100%;
}

.bigpic .tyty {
    position: absolute;
}

.bigpic .ty1 {
    top: 1.03rem;
    right: 6.15rem;
    text-align: right;
    color: #0B2E8F;
}

.bigpic .ty1 .h1 {
    font-family: rr;
    font-size: .54rem;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: .06rem;
}


.bigpic .ty1 .p {
    font-family: rr;
    font-size: .28rem;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.02em;
}


.bigpic .ty2 {
    left: 50%;
    top: 3.06rem;
    transform: translateX(-50%);
}

.bigpic .ty2 .p {
    font-family: rr;
    font-size: .48rem;
    font-weight: 400;
    line-height: .58rem;
    letter-spacing: 0.02em;
    text-align: center;
    color: #fff;
}



.hcate {
    /* background-color: #D2EBFF; */
    padding: 1.92rem 0 .25rem;
    display: flex;
    justify-content: center;
}

.hcate ul {
    /* width: 9.82rem; */
    width: 11rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.hcate ul li {
    width: 5.34rem;
    /* margin-right: .14rem; */
    /* margin-right: calc(100% - (5.5rem * 2)); */
    margin-bottom: .77rem;
    position: relative;
}

.hcate ul li:nth-of-type(2n) {
    margin-right: 0;
}

.hcate ul li a {
    display: flex;
    width: 100%;
    flex-direction: column;
    /* align-items: center; */
}

.hcate ul li a .diffage {
    width: 100%;
    height: 3.7rem;
    overflow: hidden;
}

.hcate ul li a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 1s ease 0s;
}

.hcate ul li a:hover img {
    transform: scale(1.05);
}

.hcate ul li .i2 {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}

@keyframes fadeInIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}


.hcate ul li:hover .i2 {
    display: block;
    animation: fadeInIn 0.5s ease-in-out;
}

.catez {
    margin-top: .38rem;
    font-size: .24rem;
    font-weight: 600;
    color: #000;
}

.catez .top {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.catez .top h1 {
    font-size: .36rem;
    font-weight: 700;
    line-height: .54rem;
    text-align: left;
    color: #0B2E8F;
    font-family: rr;
}

.catez .top .age {
    min-width: .93rem;
    width: 1.42rem;
    height: .32rem;
    border-radius: .5rem;
    border: 1px solid #D9D9D9;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: rr;
    color: #626262;
    font-size: .24rem;
    background-color: #FFFFFF;
    margin: .13rem 0 0;
    font-weight: 400;
    padding: 0;
}

.catez .bottom {
    font-family: rr;
    font-size: .18rem;
    font-weight: 400;
    line-height: .22rem;
    text-align: left;
    color: #626262;
    margin-top: .1rem;
}


.cpynews {
    padding: .93rem 3.86rem 1.21rem;
}

.cpynews .title {
    font-family: mm;
    font-size: .36rem;
    font-weight: 700;
    line-height: .42rem;
    letter-spacing: 0em;
    text-align: center;
    margin-bottom: .4rem;
    color: #0B2E8F;
}

.cpynews ul {
    display: flex;
    justify-content: space-between;
}

.cpynews ul li {
    width: 3.43rem;
    /* margin-right: .41rem; */
}

.cpynews ul li:last-of-type {
    margin-right: 0;
}

.cpynews ul li .newscover {
    width: 100%;
    height: 2.62rem;
    overflow: hidden;
}

.cpynews ul li .newscover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 1s ease 0s;
}

.cpynews ul li:hover img {
    transform: scale(1.05);
}

.cpynews ul li .infop {
    margin-top: .34rem;
}

.cpynews ul li .infop h1 {
    font-size: .2rem;
    font-weight: 500;
    line-height: .24rem;
    letter-spacing: 0em;
    text-align: center;
    color: #0B2E8F;
    margin-bottom: .18rem;
}



.cpynews ul li .infop p {
    font-family: ll;
    font-size: .18rem;
    font-weight: 400;
    line-height: .24rem;
    letter-spacing: 0em;
    text-align: center;
    color: #626262;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.cpynews ul li .infop .more {
    font-family: ll;
    font-size: .16rem;
    font-weight: 300;
    line-height: .19rem;
    letter-spacing: 0em;
    text-align: left;
    color: #FFFFFF;
    margin-top: .27rem;
    width: .78rem !important;
    height: auto;
    color: #0B2E8F;
    border: none;
    font-family: rr;
    transform: none;
    position: static;
}

.cpynews ul li .infop .more::before {
    display: none;
}

.cpynews ul li .infop .more:hover {
    color: #0B2E8F;
}

.cpynews ul li:hover .infop p {
    color: #0B2E8F;
}

.readMore {
    font-family: ll;
    display: flex;
    width: 1.58rem;
    height: .42rem;
    border-radius: .2rem;
    position: relative;
    overflow: hidden;
    justify-content: center;
    align-items: center;
    font-size: .16rem;
    font-weight: 300;
    line-height: .19rem;
    letter-spacing: 0em;
    text-align: center;
    color: #fff;
    border: 1px solid #0B2E8F;
    background-color: transparent;
}

.readMore span {
    position: relative;
    z-index: 10;
}

.readMore::before {
    content: '';
    display: flex;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #0B2E8F;
    transition: all ease 1s;
}

.readMore:hover::before {
    transform: translateX(100%);
}

.readMore:hover span {
    color: #0B2E8F;
}

.cpynews .readMore {
    /* left: calc(50% - .79rem); */
    left: 50%;
    transform: translateX(-50%);
    margin-top: .58rem;
    width: 1.62rem;
    height: .3rem;
    font-size: .18rem;
    font-family: rr;
}

.bkshead {
    width: 100vw;
    height: 1.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    background-color: #fff;
    transition: all .3s;
    overflow: hidden;
}
.bkshead .lange{
    position: absolute;
    right: .9rem;
    top: 50%;
    transform: translateY(-50%);
    font-size: .24rem;
    font-weight: 700;

    color: #0B2E8F;
}
.bkshead .lange a{
    color: #0B2E8F;  
}
.bkshead .ul {
    margin-right: 1.4rem;
height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.bkshead .ul>li{
    height: 100%;display: flex;
    align-items: center;
    justify-content: center;
}
.bkslogo {
    display: flex;
    width: 2.39rem;
    margin: 0 .63rem;
}

.bkslogo img {
    width: 100%;
}

.bkshead .lis {
    display: block;
    margin: 0 .2rem;
    font-family: rr;
    font-size: .24rem;
    font-weight: 400;
    line-height: .36rem;
    letter-spacing: 0.04em;
    color: #0B2E8F;
    position: relative;
}

.bkshead .lis:hover {
    color: #1E88D5;
}

.bkshead .lis::after {
    content: "";
    display: flex;
    width: 0%;
    height: .02rem;
    background-color: #1E88D5;
    position: relative;
    bottom: -0.1rem;
    transition: transform 1s ease 0s;
}

.bkshead .lis:hover::after {
    width: 100%;
}

.foot {
    background-color: #EFE6D7;
    padding: .58rem 0 1.59rem 3.97rem;
    background-image: url(/images/footdec.png);
    background-position: 0 bottom;
    background-repeat: no-repeat;
    background-size: 100% 1.07rem;
}

.foottopleft {
    height: auto;
}

.foottopleft>li {
    width: auto;
}

.footico {
    display: none;
}

.footbtn {
    display: none;
}

.foottopleft>li>a:first-of-type {
    display: block;
    margin-bottom: .63rem;
    font-family: rr;
    font-size: .18rem;
    font-weight: 400;
    line-height: .2109rem;
    text-align: left;
    color: #0C308F;
}

.foottopleft>li:nth-of-type(1) {
    width: 3.25rem;
}

.foottopleft>li:nth-of-type(2) {
    width: 4.01rem;
}

.foottopleft>li:nth-of-type(3) {
    width: 3.6rem;
}

.foottopleft a>p {
    font-family: rr;
    font-size: .18rem;
    font-weight: 400;
    line-height: 1.8;
    text-align: left;
    color: #0C308F;
    margin: 0;
}

.foottopleft a>p:hover {
    color: #1E88D5;
}

.foottop {
    border: none;
    padding: 0;
}

.funfoot {
    padding-top: .84rem;
}

.funfoot .ri .wbo {
    width: .36rem;
    height: .36rem;
    cursor: pointer;
    margin: 0 .025rem;
    position: relative;
}

.funfoot .ri .ris {
    display: flex;
    justify-content: center;
}


.funfoot .ri .ris .a {
    display: block;
}

.funfoot .ri .ris .b {
    display: none;
}

.funfoot .ri .wbo:hover .a {
    display: none;
}

.funfoot .ri .wbo:hover .b {
    display: block;
}

.funfoot .inner {
    width: 17.26rem;
    margin: 0 auto;
}

.funfoot .inner .top {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.funfoot .inner .top .findsotre {
    margin-bottom: .07rem;
    display: flex;
    align-items: center;
}

.funfoot .inner .top .findsotre a {
    font-family: rr;
    font-size: .22rem;
    font-weight: 400;
    line-height: .2637rem;
    letter-spacing: 0.04em;
    color: #0C348B;
}

.funfoot .inner .top .findlogo {
    margin-bottom: .42rem;
    width: 4rem;
}

.funfoot .inner .top .findlogo img {
    width: 100%;
}

.funfoot .inner .top .ri {
    margin-bottom: .4rem;
}

.funfoot .inner .bot {
    width: 100%;
    padding-top: .15rem;
    padding-bottom: .36rem;
    font-family: rr;
    font-size: .22rem;
    font-weight: 400;
    line-height: .2637rem;
    letter-spacing: 0.04em;
    text-align: center;
    color: #0C348B;
    border-top: 2px solid #0C348B;
}

.wbo .shareQr {
    position: absolute;
    top: -1.45rem;
    width: 1.32rem;
    height: 1.24rem;
    background-color: #fff;
    left: calc(50% - 0.66rem);
    display: flex;
    justify-content: center;
    align-items: center;
    background-clip: padding-box;
    border-radius: 2px;
    box-shadow: 0 3px 6px -4px rgba(0, 0, 0, .12), 0 6px 16px 0 rgba(0, 0, 0, .08), 0 9px 28px 8px rgba(0, 0, 0, .05);
    display: none;
}

.wbo:hover .shareQr {
    display: flex;
    animation: fadeInIn 0.2s ease-in-out;
}

.foot .foottop .right .wbo .shareQr img {
    width: 1rem;
    height: 1rem;
}

.wbo .shareQr::after {
    content: '';
    position: absolute;
    width: .1rem;
    height: .1rem;
    background-color: #fff;
    left: 50%;
    bottom: -0.05rem;
    transform: translateX(-50%) rotate(45deg);
}

.wbo img {
    width: 100%;
    height: 100%;
}

.wbo .shareQr img {
    width: 100%;
    height: 100%;
}

.banner .item .txt {
    top: 1.75rem;
    transform: translateX(-50%);
}

.banner .txt .titnew {
    font-family: rr;
    font-size: .58rem;
    font-weight: 700;
    line-height: .87rem;
    letter-spacing: 0.04em;
    text-align: left;
    color: #123492;
}

.banner .txt .descnew {
    font-family: rr;
    font-size: .36rem;
    font-weight: 500;
    line-height: .54rem;
    letter-spacing: 0.4em;
    text-align: left;
    color: #123492;
    margin-top: .01rem;
}

.banner .swiper-button-next,
.banner .swiper-button-prev {
    top: 40%;
}

.banner {
    height: 8.03rem;
    /* height: calc(100vh - 1.6rem); */
}

.banner .pcs {
    width: 100%;
    height: 100%;
}

.banner .swiper-slide .item,
.banner .swiper-slide img {
    height: 100%;
}

.isd-tit {
    font-family: rr;
    font-size: .48rem;
    font-weight: 400;
    line-height: .6365rem;
    text-align: center;
    color: #1646A5;
}

.contact-page {
    padding: .98rem 2rem 1.2rem;
}

.contact-page .h1 {
    font-family: rr;
    font-size: .24rem;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    color: #1A1A1A;
    margin-top: .97rem;
}

.contact-page .h2 {
    font-family: rr;
    font-size: .3864rem;
    font-weight: 400;
    line-height: .5124rem;
    text-align: center;
    color: #1646A5;
    margin-top: .22rem;
}

.mapimg {
    width: 11.75rem;
    margin: 0 auto;
    position: relative;
}

.mapimg .h3 {
    position: absolute;
    font-family: rr;
    font-size: .24rem;
    font-weight: 400;
    line-height: .3183rem;
    text-align: center;
    color: #1A1A1A;
    width: 100%;
    text-align: center;
    left: 0;
    bottom: .38rem;
}

.mapimg img {
    width: 100%;
    height: auto;
}

.lximg {
    margin: 0 auto;
    width: 11.6rem;
}

.lximg img {
    width: 100%;
    height: auto;
}

.totlx {
    margin-top: .73rem;
    margin-bottom: .2rem;
}

.totlx .a,
.totlx .b {
    display: flex;
    justify-content: center;
}

.totlx a {
    display: block;
    margin: 0 .4rem;
}

.totlx a,
.totlx .b {
    font-family: rr;
    font-size: .2413rem;
    font-weight: 400;
    line-height: .3199rem;
    color: #1A1A1A;
}

.totlx a:hover {
    color: #0B2E8F;
}

.totlx .b {
    margin-top: .2rem;
}

.brand-page {
    width: 12rem;
    margin: 0 auto;
    padding: .6rem 0 .9rem;
}

.qulity {
    background-color: #F1ECE5;
    padding: .53rem .74rem .7rem;
    margin-bottom: .3rem;
}

.qulity .tp {
    display: flex;
    justify-content: space-between;
}

.qulity .tp .le {
    padding-top: 1.04rem;
}

.qulity .h1 {
    font-family: rr;
    font-size: .55rem;
    font-weight: 700;
    line-height: .6656rem;
    text-align: left;
    color: #0146AB;
}

.qulity .h2 {
    font-family: rr;
    font-size: 1.1171rem;
    font-weight: 700;
    line-height: 1.3519rem;
    text-align: left;
    color: #0146AB;
}

.qulity .bt {
    margin-top: .9rem;
}

.qulity .bt img {
    width: 100%;
    height: auto;
}

.brand-page .p {
    font-family: rr;
    font-size: .18rem;
    font-weight: 400;
    line-height: 1.5;
    color: #000000;
    margin-bottom: .26rem;
}

.dairy {
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: url(/images/dairybg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 6.23rem;
    margin-top: .37rem;
    margin-bottom: .72rem;
}

.dairy img {
    width: 2.56rem;
    height: auto;
}

.character {
    margin-bottom: .34rem;
}

.character .ul {
    display: flex;
    justify-content: space-between;
    padding: 0 .62rem;
}

.character .ul .li {
    width: 1.76rem;
    height: 1.76rem;
    border-radius: 50%;
    background: radial-gradient(50% 50% at 50% 50%, #FFFFFF 0%, #E8E8E8 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: rr;
    font-size: .26rem;
    font-weight: 400;
    line-height: 1.2;
    color: #0C348B;
}

.mission {
    background-image: url(/images/missionbg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    padding-left: .95rem;

    width: 100%;
    height: 6.75rem;
    margin-top: .79rem;
}

.mission .h6 {
    font-family: rr;
    font-size: .3rem;
    font-weight: 400;
    line-height: 1.2;
    text-align: left;
    color: #0C348B;
    margin: .19rem 0;
}

.safety-page {
    padding: 1rem 0;
}

.safety-title {
    font-family: rr;
    font-size: .72rem;
    font-weight: 400;
    line-height: .8659rem;
    text-align: center;
    color: #1646A5;
    margin-bottom: .32rem;
}

.safety-page .p {
    font-family: rr;
    font-size: .24rem;
    font-weight: 400;
    line-height: 1.2;
    text-align: center;
    color: #1A1A1A;
}

.cow {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: .42rem;
}

.cow .le {
    margin-right: 1.7rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.cow .le img:nth-of-type(1) {
    width: 2.13rem;
    height: auto;
    display: block;
    margin-bottom: 1.19rem;
}

.cow .le img:nth-of-type(2) {
    width: 3.6rem;
    height: auto;
}

.provement {
    width: 12rem;
    padding: .7rem 0 .87rem;
    background-color: #F2F2F2;
    margin: 0 auto;
    margin-top: .44rem;
}


.provement .h1 {
    font-family: rr;
    font-size: 0.4rem;
    font-weight: 400;
    line-height: .492rem;
    text-align: center;
    color: #1646A5;
    margin-bottom: .99rem;
}

.provement img {
    width: 7.73rem;
    height: auto;
    display: block;
    margin: 0 auto;
}

.rzs {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 9rem;
    margin: 0 auto;
    margin-top: .3rem;
}

.rzs img {
    display: block;
    width: 2.17rem;
    height: auto;
    margin-right: .3rem;
    margin-top: .36rem;
}

.msban {
    width: 100%;
    height: 7.22rem;
}

.dytoptu img {
    width: 100%;
    height: 100%;
    object-fit: cover;

}

.ttxxtt {
    width: 15rem;
}

.ttxxtt h1 {
    width: 100%;
    font-family: rr;
    font-size: .6rem;
    font-weight: 700;
    line-height: 1.2;
    text-align: right;
    color: #fff;
    margin-top: 10%;
}

.ttxxtt h2 {
    width: 100%;
    font-family: rr;
    font-size: .38rem;
    font-weight: 400;
    line-height: 1.2;
    color: #FCFDFF;
    text-align: right;
    margin-top: .1rem;
}

.cowbox {
    width: 12rem;
    margin: 0 auto;
}

.lximg img:nth-of-type(1) {
    display: block;
}

.lximg img:nth-of-type(2) {
    display: none;
}

.funfoot .mid {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: .4rem;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.funfoot .mid h1,
.funfoot .ri h1 {
    font-size: .16rem;
    font-weight: 400;
    line-height: .19rem;
    letter-spacing: 0em;
    text-align: center;
    color: #626262;
    margin-bottom: .08rem;
    font-family: mm;

}

.funfoot .mid p,
.funfoot .ri p {
    font-size: .12rem;
    font-weight: 300;
    line-height: .14rem;
    letter-spacing: 0em;
    text-align: center;
    color: #626262;
    margin-bottom: .17rem;
    font-family: rr;
}


.funfoot .mid .midinp {
    position: relative;
    width: 3.7rem;
    height: .36rem;
}


.funfoot .mid input[type="text"] {
    width: 100%;
    height: 100%;
    border-radius: .2rem;
    border: 1px solid #E8EAEC;
    padding-left: .18rem;
}

.funfoot .mid input[type="button"] {
    cursor: pointer;
    width: .58rem;
    height: .36rem;
    background-color: #0B2E8F;
    border-top-right-radius: .2rem;
    border-bottom-right-radius: .2rem;
    position: absolute;
    right: 0;
    top: 0;
    border: none;
    background-image: url(/images/searchbtn.png);
    background-repeat: no-repeat;
    background-size: .24rem .24rem;
    background-position: .13rem center;
}


.fuch {
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #05102750;
    z-index: 100;
}

.fuchss {
    width: 6.77rem;
    height: 3.37rem;
    background-color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    bottom: .23rem;
    right: .18rem;
    display: flex;
    flex-direction: column;
}

.fccontent {
    padding: .31rem .26rem 0;
    height: 2.55rem;
    overflow-y: auto;
}

.fccontent .h1 {
    font-family: rr;
    font-weight: 400;
    font-size: .2rem;
    margin-bottom: .4rem;
    color: #0C348B;
}

.fccontent .h2 {
    font-family: rr;
    font-weight: 400;
    font-size: .2rem;
    margin-bottom: .33rem;
    color: #0C348B;
}

.fccontent .p {
    font-family: rr;
    font-weight: 400;
    font-size: .18rem;
    line-height: .28rem;
    text-align: justify;
    color: #0C348B;
    margin-bottom: 1em;
}

.fcunder {
    height: .82rem;
    flex-shrink: 0;
    background-color: #F0F8FF;
    padding: 0 .26rem;
    display: flex;
    align-items: center;
}

.fcbtn {
    width: 2rem;
    height: .48rem;
    background-color: #0C348B;
    font-family: rr;
    font-weight: 400;
    font-size: .16rem;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    cursor: pointer;
}


.fccontent::-webkit-scrollbar {
    width: 6px;
}

.fccontent::-webkit-scrollbar-track {
    background-color: #f1f1f1;
    border-radius: 0;
}

.fccontent::-webkit-scrollbar-thumb {
    background-color: #C1C1C1;
    border-radius: 0;
}

.fccontent::-webkit-scrollbar-thumb:hover {
    background-color: #555;
}

.fcclose {
    width: .2rem;
    height: .2rem;
    background-image: url(/images/fcclose.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: -0.1rem;
    right: 0;
    transform: translateY(-100%);
    cursor: pointer;
}



@media screen and (min-width:751px) {

    .hexis {
        padding-bottom: 1.6rem;
        width: 12.47rem;
        overflow: inherit !important;
    }

    .hexi .swiper-slide-active {
        width: 12.47rem !important;
        height: 6rem !important;
    }

    body {
        padding-top: 1.6rem;
    }

    .bkshead {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1000;
    }

}

@media screen and (max-width: 750px) {
    .fuch {
        display: none;
    }

    .hexi {
        padding-left: .35rem;
        padding-right: .35rem;
        padding-top: .8rem;
    }

    .hcate {
        padding: .67rem .35rem .31rem;
    }

    .hcate ul li {
        width: 3.24rem;
        margin-right: calc(100% - (3.24rem * 2));
        margin-bottom: .65rem;
    }

    .hcate ul li:nth-of-type(2n) {
        margin-right: 0;
    }

    .hcate ul li a .diffage {
        height: 2.1796rem;
    }

    .catez .bottom {
        font-size: .22rem;
        line-height: .38rem;
    }

    .catez .top .age {
        min-width: 1.4rem;
        height: .42rem;
        font-size: .22rem;
    }

    .cpynews {
        padding: 1rem .35rem;
    }

    .cpynews .title {
        font-family: mm;
        font-size: .38rem;
        font-weight: 700;
        line-height: .45rem;
        letter-spacing: 0em;
        text-align: center;
        color: #0B2E8F;
        margin-bottom: .39rem;
    }

    .cpynews ul {
        display: block;
    }

    .cpynews ul li {
        margin-right: 0;
        width: 100%;
        margin-top: .65rem;
    }

    .cpynews ul li:first-of-type {
        margin-top: 0;
    }

    .cpynews ul li .newscover {
        height: 4.5333rem;
    }

    .cpynews ul li .infop {
        margin-top: .41rem;
    }

    .cpynews ul li .infop h1 {
        font-size: .26rem;
    }

    .cpynews ul li .infop p {
        font-size: .22rem;
        line-height: .38rem;
    }

    .cpynews ul li .infop .more {
        font-size: .22rem;
        margin-top: .21rem;
    }



    .cpynews .readMore {
        width: 2rem;
        height: .68rem;
        border-radius: .5rem;
    }

    .cpynews .readMore span {
        font-size: .22rem;
    }

    .bkshead {
        display: none;
    }

    .mbanner {
        width: 100vw;
        height: 100vh;
    }

    .mbanner .mbs {
        width: 100%;
        height: 100%;
    }


    .milkdesc {
        flex-direction: column;
        margin-bottom: .98rem;
    }

    .milkdesc .mi {
        margin: .31rem 0 .47rem;
    }


    .bigpic .ty1 {
        top: .4rem;
        right: 2.45rem;
    }

    .bigpic .ty1 .h1 {
        font-family: rr;
        font-size: .22rem;
        font-weight: 700;
        line-height: .33rem;
    }

    .bigpic .ty1 .p {
        font-family: rr;
        font-size: .12rem;
        font-weight: 400;
        line-height: .1438rem;
        letter-spacing: 0.02em;
    }

    .cpynews ul li .infop p {
        text-align: left;
    }

    .cpynews ul li .infop .more {
        margin: 0;
        margin-top: .21rem;
    }

    .bigpic .ty2 {
        top: 50%;
        transform: translate(-50%, -50%);
    }

    .bigpic .ty2 .p {
        font-size: .34rem;
        font-weight: 400;
        line-height: .48rem;
        white-space: nowrap;
    }

    .sbox {
        padding-bottom: 0;
    }

    .mfooter {
        display: none;
    }

    .funfoot .inner {
        width: 6.8rem;
    }

    .funfoot .inner .top .findsotre {
        display: none;
    }

    .funfoot .inner .top {
        justify-content: center;
    }

    .funfoot {
        position: relative;
        height: 3.23rem;
        padding-top: .61rem;
    }

    .funfoot .inner .top .ri {
        position: absolute;
        left: 50%;
        bottom: .57rem;
        transform: translateX(-50%);
    }

    .funfoot .inner .top .findlogo {
        width: 3.62rem;
        margin-bottom: .3rem;
    }

    .funfoot .ri .wbo {
        width: .48rem;
        height: .48rem;
    }

    .funfoot .ri .wbo {
        margin: 0 .04rem;
    }

    .foot {
        display: block;
        padding: .42rem .35rem .55rem;
        background-size: 100% .43rem;
    }

    .foottopleft>li {
        width: auto !important;
    }

    .foottopleft>li>a {
        display: none;
    }

    .foottopleft>li>a:first-of-type {
        display: block;
        margin-bottom: 0;
    }

    .foottop {
        width: 100%;
    }

    .foottopleft {
        width: 100%;
    }

    .mobcopy {
        display: flex !important;
        justify-content: center;
        margin-top: .22rem;
        padding-top: .245rem;
        border-top: 1px solid #D3D3D3;
        font-size: .2rem;
        font-weight: 300;
        line-height: .2344rem;
        text-align: center;
        color: #0C308F;
    }

    .mheader,
    .mheader1 {
        padding: 0 0.41rem 0 2.79rem !important;
    }

    .gja {
        display: none;
    }

    .mheader img {
        width: 1.912rem;
        height: .76rem;
    }

    .mbanner .swiper-slide .item>div {
        top: 3.16rem;
    }

    .mbanner .txt .titnew {
        font-size: .64rem;
        font-weight: 700;
        line-height: .96rem;
        letter-spacing: 0.04em;
        text-align: center;
        color: #123492;
    }

    .mbanner .txt .descnew {
        font-size: .42rem;
        font-weight: 500;
        line-height: .63rem;
        letter-spacing: 0.4em;
        text-align: center;
        color: #123492;
        margin-top: .15rem;
    }

    .brand-page {
        width: 6.8rem;
        padding: 0.9rem 0 1rem;
    }

    .qulity {
        padding: .31rem .42rem .4rem;
    }

    .qulity .ri {
        width: 2.17rem;
    }

    .qulity .ri img {
        width: 100%;
        height: auto;
    }

    .qulity .h1 {
        font-size: .3rem;
        font-weight: 400;
        line-height: .3978rem;
        margin-bottom: .16rem;
    }

    .qulity .h2 {
        font-size: .6rem;
        font-weight: 600;
        line-height: .7956rem;
    }

    .qulity .tp .le {
        padding-top: .52rem;
    }

    .qulity .bt {
        margin-top: .52rem;
    }

    .brand-page .p {
        font-size: .24rem;
        font-weight: 400;
        line-height: .42rem;
    }

    .dairy {
        height: 3.54rem;
    }

    .dairy img {
        width: 1.45rem;
    }

    .character .ul {
        flex-wrap: wrap;
        padding: 0 .27rem;
        justify-content: center;
    }

    .character .ul .li {
        margin-right: .5rem;
        margin-right: calc((100% - 1.76rem * 3) / 2);
    }

    .character .ul .li:nth-of-type(3) {
        margin-right: 0;
    }

    .mission {
        height: 3.82rem;
        margin-top: .59rem;
    }

    .mission .h6 {
        font-size: .24rem;
        margin: .14rem 0;
    }

    .safety-title {
        font-size: .48rem;
        font-weight: 400;
        line-height: .6365rem;
        margin-bottom: .54rem;
    }

    .safety-page {
        padding-top: 0.81rem;
    }

    .safety-page .p {
        font-size: .28rem;
        font-weight: 400;
        line-height: .42rem;
        text-align: center;
        margin-bottom: .22rem;
    }

    .safety-page .p .br {
        margin-top: .16rem;
    }


    .cowbox {
        width: auto;
        margin: 0;
        padding: 0 0.35rem;
    }

    .cow {
        justify-content: space-between;
        align-items: start;
    }

    .cow .le {
        margin: 0;
        padding-top: .51rem;
    }

    .cow .le img:nth-of-type(1) {
        width: 1.49rem;
        margin-bottom: 0.82rem;
    }

    .cow .le img:nth-of-type(2) {
        width: 2.5rem;
    }

    .cow .ri {
        width: 3.12rem;
    }

    .cow .ri img {
        width: 100%;
        height: auto;
    }


    .provement {
        width: 100%;
        padding: .69rem .35rem .87rem;
    }

    .provement img {
        width: 100%;
    }

    .provement .h1 {
        font-size: .42rem;
        margin-bottom: .96rem;
    }

    .rzs {
        width: 100%;
        margin: 0;
        padding: 0 .35rem;
        padding-top: .66rem;
    }

    .rzs img {
        width: 2.07rem;
        margin-top: .34rem;
        margin-right: calc((100% - 2.07rem * 3) / 2);
    }

    .rzs img:nth-of-type(3n) {
        margin-right: 0;
    }


    .contact-page {
        padding: .81rem .35rem 1rem;
    }

    .isd-tit {
        font-size: .48rem;
        font-weight: 400;
        line-height: .6365rem;
    }

    .contact-page .h1 {
        margin-top: 1.01rem;
        font-size: .28rem;
        font-weight: 400;
        line-height: .42rem;
    }

    .contact-page .h1 .br {
        margin-top: .38rem;
    }

    .mapimg {
        width: 6.8rem;
    }

    .lximg img:nth-of-type(1) {
        display: none;
    }

    .lximg img:nth-of-type(2) {
        display: block;
    }

    .lximg {
        width: 6.8rem;
        margin-top: .28rem;
    }

    .totlx {
        margin: .79rem 0 0;
    }

    .totlx a,
    .totlx .b {
        font-size: .28rem;
    }

    .totlx a {
        margin: 0 .18rem;
    }

    .totlx .b {
        margin-top: .28rem;
        text-align: center;
        line-height: .42rem;
    }


    .funfoot {
        display: block;
        height: auto;
        padding: .57rem .35rem;

        width: 100vw;
        margin-left: -0.35rem;
        margin-top: -0.42rem;
        margin-bottom: 0.42rem;
    }

    .funfoot .logo {
        display: none;
    }

    .funfoot .mid .midinp {
        width: 100%;
        height: .68rem;
    }

    .funfoot .mid input[type="text"] {

        border-radius: .5rem;
    }

    .funfoot .mid input[type="button"] {
        width: 1rem;
        height: 0.68rem;
        border-top-right-radius: 0.5rem;
        border-bottom-right-radius: 0.5rem;
        background-size: 0.42rem 0.42rem;
        background-position: .25rem center;
    }

    .funfoot .mid h1,
    .funfoot .ri h1 {
        font-size: .26rem;
        margin-bottom: .14rem;
        line-height: .3rem;
    }

    .funfoot .mid p,
    .funfoot .ri p {
        font-size: .22rem;
        line-height: .32rem;
    }

    .funfoot .mid {
        margin-bottom: .5rem;
position: static;
        transform: none;
    }

    .funfoot .inner .top {
        display: block;
    }

    .funfoot .inner .top .ri {
        position: relative;
        bottom: 0;
    }

    .funfoot .inner .top .findlogo {
        display: flex;
        margin: 0 auto;
        margin-bottom: .5rem;
    }

    .funfoot {
        margin: 0;
        padding-bottom: 0;
    }

    .mheaderr img {
        width: .44rem;
        height: .44rem;
    }
}