/* 在线链接服务仅供平台体验和调试使用,平台不承诺服务的稳定性,企业客户需下载字体包自行发布使用并做好备份。 */ @font-face { font-family: "Source Han Sans";src: url("//at.alicdn.com/wf/webfont/4e0sIOFlSF42/XogxHNWlY1wt.woff2") format("woff2"), url("//at.alicdn.com/wf/webfont/4e0sIOFlSF42/6cIvxR5tyNG4.woff") format("woff"); font-display: swap; } body, h1, h2, h3, h4, h5, h6, ul, ol, li, p, form, dt, dd, input, textarea, th, td, fieldset, legend, dl, dt, dd { margin: 0; padding: 0; } fieldset, img { border: 0 none } ul, ol, li { list-style: none } h1, h2, h3, h4, h5, h6 { font-weight: normal; } table { border-spacing: 0 } html, body{ -webkit-user-select:none; -moz-user-select: none; -ms-user-select: none; user-select:none;/*禁用页面内容选中和复制操作*/ -webkit-touch-callout:none;/*禁用长按页面时的弹出菜单(iOS下有效)*/ -webkit-tap-highlight-color:rgba(0,0,0,0);/*去掉点击链接和文本框对象时默认的灰色半透明覆盖层(iOS)或者虚框(Android)*/ -webkit-user-select: none; -moz-user-select: none; -o-user-select: none; -ms-user-select: none; } i, em, u { font-style: normal; text-decoration: none; } *, body { box-sizing: border-box; -webkit-box-sizing: border-box; } body { color: #333; min-width: 320px; } q:before, q:after { content: "" } html, body, input, select, button, textarea { font: 16px/1.5 "Source Han Sans","Microsoft YaHei" ,"\5B8B\4F53", Arial, Helvetica, sans-serif; color: #ababab; } table { border-collapse: collapse; border-spacing: 0; } em { font-style: normal; font-weight: normal } img { vertical-align: middle; max-width: 100%; } .ov { overflow: hidden; } .fl { float: left; } .fr { float: right; } a { text-decoration: none; color: #ababab; } .clear { clear: both; height: 0px; width: 0; margin: 0; padding: 0; border: none; overflow: hidden; } .col2{ width: 50%;float: left; } a { -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; } input, select, button { outline: none; -webkit-outline: none; } .c07 { color: #0070ac; } .w1430 { max-width: 1430px; margin: 0 auto; } .w1170 { max-width: 1170px; margin: 0 auto; } .w1190 { max-width: 1190px; margin: 0 auto; } .bg-w{ background: #ffffff;; } .bg-g{ background: #f7f7f7; } .edit_warp>h1,.edit_warp>p{ max-width: 1170px; margin: 0 auto; } .cus-viewer-prev,.cus-viewer-next{ top: 50%; transform: translateY(-50%); height: 100px; width: 100px; position: fixed; display: block; z-index: 1000; background-size: 54px 88px; background-position: center; background-repeat: no-repeat; cursor: pointer; opacity: .3; transition: all 1s; } .cus-viewer-prev:hover,.cus-viewer-next:hover{ opacity: 1; } .cus-viewer-prev{ left: 0; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); } .cus-viewer-next{ right: 0; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); } /* #region 顶部banner*/ .banner { /*height:780px;*/ height: 90vh; overflow:hidden; } #bannerSwiper{height:100%;width:100%;} #bannerSwiper:hover .swiper-button-prev,#bannerSwiper:hover .swiper-button-next { opacity: 1; background-color: rgba(0, 0, 0, 0.4); } .banner .swiper-slide a{ width:100%;height:100%;display:block;background: center no-repeat;background-size:cover;} .banner .swiper-slide a img{width: 100%;height: 100%; object-fit:cover;} .banner .swiper-pagination-bullet { width: 13px !important; height: 13px !important; margin: 0 7px !important; opacity: 0.3; -webkit-opacity: 0.3; } .banner .swiper-pagination-bullet-active { width: 25px !important; /* background: #fff !important;*/ background: #009e41 !important; border-radius: 10px !important; opacity: 1.0; -webkit-opacity: 1.0; } .banner .swiper-pagination { bottom: 5% !important; } .banner .swiper-button-prev, .banner .swiper-button-next { width: 60px; height: 60px; margin-top: -30px; } /* .banner .swiper-button-prev { left: 0; background: url(../images/btn_lf.jpg) no-repeat center !important; background-size: 100%; } .banner .swiper-button-next { right: 0; background: url(../images/btn_lr.jpg) no-repeat center !important; background-size: 100%; }*/ .banner .swiper-button-prev,.banner .swiper-button-next{ opacity: 0; transition: all 1s; } .banner .swiper-button-prev { left: 65px; } .banner .swiper-button-next{ right: 65px; } /* #endregion */ .header { /*height: 100px; height: 140px;*/ padding: 0 5%; position: absolute; left: 0; top: 0; z-index: 999; right: 0; color: #fff; } /* #region 头部和导航菜单*/ .header a { color: #fff; transition: ease-in-out .3s; } .header .logo { margin-top: 32px; } .header .lrcont_top { height: 34px; line-height: 34px; margin: 18px 0 10px; } .header .lrcont_top ul { overflow: hidden; } .header .lrcont_top li { float: right; margin-left: 45px; position: relative; } .header .lrcont_top li input { width: 154px; height: 32px; border: 1px solid #fff; border-radius: 30px; font-size: 14px; background: none; padding: 0 38px 0 10px; } .header .lrcont_top li .btn_search { width: 20px; height: 20px; background: url(../images/icon_search.png) no-repeat center; border: none; position: absolute; right: 13px; top: 8px; } .header .lrcont_top a:hover { color: #009e41; } .header .navParent { height: 40px; } .header .navParent .navLip { line-height: 40px; /*float: right;*/ float: left; margin-left: 38px; padding: 0 20px; height: 40px; border-radius: 20px; transition: ease-in-out .6s; } .header .navParent .navLip a { display: block; } .header .navParent .navLip a::after{ } .header .navParent .navLip.active, .header .navParent .navLip:hover { background: #009e41; border-radius: 20px; } .header_active { color: #333; /*background: #fff;*/ } /* #region 头部和导航菜单*/ .header_active .lrcont_top a ,.header_active li.navLip>a{ color: #333; } .header_active .navLip.active>a{ color: #fff; } .header_active .lrcont_top li input { border: 1px solid #0070ac; } .header_active .lrcont_top li .btn_search { filter: invert(100%); } #header_atc{ background: #fff; width: 100%; /*height: 285px;;opacity: 0;*/ height: 0; position: absolute; z-index: 998; opacity: 0; } .header .navParent .navLip:hover .sec-menu{ transform:translateY(10px); opacity: 1; visibility:visible; } .sec-menu{ position: absolute; width: 100%; left: 0; background: #fff; opacity: 0; transition: all .3s; transform:translateY(0); visibility: hidden; } .sec-menu:before { content: " "; display: block; width: 100%; margin-top: 50px; border-top: 1px solid #eeeeee; } /* .navLip:hover .sec-menu{display: block;}*/ li.navLip:hover>a,li.navLip>a:hover{color: #fff;} .sec-menu a{font-size: 14px;color:#818181;font-weight: 300;} .sec-menu a:hover{color:#333333;text-decoration:underline;} .sec-menu dt a{ font-size: 16px;color:#333;font-weight: 600; } .sec-menu>dl>dd{float: left; padding: 20px 10px; width: 33%;height:235px;overflow: hidden; vertical-align:middle; } .sec-menu>dl>dd img{object-fit: contain; /*width: 128px;height: 128px;*/width:95%; transition: all .6s; overflow: hidden; } .sec-menu>dl>dd img:hover{transform:scale(1.2);} .sec-menu>dl>dd{border-top: 1px solid #eeeeee;} .sec-menu>dl>dd>dl{color: #333; font-size: 14px; border-right: 1px solid #eeeeee;overflow: hidden; display: flex;flex-direction: row;} .sec-menu>dl>dd:nth-child(-n+3) {border-top: none;} .sec-menu>dl>dd:nth-child(3n+3) dl,.sec-menu>dl>dd:last-child dl {border-right: none;} .sec-menu>dl>dd>dl>dd{/*float:left;display: block;*/display:flex ;/*flex-direction: column;*/ flex-shrink: 1; align-items: center;/* vertical-align: middle;*/padding-left :5px;padding-right: 5px; } .sec-menu>dl>dd>dl>dd a.title{ line-height: 30px; font-size: 16px; font-weight: 600; color: #333; } .sec-menu>dl>dd>dl>dd:last-child{vertical-align: top;flex: 1; height: 185px; display: flex; align-items: start;} .sec-menu>dl>dd>dl>dd>dl>dd>ul{ /*padding-left: 10px;*/ margin-top: 10px; } .sec-menu>dl>dd>dl>dd>dl>dd>ul a{ font-size:13px; } .sec-menu>dl>dd>dl>dd>dl>dd>ul>li{ width: 100%; overflow: hidden; } .sec-menu>dl>dd>dl>dd>dl>dd>ul>li a{ display:block;overflow: hidden;text-overflow:ellipsis; line-height: 26px; white-space:nowrap; } .sec-menu>dl>dd>dl>dd>dl>dd>ul>li:last-child a{ color:#333; font-weight: 400; } /* #region 产品二级菜单*/ .pro-sec-menu>dl>dd{float: left; padding: 20px 10px; width: 25%;height:235px;overflow: hidden; vertical-align:middle; } .pro-sec-menu>dl>dd:nth-child(-n+4) {border-top: none;} .pro-sec-menu>dl>dd:nth-child(4n+4) dl,.pro-sec-menu>dl>dd:last-child dl {border-right: none;} /* #endregion*/ .bshare-custom{ padding:20px 0; text-align: right; } .bshare-custom span{ font-weight: 600; padding-right: 10px; vertical-align: middle; display: inline-block; } /* #region 新闻二级菜单*/ .news-sec-menu>dl>dd>dl>dd{ width: 156px; display: flex; flex-direction: column; flex-shrink: 1; align-items: center; /* vertical-align: middle; */ padding-left: 5px; justify-content: center; padding-right: 5px; } .news-sec-menu>dl>dd { height:auto ; } .news-sec-menu>dl>dd>dl>dd:last-child{ /*height:125px;*/ display: flex; align-items: start; justify-content: start;} .news-sec-menu>dl>dd>dl>dd>dl>dd>dl>dt{ margin-top: 5px; line-height: 24px; } .news-sec-menu>dl>dd>dl>dd>dl>dd>dl>dt a{ width: 90%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .news-sec-menu>dl>dd>dl>dd>dl>dd>dl>dd{ color: #818181; line-height: 22px; word-break:break-all; word-wrap:break-word; font-size: 13px; } .news-sec-menu>dl>dd>dl>dd>dl>dd>dl>dd a ,.news-sec-menu>dl>dd>dl>dd>dl>dd>dl>dt a{ color: #333; line-height: 30px; font-size: 16px; } /* #endregion*/ /* #region 平台二级菜单*/ .pt-sec-menu{ /*display: block;*/ } .pt-sec-menu>dl>dd { border-top: none; width:20%; height:auto ; } .pt-sec-menu>dl>dd>dl,.pt-sec-menu>dl>dd:nth-child(4) dl{ border-right: 1px solid #eeeeee; } .pt-sec-menu>dl>dd>dl{ flex-direction: column; } .pt-sec-menu>dl>dd>dl>dd{ width: 100%; } .pt-sec-menu>dl>dd dt a{ font-size: 16px; font-weight: 600; color:#333; } .pt-sec-menu>dl>dd a{ font-size:13px; line-height: 26px; word-wrap: none; word-break: normal; text-overflow: ellipsis; } .pt-sec-menu>dl>dd>dl>dd:last-child { height: auto; } .pt-sec-menu>dl>dd>dl>dd>ul>li{ line-height: 24px; } .pt-sec-menu>dl>dd>dl>dd>ul>li:last-child a{ color: #333; } .pt-sec-menu>dl>dd>dl>dd img{width: 170px;height: 110px;object-fit: cover;transition: all 0.6s;} .pt-sec-menu>dl>dd>dl>dd img:hover{ transform: scale(1.05); } .pt-sec-menu>dl>dd>dl>dt { padding-left: 5px;padding-right: 5px;margin-bottom: 5px; } /* #endregion*/ /* #region 关于我们*/ .about-sec-menu dl dd{width: 14.2%;height: auto;border: none;} .about-sec-menu dl dd,.about-sec-menu dl dd a{text-align: center;} .about-sec-menu dl dd a{border-right: 1px solid #eeeeee;} .about-sec-menu>dl>dd:last-child a{border-right: none;} .about-sec-menu dl a span{display: block; background: #0070AC; margin: 0 auto; width: 80%; position: relative; height: 100px; margin-bottom: 10px;transition: all .6s; overflow: hidden; } .about-sec-menu dl a span:before{content: ''; display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background: url(../images/nav_icon1.png); background-size: 100%; width: 38px; height: 38px;} .about-sec-menu dl a span:hover{ transform:scale(1.05); } .about-sec-menu dl a .nav_icon2:before{background-image: url(../images/nav_icon2.png);} .about-sec-menu dl a .nav_icon3:before{background-image: url(../images/nav_icon3.png);} .about-sec-menu dl a .nav_icon4:before{background-image: url(../images/nav_icon4.png);} .about-sec-menu dl a .nav_icon5:before{background-image: url(../images/nav_icon5.png);} .about-sec-menu dl a .nav_icon6:before{background-image: url(../images/nav_icon6.png);} .about-sec-menu dl a .nav_icon7:before{background-image: url(../images/nav_icon7.png);} /* #endregion*/ /* #region 技术服务*/ .fw-sec-menu dl dd{width: 12.5%;height: auto;border: none;position: relative;overflow: hidden;} .fw-sec-menu dl dd,.about-sec-menu dl dd a{ text-align: center; font-weight: 600; color: #000;} .fw-sec-menu dl dd a{border-right: 1px solid #eeeeee;text-align: left;color: #333;position: relative; } .fw-sec-menu dl dd a:hover{ text-decoration: none; } .fw-sec-menu>dl>dd:last-child{ color: #333; font-size: 11px; width: 25%; text-align: left; } .fw-sec-menu>dl>dd:last-child div{margin-bottom: 5px;} .fw-sec-menu>dl>dd:last-child>div:nth-child(1){ position: relative; } .fw-sec-menu>dl>dd:last-child div input[type=text]{ width: 240px; height: 30px;line-height: 30px; border: solid 0.5px #0070ac; border-radius: 3px; padding:0 5px 0 5px; color: #888; } .fw-sec-menu>dl>dd:last-child>div>button{ background: #029d3f url(../images/icon_search.png) no-repeat center; background-size: 15px 15px; width: 35px; height: 26px; border: 0; position: absolute; border-radius: 3px; margin-left: -37px; margin-top: 2px;transition:1s; } .fw-sec-menu>dl>dd:last-child>div>button:hover{ opacity:0.7; } .fw-sec-menu>dl>dd:last-child div:nth-child(1){margin-bottom: 5px;} .fw-sec-menu>dl>dd:last-child b{font-size: 12px;font-weight: 600;line-height: 24px;} .fw-sec-menu>dl>dd:last-child a{border-right: none;} .fw-sec-menu dl dd a{font-size: 14px;font-weight: 600;} .fw-sec-menu dl a span{font-weight: 300; display: block; background: #0070AC; margin: 0 0;margin-right: 20px;position: relative; /*width: 80%;*/ height: 80px;line-height: 80px;color: #fff; margin-bottom: 10px;transition: all .6s; overflow: hidden; text-align: right;padding-right: 20px;font-weight: 400; } .fw-sec-menu dl a span:before{content: ''; display: block; position: absolute; left: 30px; top: 50%; transform: translate(-50%, -50%); background: url(../images/icon_server1.png) no-repeat;background-size: contain; width: 38px; height: 38px; } .fw-sec-menu dl a span:hover{ transform:scale(1.05); } .fw-sec-menu dl a:after{ content: ' '; background: url(../images/icon13.png) no-repeat; background-size: contain; width: 10px; height: 13px; margin-right: 20px; position: absolute; right: 0; } .fw-sec-menu dl a .nav_icon2:before{background-image: url(../images/icon_server2.png);} .fw-sec-menu dl a .nav_icon3:before{background-image: url(../images/icon_server3.png);} .fw-sec-menu dl a .nav_icon4:before{background-image: url(../images/icon_server4.png);} .fw-sec-menu dl a .nav_icon5:before{background-image: url(../images/icon_server5.png);} .fw-sec-menu dl a .nav_icon6:before{background-image: url(../images/icon_server6.png);} .fw-sec-menu dl a .nav_icon7:before{background-image: url(../images/icon_server7.png);} /* #endregion*/ /* #endregion */ .com_title { text-align: center; padding: 3em 0; } .com_title .title_name { font-size: 30px; color: #333; position: relative; width: 205px; margin: 0 auto; padding-top: 2px; } .com_title .title_small { font-size: 14px; } /* .com_title .title_name:before, .com_title .title_name:after { content: ""; position: absolute; top: 10px; width: 24px; height: 28px; }*/ /* .com_title .title_name:before { background: url(../images/icon_lf.png) no-repeat center; background-size: 100%; left: 0; } .com_title .title_name:after { background: url(../images/icon_lr.png) no-repeat center; background-size: 100%; right: 0; }*/ .product_ul { width: 49.35%; } .product_list li { position: relative; margin-bottom: 20px; overflow: hidden; /*border-radius: 5px;*/ } .product_list li .text { position: absolute; left: 0; bottom: 0; right: 0; color: #fff; padding: 0 4% 4%; transition: all 1s; z-index: 4; transform: translateY(0); } .product_list li .text_title { font-size: 26px; } .product_list li.small .text { padding-bottom: 15%; } .i-shade{transform: translateX(100%); transition: all .3s; position: absolute; left: 0; top: 0; z-index: 3; width: 100%; height: 100%; border-radius: 10px; background: rgba(0,0,0,.6);} /*.product_ul ul p{transform: translateY(-100%); transition: all .5s;}*/ .product_list li a{display: block;} .product_list li:hover .i-shade{transform: translateX(0);} .product_list li:hover .text{transform: translateY(-50px);} .product_list li img{transition: all 3s;} .product_list li:hover img{ transform:scale(1.05);} .cloud { /*background: url(../images/beij1.jpg) repeat left top;*/ background: #f7f7f7; padding-bottom: 2%; margin-top: 2%; } .cloud_list { margin-left: -60px; } .cloud_list li { float: left; width: 310px; padding: 12px 15px 35px 15px; background: #fff; text-align: center; font-size: 14px; line-height: 2; margin-left: 60px; box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.2); transition:all 1s; } .cloud_list .imt{ overflow:hidden; } .cloud_list li img { width: 280px; height: 180px; transition:all 2s; } .cloud_list .name { font-size: 17px; margin: 12px 0; color: #333; } .cloud_list .btn { width: 94px; height: 40px; /*background: url(../images/btn_lr.png) no-repeat center; background-size: 100%;*/ background-color: #fff; border: 1px solid #009e41; margin: 20px auto 0; transition: ease-in-out .3s; border-radius: 26px; font-family: serif,cursive; line-height: 38px; color: #009e41; } .cloud_list .btn.act{ background: #009e41; color: #fff; } .cloud_list .btn::after{ content: "\e258"; position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; line-height: 1; -webkit-font-smoothing: antialiased; } .cloud_list li:hover { background: #d2e3ec; } .cloud_list li:hover img{ transform:scale(1.05); } .cloud_list li:hover a, .cloud_list li:hover .name { color: #0070ac; } /* .cloud_list li:hover .btn { background: #009e41; }*/ .cloud_list li:hover .btn::after{ color: #fff; } .cloud_list li .text{padding: 0 20px;} .services_list li { position: relative; } .services_list .sel { width: 37.5%; } .services_list .sel>li { float: left; /*width: 50%;*/ overflow:hidden; width: 47.5%; } .services_list .seone>li { /*margin: 0 2.5% 3.2% 0*/ /*padding: 0 10px 10px 0;*/ margin: 0 2.5% 2.0% 0 } .services_list .sethird>li { /*margin: 0 0 3.2% 2.5%;*/ /*padding: 0 0 10px 10px;*/ margin: 0 0 2.0% 2.5% } .services_list .sel_imt .text { position: absolute; left: 10px; /*right: 3%;*/ bottom: 10px; /*bottom: 3%;*/ color: #fff; } .services_list .sethird .text {left: 20px;} .services_list .sel_text { transform: translateY(200%); transition: all 1s; width: 100%; height: 100%; /*text-align: center;*/ position: absolute; left: 0; /*top: 0;*/ bottom:0; color: #fff; /*font-size: 18px;*/ background:rgba(0,158,65,.8);/*#009e41;*/ z-index: 9; /*display: none;*/ padding:5px; font-size:16px; /*background: rgba(0,0,0,.6);*/ } .services_list li a{display: block; position: relative;color:rgba(255,255,255,.9);white-space: nowrap;font-size: 14px;font-weight: normal; overflow: hidden; text-overflow: ellipsis;} .services_list li a:hover{/*color:#009e41;*/color:#fff ;} .services_list .sel_text .line { display: block; width: 22px; height: 22px; background: url(../images/icon_add.png) no-repeat center; background-size: 100%; position: absolute; left: 50%; top: 50%; margin: -20px 0 0 -11px; } .services_list .sel_text .name { position: absolute; left: 0; right: 0; top: 55%; } .services_list .sem { width: 25%; } .services_list .sel_text ul>li { line-height:2em; clear:both; width:100%; } .services_list .sel_text ul>li:last-child{ text-align:right; position: absolute; bottom: 10px; right: 10px; } .services_list li .sel_imt img { transition:all 0.6s; width: 100%; height: 145px; } .services_list li .sel_imt img:hover{ transform:scale(1.4); } .services_list .sem .sel_imt img{height: 300px;} .services_list li:hover .sel_text { transform: translateY(0); /*display: block;*/ } .add { padding-top: 10px; } .add .swiper-pagination { bottom: 5% !important; } .add .swiper-pagination-bullet { width: 13px; height: 13px; margin: 0 6px !important; } .add .swiper-pagination-bullet-active { background: #0070ac; } .news { /*background: url(../images/beij2.jpg) repeat center top;*/ background: #f7f7f7; padding-bottom: 2%; margin-top: 2%; } .news_menu { text-align: center; } .news_menu a, .btnCom_more a,.btnCom_more span { display: inline-block; height: 46px; line-height: 46px; padding: 0 26px; /*border-radius: 23px;*/ background: #fff; color: #818181; margin: 0 25px; transition: ease-in-out .6s; } .news_menu a:hover, .news_menu a.active, .btnCom_more a:hover,.btnCom_more span:hover { background: #009e41; color: #fff; } .news_tabcontent{ display:none; } .news_tabcontent.active{ display:block; } .news_content { margin: 3% 0 2%; line-height: 1.7; } .news_content .nct { width: 46.15%; background: #fff; } .news_content .nct_imt { position: relative; max-width: 660px; margin: 0 auto; overflow:hidden; } .news_content .nct_imt img{ border:5px solid #fff; height: 255px; width: 100%; object-fit: cover; /*transition:all 0.6s;*/ } .news_content .nct_imt img:hover{ /*transform:scale(1.2);*/ } .news_content .time { width: 80px; height: 80px; background: #0070ac; color: #fff; text-align: center; line-height: 1.0; font-family: arial; } .news_content .nct .nct_imt .time { position: absolute; left: 32px; top: 3px; } .news_content .time_day { font-size: 54px; padding-bottom: 2px; } .news_content .nct_text { color: #818181; font-size: 14px; } .news_content .nct .nct_text { /* margin-top: 5px; */ padding: 10px; background: #fff; } .news_content .nct_name { color: #333; font-size: 16px; margin-bottom: 6px; } .news_content .ncr { width: 51%; } .news_content .ncr li a { display: block; overflow: hidden; border-bottom: 1px solid #e3e3e3; padding: 22px 0; } .news_content a:hover{ background:rgba(255,255,255,0.3); } .news_content a :hover .nct_name{ color:#009e41; } .news_content .ncr li:first-child a { padding-top: 0; } .news_content .ncr .nct_imt { float: left; } .news_content .ncr .nct_text { /* float: right; width: 85%; */ margin-left: 90px; } .nct-f-img{height: 255px; display: flex; align-items: center; background-color: #fff;} .ncr .nct_span{height: 46px; overflow: hidden;} .btnCom_more { text-align: center; } .btnCom_more a { margin: 0; } .techProblem { padding-top: 2%; /*margin: 2% 0;*/ font-size: 14px; } .techProblem .techContent { width: 47.5%; } .techProblem .title { font-size: 26px; color: #333; padding-left: 22px; background: url(../images/icon1.png) no-repeat left 8px; margin-bottom: 1.5%; } .techProblem li a { display: block; overflow: hidden; padding: 3% 0; border-bottom: 1px solid #e1e1e1; } .techProblem li .spn { padding-left: 22px; background: url(../images/icon2.png) no-repeat left center; display: block; float: left; width: 85%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #818181; } .techProblem li .time { float: right; } .techProblem li a:hover .spn { color: #009e41; } .techProblem li:last-child a { border-bottom: none; } .jxdom { background: #f5f5f5; padding: 3% 0; margin-top: 15px; font-size: 14px; } .jxdom li { width: 20%; text-align: center; overflow: hidden; float: left; } .jxdom li .name { font-size: 19px; color: #333; margin: 13px 0; } .jxdom img{ transition:all 0.6s; } .jxdom img:hover{ transform:scale(1.1); } .foot { background: #2d2d2d; padding-top: 2.5%; font-size: 14px; color: #818181; } .foot a:hover { color: #009e41; } .foot_dl { padding-bottom: 20px; display: flex; justify-content: space-between; flex-direction: row; } .foot_dl .foot_dl_l{ flex: 1; } .foot_dl_l{ display: flex; flex-direction: row; } .foot_dl_l dl { /*float: left;*/ flex: 1; } /* .foot_dl_l dl.mr_l_20{ margin-left:20px; } .foot_dl_l dl.cols_2{ margin-left:50px; } .foot_dl_l dl.cols_3{ margin-left:5px; } */ .foot_dl dt,.foot_dl dt a { font-weight: normal; font-size: 17px; color: #fff; margin-bottom: 25px; } .foot_dl dl dd { padding-right:10px; overflow:hidden; height:20px; margin-top: 15px; } .foot_dl .foot_dl_r dl dd{ float:none; height:auto; width:100%; margin-left:0; } .foot_dl .phone { color: #fff; background: #0070ac; padding: 10px 9px 10px 60px; position: relative; } .foot_dl .phone_num { font-size: 19px; font-weight: bold; } .foot_dl .phone img { position: absolute; left: 10px; top: 13px; } .foot_dl .weix { background: #363636; text-align: center; padding: 12px 3px; display: flex; flex-direction: row; justify-items: flex-end; justify-content: space-evenly; } .foot_dl .weix_content { width: 90px; /*float: left;*/ margin: 0 7px; } .foot_dl .weix_content img { width: 90px; height: 90px; margin-bottom: 10px; } .foot_link { padding: 15px 0 5px; border-top: 1px solid #464646; border-bottom: 1px solid #464646; } .foot_link .title { color: #fff; } .foot_link .line { padding: 0 5px; } .foot_link a { display: inline-block; margin-bottom: 10px; } .foot_dom { padding: 15px 0; } .foot_dom .companyUrl { color: #818181; } .foot_dom .spt { padding: 0 35px; } .kflink{ cursor: pointer; } #fdqq { width: 72px; position: fixed; right: 0; top: 30%; z-index: 99999; } #fdqq li { margin-top: 1px; width: 72px; height: 72px; background: #0070AC; } #fdqq li:hover { background: #009e41; } .nbanner { position: relative; } .nbanner_img{ height: 492px; width: 100%; background-size: cover; } .nbanner_text { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 100%; text-align: center; color: #fff; font-size: 18px; } .nbanner_text .text_title { font-size: 36px; margin-bottom: 8px; } .nbanner_text .spn { display: inline-block; margin: 0 6px; } .nbanner_text .w1170 { text-align: left; } .nbanner_text .small_t1 { font-size: 28px; } .nbanner_menu { width: 100%; position: absolute; left: 0; bottom: 0; height: 62px; line-height: 62px; background: rgba(0, 0, 0, 0.6); text-align: center; overflow: hidden; } .dbl { /*display: inline-block;*/ /*position: relative;*/ display: flex; /*top: -1px;*/ } .nbanner_menu li { display: inline-block; margin: 0; width: auto; /*margin-right: 9px;*/ } .nbanner_menu li a { display: block; color: #fff; padding: 0 30px; font-size: 14px; } /*.nbanner_menu li:last-child{margin-right:0;} .nbanner_menu li a{display: block;padding:0 27px;color: #fff;} .nbanner_menu li.active a{background: #0070ac;}*/ .nbanner_menu .active a,.nbanner_menu a:hover { background: #0070ac; } .jxnmenu { padding: 2.0% 0; font-size: 14px; color: #818181; } .jxnmenu .title { padding-left: 25px; background: url(../images/icon12.png) no-repeat left center; } .jxnmenu a { color: #818181; } .jxnmenu a:hover, .jxnmenu .active { color: #0070ac; } .jxnmenu .spn { padding: 0 6px; } .relevant-warp { width: 100%; } .relevant-warp>div:nth-child(even){ background: #f7f7f7; } .relevant-warp2 { width: 100%; } .relevant-warp2>div:nth-child(odd){ background: #f7f7f7; } .relevant-warp>div:first-child,.relevant-warp2>div:first-child{ margin-top: 0; } .relevant-warp>div:last-child,.relevant-warp2>div:last-child{ margin-bottom: 0; } .product_info { margin: 2% 0; } /*.pim_bg img {max-height: 210px;}*/ .product_info .pim { width: 43%; } .product_info .pim_bg{ text-align: center; } .product_info .pit { width: 52.5%; } .product_details>.product_content:nth-child(even){ margin-top: 1%; background-color: #f7f7f7; } .product_details .rtitle{ padding: 30px 0; color: #333; font-size: 26px; } .product_details .rtitle span{ background: url(../images/icon1.png) no-repeat left top; width: 10px; height: 26px; } .product_content .inner_warpper { /*width: 1170px;*/ } .product_content .inner_warpper .inner_cell,.bgblack_warpper>tbody>tr>td{ /*width: 1170px;*/ max-width: 1170px; padding: 2% 0; } .product_content .details_warp>*,.bgblack_warpper>tbody>tr>td>*{ max-width: 1170px; margin-left: auto; margin-right: auto; } .product_content .details_warp>table.bgblack_warpper { width: 100% !important; max-width: 100% !important; } .pim_list { margin-top: 7%; } .pim_list ul{ /* max-height: 100px; overflow: hidden;*/ display: flex; flex-direction: row; } .pim_list li { /*float: left;*/ width: 23.5%; margin-right: 1.5%; border: 1px solid #e5e5e5; cursor: pointer; text-align: center; } .pim_list li:hover,.pim_list li.active { border-color: #0070ac; } .pit { font-size: 14px; color: #818181; line-height: 30px; } .pit .pit_title { font-size: 27px; color: #333; } .pit .pit_menu { margin: 3% 0; } .pit .pit_menu .spn { display: inline-block; color: #0070ac; background: #e5f2ff; height: 32px; line-height: 32px; padding: 0 15px; border-radius: 32px; margin-right: 16px; margin-bottom: 6px; } .pit .pit_menu .btn_apply { background: #009e41; color: #fff; } .pit .pit_btn { margin-top: 3%; } a.text-over{display: block;} .pit .pit_btn button { font-size: 16px; color: #fff; display: inline-block; height: 36px; line-height: 36px; border: none; margin-right: 24px; padding: 0 20px; border-radius: 36px; } .pit .pit_btn .btn_download { background: #0070ac; } .pit .pit_btn .btn_apply { background: #009e41; } .product_nav { height: 52px; line-height: 52px; background: #f5f5f5; position: sticky; position: -webkit-sticky; top: 0px; z-index: 999; } .product_nav a { color: #818181; display: block; float: left; padding: 0 42px; margin-right: 1px; position: relative; } .product_nav a.active, .product_nav a:hover { background: #0070ac; color: #fff; } .product_nav a:after { display: block; content: ""; width: 1px; height: 30px; position: absolute; right: 0; top: 11px; background: #d7d7d7; } .product_nav a:last-child:after, .product_nav a.active:after, .product_nav a:hover:after { display: none; } /*.product_tech{padding: 2.5% 0 4.5%;background: #f5f5f5;}*/ .tech_title { color: #333; font-size: 26px; background: url(../images/icon1.png) no-repeat left 8px; font-size: 26px; padding-left: 22px; margin-bottom: 2%; position: relative; } /* .tech_title:before {width: 6px; font-size: 26px; content: ''; background: url(../images/icon1.png) no-repeat; background-size: 100% 100%; position: absolute; left: 0; top: 5px;}*/ .tech_title .spn,.tech_title span { font-size: 12px; color: #ababab; padding-left: 10px; } .table_title { color: #333; font-weight: bold; margin: 2% 0; } .table_content { color: #333; font-size: 14px; } .table_content table { background: #fff; border: 1px solid #e1e1e1; border-right: none; border-bottom: none; } .table_content th, .table_content td { padding: 0 35px; border-right: 1px solid #e1e1e1; } .table_content th { font-size: 17px; font-weight: normal; color: #fff; height: 70px; line-height: 70px; background: #0070ac; } .table_content td { height: 62px; width: 50%; border-bottom: 1px solid #e1e1e1; } .product_guide { padding: 3% 0; } .guide_table { margin-top: 2%; } .guide_table th { color: #333; font-size: 17px; font-weight: normal; } .guide_table th, .guide_table td { padding: 22px 0; border: 1px solid #e1e1e1; } .guide_table td { font-size: 14px; color: #818181; } .guide_table .tw1 { width: 20.5%; text-align: left; padding: 22px 20px 22px 43px; } .guide_table .tw2 { text-align: left; padding: 22px 20px 22px 35px; line-height: 25px; } .guide_table .tw3, .guide_table .tw4 { width: 106px; text-align: center; } .product_use { background: #f5f5f5; padding: 3% 0; } .use_list { margin-left: -1.5%; } .use_list li { float: left; width: 23.5%; position: relative; overflow: hidden; margin: 0 0 1.5% 1.5%; } .use_list li .text { color: #fff; font-size: 14px; height: 45px; line-height: 45px; text-align: center; background: rgba(0, 0, 0, 0.6); position: absolute; left: 0; bottom: 0; width: 100%; } .use_list li:hover .text { color: #009e41; } .product_size { padding: 2% 0 3%; } .product_size .size_imt { text-align: center; } .product_download { padding-bottom: 30px; } .download_list li { position: relative; overflow: hidden; color: #818181; font-size: 14px; /*padding:19px 0;*/ border-bottom: 1px solid #E1E1E1; line-height: 36px; } /*.download_list li .info{width: 92.5%;float: left;overflow: hidden;}*/ .download_list li .info { padding: 0 158px 0 22px; background: url(../images/icon13.png) no-repeat left 50%; } .download_list li .num { position: absolute; right: 50px; top: 50%; transform: translateY(-50%); } .download_list li .btn_downLoad { display: block; width: 32px; height: 32px; background: url(../images/icon14.png) no-repeat center; background-size: 100%; /*float: right;*/ position: absolute; right: 5px; top: 50%; transform: translateY(-50%); } .download_list li a { display: block; padding: 10px 0; line-height: 24px; } .download_list li a:hover { color: #0070AC; } .product_relevant { padding: 2%; /* padding: 2.5% 0;*/ } .relevant_lt { overflow: hidden; padding: 2% 0; transition: all 1s; } .relevant_lt.col2{ padding-right: 2%; } .relevant_lt.col2:nth-child(2+2n){ padding-right: 0%; padding-left: 2%; } .relevant_lt::after{ clear: both; content: ' '; display: block; width: 99%; height: 1em; border-bottom: 1px solid #e5e5e5; } .relevant_lt:last-child::after{ border-bottom:none; } .relevant_lt:hover{ background-color: #f7f7f7; } .relevant_lt img{ transition: .6s; } .relevant_lt:hover img{ transform:scale(1.05); } .relevant_lt .imt { width: 16.5%; float: left; overflow: hidden; text-align: center; } .relevant_lt .imt img{ /* width: 90%; object-fit: cover;*/ } .relevant_lt .text { width: 83.5%; float: right; overflow: hidden; line-height: 1.7; margin-top: 1%; } .relevant_lt .text_name { color: #333; margin-bottom: 8px; font-weight: 500; } .relevant_lt .text_info { font-size: 14px; color: #818181; height: 48px; overflow: hidden; } .relevant_lt:hover .text_name { color: #009e41; } .relevant_lt:last-child { border-bottom: none; } .product_solution { padding:2% 0 1% 0; /*background: #f5f5f5;*/ } .product_solution .imt { width: 16.5%; } .product_solution .text { width: 80%; margin-top: 0.5%; } .product_help { padding-bottom: 2%; } .product_help .tech_title { margin-bottom: 1%; } .product_help li a { padding: 15px 0; } .product_apply { background: #f5f5f5; padding: 2% 0 2.5% 0; } .product_apply .apply_content { background: #fff; padding: 3% 0 2% 4%; } .product_apply .apply_title { text-align: center; font-size: 14px; color: #818181; } .product_apply .title { color: #0070ac; font-size: 26px; margin-bottom: 10px; } /*样机申请表单验证开始*/ .yjsq .right li span.Validform_wrong,.yjsq .right li span.Validform_right{ width: 100%; padding-left: 20px; } /*==========以下部分是Validform必须的===========*/ .Validform_checktip{ margin-left:8px; line-height:20px; height:20px; overflow:hidden; color:#999; font-size:12px; } .Validform_right{ color:#71b83d; padding-left:20px; background:url(../images/right.png) no-repeat left center; } .Validform_wrong{ width: 100%; color:red; padding-left:20px; white-space:nowrap; background:url(../images/error.png) no-repeat left center; } .Validform_loading{ padding-left:20px; background:url(../images/onLoad.gif) no-repeat left center; } .Validform_error{ background-color:#ffe7e7; } #Validform_msg{color:#7d8289; font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif; width:280px; -webkit-box-shadow:2px 2px 3px #aaa; -moz-box-shadow:2px 2px 3px #aaa; background:#fff; position:absolute; top:0px; right:50px; z-index:99999; display:none;filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999'); box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1);} #Validform_msg .iframe{position:absolute; left:0px; top:-1px; z-index:-1;} #Validform_msg .Validform_title{line-height:25px; height:25px; text-align:left; font-weight:bold; padding:0 8px; color:#fff; position:relative; background-color:#999; background: -moz-linear-gradient(top, #999, #666 100%); background: -webkit-gradient(linear, 0 0, 0 100%, from(#999), to(#666)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#666666');} #Validform_msg a.Validform_close:link,#Validform_msg a.Validform_close:visited{line-height:22px; position:absolute; right:8px; top:0px; color:#fff; text-decoration:none;} #Validform_msg a.Validform_close:hover{color:#ccc;} #Validform_msg .Validform_info{padding:8px;border:1px solid #bbb; border-top:none; text-align:left;} .Validform_checktip{margin-left:0;} .err_info{ border:1px solid #ccc; padding:2px 20px 2px 5px; color:#666; position:absolute; display:none; line-height:20px; background-color:#fff; z-index: 9999999; } .dec { bottom: -8px; display: block; height: 8px; overflow: hidden; position: absolute; left: 10px; width: 17px; } .dec s { font-family: simsun; font-size: 16px; height: 19px; left: 0; line-height: 21px; position: absolute; text-decoration: none; top: -9px; width: 17px; } .dec .dec1 { color: #ccc; } .dec .dec2 { color: #fff; top: -10px; } /*样机申请表单验证结束*/ .apply_dom { margin-top: 3%; } .apply_dom .dom_fl { width: 42%; padding: 2.5% 3% 2% 0; line-height: 1.8; } .apply_dom .dom_t1 { color: #333; } .apply_dom .dom_t2 { padding: 4% 0 10% 0; color: #818181; font-size: 14px; line-height: 2.5; } .apply_dom .dom_t3 { color: #009e41; font-size: 24px; text-align: center; } .apply_dom .dom_fr { width: 58%; overflow: hidden; border-left: 1px solid #e5e5e5; padding-left: 4%; } .apply_dom .dom_fr .ov .form-group { width: 43%; float: left; margin-right: 3.5%; /*position: relative;*/ } .apply_dom .dom_fr .ov .form-group span { position: relative; } .apply_dom .dom_fr .ov .form-group span i.red{ transform: translateY(0); } .apply_dom .dom_fr .ipt { height: 52px; } .apply_dom .dom_fr .tpt { width: 90%; height: 96px; } .apply_dom .dom_fr .btn-sum { width: 90%; background: #0070ac; font-size: 18px; color: #fff; border: none; border-radius: 4px; height: 65px; } .apply_dom .dom_fr .btn-sum:hover { background: #009e41; -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; } .product_center .product_info { margin-top: 0; } .product_center .product_info .pit { width: 53%; text-align: justify; } .product_center .product_info .pit_title { margin: 5% 0 7%; } .product_center .product_info .pit_text { line-height: 2.5; } .product_center .pim_list li { margin-right: 0; margin-left: 1.5%; } .product_centerList ul { padding: 0 10px 3% 10px; } .product_centerList li { padding: 2.5% 5% 2.5% 2.5%; border: 1px solid #e1e1e1; margin-bottom: 1.5%; overflow: hidden; transition: all 1s; } /*.product_centerList li a { display: block; overflow: hidden; }*/ .product_centerList li .imt { width: 24.5%; } .product_centerList li .fl a{ display: flex; align-items: center; justify-content: center; /* height: 297px; */ } .product_centerList li .pit { width: 70%; margin-top: 4.5%; } .product_centerList li .pit .pit_title { font-size: 20px; } .product_centerList li img{ transition: .6s; } .product_centerList li:hover { box-shadow: 0 0 20px #ddd; border-color: transparent; } .product_centerList li:hover img{ transform: scale(1.05); } /* .platform_list { padding-bottom: 5%; }*/ .platform_list li { padding: 25px 0; position: relative; } .platform_list li img { transition: 1s; } /* .platform_list li:hover{ box-shadow: 0 10px 5px rgba(0, 0, 0, .1); }*/ .platform_list li:hover img{ transform:scale(1.03); } .platform_list li:hover .btnCom_more span{ background-color: #009e41; -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; } /* .platform_list li:nth-child(even):hover .btnCom_more span{ background-color: #0070ac; -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; }*/ .platform_list li:first-child { padding-top: 2.5%; } .platform_list li .platform_text { width: 50%; font-size: 14px; color: #818181; line-height: 2.25; } .platform_list li .platform_name { font-size: 24px; color: #333; margin-bottom: 3%; } .platform_list li .platform_imt { width: 46%; overflow: hidden; } .platform_list li:nth-child(odd) .platform_text { float: left; } .platform_list li:nth-child(odd) .platform_imt { float: right; } .platform_list li:nth-child(even) .platform_text { float: right; } .platform_list li:nth-child(even) .platform_imt { float: left; } .platform_list li:nth-child(even) { background: #f5f5f5; } .platform_list li .btnCom_more { text-align: left; margin-top: 8%; } .platform_list li .btnCom_more span { height: 60px; line-height: 60px; width: 170px; padding: 0; font-size: 18px; background: #0070ac; color: #fff; /*border-radius: 60px;*/ text-align: center; } .platform_list li .btnCom_more span:hover{ background-color: #009e41; color: #fff; -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; } /* .platform_list li:nth-child(even) .btnCom_more span { background: #009e41; } .platform_list li:nth-child(even) .btnCom_more span:hover{ background-color: #0070ac; -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; }*/ .platform_more a { display: block; width: 250px; height: 44px; border: 1px solid #E5E5E5; color: #ABABAB; text-align: center; line-height: 44px; margin: 0 auto; } .platform_more a img { vertical-align: text-bottom; margin: 0 0 0 9px; } .platform_more a:hover { color: #009e41; border-color: #009e41; } .platform_info .pc_title { color: #333; font-size: 28px; text-align: center; } .platform_info .info_wt { /*padding: 2% 0;color: #818181;*/ color: #666; font-size: 14px; line-height: 1.8; } .platform_info .info_wt>.edit_warp,.platform_info .info_wt>div{ padding: 2% 0; } .platform_info .info_wt>.edit_warp:nth-child(even) { background: #f5f5f5; } .platform_info .info_wt>.edit_warp h3,.platform_info .info_wt>div h3{ color: #0070ac; font-size: 24px; font-weight: bold; text-align: center; padding-bottom: 1.5%; margin: 0 auto; } /* .platform_info .info_wt>div>p{ max-width: 1170px; margin: 0 auto; } */ .platform_info .info_imt { margin-top: 2.5%; text-align: center; } .platform_info .text_title { color: #333; font-weight: bold; font-size: 16px; margin-top: 2.5%; } .platform_info .info_wt.info_w5 { background: #0070ac; padding: 20px 0 0 0; } .platform_info .info_w5 .info_title { font-size: 32px; color: #fff; font-weight: normal; text-align: center;; } .platform_info .info_w5 .info_btn a { display: block; width: 236px; height: 54px; margin: 2.5% auto 0; font-size: 18px; text-align: center; line-height: 48px; border: 3px solid #fff; border-radius: 5px; color: #fff; } .platform_info .info_w5 .info_btn a:hover { background: #fff; color: #0070ac; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } .wisdom .com_title .title_name { padding-bottom: 13px; font-size: 25px; } .wisdom .com_title .title_name:before { display: none; } .wisdom .com_title .title_name:after { width: 73px; height: 3px; background: #0070ac; bottom: 0; right: auto; left: 50%; margin-left: -36px; top: auto; } .wisdom_solution { padding: 1% 0 4%; } .wisdom_solution ul { margin-left: -1.2%; } .wisdom_solution li { width: 18.8%; float: left; margin-left: 1.2%; text-align: center; } .wisdom_solution li .name { color: #818181; margin: 10px auto 0; width: 90%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .wisdom_platform { padding-top: 0; } .wisdom_platform .com_title { padding-top: 0; } .wisdom_platform li { border: 1px solid #e5e5e5; padding: 5.8% 0; } .wisdom_platform li:hover { border-color: #009e41; } .wisdom_platform li:hover .name { color: #009e41; } .wisdom_tree { background: url(../images/nbeij3.jpg) no-repeat left top; } .wisdom_core { background: url(../images/nbeij4.jpg) no-repeat left top; padding: 3% 0 4%; } .wisdom_core ul { padding: 2% 0 3%; } .wisdom_core li { background: #fff; padding: 5.8% 0; } .wisdom_core li .imt { width: 100px; height: 100px; margin: 0 auto; } .wisdom_core li:hover { background: url(../images/nbeij5.png) no-repeat left top; background-size: cover; } .wisdom_core li:hover .name { color: #fff; } .wisdom_core li.lt0:hover .imt { background: url(../images/z1_1.png) no-repeat center !important; background-size: 100%; } .wisdom_core li.lt1:hover .imt { background: url(../images/z2_1.png) no-repeat center !important; background-size: 100%; } .wisdom_core li.lt2:hover .imt { background: url(../images/z3_1.png) no-repeat center !important; background-size: 100%; } .wisdom_core li.lt3:hover .imt { background: url(../images/z4_1.png) no-repeat center !important; background-size: 100%; } .wisdom_core li.lt4:hover .imt { background: url(../images/z5_1.png) no-repeat center !important; background-size: 100%; } .wisdom_apply { padding: 4% 0; background: url(../images/nbeij5.jpg) no-repeat left top; background-size: 100%; text-align: center; color: #fff; font-size: 18px; } .wisdom_apply .title { font-size: 26px; } .wisdom_apply .small { margin: 1.5% 0; } .btnCom_apply { display: block; width: 158px; height: 42px; border-radius: 7px; text-align: center; line-height: 40px; border: 1px solid #fff; color: #fff; margin: 2% auto 0; } .btnCom_apply:hover { background: #fff; color: #22293c; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } .wisdom_nbannerMenu { height: 50px; line-height: 50px; box-shadow: 0 5px 10px #F5F5F5; } .wisdom_nbannerMenu ul { text-align: center; } .wisdom_nbannerMenu li { display: inline-block; margin: 0 3%; } .wisdom_nbannerMenu li:first-child { margin-left: 0; } .wisdom_nbannerMenu li:last-child { margin-right: 0; } .wisdom_nbannerMenu li a { color: #818181; display: block; position: relative; } .wisdom_nbannerMenu li a:after { display: block; content: ""; height: 2px; width: 100%; position: absolute; left: 0; bottom: 0; background: #0070ac; display: none; } .wisdom_nbannerMenu li:hover a, .wisdom_nbannerMenu li.active a { color: #0070ac; display: block; } .wisdom_nbannerMenu li:hover a:after, .wisdom_nbannerMenu li.active a:after { display: block; } .wisdom_nbanner .nbanner_text { top: 30%; } .wisdom_nbanner .text_title { font-size: 60px; } .nbanner_menu { height: 50px; line-height: 50px; /*box-shadow: 0 5px 10px #F5F5F5;*/ } .nbanner_menu ul { text-align: center; } /*.nbanner_menu li { display: inline-block; margin: 0 3%; }*/ /*.nbanner_menu li:first-child { margin-left: 0; } .nbanner_menu li:last-child { margin-right: 0; }*/ /*.nbanner_menu li a{color: #818181;display: block;position: relative;}*/ /*.nbanner_menu li a:after { display: block; content: ""; height: 2px; width: 100%; position: absolute; left: 0; bottom: 0; background: #0070ac; display: none; } */ /*.nbanner_menu li:hover a,.nbanner_menu li.active a{color: #0070ac;display: block;}*/ /*.nbanner_menu li:hover a:after, .nbanner_menu li.active a:after { display: block; } */ .wisdom_text { /*padding: 4% 0;*/ } .wisdom_text_title { border-bottom: 1px solid #e1e1e1; text-align: center; } .wisdom_text_title .title { color: #333; font-size: 22px; } .wisdom_text_title .small { padding: 15px 0 25px; color: #818181; } .wisdom_text_title .small .spn { display: inline-block; margin: 0 13px; } .wisdom_dom { color: #818181; line-height: 2; font-size: 14px; } .wisdom_dom .title { margin-top: 15px; color: #333; font-size: 16px; font-weight: bold; } .wisdom_info .product_relevant { background: #f5f5f5; } .wisdom_coreTech .wct { padding: 2% 0 4%; } .wisdom_coreTech .wct:nth-child(even) { background: #F5F5F5; } .wisdom .com_title .title_tis { color: #818181; margin-top: 18px; } .wisdom_coreTech .wct_imt { margin-top: 2.5%; text-align: center; } /* .wisdom_envir { padding: 5% 0 3%; }*/ .wisdom_envir >div{ padding: 10px; } .wisdom_envir >div img{ transition: all 1s; } .wisdom_envir >div:hover{ /* box-shadow: 0 0 10px rgba(129, 129, 129, .3);*/ } .wisdom_envir >div:hover img{ transform: scale(1.05); } .envir_text { width: 53%; font-size: 14px; color: #818181; line-height: 2.25; } .envir_imt { /*padding:10px;*/ width: 42.3%; overflow: hidden; } .envir_imt img{ width: 100%; } .envir_title { color: #333; font-size: 28px; margin: 1.5% 0 3%; } .envir_text .btnCom_consult { margin-top: 4%; } .npd{padding: 0 !important} .btnCom_consult { display: block; width: 160px; height: 54px; background:rgba(2,160,68,1); color: #fff; font-size: 18px; text-align: center; line-height: 54px; /*border-radius: 54px;*/ } .btnCom_consult:hover { background: #0070ac; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } .wisdom_envir{ border-bottom: 1px solid #E5E5E5; } .wisdom_envirList li { padding: 2.5% 10px; border-bottom: 1px solid #E5E5E5; transition: all 1s; } .wisdom_envirList li:last-child{ border-bottom:0; } .wisdom_envirList li img{ overflow: hidden; transition: all 1s; } .wisdom_envirList li:hover{ box-shadow: 0 0 10px rgba(129, 129, 129, .3); } .wisdom_envir >div:hover .btnCom_consult { background: #0070ac; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } .wisdom_envirList li:hover img{ transform: scale(1.05); } .wisdom_envirList li .btnCom_consult a { display: block; overflow: hidden; } .wisdom_envirList li .imt { float: left; width: 30.5%; overflow: hidden; } .wisdom_envirList li .imt img{ width: 100%; } /* .wisdom_envirList li .imt img ,.envir_imt img{ transition: .6s; overflow: hidden; } .wisdom_envirList li .imt img:hover ,.envir_imt img:hover{ transform:scale(1.1); }*/ .wisdom_envirList li .text { float: right; width: 65%; color: #818181; font-size: 14px; line-height: 2; } .wisdom_envirList li .text_name { font-size: 20px; color: #333; margin: 2% 0; } .wisdomPlatform { padding-top: 3%; } .wisdom_about { padding-top: 3.5%; } .wisdom_about .about-gsjj-gy { font-size: 14px; line-height: 24px; } .jxapply_list .list { margin-left: -2.5%; padding-bottom: 2%; } .jxapply_list li { width: 22.5%; margin: 0 0 2.5% 2.5%; position: relative; float: left; overflow: hidden; } .jxapply_list li img { /*height: 300px;*/ /* width: auto;*/ width: 100%; /*height: 100%;*/ object-fit:contain ; transition: all .6s; } .jxapply_list li .text { background: rgba(0, 112, 172, 0.8); text-align: center; color: #fff; position: absolute; left: 0; bottom: 0; width: 100%; height: 54px; line-height: 54px; } .jxapply_list li .textContent { position: absolute; left: 0; top: 0; bottom: 0; width: 100%; background: #d2e3ec; /*display: none;*/ transform: translateY(200%); transition: all .6s; } .jxapply_list li:hover .textContent { transform: translateY(0); display: block; } .jxapply_list li:hover img{ transform: scale(1.2); } .jxapply_list li .text_title { font-weight: bold; color: #0070ac; text-align: center; padding: 17% 0 0; } .jxapply_list li .text_info { padding: 4% 7% 8%; font-size: 14px; color: #818181; text-justify: newspaper; line-height: 1.8; } .jxapply_list li .btnCom_apply { width: 120px; height: 40px; line-height: 40px; background-color: #009e41; border: none; font-size: 14px; } .jxapply_list li .btnCom_apply a { color: #fff; display: block; cursor: pointer; } .jxapply .wisdom_envir { padding-top: 0; } .jxapply .wisdom_envirList .btnCom_consult { width: 138px; height: 46px; color: #fff; font-size: 16px; background: #0089d2; line-height: 46px; margin-top: 4.5%; } .jxapply .wisdom_envirList .btnCom_consult a { color: #fff; /*border-radius: 46px;*/ } .jxapply .wisdom_envirList .btnCom_consult a:hover,.wisdom_envirList li:hover .btnCom_consult { background: #009e41; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } .jxapply .wisdom_text { padding-top: 0; } /* .foot_dl_r{float: right;} .foot_dl_l{margin-right: 275px; overflow: hidden;} */ /*@media only screen and (max-width:1354px) { .foot_dl dl { margin-right: 56px; } }*/ /*关于我们 -> 企业理念*/ img { max-width: 100%; height: auto; } .main { /*margin-bottom: 20px; color: #818181;*/ color: #333; } .left { float: left; } .right { float: right; } .text-over { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .hg-over { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .blue { color: #0070ac; } .fm { font-family: "arial"; } .m-a-tit { text-align: center; font-size: 24px; color: #333; margin-bottom: 20px; } .m-a-tit i { display: block; font-style: normal; color: #ababab; font-size: 14px; } .qyln-img { max-width: 1170px; width: 100%; margin: 0 auto; display: block; } .rysz-tab { overflow: hidden; margin-bottom: 16px; text-align: center; } .rysz-tab ul { margin: 0 auto; display: inline-block; } .rysz-tab li { cursor: pointer; background: #f5f5f5; font-size: 14px; float: left; border-radius: 30px; width: 100px; line-height: 36px; color: #818181; margin-right: 20px; transition: ease-in-out .3s; } .rysz-tab li:last-child { margin: 0; } .rysz-tab li.tab-active { background-color: #009e41; color: #fff; } .rysz-list { overflow: hidden; display: none; } .rysz-list1 { display: block; } .c-list li { margin-bottom: 20px; text-align: center; color: #818181; font-size: 12px; float: left; width: 33.33%; padding: 0 20px; } .c-list li img { max-width: 100%; max-height: 100%; display: block; margin: 0 auto; cursor: zoom-in; transition: .5s; } .c-list li img:hover{ transform:scale(1.02); } .c-list .c-list-img { position: relative; display: flex; align-items: center; height: 240px; overflow: hidden; margin-bottom: 10px; } .pages { clear: both; margin-top: 20px; padding-top: 40px; border-top: 1px #dedede dotted; text-align: center; padding-bottom: 20px; } .pages_go{ font-size: 12px; height: 30px; line-height: 30px; margin-left: 10px; } .input1{ width: 30px; height: 30px; line-height: 30px; border:1px solid #efefef; text-align: center; } .sure_btn{ margin-left: 5px; background:#005BC1 ; color: #fff; border:1px solid #efefef; padding: 0 10px; } .sure_btn:hover{ background:#009e41; } .pages a { display: inline-block; font-size: 12px; height: 30px; line-height: 30px; padding: 0px 12px; background: #fff; color: #ababab; border: 1px solid #efefef; } .pages a.a1:first-child{ display:none; } .pages a:hover, .pages a.on, .pages a.active { border-color: #005BC1; background: #005BC1; color: #fff; } /*办公环境*/ .about-bghj .bghj-img img{ /*width: 100%;*/ } /*员工风采*/ .ygfc-list-infos { display: none; background: #d2e3ec; position: absolute; top: 0; left: 0; width: 100%; height: 100%; box-sizing: border-box; padding: 20px; } .ygfc-layer-t { text-align: center; font-size: 14px; color: #0070ac; } .ygfc-layer-c { text-align: left; height: calc(100% - 70px); height: -webkit-calc(100% - 70px); margin: 10px 0; line-height: 24px; /*font-size: 12px; */ color: #818181; overflow: hidden; transition: ease-in-out .3s; } .btn-more { display: block; font-size: 12px; text-align: center; color: #fff; border-radius: 30px; margin: 0 auto; width: 80px; line-height: 32px; background: #009e41; } .ygfc-list .c-list-img { cursor: pointer; height: 228px; } .ygfc-list li:hover .ygfc-list-infos { display: block; } .ygfc-list li:hover .ygfc-list-title a { color: #0070AC; } .c-list-link { display: block; height: 100%; width: 100%; display: flex; align-items: center; } /*员工风采详情*/ .m-title { font-size: 22px; text-align: center; color: #333; } .m-det-infos { border-bottom: 1px solid #e5e5e5; font-size: 14px; color: #ababab; padding-bottom: 10px; text-align: center; margin: 12px 0 18px; } .m-det-infos span { margin-right: 15px; } .m-det img { max-width: 100%; object-fit: contain; height: auto; } .m-det { line-height: 32px; color: #666; font-size: 14px; } .opage { border-top: 1px solid #e5e5e5; margin-top: 10px; padding: 20px 0; color: #333; } .opage a { color: #333; margin-left: 4px; } .opage a:hover { color: #0070ac; } /*办公环境*/ .bghj-img img { display: block; max-width: 100%; margin: 0 auto; } .bghj-img span { font-weight: bold; clear: both; display: block; color: #333; padding: 12px 0 24px; font-size: 16px; } .bghj-img .left, .bghj-img .right { width: 50%; padding-right: 10px; box-sizing: border-box; } .bghj-img .right { padding: 0 0 0 10px; } /*加入我们*/ .about-jrwm-list:after { content: ''; display: block; clear: both; } .about-jrwm-list li { float: left; padding: 0 15px 20px 0; width: 50%; box-sizing: border-box; } .about-jrwm-list li:nth-child(even) { padding: 0 0 20px 15px; } .jrwm-ct { display: block; min-height: 132px; padding: 20px; background: #f5f5f5; transition: ease-in-out .6s; } .jrwm-job { position: relative; margin-bottom: 20px; } .jrwm-job .text-over { padding-right: 90px; font-size: 16px; color: #333; } .jrwm-job span { position: absolute; right: 0; top: 0; font-size: 14px; } .jrwm-ct p { line-height: 24px; font-size: 12px; } .a-tit-infos { font-size: 12px; margin-top: 6px; color: #818181; } .a-tit-infos span { color: #0070ac; margin-left: 3px; } .jrwm-ct:hover { background: #fff; box-shadow: 0 0 10px rgba(129, 129, 129, .3); } .jrwm-ct:hover .text-over { color: #0070ac; } /*加入我们详情*/ .about-jrwm-det { border: 1px solid #e5e5e5; } .jrwm-det-c { font-size: 12px; padding: 10px 20px; line-height: 28px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; } .jrwm-det-b, .jrwm-det-t { position: relative; padding: 15px 20px; font-size: 14px; } .jrwm-det-t i { display: block; padding-right: 80px; font-style: normal; font-size: 16px; } .jrwm-det-t span { position: absolute; left: 50%; transform: translate(-50%, -50%); top: 50%; } /*发展历程*/ .about-fzlc-list { position: relative; overflow: hidden; padding-bottom: 10px; height: 250px; transition: ease-in-out 1s; } .about-fzlc-list:before { background: #0070ac; content: ''; position: absolute; width: 1px; height: 100%; left: 50%; transform: translateX(-50%); } .about-fzlc-list li { text-align: center; width: 48.5%; padding: 0 20px; clear: both; margin-bottom: 20px; } .about-fzlc-list li:last-child { margin: 0; } .about-fzlc-list li:nth-child(odd) { float: left; } .about-fzlc-list li:nth-child(even) { float: right; } .fzlc-time { position: relative; padding-bottom: 10px; color: #0070ac; font-size: 14px; border-bottom: 1px solid #0070ac; } .fzlc-time span { display: block; font-size: 18px; font-weight: bold; } .fzlc-time:before { content: ''; background: #0070ac; width: 12px; height: 12px; border-radius: 50%; position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 50%); } .fzlc-evt { font-size: 12px; line-height: 24px; margin-top: 10px; } .about-fzlc-more { display: block; cursor: pointer; width: 60px; margin: 12px auto 20px; text-align: center; font-size: 12px; } .about-fzlc-more:before{ content: ' '; display: block; width: 30px; height: 44px; margin: 0 auto 8px; background: url("../images/btn_more.png"); } /*公司简介*/ .about-ct { margin-bottom: 30px; position: relative; } .about-gsjj-hj,.about-gsjj-lc,.about-gsjj-ln{ padding-top: 20px; padding-bottom: 20px; } .about-bg { background: #f5f5f5; /*padding: 20px 0;*/ } .about-gsjj-gy { font-size: 14px; line-height: 24px; } .about-main .w1170 { clear: both; } .btn-about-more { width: 120px; clear: both; } .about-gsjj-ln ul:after { clear: both; content: ''; display: block; } .about-gsjj-ln li { position: relative; margin-top: 60px; float: left; width: 20%; box-sizing: border-box; padding: 0 10px; } .gsjj-ln-infos { position: relative; line-height: 24px; font-size: 14px; background-color: #fff; height: 260px; box-sizing: border-box; overflow: hidden; padding: 0 10px 10px; } .gsjj-ln-infos span { display: block; font-size: 16px; color: #333; margin: 70px 0 8px; text-align: center; } .gsjj-ln-pd { overflow: hidden; height: 100%; } .about-gsjj-ln li i { transition: ease-in-out .6s; z-index: 2; display: block; position: absolute; left: 50%; top: 0; transform: translate(-50%, -50%); background-size: 100%; width: 95px; height: 110px; background-image: url(../images/about_icon1_1.png); } .about-gsjj-ln .gsjj-ln2 i { background-image: url(../images/about_icon2_1.png); } .about-gsjj-ln .gsjj-ln3 i { background-image: url(../images/about_icon3_1.png); } .about-gsjj-ln .gsjj-ln4 i { background-image: url(../images/about_icon4_1.png); } .about-gsjj-ln .gsjj-ln5 i { background-image: url(../images/about_icon5_1.png); } .gsjj-ln-ct:hover { box-shadow: 0 0 10px rgba(129, 129, 129, .3); } .gsjj-ln1 .gsjj-ln-ct:hover i { background-image: url(../images/about_icon1_2.png); } .gsjj-ln2 .gsjj-ln-ct:hover i { background-image: url(../images/about_icon2_2.png); } .gsjj-ln3 .gsjj-ln-ct:hover i { background-image: url(../images/about_icon3_2.png); } .gsjj-ln4 .gsjj-ln-ct:hover i { background-image: url(../images/about_icon4_2.png); } .gsjj-ln5 .gsjj-ln-ct:hover i { background-image: url(../images/about_icon5_2.png); } .about-bghj-container { overflow: hidden; height: 240px; } .about-bghj-pd { padding: 0 70px; position: relative; } .about-bghj-container img { /* width: 100%; max-height: -webkit-calc(100% - 32px); max-height: -webkit-calc(100% - 32px); */ display: block; margin: 0 auto; } .about-gsjj-b { height: 100%; } .about-gsjj-b span { display: block; margin-top: 10px; } .viewer-canvas img { border: 10px solid #fff; } .about-gsjj-hj .swiper-pagination { display: none; } .about-gsjj-hj strong { margin-top: -10px; cursor: pointer; z-index: 3; display: block; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 60px; height: 60px; background-image: url(../images/btn_lf.jpg); background-size: 100%; } .about-gsjj-hj .about-bghj-next { left: auto; right: 0; background-image: url(../images/btn_lr.jpg); } .about-gsjj-jr{ margin-bottom: 2%; } .swiper-slide { text-align: center; font-size: 14px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .about-gsjj-hj .swiper-slide { transition: 300ms; transform: scale(0.8); } .about-gsjj-hj .swiper-slide-active, .about-gsjj-hj .swiper-slide-duplicate-active { transform: scale(1); } /*联系方式*/ .cl { overflow: hidden; font-size: 14px; color: #818181; } .contact-fs-ct { padding-bottom: 20px; display: flex; direction: row; } .contact-fs-ct .fr { width: 45%;flex: 1; } .contact-fs-ct .fl { padding-right: 30px; box-sizing: border-box; width: 55%; } .contact-fs-ct .ctitle { font-weight: bold; font-size: 16px; color: #333; margin-bottom: 12px; } .contact-fs-ct span { margin-right: 20px; white-space: nowrap; } .contact-infos { margin-bottom: 20px; line-height: 32px; } .contact-mwd { max-width: 400px; } .contact-erm { overflow: hidden; } .contact-erm li { width: 84px; float: left; margin-right: 10px; text-align: center; } .contact-erm img { display: block; margin-bottom: 6px; } .contact-bsc-list li { width: 50%; float: left; padding: 0 15px 0 0; margin-bottom: 20px; } .contact-bsc-list li:nth-child(evem) { padding: 0 0 0 15px } .contact-bsc-ct { height: 170px; background-color: #fff; padding: 10px; } .bsc-img img { width: 190px; margin: 0 auto; display: block; } .bsc-infos { margin-left: 210px; } .bsc-infos h4 { font-size: 16px; color: #333; margin: 0 0 15px; } .bsc-infos dd { margin-bottom: 8px; } .contact-line,.contact-office { padding-top: 20px; } .line-sort i { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .contact-line-ct { font-size: 12px; color: #818181; background-color: #f9f9f9; margin-left: 80px; padding: 10px; line-height: 60px; min-height: 80px; vertical-align: middle; } .contact-line ul{ list-style: none; counter-reset: li; } .contact-line li { margin-bottom: 20px; position: relative; counter-increment: li; } .contact-line li::before{ content: counter(li); font-size: 48px; text-align: center; width: 80px; height: 100%; background-color: #0070AC; display: inline-block; position: absolute;color: #fff; } .line-sort { position: absolute; left: 0; top: 0; font-size: 48px; text-align: center; width: 80px; height: 100%; background-color: #0070AC; color: #fff; } /*新闻列表*/ .news-list li { background: #fff; margin-bottom: 20px; padding: 20px; } .news-list-img { width: 285px; height: 160px; display: flex; align-items: center; justify-content: center; overflow: hidden; } .news-list-infos { font-size: 12px; margin-left: 285px; position: relative; padding-left: 90px; } .news-list a { color: #818181; /*padding: 20px;*/ display: block; overflow: hidden; } .ntime { font-size: 12px; position: absolute; top: 6px; left: 20px; text-align: center; } .ntime span { line-height: 40px; font-size: 48px; display: block; } .ntime span i { display: none; } .ntitle { padding-bottom: 10px; border-bottom: 1px solid #ebebeb; line-height: 32px; margin: 0 0 10px; } .ntitle i { font-size: 16px; color: #333; } .ntitle span { font-size: 12px; margin-right: 10px; color: #0070ac; padding: 2px 5px; border: 1px solid #0070ac; border-radius: 10px; } .news-list-infos p { line-height: 26px; height: 56px; overflow: hidden; } .news-list-turn { margin-top: 20px; display: block; width: 30px; height: 15px; background: url('../images/icon_arrow.png'); transition: all 1s; opacity: .7; } .news-list li:hover { box-shadow: 0 0 10px rgba(129, 129, 129, .3); -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; } .news-list li:hover .ntitle i, .news-list li:hover .ntime { color: #0070ac; } .news-list li:hover .ntitle span { background: #0070ac; color: #fff; -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; } .news-list .news-list-img img{ transition: all 1s; } .news-list li:hover .news-list-img img{ transform: scale(1.05); } .news-list li:hover .news-list-turn{ transform: translateX(10px); opacity: 1; } .loading-more { font-size: 14px; width: 160px; line-height: 36px; cursor: pointer; text-align: center; border: 1px solid #e5e5e5; margin: 20px auto 0; } .loading-more span { display: inline-block; margin-left: 4px; width: 20px; height: 16px; background-size: 100%; background-image: url(../images/icon_loading.png); position: relative; top: 2px; } .nmg-main { /*margin-bottom: 0;*/ } .wd-list li { box-sizing: border-box; font-size: 14px; } .news-rec-list li { float: left; width: 50%; padding: 0 15px 0 0; } .news-rec-list li:nth-child(even) { padding: 0 0 0 15px; } .wd-ct { display: block; position: relative; padding: 0 40px 0 20px; line-height: 28px; margin-bottom: 10px; border-bottom: 1px solid #ebebeb; } .wd-ct:before { content: ''; left: 0; top: 50%; transform: translateY(-50%); width: 6px; height: 6px; position: absolute; background: #ababab; border-radius: 50%; } .wd-ct span { position: absolute; right: 0; } .rtitle { color: #333; line-height: 28px; } .rtitle span { float: left; margin-right: 10px; display: block; width: 6px; height: 16px; position: relative; top: 6px; background-image: url(../images/icon1.png); background-size: 100% 100%; } .news-rec { margin-top: 2%; padding: 2% 0; } .news-rec .rtitle{ color: #333; font-size: 26px; margin-bottom: 2%; position: relative; } .news-rec .rtitle span{ width: 10px; height: 26px; position: relative; top: 2px; background-image: url(../images/icon1.png); background-size: 100% 100%; } .hcolor:hover { color: #0070AC; } .hcolor:hover:before { background: #0070AC; } /*技术服务*/ .yjsq-ct { width: 50%; } .yjsq .left { padding: 0 30px; border-right: 1px solid #ebebeb; } .yjsq .left h4 { font-size: 16px; line-height: 30px; color: #333; margin-bottom: 20px; } .yjsq .left ul { line-height: 32px } .yjsq .left ul i { margin-right: 10px } .yjsq .left p { color: #009e41; margin-top: 50px; font-size: 20px; } .yjsq .right { padding: 0 30px; } .yjsq li span{position: relative;} .yjsq li span .red{position: absolute; left: -10px; top: 50%; transform: translateY(-50%);} .yjsq .right li:after{content: ''; clear: both; width: 100%; height: 0; display: block;} .red{color: #f00;} .yjsq .right li span { width: 50%; padding: 0 15px 0 0; float: left; display: block; box-sizing: border-box; } /* .yjsq .right li span:nth-child(even) { padding: 0 0 0 15px; }*/ .yjsq .right li { margin-bottom: 20px; /*overflow: hidden;*/ } .yjsq .right input { width: 100%; line-height: 42px; border: 1px solid #ebebeb; border-radius: 5px; padding: 0 10px; outline: none; } .yjsq .right textarea { padding: 5px 10px; width: 100%; background: #fff; resize: none; height: 90px; border: 1px solid #ebebeb; border-radius: 5px; } .sbtn-submit { background-color: #0070ac; color: #fff; cursor: pointer; } .sbtn-submit:hover{ background-color: #009e41; } .m-rtitle { font-size: 18px; border-bottom: 1px solid #ebebeb; padding-bottom: 12px; margin-bottom: 12px; } /*帮助文档*/ .bzwd-left { width: 260px; text-align: center; } .bzwd-left h4 { margin: 0; line-height: 48px; background: #0070AC; color: #fff; font-size: 20px; } .bzwd-left dl { padding: 0 2px; background: #f6f6f6; } .bzwd-left dd { font-size: 14px; line-height: 48px; border-bottom: 1px solid #ebebeb; } .bzwd-left dd.active,.bzwd-left dd:hover{ background-color: #fefefe; } .bzwd-right { margin-left: 290px; margin-bottom: 20px; } .bzwd-det-info { padding: 50px 0; background: #0070ac; text-align: center; color: #fff; } .bzwd-det-info span { font-size: 24px; } .bzwd-det-info span i { letter-spacing: -3px; } .bzwd-det-info a { display: block; color: #fff; border: 1px solid #fff; border-radius: 5px; width: 120px; line-height: 36px; margin: 20px auto 10px; } .relevant { font-size: 24px; color: #333; } .relevant .rtitle span { margin-top: 2px; } .rtitle i { color: #ababab; font-size: 12px; margin-left: 10px; } .bzwd-list { padding-top: 10px; } .bzwd-list li { overflow: hidden; margin-bottom: 20px; border-bottom: 1px solid #e5e5e5; padding-bottom: 20px; } .apply_dom .dom_fr .ov {overflow: visible;} .apply_dom .dom_fr .ov:after{content: ''; display: block; width: 100%;} .apply_dom .dom_fr .ov .red{position: absolute;left: -10px;top: 50%;transform: translateY(-50%);} .bzwd-list li:last-child { border: none; padding: 0; } .bzwd-list-img { width: 166px; } .bzwd-list-infos { margin-left: 186px; font-size: 12px; } .bzwd-list-infos .btitle { color: #333; font-size: 14px; padding: 12px 0; margin: 0; } .bzwd-list-infos p { height: 61px; line-height: 22px; overflow: hidden; margin-top: 4px; } .xzzx-search { padding: 20px; } .xzzx-search-infos { color: #333; } .zzx-search-box { margin-top: 10px; padding-right: 80px; position: relative; } .zzx-search-ipt { border: 1px solid #e5e5e5; font-size: 12px; line-height: 36px; outline: none; ; box-sizing: border-box; padding: 0 10px; width: 100%; } .xzzx-search-btn { cursor: pointer; border: none; outline: none; position: absolute; /*text-align: center; color: #fff; */ background: #009e41 url(../images/icon_search.png) no-repeat center center; right: 0; width: 80px; height: 38px; } .xzzx-t { margin: 30px 0 10px; } .zxxz-list a { display: block; position: relative; font-size: 12px; } .zxxz-list a:hover { color: #0070AC; } .zxxz-list-pro { margin-bottom: 10px; } .zxxz-list-pro li { width: 25%; float: left; padding: 0 10px; box-sizing: border-box; margin-bottom: 20px; text-align: center; } .xzzx-list-img { margin-bottom: 10px; display: flex; align-items: center; height: 165px; background: #f5f5f5; overflow: hidden; } .xzzx-list-img img { display: block; margin: 0 auto; transition: .6s; } .xzzx-list-img img:hover{ transform: scale(1.2); } .zxxz-list-wd li { position: relative; padding-right: 100px; border-bottom: 1px solid #e5e5e5; line-height: 50px; } .zxxz-list-wd li:last-child { border: none; } .zxxz-list-wd span { font-size: 12px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); } .zxxz-list-wd a { padding: 0 0 0 30px; color: #333; } .zxxz-list-wd a:before { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 24px; height: 24px; background: url(../images/icon_download.png); } /*标签页*/ .tagcloud li{ float: left; padding: 5px; } /* .tagcloud a:nth-child(9n){background-color: #4A4A4A;} .tagcloud a:nth-child(9n+1){background-color: #428BCA;} .tagcloud a:nth-child(9n+2){background-color: #5CB85C;} .tagcloud a:nth-child(9n+3){background-color: #D9534F;} .tagcloud a:nth-child(9n+4){background-color: #567E95;} .tagcloud a:nth-child(9n+5){background-color: #B433FF;} .tagcloud a:nth-child(9n+6){background-color: #00ABA9;} .tagcloud a:nth-child(9n+7){background-color: #B37333;} .tagcloud a:nth-child(9n+8){background-color: #FF6600;}*/ .tagcloud a{background-color: #428BCA;} .tagcloud a{opacity: 0.80;filter:alpha(opacity=80);color: #fff;background-color: #428BCA;display: inline-block;margin: 0 5px 5px 0;padding: 0 6px;line-height: 30px} .tagcloud a:hover{opacity: 1;filter:alpha(opacity=100);} .page404{ width: 100%; } .page404 .nofound h1{ color: #333; text-align: center; font-size: 36px; } .page404 .nofound a{ display: block; text-align: center; color: #0e90d2; } .page404 .nofound a:hover{ color: rgb(0, 112, 172); } .page404 .guess{ color: #333; font-size: 24px; padding: 10px; } .page404 .tech_title{ font-size: 24px; margin-top: 2%; margin-bottom: 0; } .nofound-menu{width: 100%;left: 0; padding-top:20px; border-top: 1px solid #f5f5f5;} /* .navLip:hover .nofound-menu{display: block;}*/ .nofound-menu a{font-size: 14px;color:#818181;font-weight: 300;} .nofound-menu a:hover{color:#333333;text-decoration:underline;} .nofound-menu dt a{ font-size: 14px;color:#333;font-weight: 400; } .nofound-menu>div>dl>dd{float: left; padding: 20px 10px; width: 25%;height:230px;overflow: hidden; vertical-align:middle; } .nofound-menu>div>dl>dd img{object-fit: contain; /*width: 128px;height: 128px;*/width:95%; transition: all .6s; overflow: hidden; } .nofound-menu>div>dl>dd img:hover{transform:scale(1.2);} .nofound-menu>div>dl>dd{border-top: 1px solid #eeeeee;} .nofound-menu>div>dl>dd:nth-child(-n+4) {border-top: none;} .nofound-menu>div>dl>dd>dl{color: #333; font-size: 12px; border-right: 1px solid #eeeeee;overflow: hidden; display: flex;flex-direction: row;} .nofound-menu>div>dl>dd:nth-child(4n+4) dl,.nofound-menu>div>dl>dd:last-child dl {border-right: none;} .nofound-menu>div>dl>dd>dl>dd{/*float:left;display: block;*/display:flex ; align-items: center;/* vertical-align: middle;*/padding-left :5px;padding-right: 5px; width:42%;} .nofound-menu>div>dl>dd>dl>dd:last-child{vertical-align: top;flex-grow: 1; height: 180px; display: flex; align-items: start;} .nofound-menu>div>dl>dd>dl>dd>dl>dd>ul{ /*padding-left: 10px;*/ margin-top: 10px; } .nofound-menu>div>dl>dd>dl>dd>dl>dd>ul a{ font-size:12px; } .nofound-menu>div>dl>dd>dl>dd>dl>dd>ul>li{ width: 100%; line-height: 24px; height: 24px; overflow: hidden; } .nofound-menu>div>dl>dd>dl>dd>dl>dd>ul>li a{ display:block;overflow: hidden;text-overflow:ellipsis; } .nofound-menu>div>dl>dd>dl>dd>dl>dd>ul>li:last-child a{ color:#333; font-weight: 400; } /*404平台导航*/ .pt-nofound-menu>div>dl>dd { border-top: none; width:20%; height:auto ; } .pt-nofound-menu>div>dl>dd>dl,.pt-nofound-menu>div>dl>dd:nth-child(4) dl{ border-right: 1px solid #eeeeee; } .pt-nofound-menu>div>dl>dd>dl{ flex-direction: column; } .pt-nofound-menu>div>dl>dd>dl>dd{ width: 100%; } .pt-nofound-menu>div>dl>dd dt a{ font-size: 14px; font-weight: 500; color:#333; } .pt-nofound-menu>div>dl>dd a{ font-size:12px; } .pt-nofound-menu>div>dl>dd>dl>dd:last-child { height: auto; } .pt-nofound-menu>div>dl>dd>dl>dd>ul>li{ line-height: 24px; } .pt-nofound-menu>div>dl>dd>dl>dd>ul>li:last-child a{ color: #333; } .pt-nofound-menu>div>dl>dd>dl>dd img{width: 170px;height: 110px;object-fit: cover;transition: all 0.6s;} .pt-nofound-menu>div>dl>dd>dl>dd img:hover{ transform: scale(1.05); } .pt-nofound-menu>div>dl>dd>dl>dt { padding-left: 5px;padding-right: 5px;margin-bottom: 5px; } /*手机端导航*/ .sp_nav { width: 36px; position: absolute; right: 10px; background: rgba(2555, 255, 255, .6); padding: 5px 3px; top: 10px; position: absolute; cursor: pointer; height: 26px; display: none; } .sp_nav span { display: block; background: #005bc1; width: 20px; height: 2px; margin: 0 auto 5px; } .sjj_nav { position: fixed; z-index: 2000; background: #f4f4f4; width: 100%; height: 100%; font-size: 14px; line-height: 40px; top: -100%; left: 0; overflow: auto; overflow-x: hidden; transition: top ease 0.35s; } .sjj_nav_header { background: #0070AC; padding: 0 20px; } .sjj_nav_header span { float: right; color: #fff; cursor: pointer; } .nav_show { top: 0 } .sjj_nav li { position: relative; } .sjj_nav li a { display: block; } .sjj_nav li .language { position: absolute; right: 0; top: 0; width: 45px; height: 100%; overflow: hidden; line-height: 40px; } .sjj_nav li .language a { width: 45px; border-left: 1px #ddd solid; text-align: center; } .sjj_nav ul li i { position: absolute; top: 5px; right: 0px; border-left: 1px #ddd solid; height: 30px; padding: 0px 7px 0 7px; } .sjj_nav ul li i svg { transform: rotate(-90deg); transition: all ease 0.35s } .sjj_nav ul li .sjj_nav_i_se svg { transform: rotate(0deg) } .sjj_nav ul li { border-top: 1px #ddd solid; padding-left: 20px; position: relative; line-height: 40px; font-size: 14px } .sjj_nav>ul>li:last-child { border-bottom: 1px #ddd solid; } .sjj_nav ul li ul { display: none } .sjj_nav ul li a { color: #666; } .sjj_nav ul li ul li a { color: #999; display: block; text-align: left; } .sjj_nav ul li i svg { width: 32px; height: 20px; fill: #555; } .sjj_nav ul li .sjj_nav_i_se svg { fill: #005bc1 } .sjj_nav ul li ul li>ul { margin-left: 10px } .page { text-align: center; padding: 38px 0 36px 0; } .pagination { font-size: 0px; margin-right: -5px; padding-top: 15px; text-align: center; } .pagination a { font-size: 12px; color: #888; display: inline-block; _display: inline; padding: 0 10px; border: 1px solid #ddd; margin-right: 5px; line-height: 26px; } .pagination a:hover, .pagination a.cur, .pagination a.active, .pagination li.active a, .pagination li.active a:hover { background: #0093dd; font-weight: bold; color: #fff; border: 1px solid #0093dd; } @media only screen and (max-width:1440px){ /*banner{height:585px;}*/ } @media only screen and (max-width:1400px) { .w1430 { padding: 0 10px; } .cloud_list { margin-left: -2.5%; } .cloud_list li { width: 22.5%; padding: 10 10px 25px 10px; line-height: 1.5; margin-left: 2.5%; } .navParent dl a span{height: 65px; width: 100%;} .navParent dl a span:before{width: 28px; height: 28px;} } @media only screen and (max-width:1380px) { /*.banner {max-height:450px}*/ .w1430, .w1190, .w1170 { padding: 0 10px; } .nbanner_text .text_title { font-size: 20px; } .header .navParent .navLip { margin-left: 20px; padding: 0 15px; line-height: 34px; height: 34px; /* font-size: 16px;*/ } .text_tis { font-size: 14px; } #smenu { height: 50px; padding: 0; } .wisdom_nbannerMenu ul{ overflow-x: auto; overflow-y: hidden; white-space: nowrap; } } @media only screen and (max-width:1120px) { /*.banner {max-height:450px}*/ .c-list .c-list-img { height: 210px; } .about-gsjj-ln li i { width: 75px; height: 87px; } .gsjj-ln-infos { font-size: 13px; } .gsjj-ln-infos span { margin-top: 55px; } .about-gsjj-hj strong { width: 36px; height: 36px; margin-top: -30px; left: 14px; } .about-gsjj-hj .about-bghj-next { left: auto; right: 14px; } .header .navParent .navLip { margin-left: 12px; padding: 0 12px; line-height: 28px; height: 28px; font-size: 14px; } .nbanner_text .text_title, .lrcont_top a { font-size: 14px; } .text_tis { font-size: 12px; } /*.foot_dl dl { margin-right: 30px; }*/ .platform_list li .btnCom_more span { width: 150px; height: 50px; line-height: 50px; font-size: 17px; } .platform_info .info_w5 .info_title { font-size: 25px; } .platform_info .info_w5 .info_btn a { margin-top: 1%; width: 190px; height: 45px; line-height: 42px; border-width: 1px; font-size: 16px; } .jxapply_list li{ width: 30.8%; } .jxapply_list li .text_title{ padding-top: 12%; } .jxapply_list li .text_info{ padding: 3% 6% 6%; } .jxapply_list li .btnCom_apply{ width: 100px; height: 30px; line-height: 30px; font-size: 13px; } .jxapply_list li .text{ height: 40px; line-height: 40px; font-size: 14px; } .jxapply_list li .text_info{ line-height: 1.6; font-size: 13px; } .envir_text{ line-height: 2; } .envir_title{ margin: 0; font-size: 24px; } .btnCom_consult{ display: block; width: 130px; height: 40px; font-size: 16px; line-height: 40px; /*border-radius: 40px;*/ } .nbanner_text .text_small{ font-size: 14px; } .wisdom .com_title .title_name,.nbanner_text .small_t1 { font-size: 22px; } .bsc-infos h4{ margin-bottom: 12px; } .bsc-infos dd { margin-bottom: 5px; } } @media only screen and (max-width:980px) { html, body { overflow-x: hidden; } .w1430, .w1190, .w1170 { padding: 0 0; } .product_centerList li .imt, .product_centerList li .pit { width: 100%; float: none; text-align: center; } .pit .pit_menu .spn { display: inline-block; color: #0070ac; background: #e5f2ff; height: 32px; line-height: 32px; border-radius: 0px; padding: 0 5px; /* margin-right: 16px; margin-bottom: 6px;*/ } .pit .pit_menu .btn_apply { background: #009e41; color: #fff; } .product_centerList li{ padding: 5px; } .product_centerList li img{ margin-left: auto; margin-right: auto; } .product_solution{ background: none; } .product_centerList ul{ padding: 0; } .com_title{ padding: .5em 0; } .cloud,.news{ /*background: none;*/ } .foot_link{ display: none; } /*.banner {max-height:350px}*/ .banner{ height: 30vh; } .banner img{ height: 100%; object-fit:fill; } .banner .swiper-slide a{background: center no-repeat;background-size:cover;} .banner .swiper-button-prev, .banner .swiper-button-next{display: none;} .nbanner_menu li a{padding:0 5px;} .sec-menu{display: none;} .product_list li .text_title{font-size: 14px;} .product_list li .text_small{font-size: 12px;} .jxnmenu { display: none; } .c-pd { padding: 20px 10px; } #fdqq { display: none; } .c-list li { width: 50%; padding: 0 10px; } .c-list .c-list-img { height: 180px; } .opage .next-page { display: block; float: none; } .jrwm-det-t { font-size: 14px; } .jrwm-det-t span { font-size: 12px; left: auto; right: 10px; transform: translate(0, -50%); } .jrwm-det-pd { padding-left: 10px; padding-right: 10px; } .fzlc-time { font-size: 12px; } .fzlc-time span { font-size: 14px; } .about-gsjj-ln li { width: 100%; margin-top: 50px; padding: 0; } .about-gsjj-ln li i { width: 60px; height: 69px; } .gsjj-ln-infos span { margin-top: 40px; font-size: 14px; } .gsjj-ln-infos { height: 160px; border-radius: 6px; } .about-gsjj-ln .m-a-tit { margin: 0 } .about-gsjj-hj strong { display: none; } .about-bghj-pd { padding: 0 0 10px; } .about-bghj-container { height: auto; } .about-gsjj-hj .swiper-pagination { display: block; bottom: -15px !important; } .swiper-pagination-bullet-active { background: #0070ac !important; } .about-bg { position: relative; } .about-bg:before, .about-bg:after, .platform_list li:nth-child(even):before, .platform_list li:nth-child(even):after { content: ''; position: absolute; background-color: #f5f5f5; width: 10px; height: 100%; left: -10px; top: 0; } .about-bg:after,.platform_list li:nth-child(even):after { left: auto; right: -10px; } .contact-bsc-list li { width: 100%; padding: 0; } .contact-fs-ct .fr, .contact-fs-ct .fl { float: none; width: 100%; padding: 0; } .contact-fs-ct .fr img { display: block; margin: 0 auto; } .contact-fs-ct .ctitle { font-size: 14px; } .contact-mwd { max-width: none; } .ntitle { margin-top: 10px; padding-bottom: 3px; padding-right: 72px; } .ntitle i{ font-size: 14px;} /* .ntitle span{display: none;} */ .news-list-img { float: none; width: 100%; text-align: center; display: block; } .news-list-infos { margin: 0; padding: 0; } .news-rec-list li { width: 100%; padding: 0 !important; } .ntime { right: 0; left: auto; } .ntime span { line-height: 18px; float: right; font-size: 12px; display: inline; } .ntime span i { display: inline; } .news-list li { padding: 2px; /*background-color: #ebebeb; border-bottom: 1px solid #ebebeb;*/ box-shadow: 0 0 10px 0 rgba(235,235,235,1); } .news-list li a { background-color: #fff; padding: 20px 10px; } .news-list-turn { display: none; } .m-a-tit i { font-size: 12px; } .yjsq .yjsq-ct { width: 100%; float: none; padding: 0; } .yjsq .left p { margin-top: 25px; } .bzwd-left { display: none; } .bzwd-right { margin: 0; } .relevant { padding: 20px 10px; } .zxxz-list-pro li { width: 50%; padding: 0 10px 0 0; } .zxxz-list-pro li:nth-child(even){ padding: 0 0 0 10px; } .m-title{font-size: 16px;} /*手机端*/ #contain-top { width: 100%; overflow-x: hidden; /*position: fixed;*/ left: 0; top: 0; background: #fff; z-index: 99; } .main { margin-top:4%; padding: 0 10px; } .main .w1170{padding: 0} .wisdom_info{ margin-top: 0; } .sp_nav { display: block; } .contnet { padding-top: 60px; } .header .logo { padding-top: 10px; margin: 0; } .logo img { height: 24px; } .lrcont { display: none; } #smenu { height: 38px; line-height: 36px; } .nbanner_menu { position: relative; height: auto; line-height: normal; } .nbanner_img { position: relative; } .nbanner_text .text_title { font-size: 14px; margin: 0; } /*.text_tis{font-size: 12px;}*/ .nbanner_img { height: 20vh; overflow: hidden; } .nbanner_menu ul{ display: flex; flex-direction: row; flex-wrap: wrap; } .nbanner_menu ul li{ width: 33.33%; padding: 0; margin: 0; line-height: 3em; white-space:nowrap; overflow:hidden; } .nbanner_menu a:hover { background: none; } .foot_dl_l{ display: none; } .foot_dl_r{ display: block; width: 100%; } /*.nbanner_menu li{margin: 0; width: auto;}*/ .product_center .product_info .pit, .product_info .pim, .product_info .pit { width: 100%; } .product_center .product_info .pim{ display: none; } .product_info .pim_bg{ text-align: center; } .pit .pit_title { font-size: 16px; margin: 20px 0 0; } .relevant_lt .imt { float: none; width: 50%; text-align: center; margin-left: auto; margin-right: auto; } .relevant_lt .text { float: none; width: 100%; font-size: 14px; } .relevant_lt { margin-top: 10px; } .relevant_lt .text_name { text-align: center; font-size: 16px; } .relevant_lt .text_info { font-size: 14px; height: 64px; } /* .techProblem li a { font-size: 12px; }*/ .techProblem li .spn { padding-left: 14px; } .product_nav { height: 40px; line-height: 39px; } .product_nav .w1170 { overflow-x: auto; overflow-y: hidden; white-space: nowrap; } .product_nav a { float: none; display: inline-block; padding: 0 18px; font-size: 14px; } .table_content th { font-size: 16px; height: 45px; line-height: 45px; } .table_content td { height: 45px; font-size: 13px; } .table_content th, .table_content td { padding: 0 20px; } .pit .pit_btn { margin-top: 6.5%; } .table_title { font-size: 15px; } .use_list li .text { height: 30px; line-height: 30px; font-size: 13px; } .platform_list li .btnCom_more span { width: 130px; height: 40px; line-height: 40px; font-size: 15px; } .platform_list li .platform_name { font-size: 22px; margin-bottom: 2%; } .platform_list li .platform_text { line-height: 2; } .platform_info .info_w5 .info_title { font-size: 20px; } .platform_info .info_w5 .info_btn a { width: 160px; height: 35px; line-height: 35px; font-size: 15px; } .wisdom_envirList{ margin-top: 2%; } .wisdom_envirList .pages_go{ display: none; } .wisdom_envirList li .text_name{ margin: 0; font-size: 18px; } .wisdom_envirList li .text{ font-size: 13px; line-height: 1.8; } .jxapply .wisdom_envirList .btnCom_consult{ width: 120px; height: 35px; font-size: 15px; line-height: 35px; margin-top: 3%; } .wisdom_text_title .title{ font-size: 20px; } .wisdom_text_title .small{ padding: 10px 0 15px; } .wisdom_nbannerMenu{ height: 38px; line-height: 38px; font-size: 14px; } .wisdom .com_title .title_name,.nbanner_text .small_t1 { font-size: 18px; } .platform_info{ font-size: 13px; } .platform_info .pc_title{ font-size: 22px; } .platform_info .info_title{ font-size:16px; } .platform_info .text_title{ font-size: 14px; } .apply_dom .dom_t2{ padding: 2% 0 6% 0; line-height: 2; } .product_apply .title,.apply_dom .dom_t3{ font-size: 20px; } .apply_dom .dom_fl{ padding-top: 0; } .apply_dom .dom_fr .tpt{ height: 80px; } .apply_dom .dom_fr .ipt{ height: 40px; font-size: 12px; } .apply_dom .dom_fr .btn-sum{ font-size: 16px; height: 45px; } .product_apply .w1170{ padding:0; } .jrwm-ct{ padding:10px; } .jrwm-job{ margin-bottom: 10px; } .m-a-tit{ font-size: 20px; } .rtitle { font-size: 14px;} .bzwd-list-img{float: none; width: 100%; text-align: center;} .bzwd-list-infos{margin: 0;} .bzwd-list li{box-shadow: 0 0 10px 0 rgba(129, 129, 129,.3); padding: 10px !important;} .bzwd-list-infos p{max-height: 65px; height: auto;} /*首页*/ .cloud_list li{width: 50%; margin: 0 0 10px; background: none; padding: 0 10px; box-shadow: none;} .cloud_list li a{background-color: #fff; padding: 10px 0; display: block;/* margin: 0 2%; */} .news_menu{display: none;} .news_menu a, .btnCom_more a,.btnCom_more span{font-size: 14px; /*height: 24px; line-height: 24px; padding: 0.5em 4em;*/vertical-align: middle;text-align: center; } .news_content .nct,.news_content .ncr{float: none; width: 100%;} .news_content .ncr{margin-top: 20px;} .jxdom ul { flex-wrap: wrap; justify-content: space-between; display: flex; } .jxdom ul li{ width: 33.333%; } .techProblem .techContent { width: 100%; padding-top: 30px; } .techProblem .title{ padding-left: 0; text-align: center; background: none; } } @media only screen and (max-width:640px) { /*.banner {max-height:200px}*/ .banner .swiper-slide a{background: center no-repeat;background-size:cover;} .product_ul{width: 100%; float: none;} .product_list li{margin-bottom: 10px;} /*.news_menu a, .btnCom_more a,.btnCom_more span{margin: 0 12px;}*/ .services_list .sel, .services_list .sem{width: 100%; float: none;} .services_list .sem{margin-bottom: 10px;} .services_list .seone li a{position: relative; display: block;} .services_list .seone li, .services_list .sethird li{width: 50%; padding: 0 10px 0 0; margin: 0 0 10px 0} .services_list .seone li:nth-child(even), .services_list .seone li:nth-child(even){padding: 0 0 0 10px} .cloud_list li a{font-size: 12px;} .cloud_list li a .name{font-size: 14px;} .cloud_list .btn{width: 70px; height: 36px;} /*.techProblem .techContent{width: 100%; margin: 0;}*/ .jxdom li{width: 33.333%;} .jxdom li .name{font-size: 14px; margin: 6px 0;} .jxdom li .text{padding: 0 10px; font-size: 12px;} /* .jxdom li:nth-child(4), .jxdom li:nth-child(5){width: 50%; margin-top: 20px;} */ .about-fzlc-list li { padding: 0 10px } .rysz-tab li { width: 80px; font-size: 12px; } .c-list .c-list-img { height: 120px; } #smenu { height: 36px; } /*.nbanner_menu li { margin: 0 10px; }*/ /*.nbanner_menu li a { padding: 0 10px; }*/ .about-jrwm-list li { width: 100%; padding: 0 0 20px 0 !important; } .bsc-img { float: none; } .contact-bsc-ct { height: auto; } .bsc-infos { margin: 16px 0 0; } .bsc-infos h4 { text-align: center; } .news-list-infos p { max-height: 102px; height: auto; } .yjsq .left { padding: 0 10px; } .yjsq .left h4 { font-size: 14px; } .yjsq .left p { font-size: 18px; } .bzwd-det-info span { font-size: 16px; } /* .nbanner_img { height: 118px; }*/ /*.nbanner_menu li a { font-size: 12px; }*/ .main { /*margin-top: 174px;*/ } .foot { font-size: 12px; } .foot a { font-size: 12px; } .foot_dom .spn:first-child { display: none; } .foot_dom .spt { padding: 0; display: block; margin-bottom: 4px; } .yjsq .right li span { width: 100%; padding: 0 !important; } .yjsq .right li span:first-child { margin-bottom: 20px; } .pit .pit_menu .spn { font-size: 12px; } .download_list li .info .num { font-size: 12px; } .download_list li .info { padding-right: 128px; } .download_list li .num { right: 28px; } .download_list li .btn_downLoad { width: 16px; height: 16px; } .download_list li a { font-size: 12px; } .pit { font-size: 13px; line-height: 24px; } .product_nav { height: 40px; line-height: 38px; } .pit .pit_btn button { font-size: 14px; height: 30px; line-height: 30px; padding: 0 12px; margin-right: 10px; } .product_nav { height: 36px; line-height: 35px; } .product_nav a { font-size: 13px; padding: 0 12px; } .product_nav a:after { top: 2px; } .table_content th { font-size: 15px; height: 40px; line-height: 40px; } .guide_table th { font-size: 13px; padding: 8px !important; } .guide_table td { font-size: 12px; padding: 8px !important; line-height: 20px !important; } .use_list li { width: 48.5% } .product_centerList li .imt, .product_centerList li .pit { width: 100%; float: none; } .platform_list li .platform_text, .platform_list li .platform_imt { float: none; width: 100%; } .platform_list li .btnCom_more { text-align: center; } .platform_info .info_w5 .info_title { font-size: 17px; } .platform_info .info_w5 .info_btn a { width: 120px; height: 30px; line-height: 28px; font-size: 14px; } .tech_title { font-size: 20px; padding-left: 16px; background-size: 6px; } .tech_title .spn { font-size: 14px; } .jxapply .w1170{ padding: 0; } .jxapply_list .list{ margin-left: -2%; } .jxapply_list li{ width: 48%; margin: 0 0 2% 2%; } .jxapply_list li .text_title{ padding-top: 5%; font-size: 14px; } .jxapply_list li .text_info{ font-size: 12px; height:100px; overflow-x: hidden; overflow-y: auto; } .jxapply_list li .btnCom_apply{ width: 80px; height: 26px; line-height: 26px; margin-top: 15px; } .jxapply_list li .text{ height: 34px; line-height: 34px; font-size: 13px; } .envir_text,.envir_imt{ float: none; width: 100%; } .envir_title{ font-size: 20px; } .envir_text{ line-height: 1.8; font-size: 13px; } .btnCom_consult{ width: 110px; height: 30px; font-size: 14px; line-height: 30px; /*border-radius: 30px;*/ } .wisdom_envirList li .text,.wisdom_envirList li .imt{ width: 100%; float: none; } .wisdom_envirList li .text_name{ font-size: 16px; } .jxapply .wisdom_envirList .btnCom_consult { width: 100px; height: 30px; font-size: 14px; line-height: 30px; } .wisdom_coreTech{ font-size: 13px; } .wisdom .com_title .title_name, .nbanner_text .small_t1{ font-size: 16px; } .platform_list li .platform_name{ font-size: 20px; } .apply_dom .dom_fl,.apply_dom .dom_fr{ width: 100%; padding:0; float: none; } .apply_dom .dom_fr{ border-left: none; } .apply_dom .dom_t2{ padding-bottom:2%; } .product_apply .title, .apply_dom .dom_t3 { font-size: 18px; } .apply_dom .dom_fr .ov .form-group{ width: 100%; float: none; margin:3% 0 0; } .apply_dom .dom_fr .tpt{ width: 100%; margin:3% 0 0; } .apply_dom .dom_fr .ipt{ padding:3px 10px; height: 35px; } .apply_dom .dom_fr .btn-sum{ width: 100%; height: 40px; line-height: 40px; } .product_apply .apply_content{ padding-left: 0; } .product_apply .apply_content .spn{ font-size: 11px; } .bghj-img .left, .bghj-img .right{ padding: 0; width: 100%; float: none; } .jrwm-det-b, .jrwm-det-t{ padding:10px 15px; } .jrwm-det-t i{ font-size: 15px; } .jrwm-det-c{ line-height: 23px; } .m-det,.about-gsjj-gy{ font-size: 12px; } .cl{ font-size: 12px; } } @media only screen and (max-width:480px) { /*.news_menu a, .btnCom_more a,.btnCom_more span{margin: 0 3px; padding: 0 8px;}*/ .cloud_list li{padding: 0 5px;} .c-list .c-list-img { height: 90px; } .nb-mg{margin-top: 20px;} }