.p5 {
    padding: 5px
}

.p8 {
    padding: 8px
}

.p10 {
    padding: 10px
}

.p12 {
    padding: 12px
}

.p15 {
    padding: 15px
}

.p17 {
    padding: 17px
}

.p18 {
    padding: 18px
}

.p20 {
    padding: 20px
}

.p25 {
    padding: 25px
}

.p28 {
    padding: 28px
}

.p30 {
    padding: 30px
}

.p40 {
    padding: 40px
}

.p45 {
    padding: 45px
}

.p50 {
    padding: 50px
}

.p60 {
    padding: 60px
}

.p70 {
    padding: 70px
}

.p80 {
    padding: 80px
}

.p123 {
    padding: 123px
}

.p140 {
    padding: 140px
}

.p150 {
    padding: 150px
}

.pt5 {
    padding-top: 5px
}

.pt8 {
    padding-top: 8px
}

.pt10 {
    padding-top: 10px
}

.pt12 {
    padding-top: 12px
}

.pt15 {
    padding-top: 15px
}

.pt17 {
    padding-top: 17px
}

.pt18 {
    padding-top: 18px
}

.pt20 {
    padding-top: 20px
}

.pt25 {
    padding-top: 25px
}

.pt28 {
    padding-top: 28px
}

.pt30 {
    padding-top: 30px
}

.pt40 {
    padding-top: 40px
}

.pt45 {
    padding-top: 45px
}

.pt50 {
    padding-top: 50px
}

.pt60 {
    padding-top: 60px
}

.pt70 {
    padding-top: 70px
}

.pt80 {
    padding-top: 80px
}

.pt123 {
    padding-top: 123px
}

.pt140 {
    padding-top: 140px
}

.pt150 {
    padding-top: 150px
}

.pr5 {
    padding-right: 5px
}

.pr8 {
    padding-right: 8px
}

.pr10 {
    padding-right: 10px
}

.pr12 {
    padding-right: 12px
}

.pr15 {
    padding-right: 15px
}

.pr17 {
    padding-right: 17px
}

.pr18 {
    padding-right: 18px
}

.pr20 {
    padding-right: 20px
}

.pr25 {
    padding-right: 25px
}

.pr28 {
    padding-right: 28px
}

.pr30 {
    padding-right: 30px
}

.pr40 {
    padding-right: 40px
}

.pr45 {
    padding-right: 45px
}

.pr50 {
    padding-right: 50px
}

.pr60 {
    padding-right: 60px
}

.pr70 {
    padding-right: 70px
}

.pr80 {
    padding-right: 80px
}

.pr123 {
    padding-right: 123px
}

.pr140 {
    padding-right: 140px
}

.pr150 {
    padding-right: 150px
}

.pb5 {
    padding-bottom: 5px
}

.pb8 {
    padding-bottom: 8px
}

.pb10 {
    padding-bottom: 10px
}

.pb12 {
    padding-bottom: 12px
}

.pb15 {
    padding-bottom: 15px
}

.pb17 {
    padding-bottom: 17px
}

.pb18 {
    padding-bottom: 18px
}

.pb20 {
    padding-bottom: 20px
}

.pb25 {
    padding-bottom: 25px
}

.pb28 {
    padding-bottom: 28px
}

.pb30 {
    padding-bottom: 30px
}

.pb40 {
    padding-bottom: 40px
}

.pb45 {
    padding-bottom: 45px
}

.pb50 {
    padding-bottom: 50px
}

.pb60 {
    padding-bottom: 60px
}

.pb70 {
    padding-bottom: 70px
}

.pb80 {
    padding-bottom: 80px
}

.pb123 {
    padding-bottom: 123px
}

.pb140 {
    padding-bottom: 140px
}

.pb150 {
    padding-bottom: 150px
}

.pl5 {
    padding-left: 5px
}

.pl8 {
    padding-left: 8px
}

.pl10 {
    padding-left: 10px
}

.pl12 {
    padding-left: 12px
}

.pl15 {
    padding-left: 15px
}

.pl17 {
    padding-left: 17px
}

.pl18 {
    padding-left: 18px
}

.pl20 {
    padding-left: 20px
}

