﻿@charset "utf-8";
/* CSS Document */
/**https://www.scangoo.cn/**/


html{ font-size:100px;}
body { font-size:0.16rem; font-family:"Microsoft Yahei"; color:#000; background:#fff; -webkit-tap-highlight-color:transparent; overflow-x:hidden;}
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"], textarea { 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; -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s;}
a:hover { text-decoration:none; color:#d2b16c; }
*{ margin:0; padding:0; border:0; font-size:100%; outline:none;  word-break:break-all; word-wrap:break-word; box-sizing:border-box; -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:84%; max-width:1600px; min-width:1200px; margin:0px auto; }
.align-vertical { display:table-cell; vertical-align:middle;}
.hide{ display:none;}
.c-yellow{ color:#d2b16c;}


/*阻止旋转屏幕时自动调整字体大小*/
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] { -moz-appearance: textfield; -webkit-appearance: none !important; margin: 0; }
/*移除上下小箭头 Firefox*/
input::-webkit-input-placeholder { color: inherit; }
textarea::-webkit-input-placeholder { color:inherit; }
input::-webkit-input-speech-button { display: none; }


@font-face {
  font-family: "iconfont"; /* Project id 3388405 */
  src: url('../fonts/iconfont.woff2?t=1652104029778') format('woff2'),
       url('../fonts/iconfont.woff?t=1652104029778') format('woff'),
       url('../fonts/iconfont.ttf?t=1652104029778') format('truetype');
}

.iconfont {
  font-family:"iconfont" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


/**index**/
.yxkbHead{ background:#fff; width:100%; position:relative; z-index:999;}
.yxkbHead .w{ display:flex; align-items:center; justify-content:space-between;}
.yxkbHead-nav{ display:flex;}
.yxkbHead-nav li{ position:relative;}
.yxkbHead-nav li a.far{ display:inline-block; line-height:0.9rem; padding:0 0.25rem;}
.yxkbHead-nav li.active a.far{ color:#d2b16c;}
.yxkbHead-nav li .subNav{ background:rgba(0,0,0,.7); width:100%; position:absolute; right:0; top:100%; text-align:center; padding:5px 0; border-top:5px #d2b16c solid; display:none; }
.yxkbHead-nav li .subNav a{ line-height:0.25rem; padding:5px 0; display:block; font-size:0.14rem; color:#fff;}
.yxkbHead-nav li .subNav a:hover{ background:#d2b16c; color:#fff;}
.yxkbHead-tel{ font-size:0.18rem; color:#d2b16c;}
.yxkbHead-tel .iconfont{ font-size:0.19rem; margin-right:0.1rem;}
.yxkbHead.topFix{ position:fixed; left:0; top:0; box-shadow:0 0 10px rgba(0,0,0,.15);}


.yxkbBanner{ width:100%; position:relative; }
.yxkbBanner-sider{ overflow:hidden;}
.yxkbBanner-sider li img{ width:100%; display:block;}
.yxkbBanner-sider .swiper-pagination{ font-size:0; bottom:0.2rem !important;}
.yxkbBanner-sider .swiper-pagination-bullet{ background:#fff; width:0.14rem; height:0.14rem; opacity:1; margin:0 0.08rem !important; transition:all 0.4s; }
.yxkbBanner-sider .swiper-pagination-bullet-active{ background:#d2b16c;}


.yxkbBanner-custom{ background:rgba(0,0,0,.6); width:84%; position:absolute; left:8%; bottom:0.6rem; z-index:10; display:flex; align-items:center; padding:0.24rem 0.37rem 0.24rem 0.5rem;}
.yxkbBanner-custom .title{ font-size:0.18rem; color:#fff;}
.yxkbBanner-custom .inpt{ background:#fff; min-width:14.5%; line-height:0.5rem; margin-left:0.2rem; color:#d2b16c; border-radius:0.05rem; border:1px #edd093 solid;}
.yxkbBanner-custom .inpt::-webkit-input-placeholder { color:#d2b16c; padding-left:0.2rem;}
.yxkbBanner-custom .long-inpt{ flex:1;}
.yxkbBanner-custom .sbtn{ background:#d2b16c; min-width:1.3rem; height:0.52rem; line-height:0.52rem; font-size:0.18rem; color:#fff; margin-left:0.2rem; border-radius:0.05rem; cursor:pointer;}


.yxkbProcess{ padding:0.7rem 0;}
.yxkbProcess-store{ display:flex; align-items:center; justify-content:space-between;}
.yxkbProcess-store li{ text-align:center;}
.yxkbProcess-store li .icon{ width:0.5rem; display:inline-block; vertical-align:top; margin-bottom:0.25rem;}


.yxkbLife{ background:#f5f5f5; padding-top:0.9rem;}
.yxkbLife-head{ text-align:center; color:#808080;}
.yxkbLife-head .cn{ font-size:0.48rem; font-weight:bold; line-height:1; margin-bottom:0.25rem; color:#333;}
.yxkbLife-cont{ margin-top:0.7rem; display:flex;}
.yxkbLife-sider{ width:22.5%; display:flex; flex-direction:column; border:1px #e6e6e6 solid;}
.yxkbLife-sider a{ display:flex; flex:1; justify-content:center; align-items:center; border-bottom:1px #e6e6e6 solid;}
.yxkbLife-sider a:last-child{ border-bottom:0;}
.yxkbLife-sider a em{ background:#d2b16c; width:0; height:1px; margin:0 0.35rem; transition:all 0.4s;}
.yxkbLife-sider a.active, .yxkbLife-sider a:hover{ background:#333; color:#fff;}
.yxkbLife-sider a.active em, .yxkbLife-sider a:hover em{ width:0.2rem;}

.yxkbLife-thumb{ width:77.5%;}
.yxkbLife-thumb dd{ display:none; animation-name:fadeInRight; animation-duration:1s;}
.yxkbLife-thumb dd img{ width:100%;}
.yxkbLife-thumb dd:first-child{ display:block;}


.yxkbOccupy{ background:#f5f5f5; padding-top:1.1rem;}
.yxkbOccupy-inner{ background:#333; padding:0.65rem 0 0.5rem 0; margin-top:0.6rem;}
.yxkbOccupy-inner .w{ background:#fff; width:1200px; display:flex; }
.yxkbOccupy-inner .word{ width:50%; padding:0.6rem 0.4rem 0.45rem 0.4rem; display:flex; flex-direction:column; justify-content:space-between;}
.yxkbOccupy-inner .word .t{ font-size:0.18rem; line-height:0.32rem; font-weight:bold;}
.yxkbOccupy-inner .word .c{ line-height:0.36rem; color:#666; margin-top:0.45rem;}
.yxkbOccupy-inner .word .f{  display:flex; justify-content:space-between;}
.yxkbOccupy-inner .word .f a{ text-align:center; color:#808080;}
.yxkbOccupy-inner .word .f a .icon{ width:0.46rem; display:inline-block; vertical-align:top; margin-bottom:0.15rem; transition:all 0.4s;}
.yxkbOccupy-inner .word .f a:hover{ color:#d2b16c;}
.yxkbOccupy-inner .word .f a:hover .icon{ transform: rotateY(180deg);}
.yxkbOccupy-inner .thumb{ width:50%; overflow:hidden; position:relative;}
.yxkbOccupy-inner .thumb img{ width:100%; transition:all 0.4s;}
.yxkbOccupy-inner .thumb:hover img{ transform:scale(1.05);}


.yxkbStyle{ padding:1rem 0;}
.yxkbStyle-tabs{ margin-top:0.9rem;}
.yxkbStyle-tabs a{ font-size:0.18rem; margin-right:0.6rem;}
.yxkbStyle-list{ margin-top:0.5rem; overflow:hidden;}
.yxkbStyle-list li .thumb{ overflow:hidden;}
.yxkbStyle-list li .thumb img{ width:100%; display:block; transition:all 0.4s;}
.yxkbStyle-list li .word{ margin-top:0.25rem;}
.yxkbStyle-list li .word .t{ font-size:0.18rem; font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.yxkbStyle-list li .word .c{ color:#808080; margin-top:0.12rem;}
.yxkbStyle-list li:hover .thumb img{ transform:scale(1.05);}
.yxkbStyle-more{ text-align:center; margin-top:0.9rem;}
.yxkbStyle-more a{ min-width:4.58rem; display:inline-block; font-size:0.18rem; color:#808080; line-height:0.48rem; border:1px #ccc solid;}
.yxkbStyle-more a:hover{ background:#d2b16c; color:#fff; border-color:#d2b16c;}



.yxkbAbout{ background-image:url(../images/yxkbAbout-bg.jpg); background-size:cover; background-position:center; padding:1.1rem 0 1rem 0; text-align:center;}
.yxkbAbout .w{ width:840px; min-width:inherit;}
.yxkbAbout-head .title{ font-size:0.18rem; margin-top:0.4rem;}
.yxkbAbout-text{ line-height:0.28rem; margin-top:0.5rem;}
.yxkbAbout-menu{ display:flex; justify-content:space-between; margin-top:0.75rem;}
.yxkbAbout-menu a{ background:#fff; width:calc(25% - 0.4rem); height:1.2rem; display:flex; justify-content:center; align-items:center;}
.yxkbAbout-menu a .iconfont{ font-size:0.4rem; color:#d2b16c; margin-right:0.1rem;}
.yxkbAbout-menu a:hover{ background:#d2b16c; color:#fff;}
.yxkbAbout-menu a:hover .iconfont{ color:#fff;}
.yxkbAbout-more{ text-align:center; margin-top:0.5rem;}
.yxkbAbout-more a{ background:#333; min-width:4.58rem; display:inline-block; font-size:0.18rem; color:#fff; line-height:0.48rem; border:1px #333 solid;}
.yxkbAbout-more a:hover{ background:#d2b16c; color:#fff; border-color:#d2b16c;}


.yxkbFooter{ background:#201e1d; padding-top:0.7rem;}
.yxkbFooter-links{ width:64.5%; display:flex; border-right:1px solid rgba(255,255,255,.5);}
.yxkbFooter-links dl{ flex:1;}
.yxkbFooter-links dl dt{ font-size:0.18rem; color:#fff; }
.yxkbFooter-links dl dd{ padding-top:0.2rem;}
.yxkbFooter-links dl dd a{ display:block; line-height:0.36rem; color:#fff;}
.yxkbFooter-links dl dd a:hover{ opacity:.7;}
.yxkbFooter-inner{ width:29.5%; display:flex; justify-content:space-between; padding-top:0.48rem;}
.yxkbFooter-inner .f-code{ max-width:1.86rem; text-align:center; line-height:0.24rem; color:rgba(255,255,255,.6);}
.yxkbFooter-inner .f-code img{ margin-bottom:0.25rem;}
.yxkbFooter-inner .f-tel{ text-align:center; padding-top:0.4rem;}
.yxkbFooter-inner .f-tel .n{ font-size:0.28rem; color:#d2b16c; font-weight:bold;}
.yxkbFooter-inner .f-tel .c{ color:#fff; display:inline-block; line-height:0.28rem; margin-top:0.2rem; padding:0 0.28rem; border:1px #b3b3b3 solid;}
.yxkbFooter-copy{ margin-top:0.5rem; text-align:center; color:rgba(255,255,255,.5); padding:0.3rem 0; border-top:1px solid rgba(255,255,255,.1);}


/**产品**/
.pbanner img{ width:100%;}
.pmain{ padding:0.75rem 0;}
.pmain-page{ padding-top:0.85rem; font-size:0.18rem; line-height:0.6rem; text-align:center;}
.pmain-page a, .pmain-page span{ color:#474f59; margin:0 0.19rem; display:inline-block; line-height:0.6rem;}
.pmain-page .nowpage{ color:#d2b16c;}
.pmain-page a:first-child, .pmain-page a:last-child{ background:#fff; padding:0 0.22rem; }
.pmain-page a:first-child:hover, .pmain-page a:last-child:hover{ background:#d2b16c; color:#fff;}


.pproduct-tabs{ background:#fff; display:flex;}
.pproduct-tabs a{ flex:1; text-align:center; font-size:0.24rem; color:#666; position:relative; line-height:1.2rem;}
.pproduct-tabs a.active{ font-weight:bold; color:#333;}
.pproduct-tabs a.active:before{ content:''; background:#333; width:0.6rem; height:0.04rem; position:absolute; left:50%; transform:translateX(-50%); bottom:0.18rem;}

.pproduct-list{ display:flex; flex-wrap:wrap; margin-left:-0.5rem; padding-top:0.2rem;}
.pproduct-list li{ background:#fff; width:calc(33.33% - 50px); margin:0.5rem 0 0 0.5rem; padding:0.2rem; display:inline-block; text-align:center;}
.pproduct-list li .thumb{ height:3.2rem; overflow:hidden;}
.pproduct-list li .thumb img{ width:100%; height:100%; transition:all 0.4s; object-fit:cover;}
.pproduct-list li .title{ margin-top:0.3rem; padding-bottom:0.1rem; font-size:0.18rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.pproduct-list li:hover .thumb img{ transform:scale(1.05);}


.pproduct-details{ background:url(../images/pbanner.jpg) no-repeat top center #f5f5f5; background-size:100% auto; padding:1.6rem 0 0 0;}
.pproduct-details .w{ background:#f5f5f5; padding:0.85rem;}
.pproduct-details-head{ text-align:center; position:relative;}
.pproduct-details-head .return{ font-size:0.2rem; color:#666; position:absolute; left:0; top:0;}
.pproduct-details-head .return:hover{ color:#d2b16c;}
.pproduct-details-head .title{ font-size:0.24rem; font-weight:bold; line-height:1; position:relative; padding-bottom:0.2rem; display:inline-block;}
.pproduct-details-head .title:before{ content:''; background:#d2b16c; width:0.3rem; height:0.02rem; position:absolute; left:50%; transform:translateX(-50%); bottom:0;}
.pproduct-details-cont{ margin-top:0.7rem; line-height:0.36rem;}

.pproduct-details-coll{ background:#f5f5f5; padding-bottom:1.2rem;}
.pproduct-details-collSider {  position:relative; margin-top:0.6rem;}
.pproduct-details-collSider .coll-box{ overflow:hidden;}
.pproduct-details-collSider li{ background:#fff; text-align:center; padding:0.2rem;}
.pproduct-details-collSider li .pic{ height:3.2rem; overflow:hidden;}
.pproduct-details-collSider li .pic img{  width:100%; height:100%; transition:all 0.4s; object-fit:cover;}
.pproduct-details-collSider li .tit{ font-size:0.18rem; margin-top:0.3rem; padding-bottom:0.1rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.pproduct-details-collSider li:hover .pic img{ transform:scale(1.05);}
.pproduct-details-collSider .swiper-button-next, .pproduct-details-collSider .swiper-button-prev{ width:auto; height:auto; font-size:0.54rem; color:#ccc; line-height:1; margin-top:auto; transform:translateY(-50%);}
.pproduct-details-collSider .swiper-button-next{ right:-0.6rem;}
.pproduct-details-collSider .swiper-button-next:hover{ color:#d2b16c;}
.pproduct-details-collSider .swiper-button-prev{ left:-0.6rem;}
.pproduct-details-collSider .swiper-button-prev:hover{ color:#d2b16c;}



/**设计中心**/
.pdesign-title{ text-align:center; font-size:0.24rem; font-weight:bold; position:relative; line-height:1; padding-bottom:0.2rem;}
.pdesign-title:before{ content:''; background:#d2b16c; width:0.3rem; height:0.02rem;  position:absolute; left:50%; transform:translateX(-50%); bottom:0;}
.pdesign-cont{ position:relative; margin-top:0.5rem; overflow:hidden;}
.pdesign-cont .pic{ width:100%; display:block; transition:all 0.4s;}
.pdesign-cont .word{ background:rgba(0,0,0,.75); width:26.3%; min-height:76%; color:#fff; position:absolute; top:12%; right:16%; z-index:2; padding:0.8rem 0.6rem 0 0.6rem;}
.pdesign-cont .word .t{ font-size:0.2rem; font-weight:bold; line-height:1; position:relative; padding-bottom:0.2rem;}
.pdesign-cont .word .t:before{ content:''; background:#d2b16c; width:0.3rem; height:0.02rem; position:absolute; left:0; bottom:0;}
.pdesign-cont .word .c{ line-height:0.3rem; margin-top:0.25rem;} 



/**关于-企业文化**/
.pmenu{ text-align:center; padding:0.4rem 0;}
.pmenu a{ color:#666; line-height:0.58rem; padding:0 0.08rem; display:inline-block; margin:0 10px; border:1px #d9d9d9 solid;}
.pmenu a.on, .pmenu a:hover{ background:#d2b16c; color:#fff; border-color:#d2b16c;}

.pabout-culture{ background-image:url(../images/pculture-bg.jpg); background-position:center; background-size:cover; min-height:7rem; text-align:center; padding-top:0.8rem; color:#fff;}
.pabout-culture .title{ text-align:center; font-size:0.24rem; font-weight:bold; position:relative; line-height:1; padding-bottom:0.2rem;}
.pabout-culture .title:before{ content:''; background:#d2b16c; width:0.3rem; height:0.02rem;  position:absolute; left:50%; transform:translateX(-50%); bottom:0;}
.pabout-culture .text{ line-height:0.36rem; margin-top:0.3rem;}


.pabout-honor{ margin-left:-0.25rem; position:relative; display:flex; flex-wrap:wrap;}
.pabout-honor li{ width:calc(25% - 0.25rem); margin:0.3rem 0 0 0.25rem; display:inline-block;}
.pabout-honor li .pic{ height:2rem; display:flex; justify-content:center; align-items:center;}
.pabout-honor li .pic img{ max-height:100%;}
.pabout-honor li .tit{ text-align:center; margin-top:0.15rem; line-height:0.28rem; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }

.pabout-introd{ line-height:0.36rem; color:#4c4c4c;}
.pabout-introd .word{ width:50%;}
.pabout-introd .word .t{ font-size:0.36rem; line-height:0.6rem; position:relative; padding-bottom:0.2rem;}
.pabout-introd .word .t:before{ content:''; background:#114939; width:0.36rem; height:0.03rem; position:absolute; left:0; bottom:0;}
.pabout-introd .word .c{ margin-top:0.6rem;}
.pabout-introd .thumb{ width:39%;}


.phistory-main{ background-image:url(../images/phistory-bg.jpg); background-position:center; background-size:cover; padding:0.7rem 0 1.4rem 0;}
.phistory-text{ text-align:center; line-height:0.36rem; margin-top:0.55rem;}
.phistory-list{ position:relative; margin-top:0.8rem; padding-bottom:1.2rem;}
.phistory-list .li-sider{ background:url(../images/phistory-bg.png) repeat-x center; overflow:hidden;}
.phistory-list li{ min-height:2.3rem; display:flex;}
.phistory-list li:nth-child(2n+1){ align-items:end;}
.phistory-list li .li-box{ max-width:90%; display:flex;}
.phistory-list li .year{ font-size:0.3rem; font-weight:bold; color:#d2b16c; line-height:1;}
.phistory-list li .text{ font-size:0.14rem; line-height:0.24rem; flex:1; margin-left:0.25rem; color:#4c4c4c;}
.phistory-list .swiper-button-next, .phistory-list .swiper-button-prev{ width:0.58rem; height:0.58rem; line-height:0.58rem; top:auto; margin:auto; bottom:0; text-align:center; color:#d2b16c; border:1px #d2b16c solid; transition:all 0.4s;}
.phistory-list .swiper-button-next:hover, .phistory-list .swiper-button-prev:hover{ background:#d2b16c; color:#fff;}
.phistory-list .swiper-button-next{ right:calc(50% - 0.72rem);}
.phistory-list .swiper-button-prev{ left:calc(50% - 0.72rem);}



/**新闻动态**/
.pnews-list{ display:flex; flex-wrap:wrap; padding-top:0.45rem; margin-left:-0.25rem;}
.pnews-list li{ width:calc(25% - 0.25rem); margin:0.25rem 0 0 0.25rem; padding:0.2rem 0.25rem 0.35rem 0.25rem; border:1px #e6e6e6 solid;}
.pnews-list li .jia{ background:url(../images/jia.png) no-repeat; background-size:100% auto; width:0.15rem; height:0.15rem; display:block; vertical-align:top;}
.pnews-list li .thumb{ height:2.2rem; overflow:hidden; margin-top:0.2rem;}
.pnews-list li .thumb img{ width:100%; height:100%; transition:all 0.4s; object-fit:cover;}
.pnews-list li .title{ font-size:0.2rem; margin-top:0.3rem; font-weight:bold; line-height:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.pnews-list li .desc{ line-height:0.28rem; color:#666; max-height:0.56rem; margin-top:0.2rem; text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.pnews-list li .btm{ font-size:0.14rem; color:#999; margin-top:0.4rem; display:flex; justify-content:space-between; align-items:center;}
.pnews-list li:hover .thumb img{ transform:scale(1.05);}


.pnews-details-head{ background:#d2b16c; text-align:center; color:#fff; padding:1rem 0 1.2rem 0;}
.pnews-details-head .t{ font-size:0.3rem; font-weight:bold; margin-bottom:0.25rem;}
.pnews-details-head .c span{ margin:0 0.75rem;}
.pnews-details-desc{ padding-bottom:0.75rem;}
.pnews-details-desc .w{ background:#fff; position:relative; margin-top:-0.65rem; padding:0.7rem; line-height:0.3rem; box-shadow:3px 0 0.29rem rgba(172,172,172,.25);}



/**服务**/
.pservice-head{ text-align:center; padding-top:1rem;}
.pservice-head .cn{ font-size:0.24rem; font-weight:bold; line-height:1; padding-bottom:0.2rem; position:relative;}
.pservice-head .cn:before{ content:''; background:#d2b16c; width:0.3rem; height:0.02rem; position:absolute; left:50%; bottom:0; transform:translateX(-50%);}
.pservice-head .en{ color:#666; margin-top:0.18rem;}

.pservice-concept{ margin-top:0.9rem; position:relative; z-index:2;}
.pservice-concept .thumb{ width:56.25%;}
.pservice-concept .word{ width:34%; padding-top:0.2rem;}
.pservice-concept .word dl{ margin-top:0.6rem; color:#666;}
.pservice-concept .word dl dt{ font-size:0.2rem; position:relative; font-weight:bold; line-height:1; padding-bottom:0.15rem;}
.pservice-concept .word dl dt:before{ content:''; background:#d2b16c; width:0.3rem; height:0.02rem; position:absolute; left:0; bottom:0;}
.pservice-concept .word dl dd{ line-height:0.36rem; margin-top:0.15rem;}

.pservice-sales{ background:#f5f5f5; padding:3rem 0 1.45rem 0; margin-top:-1.2rem;}
.pservice-sales ul{ display:flex; justify-content:space-between;}
.pservice-sales li{ width:26%; text-align:center;}
.pservice-sales li .iconfont{ font-size:0.6rem; display:inline-block; vertical-align:top;}
.pservice-sales li .title{ font-size:0.2rem; font-weight:bold; color:#666; margin-top:0.2rem;}
.pservice-sales li .desc{ line-height:0.36rem; color:#666; margin-top:0.2rem;}



/**加入我们**/
.pjoin-list{ padding-top:0.65rem;}
.pjoin-list li{ padding:0.3rem 0.75rem;}
.pjoin-list li:nth-child(2n+2){ background:#f5f5f5;}
.pjoin-list li .li-head{ cursor:pointer;}
.pjoin-list li .li-head .ht{ font-size:0.18rem; position:relative; line-height:1; font-weight:bold;}
.pjoin-list li .li-head .ht:before{ content:''; background:#373737; width:0.03rem; height:0.14rem; position:absolute; left:-0.25rem; top:0.02rem;}
.pjoin-list li .li-head .hc{ display:flex; justify-content:space-between; font-size:0.14rem; margin-top:0.2rem;}
.pjoin-list li .li-head .hc .click{ font-size:0;}
.pjoin-list li .li-head .hc .click .iconfont{ font-size:0.14rem; margin-left:0.08rem; transition:all 0.4s; display:inline-block;}
.pjoin-list li .li-text{ font-size:0.14rem; line-height:0.3rem; padding:0.3rem 0; margin-top:0.35rem; border-top:1px #e4ecf0 solid; display:none;}
.pjoin-list li.active{ background:#fff; box-shadow:0 0 20px rgba(0,0,0,.15);}
.pjoin-list li.active .li-head .hc .click{ font-size:0.14rem;}
.pjoin-list li.active .li-head .hc .iconfont{ transform:rotate(90deg);}
.pjoin-list li.active .li-text{ display:block;}



/**系列**/
.pseries-tabs{ display:flex; margin-top:0.7rem;}
.pseries-tabs a{ flex:1; text-align:center; padding:0.15rem 0 0.15rem 0; font-size:0.18rem; color:#666; border:1px #fff solid; border-radius:0.05rem;}
.pseries-tabs a .iconfont{ font-size:0.32rem; display:inline-block; vertical-align:top; color:#000; margin-bottom:0.15rem;}
.pseries-tabs a.active, .pseries-tabs a:hover{ border-color:#d2b16c; color:#d2b16c;}
.pseries-tabs a.active .iconfont, .pseries-tabs a:hover .iconfont{ color:#d2b16c;}

.pseries-inner{ position:relative; margin-top:1.3rem;}
.pseries-inner .thumb{ width:100%;}
.pseries-inner .word{ background:rgba(0,0,0,.8); width:37.5%; height:calc(100% + 0.8rem); padding:0.8rem 0.6rem 0 0.6rem; position:absolute; left:50%; top:-0.5rem; transform:translateX(-50%); color:#fff; z-index:2;}
.pseries-inner .word .t{ font-size:0.24rem; font-weight:bold; text-align:center; line-height:1;}
.pseries-inner .word .c{ margin-top:0.4rem; line-height:0.36rem;}
.pseries-inner .word .m{ color:#fff; display:inline-block; line-height:0.44rem; padding:0 0.33rem; margin-top:0.65rem; border:1px #fff solid;}
.pseries-inner .word .m:hover{ background:#d2b16c; border-color:#d2b16c;}



/**菜单**/
.Mobile-button{ background:#d2b16c; width:50px; height:100%; position:absolute; top:0; right:0; z-index: 1; align-items:center; justify-content:center; flex-direction:column; display:none;}
.Mobile-button .solid{  background-color:#fff; width:26px; height:2px; transition:all 0.4s;}
.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:#d2b16c; width:100%; height:100%; position:fixed; z-index:98; top:0; left:-100%; overflow-y:auto; padding:70px 3% 0 3%; transition:all 0.4s;}
.Mobile-menu.onShow{ left:0; }
.Mobile-menu li .lit{ display:flex; align-items:center; justify-content:center; padding:15px 0;}
.Mobile-menu li .lit a{ font-size:17px; font-weight:bold; color: #fff;}
.Mobile-menu li .lic{ display:none;}
.Mobile-menu li .lic li a{ font-size:15px; font-weight:500; text-align: center; display:block; padding:10px 0; color: #fff; opacity: .7; }

