@charset "utf-8";


/*浏览器滚动条*/
::-webkit-scrollbar{width:5px;height:5px;}
::-webkit-scrollbar-button:vertical{display:none}
::-webkit-scrollbar-track:vertical{background-color:black;}
::-webkit-scrollbar-track-piece{background:#E3E3E3;}
::-webkit-scrollbar-thumb:vertical{background-color:var(--color-green);border-radius:1.5625vw;}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#3B3B3B;}
::-webkit-scrollbar-corner:vertical{background-color:#535353;}


/**css初始化**/
html{  width: 100%;  scroll-behavior: auto;  }
body { background:var(--color-white); font-family:'PingFang-Regular'; width: 100vw; font-size:0.16rem; color:#333; overflow-x:hidden; -webkit-tap-highlight-color:transparent; }
*,:after,:before { margin:0; padding:0; backface-visibility: hidden; box-sizing: border-box; }
h1, h2, h3, h4, h5, h6{ font-weight:normal;}
ul,dl,li,dt,dd{list-style:none;}
i,em{font-style:normal;}
img { border:0; vertical-align:top; max-width:100%; transition: var(--transition);}
a { text-decoration:none;  color: inherit; cursor:pointer; outline:none; transition:var(--transition);}
a:hover { color:var(--color-green); }
input,textarea,select{ outline: none; -webkit-appearance: none; border-radius: 0; font-size:0.16rem; border: 0; font-family:'PingFang-Regular';}
input[type="text"],input[type="password"],input[type="search"],textarea,select{ background:none; border:none;transition:var(--transition);}
input::-webkit-input-placeholder,input:-moz-placeholder,input::-moz-placeholder,input:-ms-input-placeholder { color:var(--color-light); }
textarea{resize:none; overflow:hidden;}
textarea::-webkit-input-placeholder,textarea:-ms-input-placeholder,textarea::-moz-placeholder,textarea:-moz-placeholder { color:var(--color-light);}
select::-ms-expand { display: none; }
.clearfix:after {  content: " "; display: block; height: 0; line-height: 0; font-size: 0; clear: both; visibility: hidden }
.fl { float:left; }
.fr { float:right; }
.w{ width:84%; min-width: 1200px; margin:0 auto; }


/*config*/
.flex{ display:flex; display:-webkit-flex; flex-direction:row; -webkit-flex-direction:row; flex-wrap:wrap; -webkit-flex-wrap:wrap;}
.center{ text-align:center;}
.relative{position:relative;}
.imgs{ width: 100%; height: 100%; display: block; object-fit: cover; position: absolute; left: 0; top: 0;}


.green{ color:#2bad46;}
.gray6{ color:#666;}
.gray9{ color:#999;}
.white{ color:#fff;}

.bgGray{background:#f7f7f7;}

.font14{ font-size:0.14rem;}
.font18{ font-size:0.18rem;}
.font20{ font-size:0.2rem;}
.font22{ font-size:0.22rem;}
.font24{ font-size:0.24rem;}
.font26{ font-size:0.26rem;}
.font28{ font-size:0.28rem;}
.font30{ font-size:0.3rem;}
.font32{ font-size:0.32rem;}
.font34{ font-size:0.34rem;}
.font36{ font-size:0.36rem;}
.font38{ font-size:0.38rem;}
.font40{ font-size:0.40rem;}
.font42{ font-size:0.42rem;}
.font44{ font-size:0.44rem;}

.mt05{ margin-top:0.05rem;}
.mt10{ margin-top:0.1rem;}
.mt15{ margin-top:0.15rem;}
.mt20{ margin-top:0.2rem;}
.mt25{ margin-top:0.25rem;}
.mt30{ margin-top:0.3rem;}
.mt35{ margin-top:0.35rem;}
.mt40{ margin-top:0.4rem;}

.lh24{ line-height:0.24rem;}
.lh26{ line-height:0.26rem;}
.lh28{ line-height:0.28rem;}
.lh30{ line-height:0.3rem;}
.lh32{ line-height:0.32rem;}
.lh34{ line-height:0.34rem;}
.lh36{ line-height:0.36rem;}

.lines1{ word-break:break-all; text-overflow:ellipsis; display:-webkit-box;-webkit-box-orient:vertical; -webkit-line-clamp:1; overflow:hidden;}
.lines2{ word-break:break-all; text-overflow:ellipsis; display:-webkit-box;-webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
.lines3{ word-break:break-all; text-overflow:ellipsis; display:-webkit-box;-webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden;}
.lines4{ word-break:break-all; text-overflow:ellipsis; display:-webkit-box;-webkit-box-orient:vertical; -webkit-line-clamp:4; overflow:hidden;}
.lines5{ word-break:break-all; text-overflow:ellipsis; display:-webkit-box;-webkit-box-orient:vertical; -webkit-line-clamp:5; overflow:hidden;}
.lines6{ word-break:break-all; text-overflow:ellipsis; display:-webkit-box;-webkit-box-orient:vertical; -webkit-line-clamp:6; overflow:hidden;}

:root{
    --transition:cubic-bezier(0.215,.61,.355,1) .45s;
    --color-green:#2bad46;
    --color-gray:#666;
    --color-light:#999;
    --color-white:#fff;
}

/**字体**/
@font-face { font-family:'PingFang-Regular'; src:url('../fonts/PingFang Regular.ttf'); }
@font-face { font-family:'PingFang-Medium'; src:url('../fonts/PingFang Medium.ttf'); }
@font-face { font-family:'PingFang-Bold'; src:url('../fonts/PingFang Bold.ttf'); }
@font-face { font-family:'BarlowCondensed-Thin'; src:url('../fonts/BarlowCondensed-Thin.ttf'); }
@font-face { font-family:'dfst-m8'; src:url('../fonts/dfst-m8.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');
}


.font-b{ font-family:'PingFang-Bold';}
.font-m{ font-family:'PingFang-Medium';}
.iconfont {
    font-family:"iconfont";
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


/**index**/
.tfHead{ width: 100%; position:relative; left: 0; top: 0; z-index: 999; transition: var(--transition);}
.tfHead .w{ width: 92%; display: flex; align-items: center; justify-content: space-between;}
.tfHead-logo{ width: 2.09rem;}
.tfHead-nav{ display: flex; }
.tfHead-nav li{ padding:0 2.6vw; position:relative;}
.tfHead-nav li a.far{ font-size: 0.2rem; line-height:1.2rem; display:inline-block;}
.tfHead-nav li dl{ background:var(--color-white); width: 100%; position:absolute; left:0; top:100%; padding: 0.05rem 0; display: none; box-shadow: 0 5px 0.2rem -3px rgba(0, 0, 0, 0.06);}
.tfHead-nav li dd{ padding: 0.1rem 0; text-align: center;}
.tfHead-nav li dd a{ color:var(--color-gray);}
.tfHead-nav li dd:hover a{ color: var(--color-green);}
.tfHead-nav li dd .dd-subnav{ background: var(--color-white); width: 1.5rem; position: absolute; left: 100%; top: 0; padding: 0.1rem; display: none;}
.tfHead-nav li dd .dd-subnav a{ color:var(--color-gray); display: block; font-size: 0.15rem; padding: 0.07rem 0;}
.tfHead-nav li dd .dd-subnav a:hover{ color: var(--color-green);}
.tfHead-nav li dd:hover .dd-subnav{ display: block;}

.tfHead-tools{ display: flex; align-items: center;}
.tfHead-tools li{ position: relative; height: 1.2rem; display: flex; align-items: center;}
.tfHead-tools li .iconfont{ background: var(--color-white); width: 0.5rem; height: 0.5rem; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: var(--transition); border-radius: 50%;}
.tfHead-tools li .iconfont:hover{ background: var(--color-green); color: var(--color-white);}
.tfHead-tools li:last-child{ margin-left: 2.86vw;}
.tfHead-tools li .srh-box{ position:absolute; top:100%; right:0; display:flex; align-items:center; pointer-events:none; opacity:0; transform:translateY(0.1rem); backdrop-filter:blur(5px); box-shadow:0 5px 0.2rem -3px rgba(0, 0, 0, 0.06); transition:var(--transition); }
.tfHead-tools li .srh-box .inpt{ background:rgba(255,255,255,.6); width:3.5rem; height:0.5rem; padding:0.15rem;}
.tfHead-tools li .srh-box .sbtn{ background:var(--color-green); width:1.2rem; height:0.5rem; font-size: 0.16rem; color:var(--color-white); cursor:pointer; border: 0;}
.tfHead-tools li .srh-box.active{ opacity:1; pointer-events:auto; transform:none;}
.tfHead-tools li .codeBox{ background-color:var(--color-white); width:1.2rem; padding:0.1rem 0; position:absolute; top:100%; right:0; text-align: center; pointer-events:none; opacity:0; transform:translateY(0.1rem); backdrop-filter:blur(5px); box-shadow:0 5px 0.2rem -3px rgba(0, 0, 0, 0.06); transition:var(--transition);}
.tfHead-tools li:hover .codeBox{ opacity:1; pointer-events:auto; transform:none;}

.tfHead.topFix{ background:var(--color-white); position: fixed; box-shadow:0 0 0.2rem rgba(0,0,0,.1); transition-duration:.45s!important;}
.tfHead.topFix .tfHead-logo{ width: 1.8rem;}
.tfHead.topFix .tfHead-nav li a.far{ line-height: 0.9rem;}
.tfHead.topFix .tfHead-tools li{ height: 0.9rem;}
.tfHead.topFix .tfHead-tools li .iconfont{ width: 0.4rem; height: 0.4rem;}


.tfHome { position: fixed; top: 0; left: 0; }
.tfHome, .tfHome-container, .tfHome-slide { width: 100%; height: 100%; }
.tfHome-slide { position: absolute; top: 100%; left: 0; }
.tfHome-slide-active { z-index: 1000; top: 0; }


.tfHome-banner{ overflow: hidden;}
.tfHome-banner li .slide-pic{ background-position: center; background-repeat: no-repeat; background-size: cover; width: 100%; height: 100%;}
.tfHome-banner li .slide-video{ width: 100%; height: 100%; object-fit: cover;}
.tfHome-banner li .slide-text{  position: absolute; left: 16.6%; top: 50%; transform: translateY(-50%); }
.tfHome-banner li .slide-text .cn{ display: inline-block; letter-spacing: 0.1rem; font-size: 0.46rem; border-bottom: 2px var(--color-green) solid; border-top: 2px var(--color-green) solid;}
.tfHome-banner li .slide-text .de{ letter-spacing: 0.15rem;}
.tfHome-banner li .slide-text *{ transform:translateY(100%); opacity:0; transition:2s;}
.tfHome-banner li.swiper-slide-active .slide-text *, .tfHome-banner li.swiper-slide-duplicate-active .slide-text *{transform:translateY(0); opacity:1;}

.tfHome-banner .swiper-pagination { width:auto !important; left:auto !important; right:0.6rem; bottom:auto !important; top:50%; transform:translateY(-50%);}
.tfHome-banner .swiper-pagination-bullet { background-color:transparent; position:relative; width:0.4rem; height:0.4rem; margin:0.07rem auto !important; display:block; opacity:1; transition: var(--transition); }
.tfHome-banner .swiper-pagination-bullet:before{ content:''; background:var(--color-white); width: 0.08rem; height: 0.08rem; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); border-radius: 50%; }
.tfHome-banner .swiper-pagination-bullet-active{ border: 2px solid var(--color-green);}
.tfHome-banner .swiper-pagination-bullet-active:before{ background: var(--color-green);}


.tfHome-about{ background-image: url(../images/tfAbout-bg.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; display: flex; justify-content: center; align-items: center;}
.tfHome-about .container{ width: 1100px; align-items: center; justify-content: space-between;}
.tfHome-about .word{ width: 65%;}
.tfHome-about .word .wt{ font-size: 0.42rem; line-height: 0.64rem;}
.tfHome-about .word .wc{ color: var(--color-gray); margin-top: 0.4rem;}
.tfHome-about .word .wm{ background: var(--color-green); width: 2rem; height: 0.56rem; color: var(--color-white); margin-top: 0.85rem; display: flex; align-items: center; justify-content: center; border-radius: 0.3rem;}
.tfHome-about .word .wm .iconfont{ margin-left: 0.1rem; transition: var(--transition);}
.tfHome-about .word .wm:hover .iconfont{ margin-left: 0.2rem;}
.tfHome-about .count li{ padding: 0.3rem 0;}
.tfHome-about .count li .unit{ margin-left: 0.2rem;}
.tfHome-about .count li b{ font-size: 0.56rem; line-height: 1;}


.tfHome-product{ background: #eff5fb; display: flex; flex-wrap: wrap;}
.tfHome-product-polite{ width: 58%; height: 100%; padding:0.5rem 1.4rem 0 1.4rem; display: flex; align-items: center; justify-content: center; }
.tfHome-product-polite .polite-sider{ width: 100%; overflow: hidden; height: 6.1rem; position: relative;}
.tfHome-product-polite .polite-sider li{ position: relative;}
.tfHome-product-polite .polite-sider li .pic{ width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; overflow: hidden;}
.tfHome-product-polite .polite-sider li .pic img{ max-height: 100%;}
.tfHome-product-polite .polite-sider li .tit{ width: 100%; position: absolute; left: 0; top: 0; z-index: 2;}
.tfHome-product-polite .polite-sider li .label{ width: 100%; position: absolute; left: 0; top: 0.6rem; display: flex; justify-content: center; align-items: center; z-index: 2;}
.tfHome-product-polite .polite-sider li .label > i{ color: var(--color-green); line-height: 0.34rem; padding: 0 0.15rem; margin:0 0.05rem; border: 1px solid var(--color-green);}
.tfHome-product-polite .polite-sider li .more{ width: 100%; position: absolute; left: 0; bottom: 0; z-index: 2; display: flex; align-items: center; justify-content: center;}
.tfHome-product-polite .polite-sider li .more .iconfont{ opacity: 0; transition: var(--transition); transform: translateX(-100%); font-size: 0.32rem; margin-right: 0.15rem;}
.tfHome-product-polite .polite-sider li:hover .more .iconfont{ opacity: 1; transform:translateX(0);}
.tfHome-product-polite .polite-sider li:hover .pic img{ transform: scale(1.05);}
.tfHome-product-polite .swiper-pagination{ bottom: 0.7rem !important;}
.tfHome-product-polite .swiper-pagination-bullet{ background: #c9ced3; width: 0.34rem; height: 0.03rem; margin: 0 0.05rem !important; opacity: 1; border-radius: 0;}
.tfHome-product-polite .swiper-pagination-bullet-active{ background: var(--color-green);}

.tfHome-product-scenes{ background-image: url(../images/tfProduct-img.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; width: 42%; height: 100%; display: flex; align-items: center; justify-content: center;}
.tfHome-product-scenes .view{ color: var(--color-white); line-height: 0.58rem; padding: 0 0.5rem; border: 1px solid var(--color-white); border-radius: 0.3rem;}
.tfHome-product-scenes .view:hover{ background: var(--color-green); border-color: var(--color-green);}


.tfHome-core{ background: var(--color-white); display: flex; align-items: center; justify-content: space-between; flex-direction: row-reverse;}
.tfHome-core-swith{ width: 80%; height: 100%;}
.tfHome-core-swith li{ width: 100%; height: 100%; display: none; justify-content: space-between; align-items: center; overflow: hidden;}
.tfHome-core-swith li:first-child{ display: flex;}
.tfHome-core-swith li .thumb{ width: 57%; height: 100%; overflow: hidden; animation-name: fadeInLeft; animation-duration: 1s;}
.tfHome-core-swith li .thumb span{ background-position: center; background-repeat: no-repeat; background-size: cover; width: 100%; height: 100%; display:inline-block; transition: var(--transition);}
.tfHome-core-swith li .thumb:hover span{  transform: scale(1.05);}
.tfHome-core-swith li .word{ width: 38%; animation-name: fadeInRight; animation-duration: 1s;}
.tfHome-core-tabs{ width: 2.4rem; padding-top: 0.5rem;}
.tfHome-core-tabs a{ height: 12.5vh; display:flex; align-items: center; padding-left: 0.2rem; color: var(--color-gray); overflow: hidden; text-overflow:ellipsis; white-space:nowrap; border: 1px #e5e5e5 solid;}
.tfHome-core-tabs a .iconfont{ font-size: 0.4rem; margin-right: 0.2rem; color: #9a9a9a;}
.tfHome-core-tabs a.active, .tfHome-core-tabs a:hover{ background: var(--color-green); border-color: var(--color-green); color: var(--color-white);}
.tfHome-core-tabs a.active .iconfont, .tfHome-core-tabs a:hover .iconfont{ color: var(--color-white);}


.tfHome-news{ background: #e3f3fd; display: flex;  align-items: center; padding: 0 1.2rem; position: relative;}
.tfHome-news .container{ width: 100%; justify-content: space-between; padding-top: 0.5rem;}
.tfHome-news-aside{ width: 23%;}
.tfHome-news-aside .view{ width: 2rem; height: 0.56rem; color: var(--color-green); margin-top: 0.85rem; display: flex; align-items: center; justify-content: center; border-radius: 0.3rem; border: 1px solid var(--color-green);}
.tfHome-news-aside .view .iconfont{ margin-left: 0.1rem; transition: var(--transition);}
.tfHome-news-aside .view:hover{ background: var(--color-green); color: var(--color-white); }
.tfHome-news-aside .view:hover .iconfont{ margin-left: 0.2rem;}

.tfHome-news-list{ width:72%; justify-content: space-between;}
.tfHome-news-list li{ width: 47%; margin-bottom: 0.5rem;}
.tfHome-news-list li a{ display: flex; align-items: flex-start; justify-content: space-between;}
.tfHome-news-list li .thumb{ position:relative; padding-top:26%; width: 0; overflow: hidden; transition: var(--transition);}
.tfHome-news-list li .word{ width:100%; transition: var(--transition);}
.tfHome-news-list li .word .d{ line-height: 1; display: block; margin-bottom: 0.1rem;}
.tfHome-news-list li .word .c{ display: none;}
.tfHome-news-list li .word .v{ display: block; transition: var(--transition);}
.tfHome-news-list li:hover .thumb{ width: 32%;}
.tfHome-news-list li:hover .word{ width: 65%;}
.tfHome-news-list li:hover .word .d{ display: none;}
.tfHome-news-list li:hover .word .c{ display: -webkit-box;}
.tfHome-news-list li:hover .word .v{ text-align: right; margin-top: 0;}


.tfHome-footer{ background: var(--color-green); width: 100%; color: var(--color-white); position: absolute; left: 0; bottom: 0; padding: 0.15rem 0;}
.tfHome-footer a{ color: var(--color-white);}

.tfHome-mouse { z-index: 1000; position: fixed; left: 50%; bottom: 0.3rem; margin-left: -0.5rem; animation-name: shake-down; animation-duration: 0.5s; animation-timing-function: linear; animation-iteration-count: infinite; animation-direction: alternate; animation-play-state: running;}
@keyframes shake-down {
    0% {
        bottom: 0.3rem;
        opacity: 0.6; }
    100% {
        bottom: 0.2rem;
        opacity: 0.8; }
}


/**新闻中心**/
.pmain{ padding: 0.45rem 0 0.75rem 0;}

.pmain-second{ background: var(--color-green); width: 100%; padding: 0.35rem 0; }
.pmain-second .w{ display: flex; justify-content: center; align-items: center;}
.pmain-second li{ position: relative; display: flex; align-items: center; margin: 0 0.5rem;}
.pmain-second li .lia{ font-size: 0.18rem; color: var(--color-white); position: relative; display: inline-block;}
.pmain-second li .lia:before{ content:''; background: var(--color-white); width: 0; height: 2px; position: absolute; left: 50%; bottom: -0.15rem; transition: var(--transition);}
.pmain-second li.active .lia:before,.psecond-menu li:hover .lia:before{ width: 100%; left: 0;}
.pmain-second li .se-subnav{ display: none;}
.pmain-second li .se-subnav a{ color: #a3fbb6; margin-left: 0.45rem;}
.pmain-second li .se-subnav a.on, .pmain-second li .se-subnav a:hover{ color: var(--color-white);}


.pmain-page { font-family: 'Arial'; padding-top:0.7rem; align-items: center; justify-content: center;}
.pmain-page a { width: 0.46rem; height: 0.46rem; display: flex; align-items: center; justify-content: center; margin: 0 0.06rem; color:var(--color-gray); border: 1px #ddd solid; border-radius: 50%; }
.pmain-page .nowpage { background: var(--color-green); width: 0.46rem; height: 0.46rem; display: flex; align-items: center; justify-content: center; margin: 0 0.06rem; color:var(--color-white); border: 1px var(--color-green) solid; border-radius: 50%;}
.pmain-page a:hover { background: var(--color-green); color:var(--color-white); border-color:var(--color-green); }
.pmain-page a:first-child{ background: url(../images/page-prev.png) no-repeat center; font-size: 0; text-indent: -9999px;}
.pmain-page a:last-child{ background: url(../images/page-next.png) no-repeat center; font-size: 0; text-indent: -9999px;}


.pnews-stories{ background:var(--color-white); overflow: hidden; position: relative; display: none; }
.pnews-stories li a{align-items: center; overflow: hidden;}
.pnews-stories li .thumb{ width: 53%; padding-top: 30%; position: relative; overflow: hidden;}
.pnews-stories li .word{ width: 47%; padding:0 0.75rem;}
.pnews-stories li .word .t{ line-height: 0.36rem; max-height: 0.72rem; }
.pnews-stories li .word .m{ background: var(--color-green); width: 2rem; line-height: 0.56rem; color:var(--color-white); margin-top:0.6rem; align-items: center; justify-content: center; border-radius: 0.3rem; transition: var(--transition);}
.pnews-stories li .word .m .iconfont{  margin-left: 0.15rem; transition: var(--transition);}
.pnews-stories li .word .m:hover .iconfont{ margin-left: 0.25rem;}
.pnews-stories li:hover .thumb img{ transform: scale(1.05);}
.pnews-stories .swiper-pagination{ left: auto !important; right: 0.75rem !important; bottom: 0.56rem !important; width: auto !important;}
.pnews-stories .swiper-pagination-bullet{ background: none; width: 0.1rem; height: 0.1rem; opacity: 1; margin: 0 0 0 0.1rem !important; border: 1px solid var(--color-green);}
.pnews-stories .swiper-pagination-bullet-active{ background: var(--color-green);}


.pnews-list li{  margin-top: 0.36rem;}
.pnews-list li a{ background: var(--color-white); align-items:center; justify-content:space-between; }
.pnews-list li .thumb{ width:33%; position: relative; padding-top:20%; overflow:hidden; }
.pnews-list li .word{ width:67%; padding: 0 0.6rem 0 0.8rem;}
.pnews-list li .word:before{content:''; height:0; width:0; position: absolute; left: -0.15rem; top: 50%; transform: translateY(-50%); display:block; border:0.15rem transparent solid; border-left-width:0; border-right-color:var(--color-white);}
.pnews-list li .word .wd{ margin-top: 0.4rem;}
.pnews-list li a:hover{ box-shadow: 0 0.03rem 0.15rem rgba(0, 0, 0, 0.1);}
.pnews-list li:hover .thumb img{ transform:scale(1.05);}


.pnews-details { background:var(--color-white); padding:0.55rem 0.5rem; }
.pnews-details-head{ text-align: center;}
.pnews-details-head .info { background: #f7f7f7; line-height: 0.42rem; margin-top: 0.2rem;}
.pnews-details-head .info span { margin:0 0.25rem; }
.pnews-details-desc { margin-top:0.4rem; line-height:0.36rem;}


/**信息公开**/
.pmessage{ padding-top: 0.9rem; justify-content: space-between;}
.pmessage-word{ width:28%;}
.pmessage-word .engt{ color: var(--color-green);}
.pmessage-word .code{ justify-content: space-between; margin-top: 0.5rem;}
.pmessage-word .code li{ background: var(--color-white); width: 1.2rem; padding: 0.12rem 0; text-align: center; font-size: 0.14rem; color: var(--color-gray);}
.pmessage-word .code li img{ margin-bottom: 0.05rem;}

.pmessage-filed{ width: 58.75%;}
.pmessage-filed li{ margin-bottom:0.34rem; display: flex; justify-content: space-between;}
.pmessage-filed li .aside{ width:46%; position: relative; }
.pmessage-filed li .red{ color: #ff0000; position: absolute; left: 0.25rem; top: 50%; line-height: 1; transform: translateY(-50%);}
.pmessage-filed li .inpt{ background:var(--color-white); width:100%; height:0.56rem; line-height:0.26rem; color:var(--color-light); padding:0.15rem 0.35rem;border-radius:0.3rem;}
.pmessage-filed li .area{  background:var(--color-white); width:100%; height:2rem; padding:0.15rem 0.25rem; color:var(--color-light); border-radius:0.22rem; resize: none;}
.pmessage-filed li .yzm-aside{ width: 100%; display: flex; align-items: center; justify-content: flex-end;}
.pmessage-filed li .yzm-aside .inpt{ width:1.8rem;}
.pmessage-filed li .yzm-aside .img{ margin:0 0.15rem;}
.pmessage-filed li .yzm-aside .sbtn{ background:var(--color-green); width:1.82rem; height:0.56rem; line-height:0.56rem; font-size:0.18rem; color:var(--color-white);cursor:pointer; border-radius:0.3rem;}


.pcontact-filed{ padding: 0.75rem 0 0.6rem 0;}
.pcontact-filed .w{ justify-content: space-between;}
.pcontact-filed dl dt{ display: flex; align-items: center; position: relative;}
.pcontact-filed dl dt:before{ content: '';background: linear-gradient(to right, #2bad46, var(--color-white)); width: 0.29rem; height: 0.29rem; position: absolute; left: -0.1rem; top: 0; opacity: .5; border-radius: 50%;}
.pcontact-filed dl dt .iconfont{ font-size: 0.43rem; margin-right: 0.1rem; color: #1d294c; position: relative; z-index: 2;}
.pcontact-map{ height: 6rem;}

.pdown-list { justify-content: space-between; margin-left: -0.35rem; position: relative;}
.pdown-list li{ background:var(--color-white); width: calc(33.33% - 0.35rem); margin: 0.35rem 0 0 0.35rem; padding: 0.45rem;}
.pdown-list li .lit{ align-items:center; justify-content: space-between;}
.pdown-list li .lit .log{ width: 1.16rem;}
.pdown-list li .lin{ line-height: 0.36rem; margin-top: 0.45rem; transition: var(--transition);}
.pdown-list li .lif{ display: flex; justify-content: flex-end;}
.pdown-list li .lif a{ width: 2rem; height: 0.56rem; display: flex; align-items: center; justify-content: center; color: var(--color-green); border: 1px #e5e5e5 solid; border-radius: 0.3rem;}
.pdown-list li .lif a .iconfont{ margin-left: 0.15rem;}
.pdown-list li .lif a:hover{ background: var(--color-green); color: var(--color-white); border-color: var(--color-green);}
.pdown-list li:hover{ box-shadow: 0 0.03rem 0.15rem rgba(0, 0, 0, 0.1); transition: var(--transition); }
.pdown-list li:hover .lin{ color: var(--color-green);}



/**专题专栏**/
.ptopicsIndex-head{ align-items: center; justify-content: space-between;}
.ptopicsIndex-head .name{ line-height: 1; position: relative; padding-bottom: 0.2rem;}
.ptopicsIndex-head .name:before{ content:''; background: var(--color-green); width: 100%; height: 2px; position: absolute; left: 0; bottom: 0;}
.ptopicsIndex-head .more .iconfont{ margin-left: 0.12rem; transition: var(--transition);}
.ptopicsIndex-head .more:hover .iconfont{ margin-left: 0.2rem;}

.ptopicsIndex-floor{ margin-top: 0.65rem; justify-content: space-between;}
.ptopicsIndex-style{ margin-top: 0.65rem;}
.ptopicsIndex-welfare{ width: 48%;}
.ptopicsIndex-welfare-inner{ margin-top: 0.5rem;}
.ptopicsIndex-welfare-inner .thumb{ padding-top:52.5%; overflow: hidden;}
.ptopicsIndex-welfare-inner .word{ background: var(--color-white); padding: 0.25rem 0.35rem 0.35rem 0.35rem; transition: var(--transition);}
.ptopicsIndex-welfare-inner .word * { transition: var(--transition);}
.ptopicsIndex-welfare-inner .word .m{ text-align: right; color: var(--color-green);}
.ptopicsIndex-welfare-inner:hover .thumb img{ transform:scale(1.05);}
.ptopicsIndex-welfare-inner:hover .word{ background: var(--color-green);}
.ptopicsIndex-welfare-inner:hover .word *{ color: var(--color-white);}


.ptopicsIndex-welfare-notice { margin-top: 0.5rem;}
.ptopicsIndex-welfare-notice li a{ background: var(--color-white); padding: 0.28rem 0.35rem; display: block; border-bottom: 1px #f9f9f9 solid;}
.ptopicsIndex-welfare-notice li:last-child a{ border-bottom: 0;}
.ptopicsIndex-welfare-notice li a *{ transition: var(--transition);}
.ptopicsIndex-welfare-notice li a .date{ display: block;  text-align: right;}
.ptopicsIndex-welfare-notice li a:hover{ background: var(--color-green); box-shadow: 0 0.03rem 0.15rem rgba(0, 0, 0, 0.1); }
.ptopicsIndex-welfare-notice li a:hover *{ color: var(--color-white);}



.ptopics-title{ text-align: center; position: relative; line-height: 1; padding-bottom: 0.2rem;}
.ptopics-title:before{ content: ''; background: var(--color-green); width: 0.96rem; height: 2px; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%);}

.ptopics-party{ margin-left: -0.4rem; }
.ptopics-party li{ width: calc(33.33% - 0.4rem); margin: 0.45rem 0 0 0.4rem;}
.ptopics-party li .thumb{ padding-top:52%; overflow: hidden;}
.ptopics-party li .word{ background: var(--color-white); padding: 0.25rem 0.35rem 0.35rem 0.35rem; transition: var(--transition);}
.ptopics-party li .word * { transition: var(--transition);}
.ptopics-party li .word .m{ text-align: right; color: var(--color-green);}
.ptopics-party li:hover .thumb img{ transform:scale(1.05);}
.ptopics-party li:hover .word{ background: var(--color-green);}
.ptopics-party li:hover .word *{ color: var(--color-white);}


.ptopics-style{ margin-left: -0.4rem;}
.ptopics-style li{ width: calc(33.33% - 0.4rem); margin: 0.36rem 0 0 0.4rem;}
.ptopics-style li .thumb{ padding-top:71.9%; overflow: hidden;}
.ptopics-style li .name{ background: var(--color-white); padding: 0.35rem 0.3rem; align-items: center; justify-content: space-between; overflow: hidden;}
.ptopics-style li .name .iconfont{ transform: translateX(300%); transition: var(--transition);}
.ptopics-style li:hover .name .iconfont{ transform: translateX(0);}
.ptopics-style li:hover .thumb img{ transform:scale(1.05);}


.ptopics-notice{ justify-content: space-between; padding-top: 0.25rem;}
.ptopics-notice li{ width: 48.75%; margin-top: 0.36rem;}
.ptopics-notice li a{ background: var(--color-white); padding: 0.25rem 0.35rem; display: block;}
.ptopics-notice li a *{ transition: var(--transition);}
.ptopics-notice li a .date{ display: block;  text-align: right;}
.ptopics-notice li a:hover{ background: var(--color-green); box-shadow: 0 0.03rem 0.15rem rgba(0, 0, 0, 0.1); }
.ptopics-notice li a:hover *{ color: var(--color-white);}


/**旗下公司**/
.punder-company li{ position:relative; overflow: hidden;}
.punder-company li .pic{ width: 100%; transition: var(--transition);}
.punder-company li .li-boxt{ width: 100%; height: 100%; position:absolute; left: 0; top: 0; z-index: 2; display: flex; justify-content: center; align-items: center;}
.punder-company li .text{ width: 50%; padding-left: 0.9rem;}
.punder-company li .text .t{ color: var(--color-white); font-size: 0.48rem;}
.punder-company li .text .m{ width: 2rem; height: 0.56rem; color: var(--color-white); display: flex; align-items: center; justify-content: center; margin-top: 0.4rem; border: 1px solid var(--color-white); border-radius: 0.3rem; transition: var(--transition);}
.punder-company li .text .m .iconfont{ margin-left: 0.2rem;}
.punder-company li:hover .pic{ transform: scale(1.05);}
.punder-company li:hover .text .m{ background: var(--color-green); border-color: var(--color-green);}
.punder-company li:nth-child(2n+2) .text{ float: right;}


/**产品中心**/
.pproduct-alanFn{ background-image: url(../images/pproduct-bg.jpg); background-size: cover; background-position: center; padding-top: 2.7rem;}
.pproduct-alanFn-inner{ align-items: center; justify-content: space-between; padding: 0 8% 1.75rem 8%;}
.pproduct-alanFn-inner .in-head{ width: 50%; }
.pproduct-alanFn-inner .in-head .en{ font-size: 1.5rem; line-height: 0.8; margin-bottom: 0.35rem;}
.pproduct-alanFn-inner .in-word{ width: 50%; padding-left:0.4rem;}
.pproduct-alanFn-inner .in-word .t{ line-height: 1; position: relative; padding-bottom: 0.35rem;}
.pproduct-alanFn-inner .in-word .t:before{ content:''; background: #e5e5e5; width: 1.03rem; height: 1px; position: absolute; left: 0; bottom: 0;}
.pproduct-alanFn-inner .in-word .t:after{ content:''; background:var(--color-green); width:0.23rem; height: 1px; position: absolute; left: 0; bottom: 0;}
.pproduct-alanFn-inner .in-word .c{ margin-top: 0.4rem;}

.pproduct-alanFn-menu{ display: flex; align-items: center; justify-content: center;}
.pproduct-alanFn-menu a{ font-size: 0.18rem; position: relative; margin: 0 1rem; padding-bottom: 0.35rem;}
.pproduct-alanFn-menu a:before{ content: ''; background: var(--color-green); width: 0; height: 2px; position: absolute; left: 50%; bottom: 0.2rem; transition: var(--transition);}
.pproduct-alanFn-menu a.active, .pproduct-alanFn-menu a:hover{ color: var(--color-green);}
.pproduct-alanFn-menu a.active:before, .pproduct-alanFn-menu a:hover:before{ width: 100%; left: 0;}


.pproduct-swith .swith-item{ display: none; animation-name: fadeInUp; animation-duration: 1s;}
.pproduct-swith .swith-item:first-child{ display: block;}
.pproduct-group{ padding: 0.7rem 0 1rem 0;}
.pproduct-group-list{ justify-content: space-between;}
.pproduct-group-list .list-item{ background: #eef2f6; width: 48.5%; position: relative;overflow: hidden; margin-bottom: 0.5rem; border-radius: 0.26rem;}
.pproduct-group-list .li-sider{ overflow: hidden;}
.pproduct-group-list .li-sider li{ padding: 0.65rem 0.5rem 0.8rem 0.5rem; }
.pproduct-group-list .li-logo{ width: 1.16rem; position: absolute; right: 0.5rem; bottom: 0.38rem;}
.pproduct-group-list .li-head{ transition: var(--transition);}
.pproduct-group-list .li-thumb{ height: 2.75rem;  margin-top: 0.25rem; display: flex; align-items: center; justify-content: center;}
.pproduct-group-list .li-thumb img{ max-height: 100%;}
.pproduct-group-list .li-cover{ background: rgba(43,173,70,.8); width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; color: var(--color-white); position: absolute; left: 0; top: 0; z-index: 10; transition: var(--transition); opacity: 0;}
.pproduct-group-list .li-cover .cc{ line-height: 0.32rem; margin-top: 0.3rem;}
.pproduct-group-list .li-cover .cc span{ width: 33.33%; text-align: center;}
.pproduct-group-list li:hover .li-head{ opacity: 0;}
.pproduct-group-list li:hover .li-cover{ opacity: 1;}
.pproduct-group-list .swiper-pagination{ width: auto !important; left: 0.5rem !important; bottom: 0.48rem !important;}
.pproduct-group-list .swiper-pagination-bullet{ width: 0.12rem; height: 0.12rem; margin: 0 0.17rem 0 0 !important; opacity: .2;}
.pproduct-group-list .swiper-pagination-bullet-active{ background: var(--color-white); opacity: 1;}


.pproduct-edge{ justify-content: space-between; margin-top: -0.55rem;}
.pproduct-edge li{ background: var(--color-white); width: 31.25%; margin-top: 0.55rem; padding: 0.4rem; position: relative; cursor: pointer;}
.pproduct-edge li:before{ content:''; background: var(--color-green); width: 0; height: 0.06rem; position: absolute; left: 0; bottom: 0;}
.pproduct-edge li .num{ font-family:'dfst-m8'; font-style: italic; line-height: 1; position: absolute; right: 0.4rem; top:0.4rem; font-size: 0.9rem; color: #eae9e9;}
.pproduct-edge li .icon{ background: var(--color-green); width: 0.6rem; height: 0.6rem; font-size: 0.3rem; align-items: center; justify-content: center; color: var(--color-white); border-radius: 50%;}
.pproduct-edge li:hover:before{ width: 100%; transition: var(--transition);}


.pproduct-model{ background:url(../images/model.png) no-repeat center; background-size: 100% auto; min-height: 4.8rem;}
.pproduct-model li{ width: 20%; align-items: flex-start;}
.pproduct-model dl{ background:url(../images/model-line1.png) no-repeat top center; background-size: 0.69rem auto; padding-top: 1.28rem;}
.pproduct-model dl dt{ background: var(--color-green); width: 0.52rem; height: 0.52rem; font-size: 0.26rem; margin-right: 0.2rem; align-items: center; justify-content: center; color: var(--color-white); border-radius: 50%;}
.pproduct-model dl dd{ flex:1;}
.pproduct-model li:nth-child(2n+1){ align-items:  flex-end;}
.pproduct-model li:nth-child(2n+2) dl{ background:url(../images/model-line2.png) no-repeat bottom center; background-size: 0.69rem auto; padding-top: 0; padding-bottom: 1.28rem;}


/**内页底部**/
.pfooter{ background-image:url(../images/pfooter-bg.jpg); background-size: cover; background-position: center; padding: 0.75rem 0 0.5rem 0; text-align: center;}
.pfooter-menu{ display: flex; align-items: center; margin-top: 0.3rem; justify-content: center;}
.pfooter-menu a{ padding: 0 0.28rem; position: relative; color: #474747;}
.pfooter-menu a:before{ content: '/'; position: absolute; right: 0; top: 0; color: #474747;}
.pfooter-menu a:hover{ color: var(--color-green);}
.pfooter-text .spac{ margin: 0 0.14rem;}
.pfooter-code img{ width:1rem;}

/**关于我们**/
.pabout-blurb { background-image: url(../images/pabout-blurb.jpg); background-position:bottom center; background-size:cover; padding: 2.5rem 0 3.6rem 0;}
.pabout-blurb .w{ align-items: center; justify-content: space-between;}
.pabout-blurb .bl-head{ width: 40%;}
.pabout-blurb .bl-head .label{ font-size: 0.48rem; margin-top: 0.2rem;}
.pabout-blurb .bl-word{ width: 60%; font-size: 0.18rem; line-height: 0.36rem; color:var(--color-gray);}

.pabout-culture{ height: 9.6rem; justify-content: space-between;}
.pabout-culture-thumb{ width: 50%; height: 100%; overflow: hidden;}
.pabout-culture-thumb span{ background-size: cover; background-position: center; width: 100%; height: 100%; display: block; transition: var(--transition);}
.pabout-culture-thumb:hover span{ transform: scale(1.05);}
.pabout-culture-word{ width: 50%; height: 100%; display: flex; justify-content: center; align-items: center;}
.pabout-culture-word .iboxt .cn{ line-height: 0.4rem;}

.pabout-honor{ background-image: url(../images/pabout-honor.jpg); background-position:center; background-size:cover; padding: 1.2rem 0 1.55rem 0; }
.pabout-honor-cont{ justify-content: space-between; align-items: center; margin-top: 0.9rem;}
.pabout-honor-tabs{ width:13%;}
.pabout-honor-tabs li{ margin-top:0.5rem; font-size:0.24rem; line-height:1; text-align: right; position:relative; padding-bottom:0.2rem; cursor:pointer;}
.pabout-honor-tabs li:first-child{ margin-top: 0;}
.pabout-honor-tabs li:before{ content: ''; background: var(--color-green); width: 0; height: 0.03rem; position: absolute; right: 0; bottom: 0; transition: var(--transition);}
.pabout-honor-tabs li.active{ font-size: 0.3rem; color: var(--color-green);}
.pabout-honor-tabs li.active:before{ width: 0.78rem;}

.pabout-honor-case{ width:77%;}
.pabout-honor-case .pure{ display:none; justify-content: space-between;}
.pabout-honor-case .pure:first-child{ display:flex;}
.pabout-honor-thumb{ position:relative; overflow:hidden; padding-left: 24%; width:57%;}
.pabout-honor-thumb li{ text-align:center; opacity:0.5; transition:var(--transition);}
.pabout-honor-thumb li .thumb{ height: 4.78rem; display: flex; align-items: center; justify-content: center;}
.pabout-honor-thumb li .thumb img{ max-height: 100%;}
.pabout-honor-thumb li .title{ font-size:0.2rem; margin-top:0.25rem; display:none;}
.pabout-honor-thumb li.active { opacity:1;}
.pabout-honor-thumb li.active .title{ display:block;}

.pabout-honor-name{ width:38%; padding:0.9rem 0; position:relative;}
.pabout-honor-name .swiper-container{ height:3.2rem; overflow:hidden; }
.pabout-honor-name li{ display:flex; align-items:center; font-size:0.18rem; justify-content:center;}
.pabout-honor-name li.active-nav{ font-weight: bold;}
.pabout-honor-name .swiper-button-next, .pabout-honor-name .swiper-button-prev{ width:100%; height:auto; color: #474747; font-size:0.28rem; top:auto; margin-top:auto; text-align:center;}
.pabout-honor-name .swiper-button-next{ right:0; bottom:0;}
.pabout-honor-name .swiper-button-prev{ left:0; top:0;}



.pabout-framework{ background: #eee url(../images/pabout-framework.jpg) no-repeat left; background-size:70% 100%; overflow: hidden; padding: 1.4rem 0;}
.pabout-framework .framework-title{ font-size: 0.46rem; margin-bottom: 0.6rem;}

.pabout-core{ background-image: url(../images/pabout-core.jpg); background-position:center; background-size:cover; padding: 1.3rem 0 2.1rem 0; }
.pabout-core-head .desc{ display: flex; align-items: center; justify-content: center; margin-top: 0.2rem;}
.pabout-core-head .desc .dot{ background: var(--color-green); width: 0.06rem; height: 0.06rem; margin:0 0.1rem 0 0.2rem;}
.pabout-core-list{ justify-content: space-between; margin-top: 0.9rem;}
.pabout-core-list li{ width: 29.5%;}
.pabout-core-list li .litop{ background: var(--color-white); width: calc(100% - 0.3rem); margin: auto; height: 3.3rem; padding: 0.35rem 0.4rem 0.3rem 0.4rem; overflow-y: auto; transition: var(--transition);}
.pabout-core-list li .litop .txt{ line-height: 0.24rem; color: var(--color-gray); margin-top: 0.2rem;}
.pabout-core-list li .libtm{ background: url(../images/core-lineL.png); background-size: 100% 100%; height: 0.87rem; font-size: 0.2rem; line-height: 0.3rem; display: flex; justify-content: center; align-items: center;}
.pabout-core-list li:hover .litop{ background: var(--color-green);}
.pabout-core-list li:hover .litop *{ color: var(--color-white);}


.pabout-team{ background-image: url(../images/pabout-teamBg.jpg); background-position:center; background-size:cover; padding: 1rem 0 1.6rem 0; }
.pabout-team-list{ margin-left: -0.6rem; position: relative;}
.pabout-team-list li{ width: calc(33.33% - 0.6rem); margin: 1rem 0 0 0.6rem;}
.pabout-team-list li .te-top{ display: flex; align-items: center;}
.pabout-team-list li .te-top .label{ width: 0.9rem; text-align: center; font-family: 'BarlowCondensed-Thin'; font-size: 0.48rem; line-height: 1; color: var(--color-green); font-style: italic;}
.pabout-team-list li .te-top .name{ background: var(--color-green); min-width: 1.8rem; padding-left: 0.18rem; color: var(--color-white); line-height: 0.5rem;}
.pabout-team-list li .te-top .name em{font-family:'PingFang-Regular'; font-size: 0.16rem; padding-left: 0.14rem; display: inline-block; line-height: 1;}
.pabout-team-list li .te-inner{ display: flex; margin-top: 0.2rem; align-items: flex-start}
.pabout-team-list li .te-inner .line{ width: 0.9rem;  display: flex; flex-direction: column; justify-content: center; align-items: center; margin-top: 0.1rem;}
.pabout-team-list li .te-inner .line em{ background: var(--color-green); width: 0.11rem; height: 0.11rem; border-radius: 50%;}
.pabout-team-list li .te-inner .line i{ background-image: linear-gradient(to bottom, #90d49e, var(--color-white)); width:0.02rem; height: 0.8rem; margin-top: 1px;}
.pabout-team-list li .te-inner .txt{ width: calc(100% - 0.9rem);}



/**菜单**/
.Mobile-button{ background:var(--color-green); width:50px; 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-green); 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;}
.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;}