.pl25 {
    padding-left: 25px
}

.pl28 {
    padding-left: 28px
}

.pl30 {
    padding-left: 30px
}

.pl40 {
    padding-left: 40px
}

.pl45 {
    padding-left: 45px
}

.pl50 {
    padding-left: 50px
}

.pl60 {
    padding-left: 60px
}

.pl70 {
    padding-left: 70px
}

.pl80 {
    padding-left: 80px
}

.pl123 {
    padding-left: 123px
}

.pl140 {
    padding-left: 140px
}

.pl150 {
    padding-left: 150px
}

.m5 {
    margin: 5px
}

.m8 {
    margin: 8px
}

.m10 {
    margin: 10px
}

.m12 {
    margin: 12px
}

.m15 {
    margin: 15px
}

.m17 {
    margin: 17px
}

.m18 {
    margin: 18px
}

.m20 {
    margin: 20px
}

.m25 {
    margin: 25px
}

.m28 {
    margin: 28px
}

.m30 {
    margin: 30px
}

.m40 {
    margin: 40px
}

.m45 {
    margin: 45px
}

.m50 {
    margin: 50px
}

.m60 {
    margin: 60px
}

.m70 {
    margin: 70px
}

.m80 {
    margin: 80px
}

.m123 {
    margin: 123px
}

.m140 {
    margin: 140px
}

.m150 {
    margin: 150px
}

.mt5 {
    margin-top: 5px
}

.mt8 {
    margin-top: 8px
}

.mt10 {
    margin-top: 10px
}

.mt12 {
    margin-top: 12px
}

.mt15 {
    margin-top: 15px
}

.mt17 {
    margin-top: 17px
}

.mt18 {
    margin-top: 18px
}

.mt20 {
    margin-top: 20px
}

.mt25 {
    margin-top: 25px
}

.mt28 {
    margin-top: 28px
}

.mt30 {
    margin-top: 30px
}

.mt40 {
    margin-top: 40px
}

.mt45 {
    margin-top: 45px
}

.mt50 {
    margin-top: 50px
}

.mt60 {
    margin-top: 60px
}

.mt70 {
    margin-top: 70px
}

.mt80 {
    margin-top: 80px
}

.mt123 {
    margin-top: 123px
}

.mt140 {
    margin-top: 140px
}

.mt150 {
    margin-top: 150px
}

.mr5 {
    margin-right: 5px
}

.mr8 {
    margin-right: 8px
}

.mr10 {
    margin-right: 10px
}

.mr12 {
    margin-right: 12px
}

.mr15 {
    margin-right: 15px
}

.mr17 {
    margin-right: 17px
}

.mr18 {
    margin-right: 18px
}

.mr20 {
    margin-right: 20px
}

.mr25 {
    margin-right: 25px
}

.mr28 {
    margin-right: 28px
}

.mr30 {
    margin-right: 30px
}

.mr40 {
    margin-right: 40px
}

.mr45 {
    margin-right: 45px
}

.mr50 {
    margin-right: 50px
}

.mr60 {
    margin-right: 60px
}

.mr70 {
    margin-right: 70px
}

.mr80 {
    margin-right: 80px
}

.mr123 {
    margin-right: 123px
}

.mr140 {
    margin-right: 140px
}

.mr150 {
    margin-right: 150px
}

.mb5 {
    margin-bottom: 5px
}

.mb8 {
    margin-bottom: 8px
}

.mb10 {
    margin-bottom: 10px
}

.mb12 {
    margin-bottom: 12px
}

.mb15 {
    margin-bottom: 15px
}

.mb17 {
    margin-bottom: 17px
}

.mb18 {
    margin-bottom: 18px
}

.mb20 {
    margin-bottom: 20px
}

.mb25 {
    margin-bottom: 25px
}

.mb28 {
    margin-bottom: 28px
}

.mb30 {
    margin-bottom: 30px
}

.mb40 {
    margin-bottom: 40px
}

.mb45 {
    margin-bottom: 45px
}

.mb50 {
    margin-bottom: 50px
}

.mb60 {
    margin-bottom: 60px
}

.mb70 {
    margin-bottom: 70px
}

