@charset "utf-8";
/* CSS Document */


/*浏览器滚动条*/
::-webkit-scrollbar{width:0.05rem;height:5px;}
::-webkit-scrollbar-button:vertical,::-webkit-scrollbar-button:horizontal{display:none}
::-webkit-scrollbar-track:vertical,::-webkit-scrollbar-track:horizontal{background-color:black}
::-webkit-scrollbar-track-piece{background:#E3E3E3}
::-webkit-scrollbar-thumb:vertical,::-webkit-scrollbar-thumb:horizontal{ background-color:var(--color-blue);}
::-webkit-scrollbar-thumb:vertical:hover,::-webkit-scrollbar-thumb:horizontal:hover{background-color:#3B3B3B}
::-webkit-scrollbar-corner:vertical,::-webkit-scrollbar-corner:horizontal{background-color:#535353}


html{ font-size: 100px; scroll-behavior: auto;}
body { background:var(--color-white); font-size:0.16rem; font-family:"Microsoft Yahei"; color:#333; -webkit-tap-highlight-color:transparent; overflow-x:hidden; }
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"], textarea, button { font-size:0.16rem; font-family:"Microsoft Yahei"; -webkit-appearance: none; border-radius:0; }
h1, h2, h3, h4, h5, h6{ font-weight:normal;}
ul, li, ol, dl, dt {list-style:none;}
img { border:0; vertical-align:top; max-width:100% !important;}
a { text-decoration:none; color:#333; cursor:pointer;  transition:var(--transition);}
a:hover { text-decoration:none; color:var(--color-blue); }
table{ border-collapse:collapse; border:0;}
*{ margin:0; padding:0; border:0; font-size:100%; outline:none; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.clearfix:after { clear:both; content:' '; display:block; font-size:0; line-height:0; visibility:hidden; width:0; height:0; }
.clearfix { zoom: 1 }
.fl { float:left; }
.fr { float:right; }
.w{ width:85%; min-width: 1200px; margin:0 auto; }
.hide{ display:none;}


:root {
    --transition: cubic-bezier(0.215,.61,.355,1) .45s;
    --color-blue: #182848;
    --color-gray: #666;
    --color-yellow: #f9a048;
    --color-white: #fff;
}


/*阻止旋转屏幕时自动调整字体大小*/
textarea { resize: none; -webkit-appearance: listbox; -moz-appearance: listbox; }
/*取消按钮在iphone上的默认样式*/
input[type=button], input[type=number] { -webkit-appearance: none; outline: none; }
/*移除上下小箭头  chrome*/
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none !important; margin: 0;}
input[type=number], input[type=date], input[type=datetime], input[type=datetime-local] ,input[type=submit],input[type=button]{ -moz-appearance: textfield; -webkit-appearance: none !important; margin: 0; }
/*移除上下小箭头 Firefox*/
input::-webkit-input-placeholder { color:var(--color-gray); }
textarea::-webkit-input-placeholder { color:var(--color-gray); }
input::-webkit-input-speech-button { display: none; }


@font-face { font-family:'bahnschrift'; src:url('../fonts/bahnschrift.ttf'); }
@font-face {
  font-family: "iconfont";
  src: url('../fonts/iconfont.woff2') format('woff2'),
       url('../fonts/iconfont.woff') format('woff'),
       url('../fonts/iconfont.ttf') format('truetype');
}

.iconfont {
  font-family:"iconfont" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


/**index**/
.msyHead{ width: 100%; position:fixed; left: 0; top: 0; z-index: 99;}
.msyHead:before{content:''; background:rgba(0,0,0,.7); display:block; width:100%; height:350px; position:absolute; left:0; top:0; z-index:-1; opacity:0;pointer-events: none;}
.msyHead .w{ display: flex; align-items: center; justify-content: space-between;}
.msyHead-logo{ width: 1.27rem;}
.msyHead-nav{ display: flex; flex:2; justify-content: flex-end;}
.msyHead-nav li{ margin:0 3.2vw; position:relative;}
.msyHead-nav li a.far{position:relative; line-height: 1.1rem; display:inline-block;}
.msyHead-nav li a.far:after{ content:''; background:var(--color-blue); display:block; width:70%; height:1px; position:absolute; left:15%; bottom:0.3rem; transition:all 0.4s; transform:scaleX(0);}
.msyHead-nav li.on a.far,.msyHead-nav li:hover a.far{ color: var(--color-blue);}
.msyHead-nav li.on a.far:after,.msyHead-nav li:hover a.far:after{transform:scaleX(1);}
.msyHead-nav li dl{opacity:0;pointer-events: none; position:absolute; left:50%; transform:translateX(-50%); top:100%;}
.msyHead-nav li dd{line-height:40px; transform:translateY(100%); opacity:0; text-align: center;}
.msyHead-nav li dd a{ color:#b5b5b5;  white-space: nowrap; font-size: 0.15rem; position: relative;}
.msyHead-nav li dd a:after{ content:''; background:var(--color-yellow); display:block; width:90%; height:1px; position:absolute; left:5%; bottom:-0.1rem; transition:var(--transition); transform:scaleX(0);}
.msyHead-nav li dd a:hover:after{transform:scaleX(1);}

.msyHead-tel{ text-align: right; padding-left: 3.1vw;}
.msyHead-tel .num{ font-family:'bahnschrift'; color: var(--color-blue); font-size: 0.26rem; display: flex; align-items: center; line-height: 1;}
.msyHead-tel .num .iconfont{ font-size: 0.2rem; margin-right:0.08rem;}
.msyHead-tel .tit{ font-size: 0.12rem; color: var(--color-yellow);}


.msyHead.headerToggle:before{opacity:1;pointer-events: inherit; transition:var(--transition); transition-duration:1s;}
.msyHead.headerToggle .msyHead-nav li a.far{ color: var(--color-white);}
.msyHead.headerToggle .msyHead-nav li a.far:after{ background: var(--color-yellow);}
.msyHead.headerToggle .msyHead-nav li dl{opacity:1;pointer-events:inherit;}
.msyHead.headerToggle .msyHead-nav li dl dd{ opacity:1; transform:translateY(0); transition:var(--transition); transition-duration:1s;}
.msyHead.headerToggle .msyHead-nav li dl dd:nth-child(2){transition-delay:.1s;}
.msyHead.headerToggle .msyHead-nav li dl dd:nth-child(3){transition-delay:.2s;}
.msyHead.headerToggle .msyHead-nav li dl dd:nth-child(4){transition-delay:.3s;}
.msyHead.headerToggle .msyHead-nav li dl dd:nth-child(5){transition-delay:.4s;}
.msyHead.headerToggle .msyHead-nav li dl dd:nth-child(6){transition-delay:.5s;}
.msyHead.headerToggle .msyHead-nav li dl dd:nth-child(7){transition-delay:.6s;}
.msyHead.headerToggle .msyHead-tel .num{ color: var(--color-white);}


.msyHead.topFix{ background:var(--color-white); height:0.9rem; box-shadow:0 0 0.2rem rgba(0,0,0,.1); transition-duration:.45s!important;}
.msyHead.topFix:before{ background:var(--color-white);}
.msyHead.topFix .msyHead-logo{ width: 0.95rem;}
.msyHead.topFix .msyHead-nav li a.far{ color:#333; line-height: 0.9rem;}
.msyHead.topFix .msyHead-nav li a.far:after{ background: var(--color-blue); bottom: 0.25rem;}
.msyHead.topFix .msyHead-nav li dd a{ color: #333;}
.msyHead.topFix .msyHead-nav li dd a:after{ background: var(--color-blue); }
.msyHead.topFix .msyHead-nav li.on a.far,.msyHead.topFix .msyHead-nav li:hover a.far{ color: var(--color-blue);}
.msyHead.topFix .msyHead-tel .num{ color: var(--color-blue);}



.msyBanner{ width: 100%; height: 100vh; position: relative; overflow: hidden;}
.msyBanner li{ position: relative;}
.msyBanner li .l-imgs{ background-position:center; background-repeat:no-repeat; background-size:cover; height: 100%; transition:var(--transition);}
.msyBanner li .text{ width:100%; position:absolute; left:0; top:27%; z-index:2; text-align: center; color: var(--color-white);}
.msyBanner li .text .t{ font-size:0.48rem; line-height: 1; position: relative; padding-bottom: 0.35rem; transform:translateY(100%); opacity:1; transition:var(--transition);}
.msyBanner li .text .t:before{ content: ''; background:rgba(255,255,255,.5); width: 1.5rem; height: 1px; position: absolute; left: 50%; bottom: 0; transform: translateY(-50%);}
.msyBanner li .text .c{ font-size: 0.24rem; line-height: 1; margin-top: 0.35rem; transform:translateY(100%); opacity:1; transition:var(--transition);}
.msyBanner li.swiper-slide-active .text .t,.msyBanner li.swiper-slide-duplicate-active .text .t{transform:translateY(0); opacity:1;}
.msyBanner li.swiper-slide-active .text .c,.msyBanner li.swiper-slide-duplicate-active .text .c{transform:translateY(0); opacity:1;}
.msyBanner .swiper-button-next, .msyBanner .swiper-button-prev{ background: var(--color-white); width: 0.42rem; height: 0.42rem; display: flex; align-items: center; justify-content: center; top: auto; margin-top: auto; bottom: 0.6rem; font-size:0.2rem; font-weight: bold; transition:var(--transition);}
.msyBanner .swiper-button-prev{ left: 7.5%;}
.msyBanner .swiper-button-prev:hover{ background: var(--color-yellow); color: var(--color-white);}
.msyBanner .swiper-button-next{ left: calc(7.5% + 0.53rem); right: auto;}
.msyBanner .swiper-button-next:hover{ background: var(--color-yellow); color: var(--color-white);}


.msyBusiness{ background-image: url(../images/msyBusiness-bg.jpg); background-size: cover; background-position: center; padding: 1.05rem 0 2.65rem 0;}
.msyBusiness .w{ position: relative;}
.msyBusiness-head{ background: #33363d; width: 33.33%; height: 3.7rem; position: absolute; left: 0; bottom: 0;}
.msyBusiness-head .h-logo{ width: 0.73rem; position:  absolute; right: 0.54rem; top: 0.46rem;}
.msyBusiness-head .h-title{ line-height: 1; position: absolute; left: 0.55rem; bottom: 0.4rem;}
.msyBusiness-head .h-title .en{ font-size: 0.24rem; color: rgba(255,255,255,.5); text-transform: uppercase;}
.msyBusiness-head .h-title .cn{ color:var(--color-white); font-size: 0.3rem;  margin-top: 0.15rem;}
.msyBusiness-head .h-title .cn em{ font-size: 0.22rem; font-style: normal; display: inline-block; vertical-align: top; margin-left: 0.08rem;}

.msyBusiness-list a{ width: 50%; height: 5.6rem; overflow: hidden; position: relative; float: left;}
.msyBusiness-list a .thumb{ background-size: cover; background-position: center; width: 100%; height: 100%; transition: var(--transition)}
.msyBusiness-list a .cover{ position: absolute; left: 0.3rem; bottom: 0.3rem; z-index: 2; font-size: 0.2rem; color: var(--color-white);}
.msyBusiness-list a .cate{ text-align: right; position: absolute; right: 0.6rem; bottom: 0.4rem; z-index: 2;}
.msyBusiness-list a .cate dd{ display: block; color:rgba(255,255,255,.8); margin-top: 0.12rem;}
.msyBusiness-list a:nth-child(3){ width: 33.33%; height: 3.7rem; float: right;}
.msyBusiness-list a:nth-child(4){ width: 33.33%; height: 3.7rem; float: right;}
.msyBusiness-list a:hover .thumb{ transform: scale(1.05);}



.msyCase{ padding: 0.9rem 0 1.2rem 0; position: relative; margin-top:-1.7rem; z-index: 10;}
.msyCase:before{ content: ''; background: #33363d; width: 92%; height: 2rem; position: absolute; left: 4%; top: 0;}
.msyCase:after{ content: ''; background: #33363d; width: 100%; height: calc(100% - 1.7rem); position: absolute; left:0; top: 1.7rem;}
.msyCase-head{ display: flex; justify-content: space-between; align-items: center; position: relative; z-index: 2;}
.msyCase-head .title{ line-height: 1; position: relative;}
.msyCase-head .title img{ position: absolute; top: -0.3rem; left: -0.23rem;}
.msyCase-head .title .en{ font-size: 0.24rem; color: rgba(255,255,255,.5); text-transform: uppercase;}
.msyCase-head .title .cn{ color:var(--color-white); font-size: 0.3rem;  margin-top: 0.15rem;}
.msyCase-head .title .cn em{ font-size: 0.22rem; font-style: normal; display: inline-block; vertical-align: top; margin-left: 0.08rem;}
.msyCase-head .more{ line-height: 0.44rem; color: var(--color-white); display: flex; align-items: center; padding: 0 0.3rem; border: 1px var(--color-white) solid;}
.msyCase-head .more .iconfont{ font-size: 0.18rem; margin-left: 0.08rem; transition: var(--transition);}
.msyCase-head .more:hover{ background: #faa048;}
.msyCase-head .more:hover .iconfont{ margin-left: 0.15rem;}
.msyCase-list{ display: flex; flex-wrap: wrap; margin-top: 0.7rem; margin-left: -0.6rem; position: relative; z-index: 10;}
.msyCase-list li{ width: calc(33.33% - 0.6rem); margin-left: 0.6rem;}
.msyCase-list li .thumb{ height: 3.2rem; overflow: hidden;}
.msyCase-list li .thumb span{ background-size: cover; background-position: center; width: 100%; height: 100%; display:inline-block; transition: var(--transition);}
.msyCase-list li .title{ font-size: 0.2rem; line-height: 1; margin-top: 0.25rem; color: var(--color-white); transition: var(--transition);}
.msyCase-list li:hover .thumb span{  transform: scale(1.05);}
.msyCase-list li:hover .title{ transform: translateX(10px);}



.msyFooter{ background-image: url(../images/msyFooter-bg.jpg); background-position: center; background-size: cover; color: var(--color-white); text-transform: uppercase;}
.msyFooter-top .w{ display: flex; position: relative; justify-content: space-between; padding: 0.9rem 0 0.45rem 0;}
.msyFooter-topMenu{ width: 50%; display:flex; }
.msyFooter-topMenu:before{ content: ''; background: rgba(255,255,255,.3); width: 1px; height: 100%; position: absolute; left: 50%; top: 0;}
.msyFooter-topMenu dl{ flex:1;}
.msyFooter-topMenu dl dd{ padding-top: 0.1rem;}
.msyFooter-topMenu dl dd a{ font-size: 0.14rem; display: block; color:#cfd7e5; margin-top: 0.2rem;}
.msyFooter-topMenu dl dd a:hover{ color: var(--color-white); text-decoration: underline;}

.msyFooter-topLayout{ width: 42%;  position: relative;}
.msyFooter-topLayout .la-logo{ width: 1.27rem;}
.msyFooter-topLayout .la-contact{ display: flex; flex-wrap: wrap;}
.msyFooter-topLayout .la-contact li{ margin-top: 0.3rem; font-size: 0.14rem;}
.msyFooter-topLayout .la-contact li p:last-child{ color: #cfd7e5; font-size: 0.16rem; margin-top: 0.1rem;}
.msyFooter-topLayout .la-contact li:nth-child(1){ width: 35%;}
.msyFooter-topLayout .la-contact li:nth-child(3){ width: 100%;}
.msyFooter-topLayout .la-contact li:nth-child(4){ width: 100%; }
.msyFooter-topLayout .la-contact li .li-code{ position: relative; margin-right: 0.18rem; margin-top: 0.2rem; display: inline-block;}
.msyFooter-topLayout .la-contact li .li-code .iconfont{ width: 0.4rem; height: 0.4rem; font-size: 0.21rem; color: var(--color-white); display: flex; align-items: center; justify-content: center; border: 1px var(--color-white) solid; border-radius: 50%;}
.msyFooter-topLayout .la-contact li .li-code .ewm{position:absolute; left:50%; bottom:100%; width:1.2rem; margin-left:-0.6rem; padding-bottom:0.2rem; pointer-events: none;}
.msyFooter-topLayout .la-contact li .li-code .ewm img{transform:translateY(0.2rem); opacity:0;transition:var(--transition);}
.msyFooter-topLayout .la-contact li .li-code .ewm:before{content:''; display:block; width:1px; height:0.2rem; border-left:1px dashed #707070; position:absolute; left:50%; bottom:0; transition:var(--transition); transform-origin:center bottom; transform:scaleY(0);}
.msyFooter-topLayout .la-contact li .li-code:hover .ewm{pointer-events: inherit;}
.msyFooter-topLayout .la-contact li .li-code:hover .ewm:before{transform:scaleY(1);}
.msyFooter-topLayout .la-contact li .li-code:hover .ewm img{transform:translateY(0); opacity:1;}
.msyFooter-topLayout .la-returnTop{ position: absolute; right:0; top: 0; font-size: 0.14rem; color: #cfd7e5; text-align: center;}
.msyFooter-topLayout .la-returnTop .iconfont{ font-size: 0.34rem; color: #faa048; margin-bottom: 0.1rem; display: inline-block;}

.msyFooter-btm{ border-top:1px rgba(255,255,255,.3) solid; padding: 0.25rem 0; font-size: 0.14rem; }
.msyFooter-btm .w{display: flex; justify-content: space-between; }
.msyFooter-btm a{ color: var(--color-white);}



/**资讯中心**/
.pnews-full{ padding: 0.46rem 0 0.95rem 0;}
.pnews-full a{ display: flex; align-items: center;}
.pnews-full .thumb{ width: 68.5%; max-height: 5.2rem; overflow: hidden;}
.pnews-full .thumb img{ width: 100%; transition:var(--transition);}
.pnews-full .word{ width: 31.5%; padding-left: 0.48rem;}
.pnews-full .word .t{ font-size: 0.24rem; line-height: 0.36rem; max-height: 0.72rem; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.pnews-full .word .c{ line-height: 0.3rem; color: #999; margin-top: 0.3rem; max-height: 1.2rem; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
.pnews-full a:hover .thumb img{ transform: scale(1.05);}


.pnews-container{ background: #f8f8f8; padding: 0.65rem 0 1rem 0;}
.pnews-menu{ display: flex; align-items: center;}
.pnews-menu a{ line-height: 0.58rem; display: flex; align-items: center; border-radius: 0.3rem; padding: 0 0.45rem; margin-right: 0.35rem; border: 1px #bfbfbf solid;}
.pnews-menu a .iconfont{ font-weight: bold; font-size: 0.16rem; margin-left: 0.2rem;}
.pnews-menu a.active{  border-color: var(--color-blue);}
.pnews-menu a:hover{ background: var(--color-blue); color: var(--color-white); border-color: var(--color-blue);}

.pnews-list{ display: flex; flex-wrap: wrap; margin-left: -0.12rem; position: relative; padding-top: 0.6rem;}
.pnews-list li{ width: calc(25% - 0.12rem); height: 4.14rem; margin: 0.1rem 0 0 0.12rem; position: relative; overflow: hidden;}
.pnews-list li .thumb{ background-repeat: no-repeat; background-position: center; background-size: cover; width: 100%; height: 100%; display: inline-block; transition: var(--transition);}
.pnews-list li .word{ background-image: linear-gradient(to top, rgba(0, 0, 0, .6),  rgba(0, 0, 0, 0)); width: 100%; color: var(--color-white); padding: 0.2rem; position: absolute; left: 0; bottom: 0; z-index: 2;}
.pnews-list li .word .t{ font-size: 0.18rem; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; }
.pnews-list li .word .d{ display: inline-block; font-size: 0.14rem; margin-top: 0.12rem;}
.pnews-list li:hover .thumb{ transform: scale(1.05);}


.pnews-details { background: #f8f8f8; padding:0.4rem 0 1rem 0; }
.pnews-details .w{ background: var(--color-white); padding: 0.6rem 0.6rem 0.85rem 0.6rem;}
.pnews-details-head{ text-align: center;}
.pnews-details-head .title { font-size:0.26rem; padding-bottom: 0.15rem; border-bottom: 1px #f0f0f0 solid; }
.pnews-details-head .info { color: #999; margin-top: 0.15rem;}
.pnews-details-head .info span { margin:0 0.09rem; }
.pnews-details-desc { margin-top:0.4rem; line-height:0.3rem; color: var(--color-gray); }
.pnews-details-page { position: relative; padding:0.25rem 0; margin-top: 0.6rem; display: flex; justify-content: space-between; border-bottom: 1px #e5e5e5 solid; border-top:1px #e5e5e5 solid; }
.pnews-details-page:before{ content: ''; background: #eee; width: 1px; height: calc(100% - 0.5rem); position: absolute; left: 50%; top: 0.25rem;}
.pnews-details-page a { max-width: 50%; padding: 0.15rem 0; font-size: 0.14rem; color: var(--color-gray); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pnews-details-page a p:first-child{ color: var(--color-blue); margin-bottom: 0.2rem;}
.pnews-details-page a .iconfont{ color: var(--color-blue); font-weight: bold; margin-right: 0.1rem; font-size: 0.12rem; transition: var(--transition);}
.pnews-details-page a:hover { color:#84604a;}
.pnews-details-page a:hover .iconfont{ margin-right: 0.2rem; }
.pnews-details-page a:last-child{ text-align: right;}
.pnews-details-page a:last-child .iconfont{ margin-left: 0.1rem; margin-right: 0;}
.pnews-details-page a:last-child:hover .iconfont{ margin-left: 0.2rem;}


.pmain-page { padding-top:0.9rem; text-align: center;}
.pmain-page a { margin: 0 0.25rem;  color: #999; display: inline-block;}
.pmain-page .nowpage { margin: 0 0.25rem;  color: var(--color-blue); display: inline-block;}
.pmain-page a:hover { color: var(--color-blue); }
.pmain-page a:first-child{ background: url(../images/page-prev.png) no-repeat left center; background-size: 0.15rem auto; padding-left: 0.3rem; color: var(--color-gray); float:left; margin-left: 0;}
.pmain-page a:last-child{ background: url(../images/page-next.png) no-repeat right center; background-size: 0.15rem auto; padding-right: 0.3rem; color:var(--color-gray); float:right; margin-right: 0;}


/**联系我们**/
.pbanner{ width: 100%; height: 7.58rem; position: relative;}
.pbanner-thumb{ background-repeat: no-repeat; background-size: cover; background-position: center; width: 100%; height: 100%;}
.pbanner-word{ max-width: 42%; position: absolute; left: 7.5%; top: 33%; z-index: 2;}
.pbanner-word .wen{ font-size: 0.48rem; line-height: 0.6rem; text-transform: uppercase;}
.pbanner-word .wcn{ font-size: 0.36rem; line-height: 1; margin-top: 0.3rem;}

.pbanner-title{ position: absolute; right: 7.5%; bottom: 0.7rem; z-index: 2;}
.pbanner-title .ten{ font-size: 0.42rem; text-transform: capitalize; line-height: 1;}
.pbanner-title .tcn{ font-size: 0.3rem; line-height: 1; position: relative; margin-top: 0.2rem; padding-left: 0.34rem;}
.pbanner-title .tcn:before{ content: ''; background: #313131; width: 0.1rem; height: 0.1rem; position: absolute; left: 0; top: 50%; transform: translateY(-50%); border-radius: 50%;}

.pbanner-menu{ position: absolute; left: 7.5%; z-index: 2; bottom: 0.7rem; display: flex; align-items: center;}
.pbanner-menu a{  min-width:2.05rem; line-height: 0.58rem; display: flex; align-items: center; justify-content: center; border-radius: 0.3rem; margin-right: 0.35rem; border: 1px #bfbfbf solid;}
.pbanner-menu a .iconfont{ font-weight: bold; font-size: 0.16rem; margin-left: 0.2rem;}
.pbanner-menu a.active{  border-color: var(--color-blue);}
.pbanner-menu a:hover{ background: var(--color-blue); color: var(--color-white); border-color: var(--color-blue);}


.pcontact-cont{ padding: 1.1rem 0 0.7rem 0;}
.pcontact-head .t{ font-size: 0.3rem; line-height: 1; position: relative; padding-bottom: 0.2rem;}
.pcontact-head .t:before{ content: ''; background: var(--color-blue); width: 0.4rem; height: 2px; position: absolute; left: 0; bottom: 0;}
.pcontact-head .c{ font-size: 0.14rem; color: #808080; margin-top: 0.25rem;}

.pcontact-layout{ display: flex; align-items: center; justify-content: space-between; margin-top: 0.7rem;}
.pcontact-layout li{ display: flex; align-items: center;}
.pcontact-layout li .icon{ font-size: 0.49rem; color: var(--color-gray);}
.pcontact-layout li .word{ padding-left: 0.2rem;}
.pcontact-layout li .word .n{ font-family:'bahnschrift'; font-size: 0.28rem; margin-top: 0.05rem;}
.pcontact-layout li:last-child{ max-width: 50%;}
.pcontact-layout li .text{ display: flex; flex-wrap: wrap; justify-content: space-between; color: var(--color-gray); font-weight: bold; line-height: 0.48rem;}
.pcontact-layout li .text label{ color: #333;}

.pcontact-map{ height: 5.3rem; overflow: hidden;}
.pmessage{ position: relative;}
.pmessage .w{ display: flex; justify-content: space-between; align-items: center; }
.pmessage-thumb{ background-image: url(../images/pmessage-bg.jpg); background-position: center; background-size: cover; width: 40%; height: 100%; position: absolute; left: 0; top: 0;}

.pmessage-head{ width: 28%; color: var(--color-white); position: relative; z-index: 2;}
.pmessage-head .t{ font-size: 0.3rem; position: relative; padding-bottom: 0.2rem;}
.pmessage-head .t:before{ content: ''; background: var(--color-white); width: 0.4rem; height: 2px; position: absolute; left: 0; bottom: 0;}
.pmessage-head .c{ font-size: 0.14rem; line-height: 0.3rem; margin-top: 0.15rem;}

.pmessage-filed { width: 57%; padding: 0.7rem 0 0.8rem 0;}
.pmessage-filed li{ display:flex; justify-content:space-between; margin-top:0.34rem;}
.pmessage-filed li .aside{  width:48%; position:relative; transition:var(--transition); display:flex; padding:0 0.2rem; border:1px #f0f0f0 solid;}
.pmessage-filed li .iconfont{ width:0.5rem; font-size:0.24rem; color:#b2b2b2; line-height:0.54rem; }
.pmessage-filed li .inpt{ background:none; flex:1; color:var(--color-gray); font-size:0.14rem; height:0.54rem; line-height:0.24rem; padding: 0.15rem 0;}
.pmessage-filed li .inpt.area{ height:2rem; line-height:0.24rem; padding:0.15rem 0; resize:none;}

.pmessage-filed li .button{ width: 100%; display: flex; align-items: center; justify-content: center; padding-top:0.3rem; text-align: center;}
.pmessage-filed li .yzm-inpt{ width:1.8rem; height:0.56rem; line-height:0.24rem; padding: 0.15rem 0; text-align: center; border:1px #f0f0f0 solid;}
.pmessage-filed li .yzm-img{ height:0.56rem; margin:0 0.2rem;}
.pmessage-filed li .yzm-btn{ background:var(--color-blue); width:2.6rem; line-height:0.56rem; color:var(--color-white); font-size:0.14rem; cursor:pointer; transition: var(--transition); }
.pmessage-filed li .yzm-btn:hover{ background: var(--color-yellow);}


/**项目案例**/
.pcase-main{ padding: 0.4rem 0 1rem 0;}
.pcase-list{ display: grid; grid-template: repeat(5, 1fr)/repeat(4, 1fr); gap: 0.12rem;}
.pcase-list li{ overflow: hidden; height: 3.7rem; position: relative;}
.pcase-list li a{ display: block; width: 100%; height: 100%;}
.pcase-list li .thumb{ background-repeat: no-repeat; background-position: center; background-size: cover; width: 100%; height: 100%; display: inline-block; transition:var(--transition);}
.pcase-list li .title{ background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); width: 100%; font-size: 0.16rem; color: var(--color-white); padding: 0.2rem; position: absolute; left: 0; bottom: 0; z-index: 2;}
.pcase-list li:hover .thumb{ transform: scale(1.05);}
.pcase-list li:nth-child(6),.pcase-list li:nth-child(10){ height: 7.52rem; }
.pcase-list li:nth-child(1){ grid-area: 1/1/1/1;}
.pcase-list li:nth-child(2){ grid-area: 1/2/1/4;}
.pcase-list li:nth-child(3){ grid-area: 1/4/1/4;}
.pcase-list li:nth-child(4){ grid-area: 2/1/2/3;}
.pcase-list li:nth-child(5){ grid-area: 2/3/2/3;}
.pcase-list li:nth-child(6){ grid-area: 2/4/4/4;}
.pcase-list li:nth-child(7){ grid-area: 3/1/3/1;}
.pcase-list li:nth-child(8){ grid-area: 3/2/3/2;}
.pcase-list li:nth-child(9){ grid-area: 3/3/3/3;}
.pcase-list li:nth-child(10){ grid-area: 4/1/6/1;}
.pcase-list li:nth-child(11){ grid-area: 4/2/4/2;}
.pcase-list li:nth-child(12){ grid-area: 4/3/4/5;}
.pcase-list li:nth-child(13){ grid-area: 5/2/5/2;}
.pcase-list li:nth-child(14){ grid-area: 5/3/5/3;}
.pcase-list li:nth-child(15){ grid-area: 5/4/5/4;}


.pcase-details-marsk{ background: rgba(0,0,0,.7); width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 998; display: none;}
.pcase-details-window{ background: var(--color-white); width:12rem; height:7.5rem; position: fixed; left:50%; top:50%; transform:translate(-50%,-50%); z-index: 999; display: none;}
.pcase-details-window .win-close{ background: var(--color-yellow); color: var(--color-white); width: 0.4rem; height: 0.4rem; display: flex; align-items: center; justify-content: center; font-size: 0.18rem; position: absolute; right:-0.2rem; top: -0.2rem; z-index: 2; border-radius: 50%;}
.pcase-details-window .win-thumb{ width: 100%; height: 100%; overflow:hidden; position: relative;}
.pcase-details-window .win-thumb li{ position: relative;}
.pcase-details-window .win-thumb li img{ width: 100%; height: 100%; object-fit: cover;}

.pcase-details-window .win-thumb dd{ position: relative;}
.pcase-details-window .win-thumb dd img{ width: 100%; height: 100%; object-fit: cover;}

.pcase-details-window .win-thumb .swiper-button-next, .pcase-details-window .win-thumb .swiper-button-prev{ background: var(--color-yellow); width: 0.58rem; height: 0.58rem; color:var(--color-white); top: 40%; display: flex; align-items: center; justify-content: center; transition: var(--transition);}
.pcase-details-window .win-thumb .swiper-button-next{ right: 0;}
.pcase-details-window .win-thumb .swiper-button-prev{ left: 0;}
.pcase-details-window .win-desc{ background: rgba(0,0,0,.7); width: 100%; position: absolute; left: 0; bottom: 0; z-index: 2; color:var(--color-white); padding: 0.15rem 0.2rem; line-height: 0.3rem; transition: all 0.4s; opacity: 0;}
.pcase-details-window .win-desc .dt{ font-size: 0.18rem; font-weight: bold;}
.pcase-details-window .win-desc .dc{ max-height: 1.2rem; overflow-y: auto; margin-top: 0.1rem;}
.pcase-details-window:hover .win-desc{ opacity: 1;}


/**业务范围**/
.pbusiness-main{ padding: 1rem 0 1.4rem 0;}
.pbusiness-main .w{ display: flex; justify-content: space-between; position: relative;}
.pbusiness-layout{ width: 42.5%;}
.pbusiness-layout .lay-head .cn{ font-size: 0.3rem; font-weight: bold;}
.pbusiness-layout .lay-head .en{ font-size: 0.14rem; color: var(--color-blue); line-height: 0.24rem; margin-top: 0.1rem;}
.pbusiness-layout .lay-title{ font-size: 0.2rem; color: var(--color-blue); margin-top: 0.5rem;}
.pbusiness-layout .lay-desc{ line-height: 0.36rem; color: var(--color-gray); margin-top: 0.4rem;}
.pbusiness-layout .lay-more{ color: var(--color-blue); display: inline-block; padding-bottom: 0.1rem; margin-top: 0.45rem; border-bottom: 1px var(--color-blue) solid;}


.pbusiness-thumb{ width: 50%; overflow: hidden;}
.pbusiness-thumb li{ height: 5rem; padding-right: 0.45rem; position: relative; overflow: hidden; margin-top: 1rem; transition: var(--transition);}
.pbusiness-thumb li .thumb{ background-size: cover; background-position: center; width: 100%; height: 100%; transition: var(--transition);}
.pbusiness-thumb li .title{ width: 100%; font-size: 0.18rem; color: var(--color-white); position: absolute; left: 0; bottom:-100%; z-index: 2; padding: 0 0.4rem; transition: var(--transition);}
.pbusiness-thumb li:hover .thumb{ transform: scale(1.05);}
.pbusiness-thumb li:hover .title{ bottom:0.3rem;}
.pbusiness-thumb li.swiper-slide-active{ height: 6rem; margin-top: 0;}
.pbusiness-thumb .swiper-button-next, .pbusiness-thumb .swiper-button-prev{ width: 0.58rem; height: 0.58rem; color: #b9bec8; top: auto; bottom: 0; margin-top: auto; display: flex; align-items: center; justify-content: center; border: 1px #b9bec8 solid; transition: var(--transition);}
.pbusiness-thumb .swiper-button-next{ right: auto; left: 0.85rem;}
.pbusiness-thumb .swiper-button-next:hover{ color: var(--color-yellow); border: 1px var(--color-yellow) solid;}
.pbusiness-thumb .swiper-button-prev{ left: 0;}
.pbusiness-thumb .swiper-button-prev:hover{ color: var(--color-yellow); border: 1px var(--color-yellow) solid;}



/**关于我们**/
.pabout-head .msyHead{ position: relative; }
.pabout-head .msyHead.topFix{ position: fixed;}


.pabout-banner{ background-position: center; background-size: cover; padding: 1.35rem 0 1.5rem 0;}
.pabout-banner .ba-layout{ background: var(--color-white); width: 65%; padding: 1rem 9% 1rem 7%;}
.pabout-banner .ba-layout .en{ font-size: 0.3rem; font-weight: bold; color: var(--color-blue); line-height: 0.36rem;}
.pabout-banner .ba-layout .cn{ font-size: 0.22rem; color: var(--color-blue); margin-top: 0.15rem;}
.pabout-banner .ba-layout .tc{ font-size: 0.14rem; color: var(--color-gray); line-height: 0.3rem; margin-top: 0.2rem;}

.pabout-culture {  padding: 0.95rem 0 2.9rem 7.5%; position: relative; }
.pabout-culture:before { content: ''; background: #f7f7f7; width: 74.5%; height: 100%; position: absolute; left: 0; top: 0; z-index: -1; }
.pabout-culture-head{ position: absolute; left: 7.5%; top: 1.45rem;}
.pabout-culture-head .en{ font-size: 0.18rem; color: #999;}
.pabout-culture-head .cn{ font-size: 0.4rem; font-weight: bold; line-height: 1; margin-top: 0.15rem;}

.pabout-culture-swith li{ display: none; align-items: center; justify-content: space-between;}
.pabout-culture-swith li:first-child{ display: flex;}
.pabout-culture-swith li .word{ width: 28%; padding-top: 0.4rem; animation-name:fadeInLeft; animation-duration:1s; }
.pabout-culture-swith li .word .t{ font-size: 0.3rem;}
.pabout-culture-swith li .word .c{ line-height: 0.28rem; color: var(--color-gray); margin-top: 0.35rem;}
.pabout-culture-swith li .figure{ width: 60%; animation-name:fadeInRight; animation-duration:1.2s;}
.pabout-culture-swith li .figure img{ width: 100%;}

.pabout-culture-concept { background: #33363d; width: 65%; display: flex; position: absolute; right: 0; bottom: 0.9rem; z-index: 2; padding-right: 7.5%;}
.pabout-culture-concept li { background: #565b66; flex:1; text-align: center; padding: 0.45rem 0 0.5rem 0; color: var(--color-white); position: relative; line-height: 1; overflow: hidden; transition: var(--transition); cursor: pointer;}
.pabout-culture-concept li:before{ content:''; background: #33363d; width: 100%; height: 0; position: absolute; left: 0; top: 0; transition: var(--transition);}
.pabout-culture-concept li .i { font-size: 0.6rem; display: inline-block; vertical-align: top; position: relative; z-index: 1;}
.pabout-culture-concept li .t { font-size: 0.2rem; color: var(--color-white); margin-top: 0.25rem; position: relative; z-index: 1;}
.pabout-culture-concept li:hover:before, .pabout-culture-concept li.active:before { height: 100%; }


.pabout-founder{ background: #33363d; padding: 0.95rem 0 1.55rem 0; color: var(--color-white);}
.pabout-founder .w{ display: flex; justify-content: space-between;}
.pabout-founder .fo-left{ width: 23%; padding-top: 1rem;}
.pabout-founder .fo-left .en{ font-size: 0.14rem; text-transform:uppercase;}
.pabout-founder .fo-left .cn{ font-size: 0.24rem; font-weight: bold; line-height: 1; margin-top: 0.2rem;}
.pabout-founder .fo-left .de{ width: 47%; line-height: 0.24rem; margin-top: 0.7rem;}
.pabout-founder .fo-middle{ width: 25.5%;}
.pabout-founder .fo-right{ width: 47%; padding-top: 0.25rem;}
.pabout-founder .fo-right .te{ font-size: 1.36rem; line-height: 1; opacity: .02; padding-left: 0.95rem;}
.pabout-founder .fo-right .de{ line-height: 0.3rem; margin-top: 0.5rem; padding-left: 0.95rem;}
.pabout-founder .fo-right .fe{ font-size: 1rem; line-height: 1; text-transform: uppercase; opacity: .02; margin-top: 0.75rem;}

.pabout-partners{ background: #f7f7f7 url(../images/pabout-partners.jpg) no-repeat bottom; background-size: 100% auto; padding: 1.1rem 0;}
.pabout-partners .w{ display: flex; justify-content: space-between; flex-direction: row-reverse;}
.pabout-partners-head{ width: 33%; text-align: right;}
.pabout-partners-head .en{ font-size: 0.18rem; color: #999;}
.pabout-partners-head .cn{ font-size: 0.4rem; font-weight: bold; line-height: 1; margin-top: 0.2rem;}
.pabout-partners-head .so{ margin-top: 0.7rem; position: relative; font-size: 0.14rem; color: #808080; padding-top: 0.25rem;}
.pabout-partners-head .so:before{ content: ''; background: var(--color-blue); width: 0.4rem; height: 2px; position: absolute; right: 0; top: 0;}

.pabout-partners-list{ width: 67%; display: flex; flex-wrap: wrap;}
.pabout-partners-list li{ background: var(--color-white); width: calc(25% - 0.2rem); height: 1.18rem; margin: 0 0.2rem 0.2rem 0;}
.pabout-partners-list li a{ width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}
.pabout-partners-list li a img{ max-height: 100%;}
.pabout-partners-list li a:hover{ filter: grayscale(0);}


/**产品展示**/
.pproduct-filtare{ display: flex; flex-wrap: wrap;}
.pproduct-filtare a{ font-size: 0.18rem; margin-right: 0.3rem; letter-spacing: 1px; padding-bottom: 0.08rem; position: relative;}
.pproduct-filtare a:after { content: ""; background-color:var(--color-blue); width: 0; height: 2px; transition:var(--transition); display: block; position: absolute; left: 0; right: 0; bottom: 0; margin: auto; }
.pproduct-filtare a.on:after, .pproduct-filtare a:hover:after { width: 100%;}


.pproduct-list { position:relative; margin-left: -0.04rem; display: flex; flex-wrap: wrap; }
.pproduct-list li { width: calc(25% - 0.04rem); margin: 0.4rem 0 0 0.04rem; cursor: pointer;}
.pproduct-list li .thumb{ position: relative; padding-top: 60%; overflow: hidden;}
.pproduct-list li .thumb img { width: 100%; height: 100%; object-fit: cover; backface-visibility: hidden; position: absolute; left: 0; top: 0; transition: var(--transition); }
.pproduct-list li .title{ margin-top: 0.2rem; font-size: 0.18rem; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; }
.pproduct-list li:hover .thumb img{ transform: scale(1.1, 1.1);}


/**菜单**/
.Mobile-button{ background:var(--color-blue); width:55px; height:100%; position:absolute; top:0; right:0; align-items:center; justify-content:center; flex-direction:column; display:none;}
.Mobile-button .solid{  background-color:var(--color-white); width:26px; height:2px; transition:var(--transition);}
.Mobile-button .solid2{ margin:8px 0; }
.Mobile-button.active .solid1{ transform:rotate(-45deg) translateY(14px); margin-right:19px !important;}
.Mobile-button.active .solid2{ transform:translateX(40px);}
.Mobile-button.active .solid3{ transform:rotate(45deg) translateY(-14px); margin-right:19px !important;}

.Mobile-menu{ background:var(--color-blue); width:100%; height:100%; position:fixed; z-index:98; top:0; left:-100%; overflow-y:auto; padding:60px 3% 0 3%; transition:var(--transition);}
.Mobile-menu.onShow{ left:0; }
.Mobile-menu li{ position:relative; border-bottom:1px solid rgba(255,255,255,.2);}
.Mobile-menu li .lit{ display:flex; align-items:center; justify-content:space-between; padding:15px 0;}
.Mobile-menu li .lit a{ font-size:17px; color: var(--color-white); font-weight:bold; position:relative; padding-bottom:10px;}
.Mobile-menu li .lit a::before{ content: ""; background:var(--color-white); width:25px; height:2px; position:absolute; left:0; bottom:0;}
.Mobile-menu li .lit a::after { content:""; background:var(--color-white);  position:absolute; width:10px; height:2px; left:30px; bottom:0; }
.Mobile-menu li .lit .arrow{ font-size:15px; transform:rotate(-45deg);  color: var(--color-white); transition:all 0.4s ease; }
.Mobile-menu li .lic{ display:none; padding-left:10px;}
.Mobile-menu li .lic li:last-child{ border-bottom:0;}
.Mobile-menu li .lic li a{ font-size:16px; font-weight:500; display:block; padding:12px 0; color: var(--color-white); }
.Mobile-menu li .lit.on  .arrow{ transform:none;}