@charset "utf-8";
/* CSS Document */
/**https://www.scangoo.cn**/


::-webkit-scrollbar { width:5px; }
::-webkit-scrollbar-track { background:#fff;}
::-webkit-scrollbar-thumb { background:#d08e29;}


html{ font-size:100px;}
body { font-size:0.16rem; font-family:'pingFangSC-MEDIUM',PingFang SC; color:#000; background:#fff; overflow-x:hidden; -webkit-tap-highlight-color:transparent;}
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"], textarea { font-size:0.16rem; font-family:'pingFangSC-MEDIUM',PingFang SC; -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:#000; cursor:pointer; -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s;}
a:hover { text-decoration:none; color:#315d99; }
*{ margin:0; padding:0; border:0; font-size:100%; outline:none; 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:0 auto; }
.pw{ width:78%; max-width:1500px; min-width:1200px; margin:0 auto; }.align-vertical { display:table-cell; vertical-align:middle;}
.hide{ display:none;}



/*阻止旋转屏幕时自动调整字体大小*/
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],button{ -moz-appearance: textfield; -webkit-appearance: none !important; margin: 0; }
/*移除上下小箭头 Firefox*/
input::-webkit-input-placeholder { color:#666; }
textarea::-webkit-input-placeholder { color:#666; }
input::-webkit-input-speech-button { display: none; }


.font-r{ font-family:'pingFangSC-REGULAR';}
.font-b{ font-family:'pingFangSC-BOLD';}

@font-face { font-family:'pingFangSC-REGULAR'; src:url('../fonts/PINGFANG REGULAR.TTF'); }
@font-face { font-family:'pingFangSC-MEDIUM'; src:url('../fonts/PINGFANG MEDIUM.TTF'); }
@font-face { font-family:'pingFangSC-BOLD'; src:url('../fonts/PINGFANG BOLD.TTF'); }
@font-face { font-family:'pingFangSC-LIGHT'; src:url('../fonts/PINGFANG LIGHT.TTF'); }
@font-face { font-family:'bahnschrift'; src:url('../fonts/bahnschrift.ttf'); }

@font-face {
  font-family: "iconfont"; /* Project id 3441352 */
  src: url('../fonts/iconfont.woff2?t=1653985162548') format('woff2'),
       url('../fonts/iconfont.woff?t=1653985162548') format('woff'),
       url('../fonts/iconfont.ttf?t=1653985162548') format('truetype');
}


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


/**index**/
.hyIndex-page{ width:100%; height:100vh; position:relative; overflow:hidden;}
/*.kjcIndex-page>.swiper-wrapper>.swiper-slide{ -webkit-transition:all .6s; -o-transition:all .6s; transition:all .6s; -webkit-transform:scale(.8); -ms-transform:scale(.8); transform:scale(.8); opacity:.6;}
.kjcIndex-page>.swiper-wrapper>.swiper-slide.active { -webkit-transition:all 0s; -o-transition:all 0s; transition:all 0s; -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1); opacity:1; }
*/

.hyIndex-page div.active .hyAbout-head .cn{ animation-name:fadeInLeft; animation-duration:1s;}
.hyIndex-page div.active .hyAbout-head .en{ animation-name:fadeInRight; animation-duration:1.2s;}
.hyIndex-page div.active .hyAbout-text{ animation-name:fadeInUp; animation-duration:1.4s;}
.hyIndex-page div.active .hyAbout-number dl{ animation-name:fadeInUp; animation-duration:1.6s;}
.hyIndex-page div.active .hyAbout-number dl:nth-child(2){animation-duration:1.8s;}
.hyIndex-page div.active .hyAbout-number dl:nth-child(3){animation-duration:2s;}
.hyIndex-page div.active .hyAbout-number dl:nth-child(4){animation-duration:2.2s;}
.hyIndex-page div.active .hyAbout-more{ animation-name:fadeInDown; animation-duration:2.4s;}

.hyIndex-page div.active .hyProduct-switch .sw-sider li .word{animation-name:fadeInLeft; animation-duration:1s;}
.hyIndex-page div.active .hyProduct-switch .sw-sider li .thumb{animation-name:fadeInRight; animation-duration:1.2s;}
.hyIndex-page div.active .hyProduct-series{ animation-name:fadeInUp; animation-duration:1.4s;}

.hyIndex-page div.active .hyNews-list li{ animation-name:fadeInRight; animation-duration:1s;}
.hyIndex-page div.active .hyNews-list li:nth-child(2){animation-duration:1.2s;}
.hyIndex-page div.active .hyNews-list li:nth-child(3){animation-duration:1.4s;}
.hyIndex-page div.active .hyNews-list li:nth-child(4){animation-duration:1.6s;}

.hyIndex-page div.active .hyContact-way .address{ animation-name:fadeInLeft; animation-duration:1s;}
.hyIndex-page div.active .hyContact-way .map{ animation-name:fadeInLeft; animation-duration:1.2s;}
.hyIndex-page div.active .hyContact-way .obtain{ animation-name:fadeInLeft; animation-duration:1.4s;}

.hyIndex-page div.active .hyContact-message{ animation-name:fadeInRight; animation-duration:1s;}
.hyIndex-page div.active .hyContact-message .me-title{ animation-name:fadeInUp; animation-duration:1.2s;}
.hyIndex-page div.active .hyContact-message .me-filed li{ animation-name:fadeInUp; animation-duration:1.3s;}
.hyIndex-page div.active .hyContact-message .me-filed li:nth-child(2){animation-duration:1.4s;}
.hyIndex-page div.active .hyContact-message .me-filed li:nth-child(3){animation-duration:1.5s;}
.hyIndex-page div.active .hyContact-message .me-filed li:nth-child(4){animation-duration:1.6s;}
.hyIndex-page div.active .hyContact-message .me-filed li:nth-child(5){animation-duration:1.7s;}
.hyIndex-page div.active .hyContact-message .me-filed li:nth-child(6){animation-duration:1.8s;}


.hyIndex-page div.active .hyFooter-menu dl{ animation-name:fadeInLeft; animation-duration:1s;}
.hyIndex-page div.active .hyFooter-menu dl:nth-child(2){animation-duration:1.1s;}
.hyIndex-page div.active .hyFooter-menu dl:nth-child(3){animation-duration:1.2s;}
.hyIndex-page div.active .hyFooter-menu dl:nth-child(4){animation-duration:1.3s;}
.hyIndex-page div.active .hyFooter-menu dl:nth-child(5){animation-duration:1.4s;}
.hyIndex-page div.active .hyFooter-menu dl:nth-child(6){animation-duration:1.5s;}
.hyIndex-page div.active .hyFooter-menu dl:nth-child(7){animation-duration:1.6s;}
.hyIndex-page div.active .hyFooter-menu dl:nth-child(8){animation-duration:1.7s;}
.hyIndex-page div.active .hyFooter-menu dl:nth-child(9){animation-duration:1.8s;}
.hyIndex-page div.active .hyFooter-flex{animation-name:fadeInDown; animation-duration:1.9s;}


.hyHead{ background:rgba(255,255,255,.7); width:100%; position:absolute; left:0; top:0; z-index:99; padding:0 0.55rem; display:flex; justify-content:space-between; align-items:center; box-shadow:4px 0 10px rgba(67,67,67,.04);}
.hyHead-logo{ width:3.18rem;}
.hyHead-nav{ display:flex; flex:2; justify-content:flex-end;}
.hyHead-nav li{ position:relative; padding:0.23rem 0.12rem;}
.hyHead-nav li a.far{ font-size:0.18rem; display:inline-block; line-height:0.34rem; padding:0 0.16rem; border-radius:0.03rem;} 
.hyHead-nav li.active a.far, .hyHead-nav li:hover a.far{ background:#ffcc33; color:#b65508;}

.hyHead-tools{ display:flex; align-items:center; margin-left:0.3rem;}
.hyHead-tools a{ min-width:0.44rem; text-align:center; display:inline-block; line-height:0.32rem; font-size:0.18rem; margin-right:0.1rem;  border-radius:0.03rem;}
.hyHead-tools a.active, .hyHead-tools a:hover{background:#ffcc33; color:#b65508;}
.hyHead-tools .search{ position:relative;}
.hyHead-tools .search .srhBtn{ font-size:0.22rem; display:inline-block; line-height:0.32rem; cursor:pointer;}
.hyHead-tools .search .srhBox{ background-color:#f2f2f2; padding:0.1rem; top:0.6rem; visibility:hidden; opacity:0; position:absolute; right:0; display:flex; box-shadow:0px 2px 4px -2px rgba(0, 0, 0, 0.3); z-index:2; transition:all 0.4s;}
.hyHead-tools .search .srhBox .select{color: #666; padding: 0 0.1rem; border-right: 1px solid #efefef;}
.hyHead-tools .search .srhBox .inpt{ background-color:#fff; line-height:0.2rem; font-size:0.15rem; padding:0.1rem; width:2.3rem; }
.hyHead-tools .search .srhBox .btn{ background:#ffcc33; color:#fff; font-size:0.22rem; width:0.46rem; height:0.4rem; cursor:pointer; }
.hyHead-tools .search .srhBox.active{ top:0.52rem; -moz-opacity:1; opacity:1; visibility:visible;}




.hyBanner{ width:100%; height:100%; position:relative; overflow:hidden;}
.hyBanner li{ position:relative;}
.hyBanner li video{ width:100%; height:100%; object-fit: fill; vertical-align:top;}
.hyBanner li img{ width:100%; height:100%; object-fit:cover; }
.hyBanner li .more{ background:rgba(255,255,255,.5); position:absolute; left:50%; bottom:0.65rem; transform:translateX(-50%); z-index:2; font-size:0.18rem; line-height:0.52rem; display:inline-block; padding:0 0.64rem; color:#fff; border-radius:0.3rem;}
.hyBanner li .more:hover{ background:#ffcc33; color:#b65508;}
.hyBanner .swiper-button-next, .hyBanner .swiper-button-prev{ width:auto; height:auto; font-size:0.34rem; color:#fff; opacity:1 !important;}
.hyBanner .swiper-button-next{ right:3%;}
.hyBanner .swiper-button-prev{ left:3%;}
.hyBanner .swiper-pagination{ bottom:0.29rem !important;}
.hyBanner .swiper-pagination-bullet{ background:#fff; width:0.1rem; height:0.1rem; margin:0 0.11rem !important; opacity:.5;}
.hyBanner .swiper-pagination-bullet-active{ opacity:1;}



.hyAbout{ background-image:url(../images/hyAbout-bg.jpg); background-position:center; background-size:cover; width:100%; height:100%; display:flex; align-items:center; justify-content:center; color:#fff; position:relative;}

.hyAbout .w{ background:rgba(0,0,0,.3); padding:0.3rem 0.2rem;  max-width:965px; min-width:inherit; text-align:center; position:relative; border-radius:0.3rem;}
.hyAbout-head{ font-family:'pingFangSC-BOLD'; line-height:1;}
.hyAbout-head .cn{ font-size:0.48rem;}
.hyAbout-head .en{ font-size:0.24rem; color:#92bee8; text-transform:uppercase; margin-top:0.2rem;}
.hyAbout-text{ line-height:0.3rem; margin-top:0.65rem;}
.hyAbout-number{ display:flex; justify-content:space-between; margin-top:0.65rem; padding:0 0.6rem;}
.hyAbout-number dl dt{ font-family:'bahnschrift'; font-size:0.48rem; line-height:1;}
.hyAbout-number dl dt span{ display:inline-block;}
.hyAbout-number dl dt .unit{ font-style:normal; margin-left:0.1rem; display:inline-block; line-height:0.5; vertical-align:top;}
.hyAbout-number dl dd{ font-size:0.18rem; margin-top:0.1rem;}
.hyAbout-more{ text-align:center; margin-top:0.6rem;}
.hyAbout-more a{ background:#ffcc33; width:2rem; line-height:0.5rem; font-size:0.18rem; color:#b65508; display:inline-block; border-radius:0.25rem;}
.hyAbout-more a:hover{ background:#b65508; color:#fff;}


.hyProduct{ background-image:url(../images/hyProduct-bg.jpg); background-position:center; background-size:cover; width:100%; height:100%; display:flex; align-items:center; justify-content:center; flex-direction:column; position:relative;}
.hyProduct-switch .w{ position:relative; padding:0 1.8rem;}
.hyProduct-switch .sw-sider{ overflow:hidden;  }
.hyProduct-switch .sw-sider li{ width:100% !important; display:flex; align-items:center; justify-content:space-between; flex-direction:row-reverse; }
.hyProduct-switch .sw-sider li .word{ width:45%;}
.hyProduct-switch .sw-sider li .word .s{ font:0.26rem/1 'pingFangSC-REGULAR';}
.hyProduct-switch .sw-sider li .word .x{ font:0.48rem/1 'pingFangSC-BOLD'; margin-top:0.3rem;}
.hyProduct-switch .sw-sider li .word .t{ font-size:0.18rem; margin-top:0.3rem;}
.hyProduct-switch .sw-sider li .word .c{ line-height:0.26rem; color:#444; margin-top:0.25rem; text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.hyProduct-switch .sw-sider li .word .m{ background:#ffcc33; width:2rem; line-height:0.52rem; font-size:0.18rem; color:#b65508; display:inline-block; text-align:center; margin-top:0.65rem; border-radius:0.25rem; border:1px #ffcc33 solid;}
.hyProduct-switch .sw-sider li .word .m:hover{ background:#ffcc33; }
.hyProduct-switch .sw-sider li .thumb{ width:48%; height:5.1rem;  display: flex; align-items: center; justify-content: center;} 
.hyProduct-switch .sw-sider li .thumb img{ max-height:100%;}
.hyProduct-switch .swiper-button-next, .hyProduct-switch .swiper-button-prev{ width:auto; height:auto; font-size:0.34rem; margin-top:-0.17rem;}
.hyProduct-switch .swiper-button-next{ right:0;}
.hyProduct-switch .swiper-button-prev{ left:0;}

.hyProduct-series{ width:100%; position:absolute; left:0; bottom:5.55vh;}
.hyProduct-series:before{ content:''; background:#bbb; width:100%; height:1px; position:absolute; left:0; bottom:0.17rem;}
.hyProduct-series .se-sider{ overflow:hidden;}
.hyProduct-series .se-sider .swiper-wrapper{ transform:none !important;}
.hyProduct-series .se-sider li{ width:25% !important; font:0.24rem/1 'pingFangSC-REGULAR'; text-align:center; cursor:pointer;}
.hyProduct-series .se-sider li i{ width:0.36rem; height:0.36rem; display:inline-block; position:relative; margin-top:0.3rem; vertical-align:top; border-radius:50%;}
.hyProduct-series .se-sider li i:before{ content:''; background:#c5c5c5; width:0.16rem; height:0.16rem; position:absolute; left:0.1rem; top:0.1rem; border-radius:50%;}
.hyProduct-series .se-sider li.active i{ background:rgb(255 204 51);}


.hyNews{ background-image:url(../images/hyNews-bg.jpg); background-position:center; background-size:cover; width:100%; height:100%; display:flex; align-items:center; justify-content:center; padding-top:0.8rem;}
.hyNews .hyAbout-more{ margin-top:0.4rem;}
.hyNews-list{ display:flex;}
.hyNews-list li{ width:25%; height:65vh; position:relative; }
.hyNews-list li a{ width:100%; height:100%; display:block;}
.hyNews-list li .pic{ background-position:center; background-size:cover; width:100%; height:0; position:absolute; left:0; top:0;}
.hyNews-list li .word{ width:100%; height:100%; position:relative; z-index:2; padding:0.25rem 0.3rem; display:flex; align-items:center; justify-content:center; transition:all 0.4s;}
.hyNews-list li .word .w-box{ transition:all 0.4s;}
.hyNews-list li .word .d{ color:#005077;}
.hyNews-list li .word .t{ font-size:0.2rem; line-height:0.28rem; min-height:0.76rem; font-family:'pingFangSC-BOLD'; margin-top:0.1rem; padding-bottom:0.2rem; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; border-bottom:1px rgba(0,80,119,.1) solid;}
.hyNews-list li .word .c{ line-height:0.24rem;  margin-top:0.15rem; height:0.72rem; text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; text-align: justify;}
.hyNews-list li:hover .pic{ height:100%;}
.hyNews-list li:hover .word{ background:url(../images/hyNews-blue.png) repeat-x bottom; align-items:flex-end;}
.hyNews-list li:hover .word .d{ color:#fff;}
.hyNews-list li:hover .word .t{ color:#fff; border-color:rgba(255,255,255,.3);}
.hyNews-list li:hover .word .c{ color:#fff;}


.hyContact{ background-image:url(../images/hyContact-bg.jpg); background-position:center; background-size:cover; width:100%; height:100%; display:flex; align-items:center; justify-content:center; padding-top:0.8rem; color:#fff;}
.hyContact .w{ width:1130px; min-width:inherit;}
.hyContact-title{ font-size:0.28rem; line-height:1; padding-bottom:0.5rem;}
.hyContact-way .address{ line-height:0.6rem;}
.hyContact-way .map{ width:360px; height:2.1rem; overflow:hidden; margin-top:0.2rem; border-radius:0.05rem;}
.hyContact-way .obtain{ background:#ffcc33; width:2rem; line-height:0.54rem; font-size:0.18rem; text-align:center; margin-top:0.5rem; color:#b65508; display:inline-block; border-radius:0.25rem;}
.hyContact-way .obtain:hover{ background:#b65508; color:#fff;}
.hyContact-message{ background:rgba(255,255,255,.2); width:478px; margin-top:0.25rem; padding:0.5rem 0.3rem 0.45rem 0.3rem; border-radius:0.04rem;}
.hyContact-message .me-title{ text-align:center; line-height:1; font-size:0.2rem; padding-bottom:0.15rem;}
.hyContact-message .me-filed li{ background:rgba(255,255,255,.3); margin-top:0.24rem; position:relative; overflow:hidden; display:flex; border-radius:0.03rem;}
.hyContact-message .me-filed li label{ color:#fff; line-height:0.5rem; padding-left:0.25rem;}
.hyContact-message .me-filed li .inpt{ background:none; flex:1; color:#fff; vertical-align:top;}
.hyContact-message .me-filed li .inpt option{ color:#000;}
.hyContact-message .me-filed li .area{ background:none; flex:1; height:1rem; color:#fff; padding:0.1rem; padding-left:0; line-height:0.3rem; vertical-align:top;}
.hyContact-message .me-filed li .sbtn{ background:#ffcc33; width:100%; height:0.48rem; line-height:0.48rem; display:block; font-size:0.18rem; color:#b65508; cursor:pointer; transition:0.4s;}
.hyContact-message .me-filed li .sbtn:hover{ background:#b65508; color:#fff;}


.hyFooter{ background:#1c2126; width:100%; height:100%; padding-top:1rem;}
.hyFooter .w{ height:100%; display:flex; flex-direction:column; justify-content:space-between; font-size:0.15rem;}
.hyFooter-menu{ display:flex; justify-content:space-between;}
.hyFooter-menu dl dt{ font-size:0.18rem; color:#fff; line-height:1;}
.hyFooter-menu dl dd a{ display:block; color:rgba(255,255,255,.6); margin-top:0.15rem; line-height:1;}
.hyFooter-menu dl dd a:hover{ color:#fff;}
.hyFooter-flexLinks{ padding:0.15rem 0; display:flex; justify-content:space-between; border-top:1px solid rgba(255,255,255,.1); border-bottom:1px solid rgba(255,255,255,.1);}  
.hyFooter-flexLinks .friend{ display:flex; flex:1; line-height:0.36rem;}
.hyFooter-flexLinks .friend .ft{ font-size:0.18rem; color:#fff;}
.hyFooter-flexLinks .friend .fc{ flex:1; padding-left:0.2rem;}
.hyFooter-flexLinks .friend .fc a{  color:rgba(255,255,255,.6); margin-right:0.3rem;}
.hyFooter-flexLinks .friend .fc a:hover{ color:#fff;}
.hyFooter-flexLinks .weChat{ display:flex;}
.hyFooter-flexLinks .weChat li{ max-width:0.86rem; text-align:center; color:#fff; margin-left:0.45rem;}
.hyFooter-flexLinks .weChat li img{ margin-bottom:0.1rem;}
.hyFooter-flexCopy{ text-align:center; color:#7f8c99; padding:0.15rem 0;}


.footer-mobile{    position: fixed;
    width: 100%;
    left: 0;
    bottom: 0; z-index:30;
    background: rgba(0,0,0,.5);
    padding: 10px 0;
    display: none; text-align:center; font-size:0;}
.footer-mobile a{ background:#005077; width:28%; margin:0 1.4%; color:#fff; display:inline-block; font-size:14px; line-height:40px; border-radius:5px;}

.return-top{ width:40px; position:fixed; right:2%; bottom:300px; z-index:99; cursor:pointer;}

/**关于华远**/
.pbanner{ background-position:center; background-size:cover; width:100%; height:580px; position:relative;}
.pbanner-text{ width:78%; min-width:1200px; position:absolute; left:50%; bottom:-0.7rem; z-index:10; transform:translateX(-50%);}
.pbanner-text .iboxt{ background:#ffcc33; min-width:2.3rem; color:#993300; display:inline-block; padding:0.35rem 0.5rem 0.25rem 0.23rem; line-height:1;}
.pbanner-text .iboxt .cn{font-weight:bold; font-size:0.3rem; text-transform:uppercase; position:relative; padding-top:0.2rem;}
.pbanner-text .iboxt .cn:before{ content:''; background:#993300; width:0.2rem; height:0.04rem; position:absolute; left:0; top:0;}
.pbanner-text .iboxt .en{ display:none; font-size:0.3rem; font-weight:bold; margin-top:0.1rem;}

.pmain{ padding:1.7rem 0 1.2rem 0;}
.pleft{ width:18.6%;}
.pleft-title .cn{ display:inline-block; position:relative; font-size:0.3rem; line-height:1; padding-bottom:0.25rem;}
.pleft-title .cn:before{ content:''; background:#315d99; width:100%; height:2px; position:absolute; left:0; bottom:0;}

.pleft-menu li{ margin-top:0.55rem; position: relative;}
.pleft-menu li a.far{ display:block; color:#4d4d4d; font-size:0.18rem; }
.pleft-menu li.active a.far, .pleft-menu li a.far:hover{ color:#315d99;}
.pleft-menu li .subnav{ background:#fff;  max-width: 180px; position: absolute; left: 40%; top:-20px; z-index: 10; display: none;}
.pleft-menu li .subnav a{ display: block; font-size: 0.16rem; padding: 0.1rem; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; border-radius: 5px;}
.pleft-menu li .subnav a:hover{    background: #fc3; color: #993300;}
.pleft-menu li:hover .subnav{ display: block;}


.pright{ width:81.4%;}
.pright-top{ font-size:0.3rem; line-height:1;}
.pright-top .en{ color:#ffcc33; text-transform:uppercase;}

.pright-page{ padding-top:0.9rem;  text-align:center;     display: flex;
    align-items: center;
    justify-content: center;}
.pright-page a{ background:#eee; line-height:0.46rem; margin:0 0.1rem; padding:0 0.2rem; vertical-align:top; display:inline-block; color:#999; font-size:0.18rem; border-radius:0.05rem;}
.pright-page .nowpage{ background:#ffcc33; line-height:0.46rem; margin:0 0.1rem; padding:0 0.2rem; vertical-align:top; display:inline-block; color:#666; font-size:0.18rem; border-radius:0.05rem;}
.pright-page a:hover{ background:#ffcc33; color:#666;}


.pabout-introd{ line-height:0.3rem; margin-top:0.4rem; color:#4c4c4c;}
/*.pabout-history{ overflow:hidden; margin-top:1.2rem; padding-bottom:1.6rem; position:relative;}
.pabout-history li{ display:flex;}
.pabout-history li .line{ position:relative; width:0.18rem; text-align:center;}
.pabout-history li .line i{ width:0.18rem; height:0.18rem; display:block; vertical-align:top; border:0.02rem #aaa solid; border-radius:50%;}
.pabout-history li .line em{ background-image:linear-gradient( #aaa, #fff); width:0.02rem; height:1.42rem; display:inline-block;}
.pabout-history li .word{ flex:1; padding-left:0.13rem;}
.pabout-history li .word .y{ font-size:0.2rem; line-height:1;}
.pabout-history li .word .c{ line-height:0.3rem; color:#666; margin-top:0.1rem;}
.pabout-history li .word .f{ overflow:hidden; margin-top:0.2rem;}
.pabout-history li .word .f img{ width:100%; display:block; transition:all 0.4s;}
.pabout-history li:hover img{ transform:scale(1.05);}
.pabout-history .button{ width:100%; position:absolute; left:0; bottom:0; display:flex; justify-content:space-between;}
.pabout-history .button .b-bg{ background:#f8f8f8; flex:1; height:0.46rem;}
.pabout-history .swiper-button-next, .pabout-history .swiper-button-prev{ background:#006899; width:0.46rem; height:0.46rem; line-height:0.46rem; text-align:center; color:#fff; margin-left:25px; position:relative; top:auto; margin-top:0; opacity:1 !important; cursor:pointer;}
.pabout-history .swiper-button-next{ background:#ffcc33; right:0;}
.pabout-history .swiper-button-prev{ left:0;}*/

.pabout-history{ position:relative; padding-top:0.5rem; margin-top:0.6rem;}
.pabout-history:before{ content:''; height:100%; position:absolute; left:1rem; top:0; transform:translateX(-50%); border-left:1px #ffcc33 dashed;}
.pabout-history:after{ content:''; background:#ffcc33; width:0.19rem; height:0.19rem; position:absolute; left:1rem; transform:translateX(-50%); top:0; z-index:2; border-radius:50%;}
.pabout-history li{ padding:0.3rem 0; display:flex; position:relative; align-items:center;  justify-content:space-between;}
.pabout-history li:before{ content:''; background:#fff; width:0.19rem; height:0.19rem; position:absolute; left:1rem; top:50%; transform:translateY(-50%); margin-left:-0.1rem; border:1px #ffcc33 solid; border-radius:50%;}
.pabout-history li:after{ content:''; background:#ffcc33; width:0.09rem; height:0.09rem; position:absolute; left:1rem; top:50%; transform:translateY(-50%);  margin-left:-0.05rem;  border:1px #ffcc33 solid; border-radius:50%;}
.pabout-history li .year{ width:1rem; font-weight:bold; font-size:0.2rem; color:#315d99;}
.pabout-history li .word{ flex:1; margin-left:0.5rem; position:relative; padding:0.3rem; line-height:0.3rem; border-radius:0.1rem; box-shadow:0 1px 10px rgba(0,0,0,.05);}
.pabout-history li .word:before{ content:''; background:url(../images/rt-arrow.png) no-repeat; background-size:100% 100%; width:0.27rem; height:0.37rem; position:absolute; left:-0.27rem; top:50%; transform:translateY(-50%);}



.pabout-video{ display:flex; justify-content:space-between; flex-wrap:wrap; padding-top:25px;}
.pabout-video li{ width:calc(50% - 11px); margin:30px 0 0 0;}
.pabout-video li .thumb{ width:100%; height:3.1rem; position:relative; overflow:hidden;}
.pabout-video li .thumb img{ width:100%; height:100%; object-fit:cover; display:block; transition:all 0.4s;}
.pabout-video li .play{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:2;}
.pabout-video li .play .iconfont{ display:inline-block; font-size:0.55rem; color:#fff; transition:all 0.6s;}
.pabout-video li .desc{ display:flex; justify-content:space-between; align-items:center; padding:25px; border:1px #eee solid;}
.pabout-video li .desc .t{ font-size:0.2rem; line-height:1;}
.pabout-video li .desc .d{ color:#999; margin-top:0.1rem; display:inline-block;}
.pabout-video li .desc .sc{ font-size:0.14rem; text-transform:uppercase;}
.pabout-video li .desc .sc .iconfont{ color:#ffcc33; font-size:0.16rem; margin-left:0.09rem;}
.pabout-video li:hover .thumb img{ transform:scale(1.05);}
.pabout-video li:hover .play .iconfont{ transform:rotate(360deg);}


.pabout-ambience-first{ background:#f8f8f8; display:flex; align-items:center; margin-top:0.9rem;}
.pabout-ambience-first .figure{ width:50%; overflow:hidden;}
.pabout-ambience-first .figure img{ width:100%; display:block; transition:all 0.4s;}
.pabout-ambience-first .word{ width:50%; padding:0 0.5rem;}
.pabout-ambience-first .word .t{ font-size:0.24rem; line-height:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.pabout-ambience-first .word .c{ margin-top:0.2rem; line-height:0.3rem; color:#666; max-height:0.9rem; text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.pabout-ambience-first .word .m{ background:#ffcc33; display:inline-block; color:#993300; line-height:0.43rem; padding:0 0.5rem; margin-top:0.3rem;}
.pabout-ambience-first .word .m:hover{ background:#993300; color:#fff;}

.pabout-ambience-list{ display:flex; justify-content:space-between; flex-wrap:wrap;}
.pabout-ambience-list li{ width:47%; margin-top:0.8rem;}
.pabout-ambience-list li .t{ font-size:0.2rem; line-height:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.pabout-ambience-list li .c{ color:#666; margin-top:0.1rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}


.pabout-honor{ position:relative;}
.pabout-honor + .pabout-honor{ margin-top:1rem;}
.pabout-honor-head{ font-size:0.3rem; line-height:0.46rem;}
.pabout-honor-list{ overflow:hidden; margin-top:0.2rem; padding:0.3rem;}
.pabout-honor-list li{ height:3.48rem; padding:0.16rem; box-shadow:0.05rem 0 0.32rem rgba(108,108,108,.2);}
.pabout-honor-list li a{ height:100%; display:flex; justify-content:center; align-items:center;}
.pabout-honor-list li a img{ max-height:100%;}
.pabout-honor-list .swiper-button-next, .pabout-honor-list .swiper-button-prev{ background:#006899; width:0.46rem; height:0.46rem; line-height:0.46rem; text-align:center; color:#fff; top:0; margin-top:0; opacity:1 !important; cursor:pointer;}
.pabout-honor-list .swiper-button-next{ background:#ffcc33; right:0;}
.pabout-honor-list .swiper-button-prev{ left:auto; right:0.7rem;}


.pabout-social-inner{ display:flex; align-items:center; margin-top:0.65rem;}
.pabout-social-inner .icon{ font-size:2.2rem; color:#f5f5f5;}
.pabout-social-inner .text{ flex:1; padding-left:0.9rem;}
.pabout-social-inner .text .d{ width:0.7rem; display:inline-block;}
.pabout-social-inner .text .c{ font-size:0.18rem; line-height:0.36rem; color:#666; margin-top:0.25rem;}

.pabout-social-sider{ padding-top:0.85rem; overflow:hidden; position:relative;}
.pabout-social-sider .swiper-button-next, .pabout-social-sider .swiper-button-prev{ background:#006899; width:0.46rem; height:0.46rem; line-height:0.46rem; text-align:center; color:#fff; top:0; margin-top:0; opacity:1 !important; cursor:pointer;}
.pabout-social-sider .swiper-button-next{ background:#ffcc33; right:0;}
.pabout-social-sider .swiper-button-prev{ left:auto; right:0.7rem;}
.pabout-social-sider li{ display:flex; position:relative;}
.pabout-social-sider li .word{ background:#f9f9f9; width:60%; min-height:4.6rem; padding:0.8rem 15% 0.8rem 0.5rem;}
.pabout-social-sider li .word .t{ font-size:0.2rem;}
.pabout-social-sider li .word .c{ line-height:0.36rem; color:#666; margin-top:0.2rem; text-align:justify;}
.pabout-social-sider li .figure{ width:50%; position:absolute; right:0; top:50%; transform:translateY(-50%);}



/**新闻动态**/
.pnews-list{ padding-top:0.2rem;}
.pnews-list li{ display:flex; align-items:center; margin-top:0.55rem;}
.pnews-list li .thumb{ width:37.7%; height:3rem; overflow:hidden;}
.pnews-list li .thumb img{ width:100%; height:100%; object-fit:cover; display:block; transition:all 0.4s;}
.pnews-list li .word{ width:62.3%; padding-left:0.6rem;}
.pnews-list li .word .d{ font-size:0.18rem; color:#666;}
.pnews-list li .word .t{ font-size:0.3rem; margin-top:0.25rem; overflow:hidden; }
.pnews-list li .word .c{ line-height:0.3rem; max-height:0.6rem; margin-top:0.3rem; text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.pnews-list li .word .m{ color:#999; display:block; margin-top:0.3rem;}
.pnews-list li .word .m .iconfont{ margin-left:0.1rem; transition:all 0.4s;}
.pnews-list li:hover .thumb img{ transform:scale(1.05);}
.pnews-list li:hover .word .t a{ color:#315d99;}
.pnews-list li:hover .word .m{ color:#315d99;}
.pnews-list li:hover .word .m .iconfont{ margin-left:0.2rem;}

.pnews-details-head{ padding-bottom:0.25rem; border-bottom:1px #eee solid;}
.pnews-details-head .t{ font-size:0.36rem; padding-bottom:0.15rem;}
.pnews-details-head .c span{ color:#666; margin-right:0.25rem; display:inline-block;}
.pnews-details-text{ line-height:0.3rem; color:#666; margin-top:0.4rem;}
.pnews-details-text video{ width:100% !important; height:auto !important; object-fit: fill;}
.pnews-details-page{ display:flex; justify-content:space-between; margin-top:0.45rem;}



/**投资者关系**/
.pstock-notice{ border-top:1px #e5e5e5 solid;}
.pstock-notice{ margin-top:0.4rem; }
.pstock-notice li{ padding:0.4rem 0; border-bottom:1px #e5e5e5 solid;}
.pstock-notice li .t{ font-size:0.22rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.pstock-notice li .t span{ font-size:0.16rem; color:#666; float:right;}
.pstock-notice li .c{ max-width:80%; margin-top:0.2rem; line-height:0.3rem; color:#666; max-height:0.6rem; text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}

.pdirector-text{ line-height:0.3rem; color:#474747; padding-bottom:0.7rem;}
.pdirector-title{ font-size:0.24rem; line-height:1;}
.pdirector-contact{ margin-top:0.55rem; display:flex; justify-content:space-between;}
.pdirector-contact li{ background:#f5f5f5; width:47.5%; text-align:center; padding:1.1rem 0 1.2rem 0;}
.pdirector-contact li .iconfont{ background:#333; width:0.6rem; height:0.6rem; font-size:0.26rem; color:#ffcc33; margin:auto; display:flex; justify-content:center; align-items:center;}
.pdirector-contact li .title{ font-size:0.18rem; color:#999; margin-top:0.1rem;}
.pdirector-contact li .desc{ font-size:0.2rem; margin-top:0.15rem;}


/**联系**/
.pcontact-head .title{ font-size:0.3rem; line-height:1;}
.pcontact-head .tips{ color:#666; margin-top:0.2rem;}
.pcontact-divis{ margin-top:0.55rem;}
.pcontact-divis .di-title{ font-size:0.24rem; line-height:1; color:#474747;}
.pcontact-divis .di-column{ display:flex; margin-top:0.6rem; justify-content:space-between;}
.pcontact-divis .di-column li{ display:flex; align-items:start;}
.pcontact-divis .di-column li .icon{ background:#ffcc33; width:0.6rem; height:0.6rem; line-height:0.6rem; font-size:0.3rem; margin-right:0.1rem; border-radius:0.5rem; text-align:center;}
.pcontact-divis .di-column li .text{ flex:1;}
.pcontact-divis .di-column li .text .t{ font-size:0.14rem; color:#666;}
.pcontact-divis .di-column li .text .c{ max-width:2rem; font-family:'pingFangSC-BOLD'; margin-top:0.05rem; font-size:0.18rem; line-height:0.26rem;  }
.pcontact-divis + .pcontact-head{ margin-top:0.9rem;}
.pcontact-map{ height:5rem; margin-top:0.5rem; margin-bottom:1.1rem;}

.pcontact-filed{ padding-top:0.3rem;}
.pcontact-filed li{ margin-top:0.4rem; overflow:hidden;}
.pcontact-filed li .aside{ width:calc(33.33% - 0.2rem); float:left; margin-left:0.3rem; display:inline-block;}
.pcontact-filed li .aside:first-child{ margin-left:0;}
.pcontact-filed li .inpt{ background:#f5f5f5; width:100%; height:0.62rem; line-height:0.32rem; font-size:0.18rem; color:#666; padding:0.15rem 0.25rem; border-radius:0.08rem;}
.pcontact-filed li .area{ background:#f5f5f5; width:100%; height:2.57rem; font-size:0.18rem; padding:0.25rem; vertical-align:top; border-radius:0.08rem;}
.pcontact-filed li .yzm-aside{ text-align:right;}
.pcontact-filed li .yzm-aside .inpt{ width:1.8rem;}
.pcontact-filed li .yzm-aside .img{ margin:0 0.15rem;}
.pcontact-filed li .yzm-aside .sbtn{ background:#ffcc33; width:2.4rem; height:0.62rem; line-height:0.62rem; text-align:center; font-size:0.18rem; font-family:'pingFangSC-BOLD'; color:#993300; cursor:pointer; border-radius:0.05rem;}



/**产品**/
.pproduct-menu{    margin-left: -0.2rem;  position: relative; overflow: hidden;}
.pproduct-menu a{ 
    margin-left: 0.2rem;
    margin-bottom: 0.15rem;
    display: inline-block;
    background: #f1f1f1;
    padding: 0.1rem 0;
    border-radius: 5px;
    width: calc(20% - 0.2rem);
    text-align: center;
    float: left;}
.pproduct-menu a.active,.pproduct-menu a:hover{ background: #fc3;  color: #993300;}

.pproduct-list{ display:flex; margin-left:-0.64rem; position:relative; flex-wrap:wrap;}
.pproduct-list li{ width:calc(33.33% - 0.64rem); margin:0.5rem 0 0 0.64rem; display:inline-block; border:1px #e4ecf0 solid;}
.pproduct-list li .thumb{ background:#fff; height:3.18rem; position:relative; display:flex; align-items:center; justify-content:center;}
.pproduct-list li .thumb img{ max-height:100%; transition:all 0.4s;}
.pproduct-list li .cover{ background:rgba(0,0,0,.2); width:100%; height:100%; position:absolute; left:0; top:0; z-index:2; line-height:0.24rem; color:#fff; padding:0 0.5rem; display:flex; align-items:center; justify-content:center; opacity:0; transition:all 0.4s;  word-break:break-all; word-wrap:break-word; }
.pproduct-list li .title{ font-size:0.16rem; line-height:0.59rem; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.pproduct-list li:hover .thumb img{ -webkit-filter: blur(5px); -moz-filter:blur(5px); -o-filter:blur(5px); -ms-filter:blur(5px); filter:blur(5px);}
.pproduct-list li:hover .cover{ opacity:1;}
.pproduct-list li:hover .title{ color:#315d99;}



.pproduct-main{ background:url(../images/pproduct-bg.jpg) no-repeat top center; background-size:100% auto; padding-top:1.6rem; min-height:5rem;}
.pproduct-main .white-bg{ background:#fff; margin-top:0.5rem; padding-bottom:1.2rem;}
.pproduct-details-return{ font-size:0.2rem; color:#fff; display:inline-block;}
.pproduct-details-return .iconfont{ margin-right:0.1rem;}

.pproduct-details-top{ padding:0.8rem;}
.pproduct-details-top .gdt-photo{ width:41%;}
.pproduct-details-top .gallery-top{ background:#fff; height:5rem; overflow:hidden; position:relative; display:flex; align-items:center; justify-content:center}
.pproduct-details-top .gallery-top li{ height:5rem; display:flex; align-items:center; justify-content:center;}
.pproduct-details-top .gallery-top img{ max-height:100%;}
.pproduct-details-top .gallery-thumbs-box{ margin-top:0.13rem; position:relative; padding:0 0.35rem;}
.pproduct-details-top .gallery-thumbs{ overflow:hidden;}
.pproduct-details-top .gallery-thumbs li{ height:110px; display:flex; align-items:center; justify-content:center; border:1px #999 solid;}
.pproduct-details-top .gallery-thumbs li img{ max-height:80%;}
.pproduct-details-top .gallery-thumbs li.active { border:1px #006899 solid;}
.pproduct-details-top .gallery-thumbs .swiper-button-next,  .pproduct-details-top .gallery-thumbs .swiper-button-prev{ width:auto; height:auto; font-size:0.24rem; color:#999; margin-top:-12px; line-height:1; opacity: 1;}
.pproduct-details-top .gallery-thumbs .swiper-button-next{ right:0;}
.pproduct-details-top .gallery-thumbs .swiper-button-prev{ left:0;}
.pproduct-details-top .gdt-info{ width:53%; padding-top:0.25rem;}
.pproduct-details-top .gdt-info .name{ font-size:0.32rem; padding-bottom:0.35rem; word-break:break-all; word-wrap:break-word;  border-bottom:1px #ebeef0 solid;}
.pproduct-details-top .gdt-info .word{ line-height:0.32rem; color:#666; margin-top:0.3rem;}
.pproduct-details-top .gdt-info .word ul{ margin-left:20px;}
.pproduct-details-top .gdt-info .word li{ list-style: square;}
.pproduct-details-top .gdt-info .gobuy{ background:#ffcc33; width:1.4rem; height:0.5rem; line-height:0.5rem; text-align:center; display:inline-block; font-size:0.18rem; color:#b65508; margin-top:0.4rem; border-radius:0.05rem;}

.jqZoomPup{ background:#fff; z-index:10; visibility:hidden; position:absolute; top:0px; left:0px; width:20px; height:20px; border:1px solid #aaa; opacity:0.5;}
.zoomdiv{ z-index:100; position:absolute; top:0px; left:0px; width:350px; height:350px; background:#fff; border:1px solid #ccc; display:none; text-align:center; overflow:hidden;}
.zoomdiv img{ max-width:inherit !important; max-height:inherit !important;}

.pproduct-details-tabs{ background:#f7f7f7;}
.pproduct-details-tabs a{ font-size:0.2rem; color:#666; padding:0 0.4rem; line-height:0.62rem; display:inline-block;}
.pproduct-details-tabs a.active{ background:#ffcc33; color:#b65508;}

.pproduct-details-body .pro-swith{ display:none;}
.pproduct-details-body .pro-swith:first-child{ display:block;}
.pproduct-details-body .pro-spec{ padding-top:0.7rem; line-height:0.36rem; color:#666;}
.pproduct-details-body .pro-sample{ margin-top:1rem; border-top:1px #eaeaea solid; }
.pproduct-details-body .pro-sample li{  padding:0.46rem 0; border-bottom:1px #eaeaea solid;}
.pproduct-details-body .pro-sample li a{ display:flex; align-items:center; justify-content:space-between;}
.pproduct-details-body .pro-sample li .name{ font-size:0.2rem; color:#666; line-height:0.6rem;}
.pproduct-details-body .pro-sample li .name img{ width:0.6rem; margin-right:0.2rem;}
.pproduct-details-body .pro-sample li .iconfont{ background:#ffcc33; width:0.6rem; height:0.6rem; text-align:center; color:#b65508; font-size:0.2rem; line-height:0.6rem; border-radius:50%;}
.pproduct-details-body .pro-inst{ margin-top:0.36rem; padding:0.9rem; border:1px #eee solid;}
.pproduct-details-body .pro-inst .in-filed{ display:flex; align-items:center; justify-content:space-between;}
.pproduct-details-body .pro-inst .in-filed .inpt{ background:#eaeaea; width:48%; height:0.56rem; line-height:0.26rem; font-size:0.18rem; padding:0.15rem 0.25rem; color:#000; border-radius:0.08rem;}
.pproduct-details-body .pro-inst .in-filed .inpt + .inpt{ width:24%;}
.pproduct-details-body .pro-inst .in-filed .verif{ font-size:0.14rem; color:#666; display:flex; align-items:center;}
.pproduct-details-body .pro-inst .in-filed .verif img{ height:0.56rem; margin-right:0.15rem;}
.pproduct-details-body .pro-inst .in-button{ text-align:center; margin-top:0.68rem;}
.pproduct-details-body .pro-inst .in-button .btn{ background:#ffcc33; width:3.6rem; height:0.56rem; line-height:0.56rem; font-size:0.18rem; color:#b65508; border-radius:0.08rem; cursor:pointer; transition:all 0.4s;}
.pproduct-details-body .pro-inst .in-button .btn:hover{ background:#b65508; color:#fff;}
.pproduct-details-body .pro-inst .in-shuom{ padding-top:0.15rem;}
.pproduct-details-body .pro-inst .in-shuom a{ background:#f3f3f3; display:block; font-size:0.18rem; padding:0.1rem 0.2rem; margin-top:0.15rem; border-radius:0.05rem;}


/**加入华远**/
.pjoin-list{ margin-top:0.5rem;}
.pjoin-list li{ padding:0.3rem 0.7rem;}
.pjoin-list li:nth-child(2n+1){ background:#f5f5f5;}
.pjoin-list li .li-head{ cursor:pointer; position:relative;}
.pjoin-list li .li-head .ht{font-family:'pingFangSC-BOLD'; font-size:0.2rem; position:relative; line-height:1; font-weight:bold;}
.pjoin-list li .li-head .ht:before{ content:''; width:0.16rem; height:0.16rem; position:absolute; left:-0.35rem; top:0.02rem; border:0.03rem #ffcc33 solid; border-radius:50%; box-sizing:border-box;}
.pjoin-list li .li-head .hc{ width:70%; color:#999; display:flex; justify-content:space-between; margin-top:0.2rem; line-height:0.3rem; flex-wrap:wrap;}
.pjoin-list li .li-head .hc > span{ width:33.33%; display:inline-block;}
.pjoin-list li .li-head .hc > span label{ color:#474747;}
.pjoin-list li .li-head .click{ font-family:'pingFangSC-BOLD'; font-size:0; position:absolute; right:0; top:50%; transform:translateY(-50%);}
.pjoin-list li .li-head .click .iconfont{ font-size:0.14rem; margin-left:0.08rem; transition:all 0.4s; display:inline-block;}
.pjoin-list li .li-text{ color:#666; line-height:0.36rem; margin-top:0.3rem; padding:0.2rem 0; border-top:1px #eee solid; display:none;}
.pjoin-list li .apply-btn{ line-height:0.5rem; font-size:0.18rem; display:inline-block; padding:0 0.53rem; margin-top:0.4rem; border:1px #959595 solid; border-radius:0.05rem;}
.pjoin-list li .apply-btn:hover{ background:#e2af17; color:#993300; border-color:#e2af17;}
.pjoin-list li.active{ background:#fff; box-shadow:0 0 0.2rem rgba(0,0,0,.15);}
.pjoin-list li.active .li-head .click{ font-size:0.16rem;}
.pjoin-list li.active .li-head .click .iconfont{ transform:rotate(90deg);}
.pjoin-list li.active .li-text{ display:block;}


.apply-marsk{ background:rgba(0,0,0,.5); width:100%; height:100%; position:fixed; left:0; top:0; z-index:998; display:none;}
.apply-popup{ background:#fff; width:1200px; position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); z-index:999; padding:1rem 0.55rem; display:none;}
.apply-popup-close{ font-size:0.22rem; position:absolute; right:0.4rem; top:0.4rem;}
.apply-popup-title{ font-size:0.3rem; text-align:center; line-height:1; padding-bottom:0.5rem;}
.apply-popup-filed li{ margin-top:0.28rem; display:flex; align-items:center; justify-content:space-between;}
.apply-popup-filed li .inpt{ background:#eee; width:23%; height:0.62rem; line-height:0.32rem; padding:0.15rem; border-radius:0.08rem;}
.apply-popup-filed li .area{ background:#eee; width:100%; height:1.86rem; padding:0.2rem 0.15rem; vertical-align:top; border-radius:0.08rem;}
.apply-popup-filed li .resume{ line-height:0.62rem; color:#474747;}
.apply-popup-filed li .resume .shengfeng input{ min-width:3rem; margin-left:0.3rem;}
.apply-popup-filed li .upload{ background:#ffcc33; width:1.6rem; height:0.62rem; line-height:0.62rem; display:inline-block; position:relative; color:#993300; text-align:center;  border-radius:0.08rem;}
.apply-popup-filed li .upload input[type=file]{ width:100%; height:100%; position:absolute; left:0; top:0; opacity:0; cursor:pointer;}
.apply-popup-filed li .sqbtn{ background:#ffcc33; width:2rem; height:0.62rem; line-height:0.62rem; display:inline-block; position:relative; color:#993300; text-align:center; border-radius:0.08rem; cursor:pointer;}


.supplier-head .t{ font-size:0.36rem; line-height:1;}
.supplier-head .t .tel{ color:#e8ae02;}
.supplier-head .c{ color:#666; margin-top:0.15rem;}
.supplier-filed li{ display:flex; align-items:center; justify-content:space-between; margin-top:0.5rem;}
.supplier-filed li .inpt{ background:#f5f5f5; width:31%; height:0.62rem; font-size:0.18rem; line-height:0.32rem; padding:0.15rem 0.2rem; border-radius:0.08rem;}
.supplier-filed li .demand{ background:#f5f5f5; width:100%; padding:0.25rem; border-radius:0.08rem;}
.supplier-filed li .area{ background:none; width:100%; height:1.46rem; font-size:0.18rem; color:#b1b2b2; vertical-align:top; border-radius:0.08rem;}
.supplier-filed li .upload-box{ display:flex; align-items:center; }
.supplier-filed li .upload-box .shengfeng input{ background:none; min-width:3rem; margin-right:0.3rem;}
.supplier-filed li .upload{ width:1.3rem; height:0.42rem; line-height:0.4rem; display:inline-block; position:relative; color:#e8ae02; text-align:center; border:1px #e8ae02 solid; border-radius:0.08rem;}
.supplier-filed li .upload .iconfont{ font-size:0.19rem; display:inline-block; vertical-align:top; margin-right:0.1rem;}
.supplier-filed li .upload input[type=file]{ width:100%; height:100%; position:absolute; left:0; top:0; opacity:0; cursor:pointer;}
.supplier-filed li .tips{ display:flex; align-items:center; justify-content:space-between; margin-top:0.1rem; color:#999;}
.supplier-filed li .tips .n{ font-size:0.18rem; color:#4c4c4c;}
.supplier-filed li .verif .ve-inpt{ background:#f5f5f5; width:2.9rem; height:0.62rem; font-size:0.18rem; line-height:0.32rem; padding:0.15rem 0.2rem; border-radius:0.08rem;}
.supplier-filed li .verif .ve-img{ width:1.5rem; height:0.62rem; margin:0 0.15rem;}
.supplier-filed li .tjbtn{ background:#ffcc33; width:2.4rem; height:0.62rem; line-height:0.62rem; font-size:0.18rem; font-family:'pingFangSC-BOLD'; display:inline-block; position:relative; color:#993300; text-align:center; border-radius:0.08rem; cursor:pointer; transition:all 0.4s;}
.supplier-filed li .tjbtn:hover{ background:#993300; color:#fff;}


.pfooter{ background:#323232;}



/**页面加载**/
#loading { background-color:#000; position:fixed; width:100%; height:100vh; top:0; left:0; z-index:200; }
#loading .logo-wrap { background:#000 url(../images/white-logo.png) center no-repeat; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; width:392px; height:59px; z-index:8; opacity:1; }
#loading .logo-wrap.on { opacity:0; pointer-events:none; -webkit-animation:fadeOut 2s ease-in-out; animation:fadeOut 2s ease-in-out; }

#loading .load-ball { background-image:url(../images/loading.png); background-size:100% 100%;  width:400px; height:200px; position:absolute; top:-50px; left:0; pointer-events:none;  z-index:2; opacity:0; }
#loading .load-ball.on { -webkit-animation:water-go 5s linear both; animation:water-go 5s linear both; }


#loading .load-mask { background-color:rgba(0, 0, 0, 0.77); width:400px; height:60px; position:absolute; z-index:1; top:0; left:0; -webkit-animation:load-mask-go 3s ease-in-out both; animation:load-mask-go 3s ease-in-out both; }
@-webkit-keyframes load-mask-go {
  0% {
    left: 0px;
  }
  100% {
    left: 400px;
  }
}
@keyframes load-mask-go {
  0% {
    left: 0px;
  }
  100% {
    left: 400px;
  }
}
@-webkit-keyframes water-go {
  0% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    opacity: 0;
  }
  80% {
    -webkit-transform: scale(15, 15);
            transform: scale(15, 15);
    opacity: 1;
  
  }
  100% {
    -webkit-transform: scale(15, 15);
            transform: scale(15, 15);
    opacity: 1;
   
  }
}
@keyframes water-go {
  0% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    opacity: 0;
	
  }
  80% {
    -webkit-transform: scale(15, 15);
            transform: scale(15, 15);
    opacity: 1;
  
  }
  100% {
    -webkit-transform: scale(15, 15);
            transform: scale(15, 15);
    opacity: 1;
   
  }
}


.menuBtn{ background:#005077; width:42px; height:100%; cursor:pointer; position:absolute; right:0; top:0; display:none; }
.menuBtn > span{ background:#fff; width:27px; height:2px; display:block; position:absolute; left:50%; top:12px; transition:all 0.4s; transform:translateX(-50%); }
.menuBtn > span:nth-child(2){ top:22px;}
.menuBtn > span:nth-child(3){ top:32px;}


.SlideView { background:rgba(255,255,255,.9); width:50%; position:fixed; left:100%; top:0; z-index:999; transition:transform .6s cubic-bezier(.16, 1, .3, 1); transition:transform .6s cubic-bezier(.16, 1, .3, 1), -webkit-transform .6s cubic-bezier(.16, 1, .3, 1); transform: translateX(0);}
.SlideView-shown { -webkit-transform:translateX(-100%)!important; transform:translateX(-100%)!important }
.SlideView .docker { background:#f7f7f5; position:absolute; left:0; width:50px; height:100%;}
.SlideView .docker-tab { position:relative; display:block; color:#333; height:100%;}
.SlideView .docker-tab .tabText { font-size:16px; z-index:2; width:16px; line-height:18px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.SlideView .docker-tab:before { content: ""; background:#efefef; position:absolute; left:0; bottom:0; width:100%; height:100%; z-index:1; transform:scaleY(.01); transition:transform .3s; transition:transform .3s, -webkit-transform .3s; -webkit-transform-origin:bottom; transform-origin:bottom;}
.SlideView .docker-tab:hover:before{ -webkit-transform:scaleY(1); transform:scaleY(1);}
.SlideView .close{ background:url(../images/menu-close.png) no-repeat center; background-size:15px auto; width:15px; height:15px; position:absolute; top:40px; left:50%; transform:translateX(-50%); z-index:10;}
.SlideView .asideMenu{ width:calc(100% - 50px); height:100%; margin-left:50px; padding:20px 20px 40px 20px; overflow-y:auto;}
.SlideView .asideMenu a{ display:block; margin-top:25px; font-size:17px; font-weight:bold;}

/**投资者热线**/
.investors{ margin-top:0.35rem;}
.investors-aside{ width:70%; }
.investors-aside .tableBox{ padding:0.6rem 0 0.7rem 0; border-top:1px #e5e5e5 solid; border-bottom:1px #e5e5e5 solid;}
.investors-aside .in-address{ width:37%;}
.investors-aside .in-address .at{ font-size:0.18rem; font-weight:bold; line-height:1; padding-bottom:0.25rem;}
.investors-aside .in-address .ac{ /**background:url(../images/address.png) no-repeat left 0.05rem; **/ line-height:0.3rem; color:#666; /**padding-left:0.28rem;**/}
.investors-aside .in-inner dd{ color:#666; padding:0.1rem 0; display:flex; align-items:center;}
.investors-aside .in-inner dd .iconfont{ min-width:0.4rem; font-size:0.21rem; color:#ffcc33; display: none;}
.investors-aside .in-inner dd b{ min-width:0.8rem; font-size:0.18rem; color:#474747;}
.investors-aside .tableBtn{ margin-top:0.56rem;}
.investors-aside .tableBtn a{ color:#993300; padding:0 0.3rem; line-height:0.52rem; display:inline-block; margin-right:0.1rem; border:1px #993300 solid;}
.investors-aside .tableBtn a:hover{ background:#ffcc33; border-color:#ffcc33;}

.investors-link{ width:22%; float:right; text-align:center; color:#666; height:2.71rem; display:flex; align-items:center; justify-content:center; flex-direction:column; border:1px #dcdcdc solid;}
.investors-link:hover{ background:#ffcc33; color:#fff; border-color:#ffcc33;}
.investors-link:hover .iconfont{ color:#fff;}
.investors-link .iconfont{ font-size:0.52rem; color:#ffcc33; margin-bottom:0.25rem;}

.zxly-list{ padding-top:0.2rem;}
.zxly-list li{padding:0.25rem 0; border-bottom:1px solid #dedede; }
.zxly-list li .question{ font-size:0.18rem; font-weight:bold;}
.zxly-list li .date{ margin-top:0.15rem; color:#999; font-size:0.14rem;}
.zxly-list li .date span{ margin-right:0.2rem;}
.zxly-list li .answer{  background:#f5f5f5; padding:0.1rem 0.2rem; line-height:0.3rem; margin-top:0.2rem; }