.mb80 {
    margin-bottom: 80px
}

.mb123 {
    margin-bottom: 123px
}

.mb140 {
    margin-bottom: 140px
}

.mb150 {
    margin-bottom: 150px
}

.ml5 {
    margin-left: 5px
}

.ml8 {
    margin-left: 8px
}

.ml10 {
    margin-left: 10px
}

.ml12 {
    margin-left: 12px
}

.ml15 {
    margin-left: 15px
}

.ml17 {
    margin-left: 17px
}

.ml18 {
    margin-left: 18px
}

.ml20 {
    margin-left: 20px
}

.ml25 {
    margin-left: 25px
}

.ml28 {
    margin-left: 28px
}

.ml30 {
    margin-left: 30px
}

.ml40 {
    margin-left: 40px
}

.ml45 {
    margin-left: 45px
}

.ml50 {
    margin-left: 50px
}

.ml60 {
    margin-left: 60px
}

.ml70 {
    margin-left: 70px
}

.ml80 {
    margin-left: 80px
}

.ml123 {
    margin-left: 123px
}

.ml140 {
    margin-left: 140px
}

.ml150 {
    margin-left: 150px
}

.flex-around {
    justify-content: space-around
}

.flex-align,
.flex-around {
    align-items: center
}

.flex-column {
    flex-direction: column
}

.flex,
.flex-align,
.flex-around,
.flex-between,
.flex-center,
.flex-column,
.flex-end {
    display: flex
}

.flex-center {
    @extend .flex;
    justify-content: center;
    align-items: center
}

.flex-end {
    @extend .flex;
    justify-content: flex-end;
    align-items: center
}

.flex-between {
    @extend .flex;
    justify-content: space-between;
    align-items: center
}

.font10 {
    font-size: 10px
}

.font12 {
    font-size: 12px
}

.font14 {
    font-size: 14px
}

.font16 {
    font-size: 16px
}

.font18 {
    font-size: 18px
}

.font20 {
    font-size: 20px
}

.font24 {
    font-size: 24px
}

.font26 {
    font-size: 26px
}

.font28 {
    font-size: 28px
}

.font30 {
    font-size: 30px
}

.font32 {
    font-size: 32px
}

.font34 {
    font-size: 34px
}

.font36 {
    font-size: 36px
}

.align-center {
    text-align: center
}

.align-left {
    text-align: left
}

.align-right {
    text-align: right
}

.align-justify {
    text-align: justify
}

.wrap {
    width: 1200px;
    min-width: 1200px;
    margin: 0 auto;
}

* {
    padding: 0;
    margin: 0;
}

