@font-face {
    font-family: "PingFang SC";
    /*src: url("/plugin/pf/SC-Regular.woff2") format("woff2");*/
    src: local("PingFang SC Regular");
    font-style: normal;
    font-weight: 400;
}
@font-face {
    font-family: "PingFang SC";
    /*src: url("/plugin/pf/SC-Semibold.woff2") format("woff2");*/
    src: local("PingFang SC Bold");
    font-style: normal;
    font-weight: 600;
}

body{ font-family:"PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial",sans-serif; }
/*h1, h2, h3, h4, h5, h6{ font-weight:600; }*/

.nf-mainnav > ul > li > a{ font-weight:600; }

.nf-btn-default-o{ border:1px solid #CCCCCC; color:#666666 !important; }
.nf-hov-btn-default-o:hover{ border:1px solid #333333; color:#333333 !important; }

/*home*/
.nf-btn-home{ background:#F4F4F4 !important; color:#333333 !important; }
.nf-hov-btn-home:hover{ background:#EEEEEE !important; }

.home-gray{ background-color:#f5f5f5;}
.home-gray .column-nav li{ background-color:#EEEEEE; }

/*title*/
.home-title{ position:relative; padding:0px 10px 50px 10px; }
.home-title h1, .home-title h2{ position:relative; margin:0; padding:0; font-size:26px; font-weight:600; color:#18191E; }
.home-title p{ margin:20px auto 0 auto; max-width:1200px; font-size:14px; line-height:20px; color:#4B4B4D; }
.home-title h4{ margin:10px 0 0 0; padding:0; }
.home-title h4 i{ display:inline-block; width:16px; height:16px; background:url(../uploads/title.png) no-repeat center; }

/**/
.fw-4{ font-weight:400; }
.fw-5{ font-weight:600; }

/*nav*/
.column-nav{ list-style:none; margin:0 10px; padding:0; border-radius:3px; background-color:#F2F2F2; }
.column-nav li{ display:inline-block; margin:5px; padding:7px 15px; border-radius:2px; font-weight:400; }
.column-nav li.active{ background-color:#FFFFFF; color:#222222; }
.column-nav li.active a{ color:#222222; }

/*text*/
.home-text{ margin:20px auto; }
.home-text h2{ margin:10px; font-weight:bold; font-size:40px; }
.home-text h2 small{ font-weight:normal; font-size:18px; }
.home-text h4{ margin:10px; font-weight:bold; }
.home-text p{ margin:10px; font-size:18px; }

/**/
.home-yx{ position:relative; width:100%; height:550px; overflow:hidden; }
.home-yx:hover>div{ width:15%; cursor:pointer; }
.home-yx>div{ position:relative; float:left; width:25%; height:100%; -webkit-transition:width 0.5s; transition:width 0.5s; }
.home-yx>div:hover{ width:55%; }

.home-yx>div a{ position:absolute; top:50%; transform:translateY(-50%); width:100%; text-align:center; color:#ffffff; }
.home-yx>div h3{ margin:10px; padding-bottom:10px; font-weight:bold; -webkit-transition:all 0.2s; }
.home-yx>div h3:after{ content:""; position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:40px; height:2px; background-color:#FFFFFF; }
.home-yx>div img{ display:block; max-width:initial !important; }
.home-yx>div i{ display:inline-block; width:60px; height:60px; line-height:60px; border:2px solid #FFFFFF; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; color:#ffffff; font-size:28px; opacity: 0; }
.home-yx>div:hover i{ -webkit-transform:rotate(360deg); -webkit-transition:all 0.8s; opacity:1; }

/*job*/
.job-list{ column-count:2; }
.job-list .job-item{ padding:10px; break-inside:avoid; }
@media screen and (max-width:767px){ 
    .job-list{ column-count:1; } 
}

/*team*/
.teams{ position:relative; width:1200px; max-width:100%; height:690px; transform-origin:left top; transform:scale(0.94); }
.teams div{ position:absolute; padding:5px; }
.teams img{ display:block; width:100%; height:100%; border:1px solid #EEEEEE; }

/*case*/
.case{ line-height:1.5; }

.cs-box{ position: relative; margin: 20px auto; width: 1280px; }
.cs-box:after{ display: table; content: ""; clear: both; }

.cs-item{ position: relative; float: left; padding: 30px 15px; width: 160px; height: 330px; text-align: center; transition: 0.3s linear; }
.cs-item .icon{ width: 92px; height: 92px; }
.cs-item .title{ color: #6d7482; font-size: 16px; }
.cs-item .text{ margin-top: 55px; color: #e25730; font-size: 14px; line-height: 1.8; transition: 0.3s linear; filter: alpha(opacity=0); opacity: 0; }
.cs-item span{ position: absolute; top: 170px; left: 50%; transform:translateX(-50%); width: 21px; height: 21px; background-image: url(../images/cs-icon-dot-1.png); background-repeat:no-repeat; background-position:center; background-size: cover; transition: 0.3s linear; }
.cs-line{ position: absolute; top: 180px; left: 0; width: 100%; height: 1px; background: #e5e5e5; }

.cs-item.on, .cs-item:hover{ background: #ffebe6; background: rgba(226, 87, 48, 0.11); }
.cs-item.on, .cs-item:hover .text{ opacity: 1; }
.cs-item.on, .cs-item:hover span{ background-image: url(../images/cs-icon-dot-2.png); }

/*product*/
.product{ line-height:1.2; }
.product img{ height:150px; }
/*.product .nf-bc-white{ min-height:110px; }*/

/*foot*/
.address{ font-size:24px; }

.foot-icon a{ position:relative; display:inline-block; margin:0 5px; width:22px; height:22px; }
.foot-icon div{ position:absolute; left:50%; transform:translateX(-50%); bottom:40px; background:#FFFFFF; padding:10px; color:#000000; display:none;  box-shadow:0px 0px 10px rgba(0,0,0,0.3); cursor:default; white-space:nowrap; }
.foot-icon div img{ max-width:initial; display:block; }
.foot-wechat{ background-size:100%; background:url(../uploads/icon-wechat.png) no-repeat center; }
.foot-weibo{ background-size:100%; background:url(../uploads/icon-weibo.png) no-repeat center; }
.foot-contact{ background-size:100%; background:url(../uploads/icon-contact.png) no-repeat center; }