@charset "utf-8";

@font-face{ font-family: 'Barlow Condensed Thin'; src:url(../fonts/BarlowCondensed-Thin.ttf);}
@font-face{ font-family: 'Barlow Condensed Light'; src:url(../fonts/BarlowCondensed-Light.ttf);}
@font-face{ font-family: 'Barlow Condensed'; src:url(../fonts/BarlowCondensed-Regular.ttf);}
@font-face{ font-family: 'Barlow Condensed Medium'; src:url(../fonts/BarlowCondensed-Medium.ttf);} 
@font-face{ font-family: 'Barlow Condensed SemiBold'; src:url(../fonts/BarlowCondensed-SemiBold.ttf);}
@font-face{ font-family: 'Barlow Condensed Bold'; src:url(../fonts/BarlowCondensed-Bold.ttf);}

/* @font-face {
    font-family: "思源黑体 Medium";font-weight: 500;src: url("yiyuanheitiMedium.woff") format("woff");
    font-display: swap;
} */
/* @font-face {
    font-family: "思源黑体 Bold";font-weight: 500;src: url("yiyuanheitiBold.woff") format("woff");
    font-display: swap;
} */
/* @font-face {
    font-family: "思源宋体 SemiBold";font-weight: 600;src: url("siyuanSemiBold.woff") format("woff");
    font-display: swap;
}
@font-face {
    font-family: "思源宋体 Bold";font-weight: 600;src: url("siyuanBold.woff") format("woff");
    font-display: swap;
} */