ul,
li {
    list-style: none;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.header {}

.banner {
    clear: both;
    min-width: 1200px;
}

.banner .swiper-slide {
    height: 450px;
}

.banner .swiper-pagination-bullet-active {}

.banner .swiper-pagination-bullet {

    background: #ffffff;
}

.header .logo {
    width: 124px;
    height: 131px;
    padding-top: 7px;
}

.header .right {
    width: 960px;
}

.header .top {
    border-bottom: 1px solid #ccc;
    padding-top: 28px;
    height: 60px;
    position: relative;
}

.header .top img {
    position: absolute;
    bottom: 0;
    left: 0;
}

.header .top .fr {
    display: flex;

}

.header .top .search {
    width: 360px;
    height: 44px;
    border: 1px solid #B48849;
    border-radius: 22px;
    display: flex;

}

.header .top .search .btn {
    width: 60px;
    height: 36px;
    background: #B48849;
    border: 2px solid #B48849;
    border-radius: 0px 20px 20px 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 2px;
    margin-right: 2px;


    font-size: 16px;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 14px;
}

.header .top .search input {
    border: 0;
    height: 42px;
    -webkit-border-radius: 44px;
    -moz-border-radius: 44px;
    border-radius: 44px;
    padding-left: 18px;
    padding-right: 18px;
    width: 298px;
    box-sizing: border-box;
    outline: none;
}

.header .top img {
    margin-bottom: -3px;
    display: block;
    background: #ffffff;
}

.header .menu ul {
    height: 64px;
    line-height: 64px;
    display: flex;
}
.header .menu ul li{position:relative;z-index:99;}
.header .menu ul li ul{position:absolute;top: 64px;left:0;background:#fff;display: none;height: auto;}
.header .menu ul li:hover ul{display:block;}
.header .menu ul li ul a{padding:0;display:block;line-height:36px}
.header .menu ul li a {
    margin: 0 36px;
    display: block;

    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
}
.header .menu ul li a img{
    margin-left: 7px;
    position: relative;
    top: 1px;
}
.header .login {
    display: block;
    margin-left: 20px;
    height: 17px;
    font-size: 18px;
    font-family: PingFang;
    font-weight: 500;
    color: #B48849;
    line-height: 14px;
    margin-top: 16px;
}

a {
    text-decoration: none;
    color: #333333;
}

a:hover {
    color: #b58d56;
}

.home_title {}

.home_title h3 {
    height: 29px;
    font-size: 30px;
    font-family: PingFang;
    font-weight: bold;
    color: #333333;
    line-height: 14px;
    text-align: center;
    padding-top: 53px;
    margin-bottom: 13px;
}

.home_title p {

    height: 15px;
    font-size: 14px;
    font-family: PingFang;
    font-weight: 500;
    color: #999999;
    line-height: 14px;
    text-align: center;
    margin-bottom: 23px;
}

.home_01 {
    display: flex;
    justify-content: space-between;
    padding-bottom: 76px;
}

.home_01 .item:hover h4 {
    color: #B68C4E;
}

.home_01 h4 {
    transition: all 0.3s linear;
    height: 17px;
    font-size: 18px;
    font-family: PingFang;
    font-weight: bold;
    color: #252525;
    line-height: 28px;
    margin-top: 34px;
    padding: 0 20px;
}

.home_01 p {
    height: 61px;
    font-size: 14px;
    font-weight: 500;
    color: #323232;
    line-height: 24px;
    padding: 0 20px;
    margin-top: 18px;
}

.home_01 .item img {
    display: block;
    margin: 0 auto;
    margin-top: 17px;
    transition: all 0.5s;
}

.home_01 .item:hover img {
    transform: scale(1.1);
}

.home_01 .item {
    width: 277px;
    height: 364px;
    background: #FFFFFF;
    box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.09);
    position: relative;
    box-sizing: border-box;
    border: 1px solid #fff;
}

.home_01 .item:hover {

    border: 1px solid #B68C4E;

    box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.09);
}

.home_01 .item .dot {
    width: 78px;
    height: 5px;
    background: #B48849;
    position: absolute;
    bottom: 0;
    left: 98px;
}

.home_02 .content {
    overflow: hidden;
}

.home_02 .left {
    width: 886px;
    float: left;
}

.home_02 .left .mr {
    display: flex;
    padding-left: 34px;

    text-align: center;
    padding-top: 26px;
}

.home_02 .left .mr .item {
    margin-left: 54px;
}

.home_02 .left .mr .item a {
    width: 82px;
    height: 82px;
    overflow: hidden;
    display: inline-block;
    border-radius: 82px;
}

.home_02 .left .mr .item a img {
    transition: all 0.3s linear;
}

.home_02 .left .mr .item:hover a img {
    transform: scale(1.1);
}

.home_02 .left .mr .item:hover p {
    color: #fff
}

.home_02 .left .mr p {
    margin-top: 23px;
    height: 18px;
    font-size: 18px;
    font-weight: bold;
    color: #333333;
    line-height: 15px;
    transition: all 0.3s linear;
}

.home_02 .left .mr {}

.home_02 .right {
    width: 294px;

    height: 565px;
    background: #FFFFFF;
    float: right;
    box-sizing: border-box;
    padding: 0 20px;
}

.subTitle {
    height: 59px;
    background: url("/img/common/dot3.png") no-repeat center left;
    padding-left: 23px;
    line-height: 59px;
}

.subTitle .more {
    font-size: 14px;
    font-weight: bold;
    color: #B48849;
}

.line {
    width: 254px;
    height: 1px;
    background: #ebebeb;
}

.home_ysyl a {
    margin-bottom: 33px;
    display: block;

}

