@charset "utf-8";*,*:before,*:after {margin:0;padding:0;box-sizing:border-box;}

* {-webkit-tap-highlight-color:rgba(0,0,0,0);}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,ins,kbd,q,s,samp,small,strike,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {border:0;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;outline:0;padding:0;vertical-align:baseline;font-size:16px;}
body {position:relative;background:#fff;line-height:1.7;box-sizing:border-box;color:#5a5a5a;font-family:Microsoft Yahei,微软雅黑,Arial,Helvetica,sans-serif;font-size:14px;}
a {color:#2a2c2e;text-decoration:none;}
a:hover {color:#00928c;text-decoration:none;}
a:focus {outline:none;-moz-outline:none;}
body a {outline:none;}
h1,h2,h4,h5,h6 {font-weight:700;line-height:normal;font-size:16px;}
ol,ul,li {list-style:none;}
pre {padding:10px;margin:10px 0;word-break:break-all;word-wrap:break-word;white-space:pre-wrap;background:#f9f9f9;border:1px solid #f0f0f0;color:#aaa;}
img {height:auto;display:block;border:0;}
i {margin-right:5px;}
hr {margin:10px 0 0 0;height:1px;border:none;background:#ddd;}
input,select,textarea {border:1px solid #dfdfdf;background:#fff;outline:none;width:100%;color:#464646;padding:8px;font-size:14px;font-family:Microsoft Yahei,微软雅黑,Arial,Helvetica,sans-serif;}
textarea {resize:none;overflow-y:hidden;display:block;}
table {float:none;border-collapse:collapse;max-width:100%;width:100%;margin:1em 0;}
table td {border:1px solid #ddd;padding:5px 2px;vertical-align:middle;}
.clear:after,.clear:before {content:".";display:block;visibility:hidden;height:0;clear:both;}
.fl {float:left;position:relative;}
.fr {float:right;position:relative;}
.hidden {display:none;}
.row {margin:0;}
.am {transition:all .3s linear 0s;-webkit-transition:all .3s linear 0s;-moz-transition:all .3s linear 0s;-ms-transition:all .3s linear 0s;-o-transition:all .3s ease-in-out;}
select {border:none;appearance:none;-moz-appearance:none;-webkit-appearance:none;background:url("../images/xl.png") no-repeat scroll right 15px center #fff;padding-right:30px;}
select::-ms-expand {display:none;}
sup {top:-.5em;}
sub {bottom:-.5em;}
sub,sup {font-size:75%/0;position:relative;vertical-align:baseline;}
button {border:1px solid transparent;}
:root .gradient {filter:none;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {/* WebKit browsers */  color:#878787;font-size:16px;}
input:-moz-placeholder,textarea:-moz-placeholder {/* Mozilla Firefox 4 to 18 */  color:#878787;font-size:16px;}
input::-moz-placeholder,textarea::-moz-placeholder {/* Mozilla Firefox 19+ */  color:#878787;font-size:16px;}
input:-ms-input-placeholder,textarea:-ms-textarea-placeholder {/* Internet Explorer 10+ */  color:#878787;font-size:16px;}
.font-normal {font-weight:normal;}
/* 文本多出部分用省略号表示,用于1行或多行 */
.ellipsis-1 {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ellipsis-2 {display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.ellipsis-3 {display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;}
.ellipsis-4 {display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;}
.bf-background {background-size:cover;background-repeat:no-repeat;background-position:100% 100%;}
.relative {position:relative;}
.absolute {position:absolute;}
.fixed {position:fixed;}
.OF-fill {object-fit:fill;font-family:"object-fit:fill";}
.OF-contain {object-fit:contain;font-family:"object-fit:contain";}
.OF-cover {object-fit:cover;font-family:"object-fit:cover";}
.OF-cover-op {object-fit:cover;object-position:center 80%;font-family:"object-fit:cover;object-position:center 80%";}
.OF-none {object-fit:none;font-family:"object-fit:none";}
.OF-scaleDown {object-fit:scale-down;font-family:"object-fit:scale-down";}
.public {max-width:1430px;margin:0 auto;}
@font-face {font-family:'gotham-book';src:url(/templates/jnod/static/fonts/OPPOSans-R.ttf);}
@font-face {font-family:'gotham-light';src:url(/templates/jnod/static/fonts/OPPOSans-R.ttf);}
.gotham-book {font-family:'gotham-book';}
.gotham-light {font-family:'gotham-light';}
.flex {-js-display:flex;display:none;display:flex;}
.flex-center {align-items:center;justify-content:center;}
.flex-column {flex-direction:column;}
.items-center {align-items:center;}
.justify-center {justify-content:center;}
.justify-between {justify-content:space-between;}
.model-title {color:#333;}
.model-title.white {color:#fff;}
.model-title.center {text-align:center;}
.bf-paging .pageing {text-align:center;}
.bf-paging .pageing a,.bf-paging .pageing span {height:36px;margin:0 5px;border-radius:6px;line-height:36px;}
.bf-paging .layui-laypage .layui-laypage-curr {border-color:#00928c;}
.bf-paging .layui-laypage .layui-laypage-curr em {color:#00928c;background-color:transparent;}
.bf-paging .layui-laypage a:hover {color:#00928c;}
.bf-paging .layui-laypage-prev,.bf-paging .layui-laypage-next {border-radius:6px !important;}
.bf-paging .layui-laypage-prev .iconfont,.bf-paging .layui-laypage-next .iconfont {margin-right:0;}
@media screen and (max-width:768px) {.bf-paging .pageing a,.bf-paging .pageing span {width:30px;height:30px;margin:0 2px;padding:0 0;font-size:12px;line-height:30px;}
  .bf-paging .layui-laypage-prev .iconfont,.bf-paging .layui-laypage-next .iconfont {font-size:12px;}
}
.popup-video {position:fixed;top:0;left:0;width:100%;height:100%;z-index:9;display:none;}
.popup-video .popup-mask {position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.6);}
.popup-video .popup-video-content {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);}
.popup-video .popup-video-wrap {position:relative;width:50vw;height:0;padding-bottom:55.3%;}
.popup-video .close {position:absolute;top:.18rem;right:.18rem;z-index:2;margin-right:0;font-size:.36rem;color:#fff;cursor:pointer;vertical-align:middle;}
.popup-video .popup-video-node {position:absolute;top:0;left:0;width:100%;height:100%;}
.popup-video .functions {position:absolute;bottom:10%;right:.18rem;z-index:2;}
.popup-video .functions .item {margin-bottom:.2rem;text-align:center;}
.popup-video .functions .item .iconfont {margin-right:0;margin-bottom:.05rem;font-size:.22rem;color:#fff;}
.popup-video .functions .item .num {color:#fff;}
@media screen and (max-width:768px) {
  .popup-video .popup-video-wrap {width:90vw;}
  .popup-video .functions {display:none;}
}

.popup-image {position:fixed;top:0;left:0;width:100%;height:100%;z-index:9;display:none;}
.popup-image .popup-mask {position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.6);}
.popup-image .popup-image-content {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);}
.popup-image .popup-image-wrap {position:relative;}
.popup-image .close {position:absolute;top:-.52rem;right:-.52rem;z-index:2;margin-right:0;font-size:.36rem;color:#fff;cursor:pointer;vertical-align:middle;}
.popup-image .popup-image-node { width: 3.5rem; }
@media screen and (max-width:768px) {
  .popup-image .popup-image-wrap {width:90vw;}
  .popup-image .functions {display:none;}
  .popup-image .close { top: -.4rem; right: 0; }
  .popup-image .popup-image-node { margin: 0 auto; }
}
@media screen and (min-width:1950px) {
  .popup-image .popup-image-node { width: 3.5rem; }
}



/* 悬浮按钮 */
.floating-buttons { position: fixed; right: .8rem; bottom: .5rem; z-index: 10; }
.floating-buttons ul li { position: relative; width: .85rem; height: .85rem; margin-top: .16rem; border-radius: 50%; text-align: center;  background: #fff; box-shadow: 0 0 10px 4px rgba(0,0,0,.1); }
.floating-buttons ul li a { position: absolute; top: 50%; left: 50%; width: 100%; transform: translate(-50%, -50%); }
.floating-buttons .micoefont { display: block; margin: 0; font-size: .24rem; line-height: 1; }
.floating-buttons ul li:hover { background: #00928c; }
.floating-buttons ul li:hover p, .floating-buttons ul li:hover .micoefont { color: #fff; }
@media screen and (max-width:768px) {
  .floating-buttons { right: .3rem; bottom: 1.5rem; }
}
/* 首页悬浮按钮 */
.home-floating { position: fixed; right: .8rem; bottom: .5rem; width: .86rem; height: .86rem; z-index: 10; text-align: center; background: url(../images/contact.png); background-size: 100% 100%;  }
.home-floating .link { position: absolute; top: 50%; left: 50%; width: 100%; color: #fff; transform: translate(-50%, -50%); }
.home-floating .icon { width: .26rem; height: .28rem; margin: 0 auto; }
.home-floating:hover { background: url(../images/contact-a.png); background-size: 100% 100%;}
@media screen and (max-width:768px) {
  .home-floating { right: .3rem; }
}

/* 切换banner */
.switch-pc-banner { display: block; }
.switch-mobile-banner { display: none; }
@media screen and (max-width:768px) {
  .switch-pc-banner { display: none; }
  .switch-mobile-banner { display: block; }
}