@charset "utf-8";

/*初始化样式*/
*{-webkit-tap-highlight-color:transparent;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
*:before,*:after {box-sizing: border-box;}
@media (min-width:1025px){
    body *::-webkit-scrollbar{width:0.06rem;height:0.12rem;background-color:#fff;}
    body *::-webkit-scrollbar-thumb{background-color:#d2d2d2;border-radius:0.2rem;}
}
/*html5设置*/
html {-webkit-text-size-adjust:none; font-size: 5.20834vw;}
article,aside,details,figcaption,figure,footer,header,main,nav,section{display:block;}
html,body,div,pre,code,form,fieldset,legend,input,textarea,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main,p,h1,h2,h3,h4,h5,h6,dl,dd,ol,ul,li{margin:0;padding:0;}
body{background-color:#fff;color:#242424;font:normal 0.2rem/1.875em Sans-serif; overflow-x:hidden;word-wrap:break-word; word-break: break-all;}
a{text-decoration:none;outline:none;color:#242424;}
a:focus{outline:none;-moz-outline:none;}
a:hover{color:#000;}
a img{border:none;}
img {vertical-align:middle; max-width:100%;}
li{list-style:none;}
select,input,textarea,button{border-radius:0;-webkit-border-radius:0;background:none;border:none;margin:0;padding:0;outline:none;font-family:inherit; font-size:1em;}
input:focus{outline:none;}
textarea{resize:none;}
input::-moz-placeholder{opacity:0.75; color:inherit;}
input:-moz-placeholder{opacity:0.75; color:inherit;}
input::-webkit-input-placeholder{opacity:0.75; color:inherit;}
input:-ms-input-placeholder{opacity:0.75; color:inherit;}
table{background-color:transparent;border-spacing:0;border-collapse:collapse;width:100%;box-sizing:border-box;}
table td,table th{box-sizing:border-box;}

/*全局样式*/
.inner{width:91.667%;margin:0 auto;}
.clear{clear:both;height:0px;overflow:hidden;width: 100%;}
.figure {overflow: hidden; position: relative; width: 100%;}
.figure:after {content:''; display: block;}
.figure a {display: block; overflow: hidden; position: relative;}
.figure img {display: block; width: 100%; height: auto;transition: all 0.3s;}
.figure .img {position: absolute; left:0; top:0; width: 100%; height:100%; object-fit: cover; transition: all 0.3s;}
.figure .pic {position: absolute; left:0; top:0; 
    /* width: 100%; height:100%; */
    width: 80%; height: 80%; left: 50%; top: 50%; transform: translate(-50%,-50%);
    object-fit: contain; transition: all 0.3s;}
.figure .bg {background: no-repeat center center; background-size: cover; display: block; transition: all .3s;}
.abox {display: block; overflow: hidden; position: relative;}
.abox:hover img,
.abox:hover .img {transform: scale(1.05);}
.rows {display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;}
.rows2 {-webkit-line-clamp: 2;}
.rows3 {-webkit-line-clamp: 3;}
.rows4 {-webkit-line-clamp: 4;}
.rows5 {-webkit-line-clamp: 4;}
.nowrap {white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.submit {cursor:pointer;}
.submit:hover {opacity: 0.85;}

/*flexbox*/
.flex{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:wrap;-moz-flex-flow:wrap;-ms-flex-flow:wrap;-o-flex-flow:wrap;flex-flow:wrap;}
.flex_frr{flex-direction:row-reverse;}
.flex_fc{flex-direction:column;}
.flex_fcr{flex-direction:column-reverse;}
.flex_js{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
.flex_jc{justify-content:center;}
.flex_jsa{justify-content:space-around;}
.flex_je{justify-content:flex-end;}
.flex_ac{align-items:center;}
.flex_ae{align-items:flex-end;}
.flex_as{align-items:flex-start;}
.table{display:table;table-layout:fixed;width:100%;}
.table .td{display:table-cell;vertical-align:middle;}

/*entry*/
.entry *{line-height:1.875em;}
.entry img{height:auto!important;}
.entry ul li{position:relative;padding-left:1.66666667em;}
.entry ul li:before{width:0.27777778em;height:0.27777778em;border-radius:50%;background-color:#3f3a39;content:'';display:block;position:absolute;left:0.38888889em;top:0.75em;}
.entry ol li{list-style:outside decimal none;}
.entry h1{font-size:1.5em;}
.entry h2{font-size:1.25em;}
.entry h3{font-size:1.125em;}
.entry h4{font-size:1em;}
.entry h5{font-size:0.875em;}
.entry h6{font-size:0.75em;}
.entry blockquote{margin:0 2em;font-style:italic;opacity:0.95;padding:1em;border:1px solid #e8e8e8;background-color:#f9f9f9;}
.entry hr{border:none;clear:both;border-bottom:1px solid #e6e6e6;}
#header{position:fixed;left:0;top:0;width:100%;z-index:9;transition: all 0.2s;}
#header.color{background-color: #111216 !important;}
#header.color .middle_list li a{color: #fff;}
#header .inner{padding:0.25rem 0; }
#header.fixed {background-color: rgba(0,0,0,0.3);}
#header .middle_list{width: calc(100% - 2.6rem - 0.67rem - 3rem);}
#header .middle_list ul{display: flex; justify-content: end; gap: 0 .75rem;}
#header .middle_list li{transform: translateY(-100px); opacity: 0;}
#header .middle_list li a{font-size: .25rem; display: block; color: #fff;}
#header.fixed .middle_list li{transform: translateY(0); opacity: 1;}
#header.fixed .middle_list li a:after{position: absolute;content: '';left: 50%;height: 2px;background-color: #fff;transform: translateX(-50%);transition: 0.3s;bottom: 0;width: 0;}
#header.fixed .middle_list li:hover a:after{width: 100%;}

/* @media(min-width:1025px){
    #header.fixed #button{visibility: hidden;}
} */

@media(max-width:1024px){
#header .middle_list{display: none;}
}

/*logo*/
#logo{width:2.6rem;display:table-cell;vertical-align:middle;position:relative;z-index:10;}
#logo a{display:block;overflow:hidden;padding-bottom:19.23076923%;position:relative;}
#logo i{position:absolute;width:100%;height:100%;text-indent:-99999em;display:block;overflow:hidden;background:no-repeat left center;background-size:contain;}
#logo i:nth-child(2){display:none;}

/*navi*/
#navi{position:relative;}
#navi .menu{position:relative;z-index:2;width:0.6rem;height:0.4rem;cursor:pointer;overflow:hidden; transition: .3s; margin-right: .2rem}
#navi .menu.active{width: .6rem; height: .6rem; border-radius: 50%; background-color: #000; border: 2px solid #fff;}
#navi .menu.active::before,
#navi .menu.active::after{width: 60%; height: .1rem; border-radius: 9999px; background-color:#fff; top: 50%; left: 50%;}
#navi .menu.active::before{transform: translate(-50%,-50%) rotate(45deg);}
#navi .menu.active::after{transform: translate(-50%,-50%) rotate(-45deg);}

#navi .menu.active i{opacity: 0;}
#navi .menu:before,#navi .menu:after,#navi .menu i{width:100%;height:20%;background-color:#fff;display:block;position:absolute;transition:all 0.3s;content:''; z-index: 5;}
#navi .menu:before{top:0;}
#navi .menu:after{bottom:0;}
#navi .menu i{top:50%;transform:translateY(-50%);}

#header .list{ width: 100%; height: 100vh; position:absolute; left: 0; top: 100%; z-index:5;display:none; background-color:#111216;}
#header .list.show{display: block;}
#header .list .list_inner{width: 91.667%; margin: 0 auto;}
/* #header .list:before{content:'';display:block;position:absolute;width:100%;height:100%;left:0;top:0;} */
#header .list ul{position:relative; margin: 0 auto; padding: .45rem 0 .65rem; border-top: 1px solid #929292;}
#header .list ul li{letter-spacing:0.05em;line-height:calc(87/74);}
#header .list.show ul li{transform: translateY(0); animation: fadeUp .3s linear both;}
/* #header .list li {transform: translateY(50%); opacity: 0;} */
#header .list .show {transform: translateY(0); opacity: 1;}
#header .list.show .outLink{animation: fadeUp .5s linear both;}
#header .list.show .top_info{animation: fadeUp .5s linear both;}

#header .list ul a{color:#fff; font-size:0.74rem; display:block;white-space:nowrap; position: relative; width: fit-content;}
#header .list ul a:hover{opacity:0.85;}
#header .list ul li a:after{position: absolute;content: '';left: 50%;height: 2px;background-color: #fff;transform: translateX(-50%);transition: 0.3s;bottom: 0;width: 0;}
#header .list ul li:hover a:after{width: 100%;}

#header .list .outLink{padding-bottom: .6rem;}
#header .list .outLink .item{display: flex;}
#header .list .outLink a{position: relative; font-size: .28rem; line-height: calc(38/24); display: flex; align-items: center;}
#header .list .outLink a figure{position: absolute; display: block; padding-left: .74rem; box-sizing: content-box; top: -1.2em; left: 100%; width: 2.2rem; height: 2.2rem;}
#header .list .outLink a figure img{width: 100%;height: 100%;}
#header .list .outLink a:hover figure{display: block;}
#header .list .outLink a:hover::before{content: ""; position: absolute; width: 100%; left: 0; bottom: 0; height: 2px; background-color: #a5a5a5;}
#header .list .outLink a.link::after{content: ""; margin-left: .11rem; width: .22rem; height: .19rem; background: url(../images/top_arrow.png) no-repeat center; background-size: cover;}
#header .list a{color: #fff;}
#header .list .top_info p{font-size: .24rem; margin: 0; line-height: calc(38/24); color: #fff;}

@keyframes fadeUp{
    0%{transform: translateY(-50%); opacity: 0;}
    100%{transform: translateY(0%); opacity: 1;}
}

/*slides*/
#slides,
#slides .figure{padding-bottom:56.25%;}
#slides .swiper {position: fixed; left:0; top:0; width: 100%;}
#slides .text{position:absolute;top:80%;transform:translateY(-50%);left:0;width:100%;text-align:center;opacity:0;transition:all 1.5s; z-index: 5;}
#slides .title{font-size:0.82rem;line-height:1.25em;letter-spacing:0.03658537em;}
#slides a{display:block;overflow:hidden;color:#fff; position: relative;}
#slides .swiper-slide-active .text{top:45%;opacity:1;}
#slides .video_box{width: 100%;height: 100%;}
#slides .video_box video{position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;transition: all 0.3s;}
#slides .page{position:absolute;left:50%;transform: translateX(-50%);width:100%;bottom:9.375%;color:#fff;z-index:10;}
#slides .page .dots{text-align:center;justify-content:center;}
#slides .page .dots span{display:inline-block;vertical-align:middle;margin:0 0.5em;width:0.75em;height:0.75em;border-radius:50px;border:1px solid #fff; opacity: 1;}
#slides .page .dots span.swiper-pagination-bullet-active{opacity:1;background:#fff;}
@media only screen and (max-width:768px){
    /*768px*/
	#slides,
    #slides .figure{padding-bottom:100%;}
}

/*footer*/
#footer{background-color:#0f0f0f;padding:0.9rem 0 0.84rem;color:#fff;}
#footer a{color:#fff;}
#footer a:hover{opacity:0.85;}

/*menu*/
#menu{font-weight:bold;font-size:0.4rem;line-height:1.5em;letter-spacing:0.05em;width:30%;}
#menu li{margin-bottom:0.8rem;}
#menu li:last-child{margin-bottom:0;}

/*bottom*/
#bottom{width:65.90909091%;}

/*infor*/
#infor dl{width:50.94827586%;margin-bottom:0.23rem;}
#infor dt{font-size:0.3rem;line-height:2em;font-weight:bold;margin-bottom:0.56rem;}
#infor dd{font-size:0.25rem;line-height:1.6em;letter-spacing:0.06666667em;margin-bottom:0.5rem;}
#infor dd:last-child{margin-bottom:0;}
#infor dd span{display:block;}
#infor dd span:nth-child(1){font-weight:lighter;position:relative;padding-right:1.2em;}
#infor dd span:nth-child(1):after{width:0.26666667em;height:0.26666667em;content:'';display:block;position:absolute;right:0.46666667em;top:50%;transform:translateY(-50%);border-radius:50%;background-color:#fff;}
#infor dd span:nth-child(2){width:calc(100% - 3.33334em);}
#infor .qrcode{width:30.17241379%;max-width:2.33rem;text-align:center;font-size:0.3rem;line-height:2em;letter-spacing:0.04em;font-weight:bold;/*padding:0.36rem 0;*/ margin-bottom: 0.36rem;}
#infor .qrcode img{width:100%;display:block;margin:0 auto;height:auto;}
#infor .qrcode .name{margin-bottom:0.56rem;}

/*copyright*/
#copyright{font-weight:lighter;letter-spacing:0.05em;margin-top: 3%;}
#copyright span:first-child{margin-right:0.3rem; display: flex; width: 11em; position: relative; overflow: hidden;}
#copyright span:first-child:hover{overflow: visible;}
#copyright span:first-child:hover .partner_link{background-color: #3f3f3f;}
#copyright span:first-child .partner_link{position: absolute; bottom: 0; left: 3.5em; padding-top: 1em;}
#copyright span:first-child .partner_link li:nth-last-of-type(1) a{position: relative; display: flex; align-items: center; }
#copyright span:first-child .partner_link li:nth-last-of-type(1) a::after{content: "";  width: 1.5em; height: 1em; background: url(../images/trangle.svg) no-repeat center; background-size: auto 100%;}
#copyright .dot{font-style:normal;}
#copyright .dot:after{width:0.4em;height:0.4em;border-radius:50%;background-color:#fff;display:inline-block;content:'';vertical-align:middle;margin:-0.1em 0.05rem 0;}
@media only screen and (max-width:768px){

    /*768px*/
    #menu{width:100%;font-size:0.36rem;line-height:2em;margin-bottom:0.3rem;}
    #menu ul{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:wrap;-moz-flex-flow:wrap;-ms-flex-flow:wrap;-o-flex-flow:wrap;flex-flow:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
    #menu li{margin-bottom:0;}

    /*768px*/
    #bottom{width:100%;}

    /*768px*/
    #infor{margin-bottom:0.3rem;}
    #infor dl{width:65%;}
    #infor dt,
    #infor .qrcode .name{margin-bottom:0.25rem;}
    #infor dd{font-size:0.23rem;margin-bottom:0.25rem;}
    #infor .qrcode{width:26%;padding:0.2rem 0;}
    

    /*768px*/
    #copyright{flex-direction:column;align-items:center;}
}

/*uline*/
.uline{border-bottom:1px solid #7c7c7c;}

/*seemore*/
.seemore{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;justify-content:center;width:100%;}
.seemore a{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;align-items:center;justify-content:center;font-size:0.59rem;color:#000;font-weight:bold;border:0.02rem solid #000;border-radius:0.91525424em;line-height:1.25em;padding:0 0.89830508em;height:1.86440678em;transition:all 0.3s;}
.seemore a:hover{background-color:#000;color:#fff;}

/*jingxi*/
#jingxi{padding:0.5rem 0 1.14rem;}
#jingxi .intro{padding:0.64rem 0;}
#jingxi .intro .name{width:46.02272727%;text-align:center;padding:0.1rem;}
#jingxi .intro .logo{width:59.25925926%;max-width:4.8rem;margin:0 auto 0.3rem;}
#jingxi .intro .logo img{display:block;width:100%;height:auto;}
#jingxi .intro .slogan{font-size:0.38rem;line-height:1.06666667em;letter-spacing:0.28888889em;color:#0f0f0f;}
#jingxi .intro .slogan i{display:inline-block;width:0.02rem;height:0.82222222em;background-color:#0f0f0f;opacity:0.6;vertical-align:middle;margin:-0.06666667em 0.53333333em 0 0.22222222em;}
#jingxi .intro .entry{width:53.97727273%;font-size:0.25rem;letter-spacing:0.04em;}
#jingxi .intro .entry * {line-height:2em;}
#jingxi .case{padding:0.79rem 0;}
#jingxi .case .list{margin-bottom:0.33rem;overflow:hidden;}
#jingxi .data{text-align:center;padding:1.05rem 0 0.88rem;}
#jingxi .data .num{font-size:1rem;line-height:1em;font-weight:bold;margin-bottom:0.34rem;}
#jingxi .data .name{font-size:0.5rem;line-height:1.25em;margin-bottom:0.5rem;}
#jingxi .data .alias{font-size:0.25rem;color:#605f5f;letter-spacing:0.04em;line-height:1.25em;}
#jingxi .whole{padding:0.8rem 0 1.38rem;}
#jingxi .customer{padding:0.72rem 0 0.38rem;}
#jingxi .prize{padding:0.72rem 0 1.38rem;}
#jingxi .Team{padding:0.8rem 0 1.38rem;}


/*witem*/
.witem{width:48.86363636%;margin-bottom:0.46rem;}
.witem .figure{padding-bottom:56.39534884%;}
.witem .text{position:absolute;left:0;bottom:0;width:100%;z-index:5;padding:4.65116279% 2.90697674%;transform:translateY(100%);opacity:0;transition:all 0.5s;}
.witem .title{font-size:0.25rem;line-height:1.24em;letter-spacing:0.04em;font-weight:normal;margin-bottom:0.04rem;}
.witem .meta span{display:block;font-size:0.2rem;line-height:1.55em;position:relative;}
.witem .meta span:not(:last-child){padding-right:0.55em;margin-right:0.5em;}
.witem .meta span:not(:last-child):after{width:1px;background-color:#fff;height:0.95em;content:'';display:block;position:absolute;right:0;top:50%;transform:translateY(-50%);}
.witem .abox{color:#fff;}
.witem .abox:after{content:'';display:block;position:absolute;left:0;bottom:0;width:100%;height:100%;background-color:rgba(0,0,0,0.3);z-index:2;opacity:0;transition:all 0.2s;}
.witem .abox:hover:after{opacity:1;}
.witem .abox:hover .text{transform:translateY(0);opacity:1;}
@media only screen and (max-width:768px){

    /*768px*/
    #jingxi .intro .name{width:100%;padding:0;margin-bottom:0.5rem;}
    #jingxi .intro .entry{width:100%;}
    #jingxi .data{padding:0.3rem 0;}
    #jingxi .data li{width:50%;padding:0.5rem 0;}

    /*768px*/
    .witem{width:100%;}
    .witem .text {transform:translateY(0);opacity:1;}
    
}

/*service*/
#service{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;}
#service .info{background:no-repeat center center;background-size:cover;text-align:center;color:#fff;position:relative;padding:2.33rem 0 2.06rem;}
#service .info:before,#service .info:after{background-color:#000;opacity:0.6;content:'';display:block;position:absolute;top:0;height:100%;width:50%;transition:all 0.5s;}
#service .info:before{left:0;}
#service .info:after{right:0;}
#service .text{position:relative;z-index:5;}
#service .hgroup{margin-bottom:0.47rem;}
#service .alias{font-size:0.15rem;font-weight:normal;color:#a6a6a6;line-height:1.35em;letter-spacing:0.06666667em;}
#service .name{font-size:0.6rem;line-height:1.35em;letter-spacing:0.05em;}
#service li{font-weight:lighter;color:#bfbfbf;letter-spacing:0.05em;margin-bottom:0.07rem;}
#service li:last-child{margin-bottom:0;}
@media only screen and (min-width:769px){
    #service .item{width:20%;transition:all 0.5s;}
    #service .item:not(:last-child){border-right:1px solid #fff;}
    #service .item:hover{width:25%;}
    #service .item:hover .info:before,#service .item:hover .info:after{width:0;}
    #service .item:hover .alias,#service .item:hover li{color:#fff;}
}
@media only screen and (max-width:768px){

    /*768px*/
    #service{-webkit-flex-flow:wrap;-moz-flex-flow:wrap;-ms-flex-flow:wrap;-o-flex-flow:wrap;flex-flow:wrap;}
    #service .item{width:100%;}
    #service .item:not(:last-child){border-bottom:1px solid #fff;}
    #service .info{padding:0.8rem 0 0.6rem;}
    #service .alias {font-size: 0.26rem;}
    #service li {font-size: 0.32rem; line-height: 2em;}
}

/*content*/
.content{padding:1.35rem 0;overflow:hidden;}

/*binfo*/
.binfo{text-align:center;margin-bottom:1.1rem;}
.binfo .hgroup{margin-bottom:0.32rem; padding-top: 1rem}

/*bname*/
.bname{font-size:1.3rem;line-height:1.125em;letter-spacing:0.05384615em;color:#000;}
.balias{font-size:0.4rem;line-height:1.5em;}

/*bintro*/
.bintro{font-size:0.2rem;line-height:1.52em;letter-spacing:0.04em;margin-top:0.15rem;}
@media only screen and (max-width:768px){

    /*768px*/
    .bname{font-size:1rem;letter-spacing:0;}
}

/*nlist*/
.nlist{width:101.84659091%;}

/*nitem*/
.nitem{width:33.333%;padding-right:1.81311018%;padding-bottom:1.81311018%;}
.nitem .figure{padding-bottom:55.75221239%;background-color:#000;}
.nitem .text{padding:1.7699115% 6.01769912%;color: #000;background-color: #fff;border: 1px solid #000;}
.nitem .title,.nitem .date{font-size:0.22rem;line-height:1.72727273em;font-weight:normal;letter-spacing:0.04545455em;}
.nitem .abox{background-color:#1b1b1b;color:#fff;}
.nitem .white{background-color:#fff;color:#000;}
.nitem .white .text{border:1px solid #000;}
.cbox{padding:1.42rem 0 1.36rem;}

/*news*/
.news .seemore{margin-top:0.5rem;}
@media only screen and (max-width:768px){

    /*768px*/
    .nitem{width:100%;padding-bottom:0.325rem;}
}

/*prize*/
.prize .seemore{margin-top:1.26rem;}

/*customer*/
.customer{border-top:1px solid #7c7c7c;}
.customer .binfo{margin-bottom:0.6rem;}
.customer .list{margin:0 -0.64rem;}
.customer .list li{padding:0.3rem 0.64rem;}
.customer .list .figure:after{padding-bottom:35%;}
.customer .swiper-free-mode > .swiper-wrapper{-webkit-transition-timing-function:linear;-moz-transition-timing-function:linear;-ms-transition-timing-function:linear;-o-transition-timing-function:linear;transition-timing-function:linear;}
@media only screen and (max-width:768px){

    /*768px*/
    .customer .list{margin:0 -0.2rem;}
    .customer .list li{padding:0.2rem;}
}

/*blackPage*/
/*.blackPage #header{position:relative;}*/
/*.blackPage #logo i:nth-child(1){display:none;}
.blackPage #logo i:nth-child(2){display:block;}*/
.blackPage #logo i{display: none;}
.blackPage #logo i.show{display: block;}
.blackPage #navi .menu:not(.active):before,
.blackPage #navi .menu:not(.active):after,
.blackPage #navi .menu:not(.active) i{background-color:#000000;}
/*#header.hfixed{position:fixed;}
.blackPage #navi .menu {mix-blend-mode: difference;}

.blackPage #navi{position: fixed;z-index: 10;width: 0.6rem;height: 0.4rem;cursor: pointer;top: 0.25rem;right: 0.8rem;mix-blend-mode: difference;}

.blackPage #header .middle_list{padding-right: 2.15rem;}*/

/*caselist*/
#caselist{margin-bottom:0.5rem;}

/*banner*/
#banner{padding-bottom:56.25%;background-color: #000;}
#banner .figure {position: fixed; left:0; top:0; width: 100%;padding-bottom:56.25%;}
@media only screen and (max-width:768px){

    /*768px*/
    #banner,
    #banner .figure{padding-bottom:100%;}
}

#wrapper {background-color: #fff; position: relative; z-index: 5;}
/*newspage*/
#newspage{padding:0.73rem 0 1.08rem;overflow:hidden;}

/*newslist*/
#newslist{margin-bottom:0.9rem;}

/*columnname*/
.columnname{font-size:1.3rem;line-height:1.125em;color:#000;margin-bottom:0.78rem;}

/*submenu*/
.submenu{margin-bottom:0.78rem;}
.submenu li{font-size:0.4rem;line-height:1.35em;}
.submenu li:not(:last-child){margin-right:1rem;padding-right:1.07rem;position:relative;}
.submenu li:not(:last-child):after{width:0.175em;height:0.175em;background-color:#0f0f0f;border-radius:50%;content:'';display:block;position:absolute;top:50%;transform:translateY(-50%);right:0;}
.submenu a{display:block;overflow:hidden;}
@media only screen and (max-width:768px){

    /*768px*/
    .columnname{width:100%;}

    /*768px*/
    .submenu{width:100%;}
    .submenu li:not(:last-child){padding-right:0.5rem;margin-right:0.5rem;}
}

/*contact*/
#contact{padding:1.15rem 0;overflow:hidden;}
#contact .info{margin-bottom:0.9rem;}
#contact .name{font-size:1rem;line-height:1.25em;color:#000;position:relative;padding-right:0.58em;}
#contact .name:after{width:0.2em;height:0.2em;border-radius:50%;background-color:#000;content:'';display:block;position:absolute;right:0;top:50%;transform:translateY(-50%);}
#contact .meta{width:63.63636364%;}
#contact .meta li{font-size:0.25rem;color:#1d1d1d;line-height:1.5em;letter-spacing:0.04em;text-align:center;}
#contact .meta p{padding:0.03rem 0;}
#contact .meta span{font-size:0.3rem;font-weight:bold;line-height:1.5em;display:block;}
#contact .message{margin-bottom:1.72rem;}
#contact .scan{width:36%;border:0.02rem solid #000;text-align:center;padding:0.33rem 0 0.88rem; border-radius: 0.1rem;}
#contact .scan img{width:66.38225256%;margin:0 auto 0.25rem;}
#contact .scan figcaption{font-size:0.4rem;line-height:1.35em;letter-spacing:0.05em;font-weight:bold;color:#000;}
#contact .form{width:40%;}
#contact .item{margin-bottom:0.7rem;}
#contact .title,#contact .label{font-size:0.25rem;line-height:1.35em;color:#1d1d1d;letter-spacing:0.04em;}
#contact .title{margin-bottom:0.55rem;}
#contact .label{margin-bottom:0.04rem;display:block;}
#contact .text{display:block;border:0.02rem solid #000;border-radius:0.1rem;width:100%;font-size:0.25rem;height:2.28em;line-height:1.4em;padding:0.4em 1em;}
#contact textarea.text {height: 4.56em;}
#contact .submit{background-color:#060606;color:#fff;font-size:0.29rem;width:6.03448276em;height:2.20689655em;border-radius:1.10344828em;display:block;margin:0 auto;}
#contact .map{margin-bottom:0.8rem;}
@media only screen and (max-width:768px){
    #contact .info{flex-direction:column;}
    #contact .name{margin-bottom:0.3rem;}
    #contact .meta{width:100%;}
    #contact .meta li{width:100%;margin-bottom:0.1rem;}
    #contact .form{width:100%;margin-bottom:0.75rem;}
    #contact .scan{width:100%;}
}

/*details*/
#details{overflow:hidden;}

/*related*/
.related{margin-bottom:1.85rem;}
.related .name{font-size:0.4rem;line-height:1.25em;color:#000;letter-spacing:0.05em;margin-bottom:0.55rem;}

/*npost*/
#npost{margin:0 auto 2.32rem;max-width:14.25rem;border-bottom:1px solid #0f0f0f;}
#npost .title{text-align:center;font-size:0.8rem;line-height:1.35em;letter-spacing:0.05em;color:#000;margin-bottom:0.15rem;}
#npost .meta{font-size:0.3rem;line-height:1.35em;letter-spacing:0.06666667em;margin-bottom:0.5rem;}
#npost .meta span{padding:0 3.50877193%;}
#npost .entry{margin-bottom:0.5rem;}

/*cpost*/
#cpost{padding:1.04rem 0 0.85rem;overflow:hidden;}
#cpost .info{margin-bottom:1.27rem;}
#cpost .meta{font-weight:bold;width:99.56818182%;color:#242424;font-size:0.4rem;letter-spacing:0.05em;line-height:1.35em;border-right:0.02rem solid rgba(0,0,0,0.6);padding-right:6.81818182%;}
#cpost .meta li{margin-bottom:0.65rem; display: -webkit-box; display: -moz-box;display: -webkit-flex;display: -moz-flex;display: -ms-flexbox;display: flex;-webkit-flex-flow: wrap;-moz-flex-flow: wrap;-ms-flex-flow: wrap;-o-flex-flow: wrap;flex-flow: wrap;}
#cpost .meta li:last-child{margin-bottom:0;}
#cpost .meta p:nth-of-type(1){width:5.5em;}
#cpost .meta p:nth-of-type(2){width:calc(100% - 5.5em);}
#cpost .entry{width:41.47727273%;color:#3e3e3e;font-size:0.35rem;letter-spacing:0.05714286em;line-height:1.57142857em;}
#cpost .entry *{line-height:1.57142857em;}
#cpost .gallery{overflow:hidden;}
#cpost .gallery ul{width:100%;}
#cpost .gallery li{padding-right:2.43902439%;padding-bottom:2.43902439%;width:100%;}
#cpost .gallery .small{width:50%;}
#cpost .gallery .figure:hover img{transform:scale(1.05);}
@media only screen and (max-width:768px){
    #cpost .meta{width:100%;margin-bottom:0.65rem;padding-right:0;border-right:none;border-bottom:0.02rem solid rgba(0,0,0,0.6);padding-bottom:0.65rem;}
    #cpost .meta .name{width:100%;margin-bottom:0.1rem;}
    #cpost .meta .text{width:100%;}
    #cpost .entry{width:100%;}
}

/*loading*/
.loading .page{position:fixed;left:0;top:0;width:100vw;height:100vh;color:#000;}
.loading .dot{width:0.05rem;height:0.05rem;background-color:#000;border-radius:50%;display:block;vertical-align:middle;margin:0 0.17rem 0 0.15rem;}
.loading .slogan span{/* width:8em; */}
.loading .slogan span:first-child{text-align:right;}
.loading .slogan .name{font-size:0.28rem;line-height:1.35em;letter-spacing:0.07142857em;transform:translateX(-51%);opacity:0;}
.loading .slogan .alias{font-size:0.24rem;line-height:1.35em;letter-spacing:0.08333333em;transform:translateX(50%);opacity:0;}
.loading .waiting{font-size:0.2rem;padding:19.79166667vh 0;}
.loading .waiting .logo{width:8.35rem;position:relative;margin-bottom:.2rem;transform:translateY(30%);opacity:0;}
.loading .waiting .logo:after{padding-bottom:20.67669173%;display:block;content:'';}
.loading .waiting .logo img{display:block;width:100%;height:100%;object-fit:contain;position:absolute;left:0;top:0;}
.loading .waiting .text{transform:translateY(40%);opacity:0;}
.loading .waiting .name{letter-spacing:.15rem;margin-right:-0.15rem; padding: 0 .2rem;}
.loading .waiting .alias{letter-spacing:0.1em;}
@media only screen and (max-width:768px){
    /*768px*/
    html{font-size:13.02083333vw;}
}


.pc_slider_bar{position: fixed; z-index: 999; right: calc(20/1920 * 100%); bottom: calc(470/980 * 100%);}
.pc_slider_bar .ul li{position: relative; padding-left: 10px; cursor: pointer;}
.pc_slider_bar .ul li:not(:nth-last-of-type(1)){margin-bottom: .06rem;}
.pc_slider_bar .ul li .img{ width: 48px; height: 48px;  border-radius: 50%; background-color: #d7d7d7; display: flex; align-items: center; justify-content: center;}
.pc_slider_bar .ul li .img img{max-width: calc(37/48 * 100%);}
.pc_slider_bar .ul li:hover .img_pop,.pc_slider_bar .ul li:hover .text_pop{display: block;}
.pc_slider_bar .ul li .img_pop,.pc_slider_bar .ul li .text_pop{position: absolute; right: 100%; display: none;}
.pc_slider_bar .ul li .img_pop{bottom: 0; width: 132px; height: 132px;}
.pc_slider_bar .ul li .text_pop{top: 50%; font-size: 18.75px; color: #000; transform: translateY(-50%); white-space: nowrap; padding: 0 .1rem; border-radius: 9999px; line-height: 47px; background-color: #d7d7d7;}

@media(max-width:1024px){
    .pc_slider_bar{display: none;}
}

.wp_slider_bar{position: fixed; width: 100%; padding: .08rem calc(124/900 * 100%); background-color: #524f4e; z-index: 999; bottom: 0; left: 0;}
.wp_slider_bar .ul{display: flex; justify-content: space-between;}
.wp_slider_bar .ul li{width: calc(1.32 * 1rem); height: calc(1.32 * 1rem); position: relative; display: flex; align-items: center; flex-direction: column; justify-content: center; border-radius: 50%; background-color: #fff;}
.wp_slider_bar .ul li .img{max-width: calc(68/132 * 100%);}
.wp_slider_bar .ul li span{color: #524f4e; font-size: calc(.24 * 1rem)}
.wp_slider_bar .ul li .pop{position: fixed; display: none; z-index: 9999; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(0,0,0,0.3);}
.wp_slider_bar .ul li .img_pop{ position: absolute; bottom: 2rem; left: 50%; transform: translateX(-50%); width: calc(560/900 * 100%); padding: calc(70/900 * 100%) calc(48/900 * 100%) calc(20/900 * 100%); background-color: #fff;}
.wp_slider_bar .ul li .img_pop p{margin: 0; color: #524f4e; font-size: calc(.61 * 1rem); text-align: center; line-height: normal;}
.wp_slider_bar .ul li .img_pop .close{margin-top: calc(65/464 * 100% );}
.wp_slider_bar .ul li .tel{position: absolute; width: 100%; height: 100%; border-radius: 50%; left: 0; top: 0;}

.wp_slider_bar .close{width: .6rem;height: .6rem;border-radius: 50%;border: 2px solid #524f4e;position: relative;z-index: 10;cursor: pointer;overflow: hidden;transition: .3s;margin: 0 auto;}
.wp_slider_bar .close::after,.wp_slider_bar .close::before {width: 60%;height: .05rem;border-radius: 9999px;background-color: #524f4e;top: 50%;left: 50%;content: "";position: absolute;}
.wp_slider_bar .close::before {transform: translate(-50%, -50%) rotate(45deg);}
.wp_slider_bar .close::after {transform: translate(-50%, -50%) rotate(-45deg);}

.wp_slider_bar .form_box{position: fixed; display: none; z-index: 9999; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(0,0,0,0.3);}
.wp_slider_bar form{width:calc(687/900 * 100%); max-height: 70vh; overflow-y: auto;  bottom: 2rem; position: absolute; padding: calc(85/900 * 100%) calc(100/900 * 100%) calc(56/900 * 100%);left: 50%; transform: translateX(-50%); background-color: #fff;}
.wp_slider_bar form h3{font-size: .84rem; color: #000000; line-height: normal; text-align: center;}
.wp_slider_bar form .intro{font-size: .29rem; color: #1d1d1d; text-align: center; font-weight: bold; margin-bottom: calc(85/500 * 100%);}
.wp_slider_bar form .close{position: absolute; right: .34rem; top: .24rem;}
.wp_slider_bar .item{margin-bottom: .2rem;}
.wp_slider_bar .title,.wp_slider_bar .label{font-size:0.25rem;line-height:1.35em;color:#1d1d1d;letter-spacing:0.04em;}
.wp_slider_bar .title{margin-bottom:0.55rem;}
.wp_slider_bar .label{margin-bottom:0.04rem;display:block;}
.wp_slider_bar .text{display:block;border:0.02rem solid #000;border-radius:0.1rem;width:100%;font-size:0.25rem;height:2.28em;line-height:1.4em;padding:0.4em 1em;}
.wp_slider_bar textarea.text {height: 4.56em;}
.wp_slider_bar .submit{background-color:#060606;color:#fff;font-size:0.29rem;width:6.03448276em;height:2.20689655em;border-radius:1.10344828em;display:block;margin:0 auto;}
.wp_slider_bar .map{margin-bottom:0.8rem;}




@media(min-width:1025px){
    .wp_slider_bar{display: none;}
}

@media(max-width:768px){
    .wp_slider_bar .ul li .pop{bottom: 1.5rem;}
    .wp_slider_bar form{bottom: 1.5rem;}
    .wp_slider_bar .ul li{width: 1rem; height: 1rem;}
    .wp_slider_bar .ul li .img_pop p{font-size: .32rem;}
    .wp_slider_bar .ul li .img_pop{width: 50%;}

    .wp_slider_bar form h3{font-size: .5rem;}
    .wp_slider_bar form .intro{margin-bottom: .2rem;}
}