.home_ysyl a:hover img {
    transform: translate3d(0, -2px, 0);
}

.home_ysyl a:hover .line::after {
    width: 100%;
}


.home_ysyl a .line {
    position: relative;
}

.home_ysyl a .line::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: all 0.3s 0.1s linear;
    width: 0;
    height: 1px;
    background-color: #B68C4E;

}

.home_ysyl a img {
    transition: all 0.3s linear;
    width: 254px;
    height: 170px;
    overflow: hidden;
}

.home_ysyl a:hover p {
    color: #B48849;
}

.home_ysyl p {
    margin-top: 12px;
    margin-bottom: 33px;
    height: 17px;
    font-size: 18px;
    font-weight: bold;
    color: #333333;
}


.home_yswh {
    margin-top: 14px;
}

.home_yswh .fl {
    width: 560px;
    height: 362px;
}

.home_yswh .info {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 560px;
    height: 33px;
    background: #0E0C0C;
    opacity: 0.7;
    line-height: 33px;
    color: #ffffff;
    padding-left: 24px;
    box-sizing: border-box;
}

.home_yswh .fl .swiper-slide {
    position: relative;
    height: 362px;
}

.home_yswh .fl .swiper-pagination {

    text-align: right;
    padding-right: 20px;
    box-sizing: border-box;

}

.home_yswh .fl .swiper-pagination-bullet-active {
    width: 20px;
    height: 3px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.home_yswh .fl .swiper-pagination-bullet {
    width: 20px;
    height: 3px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background: #ffffff;
}

.home_yswh>.fr {
    width: 325px;
    background: #ffffff;
    padding: 0 25px;
    box-sizing: border-box;
    height: 362px;
}

.home_yswh li {
    font-size: 16px;
    font-weight: bold;
    line-height: 34px;
    transition: all 0.3s linear;
}

.home_yswh li:hover {
    transform: scale(1.01);
}

.home_yswh li a:hover {
    color: #B48849;

}

.home_yswh {}

.home_yswh {}


.home_04 {}

.home_04 {}

.home_04 .left {
    width: 560px;
    float: left;
}

.home_04 .right {
    width: 560px;
    float: right;
}

.home_04 .subTitle {
    border-bottom: 1px solid #999999;
}

.home_04 li {
    font-size: 14px;
    font-family: PingFang;
    font-weight: 500;
    color: #999999;
    line-height: 36px;
    transition: all 0.3s linear;
}

.home_04 li:hover {
    transform: scale(1.02);
}

.home_04 li span {
    float: right;
}

.home_04 ul {
    padding-top: 12px;
}


.home_05 {}

.home_05 ul {
    margin-left: -50px;
}

.home_05 li {
    float: left;
    position: relative;
    margin-left: 50px;
    margin-bottom: 43px;
    width: 200px;
    height: 240px;
    overflow: hidden;
}

.home_05 li img {
    transition: all 0.3s linear;
}

.home_05 li:hover img {
    transform: scale(1.1);
}

.home_05 li p {
    width: 200px;
    height: 40px;
    background: #333333;
    opacity: 0.8;
    line-height: 40px;
    color: #ffffff;
    padding-left: 17px;
    box-sizing: border-box;
    position: absolute;
    transition: all 0.3s linear;
    bottom: 0;
}

.home_05 li:hover p {
    background: #fff;
    color: #B48849;
}

.home_05 {
    overflow: hidden;
}

.home_05 {}

.home_05 {}

.home_05 {}

.foot {
    height: 240px;
    min-width: 1200px;
    background: #F5F5F5;
}

.foot .link {
    height: 56px;
    line-height: 56px;
    font-size: 16px;
    font-weight: 500;
    color: #333333;
    border-bottom: 1px solid #E0E0E0;
}

.foot .link a {
    margin: 0 10px;
    display: inline-block;
}

.foot .mr {
    float: right;
    padding-top: 24px;
    width: 108px;
    font-size: 14px;
    text-align: center;
    font-weight: 500;
    color: #333333;
    line-height: 24px;

}

.foot .mc {
    padding-top: 34px;
    width: 640px;
    float: left;

    font-size: 16px;
    font-weight: 500;
    color: #333333;
    line-height: 24px;
}

.foot h4 {

    height: 21px;
    font-size: 22px;
    margin-bottom: 16px;
    font-weight: bold;
    color: #B58D56;
    display: block;
    width: 100%;
    line-height: 14px;
}

.foot .ml {
    float: left;
    width: 450px;
    display: block;
    padding-top: 28px;
}

.foot .logo img {
    width: 104px;
}

.foot .logo {
    margin-right: 30px;
    width: 104px;
}

.foot .ml .fl {
    display: flex;
    flex-wrap: wrap;
}

.foot .ml .fl a {
    margin-right: 20px;
    margin-bottom: 17px;

    font-size: 16px;

}

.mew_page {
    overflow: hidden;
    padding-top: 40px;
}

.mew_page .left {
    width: 192px;
    padding-bottom: 20px;
    float: left;
}

.mew_page .left .list {
    width: 191px;

}

.mew_page .left .list a {
    display: block;
    background: #F6F6F6;
    height: 40px;
    font-size: 16px;
    line-height: 40px;
    padding-left: 12px;
    background: url("/img/common/dot.png") no-repeat 12px center;
    padding-left: 30px;
}

.mew_page .left .list a:hover,
.mew_page .left .list a.active {
    background: #B68C4E url("/img/common/dot4.png") no-repeat 12px center;

    color: #ffffff;
}

.mew_page .left .subTitle {
    border-bottom: 1px solid #999;
    margin-bottom: 10px;
}

.mew_page .left .xcx {

    background: #ffffff;
    padding-top: 28px;
    padding-bottom: 23px;
}

.mew_page .left .xcx img {

    box-sizing: border-box;
    display: block;
    margin: 0 auto;

}

.mew_page .left .xcx p {
    margin-top: 15px;
    display: block;
    text-align: center;
    height: 15px;
    font-size: 16px;
    font-weight: 500;
    color: #B68C4E;
    line-height: 24px;
}

.mew_page .right {
    width: 988px;
    float: right;
    padding-top: 23px;
}

.mew_page .right ul {
    margin-left: -42px;
}

.mew_page .right ul li:hover .ml img {
    transform: scale(1.05);
}

.mew_page .right ul li .ml {
    width: 164px;
    height: 110px;
    overflow: hidden;
}


.mew_page .right ul li .ml img {
    transition: all 0.3s linear;
}

.mew_page .right ul li {
    padding-bottom: 29px;
    margin-bottom: 30px;
    width: 458px;
    float: left;
    border-bottom: 1px solid #E6E6E6;
    margin-left: 42px;
    transition: all 0.3s;
    position: relative;
}

.mew_page .right ul li::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: all 0.3s 0.1s linear;
    width: 0;
    height: 1px;
    background-color: #B68C4E;
}