.h4s1{ font-size: 0.16rem; color: rgba(51,51,51,.7); line-height: 1.25; transition: .5s;}
.h4s2{ font-size: 0.18rem; color: #333333; line-height:1.5; max-height: .48rem\0; transition: .5s; font-weight: 600;}

.h6s1{font-size: 0.18rem;color: #9c9898;font-style: normal; transition: .5s;}
.h6s2{font-size: 0.18rem;color: #333333;font-style: normal;transition: .5s;margin: .08rem 0 .24rem;}

.ps2{ font-size: .15rem; color: #6e6f78; line-height: 1.5; max-height: .48rem\0; transition: .5s;}
.ps5{ font-size: .14rem; color: #424242; line-height: 1.8; max-height: 1.3rem\0; transition: .5s;}

.pc_hb{ height: .9rem}
.pc_h{position: fixed;top: 0;left: 0;right: 0;z-index: 100001;height: .9rem;transition: .5s;background: #fff;box-shadow: 0 0 .3rem rgba(0,0,0,.1);}
.pc_h .wp{width: 17.1rem;height: 100%;align-items: center;justify-content: space-between;}
.pc_h .logo{width: 2.62rem;max-width: 16%;}
.pc_h .right{width: 9.7rem;max-width: calc(100% - 3.43rem - .5rem);display: flex;justify-content: space-between;align-items: center;}
.pc_h .top{align-items: center;justify-content: flex-end;}
.pc_h .top .line{ width: 1px; height: .13rem; background: rgba(255,255,255,.3); margin: 0 .15rem}
.list1{width: 1.25rem;justify-content: space-between;margin-left: .5rem;}
.list1 img{margin: 0 .04rem 0 0;width: .19rem;}
.search_btn{cursor: pointer;}
#nav{width: 100%;flex: 1;}
#nav ul{justify-content: space-between;}
#nav ul li{z-index:0;position: relative;height: .9rem;line-height: .5rem;transition: .2s;flex: 1;text-align: center;}
#nav ul li:before{content: "";position: absolute;left: -.02rem;background: #b2b2b2;width: .04rem;height: .04rem;border-radius: 50%;top: 50%;margin-top: -.02rem;}
#nav ul li i{ display: none}
#nav ul li>a{display:block;padding: 0;position: relative;z-index: 2;height: 100%;}
#nav ul li .h3{font-size: .18rem;color: #000000;position:relative;line-height: .9rem;transition: .5s;}
#nav ul li.on .h3:after, #nav ul li:hover .h3:after{opacity: 1;visibility:visible; transform: translateY(0);}
#nav ul li .sub{position:absolute;opacity: 0;visibility: hidden;top:100%;width: 100%;left: 50%;z-index: 10000;padding: 0;background: #fff;overflow: hidden;box-shadow: 0 8px 16px rgba(0,0,0,.1);line-height: 20px;letter-spacing: -.02em;white-space: nowrap;text-align: center;transform-origin: top;transform: translateX(-50%) scaleY(0);-webkit-transform: translateX(-50%) scaleY(0);-moz-transform: translateX(-50%) scaleY(0);-ms-transform: translateX(-50%) scaleY(0);-o-transform: translateX(-50%) scaleY(0);transition: .5s;}
#nav ul li .sub .box{ text-align: center; }
#nav ul li .sub a{padding:.15rem .1rem;line-height: 1.6;color: #333;font-size: .16rem;white-space:normal;transition: .5s;display: block;}
#nav ul li .sub a+a{ border-top: 1px dotted rgba(255, 255, 255, 0.3);}
#nav ul li .sub a:hover{background: #ba9851;color: #fff;}
#nav ul li:first-child::before{ display: none}
#nav ul li:hover::before, #nav ul li:hover+li::before, #nav ul li.on::before, #nav ul li.on+li::before{ display: none}
#nav ul li:hover, #nav ul li.on{ background: #ba9851}
#nav ul li:hover .h3, #nav ul li.on .h3{ color: #fff}
#nav ul li:hover .sub{ opacity: 1; visibility: visible;transform: translateX(-50%) scaleY(1);-webkit-transform: translateX(-50%) scaleY(1);-moz-transform: translateX(-50%) scaleY(1); -ms-transform: translateX(-50%) scaleY(1);-o-transform: translateX(-50%) scaleY(1);}

.menuBox{width: 100vw;z-index: 90;position: fixed;top: 0;left: 0;opacity: 0;visibility: hidden;}
.menuBox.on{ opacity: 1; visibility: visible}
.block__reveal{background: #ba9851;height: 100vh;position: absolute;}
#block__01{right: 0%;}
#block__02{right: 25%;}
#block__03{right: 50%;}
#block__04{right: 75%;}

.nav__container{position: fixed;width: 100%;left: 0;height: 100vh;text-align: center;}
.nav__container .nav__link{list-style-type: none;margin: 0;padding: 0;display: flex;align-items: center;justify-content: center;height: 100%;flex-direction: column;font-size: 16px;}
.font__styles, .nav__container ul, .menu {font-weight: 400;text-transform: uppercase;font-size: 12px;letter-spacing: 2px;color: white;}
.nav__container ul li {padding: 20px 0;cursor: pointer;text-align: left;display: flex;flex-direction: column;align-items: center;}

.nav__link ul{width: 15rem;max-width: 94%;}
.nav__link ul li{ flex: 1}
.nav__link ul li .h3{font-size: .2rem;color: #fff;margin-bottom: .3rem;min-width: 1rem;}
.nav__link ul li .box{ min-width: 1rem;}
.nav__link ul li .box a{ display: block; width: 100%; font-size: .16rem; color: #fff; opacity: .7; line-height: 1.5; margin: .1rem 0; transition: .5s}
.nav__link ul li .box a:hover{ opacity: 1}

.banner_box{padding: 0;position: relative;z-index: 1;overflow: hidden;}
.banner_box .dots{position: absolute;bottom: .3rem;left: 0;right: 0;z-index: 10;text-align: center;padding: 0 7%;}
.banner_box .dots span{width: .1rem;height: .1rem;color: #fff;transition: .5s;margin: 0 .04rem;border-radius: 50%;opacity: 1;border: #fff .02rem solid;background: none;}
.banner_box .dots span.active{background: #fff;}
.more0 svg{width: .24rem;height: .24rem;fill: #fff;transform: translateY(1px);}

.banner{ overflow: hidden;}
.banner ul li .a{ display: block; position: relative; z-index: 1; overflow: hidden; }
.banner ul li .a .img{overflow: hidden;width: 100vw;}
.banner ul li .a .img .imgLi{padding-bottom: calc(100vh - .9rem);transform: scale(1);transition: 6s;padding-bottom: 36.5%;}
.banner ul li .a .img video{ width: 100vw; height:100%; object-fit: cover; position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.banner ul li .a .top{position: absolute;top: 0;right: 0;bottom: 0;left: 0;display: flex;align-items: center;justify-content: center;z-index: 1;padding-bottom: 15vh;}
.banner ul li .a .top h3{ transform: translateY(100px); transition: 2s;}
.banner ul li .a .top h3 img{ max-width: 80%}

.banner_box .arrow{display: flex;align-items: center;justify-content: center;cursor: pointer;transition: .5s;position: absolute;top: 50%;margin-top: -.3rem;z-index: 10;width: .4rem;height: .6rem;background-size: cover !important;}
.banner_box .arrow.prev{left: 0;background: url(../images/ba_l.png) center no-repeat;}
.banner_box .arrow.next{right: 0; background: url(../images/ba_r.png) center no-repeat;}
.banner_box .arrow.prev:hover{ background: url(../images/ba_l_on.png) center no-repeat;}
.banner_box .arrow.next:hover{ background: url(../images/ba_r_on.png) center no-repeat;}

.banner.on ul li.swiper-slide-active .a .img .imgLi{ transform: scale(1.03);}
.banner.on ul li.swiper-slide-active .a .top h3{ transform: translateY(0);}

.home1{ padding: 0 0 .66rem; overflow: hidden;}
.home1 .left{ width: 52%; padding: .78rem 3.2% 0 0;}
.home1 .right{ width: 48%; padding: .88rem 0 .12rem 5%; border-left: #e5e3df 1px solid;}

.list2 .img{ border-radius: .1rem;}
.list2 .img .imgLi{ padding-bottom: 56%;}
.list2 .txt{ padding: .5rem 0 0 .24rem;}
.list2 h4{ font-size: .22rem; color: #333333; font-weight: 600;}
.list2 h6{ font-size: .24rem; color: #ba9851; margin: .16rem 0 .26rem; font-family: 'Barlow Condensed';}
.list2 .h6{align-items: center;justify-content: space-between;margin-top: .5rem;}
.list2 .h6 svg{ width: .32rem; height: .32rem; fill: #000000; transition: .5s;}

.list2Box .dots{ display: flex; align-items: center}
.list2Box .dots span{width: .2rem;height: .05rem;border: #cccccc 1px solid;margin: 0 .025rem !important;border-radius: 0;opacity: 1;}
.list2Box .dots span.active{ border: #ba9851 1px solid; background: #ba9851;}

.tit1{ align-items: center; justify-content: space-between; margin-bottom: .36rem;}
.tit1 .ll{font-size: .24rem;color: #333333;font-weight: 600;padding: 0 0 0 .22rem;border-left: #ba9851 .04rem solid;line-height: .24rem;}
.more1{ display: flex; align-items: center; font-size: .16rem; color: #828285; transition: .5s}
.more1 svg{ width: .18rem; height: .18rem; fill: #828285; margin: 0 0 0 .08rem; transition: .5s}

.list3 h4{position: relative;font-size: .22rem;color: #333333;line-height: .3rem;font-weight: 600;margin-bottom: .05rem;}

.bd_li{ transition: .5s;}
.miso_tab1{border-top: #e5e3df 1px solid;padding: .4rem 0 0;}
.list3 .h6s1 {float: right;padding-bottom: 0.1rem;display: block;font-size:0.2rem;}
.list4{ border-top: #ba9851 1px dotted; margin-top:0.625rem; padding:0.25rem 0}
.list4 li{margin: -.03rem 0;}
.list4 .a{display: flex;justify-content: space-between;align-items: center;height: .5rem; position: relative; z-index: 1;}
.list4 .a::before{content: "";position: absolute;bottom: 0;right: 0;left: 0;height: 0;transition: .5s;z-index: -1;}
.list4 h4{ flex: 1}
.list4 i{ margin-left: .2rem}

.list5 li{font-size: .2rem;color: #64646e;font-weight: 600;margin-right: .38rem; transition: .5s;}
.list5 li.on{ color: #ba9851;}
.list5 li:last-child{ margin-right: 0}

.list6 .a{display: flex;justify-content: space-between;align-items: center;padding: 0;height: .36rem;position: relative;z-index: 1;}
.list6 .a::before{content: "";position: absolute;bottom: 0;right: 0;left: 0;height: 0;transition: .5s;z-index: -1;}
.list6 h4{ flex: 1}
.list6 i{ margin-left: .2rem}

.home2{position: relative;z-index: 1;overflow: hidden;/* min-height: 100vh; */}
.home2::before{ content: ""; position: absolute; top: 0; right: 0; left: 0; height: 48%; background: url(../images/home2_b1.jpg) center no-repeat; background-size: cover; background-attachment: fixed; z-index: -1;}
.home2::after{ content: ""; position: absolute; bottom: 0; right: 0; left: 0; height: 52%; background: url(../images/home2_b2.jpg) center no-repeat; background-size: cover;z-index: -1; }
.home2 .fl1{ padding: .8rem 0; overflow: hidden; }
.home2 .fl1 .wp{ justify-content: space-between;}

.tit2{ margin-bottom: .44rem;}
.tit2 h3{ font-size: .3rem; color: #5b513c; font-weight: 600;}
.tit2 h4{ font-size: .26rem; color: #d1d1d1; font-family: 'Barlow Condensed Bold'; text-transform: uppercase; margin-top: .04rem;}
.home2 .fl1 .left{width: 29%; padding: .28rem 0 0;}
.home2 .fl1 .left p{ font-size: .16rem; color: #5c5b58; line-height: .26rem;}
.home2 .fl1 .right{width: 58%;}

.list7{margin: 0 -5px;}
.list7 li{width: 25%;padding: 0 5px;}
.list7 .a{height: 2.6rem;border-radius: .08rem;background: #fff;flex-direction: column;justify-content: center;padding: 0 .28rem;position: relative;z-index: 1;overflow: hidden;}
.list7 .a:before{content: "";position: absolute;top: 0;right: 0;bottom: 0;background: #ba9851;z-index: -1;width: 0;transition: .5s;}
.list7 .ico{ position: relative}
.list7 .ico img{ width: .63rem; transition: .5s}
.list7 .ico img.img2{opacity: 0;position: absolute;top: 0;left: 0;}
.list7 h4{font-size: .17rem;color: #414a53;font-weight: 600;margin: .42rem 0 .1rem;transition: .5s;}
.list7 h6{font-size: .14rem;color: #b6bbc0;font-family: 'Barlow Condensed Bold';opacity: .5;letter-spacing: .005rem;text-transform: capitalize;transition: .5s;}

.list8 .a{ display: block; position: relative;}
.list8 .img{ border-radius: .1rem;}
.list8 .img .imgLi{ padding-bottom: 35.29%;}
.list8 .txt{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; align-items: center; justify-content: center; padding-bottom: .5rem;}
.list8 .ico{ width: 1.2rem; height: 1.2rem; display: flex; justify-content: center; align-items: center; position: relative; z-index: 1;}
.list8 .ico::before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(../images/list8_y1.png) center no-repeat; background-size: 100% 100%; -webkit-animation:play 5s linear infinite;-moz-animation:play 5s linear infinite;animation:play 5s linear infinite}
.list8 h3{ font-size: .36rem; color: #fff; line-height: .48rem; font-weight: 100; padding: 0 0 0 .3rem;}
.list8 .ico img{ width: .2rem}

.home2 .fl3{ padding: 1.3rem 0 .7rem; overflow: hidden; }
.home2 .fl3 .wp{justify-content: space-between;align-items: center;}
.home2 .fl3 .left{ width: 53%;}
.home2 .fl3 .right{ width: 31%;}

.tit3{ margin-bottom: .52rem;}
.tit3 h3{font-size: .48rem;color: #6f6359;font-family: 'Barlow Condensed';text-transform: uppercase;letter-spacing: -.03rem;margin-bottom: .22rem;}
.tit3 p{ font-size: .15rem; color: #6f6359; line-height: .24rem;}

.home2 .fl3 .left .bottom{align-items: flex-end;justify-content: space-between;}
.home2 .fl3 .left .bottom h3{font-size: .3rem;color: #6e6f78;line-height: .4rem;font-weight: 300;}
.more2 svg{width: .4rem;height: .4rem;fill: #ababab;transition: .5s;}

.list9{ position: relative; z-index: 1;}
.list9::before{ content: ""; position: absolute; height: 1px; border-top: #e3e3e3 1px solid; left: 0; right: 0; top: 50%;}
.list9 li{ width: 50%; padding: .4rem 0; text-align: center;}
.list9 h3{display: flex;align-items: flex-start;justify-content: center; margin-right: -.2rem}
.list9 h3 big{font-size: .52rem;color: #ba9851;font-family: 'Barlow Condensed';margin: -.04rem .06rem 0 0;height: .52rem;display: inline-block;}
.list9 h6{ font-size: .15rem; color: #6f6359; line-height: 1.5; margin: .12rem 0 0}

.home3{position: relative;z-index: 1;/* min-height: 60vh; */padding: 5.25% 0 0;overflow: hidden;}
.home3 .bg1{position: absolute;top: 0;right: 0;left: 0;padding-bottom: 30%;background: url(../images/home3_b1.jpg) center no-repeat;background-size: cover; z-index: -1}
.home3 .fl1{ background: #f7f0e4;}
.home3 .left{ width: 68%; padding: .4rem .58rem;}
.home3 .right{ width: 32%; }

.list10{ margin: 0 -.13rem -.18rem; position: relative;}
.list10 li{ width: 50%; padding: 0 .13rem; }
.list10 .a{ display: block; overflow: hidden; border-radius: .06rem; margin-bottom: .18rem;}
.list10 .txt{height: 2.02rem;background: #fff;display: flex;flex-direction: column;justify-content: center;padding: 0 .28rem;}
.list10 .img + .txt{ height: 1.28rem;}

.list11 .a{ display: block; position: relative; z-index: 1;}
.list11 .img .imgLi{padding-bottom: 72.5%;}
.list11 .txt{position: absolute;top: 0;right: 0;bottom: 0;left: 0;padding: 0 .66rem;display: flex;flex-direction: column;justify-content: center;}
.list11 .tit3{margin-bottom: .34rem;}
.list11 .tit3 h3{ color: #fff; margin-bottom: .12rem;}
.list11 .tit3 p{ color: #fff; font-weight: 300}
.list11 h4{ font-size: .26rem; color: #fff; font-weight: 600; margin-bottom: .3rem}
.list11 img{ width: .34rem}

.list12 .a{ display: block; position: relative; z-index: 1;}
.list12 .img .imgLi{ padding-bottom: 65%;}
.list12 .txt{position: absolute;top: 0;right: 0;bottom: 0;left: 0;padding: 0 .66rem;display: flex;flex-direction: column;justify-content: center;}

.tit4{ margin-bottom: .28rem;}
.tit4 h4{ font-size: .24rem; color: #fff;line-height: 1.5;}
.tit4 h3{font-size: .24rem;color: #fff;opacity: .5;font-family: 'Barlow Condensed Thin';text-transform: uppercase;margin: .08rem 0 0;}
.more3 svg{ width: .28rem; height: .28rem; fill: #fff;}

footer{ overflow: hidden; background: url(../images/footer_b1.png) center bottom no-repeat; background-size: 100% auto;}
footer .fl1{ padding: .8rem 0 .2rem;}
footer .fl1 .wp{ justify-content: space-between;padding: 0 2rem;}
footer .fl1 .left{ width: 7.08rem; max-width: 50%; justify-content: space-between;}
footer .tel{background: url(../images/tel_i1.png) left top no-repeat;background-size: .3rem auto;padding: 0 0 0 .42rem; margin-bottom: .3rem}
footer .tel h6{ font-size: .14rem; color: #000000}
footer .tel h4{ font-size: .24rem; color: #363636; font-family: 'Barlow Condensed Bold'; margin: .05rem 0 0}
footer .fl2{ border-top: #e3e2de 1px solid; padding: .3rem 3rem .4rem;}
footer .fl2 .wp{ justify-content: space-between; align-items: center;}
footer .fl2 p{font-size: .13rem;line-height: .26rem;color: #7f7c7c;}

.list13 dt{ font-size: .16rem; color: #000000; line-height: 1.25; transition: .5s; margin-bottom: .15rem; font-weight: 600;}
.list13 dd{ font-size: .14rem; color: #807f7f; line-height: .26rem; transition: .5s;}
.list13 .con{height: calc(.26rem*2);overflow: hidden;overflow-y: scroll;width: 100%;padding-right: 0.2rem;position: relative;z-index: 1;}
.list13 .box{position: relative;z-index: 1;padding: 0 1px 0 0;}
.list13 .box:before{content: "";position: absolute;background: #e1e1e2;top: 0;bottom: 0;right: .02rem;z-index: -1;width: 1px;}
.list13 .con{overflow:-moz-scrollbars-vertical}
.list13 .con::-webkit-scrollbar{width:.03rem;height:8px;background-color:transparent}
.list13 .con::-webkit-scrollbar-track{background-color:transparent}
.list13 .con::-webkit-scrollbar-thumb{background-color:#ba9851; border-radius: 50vw;}

.list14{ padding: 0 0 0 .4rem}
.list14 li{ margin-right: .13rem;}

.list15 li{font-size: .14rem;color: #454443;margin-left: .4rem;line-height: .26rem;font-weight: 600;transition: .5s;}

.tc1 .tc{pointer-events: none;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0; position: fixed;width: 100%;height: 100%;top: 0;z-index: 99999999999; visibility: hidden;}
.tc1 .tc.act{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;  pointer-events: auto; visibility: visible; }
.tc1 .close:hover{ transform:rotate(180deg);}
.tc1 .close,.tc{ transition:all ease 400ms; -moz-transition:all ease 400ms; -ms-transition:all ease 400ms; -o-transition:all ease 400ms; -webkit-transition:all ease 400ms; } 
.tc1 .tc-box{position:absolute;background: #d9d9d9;border-radius: .5rem;overflow: hidden;top:50%;z-index:9999;width: 3rem;left:50%;margin-left: -1.5rem;margin-top: -1.5rem;padding: .16rem;border-radius: .08rem;}
.tc1 .tc.act .tc-box{  transform:scale(1);}
.tc1 .tc.act{display: block;  }
.tc1 .close{position: absolute; cursor:pointer;font-size: 20px;right: 30px;top: 30px; }
.tc1 .tc_bg {height: 100%;background: rgba(0,0,0,.7);position: absolute;top: 0;left: 0;width: 100%;z-index: 0;}
.tc1 .tc-box h3 img{width:100%; margin: 0 auto;display: block;}
.tc1 .tc-box h5{padding-top: .16rem;font-size: .16rem;color: #6c6c6c;text-align:center;}

#search1{position: fixed;top:0;height:0;width:100%;z-index: 100002;/* visibility: hidden; */}
#search1:before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: rgba(0,0,0,.5);-webkit-backdrop-filter: blur(20px);backdrop-filter: blur(20px);}
#search1.open{/* height:100vh; *//* visibility: visible; */}
.module>.module_container{margin:0 auto;padding: 0 15px;max-width:1536px;position:relative;-webkit-transition: all .8s ease;transition: all .8s ease;}
#search1 .module_container{height:0;overflow:hidden;background: #fff;max-width:none;-webkit-transition-duration:1s;transition-duration:1s;display: flex;align-items: center;}
#search1.open .module_container{height: 100vh;}
#search1 .wrapper{width: 10.24rem;max-width: 100%;margin:0 auto;-webkit-transform:translateY(120px);transform:translateY(120px);opacity:0;-webkit-transition:all 1.2s ease;transition:all 1.2s ease;position: relative;}
#search1.open .wrapper{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}
#search1 .wrapper form{display:block;overflow:hidden;justify-content: space-between;}
.icon_search{background-image:url(../images/icon_search.png);width:16px;height:16px;cursor: pointer;}#search1 .wrapper form .icon_search{background-position:0 -16px;opacity:.5;margin-top: 7px;margin-left:12px;}
#search1 .wrapper form .input1{font-size: .18rem;color:#333;height:30px;line-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:-webkit-calc(100% - 104px);width:calc(100% - 104px);flex: 1;overflow: hidden;padding: 0;}
.f-cb h3 { font-size: 0.3rem; color:#ba9851; text-align: center; margin-bottom: 0.3rem }
.fl{float:left}
#search1 .close{position: absolute;height:20px;width:20px;cursor:pointer;-webkit-transition:all .4s ease;transition:all .4s ease;z-index: 100;top: .3rem;right: .3rem;opacity: 0;visibility: hidden;}
#search1 .close:after,#search1 .close:before{width:1px;height:20px;background:#000;position:absolute;content:"";left:50%}
#search1 .close:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}
#search1 .close:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
#search1 .close:hover{-webkit-transform:rotate(90deg);transform:rotate(90deg)}
#search1 .keywords{line-height: .38rem;color:#333;font-size: .14rem;margin-top: .3rem;display: flex;flex-wrap: wrap;}
#search1 .keywords span{ white-space: nowrap}
#search1 .keywords a{color:#444;height: .38rem;margin-bottom: .14rem;padding: 0 .2rem;display:inline-block;margin-right: .14rem;background:#f5f5f7;border-radius: 50vw;transition: .5s;}
#search1 .keywords a:hover{background: #ba9851;color: #fff;}
#search1.open .close{ opacity: 1; visibility: visible}

.search-input { width: 100%;border: 1px solid #ccc;margin: 0 auto; padding: 0; background-color: #fff; box-sizing: border-box; transition: all .3s; border-radius: 0; overflow: hidden; }
.search-input input[type=text] { float: left; height: 0.6rem;  width: calc(100% - 0.64rem);padding:0 0.15rem;background-color: transparent; font-size: 0.2rem; line-height: 0.08rem; color: #333; transition: all .3s; }
.search-input input[type=text]::-webkit-input-placeholder {
 color:rgba(255,255,255,0.5);
}
.search-input input[type=text]:-moz-placeholder {
 color:rgba(255,255,255,0.5);
}
.search-input input[type=text]::-moz-placeholder {
 color:rgba(255,255,255,0.5);
}
.search-input input[type=text]:-ms-input-placeholder {
 color:rgba(255,255,255,0.5);
}
.search-input input[type=submit], .search-input .clear-btn { float: right; height: 0.6rem; width: 0.64rem;cursor: pointer;}
.search-input input[type=submit] { background-color: transparent; background-repeat: no-repeat; background-position: center; background: #ba9851 url(../images/search-btn.svg) center no-repeat; background-size: 0.3rem; }
.search-input .clear-btn { background-color: rgba(0,0,0,.2); background-repeat: no-repeat; background-position: center; background-image: url('../images/close-btn.svg'); background-size: 3.5rem; border-radius: 100%; margin-right: 1rem; display: none; }
.search-input.on { background-color: #fff; }
.search-input.on input[type=submit] { }
.hot-search { font-size: 0; width: 19.5rem; margin: 0.6rem auto 0; box-sizing: border-box; padding: 0 0.6rem; overflow: hidden; }
.hot-search .hot-tit, .hot-search .hot-link { display: inline-block; *display: inline;
zoom: 1; vertical-align: top; }
.hot-search .hot-tit { font-size: 0.375rem; line-height: 0.5rem; color: #fff; font-weight: bold; padding-left: 0.6rem; background-repeat: no-repeat; background-position: left center; background-size: 0.5rem;}
.hot-link { margin-left: 1rem; }
.hot-link a { display: inline-block; *display: inline;
zoom: 1; font-size: 0.375rem; line-height: 0.5rem; margin-right: 0.75rem; color: #fff; padding-bottom: 5px; position: relative; }
.hot-link a:before { content: ""; position: absolute; left: 0%; bottom: 0; width: 100%; height: 2px; background-color: #fff; transform: scaleX(0); transform-origin: left center; transition: transform .3s; }
.bottom-box { position: absolute; left: 0; bottom: 5.1%; width: 100%; }
.bottom-box .share-box { overflow: hidden; }
.bottom-box .copy { font-size: 0.35rem; line-height: 0.5rem; color: #fff; font-family: "gilroy-regular"; margin-top: 0.5rem; overflow: hidden; }

.m_header_box { transition: 0.6s; display: none; height: 0.7rem; position: relative; z-index: 100000; }
.m_header_box header { padding: 0 0 0 15px; height: 0.7rem; box-shadow: 0 3px 5px rgba(0,0,0,.05); background-size: cover; position: fixed; top: 0; left: 0; right: 0; z-index: 100; display: flex; justify-content: space-between; align-items: center; background: #fff; }
.m_header_box header #logo img {height: 0.3rem;}
.m_header_box header #logo { padding: 0; width: 100%; }
.m_header_box .list_box1 { margin-right: 0.4rem; }
.m_header_box .list_box1 .li a { border-radius: 0; width: 28px; height: 20px; font-size: 10px; }

.m_header_box .list1{ width: auto}
#nav_btn_box.on { background: none; }
#nav_btn .point.on .navbtn::after, #nav_btn .point.on .navbtn::before {/* background: #fff; */ }
#nav_btn_box { position: relative; width: 0.85rem; height: 0.7rem; display: flex; align-items: center; justify-content: center; z-index: 1; min-width: 0.85rem; }
#nav_btn_box:before { content: ""; position: absolute; z-index: -1; top: 0; right: 0; bottom: 0; left: 0; }
#nav_btn { cursor: pointer; text-align: center; z-index: 99999; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; outline: none; box-shadow: none; }
#nav_btn .point { display: inline-block; width: 0.34rem; height: 18px; position: relative; outline: none; }
#nav_btn .point:hover .navbtn, #nav_btn .point:hover .navbtn::after, #nav_btn .point:hover .navbtn::before { width: 100%; }
#nav_btn .navbtn { position: absolute; top: 50%; right: 0; display: inline-block; width: 60%; height: 2px; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; background: #1a1a1a; margin-top: -1px; border-radius: 50vw; }
#nav_btn .navbtn::after, #nav_btn .navbtn::before { position: absolute; right: 0; display: inline-block; width: 160%; height: 2px; content: ''; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; background: #1a1a1a; border-radius: 50vw; }
#nav_btn .navbtn::after { top: -8px; }
#nav_btn .navbtn::before { top: 8px; }
#nav_btn .point.on .navbtn { background: transparent; }
#nav_btn .point.on .navbtn::after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0px; }
#nav_btn .point.on .navbtn::before { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 0px; }
.m_nav_list { flex-direction: column;/* justify-content: center; */ width: 100%; height: 100%; overflow: auto; align-items: center; display: flex; background: rgba(255,255,255,.1); }
.m_nav_list::-webkit-scrollbar {
display:none
}
#m_nav {z-index: 99999;position: fixed;width: 100%;height: 100vh;right: -105vw;top: 0;display: none;padding: 1rem 20px 30px;overflow: hidden;pointer-events: none;transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;display: block;background: #fff;background-size: cover;opacity: 0;visibility: hidden;-webkit-backdrop-filter: blur(15px);backdrop-filter: blur(15px);overflow: hidden;overflow-y: scroll;}
#m_nav .close { position: absolute; top: 7px; right: 15px; left: 15px; font-size: 30px; color: #333; z-index: 10000;/* background: rgba(255,255,255,.1); */ width: auto; height: 35px; border-radius: 0; display: flex; align-items: center; justify-content: flex-end; padding: 0 0; }
#m_nav.act { pointer-events: auto; right: 0; opacity: 1; visibility: visible; }
.list_box_nav_mobile { margin-bottom: 0.3rem }
.list_box_nav_mobile>li { width: 100%; overflow: hidden; padding: 0; position: relative; margin: 0 auto; }
.list_box_nav_mobile>li .con { position: relative }
.list_box_nav_mobile>li .h3 {width: 100%;border-bottom: 1px solid rgba(0,0,0,.05);line-height: 0.64rem;color: #333;padding: 0;font-size: 0.2rem;display: flex;position: relative;transition: 0.5s;}
.list_box_nav_mobile>li.on .a { color: rgba(255,255,255,1); }
.list_box_nav_mobile>li .box { padding: 10px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.1); display: none }
.list_box_nav_mobile>li .sub { position: relative; top: 0; left: 0; right: 0; }
.list_box_nav_mobile>li i { content: ""; opacity: 1; filter: alpha(opacity=100); display: inline-block; width: 0.64rem; height: 0.64rem; display: inline-block; background: url(../images/arrow_down.svg) center no-repeat; background-size: 20px 20px !important; position: absolute; display: block; right: -0.2rem; top: 0; cursor: pointer; }
.list_box_nav_mobile>li.on1 i { transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); }
.list_box_nav_mobile>li .sub a {display: block;font-size: 13px;color: #999;line-height: 2.5;}
.nav_mask { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 888; background-color: rgba(0,0,0,0.4); display: none; }

@media(min-width: 1024px){
	.a:hover .slow .imgLi, a:hover .slow .imgLi, .slow:hover img{ transform: scale(1.08); transition: transform 1s cubic-bezier(0.25, 0, 0, 1);}

    .a:hover .h4s1, .a:hover .h4s2, .list13 dd:hover, .list15 li:hover{ color: #ba9851}

    .list2 .a:hover  .h6 svg, .more2:hover svg{ fill: #ba9851}

	.more1:hover{ color: #ba9851}
	.more1:hover svg{ fill: #ba9851}

    .list4 li.on .a::before{height: 100%;background: #ba9851;top: 0;}
    .list4 li.on h4, .list4 li.on i{ color: #fff !important}

    .list7 .a:hover:before{ width: 100%; right: auto; left: 0}
    .list7 .a:hover .ico img.img1{ opacity: 0}
    .list7 .a:hover .ico img.img2{ opacity: 1}
    .list7 .a:hover *{ color: #fff}
}
@media(max-width: 1600px){
	
}
@media(max-width: 1024px){	
	html::-webkit-scrollbar{width:0;}
	.pc_hb{ display: none;}
	.m_header_box{ display: block;}

	.banner ul li .a .img .imgLi{ padding-bottom: 50%}
	.banner ul li .a .top{ padding-bottom: 0}

    .home1 .left{ width: 100%; padding-right: 0;}
    .home1 .right{width: 100%;padding-left: 0;border-left: none;}
    .list4 .a{ padding: 0}

    .home2 .fl1 .left{width: 100%;padding: 0;}
    .home2 .fl1 .right{width: 100%;padding: .4rem 0 0;}

    .home2 .fl3 .left{ width: 100%}
    .home2 .fl3 .right{margin: 0 auto;width: 3rem;margin-top: .2rem;}
    .home3 .left{width: 100%;padding: .25rem .2rem;}
    .home3 .right{ width: 100%}

    .banner_box .arrow{width: .25rem;height: .4rem;display: none;}

    .list11 .img .imgLi{ padding-bottom: 3rem}
    .list11 .tit3{ margin-bottom: .25rem}
    .list12 .img .imgLi{ padding-bottom: 2rem}

    footer .fl1 .left{ }
    footer .fl1 .center{ }

    footer .fl2 p{ width: 100%; text-align: center}
    .list15{ width: 100%; text-align: center; justify-content: center}
    .list15 li{ margin: 0 .1rem}
}
@media(max-width: 800px){
	#gotop{ right:0; transform:scale(0.7)}
	.home1 .left{ padding-top: .4rem}
	.list2 .txt{ padding: .25rem 0 0}
	.list2 .h6{ margin-top: .2rem}

	.home1 .right{ padding-top: .4rem}
    .list5 li{margin-right: .1rem;}
    .tit1 .ll{ padding-left: .1rem}
    .home1{ padding-bottom: .4rem}

    .home2 .fl1{ padding: .4rem 0}
    .tit2{ margin-bottom: .25rem}
    .list7 li{ width: 50%; margin-bottom: .1rem}
    .list7 .a{ height: 1.75rem}

    .list7 h4{ margin: .2rem 0 .06rem}
    .list7 .ico img{ width: .4rem}

    .list8 .txt{ padding: 0 0}
    .list8 .ico{ width: .6rem; height: .6rem;}
    .list8 h3{overflow: hidden;font-size: .20rem;line-height: .28rem;padding: 0 0 0 .15rem;}
    .list8 .ico img{ width: .15rem}

    .home2 .fl3{ padding: .4rem 0;}
    .tit3{ margin-bottom: .2rem}
    .tit3 h3{ font-size: .3rem}
    .home2 .fl3 .left .bottom h3{font-size: .2rem;line-height: 1.5;}
    .more2 svg{width: .25rem;height: .25rem;margin-bottom: .15rem;}
    .list9 h3 big{ font-size: .4rem}
    .list9 h6{ margin-top: 0}
    .list9 li{ padding: .2rem 0}

    .list10{ margin: 0 -7px}
    .list10 li{ padding: 0 7px}
    .list10 .txt{ padding: 0 .15rem}
    .list11 .txt, .list12 .txt{ padding: 0 .25rem}   
    .list11 .tit3{ margin-bottom: .25rem}

    footer .fl1 .left{ display: none}
    footer .fl1 .center{ width: 100%; text-align: center}
    footer .fl1 .right{ margin: 0 auto}
    .list13 .con{width: 100%;display: flex;flex-wrap: wrap;height: auto;overflow: hidden;margin-bottom: .15rem;}
    .list13 .con dd{ min-width: 33.33%}

    footer .fl1{ padding: .4rem 0 .2rem}
    .home3{ padding-top: .5rem}
}
@media(max-width: 560px){
	
} 


.n_banner{ position: relative;}
.n_banner .img .imgLi{ padding-bottom: 20.833333%;}
.n_banner .top{position: absolute;top: 0;right: 0;bottom: 0;left: 0;}
.n_banner .top .wp{ height: 100%; display: flex;justify-content: center;align-items: center;text-align: center; flex-direction: column}
.n_banner h4{ font-size: 0.34rem; color: #fff; line-height: 1.25; font-family: 'Barlow Condensed';}
.n_banner h3{ font-size: 0.36rem; color: #fff; line-height: 1.25; margin-top: .15rem;}

.nT{ position: relative; z-index: 1;}
.nT::before{ content: ""; position: absolute; bottom: 0; left: 0; right: 0; background: #ebeef1; height: 1px;}
.nT .wp{ justify-content: space-between;}
.n_list_er li{margin-left: .5rem;}
.n_list_er li .a{padding: .3rem 0;position: relative;z-index: 1;display: inline-block;}
.n_list_er li .a span{font-size: 0.18rem;color: #515151;display: inline-block;transition: .5s;}
.n_list_er li .a:after{content: "";position: absolute;bottom: 0;left: 0;background: #ba9851;height: .03rem;transition: .5s;width: 0;}
.n_list_er li.on .a:after, .n_list_er li:hover .a:after{ width: 100%}
.n_list_er li.on .a span, .n_list_er li:hover .a span{}

.mB{ align-items: center; }
.mB *{font-size: 0.18rem;color: #737577;font-style: normal;line-height: 1.5;}
.mB .ico{height: 100%;width: .65rem;background: #ba9851;display: flex;align-items: center;justify-content: center;margin-right: .2rem;}
.mB img{margin: 0 .1rem;height: .06rem;}
.mB img.img1{ height: .13rem}

.n_pad1{ padding: .85rem 0 .3rem; overflow: hidden;}
.about .left{ width: 4rem;}
.about .right{ width: calc(100% - 4rem); padding: 0 0 0 .6rem;}
.list16{ background: #f5f1e9; padding: 1rem 0 .7rem .15rem; flex-direction: column; align-items: flex-end;}
.list16 li{ margin-bottom: .35rem;}
.list16 li:last-child{ margin-bottom: 0 !important}
.list16 li .a{ background: #d1b270; font-size: .18rem; color: #fff; line-height: .6rem; padding: 0 .3rem 0 .38rem; border-radius: 50vw 0 0 50vw;}
.list16 li:nth-child(2) .a{ background: #fff;}
.list16 li:nth-child(4) .a{ background: #e7e1d5;}
.list16 li:nth-child(2n) .a{ color: #ba9851;}
.about .left .img .imgLi{ padding-bottom: 132.66%;}
.about .left .txt{background: url(../images/about_b1.jpg) center no-repeat;background-size: cover;height: 1.98rem;display: flex;flex-direction: column;justify-content: center;align-items: center;text-align: center;}
.about .left .txt h3{ font-size: .36rem; color: #fff; font-weight: bold; font-family: "Barlow Condensed Bold"; text-transform: uppercase; line-height: 1.375}
.about .left .txt h4{ font-size: .18rem; color: #fff; line-height: .24rem; margin-top: .05rem}

.tit5{ margin-bottom: .4rem;}
.tit5 h6{font-size: .2rem;color: #e0d5c4;line-height: 1.25;font-family: 'Barlow Condensed Medium';}
.tit5 h3{ font-size: .34rem; color: #212121; line-height: 1.375; font-weight: 600}
.tit6{margin-bottom: .4rem;align-items: center;}
.tit6 .ll{font-size: .6rem;color: #ba9851;font-family: 'Barlow Condensed Medium';text-transform: uppercase;margin-right: .1rem;}
.tit6 h5{ font-size: .18rem; color: #ba9851; margin-top: .06rem;}
.tit6 h6{font-size: .18rem;color: #212121;padding-top: .06rem;}

#m_n_nav {display: none;line-height: 50px;position: relative;z-index: 9;width: 100%;background: #ba9851;}
#bnt_back { position: absolute; left: 15px; top: 0px; }
#bnt_back img { height: 28px; }
#bnt_back svg { fill: rgb(255, 255, 255); height: 30px; vertical-align: middle; width: 26px; }
#m_n_nav h1 { font-size: 14px; color: rgb(255, 255, 255); text-align: center; margin: 0px; line-height: 50px; }
#bnt_sub_nav { position: absolute; right: 15px; top: 0px; height: 50px; cursor: pointer; color: rgb(255, 255, 255); font-size: 18px; display: flex; align-items: center; }
#bnt_sub_nav svg { fill: rgb(255, 255, 255); height: 20px; vertical-align: middle; width: 20px; }
#bnt_sub_nav img { display: block; height: 20px; }
#bnt_sub_nav.on img { transform: rotate(-180deg); }
#sub_nav_content {background: rgb(240, 243, 245);display: none;box-shadow: rgba(0,0,0,.15) 0px 0px 5px;z-index: 9;}
#sub_nav_content ul { padding: 10px; }
#sub_nav_content ul li { display: block; line-height: 28px; margin: 1rem 0px; }
#sub_nav_content ul li a { display: block; border-left: 2px solid #1f79c1; height: 30px; line-height: 30px; font-size: 14px; padding-left: 10px; color: rgb(83, 84, 85); }
#sub_nav_content ul li.on a { color:#1f79c1; }
#sub_nav_content dl {font-size: 0px;overflow: hidden;background: rgb(255, 255, 255);padding: 10px 0px;display: flex;flex-wrap: wrap;}
#sub_nav_content dt {position: relative;background: rgb(255, 255, 255);z-index: 999;min-width: 33.33%;display: inline-block;margin-bottom: 0px;text-align: center;}
#sub_nav_content dt a {margin: 0px 20px;display: block;color: #333;line-height: 30px;font-size: 14px;font-weight: 400;vertical-align: top;}
#sub_nav_content dt a i { position: absolute; right: 15px; top: 0px; opacity: 0; display: none; }
#sub_nav_content dt.title { background: rgb(250, 250, 251); }
#sub_nav_content dt.title i { opacity: 1; }
#sub_nav_content dt.title_on { background: rgb(250, 250, 251); }
#sub_nav_content dt.title_on a { color: #1f79c1; border-top: 1px solid rgb(255, 255, 255); }
#sub_nav_content dt.title_on a i { color: #1d6eb0; }
#sub_nav_content dt.last a { border-top: 1px solid rgb(248, 248, 248); }
#sub_nav_content dt.on a, #sub_nav_content dt.title_on a {color: #ba9851;}
#sub_nav_content dd { display: none; }
#sub_nav_content dd .box { padding: 0px; }
#sub_nav_content dd a { padding: 0px 25px; line-height: 30px; border-top: 1px solid rgb(231, 231, 231); font-size: 12px; color: rgb(91, 83, 73); display: block; height: 30px; }
#sub_nav_content dd a.on { color: #1f79c1; }

.n_pad2{ padding: .86rem 0; overflow: hidden; background: url(../images/zuzhi_b1.jpg) center no-repeat; background-size: cover;}

@media(min-width: 1024px){
	.ar_article img {width: 850px!important;}
}
@media(max-width: 1024px){
    #m_n_nav{ display: block}
    .n_banner .img .imgLi{padding-bottom: 32%;}

    .nT{ display: none;}

    .about .left{ width: 100%;}
    .about .right{width: 100%;padding: .4rem 0 0;}
    
}
@media(max-width: 800px){
    .list16{ padding: .4rem 0 .4rem .1rem;}
    .list16 li .a{ font-size: .16rem; line-height: .45rem;}
    .list16 li{ margin-bottom: .15rem;}
    .tit5 h3{ font-size: .26rem;}
    .tit6 .ll{font-size: .46rem;}
    .tit5, .tit6{ margin-bottom: .25rem;}
    .n_pad1{ padding: .4rem 0;}
    .n_banner h4{ font-size: .26rem; }
    .n_banner h3{ font-size: .2rem; margin-top: .06rem }

    .n_pad2{ padding: .4rem 0;}
}
@media(max-width: 560px){
} 

.n_pad3{ padding: 0.5rem 0; overflow: hidden; background: #f4f7fa;}
.list17{ margin: 0 -.4rem -.25rem;}
.list17 li{width: 50%;padding: 0 .4rem;margin-bottom: .25rem;}
.list17 .a{ padding: .35rem .4rem; background: #fff; border-radius: .06rem; position: relative; z-index: 1; overflow: hidden;}
.list17 .a:before{ content: ""; position: absolute; z-index: -1; right: 0; bottom: 0; left: 0; height: 0; transition: .5s;}
.list17 .img{ width: 1.45rem; margin-right: .48rem;}
.list17 .img .imgLi{ padding-bottom: 134.48%;}
.list17 .txt{flex: 1;overflow: hidden;padding: .15rem 0;}
.list17 h4{font-size: .22rem;color: #ba9851;font-weight: 600;transition: .5s;line-height: 1.5;}
.list17 p{ margin-top: .15rem;}
.list17s1{ margin-bottom: .2rem;}
.list17s1 li{ flex: auto;}
.list17s1 .a{ align-items: center;}
.list17s1 p{ font-size: .16rem;}

@media(min-width: 1024px){
    .list17 .a:hover:before{ height: 100%; background: #d9ba78;}
    .list17 .a:hover *{ color: #fff;}
}
@media(max-width: 1024px){
    
}
@media(max-width: 800px){
}
@media(max-width: 560px){
} 

.j_pages{margin:.8rem auto 0 auto;display: flex;align-items: center;justify-content: center;}
.j_pages .box{text-align: center;display: flex;align-items: center;flex-wrap: wrap;}
.j_pages .box *{font-size: .14rem;}
.j_pages a{padding: 0 .15rem;height: .4rem;line-height: .38rem;display:inline-block;margin: 0 .05rem;color: #393939;box-sizing: border-box;border-radius: .04rem;transition: .5s;min-width: .4rem;border: #e0e0e0 1px solid;}
.j_pages a font{ padding:0 10px}
.j_pages a:hover, .j_pages a.on{background: #ba9851;color:#fff!important;border: #ba9851 1px solid;}

@media(min-width: 1024px){
}
@media(max-width: 1024px){
    .list17 li{ width: 100%;}
}
@media(max-width: 800px){
    .j_pages{ margin-top: .4rem;}
    .j_pages a{ display: none;}
	.j_pages a.m_bnt{ display: block}
    .n_pad3{ padding: .4rem 0;}
    .list17 .a{ padding: .3rem .2rem;}
    .list17 .img{ margin-right: .2rem;}
    .list17 h4{ font-size: .2rem;}
    .list17s1{ margin-bottom: 0;}
}
@media(max-width: 560px){
} 

.list18{ margin: 0 -5px -.22rem;}
.list18 li{ width: 25%; padding: 0 5px; margin-bottom: .22rem;}
.list18 .a{ display: block; background: #fff; border-radius: .1rem; overflow: hidden; transition: .5s;}
.list18 .img{height: 2.36rem;display: flex;align-items: center;justify-content: center;position: relative;z-index: 1;overflow: hidden;background: #fff;padding: .15rem .15rem;}
.list18 .img:after{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: rgba(0,0,0,.45) url(../images/list18_i1.png) center no-repeat;background-size: .26rem .26rem; transform: translateY(101%); transition: .5s}
.list18 .img img{max-width: 100%;max-height: 2.06rem;}
.list18 h4{padding: 0 .2rem;text-align: center;color: #252525;}
.list18 .txt{ display: flex; align-items: center; justify-content: center; height: .54rem}

@media(min-width: 1024px){
    .list18 .a:hover{ background:#ba9851}
    .list18 .a:hover .img:after{ transform: translateY(0)}
    .list18 .a:hover h4{ color: #fff;}
}
@media(max-width: 1024px){
}
@media(max-width: 800px){
    .list18 li{ width: 50%}
    .list18 .img{height: 1.8rem;}
    .list18 .img img{ max-height: 1.5rem;}
    .list18 h4{ font-size: .18rem !important}

    .list18 .a{ background:#ba9851}
    .list18 .a h4{ color: #fff;}
    .list18 .txt{ height: .45rem;}
}
@media(max-width: 560px){
}

.n_left1{ width: calc(100% - 5rem); padding: 0 0.3rem 0 0;}
.n_right1{width: 5rem;position: relative;z-index: 1;margin: 1.1rem 0 0;}
.n_right1::before{ content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 2px; background: #e0e5ea;}
.n_right1::after{ content: ""; position: absolute; left: 0; top: 0; height: .84rem; width: 2px; background: #ba9851; z-index: 1}
.n_right2{ margin-top: .3rem;}

.tit7{justify-content: space-between;align-items: flex-end;margin-bottom: .3rem;}
.tit7 h3{ font-size: .48rem; color: #ba9851; font-family: 'Barlow Condensed Medium';}
.tit7 h6{ font-size: .18rem; color: #000000; line-height: 1.5; margin-top: .03rem;}
.tit7 .rr{ font-size: .18rem; color: #000000; line-height: 1.5;}
.tit7 .rr span{ color: #ba9851;}

.list19 .a{align-items: center;position: relative;z-index: 1;padding: .35rem 0;}
.list19 .a::before{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 2px;background: #f0f0f0;}
.list19 .a::after{content: "";position: absolute;left: 0;bottom: 0;width: 0;height: 2px; transition: .5s}
.list19 .time{ width: .56rem; margin-right: .6rem;}
.list19 .time h3{ font-size: .6rem; color: #c8c9cb; font-family: 'Barlow Condensed bold'; transition: .5s}
.list19 .time h6{font-size: .18rem;color: #c8c9cb;font-family: 'Barlow Condensed Medium';margin-top: .03rem;margin-bottom: .1rem; transition: .5s}
.list19 .txt{ flex: 1; overflow: hidden;}
.list19 h4{ font-size: .18rem; color: #302f38}
.list19 p{ font-size: .13rem; color: #989a9c; margin-top: .1rem}

.tit8{ padding: 0 0 0 .3rem; margin-bottom: .12rem; align-items: center; font-size: .14rem; color: #5d5d5e}
.tit8 img{ width: .2rem; margin: 0 .1rem 0 0}
.list20{ padding: 0 0 0 .3rem;}
.list20 li{font-size: .22rem;color: #919191;line-height: .3rem;margin-right: .2rem;font-family: 'Barlow Condensed'; transition: .5s;}
.list20 li:first-child{ font-size: .18rem}
.list20 li.on, .list20 li:hover{ color: #ba9851}

#search2{display: flex;overflow:hidden;padding: .25rem .25rem;background: #fff;justify-content: space-between;margin-top: .6rem; border-left: #ba9851 2px solid; position: relative}
#search2 .input1{font-size: .14rem;color:#333;height:30px;line-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:-webkit-calc(100% - 104px);width:calc(100% - 104px);flex: 1;overflow: hidden;padding: 0;}
#search2 .icon_search1{background-position: 0 0;opacity:.5;margin-top: .05rem;margin-right: 12px;}
.icon_search1{background-image: url(../images/icon_search1.png);width: .21rem;height: .21rem;cursor: pointer;}


@media(min-width: 1024px){
    .list19 .a:hover::after{ width: 100%; background: #ba9851;}
    .list19 .a:hover .time *{ color: #ba9851}
}
@media(max-width: 1024px){
    .n_left1{ width: 100%; padding: 0; order: 1}
    .n_right1{ width: 100%; margin: 0 0 .4rem;}
}
@media(max-width: 800px){
    .tit7 h3{ font-size: .3rem;}
    .tit7 .rr{ font-size: .16rem;}
    .list19 .a{ padding: .2rem 0;}
    .list19 .time{margin-right: .2rem;text-align: center;}
    .list19 .time h3{ font-size: .4rem;}

    #search2{ padding: .15rem .3rem}
}
@media(max-width: 560px){
} 

.list21 li{ margin-bottom: 0.2rem;}
.list21 .a{ background: #fff; align-items: center; padding: 0.2rem 0.25rem 0.2rem 0.2rem;}
.list21 .img{ width: 2.45rem; margin-right: .24rem;}
.list21 .txt{ flex: 1; overflow: hidden;}
.list21 h4{ font-size: 0.22rem; color: #302f38}
.list21 p{ font-size: 0.16rem;  margin: 0.14rem 0 0.1rem}
.list21 h6{display: flex;align-items: center;justify-content: space-between;font-family: 'Barlow Condensed';color: #ba9851;}
.list21 h6 .rr{ color: #7f7f7f}
.list21 h6 .rr img{ width: 0.16rem; margin: 0 .06rem 0 0}

@media(min-width: 1024px){
}
@media(max-width: 1024px){
}
@media(max-width: 800px){
    
}
@media(max-width: 560px){
    .list21 .img{width: 100%;margin: 0 0 .2rem;}
    .list21 .txt{width: 100%;flex: auto;}
} 

.ar_tit{ margin-bottom: .5rem}
.ar_tit h3{font-size: .27rem;color: #353637;line-height: 1.375;margin: .15rem 0;font-weight: 600;}
.ar_tit .time{ font-size: .3rem; color: #ba9851; font-family: 'Barlow Condensed SemiBold'}
.ar_tit .h6{justify-content: space-between;align-items: center;padding: 0 0 .2rem;border-bottom: #e0e1e3 2px solid;}
.ar_tit .h6 .ll span{font-size: .14rem;color: #949698;margin: 0 .28rem 0 0;line-height: 1.5;}
.ar_f{align-items: center;margin-top: .6rem;justify-content: space-between;}
.ar_f .ll{overflow: hidden;width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;}
.ar_f .ll div{line-height:3;display: block;width: 100%;}
.ar_f .ll h4{font-size: .14rem;color: #3b3b3b;line-height: .4rem !important;transition: .5s;}
.more2{ display: flex; width: 1.39rem; height: .44rem; background: #9d0c3a; align-items: center; justify-content: center; font-size: .18rem; color: #fff; margin-left: .2rem}
.fontsize{align-items: center;font-size: .14rem;color: #949698;}
.fontsize i{width: 20px;height: 20px;border: #ced2d3 1px solid;display: flex;justify-content: center;align-items: center;font-size: .2rem;color: #949698;margin-left: 4px;cursor: pointer;transition: .5s;font-style: normal;}
.fontsize i.sm{margin-left: .2rem;line-height: 19px;}
.fontsize i:hover{ border: #ba9851 1px solid; background: #ba9851; color: #fff}
.n_right3{ padding-left: .3rem;}
.n_right3::before{ background: #fff;}
.tit9{ margin-bottom: .5rem;}
.tit9 h3{ font-size: .2rem; color: #515151; font-weight:bold;}
.tit9 h4{font-size: .26rem;color: #dadada;font-family: 'Barlow Condensed SemiBold';text-transform: uppercase;margin-top: .12rem;}

.list22 li{ margin-bottom: .2rem}
.list22 .a{ align-items: center}
.list22 .time{width: .7rem;height: .7rem;margin-right: .15rem;background: #fff;display: flex;flex-direction: column;align-items: center;justify-content: center; transition: .5s}
.list22 .time h3{font-size: .24rem;color: #7a7a7a;font-family: 'Barlow Condensed bold';transition: .5s;}
.list22 .time h6{font-size: .14rem;color: #7a7a7a;font-family: 'Barlow Condensed Medium';margin-top: .06rem;transition: .5s;}
.list22 .txt{ flex: 1; overflow: hidden;}
.list22 h4{font-size: 0.18rem;font-weight: normal;}
.list22 p{ font-size: .13rem; color: #989a9c; margin-top: .1rem}
.n_right3 .sticky{ position: sticky; top: 1.4rem;}

@media(min-width: 1024px){
    .list22 .a:hover .time{ background: #ba9851}
    .list22 .a:hover .time *{ color: #fff}
}
@media(max-width: 1024px){
    .n_right3{order: 2;margin-top: .5rem !important;padding-left: .25rem;}
}
@media(max-width: 800px){
    .ar_f{ margin-top: .3rem;}
    .ar_f .ll a{ width: 100%; max-width: 100%;}
    .ar_tit h3{ font-size: .22rem;}
    .ar_tit .time{ font-size: .24rem;}
}
@media(max-width: 560px){
} 

.list23{ margin: 0 -.3rem -.3rem;}
.list23 li{ width: 50%; padding: 0 .3rem; margin-bottom: .3rem;}
.list23 .a{ background: #fff; align-items: center; padding: .2rem .25rem .2rem .2rem; transition: .5s;}
.list23 .img{width: 2.45rem;margin-right: .4rem;}
.list23 .img .imgLi{ padding-bottom: 78.26%;}
.list23 .txt{ flex: 1; overflow: hidden;}
.list23 h4{ font-size: .18rem; color: #302f38}
.list23 p{font-size: .13rem;margin: .14rem 0 .3rem;}
.list23 h6{display: flex;align-items: center;justify-content: space-between;font-family: 'Barlow Condensed';color: #ba9851;}
.list23 h6 .rr{ color: #7f7f7f}
.list23 h6 .rr img{ width: .16rem; margin: 0 .06rem 0 0}

@media(min-width: 1024px){
    .list23 .a:hover{ background: #f3e9d4;}
}
@media(max-width: 1024px){
    .list23 li{ width: 100%;}
}
@media(max-width: 800px){
    
}
@media(max-width: 560px){
    .list23 .img{width: 100%;margin: 0 0 .2rem;}
    .list23 .txt{width: 100%;flex: auto;}
} 

.contact .tel{ align-items: center;}
.contact .tel img{ width: .26rem; margin-right: .1rem; }
.contact .tel span{ font-size: .14rem; color: #636363;}
.contact .tel big{font-size: .3rem;color: #ba9851;font-family: 'Barlow Condensed Medium';margin-right: .4rem;}
.tit10{ margin-bottom: .3rem;}
.tit10 h3{ font-size: .26rem; color: #212121; font-weight: 600;}
.tit10 h4{ font-size: .22rem; color: #636363; opacity: .3; font-family: "Barlow Condensed"; text-transform: uppercase; margin-top: .1rem;}
.contact .fl1{ position: relative; z-index: 2}
.contact .fl2{justify-content: flex-end;position: relative;z-index: 1;background: #f4f7fa;margin-top: -.6rem;}
.contact .fl2 img{height: 1.7rem;mix-blend-mode: darken;}
.contact .fl2:before{ content: ""; position: absolute; right: .26rem; bottom: .58rem; left: 0; height: 2px; background: #e7e9ee}
.contact .fl3{margin-top: -.2rem;position: relative;z-index: 1;}
.contact .fl3 .ll{min-width: 50%;padding: .05rem 0 0;}
.contact .fl3 .ll p{font-size: .15rem;color: #4c4c4c;line-height: .3rem;padding: 0 0 0 .25rem;background-size: .15rem .15rem !important;}
.contact .fl3 .rr{ align-items: center; font-size: .14rem; color: #000000; line-height: .18rem}
.contact .fl3 .rr img{ width: 1.08rem; margin-right: .15rem}
.contact .fl4{ border: #dcdcdc 2px solid; padding: .1rem; margin-top: .5rem;}

#miso_map{height: 4.4rem;width: 100%;}
@media(min-width: 1024px){
}
@media(max-width: 1024px){
}
@media(max-width: 800px){
    .contact .tel big{ font-size: .24rem; margin-right: .15rem;}
    .contact .fl3 .rr{ margin-top: .3rem;}
    #miso_map{height: 3rem;}
}
@media(max-width: 560px){
} 

.n_b1{ background: url(../images/hexin_b1.jpg) center no-repeat; background-size: cover;}
.list24{ margin: 0 -.24rem;}
.list24 li{ width: 25%; padding: 0 .24rem;}
.list24 .txt{ height: 1.4rem; background: #fff; display: flex; align-items: center; justify-content: space-between; padding: 0 .2rem; transition: .5s;}
.list24 .txt .img2{ display: none;}
.list24 .txt img{ width: .32rem}
.list24 h6{ font-size: .14rem; color: #232323; opacity: .5; transition: .5s;}
.list24 h4{font-size: .18rem;color: #232323;font-weight: 600;line-height: 1.375;margin: .12rem 0 0; transition: .5s;}
.list24 .img .imgLi{ padding-bottom: 147.54%;}

.hexin_d hr{height: 2px;background: #f1f1f1;margin: 0;}

@media(min-width: 1024px){
    .list24 .a:hover .txt{ background: #ba9851; }
    .list24 .a:hover .txt *{ color: #fff;}
    .list24 .a:hover .txt .img1{ display: none;}
    .list24 .a:hover .txt .img2{ display: inline-block;}
}
@media(max-width: 1024px){
    .list24{ margin: 0 -.15rem;}
    .list24 li{ padding: 0 .15rem;}
}
@media(max-width: 800px){
    .list24{ margin: 0 -.1rem;}
    .list24 li{ width: 50%; padding: 0 .1rem; margin-bottom: .2rem;}
    .list24 .txt{ height: 1rem;}
    .list24 h4{ margin: .06rem 0 0}
    .list13 .box:before{ display: none;}
}
@media(max-width: 560px){
} 

.tit12{ margin-bottom: 0.3rem;}
.tit12 h3{font-size: .34rem;color: #b7b7b7;margin-top: 0.2rem;font-family: 'Barlow Condensed';text-transform: uppercase;}
.tit12 h4{font-size: .3rem;color: #000000;font-weight: 600;margin: .1rem 0 0;}
.hexin_d .wp {background: #fff;padding: 0.2rem;}
.hexin_d .fl1{ padding: 0.3rem 0; background: #efeff0;}
.hexin_d .fl1 .img{ width: 3.05rem; margin: 0 1.12rem 0 0;}
.hexin_d .fl1 .img img{ width: 100%}
.hexin_d .fl1 .img .imgLi{ padding-bottom: 147.54%;}
.hexin_d .fl1 .txt{ flex: 1; overflow: hidden; padding: 0;}

.tit13{ align-items: center; font-size: .18rem; color: #ba9851; margin-bottom: 0.3rem;}
.tit13 img{ width: .22rem; margin: 0 .12rem 0 0;}
.hexin_d .ar_article, .hexin_d .ar_article p{ font-size: .16rem; color: #6c6d6f;margin-bottom: 0.1rem;}

.hexin_d .fl2{ padding: .44rem 0;}
.arrow3 .arrow{ position: absolute; top: 50%; width: .32rem; margin-top: -.4rem; cursor: pointer;}
.arrow3 .arrow img{ width: 100%; -webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray;filter:alpha(opacity=60);opacity:.6;-moz-opacity:.6;-khtml-opacity:.6; transition: .5s;}
.arrow3 .arrow.prev{ left: -.8rem;}
.arrow3 .arrow.next{ right: -.8rem;}
.list25W{ position: relative; z-index: 1;}
.list25 .img .imgLi{ padding-bottom: 66.26%;}
.list25 .img:after{ content: ""; position: absolute; height: 0; right: 0; bottom: 0; left: 0; background: #ba9851; opacity: 0;transition: .5s;}
.list25 .txt{height: .48rem;display: flex;align-items: center;justify-content: center;text-align: center;padding: 0 .1rem;}
.list25s1 .txt{ transition: .5s; background: #f2f2f2;}
.list25 .ico{width: .66rem;height: .66rem;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%) scale(0);transition: .5s; z-index: 1}
.list25 .ico::before{content: "";position: absolute;top: 50%;width: 100%;height: 1px;left: 0;background: #fff;}
.list25 .ico::after{content: "";position: absolute;left: 50%;width: 1px;height: 100%;top: 0;background: #fff;}

@media(min-width: 1024px){
    .list25 .a:hover .ico{ transform: translate(-50%, -50%) scale(1) rotate(180deg);}
    .list25 .a:hover .img:after{ height: 100%; opacity: .9}
    .list25s1 .a:hover .txt{ background: #ba9851; }
    .list25s1 .a:hover .txt h4{ color: #fff;}
    .arrow3 .arrow:hover img{ -webkit-filter:grayscale(0);-moz-filter:grayscale(0);-ms-filter:grayscale(0);-o-filter:grayscale(0);filter:grayscale(0);filter:gray;filter:alpha(opacity=100);opacity:1;-moz-opacity:1;-khtml-opacity:1}
}
@media(max-width: 1024px){
    .arrow3 .arrow.prev{ left: 0;}
    .arrow3 .arrow.next{ right: 0;}
}
@media(max-width: 800px){
    .tit12{ margin-bottom: .3rem}
    .tit13{ margin-bottom: .25rem}
    .hexin_d .fl1 .img{ margin:0 auto}
    .hexin_d .fl1 .txt{ flex: auto; width: 100%}
    .hexin_d .fl1{ padding: .5rem 0;}
    .tit12 h3{ font-size: .3rem;}
    .tit12 h4{ font-size: .24rem;}
}
@media(max-width: 560px){
} 

.qiye_d .fl1{ background: url(../images/qiye_d_i1.jpg) center no-repeat; background-size: cover; padding: .96rem 0 1.1rem;}
.tit14{ align-items: center; justify-content: space-between; border-bottom: #d0d3d6 2px solid; padding-bottom: .36rem; margin-bottom: .5rem;}
.tit14 h3{ font-size: .26rem; color: #212121; font-weight: 600;}
.tit14 h4{font-size: .2rem;color: #636363;opacity: .3;text-transform: uppercase;margin-top: .1rem;font-family: 'Barlow Condensed SemiBold';}
.more4{ width: 1.03rem; height: .54rem; background: #ba9851; border-radius: 4px; display: flex; align-items: center; justify-content: center; font-size: .14rem; color: #fff}
.more4 img{ width: .21rem;; margin:0 .1rem 0 0}

.qiye_d .fl2{ padding-top: .5rem;}

@media(min-width: 1024px){
}
@media(max-width: 1024px){
}
@media(max-width: 800px){
    .tit14 .ll{ width: 100%; margin-bottom: .3rem;}
    .more4{ height: .4rem;}
    .qiye_d .fl1{ padding: .5rem 0;}
}
@media(max-width: 560px){
} 

.join .left{width: 37.5%;padding: 0 10% 0 0;}
.join .right{ width: calc(100% - 37.5%);}
.join .tel{align-items: center;font-size: .3rem;color: #ba9851;font-family: 'Barlow Condensed';display: flex;margin: .35rem 0 .3rem;}
.join .tel img{ width: .34rem; margin: 0 .1rem 0 0}
.join .left h6{ font-size: .14rem; color: #6b6b6b; line-height: .28rem; margin-bottom: .2rem;}
.join .left h6 span{ color: #ba9851;}
.join .left p{ font-size: .14rem; color: #6b6b6b; line-height: .28rem}

.tit15{ margin-bottom: .48rem;}
.tit15 h3{ font-size: .24rem; color: #454647; font-weight: 600;}
.tit15 h4{font-size: .3rem;color: #ba9851;margin-bottom: .1rem;font-family: 'Barlow Condensed'; }

.list26 li{ margin-bottom: .18rem}
.list26 .a{border: #ebebeb 1px solid;height: .64rem;align-items: center;justify-content: space-between;padding: 0 .5rem 0 .35rem;}
.list26 h4{width: 37%;font-size: .18rem;color: #3f3f3f;font-weight: 600;}
.list26 .cc{flex: 1;overflow: hidden;font-size: .14rem;color: #979797;line-height: 1.375;margin-left: .1rem;}
.list26 .ico{width: .28rem;height: .28rem;position: relative;cursor: pointer;}
.list26 .ico:before{content:"";position: absolute;top: 0;left: 50%;margin: 0 0 0 -1px;width: 2px;height: 100%;background: #ced0d2;transition: .5s;}
.list26 .ico:after{ content:""; position: absolute; top: 50%; left: 0; margin: -1px 0 0 0; width: 100%; height: 2px; background: #ced0d2}
.list26 .bottom{ border: #ebebeb 1px solid; border-top: none; padding: .25rem .35rem .35rem; display: none}
.list26 h6{font-size: .14rem;color: #000000;line-height: .28rem;font-weight: 600;margin-bottom: .06rem;}
.list26 ul li{font-size: .14rem;color: #6f6f6f;line-height: .28rem;margin-bottom: 0;list-style: none !important;padding: 0;}
.list26 ul li:before{ display: none}
.more5{ width: 1.45rem; height: .45rem; background: #ba9851; display: flex; justify-content: center; align-items: center; font-size: .14rem; color: #fff; margin: .4rem 0 0}
.list26 .ico.on:before{ transform: rotate(90deg); opacity: 0}
@media(min-width: 1024px){
    
}
@media(max-width: 1024px){
    .join .left{ width: 100%; padding: 0 0 .5rem;}
    .join .right{ width: 100%; }
}
@media(max-width: 800px){
    .list26 .a{ padding: 0 .2rem;}
    .list26 .ico{ transform: scale(.6);}
    .list26 h4{ width: 42%;}
}
@media(max-width: 560px){
} 
.history .content_area.pc {display: block;}
.history .content_area.mb {display: none;}
.history .keyvisual_area {background-image: url("../images/info/history_keyvisual.jpg"); z-index: 100;}
.history .keyvisual_area::after {background-image: url("../images/info/history_keyvisual.jpg");}
.history .content_area > div {position: relative;}
.history .content_area > div:after{display: block; clear: both; content: "";}
.history .content_box {visibility: hidden;opacity: 0;position: fixed;top: 210px;left: 10%;width: 34%;transition: .5s;}
.history .content_box.on {visibility: visible; opacity: 1; transition: opacity 0.5s;}
.history .content_box.stop {position: absolute;opacity: 0;visibility: hidden;transition: none;}
.history .explain_wrap {width: 58%;margin-left: auto;scroll-behavior: smooth;}
.history .explain_wrap img {width: 100%;}
.history .explain_wrap .auto {width: auto;}
.history .explain_wrap span {display: block;}
.history .explain_wrap .title {line-height: 2; font-size: 20px; font-weight: 700; color: #000;}
.history .explain_wrap .date {margin-top: 16px; font-size: 16px; font-weight: 400; color: #000;}
.history .explain_wrap .history_text_box:last-child .text_box {height: auto;}
.history .explain_wrap .text_box .img_area {margin: 0;border-radius: 4px;overflow: hidden;}
.history .explain_wrap .mo_text { font-size: .18rem; color: #3b3b3d; margin-bottom: .15rem;}
.history .explain_wrap .mo_text big{font-size: .3rem;color: #3b3b3d;font-family: 'Barlow Condensed Medium';margin-right: .12rem;}
.history_text_box{ margin-bottom: .4rem}
.category_list{ position: relative; border-left: #ba9851 2px solid}
.history .category_title {margin-bottom: .25rem;padding-left: .7rem;}
.history .category_title span {color: #a0a0a0;font-size: .3rem;font-family: 'Barlow Condensed Medium';margin-right: .1rem;}
.history .category_title .history_title {display: inline-block; margin-bottom: 0!important; transition: 0.5s;}
.history .category_title.on .history_title {font-family: 'Barlow Condensed Medium';font-size: 1.5rem;color: #ba9851;transition: 0.5s;line-height: .7;margin-right: .1rem;} 
.history .category_title a {display: flex;font-size: .18rem;color: #a0a0a0;align-items: center;}
.history .category_title p {visibility: hidden;overflow: hidden;height: 0;font-weight: 600;font-size: .26rem;color: #212121;line-height: 1.375;transition: 0.5s;opacity: 0;}
.history .category_title.on p {visibility: visible;height: auto;opacity: 1;margin: .3rem 0 .4rem;transition: .5s;}
.history .category_title.on a{color: #ba9851;align-items: flex-start;position: relative;}
.history .category_title.on a:before{content: "";position: absolute;width: .5rem;height: 2px;background: #ba9851;left: -.7rem;top: 50%;}

.list27{margin-bottom: .25rem;padding-left: .07rem;}
.list27 li::before{content: "";position: absolute;width: 2px;height: 2px;background: #514d4c;border-radius: 50vw;left: 0;top: .14rem;}
.list27 li{font-size: .16rem;color: #514d4c;line-height: 2.25;position: relative;padding: 0 0 0 .15rem;}
.history{background: url(../images/history_b1.jpg) center no-repeat;background-size: cover;padding: 1.3rem 0;background-attachment: fixed;}

@media all and (max-width:1024px) {
    .history .explain_wrap{ width: 100%;}
    .contact_wrap{ display: none;}
}

@media all and (max-width:800px) {
    .history{ padding: .4rem 0;}
}


/*公共css*/
@media(max-width: 800px){
    .h4s0{font-size: .2rem !important;line-height: .3rem !important;}
    .h4s1{font-size: .2rem !important;line-height: .3rem !important;max-height: .3rem\0 !important;}
    .h4s2{font-size: .2rem !important;line-height: .3rem !important;max-height: .6rem\0 !important;}
    .h4s3{font-size: .2rem !important;line-height: .3rem !important;max-height: .9rem\0 !important;}

    .ps0{font-size: .16rem !important;line-height: .26rem !important;}
    .ps1{font-size: .16rem !important;line-height: .26rem !important;max-height: .26rem\0 !important;}
    .ps2{font-size: .16rem !important;line-height: .26rem !important;max-height: .52rem\0 !important;}
    .ps3{font-size: .16rem !important;line-height: .26rem !important;max-height: .78rem\0 !important;}
    .ps4{font-size: .16rem !important;line-height: .26rem !important;max-height: 1.04rem\0 !important;}
    .ps5{font-size: .16rem !important;line-height: .26rem !important;max-height: 1.3rem\0 !important;}

    .ar_article, .ar_article p{font-size: .17rem !important;line-height: 2 !important;}
	footer .fl1 .wp{ padding: 0 0.2rem!important;}
	footer .fl2 { padding:0.3rem 0!important;}
}
@media(min-width: 1024px){
}
@media(max-width: 1024px){
}
@media(max-width: 800px){
}
@media(max-width: 560px){
} 
.social-share.share-component a:first-child {display: none;}
span.wxshare {float: right;}