@charset "utf-8"; /* CSS Document */ /* 首页 */ .ind-tit{font-size:36px;color:#333;text-align: center;font-weight: bold;position: relative;line-height:36px;padding-bottom:20px;} .ind-tit:after{content:"";position:absolute;left:50%;bottom:0px;width:40px;height:3px;background:#2055ad;margin-left:-20px;} /* product */ .ipro-cate{background:#f3f3f3;} .ipro-cate li h6{font-weight:bold;} .ipro-cate li{width:12%;float:left;text-align:center;color:#333;font-size:16px;font-weight:bold;padding:20px 0 25px;position:relative;} .ipro-cate li:hover{cursor:pointer;} .ipro-cate li span{width:70px;height:70px;line-height:90px;display:block;margin:0px auto;border-radius:50%;margin-bottom:10px;position: relative;background:#fff;} .ipro-cate li span img{position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);} .ipro-cate li.cur{background:#fff;} .ipro-cate li.cur span{background:#2055ad;} .ipro-cate li.cur{color:#2055ad;} .ipro-cate li.cur img{display:none;} .ipro-cate li.cur img.hide{display:block;} .ipro-cate li.cur:after{position: absolute;content:"";left:0px;bottom:0px;width:100%;height:4px;background:#2055ad;} .ipro-cate li.cur:before{position: absolute;content:"";left:50%;bottom:-10px;width:22px;height:11px;background:url(../images/icon_sj.png) no-repeat center bottom;margin-left:-11px;} .ipro-list{display:none;} .ipro-list li{width:30%;float:left;padding:40px 0 80px;margin-left:5%;color:#666;} .ipro-list li p{line-height:20px;font-size:14px;} .ipro-list li .com-img{height:220px;} .ipro-list li .com-img img{display:block;margin:0px auto;max-height:100%;} .ipro-list li:first-child{margin-left:0;} .ipro-list li h4{background:#f3f3f3;padding:5px 0;text-align:center;font-size:16px;font-weight:bold;color:#333;margin:40px auto 15px;} /* case */ .ind-case{background-repeat: no-repeat!important;background-size:cover!important;background-position:center!important;color:#fff;background-attachment: fixed!important;} .ind-case .ind-tit{color:#fff;margin-bottom:50px;} .ind-case .ind-tit:after{background:#fff;} .ind-case .ind-case-fl{width:12%;padding-right:2%;float:left;border-right:1px solid rgba(255,255,255,0.15);} .ind-case .ind-case-fl li{height:45px;line-height:45px;margin-bottom:10px;color:#fff;text-align:center;cursor:pointer;} .ind-case .ind-case-fl li.cur{background:#fff;color:#2055ad;} .ind-case .ind-case-fr{width:84%;float:right;} .ind-case .ind-case-fr .icase_Tabc1{display:none;} .ind-case .ind-case-fr h2{font-weight:bold;color:#fff;font-size:20px;margin-bottom:20px;} .ind-case .ind-case-fr .info{font-size:16px;opacity:0.6;margin-bottom:40px;padding-bottom:50px;border-bottom:1px solid rgba(255,255,255,0.15);} .ind-case .ind-case-fr li{width:20%;float:left;text-align:center;} .ind-case .ind-case-fr li p{width:110px;height:110px;border-radius:50%;margin:0px auto;border:5px solid #fff;overflow: hidden;} .ind-case .ind-case-fr li img{width:100%;height:100%;object-fit:cover;transition: all 0.5s;border-radius: 50%;} .ind-case .ind-case-fr li h6{margin-top:20px;padding:0px 10px;} /* .ind-case .ind-case-fr li:hover img{transform:rotate(90deg);} */ /* about */ .ind-about{padding-top:80px;} .ind-about .info{max-width:80%;margin:30px auto;font-size:16px;color:#666;text-align:left;} .numall{position:relative;background:#fff;bottom:-45px;padding-bottom:80px;z-index:3;} .numall li{width:25%;float:left;text-align:center;font-size:16px;color:#666;} .numall li span{font-size:48px;color:#2055ad;font-weight:bold;} /* video */ .ind-video{position:relative;height:480px;overflow: hidden;} .ind-video .vplay{position: absolute;left:50%;top:50%;transform:translate(-50%,-50%);cursor:pointer;} .ind-video .bgpic{background-repeat:no-repeat!important;background-size:cover!important;background-position:center!important;width:100%;height:100%;text-align:center;transform:matrix(1.1, 0, 0, 1.1, 0, 0);-webkit-transition:all 0.4s ease 1.2s; -moz-transition:all 0.4s ease 1.2s; -ms-transition:all 0.4s ease 1.2s; -o-transition:all 0.4s ease 1.2s; transition:all 0.4s ease 1.2s;object-fit: cover;} .ind-video.active .bgpic{transition-delay:0.4s !important; transform:matrix(1.0, 0, 0, 1.0, 0, 0); -webkit-transition:all 5.0s ease; -moz-transition:all 5.0s ease; -ms-transition:all 5.0s ease; -o-transition:all 5.0s ease; transition:all 5.0s ease;} /* 首页新闻 */ .ind-news ul{text-align:center;margin:30px auto 40px;} .ind-news ul li{display:inline-block;color:#666;font-size:16px;margin:0px 5px;} .ind-news ul li a{display:block;padding:10px 40px;border:1px solid #dcdcdc;} .ind-news ul li.cur a,.ind-news ul li:hover a{background:#2055ad;color:#fff;border-color: #2055ad;} .ind-nfl{width:49.2%;float:left;} .ind-nfl .com-img{position: relative;height: 382px;} .ind-nfl .com-img img{width: 100%;height: 100%;object-fit: cover;} .ind-nfl .com-img .note{background:rgba(0,0,0,0.5);width:100%;height:100px;position: absolute;left:0px;bottom:0px;padding:25px 20px;color:#fff;font-size:16px;} .ind-nfl .com-img .note h4{font-size:18px;} .ind-nfr{width:49%;float:right;} .ind-nfr dl{border-bottom:1px solid #eee;padding:22px 0;overflow: hidden;} .ind-nfr dl:first-child{border-top:1px solid #eee;} .ind-nfr dl .ind-nfr-fl{width:20%;float:left;} .ind-nfr-fl p{font-size:16px;color:#cac8c8;text-align:right;} .ind-nfr-fl span{font-size:36px;color:#cac8c8;text-align:right;display: block;margin-top:15px;} .ind-nfr dl .ind-nfr-fr{width:75%;float:right;} .ind-nfr-fr h4{font-size:18px;color:#333;margin-bottom:5px;} .ind-nfr-fr p{color:#888888;} /* .ind-nfr-fr h4:hover{color:#2055ad;} */ .ind-nfr dl:hover h4,.ind-nfr dl:hover p,.ind-nfr dl:hover span{color:#2055ad;} /* 介绍 */ .ind_bgt{background:url(../images/ind_bg2.jpg) no-repeat center / cover;height:220px;line-height:220px;text-align:center;font-size:36px;color:#fff;} .pub_crumbs{overflow: hidden;border-bottom:1px solid #eee;/*padding:10px 0;*/} .pub_crumbs a{height:50px;line-height:50px;font-size:16px;color:#666;display:block;float:left;margin:15px 10px;position: relative;padding:0px 18px;} .pub_crumbs a:first-child{margin-left:0px;} .pub_crumbs a:first-child:after{display:none;} .pub_crumbs a:after{position: absolute;left:-10px;top:50%;margin-top:-7px;width:1px;height:14px;background:#eee;content:"";} .pub_crumbs a:hover,.pub_crumbs a.cur{color:#fff;background:#2055ad;} .pub_crumbs.fix{position:fixed;top:70px;border-top:1px solid #eee;border-bottom:0px;width:100%;z-index:20;background:#f7f7f7;animation:fadeUp .4s ease-in-out;-webkit-animation:fadeUp .4s ease-in-out;} /* About Page */ .about .info{margin:30px auto;font-size:16px;color:#666;text-align:left;} .ab_numall{position:relative;background:#fff;margin-top:40px;z-index:3;} .ab_numall li{width:25%;float:left;text-align:center;font-size:16px;color:#666;} .ab_numall li span{font-size:48px;color:#2055ad;font-weight:bold;} .ab_numall li .box{width:200px;height:200px;border:1px solid #eee;border-radius:50%;padding-top:50px;position: relative;margin:0px auto;} .ab_numall li .box:hover .spot{opacity:1;animation: rond 10s infinite;-webkit-animation: rond 10s infinite;} .ab_numall li .box .spot{position: absolute;width:200px;height:200px;left:0px;top:0px;opacity:0;} .ab_numall li .box .spot:after{content:"";position: absolute;left:50%;margin-left:-2.5px;margin-top:-5px;top:0px;display:block;width:1px;height:1px;border:5px solid #2055ad;border-radius:100%;} @keyframes rond { 0% {transform : rotate(0deg);} 100% {transform : rotate(360deg);} } @-webkit-keyframes rond { 0%{-webkit-transform : rotate(0deg);} 100%{-webkit-transform : rotate(360deg);} } /* 荣誉资质 */ .honor ul{overflow: hidden;} .honor ul li{width:21.875%;float:left;margin-right:4.166666%;margin-bottom:50px;} .honor ul li .com-img{padding:20px;border:1px solid #eee;} .honor ul li img{max-width:100%;max-height:330px;object-fit:contain;min-height:330px;} .honor ul li:nth-child(4n){margin-right:0;} .honor ul li .note{background:#00479d;padding:10px;color:#fff;text-align: center;} /* 新闻资讯 */ .news ul li{border-bottom:1px solid #eee;margin-bottom:80px;padding-bottom:40px;overflow: hidden;} .news ul li .com-img{width:29.6875%;float:left;position: relative;} .news ul li .com-img .time{position:absolute;bottom:0px;right:0px;background:rgba(0,0,0,0.5);color:#fff;padding:10px 20px;text-align:center;} .news ul li .com-img .time p{font-size:30px;margin-bottom:5px;} .news ul li .com-img img{width:100%;height:233px;object-fit:cover;} .news ul li .note{width:65%;float:right;position: relative;height:233px;} .news ul li .note:after{position: absolute;left:0px;bottom:12px;width:100px;height:1px;background:#eee;content:"";} .news ul li .note h4{font-size:20px;color:#333;font-weight: bold;} .news ul li .note p{font-size:16px;margin:30px 0 40px;color:#666;height:82px;overflow: hidden;} .news ul li .note a.more{position: absolute;left:120px;bottom:5px;color:#c5c5c5;} .news ul li:hover .note a{color:#00479d;} .news ul li:hover .note:after{background:#ccc;} /* 解决方案 */ .solution{background:#f5f5f5;} .solution .sol-note{width:46.875%;float:left;} .solution .sol-note .ind-tit{text-align:left;margin-bottom:35px;padding-bottom:30px;margin-top:10px;} .solution .sol-note .ind-tit:after{left:0px;margin-left: 0px;} .solution .sol-note p{font-size:16px;color:#666;line-height: 32px;} .solution .sol-pic{width:42.96875%;float:right;} .solution .sol-pic img{width:100%;height:295px;object-fit:cover;} .caselist ul li{width:31.25%;float:left;margin-right:3.125%;margin-bottom:30px;border:1px solid #eee;} .caselist ul li .com-img{position:relative;height:285px;} .caselist ul li a.more{display:block;line-height:56px;text-align: center;font-size:0px;z-index:3;font-family: sans-serif,Helvetica,Arial; position: absolute;left:0px;top:0px;width:100%;height:100%;background:rgba(0,0,0,0.5) url(../images/casemore.png) no-repeat center;opacity:0;} .caselist ul li:nth-child(3n){margin-right:0;} .caselist ul li h4{padding:25px 20px;font-size:18px;color:#333;text-align:center;background:#f0f0f0;} .caselist ul li:hover h4{background:#00479d;color:#fff;} .caselist ul li:hover .com-img:after,.caselist ul li:hover a.more{opacity:1;} /* 联系方式 */ .ct_mode ul li{width:25%;float:left;padding:0px 20px;text-align: center;} .ct_mode ul li span{display:block;width:100px;height:100px;line-height:100px;text-align:center;background:#1f55ad;border-radius: 50%;margin:0px auto;transition: all 0.5s ease-in-out;position:relative;top:0px;} .ct_mode ul li h4{font-size:16px;color:#333;margin:20px auto;font-weight: bold;} .ct_mode ul li p{font-size:16px;color:#666;} .ct_mode ul li:hover span{background:#10408d;top:-10px;} .book ul{margin-bottom:10px;margin-top:50px;} .book ul li{width:32%;float:left;margin-left:2%;border-left:1px solid #f1f1f1;padding-left:2%;} .book ul li:first-child{margin-left:0;padding-left:0;border-left:0px;} .book ul li input{width:100%;border:1px solid #e5e5e5;height:50px;padding:0px 10px;margin-top:10px;} .book ul li input:focus{border-color:#999;transition: all 0.5s ease-in-out;} .book p{color:#a0a0a0;font-size:16px;} .book textarea{width:100%;border:1px solid #e5e5e5;height:180px;padding:10px;margin-top:10px;resize: none;} .sub_form input{width:200px;border:1px solid #e5e5e5;height:50px;padding:0px 10px;margin-top:20px;} .sub_form input:focus,textarea:focus{border-color:#999;transition: all 0.5s ease-in-out;} .sub_form img{margin-left:20px;cursor:pointer;} .sub_form .inp_sub{height:48px;background:#1f55ad;color:#fff;font-size:18px;cursor:pointer;transition: all 0.5s ease-in-out;} .sub_form .inp_sub:hover{background:#00479d;} /* 企业文化 */ .culture{background:#f5f5f5;} .culture ul li{position:relative;} .culture ul li .pic{width:50%;float:left;height:300px;position: relative;} /* .culture ul li:hover .pic img{transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1);-ms-transform:scale(1);} */ .culture ul li img{transition: all 0.5s;} .culture ul li:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);} .culture ul li .note{width:53.75%;background:rgba(255,255,255,0.4);position:absolute;right:0px;top:40px;padding:35px 50px 35px 70px;top:50%;transform:translate(0%,-50%);transition: all 0.5s ease-in-out;} .culture ul li .note h4{font-size:24px;color:#333;font-weight:bold;} .culture ul li .note h4 span{color:#5c5c5c;padding-right:30px;font-weight:normal;} .culture ul li .note p{margin-left:60px;color:#777;margin-top:15px;line-height:25px;} .culture ul li.two .pic{width:50%;float:right;} .culture ul li.two .note{left:0px;padding:45px 70px 45px 50px;transition: all 0.5s ease-in-out;} .culture ul li:hover .note{background:#fff;right:20px;} .culture ul li.two:hover .note{left:20px;} /* 新闻详情页 */ .newsc_fl{width:73%;float:left;} .newsc_fl h1{font-size:28px;color:#333;font-weight: bold;} .newsc_fl .info{margin:30px auto;border-bottom:1px solid #e5e5e5;padding-bottom:30px;color:#888;font-size:16px;} .newsc_fl .content{color:#888;font-size:16px;} .newsc_fl .content img{max-width:100%;display:block;margin:0px auto;} .news-more{width:180px;height:46px;line-height:46px;display: block;background:#1f55ad;color:#fff;text-align: center;position:relative;margin:40px auto 0;font-size:16px;} .news-more span{position:relative;z-index:3;} .news-more{overflow:hidden;} .news-more:after{content:"";display:block;width:100%;height:100%;background:#144594;position:absolute;top:0px;left:-100%;} .news-more:hover{color:#fff;} .news-more:hover:after{left:0px;} .news-more:after,.show-more{-moz-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;} .newsc_fr{width:22.6%;float:right;} .wc_ewm{border:1px solid #dcdcdc;padding:40px 30px;text-align:center;font-size:16px;color:#333;margin-bottom:18px;} .wc_ewm span{position:relative;} .wc_ewm span:after{position: absolute;content:"";width:30px;height:1px;background:#eee;left:-50px;top:50%;} .wc_ewm span:before{position: absolute;content:"";width:30px;height:1px;background:#eee;right:-50px;top:50%;} .wc_ewm p img{border:1px solid #eee;padding:10px;margin-top:25px;} .hotnews{border:1px solid #dcdcdc;} .hotnews h2{padding:20px;font-size:18px;color:#333;border-bottom:1px solid #dcdcdc;} .hotnews ul{padding:20px;} .hotnews ul li span{color:#888888;font-size:15px;} .hotnews ul li h4{color:#666666;margin-top:10px;} .hotnews ul li h4:hover{color:#00479d;} .hotnews ul li{margin-bottom:20px;} .flip_page{border:1px solid #dcdcdc;padding: 20px;margin-top:15px;} .flip_page .tit{margin-bottom:10px;position:relative;} .flip_page .tit:after{position: absolute;content:"";width:100%;height: 1px;background-color:#eee;left:0px;top:50%;} .flip_page .tit span{position: relative;z-index: 3;padding-right: 10px;} .flip_page .tit span{font-size:18px;color:#333;background:#fff url(../images/newsprev.png) no-repeat left center;padding-left:30px;} .flip_page .next .tit span{font-size:18px;color:#333;background:#fff url(../images/newsnext.png) no-repeat left center;padding-left:30px;} .flip_page span{color:#888888;font-size:15px;} .flip_page h4{color:#666;margin-top:5px;} .flip_page h4:hover{color:#00479d;} .flip_page .prev{margin-bottom:20px;} /* 人才招聘 */ .job{background:#f6f6f6;} .job .info{color:#666;font-size:16px;max-width:60%;margin:25px auto 30px;text-align:center;line-height:28px;} .job h2{height:80px;line-height:80px;padding:0px 20px;background:#00479d;font-size: 20px;color:#fff;} .job dl{border-bottom:1px solid #e5e5e5;} .job dl dt{height:80px;line-height:80px;padding:0px 20px;background:#fff url(../images/job_r.png) no-repeat 98% center;font-size: 18px;color:#666;cursor: pointer;} .job dl dt.cur{background:#fff url(../images/job_b.png) no-repeat 98% center;} .job dl dd{background:#eeeeee;padding:30px;position:relative;display:none;} .job dl dd h4{font-size:16px;font-weight:bold;color:#666;margin-bottom:10px;} .job dl dd p{font-size:16px;color:#666;} .job dl a{position: absolute;right:0px;top:0px;width:11%;text-align: center;height:100%;background:#00479d;color:#fff;display:flex;justify-content:center;align-items:center;font-size:16px;} .job dl a:hover{text-decoration:underline;} .welfare .box{margin:50px auto 0;position:relative;overflow: hidden;text-align: center;} .lineF{overflow: hidden;display:inline-block;} .lineS {display:inline-block;margin-top:-40px;} .boxF, .boxS, .boxT, .overlay{width:270px; height:310px; overflow: hidden;} .boxF, .boxS{visibility: hidden;} .boxF{transform: rotate(120deg); float: left; margin-left:30px; -ms-transform: rotate(120deg); -moz-transform: rotate(120deg); -webkit-transform: rotate(120deg);} .boxS{transform: rotate(-60deg); -ms-transform: rotate(-60deg); -moz-transform: rotate(-60deg); -webkit-transform: rotate(-60deg);} .boxT{transform: rotate(-60deg); background: no-repeat 50% center; background-size: 125% auto; -ms-transform: rotate(-60deg); -moz-transform: rotate(-60deg); -webkit-transform: rotate(-60deg); visibility: visible;background:#f6f6f6;} .boxF.ml0{margin-left:0px;} .overlay{transition: all 250ms ease-in-out 0s; display:block; position: relative;} .overlay:hover{background-color:#eee;} .boxT:hover .overlay{display: block;} .overlay a{display: inline-block; position: absolute; left: 50%; top: 50%; margin: -16px 0 0 -16px; border-radius: 3px; background-color: #d3b850; text-align: center; line-height: 32px; width: 32px; height: 32px; text-decoration: none; color: White; font-size: 18px; font-weight: bolder;} .overlay .note{position:absolute;left:50%;top:13%;transform:translate(-50%,0);width:80%;text-align:center;color:#666;font-size:16px;} .overlay .note span{position: relative;top:0px;transition: all 0.5s ease-in-out;width:90px;height:90px;line-height:90px;text-align:center;background:#fff;border-radius:50%;display:block;margin:0px auto 20px;} .overlay:hover span{top:-10px;} /* 企业荣誉 */ .honor-fr ul li{overflow: hidden;text-align: center;} .honor-fr ul li .com-img{width:100%;box-shadow:0px 0px 8px #888;border:1px solid #eee;padding:20px;} .honor-fr ul li .com-img img{width:100%;height:190px;object-fit:contain;border-bottom: 0;} .honor-fr ul li .note{width:100%;color:#fff;height:80px;line-height:30px;background:#00479d;padding:20px 30px;overflow: hidden;} .honor-fr ul li .note h4{font-size:24px;font-weight:bold;color:#00479d;margin-bottom:30px;} .honor-fr .swiper-container{padding-bottom:50px;} /* 联系我们地图 */ .technology-box{width: 100%; overflow: hidden;padding: 0 0 88px 0;background:#fff;} .technology{width: 1300px; margin: 0 auto;} .technology-map{width: 100%; overflow: hidden; position: relative; margin-top: 50px;} .technology-mapL{float: left; overflow: hidden; position: relative; width: 793px; height: 591px; background: url('../images/tec_map.png') no-repeat;} .technology-mapR{float: left; padding: 100px 0 0 100px;} .technology-mapR>div{position: relative;border:1px solid #e5e5e5; padding:100px 40px 44px 40px;width: 350px;} .technology-mapR>div>i{width: 19px;height: 34px; display: block;position: absolute; left: -19px;top: 50%;margin-top: -17px;} .technology-mapR>div h2{width:130px;height:130px;position: absolute;top:-65px;left:50%;margin-left:-65px;background:url(../images/ct_bg.png) no-repeat center / cover;font-size:18px;font-weight: bold;color:#155e9f;padding-top:38px;text-align:center;} .technology-mapR>div>h4{font-size:18px;color: #333;margin-bottom:30px;} .technology-mapR>div>p{font-size: 16px;color: #666;margin-top: 10px;line-height: 22px;} .technology-mapL>div{position: absolute;} .technology-mapL>div>p>a{font-size: 14px; color: #888; position: relative; display: block; z-index: 2; padding: 0 0 0 18px;} .technology-mapL>div>p{cursor: pointer;} .technology-mapL>div>p>span{display: block; width: 10px; height: 10px; border-radius: 100%; background: #265da8; position: absolute; left: 0px; top: 5px; z-index: 3;} .technology-mapL>div>p>span:after{content: ""; display: block; border-radius: 50%; opacity: 0; position: absolute; width: 40px; height: 40px; top: -15px; left: -15px; background-color: rgba(38,93,168,0.55); animation: ripple 3s ease-out 1.2s infinite; -webkit-animation: ripple 3s ease-out 1.2s infinite; z-index: 1;} .technology-mapL>div>p>span:before{content: ""; display: block; border-radius: 50%; opacity: 0; position: absolute; width: 40px; height: 40px; top: -15px; left: -15px; background-color: rgba(38,93,168,0.44); animation: ripple 3s ease-out .6s infinite; -webkit-animation: ripple 3s ease-out .6s infinite; z-index: 1;} @-webkit-keyframes ripple{0%{opacity:0;-webkit-transform:scale(.1)}5%{opacity:1}to{opacity:0;-webkit-transform:scale(1)}} @keyframes ripple{0%{opacity:0;-webkit-transform:scale(.1);transform:scale(.1)}5%{opacity:1}to{opacity:0;-webkit-transform:scale(1);transform:scale(1)}} .address-active>p>span{background: #eb2a2e !important;} .address-active>p>span:after{background-color: rgba(207,44,56,0.55) !important;} .address-active>p>span:before{background-color: rgba(207,44,56,0.2) !important;} .technology-mapL>div>p:hover span{background: #0090ff;} .address-none{display: none;} .wulumuqi-dot{left: 24%; top: 28%;} .beijing-dot{right: 29%; top: 36%;} .changchun-dot{right: 17%; top: 22%;} .tianjin-dot{right: 28%; top: 39%;} .shijiazhuang-dot{top: 42%; right: 33%;} .jinan-dot{right: 25%; top: 46%;} .lanzhou-dot{top: 48%; right: 48%;} .xian-dot{top: 53%; right: 40%;} .zhengzhou-dot{right:32%; top: 52%;} .nanjing-dot{right:21%; top: 54%;} .hefei-dot{right:25%; top: 58%;} .wuhan-dot{right:35%; top: 61%;} .chengdu-dot{right:48%; top: 63%;} .hangzhou-dot{right:20%; top: 64%;} .chongqing-dot{right:41%; top: 65%;} .nanchang-dot{right:26%; bottom: 29%;} .changsha-dot{right:34%; bottom: 27%;} .kunming-dot{right:50%; bottom: 18%;} .guangzhou-dot{right:32%; bottom: 17%;} .shenzhen-dot{right:30%; bottom: 14%;} .nanning-dot{right:40%; bottom: 14%;} .suzhou-dot{right:21%;top:58%;} .shanghai-dot{right:19%;top:60%;} .wuhan-dot{right:30%; top: 63%;} .hk-dot{bottom:11%;right:28%;} .dongguan-dot{right:30%;top:81%;} .classcourse-box{width: 100%; overflow: hidden; padding: 80px 0;} .classcourse{width: 1240px; margin: 0 auto;} .classcourseL{width: 68.4%; float: left; overflow: hidden;} .classcourseL img{max-width: 100%; object-fit: cover;} .classcourseR{width: 31.6%; float: right; overflow: hidden; padding: 180px 0 0 60px;} .classcourseR h4{font-size: 36px;color: #333; font-weight: bold;} .classcourseR p{font-size: 16px; color: #777; line-height: 26px; margin-top: 10px;} /* 培训学院 */ .school .sch_tit{font-size: 32px;color: #333333;text-align: center;margin: 40px auto;} .school .sch_note{max-width:1090px;text-align: center;line-height:28px;margin:0px auto;font-size: 16px;color:#666;} .sch_str{padding:120px 0 160px;background-repeat: no-repeat!important;background-size:cover!important;background-position:center!important;} .sch_str .ind-tit{color:#fff;margin-bottom:70px;} .sch_str .ind-tit:after{background:#fff;} .sch_str p{color:#fff;font-size:16px;text-align:center;margin-top:10px;} .sch_idea{background:#f6f6f6;} .ideabox{margin-top:40px;} .ideabox .idea_fl{width:50%;float:left;} .ideabox .idea_fr{width:50%;float:right;height:440px;background:#2055ad;padding:120px 60px;color:#fff;} .ideabox .idea_fr p{line-height:40px;position: relative;padding-left:10px;} .ideabox .idea_fr p:after{content:"";width:4px;height:4px;background:#fff;left:0px;top:50%;margin-top:-2px;position:absolute;} .sch_core{text-align: center;overflow: hidden;} .sch_core .ind-tit{margin-bottom:60px;} .sch_tx{background-repeat: no-repeat!important;background-size:cover!important;background-position:center!important;} .sch_tx img{max-width:100%;} .sch_tx .ind-tit{color:#fff;margin-bottom:20px;} .sch_tx .ind-tit:after{background:#fff;} .sch_show .swiper-slide{width:730px;} .sch_show .ind-tit{margin-bottom:60px;} .sch_show .swiper-button-prev{left:50%;margin-left:-445px;width:62px;height:62px;border:1px solid #e5e5e5;background:url(../images/ishow_l.png) no-repeat center;} .sch_show .swiper-button-next{right:50%;margin-right:-445px;width:62px;height:62px;border:1px solid #e5e5e5;background:url(../images/ishow_r.png) no-repeat center;} .sch_show .swiper-button-prev:hover,.sch_show .swiper-button-next:hover{border-color:#ccc;transition: all 0.5s;} .sch_show .swiper-slide h4{position: absolute;left:0px;bottom:-60px;width:100%;height:60px;line-height:60px;text-align:center;background:rgba(0,0,0,0.5);color:#fff;opacity:0;} .sch_show .swiper-slide.swiper-slide-active h4{opacity:1;bottom:0;transition:all 0.8s;} /* 投资者关系 */ .ttz ul{overflow: hidden;} .ttz ul li{width:49%;float:left;border:1px solid #e5e5e5;padding:20px 10px;margin-bottom:32px;} .ttz ul li:nth-child(2n){float:right;} .ttz ul li span{background:#2055ad;border-radius:50%;width:60px;line-height:60px;height:60px;text-align:center;float:left;} .ttz ul li .note{float:left;padding:0px 20px;width:80%;border-right:1px solid #e5e5e5;} .ttz ul li .note h4{font-size:18px;color:#666;margin-top:6px;} .ttz ul li .note p{font-size:14px;color:#888;} .ttz ul li a.more{float:right;background:url(../images/ttzmore.png) no-repeat right center;width:25px;height:25px;margin-top:15px;margin-right:10px;} .ttz ul li:hover span{background:#18448d;} .ttz ul li:hover h4{color:#00479d;} .ttz ul li:hover a.more{background:url(../images/ttzmoret.png) no-repeat right center;} .honor_tit ul{overflow: hidden;background:#1f55ad;height:50px;line-height:50px;margin-top:70px;margin-bottom:10px;} .honor_tit ul li.year{width:13%;float:left;} .honor_tit ul li{width:37%;float:left;text-align:center;} .honor_tit ul li{color:#fff;} .honor_c ul{overflow: hidden;border-top:1px solid #e5e5e5;position: relative;} .honor_c ul:after{position:absolute;content:"";width:1px;height:100%;background:#e5e5e5;left:50%;} .honor_c ul li span{width:26%;float:left;border-right:1px solid #e5e5e5;} .honor_c ul li p{width:74%;float:left;height:50px;line-height:50px;padding:0px 30px;text-align:left;} .honor_c ul li{float:left;width:50%;height:50px;line-height:50px;border-bottom:1px solid #e5e5e5;text-align:center;overflow: hidden;color:#666;} /* 产品列表 */ .pro_list{background:#f6f6f6;padding:80px 0;} .bann .pro_cate{position: absolute;bottom:0px;left:50%;transform:translate(-50%,0);width:100%;} .bann .pro_cate a{display:block;float:left;height:70px;line-height:70px;background:rgba(0,0,0,0.5);width: 15.6%;margin-left:0.5%;text-align:center;} .bann .pro_cate a:first-child{margin-left:0;} .bann .pro_cate a.cur,.bann .pro_cate a:hover{background:#2055ad;color:#fff;} .pro_menu{margin:30px auto 50px;overflow: hidden;} .pro_menu ul li{height:46px;line-height:46px;text-align:center;color:#666;border:1px solid #e5e5e5;float:left;margin-right:6px;margin-top: 6px;} .pro_menu ul li:last-child{margin-right:0px;} .pro_menu ul li a{display:block;padding:0px 20px;font-size: 14px;} .pro_menu ul li.cur,.pro_menu ul li:hover a{background:#2055ad;color:#fff;border-color:#2055ad;} .pro_list ul{overflow: hidden;} .pro_list ul li{width:400px;float:left;border:1px solid #e5e5e5;margin-bottom:40px;margin-right:30px;} .pro_list ul li:nth-child(3n){margin-right:0px;} .pro_list ul li .com-img{text-align:center;padding:25px;height:340px;background:#fff;} .pro_list ul li .com-img img{height:100%;width:100%;object-fit:contain;} .pro_list ul li .note{border-top:1px solid #eee;color:#888;font-size:16px;position: relative;padding:25px;background: #f0f0f0;} .pro_list ul li .note p{height:30px;line-height:30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width:90%;} .pro_list ul li .note h4{color:#333;font-size:18px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} .pro_list ul li .note span.more{position: absolute;top:30px;right:25px;background:url(../images/pmore.png) no-repeat center / contain;width:45px;height:45px;transition: all 0.5s;} .pro_list ul li .note span.more:hover{background:url(../images/pmoreon.png) no-repeat center / contain;} .pro_list ul li:hover .note{background:#2055ad;} .pro_list ul li:hover .note h4,.pro_list ul li:hover .note{color:#fff;} .pro_list ul li:hover span.more{background:url(../images/pmoreon.png) no-repeat center / contain;top:-20px;} .pro_crumbs{margin-top:70px;height:40px;line-height:40px;background:#1f55ad;color:#fff;font-size:14px;} .pro_cont{padding:40px 0 20px;overflow: hidden;} .pro_cont .pro_pic{width:45.3125%;float:left;border:1px solid #e5e5e5;text-align:center;padding:40px 0;min-height:430px;position: relative;} .pro_cont .pro_pic img{position: absolute;left:50%;top:50%;transform:translate(-50%,-50%);} .pro_cont .pro_note{width:50%;float:right;} .pro_cont .pro_note h1{font-size:20px;color:#333;font-weight:bold;border-bottom:1px solid #e5e5e5;margin-bottom:20px;padding-bottom:20px;} .pro_cont .pro_note .info{border-bottom:1px solid #e5e5e5;margin-bottom:20px;padding-bottom:20px;color:#666;} .pro_cont .pro_note .infot{color:#666;} .pro_cont .pro_note .info2{margin-bottom:20px;} .pro_cont .pro_note .info span{font-weight:bold;} .pro_cont .pro_note h4{font-weight:bold;margin-bottom:20px;color:#666;} .pro_cont .pro_note{color: #666;} .pro_special{border-top:1px solid #e5e5e5;margin-top:40px;padding-top:15px;} .pro_spec_tit a.cur,.pro_spec_tit a:hover{background:#2055ad;color:#fff;} .pro_spec_tit a{display:inline-block;width:150px;height:36px;line-height:36px;text-align:center;color:#666;margin-left:0px;float:left;border-right:1px solid #e5e5e5;} .pro_spec_tit{margin-bottom:40px;} .say_list{margin-bottom:100px;overflow:hidden;} .say_list ul li{border:1px solid #e5e5e5;padding:30px;color:#666;position: relative;height:86px;background:url(../images/icon_down.png) no-repeat 30px center;padding-left:70px;margin-bottom:20px;} .say_list ul li a{position: absolute;right:0px;top:0px;width:90px;height:84px;top:0px;right:0px;background:url(../images/down.jpg) no-repeat center;} .say_list .ml60{margin-left:40px;} .pro_special table{width:100%!important;} .pro_special table td{border:1px solid #e5e5e5;padding:5px;} /* 解决方案详情页 */ .caseW_flbox{border-right:1px solid #dcdcdc;width:77.5%;padding-right:50px;float:left;} .caseW_fl h1{font-size:28px;color:#333;font-weight: bold;border-bottom:1px solid #eee;margin-bottom:35px;padding-bottom:30px;} .case_title{position: relative;} .case_title a{position: absolute;right:0px;top:0px;width:160px;height:46px;line-height:46px;background:#2055ad;text-align:center;color:#fff;} .case_title a span img{transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;margin-right:5px;margin-top:-3px;} .case_title a:hover span img{transform:rotate(360deg);} .case_title a:hover{background:#144698;} .case_cont img{max-width:100%;} .case_cont dl{overflow: hidden;} .case_cont dl dd{width:33.33333%;float:left;margin-top:20px;font-size:16px;color:#666;font-weight:bold;position: relative;padding-left:35px;height:30px;line-height:30px;} .case_cont dl dd span{position: absolute;left:0px;top:0px;width:28px;height:28px;background:#1f55ad;border-radius:50%;text-align:center;line-height:28px;font-weight: normal;color:#fff;} .case_cont .ctit{margin-top:60px;border-bottom:1px solid #eee;margin-bottom:40px;} .case_cont .ctit span{display:inline-block;background:#2055ad;color:#fff;padding:15px 50px;} .case_cont p{color:#666;line-height:35px;position: relative;padding-left:15px;} /* .case_cont p:after{position:absolute;left:0px;top:17px;width:5px;height:5px;background:#2055ad;content:"";border-radius:50%;} */ .caseW_fr{width:22.5%;float:right;} .caseW_fr h2{font-size:18px;color:#333333;padding:10px 30px;border-bottom:1px solid #e5e5e5;} .caseWrbox{padding:20px 0 0 20px;} .caseWrbox .swiper-slide{border:1px solid #e5e5e5;text-align:center;margin-bottom:25px;} .caseWrbox .swiper-slide .com-img{padding:20px 0;} .caseWrbox .swiper-slide h4 a{border-top:1px solid #e5e5e5;padding:15px 10px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;display:block;color:#666;} .caseWrbox .swiper-slide img{width:100%;height:100%;object-fit:cover;} .caseWrbox .swiper-slide h4 a:hover{color:#2055ad;} /* 资料下载 */ .file_cate{border:1px solid #e5e5e5;padding:30px 20px;margin:40px auto 30px;} .file_cate ul{overflow: hidden;} .file_cate ul li{width:33.3333%;float:left;color:#666666;font-size:15px;} .file_cate ul li select{min-width:230px;height:46px;line-height:46px;border:1px solid #e5e5e5;color:#999;font-size:14px;padding:0 40px 0 10px;position: relative;background:url(../images/icon_sel.jpg) no-repeat right center;appearance:none;-moz-appearance:none;-webkit-appearance:none;} .file_cate ul li input[type="text"]{height:46px;line-height:46px;border:1px solid #e5e5e5;padding:0px 10px;width:180px;} .file_cate ul li input[type="submit"]{width:110px;height:46px;background:#2055ad;color:#fff;border:0px;cursor: pointer;} .down_list{margin-bottom: 40px;overflow:hidden;} .down_list ul li{border:1px solid #e5e5e5;padding:30px;color:#666;position: relative;height:86px;background:url(../images/icon_down.png) no-repeat 30px center;padding-left:70px;margin-bottom:20px;width:49%;float:left;} .down_list ul li:nth-child(2n){float:right;} .down_list ul li a{position: absolute;right:0px;top:0px;width:90px;height:84px;top:0px;right:0px;background:url(../images/down.jpg) no-repeat center;} .down_list .ml60{margin-left:40px;} .filedown{width: 100%;padding-bottom: 50px;} /* 发展历程 */ .history{background:url(../images/bg-about-01.jpg) repeat;} .hiswrap{position: relative;overflow: hidden;margin-top:20px;} .hiswrap:after{position: absolute;content:"";left:50%;top:0px;width:1px;height:100%;background:#e5e5e5;} .hiswrap:before{position: absolute;content:"";left:50%;top:0px;width:18px;height:18px;background:url(../images/icon_qqon.png) no-repeat center;margin-left:-9px;z-index:3;} .hisbox{width:47%;border:1px solid #e5e5e5;padding:30px 38px;position: relative;margin-top:80px;color:#666;background:#fff;} .hisbox .date{width:96px;height:96px;line-height:96px;text-align:center;background:#2055ad;border-radius:50%;color:#fff;font-family: Arial, Helvetica;font-size:26px;position:absolute;right:25px;top:-70px;} .hisbox .date:after{position: absolute;content:"";width:18px;height:18px;background:url(../images/icon_qq.png) no-repeat center;right:-73px;bottom:-25px;z-index:5;} .hisbox:after{position: absolute;content:"";width:10px;height:19px;margin-top:-10px;background:url(../images/icon_sjl.jpg) no-repeat center;right:-10px;bottom:50%;z-index:5;} .clearfix:nth-child(2n) .date{left:25px;} .clearfix:nth-child(2n) .hisbox:after{position: absolute;content:"";width:10px;height:19px;margin-top:-10px;background:url(../images/icon_sjr.jpg) no-repeat center;left:-10px;bottom:50%;z-index:5;} .clearfix:nth-child(2n) .date:after{left:-73px;} .hisbox .date span{font-family: "Microsoft yahei";font-size:14px;} /* vinter 修改 */ .vinter-sy-caselink{width: 100%;overflow: hidden;} .float_qq{position: fixed; top: 50%; right: 0; margin-top: -101px; width: 50px; height: 203px; z-index: 6666} .float_qq li{width: auto; height: 50px; z-index: 20} .float_qq li.float_qq1, .float_qq li.float_qq4{position: absolute; left: 0; width: 62px} .float_qq li.float_qq1{top: 0} .float_qq li.float_qq2{position: absolute; top: 51px; left: 0; width: 126px} .float_qq li.float_qq3{position: absolute; top: 102px; left: 0; width: 172px} .float_qq li.float_qq4{top: 153px} .float_qq4{position: absolute; top: 153px; left: 0} .float_qq li a{display: block; font-family: "Microsoft Yahei"; color: #FFF; font-size: 14px; height: 50px; line-height: 50px; overflow: hidden; background-color: #000; opacity: .8; border-radius: 6px} .float_qq li a img{object-fit:contain;display: block; float: left;vertical-align: middle; width: 24px; height: 24px; margin: 12px 12px 14px 14px} .float_qq li a:hover{background-color: #2055ad; opacity: 1} .float_shwx{position: absolute; top: -226px; left: -216px; background: url(../images/float_wxbd.png) no-repeat bottom right; width: 216px; height: 216px; padding-bottom: 9px; display: none} .float_shwx img{display: block; padding: 14px; background-color: #FFF; width: 188px; height: 188px} .float_qq ul li.relEwm{top: 51px;width: 62px;position: absolute;} .sideBar-wrapper-ewm{position: absolute;top: -144px;left: -144px;background: url('../images/side-arr.png') no-repeat bottom right;width: 140px;height: 149px;padding-bottom: 9px;display: none;} .sideBar-wrapper-ewm img{display: block;background-color: #FFF;width: 140px;height: 140px;} .float_qq ul li.relEwm:hover .sideBar-wrapper-ewm{display: block;} .wtshade-box { position: fixed;display: none;width: 100%;height: 100%; background: rgba(0, 0, 0, .6);left: 0;top: 0; z-index: 999999;opacity: 0; } .wtshade { background: #fff;position: absolute;top: 50%;left: 50%; padding: 100px 0;transform: translate(-50%, -50%);display: none;text-align: center; width: 1200px;margin: 0 auto; } .wtshade p{line-height: 28px;font-size: 16px;} .wtshade a{width: 112px;height: 37px;line-height: 37px;color: #fff;background: #00479d;border-radius: 3px;display: block;margin: 32px auto 0;} .wtClick-close { display: block; width: 27px; height: 27px; background: url('../images/icon-close2.png') no-repeat; position: absolute; right: 10px;user-select: none; top: 10px;cursor: pointer; } @media all and (max-width:1220px) { .wtshade {padding: 40px 0;width: 92%;margin: 0 auto;} .ind-nfl .com-img{height: auto;} } /* ============================ */ .bnr-bgwt{width: 1340px;margin: 0 auto;position: relative;height: 798px;} .bnr-bgwtwords{position: absolute;left: 0;top: 28%;z-index: 3;opacity: 0;transition: all 1s ease;-webkit-transition: all 1s ease;transform: translateX(-200px);-webkit-transform: translateX(-200px);} .bnr-bgwtpic{position: absolute;right: 0;top: 12%;z-index: 1;opacity: 0;transition: all 1s ease;-webkit-transition: all 1s ease;transform: translateY(200px);-webkit-transform: translateY(200px);} .swiper-slide-active .bnr-bgwtwords{opacity: 1;transform: translateX(0px);-webkit-transform: translateX(0px);} .swiper-slide-active .bnr-bgwtpic{opacity: 1;transform: translateY(0px);-webkit-transform: translateY(0px);} @media all and (max-width:1360px) {.bnr-bgwt{width: 96%;}} /* =============2021/03/24=============== */ .popform-mix{position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 9999;background: rgba(0,0,0,0.5);display: none;align-items: center;justify-content: center;} .popform{width: 890px;background: #fff;padding: 40px 36px;position: relative;} .popform-close{width: 32px;height: 32px;cursor: pointer;position: absolute;background: url('../images/closewhite.svg') no-repeat center/22px auto;top: 0;right: -48px;transition: all .4s ease;} .popform-close:hover{transform: rotate(90deg);} .popform-title{width: 100%;text-align: center;} .popform-title h4{font-size: 26px;color: #333;line-height: 1;} .popform-form{display: block;width: 100%;margin-top: 32px;} .popform-form li{width: 49%;overflow: hidden;position: relative;} .popform-form li:last-child{margin-top: 20px;} .popform-form li:nth-child(2n+1){float: left;} .popform-form li:nth-child(2n){float: right;} .popform-form li input, .popform-form li select{display: block;width: 100%;background: #f7f7f7;height: 45px;padding: 0 18px;font-size: 16px;color: #888;border: none;appearance:none;-moz-appearance:none;-webkit-appearance:none;} .popform-form li i.must{font-size: 16px;color: #eb2a2e;position: absolute;left: 6px;top: 50%;z-index: 2;height: 16px;margin-top: -18px;} .popform-form li p.hint{height: 20px;font-size: 12px;padding: 0 18px;color: #eb2a2e;line-height: 18px;} .popform-form li select{background-image: url("../images/selarr.png");background-repeat: no-repeat;background-size: 9px auto;background-position: right 16px center;} .popform-form-more-box{width: 100%;overflow: hidden;} .popform-form li.popform-form-more select{width: 48%;} .popform-form li.popform-form-more select:first-child{float: left;} .popform-form li.popform-form-more select:last-child{float: right;} .popform-form li.popform-form-long{width: 100%;} .popform-form li p{font-size: 14px;color: #888;line-height: 24px;} .popform-form li p b{color: #eb2a2e;} .popform-form li h6{font-size: 14px;color: #888;display: inline-block;vertical-align: middle;position: relative;padding-left: 26px;user-select: none;cursor: pointer;} .popform-form li h6::before{content: "";position: absolute;width: 15px;height: 15px;border: 1px solid #d2d2d2;left: 0;top: 3px;} .popform-form li h6::after{display: none;content: "";position: absolute;width: 18px;height: 18px;background: url('../images/formyes.svg') no-repeat center/22px auto;left: 3px;top: 0px;} .popform-form li h6.active::before{border: 1px solid #1f55ad;} .popform-form li h6.active::after{display: block;} .popform-form li a{font-size: 14px;color: #1f55ad;display: inline-block;vertical-align: middle;} .popform-form li span.hint{font-size: 14px;color: #eb2a2e;display: inline-block;vertical-align: middle;margin-left: 4px;} .popform-form li.popform-form-center{text-align: center;} .popform-form li button{width: 180px;cursor: pointer;height: 45px;font-size: 18px;transition: all .4s ease;margin: 0 8px;border: none;} .popform-form li button.popform-cancel{color: #666;border: 1px solid #d2d2d2;} .popform-form li button.popform-confirm{background: #1f55ad;color: #fff;} .popform-form li button.popform-cancel:hover{background: #d2d2d2;} .popform-form li button.popform-confirm:hover{background: #00479d;} .technology-map.provicy, .technology-map.provicy p{font-size: 16px;color: #666;word-break: break-all;line-height: 28px;} .technology-map.provicy{margin-top: 68px;} @media all and (max-width: 1599px) { .popform-title h4 {font-size: 24px;} .popform {width: 800px;padding: 34px 30px;} .popform-form li input, .popform-form li select {height: 40px;} .popform-form li button {width: 160px;height: 40px;font-size: 16px;margin: 0 6px;} .popform-form {margin-top: 28px;} } @media all and (max-width: 1299px) { .technology.provicyBox{width: 100%;} .technology-map.provicy{padding: 0 4%;} } @media all and (max-width: 1000px) { .popform {width: 92%;} .popform-close {top: -40px;right: 0;} .technology-map.provicy{margin-top: 40px;} } @media all and (max-width: 640px) { .popform-title h4 {font-size: 20px;} .popform {padding: 24px 20px;} .popform-form li{width: 100%;} .popform-form li button {width: 136px;margin: 0px 2px;} .popform-form{height: 372px;overflow-y: auto;} .technology-map.provicy{margin-top: 12px;} .popform-form {margin-top: 24px;} .popform-form li.popform-form-more select{width: 100%;} .popform-form li.popform-form-more select:last-child{margin-top: 20px;} .float_qq {display: none;} }