.mew_page .right ul li:hover::after {
    width: 100%;
}

.mew_page .right ul li .ml {
    float: left;
}

.mew_page .right ul li .ml img {
    width: 164px;
    height: 110px;
}

.mew_page .right ul li .mr {
    width: 270px;
    float: right;
}

.mew_page .right ul li:hover .mr h4 {
    color: #B68C4E
}

.mew_page .right ul li .mr h4 {
    /*height: 38px;*/
    font-size: 16px;
    font-family: Microsoft YaHei;
    transition: all 0.3s linear;
    font-weight: 400;
    color: #333;
    line-height: 22px;
    margin: 0 0 10px 0;
}

.mew_page .right ul li .mr h4 {
    display: -webkit-box;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.mew_page .right ul li .mr .other {
    margin-top: 14px;
    height: 11px;
    font-size: 14px;
    font-family: PingFang;
    font-weight: 500;
    color: #808080;
    line-height: 24px;
    margin-bottom: 12px;
    display: flex;
}

.mew_page .right ul li .mr .other span {
    display: flex;
    align-items: center;
    margin-right: 16px;
}

.mew_page .right ul li .mr .other span img {
    margin-right: 5px;
    display: inline-block;

}

.mew_page .right ul li p {
    font-size: 14px;
    font-family: PingFang;
    font-weight: 500;
    color: #808080;
    line-height: 20px;
}



.mew_page_details {
    overflow: hidden;
    padding-top: 40px;
}

.mew_page_details .left {
    float: left;
    width: 912px;
}

.mew_page_details .right {
    float: right;
    width: 240px;
}

.mew_page_details .left h3 {


    font-size: 22px;
    text-align: center;
    font-weight: bold;
    color: #333333;
    height: 38px;
    line-height: 38px;
}

.mew_page_details .left .line {
    border-bottom: 1px solid #E6E6E6;
    clear: both;
    width: 100%;
    margin-bottom: 20px;
}

.mew_page_details .left .other {

    margin-top: 10px;
    height: 11px;
    font-size: 14px;
    font-family: PingFang;
    font-weight: 500;
    color: #808080;
    line-height: 24px;
    margin-bottom: 12px;
    justify-content: center;
    display: flex;
}

.mew_page_details .other span {
    display: flex;
    align-items: center;
    margin-right: 16px;
}

.mew_page_details .other span img {
    margin-right: 5px;
    display: inline-block;

}

.mew_page_details .right a {
    font-size: 16px;
    font-weight: 500;
    color: #333333;
    line-height: 22px;
}

.mew_page_details .right .other {

    margin-top: 10px;
    height: 11px;
    font-size: 14px;
    font-family: PingFang;
    font-weight: 500;
    color: #808080;
    line-height: 24px;
    margin-bottom: 12px;
    display: flex;
}

.mew_page_details .right .subTitle {
    border-bottom: 1px solid #E6E6E6;
    margin-bottom: 20px;
}

.mew_page_details .right li {
    border-bottom: 1px solid #E6E6E6;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.about_01 {
    height: 497px;
    background: url("/img/common/about_01.jpg") no-repeat top center;

}

.about_01_nav {
    margin-top: 22px;
    line-height: 66px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #CCCCCC;
    position: sticky;
    top: 0;
    background: #ffffff;
    z-index: 99;
}

.about_01_nav a {
    margin: 0 45px;
    position: relative;
    cursor: pointer;

}

.about_01_nav a:before {
    display: none;
    content: '';
    width: 18px;
    height: 16px;
    background: url("/img/common/about_dot.jpg") no-repeat;
    position: absolute;
    bottom: -7px;
    left: 50%;
    transform: translate(-50%, 0);
}

.about_01_nav a:hover {
    color: #B48849;
}

.about_01_nav a:hover:before,
.about_01_nav a.active:before {
    display: block;
}

.about_01_nav div:hover:before,
.about_01_nav div.active:before {
    display: block;
}

.about_01_nav div:before {
    display: none;
    content: '';
    width: 18px;
    height: 16px;
    background: url("/img/common/about_dot.jpg") no-repeat;
    position: absolute;
    bottom: -7px;
    left: 50%;
    transform: translate(-50%, 0);
}

.about_01 .swiper-slide .left {
    width: 658px;
    float: left;
}

.about_01 .swiper-slide .left h5 {
    padding-top: 60px;
    height: 30px;
    line-height: 30px;
    font-size: 30px;
    font-family: PingFang;
    font-weight: bold;
    color: #333333;

}

.about_01 .swiper-slide .left h5:after {
    content: '';
    display: block;
    width: 42px;
    height: 3px;
    background: #B48849;
    margin-top: 5px;
}

.about_01 .swiper-slide .left p {
    text-indent: 24px;
    margin-top: 36px;

    font-size: 14px;
    font-weight: 400;
    color: #333333;
    line-height: 24px;
}

.about_01 .swiper-slide .right {
    width: 471px;
    float: right;
    padding-top: 57px;
}

.about_02 {
    height: 450px;
    background: #F5F5F5;
    overflow: hidden;
}

.about_title {
    height: 29px;
    font-size: 30px;
    padding-top: 45px;
    font-weight: bold;
    color: #333333;
    line-height: 14px;
    text-align: center;
    position: relative;
}

.about_title:after {
    display: block;
    content: '';
    width: 42px;
    height: 3px;
    background: #B48849;
    position: absolute;
    left: 50%;
    bottom: -5px;
    transform: translate(-50%);
}

.about_02 .item {
    width: 262px;
    height: 266px;
    box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.09);
    background: #ffffff;
    padding-top: 26px;
    float: left;
    margin-top: 38px;
    margin-left: 13px;
    margin-right: 13px;
}

