/* CSS 文档*/ *{ margin:0 auto;} ::-webkit-scrollbar{width: 3px; height:3px;-webkit-overflow-scrolling : touch;background-color: #e6e6e6;} ::-webkit-scrollbar-track{background-color: #e6e6e6;} ::-webkit-scrollbar-thumb{border-radius: 10px;background-color: #2489cf;} ::-webkit-scrollbar-button{height: 0px;background-color: #e6e6e6;} body{font-family:"Microsoft YaHei","\5b8b\4f53"; font-size:16px;line-height:27px;text-rendering: optimizeLegibility;} img{border:0px; vertical-align:middle;} a{text-decoration:none;} .mini{ display: none;} ul{margin:0px;padding:0px;list-style-type:none;} li{overflow:hidden;list-style:none;} .clear{ clear:both;} body,a{ color:#222222;} a.more{ display:block; clear:both; width:130px; height:36px; line-height:36px; font-size:18px; border:2px solid #01beff; text-align:center; margin-top:15px; border-radius:18px;} a.more:hover{ font-size:20px; color:#01beff;} a:hover{ color:#2489cf;} .fs14{ font-size:14px; color:#aaa;} .fs42,.fs34{ font-size:42px; line-height:53px; letter-spacing:2px; font-weight:bold;} .fs34{ font-size:34px;} .fs20{ font-size:20px;} .mg20{ margin-top:20px;} .mg40{ margin-top:40px;} .mg60{ margin-top:60px;} .cont{width:100%;max-width:1440px; margin-left:auto; margin-right:auto;} .cont2{width:98%;max-width:1440px; margin-left:auto; margin-right:auto;} .cont3{width:90%;max-width:1296px; height:100%; margin-left:auto; margin-right:auto; overflow:hidden;} .cont3 p{ line-height:27px; max-width:50%; display:inline-block; color:#ddd;} .cont3 p a{ color:#FFF;} .cont3 p a:hover{ text-decoration:underline;} .center{ text-align:center;} .disable{ color:#bbb;pointer-events: none; cursor:none;} .arcbody{min-height:500px;clear:both;text-align:justify;text-justify:inter-ideograph; width:100%; overflow:hidden;} .arcbody img{ max-width:100%; height:auto !important;} .arcbody video{ width:80%; height:500px; margin:0 auto; display:block;} .fl{ float:left;} @keyframes expand {from {background-size: auto 100%;} to {background-size: auto 120%;}} body{ padding-top:79px;} header{height:79px;font-size:18px; position:fixed; top:0; background-color:#FFF; z-index:990; width:100vw;} header img{ float:left; margin-top:17px; margin-left:3px;} nav{ float:right; margin-right:5%; height:100%; position:relative;} nav li a{display:block; line-height:79px; width:100%; text-align:center;} nav li a:hover{ color:#2489cf;} nav li a.active{color:#2489cf; height:77px; border-bottom:2px solid #2489cf; font-weight:bold;} header li{float:left;height:100%; padding:0 17px; position:relative; overflow:visible;} div.bg{ width:115px; height:100%; background-color:#01beff; position:absolute; left:0;transition: left 0.5s;} header li div{ position:absolute; top:79px; left:-20%;background-color: #FFF; width:140%; display:none; border-radius:0 0 10px 10px; overflow:hidden;} nav li div a{ height:40px; line-height:40px; border-bottom:1px solid #bebebe; font-size:16px; float:none; color:#666;} nav li div a:last-child{ border-bottom:none;} nav li:hover div{ display:block;} header div.tel{ color:#2489cf; text-indent:30px; background-image:url(../img/tel.png); background-repeat:no-repeat; background-position:left center; height:100%; float:right; line-height:79px; font-size:22px; margin-right:7px;} nav li div a:hover{ background-color:#2489cf; color:#FFF;} #banner{ height:41vh; line-height:40px; color:#FFF; font-size:24px; background-repeat:no-repeat; background-position:center; background-size:cover;} #banner span.fs42{ display:block; height:95px; line-height:95px; margin-top:4vw;} div.subnav{ height:65px; line-height:65px;box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.1); background-color:#fafafa;} div.subnav.pf{ position:fixed; top:79px; width:100%; z-index:800;} div.subnav div.path{ float:right; text-indent:25px; background-image:url(../img/path.png); background-repeat:no-repeat; background-position:left center;} div.subnav div.path.fl{ float:left;} div.subnav a.menu{display:block; padding:0 10px; float:left;} div.subnav a.menu.active{ background-color:#ff780d; color:#FFF;} .animated {-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;} .fadeInUp50 {-webkit-animation-name: fadeInUp50;-moz-animation-name: fadeInUp50;-ms-animation-name: fadeInUp50;animation-name: fadeInUp50;} div.block-right{ width:28%; padding-left:4%; box-sizing:border-box; float:right;} div.block-right div.tit{ text-align:center; font-size:24px; height:25px; line-height:25px;} div.block-right ul{ min-height:300px; padding-top:30px; padding-bottom:30px; margin-bottom:40px; border-bottom:1px solid #E6E6E6;} div.block-right ul.news li{ height:32px; line-height:32px;} div.block-right ul.news li a{ display:block; height:32px; line-height:32px; white-space:pre; overflow:hidden;text-overflow:ellipsis;} div.block-right ul.img li{ height:47px; overflow:hidden; margin-bottom:15px;} div.block-right ul.img li a{ display:block; line-height:20px;} div.block-right ul.img li a img{ float:left; width:65px; height:47px; margin-right:5%;} div.block-right ul.img li a div.tit{height:23px; line-height:23px; white-space:pre; overflow:hidden;text-overflow:ellipsis; margin-bottom:4px; font-size:16px; text-align:left;} div.p_news,div.p_body{ width:72%; float:left; border-right:1px solid #e6e6e6; box-sizing:border-box;} div.p_body{ box-sizing:border-box; padding-right:5%;} div.main43{ width:74%; float:right;} div.main43 ul{ min-height:500px;} div.p_news div.wow{ width:46%; float:left; margin-right:4%; margin-bottom:30px;} #caselist2 div.wow{ width:90%;} div.p_news div.wow:nth-child(even){ float:right;} #caselist2 div.wow .imgDiv,div.p_news div.wow .imgDiv{ overflow: hidden;background-repeat: no-repeat;background-position: center;background-size:cover; height:260px; border-radius:15px 15px 0 0;} #caselist2 div.wow .botDiv,div.p_news div.wow .botDiv{ height: 156.56rem; padding: 15.2rem 30.4rem 0; box-sizing: border-box; background: #fafafa; overflow: hidden; } #caselist2 div.wow .name,div.p_news div.wow .name{ height: 32px; line-height: 32px; overflow: hidden; color: #48413e; font-size: 22px; } #caselist2 div.wow .content,div.p_news div.wow .content{ font-size: 14px; line-height: 30px; height: 60px; overflow: hidden; color: #999; padding-top: 11.4rem; } #caselist2 div.wow .box,div.p_news div.wow .box{border-radius:15px; overflow:hidden;} #caselist2 div.wow .box:hover,div.p_news div.wow .box:hover{ box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);} #caselist2 div.wow .box:hover .imgDiv,div.p_news div.wow .box:hover .imgDiv{animation: expand 2s;} #caselist2 div.wow .box:hover .botDiv,div.p_news div.wow .box:hover .botDiv{ background: #fff; } #page{ line-height:25px;} #page span,#page a{ display:block; height:28px; line-height:28px; float:left; margin-right:15px; background:#CCC; padding:0 10px; color:#FFF;} #page a{ background:#666;} #page a:hover{ color:#fff; background-color:#2489cf;} #flink a{ display:block; float:left; white-space:pre; margin-right:20px;} #flink span{ display:block; float:left;} div.newUl{ padding-top:30px;} #frmpage{ float:left;} #frmpage input{display:block; height:25px; line-height:25px; border:1px solid #E6E6E6; padding:0; float:left; amargin-right:15px;} #frmpage #page{ margin-top:0; margin-right:0;} #frmpage #btsubmit{ padding:0 5px; line-height:27px; height:27px; border:1px solid #E6E6E6;margin-right:15px;} #category{ width:22.5%; overflow:hidden; float:left;} div.p_prod{ width:74%; float:right; overflow:hidden;} #page{ clear:both;} footer{ background-color:#151b26; color:#FFF; clear:both;} footer div.contact{ float:left; width:23%;} footer div.contact p{ height:45px; line-height:15px;} footer div.contact span{ display:block;width:205px; float:left; line-height:36px;font-size:30px; font-weight:bold; font-family:"宋体";text-align:justify;text-justify:inter-ideograph;} footer div.contact span.tel{ letter-spacing:1px;} footer div.contact img{ width:50%; margin-top:20px;} footer div.nav{ float:left; border-left:1px solid #3b4049; width:77%;box-sizing: border-box;} footer div.nav a.nav-second-name{ color:#ccc; font-size:14px; line-height:34px;} footer div.nav .nav-first-name{ font-size:18px; color:#CCC; line-height:19px; overflow:hidden; height:19px; display:block; margin-bottom:26px;} footer div.nav a:hover{ color:#2489cf;} footer div.nav div.item{ margin-left:8.1%; float:left;} div.copyright{ height:80px; line-height:80px; text-align:left; border-top:1px solid #3b4049; clear:both; font-size:14px;} div.copyright a:last-child{ float:right;} div.copyright a:hover{ color:#2489cf;} div.copyright a:last-child,div.copyright a{color:#CCC;} #full-screen-slider {height:644px; position:relative; clear:both;} #slides { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:relative} #slides li { display:none; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute; background-repeat:no-repeat; background-size:auto 100%; background-position:center;} #slides li a { display:block; width:100%; height:100%; text-align:center; line-height:206px; color:#FFF;} #slides li:first-child{ display: block;} #pagination { display:block; list-style:none; position:absolute; bottom:7%; z-index:900; padding:5px 0; margin:0; left:50%; transform:translateX(-50%);} #pagination li { display:block; list-style:none; width:10px; height:10px; float:left; margin:0 8px; border-radius:5px; background:#022e7a } #pagination li a { display:block; width:100%; height:100%; padding:0; margin:0; text-align:center; text-indent:-1000px; overflow:hidden;} #pagination li.current { background:#2489cf} div.htit{ text-align:center; font-size:28px; font-weight:bold; line-height:70px; clear:both; letter-spacing:2px;} div.htit div{ line-height:26px; font-weight:normal; clear:both; letter-spacing:0;} div.htit div a{ color:#ff780d; margin-left:10rem; white-space: pre;} div.htit div a:hover{ color:#2489cf; text-decoration:underline;} #kfzx{ height:225px; clear:both; background-image:url(../img/contact.jpg); background-repeat:no-repeat; background-position:center;} #about{ height:637px; clear:both; background-image:url(../img/about.jpg); background-repeat:no-repeat; background-position:center; overflow:hidden;} #about div.htit div{ line-height:33px; font-size:16px; margin-top:22px; color:#666;} #about div.htit{ margin-top:66px;} #kfzx{ text-align:center; color:#FFF; line-height:144px;} #kfzx a.more{border:2px solid #FFF; color:#FFF; position:relative; top:-20px;} #kfzx a.more:hover{background-color:#0a66a6;} #about a{ display:block; height:40px; line-height:40px; width:136px; border-radius:5px; color:#FFF; background-color:#2489cf; text-align:center; clear:both; margin:0 auto; margin-top:23px; font-size:18px;} #about a:hover{background-color:#0a66a6; font-size:20px;} #about div.item{ width:25%; float:left; text-align:center; box-sizing:border-box; border-right:3px solid #ccc; height:176px; margin-top:98px; color:#999; padding-top:34px;} #about div.item:last-child{ border-right:none;} #about div.item span{ display:block; height:38px; line-height:38px; color:#333;} #about div.item strong{ line-height:66px; font-size:42px; color:#2489cf; font-weight:bold;} #news{ width:47%; float:left;} #video{ width:47%; float:right;} #video a{ display:block; float:right; height:50px; line-height:50px;} #video a span{ color:#666; display:block; float:right; width:20px; height:20px; margin-top:15px; border:1px solid #666; text-align:center; color:#666; line-height:12px; border-radius:50%; margin-left:7px;} #video a:hover,#video a:hover span{ color:#2489cf;} #video a:hover span{ font-weight:bold;} #news ul:nth-child(3),#news ul:nth-child(4){ display:none;} #news ul,#video video{ margin-top:34px;clear:both;} #news ul li{ padding:0 10px;} #news ul li{ clear:both; height:38px; line-height:38px; display:block; text-align:right;} #news ul li a{ height:38px; line-height:38px; display:block; float:left; width:80%;white-space:pre; overflow:hidden;text-overflow:ellipsis; text-align:left;} #news ul li a:before,div.block-right ul.news li a:before{ content:"·"; font-size:40px; float:left; margin-right:5px; color:#ccc;} #news ul li:nth-child(odd){ background-color:#fafafa;} #news div.ntit{ height:50px; line-height:50px;} #news div.ntit a{ display:block; float:right; text-transform:uppercase; color:#2489cf; font-size::20px;} #news div.ntit span{ display:block; float:left; height:48px; line-height:48px; margin-right:20px; font-size:18px; cursor:pointer;} #news div.ntit span.active{ color:#2489cf; border-bottom:3px solid #2489cf; font-weight:bold;} #news div.ntit span:hover{ color:#2489cf;} #cases div.ctit,#product div.ctit{ height:48px; margin-top:20px; line-height:46px; clear:both; text-align:center;} #cases div.ctit a,#product div.ctit a{ margin-right:40px; font-size:18px; display:inline-block;} #cases div.ctit a:last-child,#product div.ctit a:last-child{ margin-right:0;} #cases div.ctit a:hover,#product div.ctit a:hover{ border-bottom:2px solid #2489cf;} #prodlist,#caselist2{ width:calc(96vw - 3px); position:relative; overflow:hidden;} #prodbox,#casebox2{ width:calc(100vw - 3px); overflow-x:hidden; position:relative;} div.p_prod #prodbox,div.p_prod #casebox2{width:100%;} div.p_prod #prodbox #prodlist,div.p_prod #casebox2 #caselist2{ width:calc(100% - 4vw);} #prodbox span.button,#casebox2 span.button{ position:absolute; top:0; display:block; width:2vw; background-image:url(../img/fh.png); background-position:center; left:0; height:100%; background-repeat:no-repeat; cursor:pointer; z-index:10;} #prodbox #arrRight1,#casebox2 #arrRightal{ right:0; left:auto;transform: rotate(180deg);} #prodlist ul,#caselist2 ul{ width:100%; height:100%; overflow:hidden;} #product li.item,#caselist2 li.item{ display:inline-block; width:25%;box-sizing:border-box; float:left;} #caselist2 li.item,div.p_prod #prodbox #prodlist li.item{ width:33.3333%;} div.p_prod #casebox2 #caselist2 li.item{width:50%;} #product li.item a{ display:block; width:90%;background-color:#f2f6fa; border-bottom:3px solid #2489cf; line-height:24px; padding-bottom:18px;} #product li.item.ny{ width:31.33%; margin-right:3%; margin-bottom:30px;} #product li.item.ny:nth-child(3n){ margin-right:0;} #product li.item.ny a{ width:100%;} #product li.item a div.img{ height:243px; width:100%; overflow:hidden; text-align:center;display: flex;align-items: center;justify-content: center; background-repeat:no-repeat; background-image:url(../img/pbg.jpg); position:relative;} #product li.item a div.img div{ width:100%; height:100%; color:#FFF; background-color:rgba(0,0,0,0.5); line-height:28px; padding-left:10%; box-sizing:border-box; position:absolute; white-space:pre; text-align:left; padding-top:28px; display:none; font-size:16px;} #product li.item a:nth-child(3n) div.img{ background-position:0 top;} #product li.item a:nth-child(2n) div.img{ background-position:-100px top;} #product li.item a:nth-child(1n) div.img{ background-position:-30px top;} #product li.item a:nth-child(4n) div.img{ background-position:right center;} #product li.item a div.img img{ max-width:80%; max-height:80%;} #product li.item a div.img video{ width:100%; height:100%;} #product li.item a div.tit{ height:50px; line-height:50px; white-space:pre; overflow:hidden; text-overflow:ellipsise; font-size:18px; font-weight:bold; text-align:center; color:#222;} #product li.item a:hover{ background-color:#2489cf; color:#FFF;} #product li.item a:hover div.tit{ color:#FFF;} #product li.item a:hover div.img div{ display:block;} div.p_prod div.stit{ height:60px; line-height:60px; background-image:url(../img/line.jpg); background-repeat:no-repeat; background-position:right bottom; font-size:22px;} div.p_prod div.stit:before{ content:""; display:block; float:left; width:3px; height:23px; margin-right:20px; margin-top:18px; background-color:#2489cf;} div.p_prod .arcbody{ min-height:300px;} div.p_prod .arcbody.h2{ min-height:120px;} div.keylist{ height:30px; line-height:30px; margin:25px 0; clear:both;} div.keylist span{ display:inline-block; height:100%; padding:0 10px; background-color:#f0f0f0; border-radius:10px; margin-left:20px;} /*新闻中心*/ @media only screen and (max-width: 1024px) and (min-width: 769px){} #pageNews .p_articles{width:calc((100% - 0px)/1);} #pageNews .p_CommonSummaryBoxA{text-align:center;} #pageNews .p_MatteIcon .iconfont:before{content:'\e602';} #pageNews >div{animation-fill-mode:both;} #pageNews .p_news{width:100%;margin:0 auto;} #pageNews .newPicBox{width:165px;height:110px;} #pageNews .newPicLink{display:block;width:100%;height:100%;overflow:hidden;} #pageNews .newPic{width:100%;height:100%;transform:scale(1);transition:all .5s ease;} #pageNews .newList{display:flex;padding:30px 0;border-top:1px solid #DDD;} #pageNews .leftTime{width:100px;position:relative;} #pageNews .newTime{display:block;color:#999;font-size:24rem;font-weight:normal;margin:0px 0 30px;transition:all .5s ease;} #pageNews .newIcon{padding:0 9px;border:1px solid transparent;transition:all .5s ease;color:#ccc; font-style:normal; font-weight:bold; font-size:30px;} #pageNews .rightC{position:relative;width:calc( 100% - 100px);transition:all .5s ease;} #pageNews .newTitle{margin-bottom:10px;} #pageNews .newTitleLink{display:block;width:100%;font-size:16rem;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} #pageNews .newMs{line-height:24px;height:48px;font-size:14rem;overflow:hidden;color:#999;transition:600ms;} @media only screen and (min-width: 769px){#pageNews .content{display:flex;width:calc( 100% - 165px );} #pageNews .newPicBox:hover .newPic{transform:scale(1.1);} #pageNews .rightC{padding:0 30px 0 60px;} #pageNews .rightC::before{content:'';position:absolute;left:0px;top:16rem;display:block;width:40px;height:1px;background:#aaa;transition:all .5s ease;} #pageNews .newTitleLink{transition:all .5s ease;} #pageNews .newList{display:flex;padding:30px 0;border-top:1px solid #DDD;} #pageNews .newList:hover .rightC::before{width:60px;} #pageNews .newList:hover .rightC{padding-left:80px;} #pageNews .newList:hover .newTime{color:#333;} #pageNews .newList:hover .newIcon{border-color:#303030;margin-top:10px;background:#303030;}} @media only screen and (max-width: 768px){#pageNews .content {display:flex; padding-top: 20px;width:100%;} #pageNews .newList { flex-wrap: wrap;flex-direction: column-reverse;} #pageNews .newPicBox { position:relative; width:100%;height:0;padding-bottom:70%;} #pageNews .newPicLink { position:absolute;top:0;left:0; width:100%;height:100%;} #pageNews .newTitle { margin:10px 0;}} #pageNews .p_hot .iconfont:before{shadow-angle:0px;shadow-distance:0px;shadow-angle-ofInset:0px;shadow-distance-ofInset:0px;} #pageNews .p_new .iconfont:before{shadow-angle:0px;shadow-distance:0px;shadow-angle-ofInset:0px;shadow-distance-ofInset:0px;} #pageNews .p_page .pre .iconfont:before{shadow-angle:0px;shadow-distance:0px;shadow-angle-ofInset:0px;shadow-distance-ofInset:0px;} #pageNews .p_page .next .iconfont:before{shadow-angle:0px;shadow-distance:0px;shadow-angle-ofInset:0px;shadow-distance-ofInset:0px;} #pageNews .p_more .iconfont:before{shadow-angle:0px;shadow-distance:0px;shadow-angle-ofInset:0px;shadow-distance-ofInset:0px;} #pageNews .p_loading .iconfont:before{shadow-angle:0px;shadow-distance:0px;shadow-angle-ofInset:0px;shadow-distance-ofInset:0px;} #pageNews{min-width:0px;height:auto;max-height:none;min-height:0px;margin-left:auto;margin-right:auto;margin-bottom:40px;padding-top:0px;padding-bottom:0px;} #c_portalResNews_category-15902026052841318 .p_MatteIcon .iconfont:before{content:'\e602';} #c_portalResNews_category-15902026052841318 >div{animation-fill-mode:both;} #c_portalResNews_category-15902026052841318{width:auto;max-width:1300px;min-width:0px;height:auto;max-height:none;min-height:50px;margin-top:0px;margin-left:auto;margin-right:auto;margin-bottom:0px;padding-top:0px;padding-left:20px;padding-right:20px;padding-bottom:0px;} #w_fimg-1586848270309 .p_link001{height:calc(100%);} #w_fimg-1586848270309 .p_MatteIcon .iconfont:before{content:'\e602';} #w_fimg-1586848270309 >div{animation-fill-mode:both;} #w_grid-1586848270319 > div > .p_gridbox{background-color:rgba(238, 238, 238, 1);} #w_grid-1586848270319 .p_MatteIcon .iconfont:before{content:'\e602';} #w_grid-1586848270319 >div{animation-fill-mode:both;} #w_grid-1586848270319 > div > .p_gridbox > .p_gridCell:nth-child(n+1){margin-left:0px;clear:left;} /*w_grid-1586848270319*/ /*w_grid-1586848270319*/@media only screen and (min-width: 769px){#w_grid-1586848270319> div > .p_gridbox > .p_gridCell{margin-bottom:0rem;margin-top:0rem;margin-left:0px;} #w_grid-1586848270319> div > .p_gridbox > .p_gridCell:nth-child(1n+0){width:100%;margin-left:0px;margin-right:0px;clear:none;} #w_grid-1586848270319> div > .p_gridbox > .p_gridCell:nth-child(1n){margin-right:0px;}} /*w_grid-1586848270319*/@media only screen and (max-width: 1024px) and (min-width: 769px){} #w_grid-1586849174609 > div > .p_gridbox > .p_gridCell:nth-child(n+1){margin-left:0;clear:left;} /*w_grid-1586849174609*/@media only screen and (max-width: 768px){} /*w_grid-1586849174609*/@media only screen and (min-width: 769px){} /*w_grid-1586849174609*/@media only screen and (max-width: 1024px) and (min-width: 769px){} #w_fimg-1586848270309{width:100%;max-width:none;min-width:0px;height:auto;max-height:none;min-height:0px;margin-top:0px;margin-left:0px;margin-right:0px;margin-bottom:0px;padding-top:0px;padding-left:0px;padding-right:0px;padding-bottom:0px;} #w_grid-1586848270319{width:100%;max-width:none;min-width:0px;height:auto;max-height:none;min-height:0px;margin-top:0px;margin-left:auto;margin-right:auto;margin-bottom:0px;padding-top:0px;padding-left:0px;padding-right:0px;padding-bottom:0px;} #w_grid-1586849174609{width:100%;max-width:none;min-width:0px;height:auto;max-height:none;min-height:0px;margin-top:0px;margin-left:auto;margin-right:auto;margin-bottom:0px;padding-top:0px;padding-left:0px;padding-right:0px;padding-bottom:0px;} .post-navigation .nav-links { display: -ms-flexbox;display: -ms-flex;display: flex;padding: 25px 0;border-top: 1px solid #E6E6E6;} .post-navigation { margin-bottom: 50px} .post-navigation:last-child { margin-bottom: 0;margin-top: 40px;} .post-navigation .nav-links *{ margin:0;} .disabled-post-navigation.post-navigation .nav-links { -ms-flex-pack: center;-ms-justify-content: center;justify-content: center} .post-navigation .nav-links .back-to-list [class^=dt-icon-] { font-size: 24px} .meta-nav { margin-bottom: 5px;text-transform: uppercase} .post-navigation .back-to-list,.post-navigation .nav-next,.post-navigation .nav-previous { position: relative;display: -ms-flexbox;display: -ms-flex;display: flex;-ms-flex-flow: column wrap;flex-flow: column wrap;-ms-flex-pack: center;-ms-justify-content: center;ajustify-content: center;text-decoration: none;color: #333;} .back-to-list { width: 30px} .rtl .back-to-list { -ms-flex-order: 1;order: 1} .nav-previous { width: 45%;padding-left: 35px;margin-right: 30px} .nav-previous i { position: absolute;left: 0;top: 50%;transform: translateY(-50%);font-size: 32px;height:32px; width:32px;} .nav-previous i:before{ content:"<"; float:left; font-weight:bold;} .nav-previous .post-title { -ms-align-self: flex-start;-ms-flex-item-align: flex-start;align-self: flex-start;max-width: 100%} .rtl .nav-previous .post-title { -ms-align-self: flex-end;-ms-flex-item-align: flex-end;align-self: flex-end} .rtl .nav-previous { -ms-flex-order: 2;order: 2;-ms-align-items: flex-end;-ms-flex-align: flex-end;align-items: flex-end} .post-navigation .nav-next { padding-right: 35px;margin-left: 30px;width: 45%;text-align: right} .post-navigation .nav-next i { position: absolute;right: 0;top: 50%;transform: translateY(-50%);font-size: 32px} .post-navigation .nav-next .post-title { -ms-align-self: flex-end;-ms-flex-item-align: flex-end;align-self: flex-end;max-width: 100%} .rtl .post-navigation .nav-next .post-title { -ms-align-self: flex-start;-ms-flex-item-align: flex-start;align-self: flex-start} .rtl .nav-next { -ms-flex-order: 0;order: 0} .project-post { position: relative} .single .project-slider { margin-bottom: 45px} .single-gallery-media { padding-bottom: 45px} .single .project-content { margin-bottom: 55px} .single .project-content:last-child { margin-bottom: 0} .images-container { line-height: 0} .images-list { position: relative;margin-bottom: 20px;line-height: 0} .images-list img,.images-list:last-child { margin-bottom: 0} .images-list-caption { position: absolute;top: auto;bottom: 0;left: 0;width: 100%;z-index: 99} .images-list-inner { position: absolute;bottom: 0;display: inline-block;margin: 0 20px;padding: 15px 0} .images-list-inner h4 { display: inline-block;margin: 5px 0 0} .images-list-inner,.images-list-inner * { color: #fff} .navigation-inner a,.project-details,.project-link,.project-zoom,.vc-item .vc_read_more { text-decoration: none} /*!-Slideshow description*/ .slider-post-inner h4 { display: inline-block;vertical-align: middle;margin: 5px 0 0} #main .images-list-inner h4,#main .slider-post-inner h4,.images-list-inner,.slider-post-inner { text-shadow: 1px 1px 5px rgba(0, 0, 0, .5)} .images-list-inner .album-content-btn,.slider-post-inner .album-content-btn { display: block;float: left;width: 100%;margin-bottom: 0} .screen-reader-text { clip: rect(1px, 1px, 1px, 1px);height: 1px;overflow: hidden;position: absolute !important;width: 1px;} .author-link, .author-link:hover, .meta-nav { color: #999999;font-size: 13px;line-height: 23px;} .main43 ul li {width: 48%;padding: 0 14.76rem;margin-bottom: 29.52rem; float:left; overflow:visible; box-sizing: border-box;} .main43 ul li,div.main43 #page{ margin-left:2%; padding-left:14.76rem;} .main43 ul li .con {box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);padding: 0 29.52rem;} .main43 ul li .con .top {padding: 29.52rem 0;display: flex;align-items: center;} .main43 ul li .con .top img {width: 115.13125rem;} .main43 ul li .con .top .text-box {width: calc(100% - 115.13125rem);} .main43 ul li .con .top .text-box h5 {font-size: 22.14rem;line-height: 29.52rem;} .main43 ul li .con .top .text-box .text {font-size: 11.808332861rem;color: #999;line-height: 22.14rem;height: 44.28125rem;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-top: 7.38rem;} .main43 ul li .con .bottom {display: flex;justify-content: space-between;align-items: center;padding: 22.14rem 0;border-top: 2px solid #eee;} .main43 ul li .con .bottom .text {font-size: 11.808332861rem;color: #999;line-height: 22.14rem; display: none;} .main43 ul li .con .bottom .text span {margin-left: 7.38rem;} .main43 ul li .con .bottom .but-box {display: flex;} .main43 ul li .con .bottom .but-box a {display: block;width: 88.5625rem;line-height: 29.52rem;background: #fff;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);font-size: 11.808332861rem;color: #367ee8;text-align: center;border-radius: 29.52rem;transition: all .3s;} .main43 ul li .con .bottom .but-box a.xz {background: #367ee8;color: #fff;margin-left: 14.76rem;} .main43 ul li .con .bottom .but-box a.sc:hover {background: #367ee8;color: #fff;} .post-navigation .nav-links i[class^="icomoon-the7"], .post-navigation .nav-links [class^="dt-icon-"] { color: rgba(51, 51, 51, 0.12);} .post-navigation .nav-next i { position: absolute;right: 0;top: 50%;transform: translateY(-50%);font-size: 32px;height:32px; width:32px;} .post-navigation .nav-next i:before{ content:">"; float:left; font-weight:bold;} #page .links-container .icon-portfolio, #page .project-links-container [class*=" icon-portfolio-"], #page .project-links-container [class^=icon-portfolio-], .dt-shortcode-soc-icons [class*=" dt-icon-"], .dt-shortcode-soc-icons [class^=dt-icon-], .soc-ico [class*=" dt-icon-"], .soc-ico [class^=dt-icon-], [class*=" icon-portfolio-"], [class*=icon-im-] span, [class*=" icon-ar"], [class*=" soc-font-"], [class*=dt-icon-the7], [class*=icomoon-the7-], [class*=the7-mw-], [class^=icon-portfolio-], [class^=icon-im-] span, [class^=icon-ar], [class^=soc-font-], [class^=dt-icon-the7], [class^=icomoon-the7-], [class^=the7-mw-] { font-family: icomoon-the7-font !important;speak: none;font-style: normal;font-weight: 400;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;} /*关于我们*/ html{ font-size:1px;} #jj{ height:676rem; background-repeat:no-repeat; background-size:auto 100%; background-position:right center;} #jj div.wa{ width:50%; box-sizing: border-box; height:360rem; padding-top:36rem; background-color:#FAFAFA; vertical-align:middle; float:left; margin-top:158rem;} #jj .tit2{ font-size:36px; font-weight:bold; height:100rem; line-height:100rem; background-image:url(../img/yh.jpg); background-repeat:no-repeat; background-size:auto 100%; background-position:left;} #jj p{ clear:both;} #jj .tit2,#jj p{ padding-left:76rem; padding-right:50rem;} div.num{ height:170rem; background-image:url(../img/num.jpg); background-repeat:no-repeat; background-position:center; background-size:auto 100%;} #sthz{position:absolute; bottom:150px;} #fenzhi img.fzjg{ width:55%; float:left;} #frmbook{ float:right; width:40%; overflow:hidden;} #frmbook input,#frmbook button{ padding:0; margin:0; border:none; height:44px; line-height:44px; background-color:#F7F7F7; padding-left:14rem;box-sizing: border-box; margin-bottom:20px; margin-top:0; font-size:16rem;} #frmbook input:nth-child(1),#frmbook input:nth-child(2),#frmbook button{ width:48%; float:left;} #frmbook input:nth-child(2){ float:right;} #frmbook #xx{ clear:both; height:155rem; background-color:#F7F7F7; width:100%; padding:10rem; margin-bottom:20rem; float:left; border:none;} #frmbook #vcode{ width:70%; float:left;} #frmbook button{ color:#FFF; background-color:#2489cf; letter-spacing:20px; clear:both; display:block;} section.lxwm div.item{ width:23.5%; margin-right:2%; float:left; text-align:center; height:220rem; border-radius:10px;box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1); box-sizing:border-box; padding:0 20px; padding-top:25px;} section.lxwm div.item img{ width:62rem; height:58rem;} section.lxwm div.item:nth-child(4){ float:right; margin-right:0;} section.lxwm div.item div{ height:65rem; overflow:hidden; line-height:70rem; font-size:20px; font-weight:bold;} .banner{ width: calc(100% - 3px); height:420px; overflow:hidden; position: relative; margin-top:30px; clear:both;} .banner span{ width: 53px; height: 53px; font-size:34px; line-height:49px;position: absolute;cursor: pointer; top:70%; z-index: 2; background-color:#FAFAFA; left:50vw; text-align:center;} .banner span:hover{ font-size:36px; font-weight:bold;} .banner .left{left:calc(50vw - 53px); background-color:#2489cf;} .banner .left:before{ content:"<"; color:#FFF;} .banner .right:before{content:">";} .banner ul{ width: 100%; height: 100%; overflow: hidden;} .banner ul li{ width: 100%; height: 100%; float: left; position: relative;background-repeat:no-repeat;background-position:50vw;background-size:auto 100%; background-color:#fafafa;} .banner ul li a{display:block;width:100%;height:100%;} .banner ul li p{ width: 100%; height: 50px; line-height: 50px; position: absolute; bottom: 0; text-align: left; afont-weight: bold;font-size: 18px; color: #fff; background-color:rgba(0,0,0,0.5); padding-left:10px; white-space:pre; overflow:hidden;text-overflow:ellipsis;} #scrollbox{ width:640px; height:400px;} #scrollbox li img{ width:100%; height:100%;} #scrollbox3{ width:100%; height:100%;} .zhengshu{ width:1358px; height:auto; position: relative; margin:0 auto; overflow:hidden; margin-top:50px;} div.caozuo{ width:20%; margin:0 auto; clear:both;} div.caozuo span{ display:block;width:50px;height:50px; line-height:44px; float:left;cursor: pointer;text-align:center; background-color:#FFF; border:2px solid #EBEBEB; color:#e0e0e0; border-radius:50%; margin-top:50px; font-size:34px;} div.caozuo span:hover{border:2px solid #cccccc; color:#cccccc; background-color:#f0f0f0;} div.caozuo span.right{ float:right;} .zhengshu ul{ width: 1358px; height:135px; overflow: hidden;} .zhengshu ul li{ width:180px; height:135px; margin:0 7px; float: left; position: relative;} #scrollbox2{ width:1358px; height:135px;} #scrollbox2 li img{ width:100%; height:100%;} #scrollbox4{ width:1200px; height:255px; margin:0 auto;} #scrollbox4 li img{ width:100%; height:100%;} #scrollbox3 li div.wa{ width:50%; box-sizing:border-box; padding-top:26px; padding-left:0; padding-right:5%; float:left;} #scrollbox3 li div.wa div.subtit{ height:70px; line-height:70px; font-weight:bold; font-size:24px;} #scrollbox3 li div.wa div.line,#solution div.item div.nr div.line{ width:30%; height:3px; background-color:#2489cf; clear:both; float:left;} #scrollbox3 li div.wa div.desc{ clear:both; margin-top:50px; height:160px;} #scrollbox3 li a.more{ width:136px; border:2px solid #999; float:left; clear:both;} #scrollbox3 li a.more:hover{ border:2px solid #2489cf;} #category{ border:1px solid #eaedf1; padding:40px 0; background-color:#f2f6fa; border-radius:10px; min-height:300px;} #category div.tit{ height:60px; line-height:60px; color:#FFF; font-size:22px; font-weight:bold; text-indent:22px; background-image:url(../img/ptit.jpg); background-repeat:repeat-y; background-position:left;} #category ul{ padding-left:7%;} #category ul li{ height:48px; line-height:48px;} #category ul li span{ display:block; width:16px; height:16px; border:1px solid #e0e4e7; float:left; text-align:center; cursor:pointer; margin-top:15px; margin-right:10px; overflow:hidden;} #category ul li span::before{ content: "+"; line-height:16px; font-size:14px; margin:0; padding:0; text-indent:0; display:inline-block; float:left; margin-left:3px;} #category ul li a.sub{ display:block; clear:both; height:27px; line-height:27px; text-indent:31px; background-image:url(../img/fl.png); background-repeat:no-repeat; background-position:left center; color:#555;} #category ul li a.sub:last-child{background-image:url(../img/fl2.png);} #category ul li.active{ height:auto;} #category ul li.active span::before{content: "-";} #category ul li a.sub:hover{ color:#2489cf; text-decoration:underline;} #arcbody h1{ font-size:32px; line-height:42px;} #arcbody div.subtit{ height:75px; line-height:75px; border-bottom:1px solid #E6E6E6; clear:both; margin-top:10px;} #arcbody div.subtit span{ margin-left:30px; display:inline-block; text-indent:30px; background-image:url(../img/time.png); background-repeat:no-repeat; background-position:left;} #arcbody div.subtit span:last-child{background-image:url(../img/eye.png); } .videlist{ min-height:500px;} .videlist .dlt {display: block;width: 49%;float: left;line-height: 60px;border: 1px solid #ddd;color: #999;padding-left: 10px;border-radius: 5px;position: relative;overflow: hidden; box-sizing:border-box;} .videlist .dlt::before {content: '';display: block;position: absolute;width: 0%;height: 2px;background: #2489cf;left: 0;bottom: 0;-webkit-transition: all .4s cubic-bezier(.4, 0, .2, 1);-moz-transition: all .4s cubic-bezier(.4, 0, .2, 1);transition: all .4s cubic-bezier(.4, 0, .2, 1);} .videlist .dlt:hover::before {width: 100%;} .videlist .dlt:nth-child(2n) {float: right;} .videlist .dlt .img {width: 40px;height: 60px;float: left;overflow: hidden;position: relative;} .videlist .dlt .img img:nth-child(2) {position: absolute;top: 0;left: 0;z-index: 2;opacity: 0;} .videlist .dlt .img2 {float: right;} .videlist .dlt span {float: left;margin-left: 0px; font-size: 14px;} .videlist .dlt:hover {-moz-box-shadow: 2px 2px 5px #ddd;-webkit-box-shadow: 2px 2px 5px #ddd;box-shadow: 2px 2px 5px #ddd;} .videlist .dlt:hover .img img:nth-child(1) {opacity: 0;} .videlist .dlt:hover .img img:nth-child(2) {opacity: 1;} .videlist .dlt:hover span {color: #2489cf;font-weight: bold;} #prodDetail div.imglist,#prodDetail div.cpgs,#solutionDetail div.imglist,#solutionDetail div.cpgs{ width:48%; float:left; overflow:hidden;} #prodDetail div.cpgs,#solutionDetail div.cpgs{ float:right;} #prodDetail div.imglist div.img,#solutionDetail div.imglist div.img,#prodDetail div.imglist div.sl{background-image:url(../img/pbg.jpg); background-size:cover; margin-bottom:15px; text-align:center;display: flex;align-items: center;justify-content: center;} #prodDetail div.imglist div.img{ height:470px; width:100%;} #prodDetail div.imglist div.img div{ display:none;} #prodDetail div.imglist div.img div.current{ display:block;} #solutionDetail div.imglist div.img{width:100%;} #solutionDetail div.imglist div.img img{ width:100%;} #solutionDetail div.imglist div.img video{ width:100%; height:100%;} #prodDetail div.imglist div.img img,#solutionDetail div.imglist div.img{ min-height:80%;} #prodDetail div.imglist div.sl{ width:23.5%; margin-right:2%; height:110px;float:left; box-sizing:border-box; cursor:pointer;} #prodDetail div.imglist div.sl.current{ border:2px solid #2489cf;} #prodDetail div.imglist div.img img,#prodDetail div.imglist div.sl img{ max-width:90%; max-height:90%;} #prodDetail div.imglist div.img div{ width:100%; height:100%;} #prodDetail div.imglist div.img video{ width:100%; height:100%;} #prodDetail div.imglist div.sl:last-child{ margin-right:0;} #prodDetail div.cpgs a.button,#solutionDetail div.cpgs a.button{ display:block; width:140px; height:40px; line-height:40px; float:left; background-color:#2489cf; font-size:22px; color:#FFF; text-align:center; margin-right:15px;} #solutionDetail div.cpgs a.button{ margin-top:30px;} #prodDetail div.cpgs a.button:hover,#solutionDetail div.cpgs a.button:hover{ background-color:#0a66a6;} #prodDetail div.cpgs a.button.zx,#solutionDetail div.cpgs a.button.zx{ background-color:#ff780d;} #prodDetail div.cpgs a.button.zx:hover,#solutionDetail div.cpgs a.button.zx:hover{ color:#222;} #prodDetail div.cpgs div.hxcs,#solutionDetail div.cpgs div.hxcs{ max-height:192px; overflow:hidden; background-color:#fafafa; padding:15px 20px; clear:both; margin-top:20px; margin-bottom:25px; white-space:pre; line-height:28px; max-height:140px; overflow:hidden;} #prodDetail div.cpgs div.descript,#solutionDetail div.cpgs div.descript{ clear:both; font-size:18px; line-height:30px; margin-top:20px;text-align:justify;text-justify:inter-ideograph; height:210px; overflow-y:auto;} #solutionDetail div.cpgs div.descript{ min-height:180px;} #prodDetail div.cpgs div.line,#solutionDetail div.cpgs div.line{ width:30%; height:3px; clear:both; float:left; background-color:#2489cf;} #prodDetail div.cpgs div.tit,#solutionDetail div.cpgs div.tit{ height:70px; line-height:70px; font-size:24px;} #solution div.item{padding-top:60px; padding-bottom:60px; clear:both;} #solution div.item img,#solution div.item video{ width:47%; height:375px; float:left;} #solution div.item div.nr{ width:47%; float:right; overflow:hidden;} #solution div.item div.nr div.tit{ height:40px; line-height:40px; font-size:24px; font-weight:bold; margin-bottom:30px;} #solution div.item div.nr div.descript{ min-height:196px; line-height:28px; padding-top:28px; clear:both;text-align:justify;text-justify:inter-ideograph; height:200px; overflow-y:auto;} #solution div.item div.nr a{ display:block; padding:0 30px; height:34px; line-height:34px; color:#FFF; font-size:18px; background-color:#2489cf; border-radius:5px; float:left; margin-top:30px;} #solution div.item div.nr a:hover{ background-color:#0a66a6;} #solution div.item:nth-child(even){ background-color:#f0f0f0;} #solution div.item:nth-child(even) img,#solution div.item:nth-child(even) video{ float:right;} #solution div.item:nth-child(even) div.nr{ float:left;} #solution div.item:nth-child(even) div.nr p{ text-align:right;} #solution div.item:nth-child(even) div.nr a{ float:right;} #solution div.item:nth-child(even) div.nr div.tit{ text-align:right;} #solution div.item:nth-child(even) div.nr div.line{ float:right;} /*风琴效果*/ #soluBody{ height:537px; overflow:hidden; position:relative;} #fg,#bg { width:100%; height:537px; overflow:hidden; position:absolute;} #fg div,#bg div {position:absolute;top:0;} sub {font-size:12px;display:block;} #fg p { margin:0; padding:0;writing-mode: vertical-rl; font-size:18px; color:#fff; line-height:calc(100vw / 15); padding-top:170px; background-repeat:no-repeat; background-position:center 60px; background-color:rgba(255,255,255,0.5); height:100%; box-sizing:border-box; color:#444;} #fg div.box:nth-child(1) p{ background-image:url(../img/s1.png);} #fg div.box:nth-child(2) p{ background-image:url(../img/s2.png);} #fg div.box:nth-child(3) p{ background-image:url(../img/s3.png);} #fg div.box:nth-child(4) p{ background-image:url(../img/s4.png);} #fg div.box:nth-child(5) p{ background-image:url(../img/s5.png);} #fg div.box:nth-child(6) p{ background-image:url(../img/s6.png);} #fg div.box:nth-child(7) p{ background-image:url(../img/s7.png);} #fg div.box:nth-child(8) p{ background-image:url(../img/s8.png);} #fg div.box span,#fg div.box ul,#fg div.box a.button{display:none;} #fg div.box a.button{ height:36px; line-height:36px; padding:0 20px; border-radius:10px; background-color:#FFF; float:left; margin-top:40px;} #fg ul{ min-height:190px; padding-top:15px;} #fg ul li{ height:38px; line-height:38px;} #fg ul li a{ font-size:18px; color:#FFF; afont-weight:bold;} #fg ul li a:before{ content:""; display:block; width:7px; height:7px; float:left; margin-right:5px; border-radius:50%; background-color:#CCC; margin-top:15px;} #fg ul li a:hover{ color:#ccc; text-decoration:underline;} #fg div.box.current p{ writing-mode:horizontal-tb; height:90px; line-height:90px; font-size:24px; font-weight:bold; background:none; color:#FFF; padding-top:0; margin-top:30px; background-image:none; background-color:none;} #fg div.box.current span{ display:block; line-height:26px; max-width:calc(100vw * 0.45);} #fg div.box.current p,#fg div.box.current span,#fg div.box.current ul,#fg div.box.current a.button{margin-left:5%; clear:both; display:block;} #fg span.fs14{ color:#eee;} #solutionDetail div.sltit{ height:37px; line-height:37px; clear:both; font-size:24px; text-align:center;} #solutionDetail div.bgs{ background-color:#f2f6fa; overflow:hidden; clear:both; padding-bottom:50px;} #solutionDetail div.bgs div.arcbody{ min-height:450px;} #solutionDetail div.bgs div.arcbody.xtnx{ min-height:200px;} #solutionDetail div.bgs div.item{ width:23.5%; margin-right:2%; float:left;} #solutionDetail div.bgs div.item:nth-child(5){ margin-right:0;} #solutionDetail div.bgs div.item div.tit{ height:40px; line-height:40px; background-image:url(../img/sy.jpg); background-repeat:no-repeat; background-position:center; text-align:center; font-size:18px; font-weight:bold; color:#FFF; position:relative; top:21px;} #solutionDetail div.bgs div.item p{ box-sizing:border-box; padding:20px; padding-top:40px; background-color:#FFF; border-radius:10px; min-height:230px;} .apoint{ position:relative; width:0; top:-200px;} #gsjs{ position:relative; top:0;} #product .arcbody.down a:hover{ color:#2489cf;} #prodDetail .table table{ border-top: #d4d4d4 solid 1px; border-left: #d4d4d4 solid 1px; } #prodDetail .table th{ height: 50px; padding-left: 80px; padding-right: 20px; background: #b0b0b0; color: #fff; font-size: 16px; border-right: #d4d4d4 solid 1px; text-align: left; box-sizing: border-box; } #prodDetail .table td{ padding: 15px 20px 15px 80px; font-size: 14px; line-height: 24px; border-right: #d4d4d4 solid 1px; border-bottom: #d4d4d4 solid 1px; box-sizing: border-box;} #prodDetail .list li,#solutionDetail .arcbody li{ position: relative; padding-left: 195px; font-size: 14px; line-height: 24px; padding-bottom: 25px;} #solutionDetail .arcbody .xtbody li{ padding-left:20px; padding-bottom:0; padding-left:45px; height:32px; line-height:32px; background-image:url(../img/soft_point.png); background-repeat:no-repeat; background-position:left center;} #prodDetail .list li b,#solutionDetail .arcbody li b{ position: absolute; left: 0; top: 0; padding-left: 18px; font-size: 18px; color: #333; } #prodDetail .list li b:before,#solutionDetail .arcbody li b:before{ content: ''; position: absolute; width: 4px; height: 4px; border-radius: 50%; left: 0; top: 50%; margin-top: -2px; background: #999;} #prodDetail .imgList ul{ margin-right: -35px; } #prodDetail .imgList li{ float: left; width: 50%; } #prodDetail .imgList li .lbox{ margin-right: 35px; } #prodDetail .imgList li .limg img{ width: 100%; } #prodDetail .imgList li p{ padding-top: 35px; text-align: center; color: #333; font-size: 16px; height: 36px; line-height: 36px; overflow: hidden; } #prodDetail .content{ font-size: 14px; color: #333; line-height: 28px; } #prodDetail .imgimg{ padding-top: 45px; } #prodDetail .imgimg img{ max-width: 9.0rem; } /* side */ .side { position: fixed;width: 78px;right: 0;top: 50%;margin-top: -50px;z-index: 1000;border: 1px solid #e0e0e0;background: #ffffff;border-bottom: 0;adisplay: none;} .side ul li { width: 78px;height: 78px;float: left;position: relative;border-bottom: 1px solid #e0e0e0;color: #333;font-size: 14px;line-height: 38px;text-align: center;transition: all 0.3s;cursor: pointer; overflow:visible;} .side ul li img {} .side ul li:hover { background: #2489cf;color: #fff;} .side ul li:hover a { color: #fff;} .side ul li i { height: 25px;margin-bottom: 1px;display: block;overflow: hidden;background-repeat: no-repeat;background-position: center center;background-size: auto 25px;margin-top: 14px;transition: all 0.3s;} .side ul li i.bgs1 { background-image: url(/img/right_pic5.png);} .side ul li i.bgs2 { background-image: url(/img/right_pic7.png);} .side ul li i.bgs3 { background-image: url(/img/right_pic2.png);} .side ul li i.bgs4 { background-image: url(/img/right_pic1.png);} .side ul li i.bgs5 { background-image: url(/img/right_pic3.png);} .side ul li i.bgs6 { background-image: url(/img/right_pic6_on.png);} .side ul li:hover i.bgs1 { background-image: url(/img/right_pic5_on.png);} .side ul li:hover i.bgs2 { background-image: url(/img/right_pic7_on.png);} .side ul li:hover i.bgs3 { background-image: url(/img/right_pic2_on.png);} .side ul li:hover i.bgs4 { background-image: url(/img/right_pic1_on.png);} .side ul li:hover i.bgs5 { background-image: url(/img/right_pic3_on.png);} .side ul li:hover i.bgs6 {} .side ul li .sidebox { position: absolute;width: 78px;height: 78px;top: 0;right: 0;transition: all 0.3s;overflow: hidden;} .side ul li.sidetop { background: #2489cf;color: #fff;display: none;} .side ul li.sidetop:hover { opacity: 0.8;filter: Alpha(opacity=80);} .side ul li.sideewm .ewBox { width: 238px;display: none;color: #363636;text-align: center;padding-top: 235px;position: absolute;left: -240px;top: 0px;background-color: #FFF;background-repeat: no-repeat;background-position: center 10px;background-size: 80% auto;border: 1px solid #e0e0e0;} /*.side ul li .sideetel{width:56px;height:50px;line-height:50px;display:inline-block;transition:all 0.3s; text-align:left;}*/ /*.side ul li .sideetel:hover{background:#f3782a;opacity:1;filter:Alpha(opacity=100);}*/ .side ul li.sideetel .telBox { width: 240px;display: none;color: #fff;text-align: left;position: absolute;left: -240px;top: -79px;background: #2489cf;} .side ul li.sideetel .telBox dd { display: block;height: 88.5px;overflow: hidden;padding-left: 82px;line-height: 24px;font-size: 18px;} .side ul li.sideetel .telBox dd span { display: block;line-height: 28px;height: 28px;overflow: hidden;margin-top: 22px;font-size: 18px;} .side ul li.sideetel .telBox dd.bgs1 { background: url(/img/right_pic8.png) 28px center no-repeat;background-color: #2489cf; border-bottom:1px solid #ccc;} .side ul li.sideetel .telBox dd.bgs2 { background: url(/img/right_pic9.png) 28px center no-repeat;} #gongneng{ height:430px; border:2px solid #b0b2b4; overflow:hidden;} #gongneng div.item{ border-left:2px solid #b0b2b4; width:18%; height:100%; float:left; box-sizing:border-box;} #gongneng div.item div.tit{writing-mode: vertical-rl; width:100%; text-indent:40px; line-height:17.64vw; font-size:18px;} #gongneng div.item p{ display:none;} #gongneng div.item div.img{ display:block; height:90px; width:90px; margin:0 auto; border-radius:50%; background-color:#FFF; margin-top:42px; background-repeat:no-repeat; background-position:center;} #gongneng div.item:nth-child(1) div.img{ background-image:url(../img/nimg78_41.png);} #gongneng div.item:nth-child(2) div.img{ background-image:url(../img/nimg78_31.png);} #gongneng div.item:nth-child(3) div.img{ background-image:url(../img/nimg78_21.png);} #gongneng div.item:nth-child(4) div.img{ background-image:url(../img/nimg78_11.png);} #gongneng div.item:first-child{ border-left:none;} #gongneng div.item.current{ width:46%;} #gongneng div.item.current div.tit{writing-mode:horizontal-tb; line-height:78px; font-weight:bold; font-size:20px; text-align:center;} #gongneng div.item.current p{ display:block; line-height:30px; padding:0 10%;} #gongneng div.item.current div.img{ background-color:#2489cf;} #gongneng div.item:nth-child(1).current div.img{ background-image:url(../img/nimg78_4.png);} #gongneng div.item:nth-child(2).current div.img{ background-image:url(../img/nimg78_3.png);} #gongneng div.item:nth-child(3).current div.img{ background-image:url(../img/nimg78_2.png);} #gongneng div.item:nth-child(4).current div.img{ background-image:url(../img/nimg78_1.png);} #hxxt div.subTit{ border-bottom:2px solid #b2b2b2; height:67px; text-align:center;} #hxxt div.subTit span{ display:inline-block; border-bottom:2px solid #b2b2b2; height:65px; line-height:65px; font-size:18px; position:relative; top:2px; margin-left:20px;} #hxxt div.subTit span:first-child{ margin-left:0;} #hxxt div.subTit span.current{border-bottom:2px solid #2489cf;color:#2489cf;} #hxxt div.content{ display:none;} #hxxt div.content img{ width:50%; float:left;} #hxxt div.content div.xtbody{ width:45%; float:right;} #hxxt div.content div.xtbody div.tit{ font-size:22px; height:22px; line-height:22px; font-weight:bold;} #hxxt div.content div.xtbody p{ clear:both; padding-top:10px;} .mobileNav,.headerLink{ display:none;} a.nimg{ display: block; background-repeat: no-repeat; background-size: cover; padding-left:20px; color:#fff; overflow:hidden;} a.nimg h3{ line-height:96px; margin-top:15px; font-size:24px;} a.nimg span{ font-size:46px; font-family:"宋体"; float:right; margin-right:10%;} a.nimg.s1{ background-image: url(/img/s1.jpg);} a.nimg.s2{ background-image: url(/img/s2.jpg);} @media screen and (max-width: 1024px){ header{ font-size: 16px;} header li{ padding: 0 7px;} nav{ margin-right: 3%;} div.num{ background-size: 100% auto;} } @media screen and (max-width: 1280px){ #cases div.ctit a,#product div.ctit a{ margin-right:15px;} footer div.nav div.item { margin-left:6.1%;} div.subnav a.menu{ padding:0 5px;} div.subnav a.menu{ display: none;} div.subnav a.menu.active{ display:block;} } @media screen and (max-width: 768px){ body{ font-size: 18px;} #fg,#bg,#soluBody{ height:70vw;} .fs42,.fs34{ font-size:5vw; line-height:53px;} .mg40{ margin-top:6vw;} .mg60{ margin-top:10vw;} body{ font-size:4.1vw; padding-top:60px;} div.htit,#arcbody h1{ font-size:5.5vw; line-height: 1.2;} #full-screen-slider{ height:50vw;} header,.headerLink{ height:60px;} .side,footer div.cont2,footer div.copyright div.cont2 a,header nav,footer div.copyright span,div.subnav div.path,div.subnav a.menu,div.block-right .nimg,.nav-previous i,.nav-next i,#fg div.box.current ul,#scrollbox3 li div.wa div.line,#scrollbox3 li div.wa div.desc,#scrollbox3 li a.more,#category,#about div.item,.pc,.Contain.SubPage.sthz div.mg60{ display:none;} .meta-nav:after{ content:":"} .post-navigation .meta-nav{ margin-right:10px;} footer div.copyright div.cont2,div.subnav a.menu.active,.mini{ display:block;} footer div.copyright{ height:50px; line-height:50px; text-align:center;} #news,#video,div.p_news div.wow,div.p_news, div.p_body,div.block-right,div.p_prod,#prodDetail div.cpgs, #solutionDetail div.cpgs,#prodDetail div.imglist, #prodDetail div.cpgs, #solutionDetail div.imglist, #solutionDetail div.cpgs,#solutionDetail div.bgs div.item,#solution div.item img, #solution div.item video,#solution div.item div.nr,#product li.item.ny,div.main43,.main43 ul li,#hxxt div.content img,#hxxt div.content div.xtbody,section.lxwm div.item,#fenzhi img.fzjg,#frmbook,.videlist .dlt{ width:98vw; float:none; clear:both; margin-right:0; margin-left:0; border-right:none; padding-left:0; padding-right:0;} #kfzx{ line-height:1.5;height: 130px;padding-top: 20px;box-sizing: border-box;} #banner{ height:40vw;font-size:4vw; line-height: 1.3;} #banner span.fs42 {display: block;height: 10vw;line-height: 10vw;} div.subnav a.menu.active,div.subnav a.mini.active{ background-color:#fafafa; color:#2489cf; font-size: 4.5vw; font-weight:bold;} header img{ height:35px; width:auto; margin-top:12px;} #product li.item, #caselist2 li.item,div.p_prod #prodbox #prodlist li.item,div.p_prod #casebox2 #caselist2 li.item {width:98vw;} #cases div.ctit, #product div.ctit{ height:auto;} .post-navigation .nav-links,.post-navigation .back-to-list, .post-navigation .nav-next, .post-navigation .nav-previous{ display:block; clear:both; width:100%; text-align:left; padding-left:0; padding-right:0; margin-left:0; margin-right:0;} #fg p{ padding-top:20vw; background-position:center 8vw; background-size:90% auto;font-size: 4.1vw;} #fg div.box.current p{ font-size:5.6vw; height:10vw; line-height:10vw;} #fg div.box.current span{ line-height:1.5;} #fg div.box a.button{ margin-top:7.7vw; height:7.7vw; line-height:7.7vw;} #prodbox span.button, #casebox2 span.button{ width:5vw;} #video video { height:calc(98vw * 2 / 3);margin-top:3.6vw;} #news ul{ height:380px;} #slides li a{ line-height:20vw;} #zzzs{ display: none;} /*WAP 导航*/ .mobileNav{position:fixed; width:100%;height:100%;z-index:1998;top:0;} .mobileMask{position:absolute;background:#000;opacity:0;width:100%;height:100%;top:0;z-index:0;} .mobileNav-wrap{width:250px;padding:3% 2%;background:#fff;border-top:2px solid #264943;height:100%;position:relative;z-index:1;left:-100%;opacity:0;overflow-x:hidden; overflow-y:auto; float:left; } .mobileNav-search{margin-bottom:10px;} .mobileNav-search form{border:1px solid #c4c4c4;border-radius:30px;overflow:hidden;background-color:#fff;} .mobileNav-search form input{display:block;height:36px;line-height:36px;} .mobileNav-search form .txt{float:left;width:170px;padding:5px 10px;font-size:12px;color:#999;} .mobileNav-search form .sub{float:right;width:37px;background:url(/img/fdj.png) center no-repeat #264943; background-size:60%;} .mobileNav-list ul{padding:0 5px; margin-top:50px;} .mobileNav-list li,.mobileNav-list li a{ display: block;height:40px; line-height: 40px; overflow:hidden; text-align: left;} .mobileNav-list li a.sub{ height: 27px; line-height: 27px;} header .right{ margin-right:2vw; margin-left:2vw;} .mobileNav-list li.hassub span{ display:block; width:16px; height:16px; border:1px solid #e0e4e7; float:left; text-align:center; cursor:pointer; margin-top:12px; margin-right:10px; overflow:hidden;} .mobileNav-list li.hassub span::before{ content: "+"; line-height:16px; font-size:14px; margin:0; padding:0; text-indent:0; display:inline-block; float: left; margin-left:3px; color: #e0e4e7;} .mobileNav-list li.hassub a.sub{ display:block; clear:both; height:27px; line-height:27px; text-indent:31px; background-image:url(../img/fl.png); background-repeat:no-repeat; background-position:left center; color:#555; text-align: left;} .mobileNav-list li.hassub a.sub:last-child{background-image:url(../img/fl2.png);} .mobileNav-list li.hassub.active{ height:auto;} .mobileNav-list li.hassub.active span::before{content: "-";} .mobileNav-list li.hassub a.sub:hover{ color:#2489cf; text-decoration:underline;} /*头部*/ .headerLink{ display:inline-block;font-size:0;text-align:right; padding:5px 10px; background:#666; border-radius:5px; float:right;} .headerLink .navIco{height:30px;display:inline-block;vertical-align:middle;amargin-left:10px;line-height:30px;text-align:center;position:relative;width:24px;transition:all .3s;z-index:99999; margin-top: 15px;} .headerLink .navIco i{display:inline-block;height:2px;background-color:#ffffff;width:24px;transition:all .3s;} .headerLink .navIco:before,.headerLink .navIco:after{position:absolute;content:"";width:24px;height:2px;background-color:#ffffff; left:0;transition:all .3s;} .headerLink .navIco:before{top:6px;} .headerLink .navIco:after{bottom:7px;} .homeSolution-list .pic img{opacity:0.8 !important;} .headerLink .navIco i{display:inline-block;height:2px;background-color:#ffffff;width:24px;transition:all .3s;} .headerLink .navIco:before,.headerLink .navIco:after{position:absolute;content:"";width:24px;height:2px;background-color:#ffffff; left:0;transition:all .3s;} .headerLink .navIco:before{top:6px;} .headerLink .navIco:after{bottom:7px;} .headerLink .active i{display:none;} .headerLink .active:before{transform:rotateZ(45deg);top:14px;background-color:#ffffff;} .headerLink .active:after{transform:rotateZ(-45deg);bottom:14px;background-color:#ffffff;} .homeSolution-list .pic:after{display:none;} #floor_5_main .imgleft {width:98vw; height:calc(98vw * 307 / 410); float:none;} #floor_3_main .proAdvant .list li .title .shu span {width: 12vw;height: 12vw;font-size: 6vw;line-height: 12vw;} #floor_4_main .proCase .list li{ width:100vw;} #floor_4_main .proCase .list li a,section.lxwm div.item{ width:100%;} #floor_8_main .proCase .list li{ width:50vw;} #cases div.ctit, #product div.ctit { line-height:1.5;} .banner ul li{ background-size:cover; background-position:center;} .banner span{ top:48%;} .banner .left{ left:0;} .banner .right{ right:0; left:auto;} #scrollbox3 li div.wa div.subtit{ background-color:rgba(0,0,0,0.5); color:#FFF; text-indent:10px; width:100%; text-align: center; white-space: pre; overflow: hidden;text-overflow: ellipsis; font-size: 20px;} #scrollbox3 li div.wa{ padding-top:0;} #scrollbox3 li div.cont2,#scrollbox3 li div.wa,#caselist2 div.wow{ width:100%; padding-left:0; padding-right:0;} div.p_prod div.stit:before{ margin-right: 10px;} div.p_prod div.stit,#prodDetail div.cpgs div.tit, #solutionDetail div.cpgs div.tit,#solution div.item div.nr div.tit{ font-size: 20px;} #prodDetail .table td,#prodDetail .table th{ padding: 10px;} #prodDetail div.cpgs a.button, #solutionDetail div.cpgs a.button{ width: 30%; margin-right: 0;} #solutionDetail div.bgs div.item p{ min-height: auto;} #solution div.item div.nr div.descript,#solution div.item img{ height: auto;} #solution div.item{ padding-top: 30px; padding-bottom: 30px;} header div.tel{ width: 50px; overflow: hidden; text-indent: -1000px; line-height: 60px;} .headerLink{ padding: 0 20px; border-radius: 0; background-color: #2489cf;} #prodDetail .list li b, #solutionDetail .arcbody li b{padding-left: 10px;} #prodDetail .list li b, #solutionDetail .arcbody li b{ font-size: 4.1vw;} #prodDetail .list li, #solutionDetail .arcbody li{ padding-left: 41vw;} #prodDetail div.imglist div.img{ height: 98vw;} #prodDetail div.imglist div.sl{ height: 23.03vw;} .main43 ul li .con{ padding: 0 10rem;} #news ul li a:before, div.block-right ul.news li a:before{ margin-top: -3px;} div.block-right ul{ padding-bottom: 0; margin-bottom: 0; border-bottom: none;} #product li.item a{ width: 100%;} #cases .banner{ height: 300px;} #hxxt div.subTit{ height: auto;} #solutionDetail div.bgs{padding-bottom: 0;} footer div.copyright{ margin-top: 0;} #kfzx a.more{ top: 0; height: 26px;line-height: 26px;} #jj{ height: auto; padding-top: 56rem; padding-bottom: 56rem;} #jj div.wa{ width: 85%; height: auto; padding-top: 20rem; padding-bottom: 10rem; margin-top: 0;} #jj .tit2,#jj p{padding-right: 10rem;padding-left: 25px;} .arcbody video{ width: 100%; height: calc(98vw * 2 / 3);} #gongneng div.item.current div.tit{ font-size: 16px; text-indent: 0; line-height: 1.2; padding: 20px 0;} #gongneng div.item.current p{ padding: 0 2%; line-height: 1.2;} #gongneng div.item div.img{ width: 14.11vw; height: 14.11vw;background-size: 50% auto; margin-top: 22px;} #gongneng div.item:nth-child(4).current div.img{ width: 60px; height: 60px; background-size: 50% auto;} #gongneng{ height: auto;} #gongneng div.item{ padding-bottom: 20px;} .Contain.SubPage.sthz p span strong{ font-size: 18px;} section.Contain.SubPage.sthz p:last-child span{ font-size: 40px !important; line-height: 2 !important;} #about div.htit p{ text-align: left;text-align:justify;text-justify:inter-ideograph; width: 98%;} } @media screen and (max-width: 410px){ #arcbody div.subtit span{ margin-left: 10px;} }