.indexban{position:relative}
.m-bann{display:none}
.indexban .textbox{position:absolute;top:calc(200px + 20%);left:50%;margin-left:-37.5vw;z-index:3;opacity:0}
.indexban .textbox1{top:330px}
.indexban .textbox2{top:55%}
.indexban .textbox2.cur{top:35%}
.indexban .textbox .title{text-align:center;color:#fff;font-size:60px;font-family:Arial;font-weight:bold}
.indexban .textbox .text{text-align:center;color:#fff;font-size:30px;font-family:Arial}
.indexban .textbox .btn{width:160px;height:50px;display:block;margin:50px auto 0;border-radius:50px;border:2px solid #fff;text-align:center;line-height:48px;color:#fff}
.indexban .textbox.cur{opacity:1}
.indexban .textbox1.cur{top:180px}
.indexban .textbox2 .title{text-align:left;line-height:1.2}
.indexban .textbox2 .text{font-size:24px;font-weight:lighter;font-family:Arial;text-align:left;margin-top:20px}
.indexban .textbox2 .btn{margin:76px 0 0 0}
.indexban .textbox2 .btn:hover,
.indexban .textbox1 .btn:hover{background-color:#0d6fb8;border-color:#0d6fb8;color:#fff}
.indexban .swiper-container-horizontal>.swiper-pagination-bullets{bottom:40px}
.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width:70px;height:3px;border-radius:0;position:relative;background-color:rgba(255,255,255,0.5);margin:0 8px;opacity:1}
.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:after{content:"";width:0px;height:3px;background-color:#fff;position:absolute;top:0;left:0}
.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active:after{width:100%}
.pcbanner .img img{height:100vh;object-fit:cover}
.indexban .swiper-button-prev,
.indexban .swiper-button-next{width:56px;height:56px;background-size:100% 100%;margin-top:-28px;opacity:1}
.indexban .swiper-button-prev{background-image:url(https://www.jfopt.com/img/banleft.png);left:30px}
.indexban .swiper-button-prev:hover{background-image:url(../image/sol3left_cur.png)}
.indexban .swiper-button-next{background-image:url(https://www.jfopt.com/img/banright.png);right:30px}
.indexban .swiper-button-next:hover{background-image:url(../image/sol3right_cur.png)}
.lf {
    float: left;
}
.clear {
    zoom: 1;
}
@media (max-width:1620px){
    .indexban .textbox{margin-left:-41vw}
    .indexban .textbox .title{font-size:46px}
    .indexban .textbox .text{font-size:26px}
    .indexban .textbox2 .text{font-size:20px}
}

@media (max-width:1440px){
    /* .indexban .textbox{margin-left:-44vw} */
    .indexban .textbox .title{font-size:40px}
    .indexban .textbox .text{font-size:22px}
    .indexban .textbox2 .text{font-size:18px}
    .indexban .textbox .btn{width:130px;height:40px;line-height:38px;margin:35px auto 0}
    /* .indexban .textbox1.cur{top:150px} */
    .indexban .textbox2 .btn{margin:45px 0 0 0}
    .indexban .swiper-button-prev, .indexban .swiper-button-next{width:46px;height:46px;margin-top:-23px}
    .indexban .swiper-button-prev{left:20px}
    .indexban .swiper-button-next{right:20px}
}

@media (max-width:1280px){
    .indexban .textbox{margin-left:-46vw}
}
@media (max-width:1024px){
    .pcbanner{display:none}
    .m-bann{display:block}
    .indexban .textbox{width:100%;left:0;margin-left:0;padding:0 15px}
    .indexban .textbox .title{font-size:22px}
    .indexban .textbox{top:calc(60px + 26%)}
    .indexban .textbox.cur{top:calc(60px + 6%)}
    .indexban .textbox .text{font-size:16px}
    .indexban .textbox .btn{width:110px;height:34px;line-height:32px;margin:25px auto 0}
    .indexban .swiper-container-horizontal>.swiper-pagination-bullets{bottom:20px}
    .indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width:8px;height:8px;border-radius:8px}
    .indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:after{display:none}
    .indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{background-color:#fff}
    .indexban .textbox.cur{left:0}
    .indexban .swiper-button-prev,
    .indexban .swiper-button-next{width:36px;height:36px;margin-top:-18px}
    .indexban .swiper-button-prev{left:15px}
    .indexban .swiper-button-next{right:15px}
}

.about1{margin:56px 0 72px}
.aboutleft{width:50%;position:relative}
.aboutleft .title{font-size:30px;font-weight:bold;line-height:40px;color:#2a2a2a;position:relative;z-index:3}
.aboutleft .entitle{color:#0d6fb8;font-size:60px;line-height:70px;margin-top:12px;position:relative;z-index:3;font-family:'monbold'}
.aboutleft .bgicon{position:absolute;top:58px;left:0}
.aboutright{color:#666;line-height:2;width:50%}
.about2{margin-bottom:120px}
.about2:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.businphil{padding:110px 0 118px}
.businphil .toptitle,
.culture .toptitle,
.marketnettop .title{color:#000;font-size:36px;text-align:center;font-weight:bold}
.businphilbox{margin-top:42px;height:550px;background-image:url(../image/businphilbg.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover}
.businphillist{width:25%;height:550px;position:relative;border-right:1px solid rgba(245,245,245,0.2)}
.businphillist:nth-last-of-type(1){border-right:none}
.businphillist .textbox{width:100%;position:absolute;top:50%;left:0;margin-top:-93px}
.businphillist .textbox .icon{width:86px;margin:0 auto}
.businphillist .textbox .title{color:#fff;font-size:18px;text-align:center;margin-top:76px}
.businphillist:hover .icon img{transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2)}
.businphillist:hover .title{font-size:22px}
.culture{padding:112px 0 130px}
.cultureitems{margin-top:45px}
.cultureitem{margin-bottom:40px}
.cultureitem:nth-last-of-type(1){margin-bottom:0}
.cultureitem .textbox{width:calc(100% - 864px);position:relative;height:461px;background-color:#f6f6f6;padding:4.583vw 5.468vw 30px 6.145vw}
.cultureitem:nth-of-type(2n) .textbox{padding:4.583vw 5vw 30px 6.145vw}
.cultureitem .title{color:#0d6fb8;font-size:30px}
.cultureitem .text{color:#666;font-size:16px;margin-top:1.56vw;line-height:1.875;max-height:120px}
.cultureitem .texticon{position:absolute;bottom:0;left:0;max-width:100%}
.cultureitem:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.cultureitem .text::-webkit-scrollbar{width:8px}
.cultureitem .text::-webkit-scrollbar-thumb{background-color:#08337e}
.cultureitem .text::-webkit-scrollbar-track{background-color:#faf6f3}
.marketnet{padding:116px 0 120px}
.marketnettop .text{text-align:center;color:#666;font-size:26px;margin-top:5px}
.marketnettop .text span{color:#0d6fb8}
.marketnetbot{margin-top:36px;position:relative}
.marketnetbot .wapmap{display:none}
.marketnetbot .pcmap{width:1081px;margin:0 auto;height:488px;position:relative}
.marketnetbot .img{width:1081px;margin:0 auto;height:488px;background-repeat:no-repeat;background-position:center center}
.marketnetbot .item{position:absolute}
.marketnetbot .item .icon{width:26px;height:26px;border-radius:26px;position:relative}
.marketnetbot .item .icon:after{content:"";width:8px;height:8px;border-radius:8px;position:absolute;top:9px;left:9px}
.marketnetbot .item .icon[data-foreign]{background-color:rgba(23,111,184,0.2);animation:xuanzhuan 3s linear 0s infinite normal;-webkit-animation:xuanzhuan 3s linear 0s infinite normal;-moz-animation:xuanzhuan 3s linear 0s infinite normal}
.marketnetbot .item .icon[data-foreign]:after{background-color:#0d6fb8;animation:xuanzhuan 3s linear 0s infinite normal;-webkit-animation:xuanzhuan 3s linear 0s infinite normal;-moz-animation:xuanzhuan 3s linear 0s infinite normal}
.marketnetbot .item .icon[data-domestic]{background-color:rgba(240,137,15,0.2);animation:xuanzhuan 3s linear 0s infinite normal;-webkit-animation:xuanzhuan 3s linear 0s infinite normal;-moz-animation:xuanzhuan 3s linear 0s infinite normal}
.marketnetbot .item .icon[data-domestic]:after{background-color:#ff9e2b;animation:xuanzhuan 3s linear 0s infinite normal;-webkit-animation:xuanzhuan 3s linear 0s infinite normal;-moz-animation:xuanzhuan 3s linear 0s infinite normal}
@keyframes xuanzhuan{
    0% {opacity:1;transform:scale(1)}
    50% {opacity:0.2;transform:scale(0.6)}
    100% {opacity:1;transform:scale(1)}
}
@-moz-keyframes xuanzhuan{
    0% {opacity:1;-moz-transform:scale(1)}
    50% {opacity:0.2;-moz-transform:scale(0.6)}
    100% {opacity:1;-moz-transform:scale(1)}
}
@-webkit-keyframes xuanzhuan{
    0% {opacity:1;-webkit-transform:scale(1)}
    50% {opacity:0.2;-webkit-transform:scale(0.6)}
    100% {opacity:1;-webkit-transform:scale(1)}
}


.marketnetbot .item .text{font-size:16px;line-height:26px;margin:0 6px}
.marketnetbot .item[data-value="United States"]{top:146px;left:186px}
.marketnetbot .item[data-value="Brazil"]{top:328px;left:316px}
.marketnetbot .item[data-value="Germany"]{top:110px;left:490px}
.marketnetbot .item[data-value="South Africa"]{bottom:95px;left:562px}
.marketnetbot .item[data-value="Malaysia"]{top:275px;right:180px}
.marketnetbot .item[data-value="Australia"]{bottom:94px;right:68px}
.marketnetbot .item[data-value="Chengdu"]{top:167px;right:248px}
.marketnetbot .item[data-value="Ningbo"]{top:164px;right:160px}
.marketnetbot .item[data-value="Shenzhen"]{top:188px;right:185px}
.marketnetbot .other{position:absolute;bottom:25px;left:0}
.marketnetbot .other .otherlist{margin-bottom:8px}
.marketnetbot .other .otherlist:nth-of-type(2) .text{color:#ff9e2b;font-size:18px}
.marketnetbot .other .otherlist:nth-of-type(1) .text{color:#0d6fb8;font-size:18px}
.marketnetbot .other .otherlist:nth-of-type(2) .yuan{width:8px;height:8px;border-radius:8px;background-color:#ff9e2b;margin-top:10px;margin-right:6px}
.marketnetbot .other .otherlist:nth-of-type(1) .yuan{width:8px;height:8px;border-radius:8px;background-color:#0d6fb8;margin-top:10px;margin-right:6px}
.marketnetbot .other .tishi{margin-top:20px;color:#999}
.quailtysys1{padding:54px 0 88px}
.pagetitle{color:#000;font-size:28px;text-align:center;font-weight:bold}
.quailtysys1items{margin-top:42px}
.quailtysys1item{width:31.25%;margin-right:3.125%;position:relative}
.quailtysys1item:nth-of-type(3n){margin-right:0}
.quailtysys1item .textbox{position:absolute;bottom:0;left:0;width:100%;height:100%}
.quailtysys1item .textbox .title{color:#fff;font-size:18px;text-align:center;padding:0 4.166vw;line-height:1.66;position:absolute;bottom:24px;left:0}
.quailtysys1item.cur .textbox{background-color:rgba(13,111,184,0.8);bottom:0}
.quailtysys1item.cur .textbox .title{font-weight:bold;bottom:50%;margin-bottom:-30px}
@media (min-width:1024px){
    .quailtysys1item:hover .textbox{background-color:rgba(13,111,184,0.8);bottom:0}
    .quailtysys1item:hover .textbox .title{font-weight:bold;bottom:50%;margin-bottom:-30px}
}

.quailtysys2{padding:110px 0 118px;background-image:url(../image/quasysbg.png);background-repeat:no-repeat;background-position:center center;background-size:cover}
.quailtysys2 .img{margin-top:40px;text-align:center}
.quailtysys2 .img img{display:inline-block}
.quacert{padding:82px 0 102px}
.quadetectitem{display:none}
.quadetectitem.cur{display:block}
.quacertslide{margin-top:22px;position:relative;padding-bottom:132px}
.quacertslide .swiper-container{padding:20px 0}
.quacertslide .img{box-shadow:0px 8px 23px 0px rgba(0, 0, 0, 0.15);transform:scale(0.84);-webkit-transform:scale(0.84);-moz-transform:scale(0.84)}
.quacertslide .swiper-slide-active .img{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1)}
.quacertslide .title{text-align:center;margin-top:26px;color:#666;font-size:16px;font-weight:bold;font-family:Arial;opacity:0}
.quacertslide .swiper-slide-active .title{opacity:1}
.quacertslide .swiper-button-next,
.quacertslide .swiper-button-prev{width:56px;height:56px;top:auto;bottom:0;margin-top:0;background-size:100% 100%}
.quacertslide .swiper-button-next{background-image:url(../image/quaceright.png);right:calc(50% - 84px)}
.quacertslide .swiper-button-next:hover{background-image:url(../image/quaceright_cur.png)}
.quacertslide .swiper-button-prev{background-image:url(../image/quacerleft.png);left:calc(50% - 84px)}
.quacertslide .swiper-button-prev:hover{background-image:url(../image/quacerleft_cur.png)}
.quadetect{padding:54px 0 90px;background-color:#f6f6f6}
.quadetectnav{margin:28px 0 45px;text-align:center}
.quadetectnavlist{display:inline-block;color:#666;font-size:16px;line-height:36px;margin:0 20px;position:relative}
.quadetectnavlist:after{content:"";width:0px;height:2px;background-color:#0d6fb8;position:absolute;bottom:0;left:0;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
.quadetectnavlist.cur:after,
.quadetectnavlist:hover:after{width:100%}
.quadetectnavlist.cur,
.quadetectnavlist:hover{color:#0d6fb8}
.quadetectslide{padding:0 110px;position:relative}
.quadetectslide .swiper-button-next,
.quadetectslide .swiper-button-prev{width:56px;height:56px;margin-top:-28px;background-size:100% 100%}
.quadetectslide .swiper-button-next{background-image:url(../image/quaceright.png);right:-28px}
.quadetectslide .swiper-button-next:hover{background-image:url(../image/quaceright_cur.png)}
.quadetectslide .swiper-button-prev{background-image:url(../image/quacerleft.png);left:-28px}
.quadetectslide .swiper-button-prev:hover{background-image:url(https://www.jfopt.com/img/quaceleft_cur.png)}
.quadetectslide .swiper-slide{background-color:#fff;padding:34px 34px 52px}
.quadetectslide .swiper-slide .title{margin-top:25px;text-align:center;font-size:18px}
.quadetectslide .swiper-slide:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.quamana{padding:60px 0 90px}
.quamana .img{width:50%}
.quamana .textbox{width:50%;padding:42px 0 0 5.208vw}
.quamana .textbox .title{color:#000;font-size:30px;font-weight:bold}
.quamana .textbox .text{margin:38px 0 50px;color:#666;font-size:16px;line-height:1.875}
.quamana .textbox .iconlist:nth-of-type(1){padding:0 3.125vw 0 0}
.quamana .textbox .iconlist{padding:0 3.125vw;position:relative}
.quamana .textbox .iconlist .icon{width:60px;margin:0 auto}
.quamana .textbox .iconlist .title{color:#666;font-size:16px;text-align:center;margin-top:18px}
.quamana .textbox .iconlist:after{content:"";width:1px;height:35px;background-color:#e6e6e6;position:absolute;top:16px;right:0}
.quamana .textbox .iconlist:nth-last-of-type(1):after{display:none}
.quamana .img:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.news{padding:40px 0 90px}
.newsitem{width:31.94%;margin-right:2.09%;margin-bottom:30px;display:block;background-color:#f5f5f5}
.newsitem:nth-of-type(3n){margin-right:0}
.newsitem .textbox{padding:35px 50px 46px}
.newsitem .textbox .title{color:#000;font-size:18px;font-weight:bold;height:48px;line-height:24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.newsitem .textbox .text{color:#666;line-height:1.714;margin:16px 0 30px;height:70px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.newsitem .textbox .bot{display:block}
.newsitem .textbox .date{color:#999;padding-left:26px;line-height:16px;background-image:url(../image/newstime.png);background-repeat:no-repeat;background-position:left center}
.newsitem .textbox .more{color:#0d6fb8;line-height:16px;position:relative}
.newsitem .textbox .more:after{content:"";width:0px;height:1px;background-color:#0d6fb8;position:absolute;left:0;bottom:-6px;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
.newsitem .textbox .typebox{margin-bottom:22px}
.newsdetail .typebox{margin-top:16px}
.ndbotlr .typebox{margin-top:30px}
.newsitem .textbox .typelist,
.newsdetail .typelist,
.ndbotlr .typelist{padding:0 10px;height:22px;margin-bottom:13px;border-radius:2px;border:1px solid #999;color:#999;line-height:20px;margin-right:20px}
/* .ndbotlr .typelist{margin-bottom:13px} */
.newsitem:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.newsitem:hover .textbox .title{color:#0d6fb8}
.newsitem:hover .textbox .more:after{width:100%}
.newsitem .textbox .typelist:hover, .newsdetail .typelist:hover, .ndbotlr .typelist:hover{color:#fff;background-color:#0d6fb8;border-color:#0d6fb8}
.news .pager{margin-top:50px}
.ndrecommitems{margin-bottom:58px}
.newsdetail{padding:82px 0 136px}
.ndtop{padding-bottom:30px;border-bottom:1px solid #f0f0f0}
.ndtop .title{font-size:30px;font-weight:bold}
.ndtop .other{margin-top:10px}
.ndtop .other .list{color:#999;margin-right:22px;line-height:36px;background-repeat:no-repeat;background-position:left center;padding-left:24px}
.ndtop .other .list.date{background-image:url(../image/ndtime.png)}
.ndtop .other .list.seenum{background-image:url(../image/ndsee.png)}
.ndtop .other .list.share{margin-right:0;background-image:url(../image/ndshare.png)}
.ndtop .shareitem{width:36px;height:36px;border-radius:36px;cursor:pointer;margin-right:10px;background-color:#ccc;background-repeat:no-repeat;background-position:center center}
.ndtop .shareitem[data-wb]{background-image:url(../image/ndwb.png)}
.ndtop .shareitem[data-wx]{background-image:url(../image/ndwx.png)}
.ndtop .shareitem[data-qq]{background-image:url(../image/ndqq.png)}
.ndtop .shareitem[data-int]{background-image:url(../image/ndint.png)}
.ndtop .shareitem[data-lj]{background-image:url(../image/ndlj.png)}
.ndtop .shareitem[data-int]:hover{background-color:#0c5da2}
.ndtop .shareitem[data-wb]:hover{background-color:#f19613}
.ndtop .shareitem[data-qq]:hover{background-color:#12b7f5}
.ndtop .shareitem[data-wx]:hover{background-color:#2eaf0c}
.ndbot{margin-top:70px}
.ndbotlf{width:calc(100% - 574px);margin-right:100px}
.ndbotlf .bot{margin-top:72px}
.ndbotlf .returnlist{display:block;color:#999;padding-left:26px;background-image:url(../image/return.png);background-repeat:no-repeat;background-position:left center}
.ndpagers{padding:25px 0;border-top:1px solid #ebebeb;border-bottom:1px solid #ebebeb;margin-top:16px}
.ndpagerslist{max-width:48%}
.ndpagerslist .name{color:#999;width:68px}
.ndpagerslist .text{width:calc(100% - 68px);height:19px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.ndpagerslist a.text:hover{color:#0c5da2}
.ndbotlr{width:474px}
.ndbotlr .top{padding-bottom:22px;border-bottom:1px solid #efefef}
.ndbotlr .top .title{color:#666;font-size:18px;position:relative}
.ndbotlr .top .title:after{content:"";width:100%;height:2px;background-color:#0d6fb8;position:absolute;bottom:-23px;left:0}
.ndrecommitem{padding:30px 0;border-bottom:1px solid #efefef;display:block}
.ndrecommitem .img{width:196px}
.ndrecommitem .textbox{width:calc(100% - 196px);padding:16px 0 10px 22px}
.ndrecommitem .textbox .title{font-size:16px;line-height:1.8;height:54px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.ndrecommitem .textbox .date{color:#999;font-family:Arial;margin-top:20px}
.ndrecommitem:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.ndrecommitem:hover .textbox .title{color:#0d6fb8}

@media (max-width:1440px){
    .aboutleft .title{font-size:22px;line-height:30px}
    .aboutleft .entitle{font-size:44px;line-height:54px}
    .aboutleft .bgicon{width:360px}
    .businphilbox, .businphillist{height:450px}
    .businphillist .textbox .title{margin-top:56px}
    .businphillist .textbox{margin-top:-83px}
    .cultureitem .img{width:714px}
    .cultureitem .textbox{width:calc(100% - 714px);height:381px;padding:3vw 4vw 30px 4.5vw}
    .cultureitem:nth-of-type(2n) .textbox{padding:3vw 3.8vw 30px 4.5vw}
    .cultureitem .title{font-size:26px}
    .quadetectslide{padding:0 70px}
    .quamana .textbox{padding:25px 0 0 3.8vw}
    .quamana .textbox .title{font-size:24px}
    .pagetitle{font-size:24px}
    .quailtysys1, .quadetect{padding:35px 0 60px}
    .quailtysys2, .quamana{padding:56px 0}
    .quamana .textbox .text{margin:20px 0 30px}
    .quamana .textbox .text{font-size:14px}
    .news{padding:30px 0 70px}
    .newsitem .textbox .text{margin:12px 0 25px}
    .newsitem .textbox{padding:25px 35px 35px}
    .newsdetail{padding:56px 0 85px}
    .ndtop .title{font-size:26px}
}

@media (max-width:1024px){
    .about1{margin:50px 0 30px}
    .aboutleft{width:100%}
    .aboutleft .title{font-size:18px;line-height:24px}
    .aboutleft .entitle{font-size:32px;line-height:1;margin-top:6px}
    .aboutleft .bgicon{width:75%;top:30px}
    .aboutright{width:100%;margin-top:40px;line-height:1.6}
    .about2{margin-bottom:50px}
    .businphil, .quailtysys1, .quadetect, .quamana, .news, .newsdetail{padding:40px 0}
    .businphil .toptitle, .culture .toptitle, .marketnettop .title, .pagetitle, .ndtop .title{font-size:20px}
    .businphilbox{margin-top:25px;height:250px}
    .businphillist{height:250px}
    .businphillist .textbox .icon{width:34px}
    .businphillist .textbox .title{margin-top:20px;font-size:12px;padding:0 10px}
    .businphillist .textbox{margin-top:-51px}
    .culture, .marketnet, .quailtysys2, .quacert{padding:50px 0}
    .cultureitems{margin-top:25px}
    .cultureitem .img{width:100%}
    .cultureitem .textbox{width:100%;height:auto;padding:20px 20px 70px}
    .cultureitem:nth-of-type(2n) .textbox{padding:20px 20px 70px}
    .cultureitem .title{font-size:18px}
    .cultureitem .text{font-size:14px;margin-top:8px;max-height:none;line-height:1.6}
    .cultureitem{margin-bottom:20px}
    .marketnettop .text{font-size:16px}
    .marketnetbot .pcmap{display:none}
    .marketnetbot .wapmap{display:block}
    .marketnetbot{margin-top:25px}
    .marketnetbot .other{position:static;margin-top:15px}
    .marketnetbot .other .otherlist{margin-bottom:5px}
    .marketnetbot .other .otherlist:nth-of-type(1) .text,
    .marketnetbot .other .otherlist:nth-of-type(2) .text{font-size:14px}
    .marketnetbot .other .otherlist:nth-of-type(2) .yuan, .marketnetbot .other .otherlist:nth-of-type(1) .yuan{margin-top:8px}
    .marketnetbot .other .tishi{font-size:12px;margin-top:10px}
    .quailtysys1item{width:100%;margin-right:0;margin-bottom:20px}
    .quailtysys1items, .quailtysys2 .img{margin-top:25px}
    .quacert .wrap{padding:0}
    .quailtysys1item .textbox .title{width:100%;font-size:13px}
    .quacertslide{margin-top:5px;padding-bottom:50px}
    .quacertslide .swiper-button-next, .quacertslide .swiper-button-prev{width:40px;height:40px;cursor:none}
    .quacertslide .swiper-button-next{right:calc(50% - 55px)}
    .quacertslide .swiper-button-prev{left:calc(50% - 55px)}
    .quacertslide .title{margin-top:15px}
    .quadetectslide .img img{width:100%}
    .quadetectnavlist{width:calc(50% - 4px);font-size:14px;margin:0;line-height:30px;display:inline-block;text-align:left}
    .quadetectnavlist:after{display:none}
	.quadetectnavlist span{position:relative;line-height:30px;display:inline-block}
	.quadetectnavlist span:after{content:"";width:0px;height:2px;background-color:#0d6fb8;position:absolute;bottom:0;left:0;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
    .quadetectnavlist.cur span:after{width:100%}
	.quadetectnav{margin:10px 0 25px;text-align:left}
    .quadetectslide{padding:0 55px}
    .quadetectslide .swiper-button-next, .quadetectslide .swiper-button-prev{width:40px;height:40px}
    .quadetectslide .swiper-button-next{right:0}
    .quadetectslide .swiper-button-prev{left:0}
    .quamana .img{width:100%}
    .quamana .textbox{width:100%;padding:20px 0 0 0}
    .quamana .textbox .title{font-size:20px}
    .quamana .textbox .text{margin:10px 0 35px;font-size:14px}
    .quamana .textbox .iconlist{width:33.3333%;padding:0}
    .quamana .textbox .iconlist:nth-of-type(1){padding:0}
    .quamana .textbox .iconlist .icon{width:40px}
    .quamana .textbox .iconlist:after{height:20px;top:10px}
    .quamana .textbox .iconlist .title{font-size:14px;margin-top:10px}
    .newsitem{width:100%;margin-bottom:20px}
    .newsitem .textbox{padding:20px 20px 35px}
    .newsitem .textbox .title{font-size:16px;height:22px;line-height:22px}
    .newsitem .textbox .text{margin:8px 0 15px}
    .news .wappager{margin-top:30px}
    .ndtop{padding-bottom:10px}
    .ndbot, .ndbotlf .bot{margin-top:30px}
    .ndbotlf{width:100%;margin-right:0}
    .ndbotlr{width:100%;margin-top:30px}
    .ndpagerslist{max-width:100%;width:100%}
    .ndpagers{padding:10px 0}
    .ndbotlr .top{padding-bottom:10px}
    .ndbotlr .top .title:after{bottom:-11px}
    .ndrecommitem{padding:15px 0}
    .ndrecommitem .img{width:135px}
    .ndrecommitem .textbox{width:calc(100% - 135px);padding:4px 0 5px 10px}
    .ndrecommitem .textbox .title{line-height:1.4;height:44px}
    .ndrecommitem .textbox .date{margin-top:10px}
    .quadetectslide .swiper-slide .title{font-size:14px}
    .newsitem .textbox .typelist, .newsdetail .typelist, .ndbotlr .typelist{margin-right:10px;margin-bottom:10px}
    .newsitem .textbox .typebox{margin-bottom:15px}
    .ndrecommitems{margin-bottom:30px}
    .ndbotlr .typebox{margin-top:15px}
}

@media (max-width:370px){
    .quailtysys1item .textbox .title{font-size:12px;padding:0}
}

.talentdevel1{padding:56px 0 100px}
.talentdevel1box{height:550px;margin-top:44px;background-image:url(../image/taldevbg1.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover}
.talentdevel1list{width:25%;height:550px;border-right:1px solid rgba(255,255,255,0.2);position:relative}
.talentdevel1list:nth-last-of-type(1){border-right:none}
.talentdevel1list .textbox{width:100%;position:absolute;top:50%;left:0;margin-top:-92px}
.talentdevel1list .textbox .icon{width:84px;margin:0 auto}
.talentdevel1list .textbox .title{padding:0 15px;color:#fff;text-align:center;font-size:24px;margin-top:70px}
.talentdevel2{padding:92px 0 100px;background-color:#f7f7f7}
.talentdevel2box{margin-top:44px}
.talentdevel2list{width:31.94%;margin-right:2.09%;position:relative}
.talentdevel2list:nth-of-type(3n){margin-right:0}
.talentdevel2list .textbox{width:100%;padding:0 40px;position:absolute;left:0;bottom:40px}
.talentdevel2list .textbox .title{color:#fff;font-size:24px}
.talentdevel2list .textbox .line{width:43px;height:2px;background-color:#fff;margin-top:11px}
.talentdevel2list.cur .textbox .text{max-height:0px !important;margin-top:0}
.talentdevel2list .textbox .text{overflow:hidden;margin-top:24px}
.talentdevel2list .textbox .text .box{color:#fff;line-height:1.714}
.talentdevel2list:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.talentdevel3{padding:92px 0 120px}
.talentdevel3box{margin-top:42px}
.talentdevel3list{width:calc((100% - 480px) / 4);height:407px;margin-right:1px;position:relative;background-repeat:no-repeat;background-position:center center;background-size:cover}
.talentdevel3list:nth-last-of-type(1){margin-right:0}
.talentdevel3list:nth-of-type(1){width:476px;background-image:url(../image/taldev3bg1.jpg)}
.talentdevel3list:nth-of-type(2){background-image:url(../image/taldev3bg2.jpg)}
.talentdevel3list:nth-of-type(3){background-image:url(../image/taldev3bg3.jpg)}
.talentdevel3list:nth-of-type(4){background-image:url(../image/taldev3bg4.jpg)}
.talentdevel3list:nth-of-type(5){background-image:url(../image/taldev3bg5.jpg)}
.talentdevel3list .textbox{width:100%;position:absolute;left:0;top:50%;margin-top:-64px}
.talentdevel3list.cur .textbox{margin-top:-64px !important}
.talentdevel3list .textbox .icon{width:56px;margin:0 auto}
.talentdevel3list .textbox .title{color:#f1f1f1;text-align:center;margin-top:40px;font-size:24px}
.talentdevel3list.cur .textbox .text{max-height:0 !important;margin-top:0}
.talentdevel3list .textbox .text{overflow:hidden;margin-top:10px;padding:0 40px}
.talentdevel3list .textbox .text .box{color:#f1f1f1;text-align:center;line-height:1.714}
.recruit{padding:56px 0 96px}
.recruittop .title{color:#000;font-size:36px;font-weight:bold;line-height:50px}
.recruitsearch{width:472px;height:50px;border:1px solid #3587c4;border-radius:50px;padding:0 14px 0 30px}
.recruitsearch .input{width:calc(100% - 38px);margin-right:10px}
.recruitsearch .input input{width:100%;height:48px}
.recruitsearch .input input::-webkit-input-placeholder{color:#b7c5ce}
.recruitsearch .btn{width:28px;padding-left:10px;height:48px;line-height:48px;cursor:pointer}
.recruitsearch .btn img{display:inline-block;vertical-align:middle;margin-bottom:3px}
.recruititemstop{height:88px;background-color:#929ca2;padding-left:5.208vw;margin-top:50px}
.recruititemstop .list{height:88px;line-height:88px;color:#fff;font-size:18px;width:25%}
.recruititem{margin-top:2px}
.recruititemtop{height:88px;background-color:#f4f4f4;padding-left:5.208vw;position:relative;cursor:pointer}
.recruititemtop .list{width:25%;height:88px;line-height:88px;color:#666;font-size:16px}
.recruititemtop .rightmore{width:24px;height:88px;position:absolute;right:34px;top:0;background-image:url(../image/recright.png);background-repeat:no-repeat;background-position:center center}
.recruititemtop.cur{background-color:#0d6fb8}
.recruititemtop.cur .list{color:#fff}
.recruititemtop.cur .rightmore{background-image:url(../image/recright_cur.png)}
.recruititembot{padding:50px 94px 80px;display:none}
.recruititembot .top .list{width:50%}
.recruititembot .name{font-size:16px;font-weight:bold}
.recruititembot .text{margin-top:15px;color:#999;line-height:1.714}
.recruititembot .bot{margin-top:62px}
.recruititembot .bot .list:nth-of-type(1){width:50%}
.recruititembot .bot .list:nth-of-type(2){width:calc(50% - 234px)}
.recruititembot .bot .btn{width:234px !important;height:48px;display:block;line-height:48px;text-align:center;color:#fff;background-color:#0d6fb8;border-radius:48px}
.recruitmore{width:174px;height:48px;padding-left:61px;margin:60px auto 0;background-repeat:no-repeat;background-position:left 40px center;line-height:46px;border-radius:48px;border:1px solid #dcdcdc;color:#666;cursor:pointer}
.recruitmore.cur{padding-left:76px;background-image:url(../image/recload.png)}
.bussincoop{padding-bottom: 120px;}
.buscoop1{padding:110px 0 100px}
.buscoop1top{margin-top:42px}
.buscoop1top .list{width:49.3%;margin-right:1.4%;height:224px;padding:64px 74px;background-repeat:no-repeat;background-position:center center;background-size:cover}
.buscoop1top .list:nth-last-of-type(1){margin-right:0}
.buscoop1top .list:nth-of-type(1){background-image:url(../image/bussincoop1bg1.jpg)}
.buscoop1top .list:nth-of-type(2){background-image:url(../image/bussincoop1bg2.jpg)}
.buscoop1top .list .top .icon{height:24px;line-height:24px}
.buscoop1top .list .top .icon img{display:inline-block;vertical-align:middle;margin-bottom:3px}
.buscoop1top .list .top .name{color:#fff;font-size:24px;font-weight:bold;margin-left:8px;line-height:1;margin-left:8px}
.buscoop1top .list .text{color:#fff;font-size:20px;margin-top:18px}
.buscoop1bot{margin-top:20px}
.buscoop1bot .list{width:23.95%;border:1px solid #f1f1f1;margin-right:1.4%;padding:66px 15px 66px 2.083vw}
.buscoop1bot .list:nth-of-type(4n){margin-right:0}
.buscoop1bot .list .textboa{width:calc(100% - 120px);margin-left:28px;padding-top:15px}
.buscoop1bot .list .textboa .name{color:#000;font-size:18px;font-weight:bold}
.buscoop1bot .list .textboa .text{color:#666;font-size:16px;display:block;font-family:Arial;margin-top:14px;text-decoration:underline;word-break:break-all}
.buscoopmap{height:500px;overflow:hidden}
.buscoopmap .buscoopmapimg{width:100%;height:100%}

@media (max-width:1800px){
    .buscoop1bot .list{padding:66px 15px 66px 1.5vw}
    .buscoop1bot .list .icon{width:70px}
    .buscoop1bot .list .textboa{width:calc(100% - 100px);margin-left:20px;padding-top:6px}
}

@media (max-width:1470px){
    .buscoop1bot .list{padding:66px 15px 66px 1.2vw}
    .buscoop1bot .list .textboa{margin-left:15px}
}

@media (max-width:1440px){
    .talentdevel1box{height:450px}
    .talentdevel1list .textbox .title{margin-top:50px}
    .talentdevel1list .textbox{margin-top:-82px}
    .talentdevel1list{height:450px}
    .buscoop1bot .list{padding:40px 15px 40px 1vw}
    .buscoop1bot .list .icon{width:60px}
    .buscoop1bot .list .textboa{width:calc(100% - 75px);margin-left:15px;padding-top:6px}
    .buscoop1top .list .top .name{font-size:20px}
    .buscoop1top .list .text{font-size:16px}
    .talentdevel2list .textbox .title{font-size:22px}
    .talentdevel3list .textbox .title{font-size:20px}
}

@media (max-width:1190px){
    .buscoop1bot .list .icon{width:50px}
    .buscoop1bot .list .textboa{width:calc(100% - 60px);margin-left:10px;padding-top:6px}
    .buscoop1bot .list .textboa .name{font-size:16px}
    .buscoop1bot .list .textboa .text{font-size:14px}
}

@media (max-width:1024px){
    .talentdevel1, .talentdevel2, .talentdevel3, .recruit, .buscoop1{padding:50px 0}
    .talentdevel1box{height:200px;margin-top:25px}
    .talentdevel1list{height:200px}
    .talentdevel1list .textbox{margin-top:-33px}
    .talentdevel1list .textbox .icon{width:32px}
    .talentdevel1list .textbox .title{padding:0 5px;margin-top:15px;font-size:14px}
    .talentdevel2box, .talentdevel3box{margin-top:25px}
    .talentdevel2list{width:100%;margin-right:0;margin-bottom:20px}
    .talentdevel2list:nth-last-of-type(1){margin-bottom:0}
    .talentdevel2list .textbox{bottom:30px;padding:0 20px}
    .talentdevel2list .textbox .title{font-size:20px}
    .talentdevel2list .textbox .line{width:30px}
    .talentdevel2list.cur .textbox .text, .talentdevel3list.cur .textbox .text{max-height:none !important;margin-top:20px}
    .talentdevel3list:nth-of-type(1){width:100%}
    .talentdevel3list{width:100%;padding:50px 0;height:auto}
    .talentdevel3list .textbox{position:static;margin-top:0}
    .talentdevel3list.cur .textbox{margin-top:0 !important}
    .talentdevel3list .textbox .icon{width:40px}
    .talentdevel3list .textbox .title{font-size:20px;margin-top:15px}
    .talentdevel3list .textbox .text{margin-top:5px;padding:0}
    .talentdevel3list .textbox .text .box{line-height:1.6;padding:0 20px;text-align:justify;text-align-last:justify;}
    .recruittop .title{font-size:22px;line-height:32px}
    .recruitsearch{width:100%;height:40px;margin-top:15px}
    .recruitsearch .input input{height:38px}
    .recruitsearch .btn{line-height:38px}
    .recruititemstop{height:auto;margin-top:35px;padding-left:10px}
    .recruititemstop .list{height:auto;line-height:60px;font-size:14px}
    .recruititemstop .list:nth-of-type(4),
    .recruititemtop .list:nth-of-type(4){width:70px}
    .recruititemstop .list:nth-of-type(2),
    .recruititemstop .list:nth-of-type(3),
    .recruititemtop .list:nth-of-type(2),
    .recruititemtop .list:nth-of-type(3){width:66px}
    .recruititemstop .list:nth-of-type(1),
    .recruititemtop .list:nth-of-type(1){width:calc(100% - 226px)}
    .recruititemtop{padding-left:10px;min-height:58px;height:auto}
    .recruititemtop .list{height:auto;line-height:60px;font-size:12px}
    .recruititemtop .rightmore{height:100%;right:0;background-size:10px auto}
    .recruititemtop.cur .rightmore{background-size:14px auto}
    .recruititembot{padding:25px 15px}
    .recruititembot .top .list{width:100%;margin-bottom:15px}
    .recruititembot .text{margin-top:8px;line-height:1.5}
    .recruititembot .bot{margin-top:20px}
    .recruititembot .bot .list:nth-of-type(1){width:100%;margin-bottom:15px;float:none}
    .recruititembot .bot .list:nth-of-type(2){width:100%;float:none}
    .recruititembot .bot .btn{width:180px !important;font-size:12px;height:38px;line-height:38px;float:none;margin:15px auto 0;margin-bottom:0}
    .recruitmore{margin:25px auto 0;width:144px;padding-left:46px;height:38px;line-height:36px;background-position:left 25px center}
    .recruitmore.cur{padding-left:61px}
    .buscoop1top .list{width:100%;margin-right:0;height:160px;margin-bottom:20px;padding:48px 25px}
    .buscoop1top .list .top .icon{line-height:22px;height:22px}
    .buscoop1top .list .top .icon img{height:18px}
    .buscoop1top .list .top .name{font-size:18px;line-height:22px}
    .buscoop1top .list .text{font-size:15px}
    .buscoop1bot .list{width:100%;margin-right:0;padding:25px 15px;margin-bottom:20px}
    .buscoop1bot .list .icon{width:46px}
    .buscoop1bot .list .textboa{width:calc(100% - 61px);margin-left:15px;padding-top:2px}
    .buscoop1bot .list .textboa .name{font-size:16px}
    .buscoop1bot .list .textboa .text{font-size:14px;margin-top:5px}
    .buscoopmap{height:350px}
    .buscoop1top{margin-top:25px}
}

@media (max-width:400px){
    .recruititemtop .list{line-height:24px;padding:5px 0}
    .recruititemtop .list:nth-of-type(1){padding-right:5px}
}

.indscreen{padding:60px 0 32px}
.indscreenlist{margin-bottom:15px}
.indscreenlist:nth-last-of-type(1){margin-bottom:0}
.indscreenlist .name{width:100px;font-size:15px;line-height:1;font-weight:bold;margin-right:20px;position:relative;text-align:justify;text-align-last:justify}
.indscreenlist .name:after{content:"：";position:absolute;top:0;right:-14px;font-size:15px;font-weight:bold}
.indscreenlist .box{width:calc(100% - 85px);padding-top: 20px;}
.indscreenlist .item{cursor:pointer;margin-right:22px;margin-bottom:6px}
.indscreenlist .item .yuan{width:14px;height:14px;border-radius:14px;border:1px solid #c1c1c1;position:relative}
.indscreenlist .item .yuan:after{content:"";width:8px;height:8px;background-color:#0d6fb8;border-radius:8px;opacity:0;position:absolute;top:50%;left:50%;margin-top:-4px;margin-left:-4px;transform:scale3d(0,0,0);-webkit-transform:scale3d(0,0,0);-moz-transform:scale3d(0,0,0);transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
.indscreenlist .item.cur .yuan{border-color:#0d6fb8}
.indscreenlist .item.cur .yuan:after{background-color:#0d6fb8;opacity:1;transform:scale3d(1,1,1);-webkit-transform:scale3d(1,1,1);-moz-transform:scale3d(1,1,1)}
.indscreenlist .item .text{color:#666;font-size:15px;line-height:1;margin-left:5px}
.industryitem{background-color:#f4f4f4;padding:34px 38px;margin-bottom:20px;display:block}
.industryitem .type{max-width:40px;color:#d4d4d4;line-height:22px;font-family:Arial;font-size:16px}
.industryitem .name{width:calc(100% - 188px);color:#666;margin:0 40px;font-weight:bold;line-height:22px}
.industryitem .see{padding-left:35px;color:#c4c4c4;line-height:22px;background-image:url(../image/indsee.png);background-repeat:no-repeat;background-position:left center}
.industryitem:hover{background-color:#0d6fb8}
.industryitem:hover .type{color:#62a7da}
.industryitem:hover .name{color:#fff}
.industryitem:hover .see{color:#fff;background-image:url(../image/indsee_cur.png)}
.indesutrytan{padding-bottom:120px}
.indesutrytan .pager{margin-top:70px}
.proana .newsitems{margin-top:42px}

@media (max-width:1440px){

}

@media (max-width:1024px){
    .indscreen{padding:30px 0}
    .industryitem{padding:25px 15px;margin-bottom:15px}
    .industryitem .name{width:calc(100% - 125px);margin:0 15px}
    .industryitem .see{background-size:20px auto;padding-left:25px}
    .indesutrytan .wappager{margin-top:50px}
    .indesutrytan{padding-bottom:50px}
    .newsitem .img img{width:100%}
    .proana .newsitems{margin-top:25px}
    .indscreenlist{margin-bottom:0}
    .indscreenlist .name{width:100%;text-align-last:left;text-align:left;font-size:16px;font-weight:normal;border-bottom:1px solid #ccc;height:41px;line-height:40px;margin-right:0}
    .indscreenlist .name:before{content:"";width:7px;height:4px;position:absolute;right:0;top:50%;margin-top:-2px;background-image:url(https://www.jfopt.com/img/litdown.png);background-repeat:no-repeat;background-position:center center}
    .indscreenlist .name.cur:before{transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg)}
    .indscreenlist .name:after, .indscreenlist .item .yuan{display:none}
    .indscreenlist .box{width:100%;padding:10px 5px;display:none}
    .indscreenlist .item{width:100%}
    .indscreenlist .item .text{width:100%;height:36px;line-height:36px;margin-left:0;text-align:center;font-size:14px}
}

.solution1{padding:90px 0 126px}
.solution1top .text{margin-top:18px;color:#666;font-size:16px;text-align:center;line-height:1.5}
.solution1img{margin-top:75px}
.solution2{background-image:url(../image/sol2bg.jpg);background-repeat:no-repeat;background-position:top center;background-size:100% auto}
.sol2nav{border-bottom:1px solid #e8e8e8;padding:28px 0}
.sol2nav .wrap{text-align:center}
.sol2navlist{display:inline-block;margin:0 14px;color:#666;font-size:16px;line-height:32px;position:relative;cursor:pointer}
.sol2navlist:after{content:"";width:0px;height:2px;background-color:#0d6fb8;position:Absolute;bottom:-27px;left:0;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s;cursor:pointer}
.sol2navlist.cur,
.sol2navlist:hover{color:#0d6fb8;font-weight:bold}
.sol2navlist.cur:after,
.sol2navlist:hover:after{width:100%}
.sol2box{border-bottom:1px solid #e7e7e7}
.sol2list{display:none;padding:85px 0 0}
.sol2list.cur{display:block}
.sol2list .content{margin-top:16px;padding-bottom:78px}
.soldown{width:60px;height:60px;margin:0 auto -30px;position:relative;z-index:3}
.sol2title{font-size:26px;text-align:center}
.sol3{padding:82px 0 120px;border-top:1px solid #e7e7e7}
.sol3 .wrap{position:relative}
.sol3 .swiper-container{padding:32px 0 50px}
.sol3 .box{display:block;border:1px solid #e7e7e7;padding:0 20px 40px}
.sol3 .box .textbox{margin-top:12px}
.sol3 .box .textbox .title{color:#010101;font-size:16px;text-align:center;height:24px;line-height:24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.sol3 .swiper-button-next,
.sol3 .swiper-button-prev{width:56px;height:56px;background-size:100%;margin-top:-28px;opacity:1}
.sol3 .swiper-button-next{background-image:url(../image/sol3right.png);right:calc(-2.083vw + -56px)}
.sol3 .swiper-button-prev{background-image:url(../image/sol3left.png);left:calc(-2.083vw + -56px)}
.sol3 .swiper-button-prev.swiper-button-disabled{opacity:0.3}
.sol3 .swiper-button-next.swiper-button-disabled{opacity:0.3}
@media (min-width:1024px){
    .sol3 .swiper-button-next:hover{background-image:url(../image/sol3right_cur.png)}
    .sol3 .swiper-button-prev:hover{background-image:url(../image/sol3left_cur.png)}
}
.sol3 .swiper-pagination{bottom:0}
.sol3 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{background-color:#7a8191;opacity:1;border-radius:8px}
.sol3 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{width:28px;background-color:#0d6fb8}
.sol3 .img{text-align:center}
.sol3 .img img{display:inline-block}
.sol3 .box:hover{border-color:#fff;box-shadow:0px 0px 43px 0px rgba(0,0,0,0.12)}
.sol3 .box:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.sol3 .box:hover .title{color:#0d6fb8;font-weight:bold}
.profloor{position:fixed;top:50%;z-index:20;opacity:1;left:0;transition:1s ease-in-out 0s;-webkit-transition:1s ease-in-out 0s;-moz-transition:1s ease-in-out 0s}
/* .profloor.cur{left:0;opacity:1} */
.profllist{margin-bottom:1px;cursor:pointer;position:relative}
.profllist .num{width:44px;height:44px;color:#fff;background-color:#7a8191;text-align:center;font-size:16px;line-height:44px}
.profllist .name{height:44px;line-height:44px;color:#fff;padding:0 14px;position:absolute;left:-100px;white-space:nowrap;top:0;z-index:-1;opacity:0;visibility:hidden}
.profllist.cur .name{z-index:21;opacity:1;visibility:visible;left:44px}
.proscrolltop{cursor:pointer}
.proban .swiper-container{width:100%}
.proban .swiper-container-horizontal>.swiper-pagination-bullets{bottom:40px}
.proban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width:60px;height:3px;border-radius:0;position:relative;background-color:rgba(255,255,255,0.5);margin:0 8px;opacity:1}
.proban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:after{content:"";width:0px;height:3px;background-color:#fff;position:absolute;top:0;left:0}
.proban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active:after{width:100%;}
.proban .textbox{position:absolute;top:200px;left:50%;margin-left:-37.5vw;z-index:3;opacity:0}
.proban .textbox.cur{top:44px;opacity:1}
.proban .textbox .title{text-align:center;color:#fff;font-size:42px;font-family:Arial;font-weight:bold}
.proban .textbox .text{text-align:center;color:#fff;font-size:24px;font-family:Arial}
.proban .textbox .btn{width:160px;height:50px;display:block;margin:50px auto 0;border-radius:50px;border:1px solid #fff;text-align:center;line-height:48px;color:#fff}
.probox{padding:60px 0 120px;background-color:#f5f5f5}
.prolist{margin-bottom:70px}
.prolist:nth-last-of-type(1){margin-bottom:0}
.prolisttop .left .num{height:24px;padding:0 4px;color:#fff;line-height:24px;font-size:18px;font-weight:bold;font-family:Arial}
.prolisttop .left .title{font-size:24px;line-height:1;margin-left:10px;font-weight:bold}
.prolisttop .more{display:block}
.prolisttop .more .text{color:#666;margin-right:10px;line-height:22px}
.prolisttop .more .icon{width:22px;height:22px;;line-height:22px;text-align:center;background-color:#ccc;border-radius:22px}
.prolisttop .more .icon img{display:inline-block;vertical-align:middle;margin-bottom:3px}
.prolisttop .more:hover .icon{background-color:#0d6fb8}
.prolistbot{margin-top:30px}
.prolistbot .bigpro{height:400px;position:relative;margin-bottom:12px;background-repeat:no-repeat;background-position:center center;background-size:cover}
.prolistbot .bigpro .textbox{max-width:50%;position:absolute;top:50%;left:9%;margin-top:-101px}
.prolistbot .bigpro .textbox .title{color:#fff;font-size:34px;font-family:Arial;line-height:56px;height:56px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.prolistbot .bigpro .textbox .text{color:rgba(255,255,255,0.6);margin:18px 0 36px;font-size:18px;font-family:Arial;line-height:24px;height:72px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.prolistbot .bigpro .textbox .btn{width:140px;height:44px;border-radius:44px;border:1px solid rgba(255,255,255,0.7);display:block;text-align:center;line-height:42px;color:#fff;font-family:Arial}
.prolistbot .bigpro .textbox .btn:hover{background-color:#0d6fb8;color:#fff;border-color:#0d6fb8}
.proitems{position:relative}
.proitem{width:24.375%;margin-right:0.8333%;display:block;background-color:#fff;margin-bottom:10px}
.proitem:nth-of-type(4n){margin-right:0}
.proitem:hover{box-shadow:0px 0px 43px 0px rgba(0,0,0,0.12)}
.proitem .textbox{padding:14px 15px 37px}
.proitem .textbox .title{color:#010101;text-align:center;font-size:16px;height:22px;line-height:22px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.proitem .textbox .text{color:#999;text-align:center;margin-top:10px;height:20px;line-height:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.proitem:hover .textbox .title{color:#0d6fb8;font-weight:bold}
.proitem:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.prob{padding:50px 0 118px;background-color:#f5f5f5}
.probtop .left{border-left:4px solid #0d6fb8;padding-left:20px}
.probtop .left .title{color:#000;font-size:34px;line-height:34px;margin-right:16px}
.probtop .left .numtext{color:#999;line-height:34px}
.recruitsearch{background-color:#fff}
.prob .proitems{margin-top:30px}
.probpagers{text-align:center}
.probpagers .list{width:48px;height:48px;border-radius:48px;background-color:#fff;display:inline-block;vertical-align:middle;text-align:center;color:#666;line-height:48px;margin:0 8px}
.probpagers .list.text{width:auto;background-color:transparent}
.probpagers a.list:hover,
.probpagers a.list.cur{background-color:#0d6fb8;color:#fff}
.probpagers .list.prev,
.probpagers .list.next{font-family:宋体, 'SimSun'}
.prob .probpagers{margin-top:60px}

@media (max-width:1620px){
    .proban .textbox{margin-left:-41vw}
    .sol3 .swiper-button-next, .sol3 .swiper-button-prev{width:46px;height:46px}
    .sol3 .swiper-button-next{right:calc(-1.2vw + -46px)}
    .sol3 .swiper-button-prev{left:calc(-1.2vw + -46px)}
	.prolistbot .bigpro .textbox .title{font-size:30px}
}

@media (max-width:1440px){
    .proban .textbox{margin-left:-44vw}
    .sol3 .swiper-button-next, .sol3 .swiper-button-prev{width:38px;height:38px}
    .sol3 .swiper-button-next{right:-48px}
    /*.sol3 .swiper-button-prev{left:-1.2vw}*/
    .sol3 .swiper-button-prev {
    left: calc(-1.2vw + -32px);
}
    .sol2list{padding:65px 0 0}
    .sol3{padding:56px 0 80px}
    .proban .textbox .title{font-size:34px}
    .proban .textbox .text{font-size:20px}
    .sol2title{font-size:22px}
	.prolistbot .bigpro .textbox .title{font-size:26px}

}

@media (max-width:1280px){
    .proban .textbox{margin-left:-46vw}
    .sol3 .swiper-button-next{right:calc(-0.5vw + -40px)}
    .sol3 .swiper-button-prev{left:calc(-0.5vw + -40px)}
    .sol3 .swiper-button-next,
    .sol3 .swiper-button-prev{width:40px;height:40px}
}

@media (max-width:1024px){
    .proban .textbox{left:0;margin-left:0;padding:0 15px}
    .solution1, .probox{padding:50px 0}
    .solution1top .text{font-size:14px;margin-top:12px}
    .solution1img{margin-top:30px}
    .sol2nav{padding:15px 0}
    .sol2navlist{font-size:14px}
    .sol2navlist:after{bottom:0}
    .sol2list{padding:35px 0 0}
    .sol3{padding:25px 0 50px}
    .sol3 .swiper-button-next{right:0px;cursor:none}
    .sol3 .swiper-button-prev{left:0px;cursor:none}
    .sol3 .box{padding:15px 10px 25px}
    .sol2title{font-size:18px}
    .prolisttop .left .num{font-size:14px;height:20px;line-height:20px}
    .prolisttop .left .title{font-size:18px;line-height:20px}
    .prolisttop .more .text{line-height:20px}
    .prolisttop .more .icon{width:20px;height:20px;line-height:20px}
    .prolistbot .bigpro{height:200px}
    .prolistbot .bigpro .textbox{max-width:70%;left:32px;margin-top:-53px}
    .prolistbot .bigpro .textbox .title{font-size:22px;line-height:28px;height:28px}
    .prolistbot .bigpro .textbox .text{font-size:14px;height:19px;line-height:19px;margin:5px 0 20px;display:none}
    .prolistbot .bigpro .textbox .btn{width:96px;height:34px;line-height:32px;margin-top:20px}
    .proitem{width:49%;margin-right:2%}
    .proitem:nth-of-type(2n){margin-right:0}
    .proitem .textbox{padding:8px 5px 15px}
    .proitem .textbox .title{font-size:15px;height:20px;line-height:20px}
    .proitem .textbox .text{font-size:12px;height:18px;line-height:18px;margin-top:6px}
    .prolist{margin-bottom:35px}
    .prolistbot{margin-top:20px}
    .probpagers{display:none}
    .prob{padding:50px 0}
    .prob .wappager{margin-top:40px}
    .probtop .left{padding-left:10px}
    .probtop .left .title{font-size:24px;height:28px;line-height:28px}
    .probtop .left .numtext{line-height:28px}
    .profloor{display:none}
    .proban .swiper-container-horizontal>.swiper-pagination-bullets{bottom:5px}
    .proban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width:30px;height:2px}
    .proban .textbox .title{font-size:16px;line-height:1}
    .proban .textbox .text{font-size:12px;display:none}
    .proban .textbox .btn{width:78px;height:26px;line-height:24px;margin:10px auto 0;font-size:12px}
    .proban .textbox.cur{top:10px}
    .proban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:after{height:2px}
    .sol2list .content{padding-bottom:30px}
    .soldown{width:40px;height:40px;margin:0 auto -20px}
    .sol3 .swiper-container{padding:20px 0 40px}
    .sol3 .wrap{padding:0 50px}
}

.prodetail1{padding:108px 0 0}
.prod1left{width:50%;overflow:hidden;position:relative}
.prod1left .imglist{position:absolute;opacity:0;transform:translateX(100%);-webkit-transform:translateX(100%);-moz-transform:translateX(100%)}
.prod1left .imglist.cur{position:static;opacity:1;transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0)}
.prod1left .imglist video{width:100%;height:100%;object-fit:fill;object-position:center center}
.prod1right{width:50%;padding-top:30px;padding-left:12.395vw}
.prod1right .top .title{color:#000;font-size:30px;font-weight:bold;line-height:40px}
.prod1right .top .type{color:#999;margin:10px 0;font-size:18px}
.prod1right .top .model{color:#999;font-size:18px}
.prod1slide{margin:40px 0 30px;padding:40px 114px 40px 30px;border-top:1px solid #ebebeb;border-bottom:1px solid #ebebeb}
.prod1slide .box{position:relative}
.prod1slide .swiper-button-next,
.prod1slide .swiper-button-prev{width:11px;height:20px;background-size:100% 100%;opacity:1;margin-top:-10px}
.prod1slide .swiper-button-next{background-image:url(../image/pro1right.png);right:-30px}
.prod1slide .swiper-button-next.cur{background-image:url(https://www.jfopt.com/img/pro1right_cur.png)}
.prod1slide .swiper-button-prev{background-image:url(../image/pro1left.png);left:-30px}
.prod1slide .swiper-button-prev.cur{background-image:url(https://www.jfopt.com/img/pro1left_cur.png)}
.prod1slide .swiper-slide{cursor:pointer}
.prod1slide .swiper-slide .img{border:1px solid #ebebeb}
.prod1slide .swiper-slide.cur .img{border-color:#0d6fb8}
.prod1share .icon{height:36px;line-height:36px}
.prod1share .icon img{display:inline-block}
.prod1share .text{margin:0 2px 0 8px;color:#999;line-height:36px}
.prod1sharelist{width:36px;height:36px;background-color:#ccc;cursor:pointer;border-radius:36px;margin-right:10px;background-repeat:no-repeat;background-position:center center}
/* .prod1sharelist:hover{background-color:#0d6fb8} */
.prod1sharelist[data-int]:hover{background-color:#0c5da2}
.prod1sharelist[data-wb]:hover{background-color:#f19613}
.prod1sharelist[data-qq]:hover{background-color:#12b7f5}
.prod1sharelist[data-wx]:hover{background-color:#2eaf0c}
.prod1sharelist[data-wb]{background-image:url(../image/ndwb.png)}
.prod1sharelist[data-wx]{background-image:url(../image/ndwx.png)}
.prod1sharelist[data-qq]{background-image:url(../image/ndqq.png)}
.prod1sharelist[data-int]{background-image:url(../image/ndint.png)}
.prod1sharelist[data-lj]{background-image:url(../image/ndlj.png)}
.prod1right .buybtn{width:176px;height:56px;display:block;background-color:#0d6fb8;color:#fff;border-radius:56px;font-size:16px;text-align:center;line-height:56px;font-weight:bold;margin-top:50px}
.prod1right .buybtn:hover{box-shadow:0px 4px 22px 0px rgba(0,0,0,0.06);transform:translateY(-10px);-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px)}
.prodnav{border-top:1px solid #ebebeb;background-color:#fff;z-index:10}
.prodnav.cur{width:100%;position:fixed;top:0;left:0;box-shadow:0px 6px 26px 0px rgba(0,0,0,0.06);}
.prodnavbox{text-align:center}
.prodnavbox .prodnavlist{display:inline-block;cursor:pointer;height:100px;line-height:100px;margin:0 37px;color:#666;font-size:16px;position:relative}
.prodnavbox .prodnavlist:after{content:"";width:0px;height:2px;background-color:#0d6fb8;position:absolute;bottom:0;left:0;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
.prodnavbox .prodnavlist.cur,
.prodnavbox .prodnavlist:hover{color:#0d6fb8}
.prodnavbox .prodnavlist.cur:after,
.prodnavbox .prodnavlist:hover:after{width:100%}
.prodbot{padding:30px 0 120px;background-color:#f5f5f5}
.prodbotone{padding:92px 100px 118px;background-color:#fff}
.prodbot1{padding-bottom:100px;border-bottom:1px solid #ebebeb}
.prodbot1 .img{width:50%;margin-top:4px}
.prodbot1 .img:hover img,
.prodbot2 .item:hover .img img,
.prodbot3 .item .img:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.prodbot1 .textbox{width:50%;padding-right:5.9375vw}
.prodbottitle{font-size:30px;line-height:38px}
.prodbot1 .text{color:#666;font-size:16px;margin-top:30px;line-height:1.875}
.prodbot2{padding:95px 0;border-bottom:1px solid #ebebeb}
.prodbot2 .items{margin-top:42px}
.prodbot2 .item{width:32.25%;margin-right:1.625%}
.prodbot2 .item .textbox{margin-top:44px}
.prodbot2 .item .textbox .title{color:#0d6fb8;font-size:24px}
.prodbot2 .item .textbox .text{color:#666;margin-top:8px;line-height:1.8}
.prodbot3{padding:92px 0 100px;border-bottom:1px solid #ebebeb}
.prodbot3 .items{margin-top:80px}
.prodbot3 .item{width:27.41%;margin-right:8.885%}
.prodbot3 .item img,
.prodbot3 .item .img{border-radius:340px}
.prodbot3 .item .title{font-size:16px;text-align:center;margin-top:22px;word-break:break-all}
.prodbot3 .item:nth-of-type(3),
.prodbot2 .item:nth-of-type(3){margin-right:0}
.prodbot4{padding:90px 0;border-bottom:1px solid #ebebeb}
.prodbot4box{margin-top:35px}
.prodbottwo{padding-top:88px}
.prodbottwobox{padding:80px 100px 60px;background-color:#fff;margin-top:32px}
.prodbottwobox .list{width:50%;display:block;margin-bottom:20px}
.prodbottwobox .list .name{width:calc(100% - 85px);margin-left:25px;padding-top:20px;color:#666;font-size:16px}
.prodbotthree{padding-top:96px}
/* .prodbotthreeslide{margin-top:12px} */
.prodbotthreeslide{ position:relative;}
.prodbotthreeslide .swiper-container{padding:30px 0 48px}
.prodbotthreeslide .box{background-color:#fff;display:block}
.prodbotthreeslide .box .textbox{padding:14px 15px 37px}
.prodbotthreeslide .box .title{color:#010101;text-align:center;font-size:16px;height:22px;line-height:22px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.prodbotthreeslide .box .text{color:#999;text-align:center;margin-top:10px;height:20px;line-height:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.prodbotthreeslide .box:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.prodbotthreeslide .box:hover .title{color:#0d6fb8;font-weight:bold}
.prodbotthreeslide .box:hover{box-shadow:0px 0px 43px 0px rgba(0,0,0,0.12)}
.prodbotthreeslide .swiper-container-horizontal>.swiper-pagination-bullets{bottom:0}
.prodbotthreeslide .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{background-color:#7a8191}
.prodbotthreeslide .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{width:28px;background-color:#0d6fb8;border-radius:8px}
.prodbotthreeslide .prev{ display:block; position:absolute; width:56px; height:56px; left:-80px; top:50%; margin-top:-28px; background: url(../image/quacerleft.png) no-repeat; z-index:2;}
.prodbotthreeslide .next{ display:block; position:absolute; width:56px; height:56px; right:-80px; top:50%; margin-top:-28px; background: url(../image/quaceright.png) no-repeat; z-index:2;}
.prodbotthreeslide .prev:hover{ background: url(../image/quacerleft_cur.png) no-repeat;}
.prodbotthreeslide .next:hover{ background: url(../image/quaceright_cur.png) no-repeat;}
@media (max-width:1620px){
    .prod1slide{padding:30px 84px 30px 30px}
}

@media (max-width:1440px){
    .prod1slide{padding:25px 64px 25px 30px}
    .prod1right .top .title, .prodbottitle{font-size:24px;line-height:34px}
    .prod1right .top .type, .prod1right .top .model{font-size:16px}
    .prod1right{padding-left:9.395vw}
    .prodbot1 .textbox{padding-right:3.5vw}
	.prodetail1{padding:80px 0 0}
}

@media (max-width:1024px){
    .prodetail1{padding:25px 0 60px}
    .prod1left,
    .prod1right{width:100%;padding-left:0}
    .prod1right .top .title, .prodbottitle{font-size:20px;line-height:30px}
    .prod1right .top .type, .prod1right .top .model{font-size:14px}
    .prod1right .top .type{margin:10px 0 3px}
    .prod1slide{margin:25px 0 15px;padding:15px 30px}
    .prod1right .buybtn{width:126px;height:40px;line-height:40px;font-size:14px;margin-top:25px}
    .prodnavbox .prodnavlist{height:60px;line-height:60px;margin:0 10px;font-size:14px}
    .prodbotone{padding:35px 25px 50px}
    .prodbot1 .img{width:100%;margin-top:0}
    .prodbot1 .textbox{width:100%;padding-right:0;margin-top:20px}
    .prodbot1 .text{font-size:13px;line-height:1.6;margin-top:5px}
    .prodbot1{padding-bottom:30px}
    .prodbot2, .prodbot3, .prodbot4{padding:30px 0}
    .prodbot2 .items, .prodbot3 .items, .prodbot4box{margin-top:15px}
    .prodbot2 .item, .prodbot3 .item{width:100%;margin-right:0;margin-bottom:25px}
    .prodbot2 .item:nth-last-of-type(1),
    .prodbot3 .item:nth-last-of-type(1){margin-bottom:0}
    .prodbot2 .item .textbox{margin-top:15px}
    .prodbot2 .item .textbox .title{font-size:18px}
    .prodbot2 .item .textbox .text{margin-top:4px}
    .prodbot3 .item .title{font-size:16px;margin-top:8px}
    .prodbot3 .item .img{text-align:center}
    .prodbot3 .item .img img{display:inline-block}
    .prodbottwo, .prodbotthree{padding-top:40px}
    .prodbottwobox{padding:25px 15px;margin-top:15px}
    .prodbottwobox .list{width:100%}
    .prodbottwobox .list:nth-last-of-type(1){margin-bottom:0}
    .prodbottwobox .list .icon{width:40px}
    .prodbottwobox .list .name{width:calc(100% - 50px);margin-left:10px;padding-top:0;font-size:14px}
    .prodbot{padding:30px 0 50px}
    .prodbotthreeslide .swiper-container{padding:15px 0 35px}
    .prodbotthreeslide .prev{ left: 10px; }
	.prodbotthreeslide .next{ right: 10px;}
}

.indexa{padding:104px 0 120px;background-image:url(../image/indexabg.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover}
.indextitlebox .cntitle{color:#000;font-size:30px;font-weight:bold;text-align:center;line-height:42px}
.indextitlebox .entitle{color:#999;font-size:18px;font-family:Arial;text-align:center;line-height:30px;margin-top:4px}
.ianav{margin:34px 0 30px;position:relative}
.ianav .swiper-container{border-bottom:1px solid #dcdcdc}
.ianav .swiper-slide{width:11.1111%;padding-bottom:17px;cursor:pointer}
.ianav .swiper-slide .icon{width:42px;height:42px;margin:0 auto;background-repeat:no-repeat;background-position:center center;background-size:100% 100%}
/* .ianav .swiper-slide .icon[data-name="POE监控"]{background-image:url(../img/indexaicon1.png)}
.ianav .swiper-slide.cur .icon[data-name="POE监控"]{background-image:url(../img/indexaicon1_cur.png)}
.ianav .swiper-slide .icon[data-name="WDM"]{background-image:url(../img/indexaicon2.png)}
.ianav .swiper-slide.cur .icon[data-name="WDM"]{background-image:url(../img/indexaicon2_cur.png)}
.ianav .swiper-slide .icon[data-name="核心交换机"]{background-image:url(../img/indexaicon3.png)}
.ianav .swiper-slide.cur .icon[data-name="核心交换机"]{background-image:url(../img/indexaicon3_cur.png)}
.ianav .swiper-slide .icon[data-name="基站射频"]{background-image:url(../img/indexaicon4.png)}
.ianav .swiper-slide.cur .icon[data-name="基站射频"]{background-image:url(../img/indexaicon4_cur.png)}
.ianav .swiper-slide .icon[data-name="施工工具"]{background-image:url(../img/indexaicon5.png)}
.ianav .swiper-slide.cur .icon[data-name="施工工具"]{background-image:url(../img/indexaicon5_cur.png)}
.ianav .swiper-slide .icon[data-name="铜缆"]{background-image:url(../img/indexaicon6.png)}
.ianav .swiper-slide.cur .icon[data-name="铜缆"]{background-image:url(../img/indexaicon6_cur.png)}
.ianav .swiper-slide .icon[data-name="网络服务器"]{background-image:url(../img/indexaicon7.png)}
.ianav .swiper-slide.cur .icon[data-name="网络服务器"]{background-image:url(../img/indexaicon7_cur.png)}
.ianav .swiper-slide .icon[data-name="仪器设备"]{background-image:url(../img/indexaicon8.png)}
.ianav .swiper-slide.cur .icon[data-name="仪器设备"]{background-image:url(../img/indexaicon8_cur.png)}
.ianav .swiper-slide .icon[data-name="智能网关"]{background-image:url(../img/indexaicon9.png)}
.ianav .swiper-slide.cur .icon[data-name="智能网关"]{background-image:url(../img/indexaicon9_cur.png)} */
.ianav .swiper-slide .title{color:#666;font-size:16px;text-align:center;margin-top:12px;position:relative}
/* .ianav .swiper-slide .title:after{content:"";width:0px;height:5px;background-color:#0d6fb8;position:absolute;bottom:-18px;left:50%;margin-left:-61px;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s} */
.ianav .line{width:122px;height:5px;background-color:#0d6fb8;position:absolute;bottom:0;left:0}
.ianav .swiper-slide.cur .title{color:#0d6fb8}
.iabtn{width:150px;height:50px;border:2px solid #0d6fb8;margin:30px auto 0;display:block;border-radius:50px;text-align:center;line-height:46px;color:#0d6fb8}
.iabtn:hover{background-color:#0d6fb8;color:#fff;border-color:#0d6fb8;box-shadow:0px 5px 22px 0px rgba(0,0,0,0.08)}
.indexb{overflow: hidden;}
.indexbtoptext{width:51.52%;margin:26px auto 50px;color:#666;font-size:16px;text-align:center;line-height:1.75}
.indexblist{width:calc((100% - 500px) / 7);height:680px;overflow:hidden;position:relative}
.indexblist:nth-of-type(1){width:500px}
.indexblist .img img,
.indexblist .img{max-width:none}
.indexblist .ibbg{width:100%;height:100%;position:absolute;top:0;left:0;padding:40px 40px;background-color:rgba(0,0,0,0.55)}
.indexblist .cntitle{color:#fff;font-size:24px;margin:22px 0 4px;margin-top:5px}
.indexblist .entitle{color:rgba(255,255,255,0.5);font-family:'arch'}
.indexblist .text{width:468px;padding-right:150px;opacity:0;margin:32px 0 28px;height:48px;line-height:22px;color:#fff;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.indexblist .btn{width:134px;height:48px;border:1px solid #fff;color:#fff;text-align:center;line-height:46px;display:block;opacity:0;border-radius:48px}
.indexblist .btn:hover{background-color:#0d6fb8;color:#fff;border-color:#0d6fb8}
/* .indexblist:nth-of-type(1) .ibbg, */
.indexblist.cur .ibbg{background-color:rgba(0,0,0,0)}
/* .indexblist:nth-of-type(1) .text, */
.indexblist.cur .text{opacity:1}
/* .indexblist:nth-of-type(1) .btn,   */
.indexblist.cur .btn{opacity:1}
.indexbwap{display:none;padding:50px 0 20px}
.indexbwap .indexbtoptext{width:100%;font-size:14px;line-height:1.6;margin:10px 0 15px}
.indexbwap .swiper-container{padding-bottom:25px}
.indexbwap .textbox{background-color:#fff;margin-top:-35px;position:relative;padding:35px 40px;border-radius:6px;box-shadow: 0px 0px 23px 0px rgba(0, 0, 0, 0.13)}
.indexbwap .textbox .cntitle{font-size:18px;text-align:center;font-weight:bold}
.indexbwap .textbox .entitle{color:rgba(102,102,102,0.5);text-align:center;font-family:'arch';margin:4px 0 15px}
.indexbwap .textbox .text{color:#666;line-height:20px;height:40px;text-align:center;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.indexbwap .textbox .btn{width:120px;height:40px;border:2px solid #0d6fb8;border-radius:40px;color:#0d6fb8;display:block;text-align:center;line-height:36px;margin:30px auto 0}
.indexbwap .swiper-container-horizontal>.swiper-pagination-bullets{bottom:276px}
.indexbwap .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{background-color:#fff;opacity:0.8}
.indexbwap .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{opacity:1}
.indexc{padding:0 0 120px}
.indexc .iabtn{display:none}
.indexctop .indextitlebox .cntitle,
.indexctop .indextitlebox .entitle{text-align:left}
.indexctop .pcpagenavelist a{font-size:18px}
.indexctop .more{width:160px;height:50px;border-radius:50px;border:2px solid #d2d2d2;text-align:center;line-height:46px;color:#666;margin-top:16px}
.indexctop .more:hover{background-color:#0d6fb8;border-color:#0d6fb8;color:#fff}
.indexcitems{margin-top:54px}
.indexcitems .swiper-button-prev,
.indexcitems .swiper-button-next{width:56px;height:56px;background-size:100% 100%;margin-top:-28px;opacity:1}
.indexcitems .swiper-button-prev{background-image:url(../image/sol3left.png);left:-86px}
.indexcitems .swiper-button-prev:hover{background-image:url(../image/sol3left_cur.png)}
.indexcitems .swiper-button-next{background-image:url(../image/sol3right.png);right:-86px}
.indexcitems .swiper-button-next:hover{background-image:url(../image/sol3right_cur.png)}
.indexcitem, .indexcitemswapbox{display:none}
.indexcitem{position:relative}
.indexcitem.cur{display:block}
.indexcitemswap{display:none;margin-top:20px}

.indexcitemswap.cur{display:block}
.indexcitemswap .item{display:block}
.indexcitemswap .textbox,
.indexcitemswap .item2{padding:20px 0;border-bottom:1px solid #e9e9e9}
.indexcitemswap .textbox .date{color:#999;padding-left:26px;line-height:16px;background-image:url(../image/newstime.png);background-repeat:no-repeat;background-position:left center}
.indexcitemswap .textbox .title{color:#000;margin:6px 0 12px;font-size:18px;height:24px;line-height:24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.indexcitemswap .textbox .text{color:#666;line-height:20px;height:40px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.indexcitemswap .item2 .img{width:120px}
.indexcitemswap .item2 .textbox{padding:0;border-bottom:none;width:calc(100% - 135px);margin-right:15px}
.indexcitemswap .item2 .textbox .title{height:48px;-webkit-line-clamp:2;margin:4px 0 0}
.indexd{padding:126px 0 114px;background-image:url(../image/idbg.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover}
.indexdtoplf{width:calc(100% - 900px);margin-right:133px}
.indexdtoplf .cntitle{color:#fff;font-size:36px;font-weight:bold;line-height:44px}
.indexdtoplf .entitle{color:#fff;font-size:24px;font-family:Arial;line-height:32px;margin-top:4px}
.indexdtoplf .text{margin:30px 0 82px;color:#fff;line-height:2.143}
.indexdtoplf .btn{width:160px;height:50px;background-color:#0d6fb8;color:#fff;display:block;text-align:center;line-height:50px;border-radius:50px}
.indexdtoplf .btn:hover{box-shadow:0px 4px 22px 0px rgba(255,255,255,0.08);transform:translateY(-10px);-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px)}
.indexdtoplr{position:relative}
.indexdtoplr .item{position:absolute}
.indexdtoplr .item .yuan{width:26px;height:26px;border-radius:26px;background-color:rgba(255,255,255,0.2);margin-right:6px;position:relative;animation:xuanzhuan 3s linear 0s infinite normal;-webkit-animation:xuanzhuan 3s linear 0s infinite normal;-moz-animation:xuanzhuan 3s linear 0s infinite normal}
.indexdtoplr .item .yuan:after{content:"";width:8px;height:8px;border-radius:8px;background-color:#fff;position:absolute;top:50%;margin-top:-4px;left:50%;margin-left:-4px;animation:xuanzhuan 3s linear 0s infinite normal;-webkit-animation:xuanzhuan 3s linear 0s infinite normal;-moz-animation:xuanzhuan 3s linear 0s infinite normal}
.indexdtoplr .item .text{color:#fff;font-size:16px;line-height:26px}
.indexdtoplr .item[data-name="United States"]{top:98px;left:124px}
.indexdtoplr .item[data-name="Brazil"]{top:216px;left:232px}
.indexdtoplr .item[data-name="Germany"]{top:72px;left:361px}
.indexdtoplr .item[data-name="South Africa"]{top:260px;left:404px}
.indexdtoplr .item[data-name="China"]{top:128px;right:115px}
.indexdtoplr .item[data-name="Malaysia"]{top:198px;right:105px}
.indexdtoplr .item[data-name="Australia"]{top:254px;right:24px}
.indexdbot{margin-top:166px}
.indexdbot .list{width:20%;text-align:center}
.indexdbot .list .top{display:inline-block}
.indexdbot .list .top .numUp,
.indexdbot .list .top .unit{color:#f9f9f9;font-size:60px;line-height:64px;font-weight:bold;font-family:'din'}
.indexdbot .list .top .add{margin-top:12px;margin-left:8px}
.indexdbot .list .text{color:#fff}
.idmapwap{display:none}

@media (max-width:1620px){
    .indexblist .ibbg{padding:40px 30px}
    .indexblist .cntitle{font-size:22px}
    .indexcitems .swiper-button-prev, .indexcitems .swiper-button-next{width:46px;height:46px}
    .indexcitems .swiper-button-prev{left:-61px}
    .indexcitems .swiper-button-next{right:-61px}
}

@media (max-width:1440px){
    .indexcitems .swiper-button-prev, .indexcitems .swiper-button-next{width:38px;height:38px}
    .indextitlebox .cntitle{font-size:24px;line-height:32px}
    .indextitlebox .entitle{font-size:16px;line-height:22px}
    .indexblist .cntitle{font-size:18px}
    .indexblist .ibbg{padding:40px 20px}
    .indexblist{width:calc((100% - 428px) / 5);height:680px;overflow:hidden;position:relative}
    .indexblist:nth-of-type(1){width:428px}
    .indexdtoplf{width:calc(100% - 830px);margin-right:63px}
    .inewsslide .swiper-button-prev,
    .inewsslide .swiper-button-next{width:46px;height:46px;margin-top:-23px}
    .indexcitems .swiper-button-prev{left:-48px}
    .indexcitems .swiper-button-next{right:-48px}
	.indexdtoplf .cntitle{font-size:26px}
}

@media (max-width:1280px){
    .indexblist .cntitle{font-size:16px}
}

@media (max-width:1024px){
    .indextitlebox .cntitle{font-size:22px;line-height:28px}
    .indextitlebox .entitle{font-size:16px;line-height:22px;margin-top:2px}
    .indexa{padding:50px 0}
    .indexabot .proitem:nth-of-type(5),
    .indexabot .proitem:nth-of-type(6),
    .indexabot .proitem:nth-of-type(7),
    .indexabot .proitem:nth-of-type(8){display:none}
    .ianav .swiper-slide .icon{width:30px;height:30px}
    .ianav .swiper-slide .title{font-size:12px;margin-top:4px}
    .indexa .wrap:nth-of-type(1){padding:0}
    .ianav .swiper-slide{padding-bottom:6px;width:20%;margin-bottom:15px}
    .ianav .swiper-slide:after{content:"";width:100%;height:2px;background-color:#0d6fb8;position:absolute;bottom:0;left:0;opacity:0}
    .ianav .swiper-slide.cur:after{opacity:1}
    /* .ianav .swiper-slide .title:after{margin-left:-32px;height:3px;bottom:-13px} */
    .ianav .line{width:64px;display:none}
    .ianav{margin:20px 0 15px}
    .iabtn{width:120px;height:38px;line-height:34px}
    .indexb, .indexcitems, .indexctop .more, .indexdtoplr{display:none}
    .indexbwap, .idmapwap,.indexcitemswapbox{display:block}
    
    .indexc{padding:0 0 40px 0}
    .indexc .pcpagenavbox{display:block;float:left}
    .pcpagenavelist a{height:40px;line-height:40px}
    .indexd{padding:40px 0 50px;background-image:url(../image/idbgwap.jpg)}
    .indexdtoplf{width:100%}
    .indexdtoplf .cntitle{font-size:22px;line-height:30px;text-align:center}
    .indexdtoplf .entitle{font-size:14px;line-height:20px;text-align:center}
    .indexdtoplf .text{text-align:center;margin:10px 0 25px;line-height:1.6}
    .indexdtoplf .btn{width:120px;height:38px;line-height:38px;margin:0 auto}
    .idmapwap{margin-top:25px}
    .indexdbot{margin-top:35px}
    .indexdbot .list{width:33.3333%;text-align:left;margin-bottom:20px}
    .indexdbot .list .top .numUp, .indexdbot .list .top .unit{font-size:30px;line-height:36px}
    .indexdbot .list .top .add{width:10px;height:10px;margin-top:10px}
    .indexdbot .list .text{font-size:12px}
    .inewsslide .swiper-button-prev,
    .inewsslide .swiper-button-next{width:36px;height:36px;margin-top:-18px}
    .ianav .swiper-container .swiper-wrapper{flex-wrap:wrap;-webkit-flex-wrap:wrap;-moz-box-flex:wrap;-ms-flex-wrap:wrap}
    .indexc .iabtn{display:block}
    .indexctop .pcpagenavelist a{font-size:12px}
}

.BMap_bubble_content{text-align:center}
.BMap_bubble_content img{display:inline-block}

/* 2020.10.24 新增 */
.prodbotbtitlebox .cntitle{color:#616776;font-size:30px;font-weight:bold;text-align:center;line-height:1}
.prodbotbtitlebox .entitle{color:#e7e7e7;font-size:24px;font-weight:bold;text-align:center;font-family:'din';margin:10px 0 16px}
.prodbotbtitlebox .line{width:100%;height:1px;background-color:#e3e3e3;position:relative}
.prodbotbtitlebox .line:after{content:"";width:120px;height:1px;background-color:#0d6fb8;position:absolute;top:0;left:50%;margin-left:-60px}
.prodbotb1{margin-bottom:92px}
.prodbotb1 .content{margin-top:42px}
.prodbotb1 .content p{color:#666;line-height:2.143}
.prodbotb2box{margin-top:60px}
.prodbotb2list{width:29.83%;margin-right:5.255%;margin-bottom:40px}
.prodbotb2list:nth-of-type(3n){margin-right:0}
.prodbotb2list .title{font-size:18px;text-align:center;font-weight:bold;margin-top:30px}
.prodbotb2list .text{color:#666;text-align:center;line-height:1.8;margin-top:10px}
.prodbotb2list:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.prodbotb4list:hover .icon img{transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2)}
.prodbotb4box{margin-top:80px}
.prodbotb3, .prodbotb4{margin-top:45px}
.prodbotb4list{width:16.6666%}
.prodbotb4list .icon{width:58.25%;margin:0 auto}
.prodbotb4list .title{font-weight:bold;text-align:center;margin-top:20px}
.prodbotb5{margin-top:90px}
.prodbotb5 .prodbot4box{margin-top:50px}


@media (max-width:1440px){
    .prodbotbtitlebox .cntitle{font-size:26px}
    .prodbotbtitlebox .entitle{font-size:20px}
}

@media (max-width:1024px){
    .prodbotbtitlebox .cntitle{font-size:18px}
    .prodbotbtitlebox .entitle{font-size:15px;margin:3px 0 10px}
    .prodbotbtitlebox .line:after{width:60px;margin-left:-30px}
    .prodbotb1, .prodbotb4box{margin-bottom:35px}
    .prodbotb1 .content p{line-height:1.8}
    .prodbotb1 .content, .prodbotb2box, .prodbotb4box{margin-top:25px}
    .prodbotb2list{width:100%;margin-right:0;margin-bottom:20px}
    .prodbotb2list .title{font-size:14px;margin-top:8px}
    .prodbotb3, .prodbotb4{margin-top:20px}
    .prodbotb2list .text{line-height:1.6;margin-top:6px}
    .prodbotb4list{width:50%;margin-bottom:25px}
    .prodbotb4list .title{margin-top:8px}
    .prodbotb5{margin-top:35px}
    .prodbotb5 .prodbot4box{margin-top:25px}
}


/*2024.9.2*/
.hjh-table table{ border:#f0f0f0 solid 1px;}
.hjh-table table td{ height:50px; background:#f8f8f8; width:25%; font-size:14px; border-right:#f0f0f0 solid 1px;}
.hjh-table table td:last-child{ border-right:none;}
.hjh-table table tr:nth-child(even) td{ background:#fff;}
.hjh-table table .txt{ font-weight:bold; color:#000; padding:15px;}
.hjh-table table .msg{ padding:15px;}

@media (max-width:1024px){
.hjh-table { overflow:auto;}
.hjh-table .long{ width:600px;}
.hjh-table table td{ height:40px; font-size:12px; }
.hjh-table table .txt{ padding:10px;}
.hjh-table table .msg{ padding:10px;}

}