.about_02 .item img {
    display: block;
    margin: 0 auto;
    transition: all 0.5s;
}

.about_02 .item:hover img {
    transform: scale(1.1);
}

.about_02 .item h3 {
    display: block;
    height: 20px;
    font-size: 20px;
    text-align: center;
    font-weight: 800;
    color: #625E5E;
    line-height: 17px;
    margin-top: 19px;
}

.about_02 .item p {
    height: 16px;
    font-size: 16px;
    font-weight: 500;
    color: #333333;
    line-height: 17px;
    margin-top: 16px;
    text-align: center;
}

.about_03 {
    height: 493px;
    background: url("/img/common/about_03.jpg") no-repeat top center;

}

.about_03 .swiper3 .swiper-slide {
    padding-top: 85px;
}

.about_03 .wrap {
    padding: 0 60px;

}

.about_03 .left {
    height: 120px;
    font-size: 100px;
    font-weight: 500;
    color: #333333;
    line-height: 100px;
    float: left;
    padding-left: 119px;
}

.about_03 .right {
    height: 76px;
    font-size: 16px;
    font-weight: 500;
    color: #333333;
    line-height: 30px;
    float: right;
    width: 640px;
}

.about_03 .right li {
    display: flex;
    align-items: center;
}

.about_03 .right li:before {
    display: block;
    content: '';
    width: 5px;
    height: 5px;
    background: #b48849;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-right: 5px;
}

