@charset "utf-8";

.w1425 {width: 1425px;margin: 0 auto;}

/*公共标题*/
.en {font-size: 20px;font-weight:400;color: #333333;text-align: center;margin-bottom:20px;}
.en img {max-width: 100%;display: block;margin: 0 auto;}
.cn {font-size: 42px;font-weight: 400;color: #333;line-height: 60px;text-align: center;}


/*轮播图*/
.banner{margin-top:84px;}
.banner .swiper-slide img{
    width: 100%;
    display: block;
}
.banner .swiper-pagination {
    text-align: center!important;
    right: auto!important;
    bottom: 30px!important;
}

.banner .swiper-pagination-bullet {
    width: 51px;
    height: 4px;
    background: rgba(255, 255, 255, .6);
}

.banner .swiper-pagination-bullet-active {
    background: rgba(255, 255, 255, 1);
}
/*品牌简介*/
.con1 {padding-top: 64px;display: flex;justify-content: flex-start;align-items: center;background: url(../images/bj1.png) right no-repeat;background-size: contain;margin-bottom: 100px;}
.con1 .fl {width: 50%;}
.con1 .fl img {width: 100%;display: block;}
.con1 .fr {width: 30%;padding-left: 8%;padding-right: 8%;text-align: justify;}
.con1 .fr .des {font-size: 16px;font-weight: 400;color: #333333;line-height: 40px;text-indent: 2em;}
.con1 .fr ul {display: flex;justify-content: space-around;align-items: center;width: 100%;margin: 0 auto;margin-top: 8%;}
.con1 .fr ul li {width: 40%;padding: 15px 0;background: #F5F5F5;transition: all .5s;}
.con1 .fr ul li:hover{background: none;border-radius: 8px;}
.con1 .fr ul li a {width: 100%;display: block;display: flex;justify-content: center;align-items: center;height: 100%;}
.con1 .fr ul .line {width: 1px;height: 48px;background: #ECE2DA;border-radius: 1px;display: block;}
.con1 .fr ul li a .box01 {margin-right: 9px;}
.con1 .fr ul li a .box01 img {-webkit-transition: 1s;transition: 1s;}
.con1 .fr ul li:hover a .box01 img {-webkit-transform: rotateY(360deg);transform: rotateY(360deg);}
.con1 .fr ul li a .box02 {}
.con1 .fr ul li a .box02 p {font-size: 18px;font-weight: 800;color: #5E4638;line-height: 30px;display: flex;align-items: center;}
.con1 .fr ul li a .box02 p img {margin-left: 5px;}
.con1 .fr ul li a .box02 span {font-size: 14px;font-weight: 300;color: #5E4638;line-height: 20px;text-transform: uppercase;}

/*品牌理念*/
.con2 {display: flex;justify-content: flex-end;align-items: center;margin-bottom: 100px;}
.con2 .fl {width: 30%;padding-right: 8%;padding-left: 8%;text-align: justify;}
.con2 .fl .des1 {font-size: 14px;font-weight: 400;color: #333333;line-height: 40px;text-align: center;}
.con2 .fl .des2 {font-size: 16px;font-weight: 400;color: #333333;line-height: 40px;text-indent: 2em;}
.con2 .fl ul {width: 100%;display: grid;justify-content: space-between;grid-template-columns: repeat(3, 32%);align-items: center;margin-top: 5%;}
.con2 .fl ul li {width: 100%;overflow: hidden;cursor: pointer;}
.con2 .fl ul li img {width: 100%;display: block;transition: transform .5s ease-out;overflow: hidden;}
.con2 .fl ul li:hover img{transform: scale(1.02);}
.con2 .fr {width: 50%;}

.con2 .fr .imgs {display: flex;justify-content: space-around;align-items: center;}
.con2 .fr .imgs .img {width: 48%;}
.con2 .fr .imgs .img img {width: 100%;display: block;}

/*品牌系列 s*/
.con3 {}
.con3 .series01 {width: 100%;padding: 100px 0;}
.con3 .series01 .w1200 {}
.con3 .series01 .w1200 .en {color: #FFFFFF;}
.con3 .series01 .w1200 .cn {color: #FFFFFF;}
.con3 .series01 .w1200 .tab01 {display: flex;justify-content: center;margin-top: 30px;}
.con3 .series01 .w1200 .tab01 li {margin: 0 36px;cursor: pointer;position: relative;display: flex;justify-content: center;align-items: center;flex-wrap: wrap;}
.con3 .series01 .w1200 .tab01 li p {font-size: 24px;font-weight: 400;color: #FFFFFF;line-height: 60px;}
.con3 .series01 .w1200 .tab01 li .line {width: 36px;height: 6px;background: #FFFFFF;border-radius: 3px;display: block;margin: 0 auto;display: none;position: absolute;bottom: -10px;}
.con3 .series01 .w1200 .tab01 li:hover p,.con3 .series01 .w1200 .tab01 li.cur p {font-weight: bold;}
.con3 .series01 .w1200 .tab01 li:hover .line,.con3 .series01 .w1200 .tab01 li.cur .line {display: block;}

.con3 .series02 {background: #F5F5F5;width: 100%;display: inline-block;padding-bottom: 72px;}
.con3 .series02 .w1425 {}
.con3 .series02 .w1425 section {display: flex;justify-content: space-between;align-items: flex-end;}
.con3 .series02 .w1425 section .box01 {width: 600px;position: relative;float: left;top:-60px;}
.con3 .series02 .w1425 section .box01 .bybk {position: absolute;top: 0;width: 570px;height: 890px;border: 4px solid #FFFFFF;border-radius: 286px 286px 0px 0px;margin: 0 11px;top: 17px;z-index: 10;}
.con3 .series02 .w1425 section .box01 .list01 {height: 930px;overflow: hidden;}
.con3 .series02 .w1425 section .box01 .list01 ul {height: 900px;}
.con3 .series02 .w1425 section .box01 .list01 ul li {overflow: hidden;}
.con3 .series02 .w1425 section .box01 .list01 ul li a {width: 100%;height: 100%;overflow: hidden;}
.con3 .series02 .w1425 section .box01 .list01 ul li a img {width: 100%;display: block;}
.con3 .series02 .w1425 section .box01 .list01 .swiper-pagination{display: flex;justify-content:center;right:unset;}
.con3 .series02 .w1425 section .box01 .list01 .swiper-pagination .swiper-pagination-bullet{width: 10px;height: 10px;}
.con3 .series02 .w1425 section .box01 .list01 .swiper-pagination .swiper-pagination-bullet-active{background:#5E4637;}

.con3 .series02 .w1425 section .box02-new {width: 700px;margin-right: 0;float: right;position: relative;top:-80px;}
.con3 .series02 .w1425 section .box02-new ul{}
.con3 .series02 .w1425 section .box02-new ul li{}
.con3 .series02 .w1425 section .box02-new ul li .img{width: 100%;}
.con3 .series02 .w1425 section .box02-new ul li .img img{max-width: 100%;/*max-height: 480px;*/}
.con3 .series02 .w1425 section .box02-new ul li .c{margin-top: 30px;width: 80%;text-align: justify;}
.con3 .series02 .w1425 section .box02-new ul li .c h4{font-size: 20px;color: #000;line-height: 50px;display: flex; justify-content: flex-start;align-items: flex-end;display:none;}
.con3 .series02 .w1425 section .box02-new ul li .c h4 .c_title{display: block;}
.con3 .series02 .w1425 section .box02-new ul li .c h4 .sub_title{display: block;margin-left:20px;font-size:12px;line-height:40px;}
.con3 .series02 .w1425 section .box02-new ul li .c .desc{font-size: 14px;color: #000;line-height: 32px;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;display:none;}
.con3 .series02 .w1425 section .box02-new ul li .c .more{font-size: 16px;color: #585657;line-height: 30px;margin-top: -70px;display: block;margin-left:30px;}
.con3 .series02 .w1425 section .box02-new ul li .c .more:hover{cursor: pointer;color: #5E4637;}
.con3 .series02 .w1425 section .box02-new .swiper-pagination{display: flex;justify-content:center;bottom: 230px;right: 33px;}
.con3 .series02 .w1425 section .box02-new .swiper-pagination .swiper-pagination-bullet{width: 10px;height: 10px;}
.con3 .series02 .w1425 section .box02-new .swiper-pagination .swiper-pagination-bullet-active{background:#5E4637;}
/*品牌系列 e*/


/*不盲从流行 但始终时尚*/
.con4 {
    width: 100%;
    height: 600px;
    background: url(../images/bj5.png) no-repeat;
    background-position-x: center;position: relative;
}

.con4 .w1200 {display: flex;justify-content: space-between;height:100%;}
.con4 .w1200 .fl {width: 238px;}
.con4 .w1200 .fl img {display: block;margin-top: 71px;margin-bottom: 15px;}
.con4 .w1200 .fl p {font-size: 18px;font-weight: 400;color: #FFFFFF;text-transform: uppercase;}
.con4 .w1200 .fr {width: 265px;text-align: center;height:100%;
display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
    position: absolute;
    margin-left: 50px;
    right: 265px;
}
.con4 .w1200 .fr h4 {
    /*width: 47px;*/
    font-size: 48px;
    font-weight: bold;
    color: #fff;/*5E4637*/
    line-height: 68px;
    margin: 0 auto;
    /*margin-top: 100px;*/
    margin-bottom: 50px;
}

.con4 .w1200 .fr .more {
    width: 184px;
    height: 56px;
    line-height: 56px;
    border: 1px solid #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    background: linear-gradient(to right, #5e4637, #5e4637) no-repeat;
    background-size: 0% 100%;
    transition: all .5s;
}

.con4 .w1200 .fr .more:hover {background-size: 100% 100%;color: #fff;}
.con4 .w1200 .fr .more:hover img{
    display: none;
    transition: all .5s;
}
.con4 .w1200 .fr .more img {
    display: block;
    margin-left: 6px;
}

/*品牌动态*/
.con5 {padding: 71px 0 115px;}
.con5 .list03 {margin-top: 50px;}
.con5 .list03 ul {padding-bottom: 45px;}
.con5 .list03 ul li {transition: 0.2s;width: 360px;float: left;overflow:hidden;}
.con5 .list03 ul li:hover{background: #5E4637;}
.con5 .list03 ul li a {width: 100%;}
.con5 .list03 ul li a .img {width: 100%;overflow: hidden;}
.con5 .list03 ul li a .img img {width: 100%;
    /*width: 360px;*/
    /*height: 540px;*/
    display: block;overflow: hidden;transition: transform .5s ease-out;}
.con5 .list03 ul li:hover a .img img{transform: scale(1.05);}
.con5 .list03 ul li a .nr{height: 112px;overflow:hidden;}
.con5 .list03 ul li a .nr .nr01 {padding: 15px 13px;height: 82px;overflow: hidden;transition: 0.7s;}
.con5 .list03 ul li a .nr .nr01 .tit {font-size: 20px;font-weight: 400;color: #333333;line-height: 30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.con5 .list03 ul li a .nr .nr01 .time {font-size: 14px;font-weight: 400;color: #333333;line-height: 35px;}
.con5 .list03 ul li a .nr .nr02 {width: auto;background: #5E4637;padding: 8px 13px 25px;height: 79px;overflow: hidden;transform: translateY(100%);transition: 0.7s;}
.con5 .list03 ul li:hover a .nr .nr01 {display: none;}
.con5 .list03 ul li:hover a .nr .nr02 {transform: translateY(0%);}
.con5 .list03 ul li a .nr .nr02 .tit {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 20px;
    font-weight: 400;
    color: #FFFFFF;
    text-align: center;
    line-height: 45px;
}

.con5 .list03 ul li a .nr .nr02 .more {
    display: block;
    width: 90px;
    font-size: 14px;
    font-weight: 400;
    color: #FFFFFF;
    text-align: center;
    line-height: 33px;
    border-bottom: 1px solid #fff;
    margin: 0 auto;
}

.con5 .list03 .swiper-pagination {
    bottom: 0;
    text-align: center;
}

.con5 .list03 .swiper-pagination-bullet {
    width: 36px;
    height: 6px;
    background: #F2F1F0;
    border-radius: 3px;
}

.con5 .list03 .swiper-pagination-bullet-active {
    background: #5E4637;
}

/*适配*/
@media screen and (max-width:1600px){
    .con1 .fr .en {font-size: 20px;}
    .con1 .fr .en img{max-width: 500px;}
    .con1 .fr .cn {font-size: 36px;line-height: 50px;}
    .con1 .fr ul {margin-top: 7%;}
    .con1 .fr ul li {width: 43%;padding: 2.5% 0;background: #F5F5F5;}

    .con2 .fl .en {font-size: 18px;}
    .con2 .fl .en img {max-width: 440px;margin: 0 auto;}
    .con2 .fl .cn {font-size: 36px;line-height: 48px; }
    .con2 .fl .des2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;}


    .con3 .series01 .w1200 .en {font-size: 18px;}
    .con3 .series01 .w1200 .en img{max-width: 440px;}
    .con3 .series01 .w1200 .cn {font-size: 36px;}
    .w1425 {width: 1200px;}
    .con3 .series02 .w1425 section .box01 {width: 500px;}
    .con3 .series02 .w1425 section .box01 .list01 {height: 750px;overflow: inherit;}
    .con3 .series02 .w1425 section .box01 .list01 ul {height: 750px;}
    .con3 .series02 .w1425 section .box01 .list01 ul li a img {width: 100%;display: block;}
    .con3 .series02 .w1425 section .box02 {width: 665px;}
    .con3 .series02 .w1425 section .box01 .bybk {width: 470px;height: 745px;border: 4px solid #FFFFFF;margin: 0 11px;top: 17px;z-index: 10;}
    .con3 .series02 .w1425 section .box02 .list02 {height: 600px;}
    .con3 .series02 .w1425 section .box02 .list02 li {height: 393px;}
    .con3 .series02 .w1425 section .box02 .list02 li .upper {width: 159px;height: 159px;}
    .con3 .series02 .w1425 section .box02 .list02 li .lower img {width: 100%;display: block;}
    .con3 .series02 .w1425 section .box02 .list02 li:nth-child(2) {top: -72px;height: 393px;}
    .con3 .series02 .w1425 section .box02 .list02 li:nth-child(4){top: 159px;}
    .con3 .series02 .w1425 section .box02 .list02 li .upper p {font-size: 18px;font-weight: 400;color: #FFFFFF;}
    .con3 .series02 .w1425 section .box02-new {width: 550px;margin-right: 0;float: right;position: relative;top:-60px;}
    .con3 .series02 .w1425 section .box02-new .swiper-pagination{display: flex;justify-content:center;bottom: 250px;right: 33px;}
    .con3 .series02 .w1425 section .box02-new ul li .c .more{margin-top: -50px;margin-left:20px;}

}