.swiper2 .swiper-wrapper {}

.swiper2 .swiper-slide {
    text-align: center;
    padding-left: 18px;
}

.swiper2 .swiper-container:before {
    content: '';
    display: block;
    border-bottom: 1px solid #CCCCCC;
    position: absolute;
    top: 32px;
    left: 20px;
    right: 20px;
}

.swiper2 .swiper-slide {

    height: 74px;
    padding-top: 76px;
}

.swiper2 .swiper-slide-active {
    color: #b48849;
    position: relative;
}

.swiper2 .swiper-slide-active:before {
    display: block;
    content: '';
    width: 18px;
    height: 18px;
    background: url("/img/common/about_dot.jpg") no-repeat;
    position: absolute;
    top: 25px;
    left: 50%;
}

.swiper-wrapper {}

.swiper2 .swiper-button-next,
.swiper2 .swiper-button-prev {
    width: 54px;
    height: 54px;
    background: #FFFFFF;
    box-shadow: 0px 0px 10px 0px rgba(129, 129, 129, 0.14);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 28px;
    opacity: 1 !important;
}

.swiper2 .swiper-button-next:after,
.swiper2 .swiper-button-prev:after {
    font-size: 20px !important;
}

.about_04 {
    clear: both;
    overflow: hidden;
    padding-bottom: 64px;

    background: #F5F5F5;
}

.about_04 .about_title {
    margin-bottom: 47px;
}

.about_04 .swiper-container {
    padding-bottom: 50px;
}

.about_04 .swiper-slide {
    width: 260px;
    height: 350px;
    background: #FFFFFF;
    border: 1px solid #B48849;
    box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.09);
    float: left;
    box-sizing: border-box;

}

.about_04 .swiper-slide img {
    display: block;
    margin: 0 auto;
}

.about_04 .swiper-slide p {
    text-align: center;
    margin: 0 20px;
    border-top: 1px solid #ccc;
    padding-top: 10px;

}

.about_05 {
    padding-bottom: 70px;
}

.about_05 .swiper-container {
    padding-bottom: 40px;
}

.list_page {
    line-height: 28px;
    font-size: 14px;
    float: right;
    padding-bottom: 10px;
}

.list_page span {
    display: inline-block;
}

.list_page a {
    display: inline-block;
    padding: 0 10px;
    border: 1px solid #ccc;
    margin: 0 3px;
}

.list_page a:hover,
.list_page a.active {
    color: #B48849;
    border-color: #B48849;
}