/* CSS Document */ /*-----whole-----*/ /*-----whole-----*/ html{font-size:100px;} body{transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-webkit-transition:all .25s ease-in-out;overflow-x:hidden !important;} body.resizing *{transition:none !important;-webkit-transition:none !important;-moz-transition:none !important;} i{ font-style:normal} .contain{width:1200px;margin:0 auto;} .container_1400{ width: 80%;margin: 0px auto; overflow: hidden;position: relative;} .container_1200{width: 1200px;margin: 0px auto; overflow: hidden;position: relative; } a{text-decoration:none;} a:hover{text-decoration:none;} /*color:#00913a;*/ /*clearfix*/ .clearfix{*zoom:1} .clearfix:before, .clearfix:after{display:table;content:""} .clearfix:after{clear:both} /*初始化按钮*/ .btn{display:inline-block;text-align:center;padding:0px;border:0px;margin:0px;position:relative;cursor:pointer;} .btn span{display:inline-block;} /*通用img*/ img.rollover{position:absolute;top:0px;left:0px;opacity:0;filter:Alpha(opacity=0);z-index:2;} input.text, textarea.text{display:block;padding:0px;width:100%;border:0px;background:none;margin:0px;} /*海报*/ a.htmleaf-icon{outline:0;color:rgba(255,255,255,.6);text-decoration:none;-webkit-transition:.2s;transition:.2s} a.htmleaf-icon:focus,a.htmleaf-icon:hover{color:#74777b;text-decoration:none} .htmleaf-container{margin:0 auto} .slide-text>h1{font-weight:700;font-family:'Microsoft YaHei'} .bgcolor-1{background:#f0efee} .bgcolor-2{background:#f9f9f9} .bgcolor-3{background:#e8e8e8} .bgcolor-4{background:#2f3238;color:#fff} .bgcolor-5{background:#df6659;color:#521e18} .bgcolor-6{background:#2fa8ec} .bgcolor-7{background:#d0d6d6} .bgcolor-8{background:#3d4444;color:#fff} .bgcolor-9{background:#ef3f52;color:#fff} .bgcolor-10{background:#64448f;color:#fff} .bgcolor-11{background:#3755ad;color:#fff} .bgcolor-12{background:#3498DB;color:#fff} .bgcolor-20{background:#494A5F;color:#D5D6E2} .htmleaf-header{padding:1em 190px 1em;background:#66677c;text-align:center;letter-spacing:-1px} .htmleaf-header h1{margin-bottom:0;color:#D5D6E2;font-weight:600;font-size:2em;line-height:1} .htmleaf-header h1 span{display:block;padding:.8em 0 .5em 0;color:#c3c8cd;font-weight:400;font-size:60%} .htmleaf-demo a{color:#fff;text-decoration:none} .htmleaf-demo{padding-bottom:1.2em;width:100%} .htmleaf-demo a{display:inline-block;margin:.5em;padding:.6em 1em;border:3px solid #fff;font-weight:700} .htmleaf-demo a:hover{opacity:.6} .htmleaf-demo a.current{background:#1d7db1;color:#fff} .htmleaf-links{position:relative;display:inline-block;text-align:center;white-space:nowrap;font-size:1.5em} .htmleaf-links::after{position:absolute;top:0;left:50%;margin-left:-1px;width:2px;height:100%;background:#dbdbdb;content:'';-webkit-transform:rotate3d(0,0,1,22.5deg);transform:rotate3d(0,0,1,22.5deg)} .htmleaf-icon{display:inline-block;margin:.5em;padding:0 0;width:1.5em;text-decoration:none} .htmleaf-icon span{display:none} .htmleaf-icon:before{margin:0 5px;text-transform:none;font-weight:400;font-style:normal;font-variant:normal;font-family:icomoon;line-height:1;speak:none;-webkit-font-smoothing:antialiased} .htmleaf-footer{padding-top:10px;width:100%} .htmleaf-small{font-size:.8em} .center{text-align:center} .related>a{vertical-align:top} .related a{display:inline-block} .related a:active,.related a:hover{opacity:1} .related a img{max-width:100%} .related a:active img,.related a:hover img{opacity:1} .related h3{font-family:"Microsoft YaHei",sans-serif} .related a h3{font-size:.85em;.icon-htmleaf-home-outline:before { content: "\e5000"; } .icon-htmleaf-arrow-forward-outline:before { content: "\e5001"; } @media screen and (max-width: 1024px) { .htmleaf-header { padding: 2em 10% 2em; } .htmleaf-header h1 { font-size:1.4em; } .htmleaf-links{font-size: 1.4em;} } @media screen and (max-width: 960px) { .htmleaf-header { padding: 2em 10% 2em; } .htmleaf-header h1 { font-size:1.2em; } .htmleaf-links{font-size: 1.2em;} .related h3{font-size: 1em;} .related a h3 { font-size: .8em; } } @media screen and (max-width: 766px) { .htmleaf-header h1 { font-size:1.3em; } .htmleaf-links{font-size: 1.3em;} } @media screen and (max-width: 640px) { .htmleaf-header { padding: 2em 10% 2em; } .htmleaf-header h1 { font-size:1em; } .htmleaf-links{font-size: 1em;} .related h3{font-size: .8em;} .related a h3 { font-size: .6em; } } } /*海报结束*/ .index_div .piclist{position: absolute;z-index: 1;width: 100%;height: 727px;} .index_div .piclist li a{height: 727px;width: 100%;text-align: center;display: block;background-repeat: no-repeat;background-position: center center;} .index_div .index-container{width: 1200px; margin: 0 auto; left: 50%;right: 50%;z-index: 2;bottom: 30px;height: 160px;overflow: hidden;} .index_div .index-container .index-slide{-o-transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;-ms-transition:all .6s;transition:all .6s;width: 280px;float: left;margin-right: 20px;background-image: url(../image/bg2.png);height: 120px;-o-transition: all .0s; -moz-transition: all .0s; -webkit-transition: all .0s; -ms-transition: all .0s; transition: all .0s;font-size: 12px;line-height: 22px;color: #FFFFFF;} .index_div .index-container .index-slide a{color: #FFFFFF;text-decoration: none;display: block;padding-top: 20px;padding-right: 10px;padding-bottom: 10px;padding-left: 10px;} .index_div .index-container .index-slide a strong{font-size: 20px;font-weight: normal;} .index_div .index-container .index-slide a p{padding-top: 8px;} .index_div .index-container .index-slide:hover,#indexbanner .btncon ul li.on{background-color: #00913a;background-image: none;} .index_div .index-container .index-slide img{float: left;margin-right: 10px; width: 80px; height: 80px;} /*--- Header ---*/ .Header-wrapper{z-index:99;} .Header-wrapper .Header-cl{height:72px;position:relative;} .header-container{width:100%;height:72px;background:#fff;position:fixed;top:0px;left:0px;z-index:90;} .Hlogo{height:72px;line-height:72px;font-size:0px;float:left;overflow:hidden;margin:0 0 0 1rem;} .Hlogo img{width:auto;height:60px;} .Had{padding:0 0 0 .2rem;height:40px;line-height:40px;font-size:16px;color:#888888;letter-spacing:2px;border-left:1px solid #d5d5d5;float:left;margin:16px 0 0 .2rem;} .Hlang{display:block;padding:0 0 0 22px;line-height:72px;font-size:15px;color:#999999;background:url("../image/icon-Hlang.png") no-repeat left center;float:right;margin:0 1rem 0 0;} .Hsrch{position:relative;float:right;margin:0 .13rem 0 0;} .Hsrch-menu{display:block;width:40px;height:72px;background:url("../image/icon-Hsrch.png") no-repeat center center;transition:none !important;position:relative;} .Hsrch-menu.cur{background:url("/templets/default/images/icon/icon-close.png") no-repeat center center / 16px auto;} .Hsrch-menu:after{content:"";display:block;width:1px;height:13px;background:#c5c5c5;position:absolute;right:0px;top:50%;margin-top:-5px;} .Hsrch-box{padding:0 60px 0 10px;width:330px;height:50px;background:#fff;position:absolute;top:72px;right:0px;z-index:2;display:none;} .Hsrch-box .text{width:100%;height:48px;} .Hsrch-box .btn{width:50px;height:100%;background:url("/templets/default/images/icon/icon-Hsrch.png")no-repeat center center;position:absolute;right:0px;top:0px;} .Hsrch-box i{display:block;width:1px;height:16px;background:#ccc;position:absolute;right:50px;top:50%;margin:-8px 0 0;} .Hnav{float:right;margin:0 .1rem 0 0;} .Hnav>li{margin:0 .25rem;float:left;} .Hnav .Hname{display:block;height:72px;line-height:72px;font-size:15px;color:#444;position:relative;} .Hname i{display:block;width:50px;height:100%;background:url("/templets/default/images/icon/icon-dd3.png") no-repeat center center;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;position:absolute;right:0px;top:0px;z-index:2;display:none;transform:rotate(180deg);-webkit-transform:rotate(180deg);} .Hname.cur i{transform:rotate(0deg);-webkit-transform:rotate(0deg);} .Hnav>li:hover .Hname, .Hnav>li.cur .Hname{color:#00913a;background:url("/templets/default/images/icon/icon-dd1.png") no-repeat center 56px;transition:none !important;-webkit-transition:none !important;} .Hnav .Hn2nd-box{padding:28px 0 32px;width:100%;text-align:center;font-size:0px;background:#f7f8fa;position:absolute;top:72px;left:0px;display:none;} .Hn2nd-box .Hn2nd-img{display:inline-block;width:16.4583%;height:159px;overflow:hidden;vertical-align:middle;} .Hn2nd-img img{width:100%;height:100%;object-fit:cover;} .Hn2nd-box .Hn2nd-list{display:inline-block;width:208px;text-align:left;font-size:14px;margin:8px 0 0;vertical-align:top;} .Hn2nd-list dt{padding:0 0 0 15px;line-height:30px;font-weight:600;position:relative;margin:0 0 5px;} .Hn2nd-list dt:after{content:"";display:block;width:4px;height:4px;background:#666666;position:absolute;left:0px;top:50%;margin-top:-2px;} .Hn2nd-list dd{line-height:30px;color:#777777;} .Hn2nd-list dd a{display:block;padding:0 0 0 15px;position:relative;} .Hn2nd-list dd a:after{content:"";display:block;width:5px;height:1px;background:#888888;position:absolute;left:0px;top:50%;margin-top:-1px;} .Hn2nd-list dd a:hover{color:#00913a;} .Hn2nd-list.Hn2nd-list2{width:264px;} .Hn2nd-list.Hn2nd-list2 dd a, .Hn2nd-list.Hn2nd-list3 dd a{padding:10px 0 10px 16px;width:50%;line-height:20px;color:#666666;float:left;} .Hn2nd-list.Hn2nd-list2 dd a:after, .Hn2nd-list.Hn2nd-list3 dd a:after{width:4px;height:4px;background:#666666;margin-top:-2px;} .Hn2nd-list.Hn2nd-list3 dd a{width:100%;} .Hn2nd-list.Hn2nd-list2 dd a:hover, .Hn2nd-list.Hn2nd-list3 dd a:hover{color:#00913a;} .Hn2nd-box .Hn2nd-con{display:inline-block;width:284px;text-align:left;vertical-align:middle;} .Hn2nd-con .title{line-height:21px;font-size:15px;position:relative;} .Hn2nd-con .title:after{content:"";display:inline-block;width:42px;height:1px;background:#cccccc;margin:-3px 0 0 14px;vertical-align:middle;} .Hn2nd-con .con{min-height:90px;font-size:14px;line-height:30px;color:#777777;margin:12px 0 0;} .Hn2nd-box .split{display:inline-progroupblock;width:1px;height:159px;background:#dedede;margin:0 .74rem;vertical-align:middle;} .Hn2nd-box .split.s2{margin:0 .55rem 0 0;} .progroup{position:relative;overflow:hidden;width:100%; margin-top: 20px;} .progroup .item{margin-top: 20px;} .progroup .current_protitle{font-size:20px} .progroup .photos,.progroup .video{position:relative;width:46%} .progroup .photos img,.progroup .video img{} .progroup .photos img{ width: 100%} .progroup .photos .circle_btns a:first-child{margin-right:10px} .progroup .photos .circle_btns a:first-child i{display:inline-block;transform:translateX(2px)} .progroup .photos .circle_btns a:last-child i{display:inline-block;transform:translateX(-2px)} .progroup>.item{position:absolute;top:-100%;clear:both;overflow:hidden;width:100%;opacity:0;transition:all ease-in-out .3s} .progroup>.item.on{top:0;opacity:1} @media handheld,only screen and (max-width:1600px){.index .i_pro .progroup{height:450px} } @media handheld,only screen and (max-width:1440px){.index .i_pro .progroup{height:390px} } .index_5 { padding: 80px 0 100px; background: #f2f3f5; } .index_5 .in_tit { margin-bottom: 60px; text-align: center; } .index_5 .in_tit h4 { margin-bottom: 20px; font-size: 42px; color: #666; font-weight: 100; line-height: 36px; } .index_5 .in_tit h4 i { display: inline-block; color: #0281cc; font-weight: 100; vertical-align: top; } .index_5 .in_tit h6 { font-size: 24px; color: #bac5cc; font-weight: 100; vertical-align: top; text-transform: uppercase; } .index_5 .in_mian { overflow: hidden; } .index_5 .in_mian ul { margin-right: -1%; } .index_5 .in_mian ul li { float: left; width:24%; margin-right: 1%; box-sizing: border-box; } .index_5 .in_mian ul li:hover .in_img span { -webkit-transform: scale(1.1); transform: scale(1.1); } .index_5 .in_mian ul li:hover .in_txt { background: #00913a; } .index_5 .in_mian ul li:hover .in_txt span font, .index_5 .in_mian ul li:hover .in_txt span em { color: #fff; } .index_5 .in_mian ul li:hover .in_txt i { color: #00913a; } .index_5 .in_mian .in_img { width: 100%; height: 300px; overflow: hidden; } .index_5 .in_mian .in_img span { display: block; width: 100%; height: 100%; background: no-repeat center; background-size: cover; -webkit-transition: all .5s; transition: all .5s; } .index_5 .in_mian .in_txt { background: #fff; padding: 20px 28px; } .index_5 .in_mian .in_txt span { width: calc(100% - 60px); line-height: 25px; } .index_5 .in_mian .in_txt span em { display: block; font-size: 16px; color: #333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .index_5 .in_mian .in_txt span font { display: block; font-size: 12px; color: #858585; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .index_5 .in_mian .in_txt i { display: block; width: 50px; height: 50px; overflow: hidden; border: 1px solid #ccc; border-radius: 50%; background: #fff; box-sizing: border-box; box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, 0.1); font-size: 24px; color: #666; line-height: 48px; text-align: center; vertical-align: top; } /*数据中心*/ .index-data{padding:65px 0 0;background:url("../image/inner-hzgys.jpg") center center; height: 100%; width: auto;} .index-data2{padding:65px 0 0;background:url("../image/inner-fzlc.jpg") center;} .index-data1{padding:65px 0 0;} .iData-box{text-align:center;margin:16px 0 0;} .iData-box img{max-width:100%;} /*数据中心*/ .dataCen-container{padding:43px 0 0;} .dataCen-main{min-height:685px;position:relative;} .dataCen-web{text-align:center;display:none;} .dataCen-main .DCmap-spot{display:block;position:absolute;} .DCmap-spot .point{display:block;padding:0 0 0 17px;height:20px;line-height:20px;font-size:12px;color:#666;position:relative;z-index:2;} .DCmap-spot .point:before{content:"";display:block;width:10px;height:10px;border-radius:100%;background:#ffba00;position:absolute;left:0px;top:5px;} .DCmap-spot .orn{width:100px;height:100px;position:absolute;top:-40px;left:-45px;} .DCmap-spot .orn:after{content:"";display:block;border-radius:50%;border:3px solid #ffba00;opacity:0;position:absolute;top:0px;left:0px;bottom:0px;right:0px;} .DCmap-spot .orn.orn1:after{animation:ripple 4.5s ease-out 0s infinite;-webkit-animation:ripple 4.5s ease-out 0s infinite;} .DCmap-spot .orn.orn2:after{animation:ripple 4.5s ease-out 0.675s infinite;-webkit-animation:ripple 4.5s ease-out 0.675s infinite} .DCmap-spot .orn.orn3:after{animation:ripple 4.5s ease-out 1.575s infinite;-webkit-animation:ripple 4.5s ease-out 1.575s infinite;} @-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)}} .DCmap-spot.DCmap-spot-main .point:before{background:#5cd6e8;} .DCmap-spot.DCmap-spot-main .orn:after{border-color:#5cd6e8;} /*世界地图*/ .dataCen-world{padding:25px 0 89px;} .DCworld-wrap{width:950px;height:489px;background:url("../image/dataCen-1.png") no-repeat center center;position:relative;left:50%;margin:0 0 0 -400px;} /*中国*/ .DCmap-spot.DCmSpot-zhongguo{top:225px;left:395px;} /*德国*/ .DCmap-spot.DCmSpot-dg{top:175px;left:80px;} /*巴西*/ .DCmap-spot.DCmSpot-meiguo{top:386px;left:965px;} /*乌拉圭*/ .DCmap-spot.DCmSpot-wlg{top:475px;left:980px;} /*意大利*/ .DCmap-spot.DCmSpot-ydl{top:206px;left:75px;} /*中东*/ .DCmap-spot.DCmSpot-zhongdong{top:252px;left:173px;} /*日本*/ .DCmap-spot.DCmSpot-riben{top:239px;left:469px;} /*马来西亚*/ .DCmap-spot.DCmSpot-malaixiya{top:340px;left:354px;} /*新加坡*/ .DCmap-spot.DCmSpot-xinjiapo{top:370px;left:369px;} /*澳大利亚*/ .DCmap-spot.DCmSpot-aodaliya{top:446px;left:458px;} /*新西兰*/ .DCmap-spot.DCmSpot-xxl{top:526px;left:558px;} /*香港*/ .DCmap-spot.DCmSpot-xianggang{top:288px;left:387px;} /*华北*/ .DCmap-spot.DCmSpot-huabei{top:229px;left:340px;} /*如康*/ .DCmap-spot.DCmSpot-huadong{top:240px;left:400px;} /*华南*/ .DCmap-spot.DCmSpot-huanan{top:270px;left:365px;} /*new*/ .fl100{ float: left; width: 100%;} .inde_title{ padding-bottom:4.5%; margin-bottom: 3.4%; border-bottom: 1px solid #d7d7d7; } .heigt_auto { height: auto; overflow: hidden;} .floor_box3{ height: 700px; padding: 3% 0; background-color: #f4f4f4;} .ind_newName{ padding-bottom: 1.8%;} .inde_new ul{ margin: 0 -10px;} .inde_new li{ float: left; width: 33.333333%; padding: 0 10px;} .inde_newbox{ background-color:#fff;} .inde_newbox img{width: 100%;height: 290px;object-fit: cover;} .inde_newShow{ padding:5% 4%;} .inde_title{ padding-bottom:4.5%; margin-bottom: 3.4%; border-bottom: 1px solid #d7d7d7; } .inde_newIntro{ width:80%; padding-top: 1.2%;} .news_time{ width: 20%; padding: 0 3%; text-align:center;} .inde_newIntro{ line-height: 1.8;} .inde_newShow .new_day{ padding-bottom: 0.4%;/* padding-left:16%;*/ border-bottom: 1px solid #d7d7d7;text-align:center;font-size:32px;} .news_time .new_year{ font-size: 14px;} .floor_box4{ padding: 3% 0;} .inde_comp{ display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 60; text-align: center;} .inde_comp img{ width: 28.6%; margin: 0 auto; padding-top: 40%;} .inde_compname{ display: block; padding-top: 2.4%; color: #fff; font-size: 14px; width: 100%; text-align: center;} a:hover .inde_compname{ color: #fff !important;} .inde_compinfor{ display: none; color: #fff; padding:8% 6% 10%; line-height: 1.6; opacity:0.4; filter:Alpha(Opacity=40); font-size: 14px;} #owl-layout3 a .inde_compinfor,#owl-layout3 a:hover .inde_compinfor{color: #fff !important; opacity:0.4; filter:Alpha(Opacity=40);} #owl-layout3 .layout_more{ display: none; color: #949499 !important; font-size: 12px; padding: 1.4% 2.2%; margin: 4% auto 0;} #owl-layout3 .layout_more span{color: #949499 !important;} #owl-layout3 .layout_more:hover span{ color: #949499; } .owl-item:hover .inde_compname{ padding-top: 3.4%;} .owl-item:hover .inde_comp img{ padding-top: 5%;} .owl-item:hover .inde_compinfor{ display: block;} .inde_comp .cust_icon{display:none;} #owl-layout3 .owl-item:hover .layout_more, #owl-layout3 .owl-item:hover .cust_icon{ display:inline-block;} #owl-layout3.owl-theme .owl-controls .owl-page span{ background-color: #55565a; opacity:1; filter:Alpha(Opacity=100);} #owl-layout3.owl-theme .owl-controls .owl-page.active span{ background-color: #16277d; opacity:1; filter:Alpha(Opacity=100);} /*产品中心*/ .i_services{position:relative} .i_services .tit{padding:5% 0;height:104px;color:#666;text-align:center} .i_services .tit .en{letter-spacing:20px;font-size:60px;} .i_services .tit .ch{font-weight:lighter;font-size:30px} .i_services .tabs_lr_{position:absolute;z-index:155;width:100%} .i_services .tabs_lr_ .l,.i_services .tabs_lr_ .r{position:absolute;top:50px;width:50px;height:50px;animation:lrlrlrllr 1s infinite} .i_services .tabs_lr_ .l img,.i_services .tabs_lr_ .r img{width:100%} .i_services .i_s_tab{border-bottom:1px solid #dbdbdb;background:#f9f9f9} .i_services .i_s_tab .container{background:url(/templets/default/images/i_s_tab_l.png) no-repeat right center} .i_services .i_s_tab .tabs____{position:relative;left:0;overflow:hidden;height:100%} .i_services .i_s_tab a{float:left;display:block;padding:30px 0;background:url(/templets/default/images/i_s_tab_l.png) no-repeat left center;text-align:center;transition:all .4s,transform .4s} .i_services .i_s_tab a span{position:relative;display:inline-block} .i_services .i_s_tab a span.pic{margin-right:18px} .i_services .i_s_tab a span .hover{position:absolute;top:0;left:0;visibility:hidden;opacity:0;transition:all .4s,transform .4s} .i_services .i_s_tab a span i{display:block;text-align:left;transition:all .4s,transform .4s} .i_services .i_s_tab a span i.ch{font-size:20px} .i_services .i_s_tab a span i.en{font-size:12px;} .i_services .i_s_tab a.hover,.i_services .i_s_tab a:hover{background-color:#fff} .i_services .i_s_tab a.hover span .hover,.i_services .i_s_tab a:hover span .hover{visibility:visible;opacity:1} .i_services .i_s_tab a.hover span i.ch,.i_services .i_s_tab a:hover span i.ch{color:#00913a;font-weight:700} .i_services .i_s_content .i_s_top{border-bottom:1px solid #dbdbdb} .i_services .i_s_content .i_s_top .pic{float:left;width:50%} .i_services .i_s_content .i_s_top .pic img{display:block;width:100%} .i_services .i_s_content .i_s_top .content{float:left;width:50%} .i_services .i_s_content .i_s_top .content .inner{padding:0 50px} .i_services .i_s_content .i_s_top .content .inner .des{color:#888;line-height:26px} .i_services .i_s_content .i_s_top .content .title{padding:50px 0} .i_services .i_s_content .i_s_top .content .title .en{font-size:36px; color: #9E9E9E} .i_services .i_s_content .i_s_top .content .title .ch{display:block; font-size: 30px;} .i_services .i_s_content .i_s_bottom{position:relative;top:-64px;height:220px} .i_services .more{background:#e4e4e4} .i_services .more:hover{box-shadow:0 0 10px #e4e4e4;transition:all .4s,transform .4s} .i_services .more{background:#e4e4e4} .i_services .more:hover{box-shadow:0 0 10px #e4e4e4;transition:all .4s,transform .4s} .i_services .more{background:#61cfdf} .i_services .more:hover{box-shadow:0 0 10px #61cfdf;transition:all .4s,transform .4s} .i_services .i_s_content .i_s_bottom .inner{position:relative;padding-top:64px;padding-left:316px} .i_services .more{position:absolute;top:280px;left:760px; ;display:inline-block;margin:0 0 0 50px;transition:all .4s,transform .4s} .i_services .more a{display:inline-block;padding:60px 38px;color:#fff;text-align:center} .i_services .more a .en{padding-bottom:15px;height:32px;background:url(/templets/default/images/m_t_l.png) no-repeat center bottom;background-size:28px 1px;letter-spacing:2px;font-size:32px;line-height:32px;transition:all .4s,transform .4s} .i_services .more a .ch{padding-top:15px;height:16px;font-size:16px;line-height:16px} .i_services .more:hover a .en{background-size:100% 1px;transition:all .4s,transform .4s} .i_services .i_s_content .i_s_bottom .inner .i_s_b_nav{position:relative;padding-right:330px} .i_services .i_s_content .i_s_bottom .inner .i_s_b_nav ul{margin:26px 0;background:url(../image/i_s_b_nav_l.png) repeat-y right center} .i_services .i_s_content .i_s_bottom .inner .i_s_b_nav ul a{float:left;display:block;padding:15px 0;width:33.333333%;background:url(../image/i_s_b_nav_l.png) repeat-y left center;text-align:center;line-height:1em} .i_services .i_s_content .i_s_bottom .inner .i_s_b_nav ul a img{display:block;margin:0 auto 17px} .i_services .i_s_content .i_s_bottom .inner .i_s_b_nav .more_photo{position:absolute;top:50%;right:0;margin-top:-40px;padding-right:20px;padding-left:26px;width:194px;height:74px;border-top:1px solid #c5c5c5;border-bottom:1px solid #c5c5c5;line-height:74px} .i_services .i_s_content .i_s_bottom .inner .i_s_b_nav .more_photo:after{float:right;margin-right:20px;content:url(/templets/default/images/i_s_p_m_bg.png);vertical-align:baseline} /*视频*/ #wrapper { max-width: 600px; margin: 0 auto; text-align: center; } #gallery { overflow: hidden; } #gallery a { display: block; float: left; } #gallery a img { display: block; border: 0; } .yanxuan{ width: 100%; height: 600px; background: url(../image/yanxuan.jpg) no-repeat center;} .yanxuan .contact{ width: 1200px; height: 375px; margin: 0 auto} .sc{ height: 250px; margin-top:70px;} .sc .contact{width: 1200px; margin: 0px auto; z-index: 1;} .sc .contact ul{ margin-top: 40px; } .sc .contact ul li { float: left; width: 33%; margin: 0 auto; padding-left: 120px;} .sc .contact ul li a{ } .sc .contact ul li h3 {line-height: 1em; color: #888888;font-size: 18px;font-weight: bold;padding-top: 5px;} .sc .contact ul li span {line-height: 1em;color:#00913a;margin-top: 5px;font-family: 微软雅黑;} .sc .contact ul li i {display: inline-block; width: 43px; height: 43px; float: left; margin-right: 40px;} .sc .contact ul li .wz{ float: left} .sc .contact ul li .sc01{ background: url(../image/sc01.png) } .sc .contact ul li .sc02{ background: url(../image/sc02.png) } .sc .contact ul li .sc03{ background: url(../image/sc03.png) } .sc .contact ul li .sc04{ background: url(../image/sc04.png) } @media screen and (max-width: 640px) { .sc .contact,.yanxuan .contact{width:96%; margin: 0px auto; z-index: 1;} .sc .contact ul li{ width:33.33%; padding-left:0; text-align:center} .sc .contact ul li i,.sc .contact ul li .wz{ float:none; margin-right:0;} .sc .contact ul li h3{ font-size:15px;} .sc{ height:auto; margin-top:0} } /*--- Footer ---*/ .Footer-wrapper{z-index:98;} .footer-cr{padding:10px 0;line-height:28px;font-size:13px;color:#fff;background:#006D2B;} .footer-cr span {color:#fff;} .footer-cr span a {color:#fff;} .footer-cr a{opacity:.3;} .footer-cr .split{display:inline-block;width:2px;height:14px;background:#7f8287;vertical-align:middle;margin:0 5px;opacity:.3 !important;} .footer-cr span:hover, .footer-cr a:hover{opacity:1;} .footer-container{padding:25px 0 24px;color:#fff;background:#00913a;} .footer-container .Fnav{width:16.6%;float:left;} .footer-container dl dt .type{line-height:33px;font-size:15px;} .footer-container dl dt .split{display:block;width:62px;height:1px;background:#B9B9B9;position:relative;margin:10px 0 11px;} .footer-container dl dt .split:after{content:"";display:block;width:17px;height:1px;background:#fff;position:absolute;left:0px;top:0px;} .footer-container .Fnav dd a{display:block;padding:5px 10px 5px 0;line-height:20px;font-size:13px;opacity:.6;} .Fnav dd a:hover{opacity:1;} .footer-container .Fct{width:17%;float:right;} .Fct table tr td{padding:5px 0;line-height:21px;font-size:13px;vertical-align:top;opacity:.6;} .Fct table tr td:first-child{width:40px;} .Footer-wrapper.on .Fnav dd{display:block !important;} /*内页banner 文字缓动1*/ .ypt-bann{padding-top:100px!important;} .ypt-bann h2{font-size:28px!important;font-weight:lighter;text-align:left!important;} .ypt-bann h2 span{font-size:56px!important;} .ypt-bann h3{font-size:16px!important;font-weight:lighter!important;text-align:left!important;line-height:30px;} .bann h2,.bann h1,.bann h4,.bnr-t1 h2{animation:mymove 1s infinite;-webkit-animation:mymove 1s infinite;animation-iteration-count:1;-webkit-animation-iteration-count:1;} @keyframes mymove{ from{transform:translateY(-50px);} to{transform:translateY(0px);} } @-webkit-keyframes mymove{ from{transform:translateY(-50px);} to{transform:translateY(0px);} } .pdtb70{padding:70px 0px;} .bann{height:770px;color:#fff;background-size:cover;background-position: center;background-repeat: no-repeat;padding-top:340px;position: relative;} .bann .t1{font-size:60px;text-align:center;margin-bottom:20px;} .bann .t2{margin-bottom:10px;text-align:center;} .bann .t2 span{position: relative;} .bann .t2 span:after{content:"";position:absolute;left:0%;top:50%;width:120px;height:1px;margin-left:-150px;background:rgba(255,255,255,.2);} .bann .t2 span:before{content:"";position:absolute;right:0%;top:50%;width:120px;height:1px;margin-right:-150px;background:rgba(255,255,255,.2);} /*文字缓动2*/ .bann .t1,.bann .t2{animation:mymovet 0.8s infinite;-webkit-animation:mymovet 0.8s infinite;animation-iteration-count:1;-webkit-animation-iteration-count:1;} .bann .h1{font-size:36px;font-weight:bold;text-align:center;margin-bottom:20px;} .bann .h2{margin-bottom:10px;text-align:center;font-size: 18px;line-height:32px;} .bann .h1,.bann .h2{animation:mymovet 0.8s infinite;-webkit-animation:mymovet 0.8s infinite;animation-iteration-count:1;-webkit-animation-iteration-count:1;} /*--- Banner ---*/ .bnr-img{display:block;width:100%;height:auto;background-position:center center !important;background-repeat:no-repeat !important;background-size:cover !important;position:relative;} #index-bnr .bnr-img{height:850px;overflow:hidden;} #index-bnr .swiper-pagination{font-size:0px;bottom:9.850746268656716%;} #index-bnr .swiper-pagination-bullet{width:60px;height:2px;background:#fff;border-radius:0px;opacity:.75;position:relative;overflow:hidden;margin:0 7px;} #index-bnr .swiper-pagination .swiper-pagination-bullet i{display:block;width:100%;height:100%;background:#30b4e9;position:absolute;left:-100%;top:0px;} #index-bnr .swiper-pagination-bullet-active{} #index-bnr .swiper-slide .bnr-bg{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;} #index-bnr .swiper-slide.swiper-slide-active .bnr-bg{transition-delay:0.4s !important; transform:matrix(1, 0, 0, 1, 0, 0); -webkit-transition:all 7.0s ease; -moz-transition:all 7.0s ease; -ms-transition:all 7.0s ease; -o-transition:all 7.0s ease; transition:all 7.0s ease;} #index-bnr .bnr-bg{width:100%;height:100%;background-position:center center !important;background-repeat:no-repeat !important;background-size:cover !important;position:absolute;top:0px;left:0px;} /*iBnr-1*/ .iBnr1-box{position:absolute;top:50%;left:50%;margin:-121px 0 0 -241px;z-index:2;} /*iBnr-2*/ .iBnr2-box{color:#fff;position:absolute;top:35.82089552238806%;left:8.39rem;} .iBnr2-box .t1{line-height:63px;font-size:43.4px;font-weight:lighter;} .iBnr2-box .t1 .num{font-weight:600;font-size:75.5px;color:#30b4e9;vertical-align:text-bottom;margin:0 0 0 24px;} .iBnr2-box .t2{line-height:30px;font-size:20px;font-weight:lighter;opacity:.85;letter-spacing:4px;margin:20px 0 0;} /*iBnr-3*/ .iBnr3-box{width:100%;text-align:center;color:#fff;position:absolute;left:0px;top:32.38805970149254%;} .iBnr3-box .t1{line-height:60px;font-size:36px;color:#fff;font-weight:lighter;letter-spacing:17px;} .iBnr3-box .t2{line-height:80px;font-size:54px;font-weight:600;} .iBnr3-box .t1:after, .iBnr3-box .t1:before{content:"";display:inline-block;width:67px;height:1px;vertical-align:middle;background:rgba(255,255,255,.5);} .iBnr3-box .t1:before{margin:0 30px 0 0;} .iBnr3-box .t1:after{margin:0 0 0 13px;} /*animation*/ .iBnr1-box, .iBnr2-box .t1 p, .iBnr2-box .t2, .iBnr3-box .t1, .iBnr3-box .t2{transition:all .6s ease-in-out .2s;-webkit-transition:all .6s ease-in-out .2s;} .iBnr1-box, .iBnr2-box .t1 p, .iBnr2-box .t2, .iBnr3-box .t1, .iBnr3-box .t2{opacity:0;} .iBnr2-box .t1 p, .iBnr2-box .t2, .iBnr3-box .t1{transform:translateX(-70px);-webkit-transform:translateX(-70px);} .iBnr3-box .t2{transform:translateX(70px);-webkit-transform:translateX(70px);} .iBnr2-box .t1 p:nth-child(2){transition-delay:.3s;-webkit-transition-delay:.3s;} .iBnr2-box .t2{transition-delay:.4s;-webkit-transition-delay:.4s;} .iBnr1-box{transform:scale(.8);-webkit-transform:scale(.8);} .swiper-slide.swiper-slide-active .iBnr1-box, .swiper-slide.swiper-slide-active .iBnr2-box .t1 p, .swiper-slide.swiper-slide-active .iBnr2-box .t2, .swiper-slide.swiper-slide-active .iBnr3-box .t2, .swiper-slide.swiper-slide-active .iBnr3-box .t1{transform:translate(0,0) scale(1);-webkit-transform:translate(0,0) scale(1);opacity:1;} .bnr-img.page-bnr{height:480px;} #index-webBnr{display:none;} #index-webBnr .bnr-img{height:16.75rem;} .bnr-img.PSA-bnr{padding:194px 0 193px;text-align:center;color:#fff;} .bnr-img.PSA-bnr .t1{line-height:61px;font-size:43.94px;position:relative;} .bnr-img.PSA-bnr .t2{line-height:32px;font-size:20.49px;opacity:.75;text-transform:uppercase;font-weight:lighter;font-family:'微软雅黑';letter-spacing:6px;position:relative;} .bnr-img.PSA-bnr .t1:after{content:"";display:block;width:1px;height:73px;background:rgba(255,255,255,.4);position:absolute;top:-113px;left:50%;margin-left:-1px;} .bnr-img.PSA-bnr .t2:after{content:"";display:block;width:1px;height:73px;background:rgba(255,255,255,.4);position:absolute;bottom:-113px;left:50%;margin-left:-1px;} /*--- Container ---*/ /*右侧悬浮*/ .float-toolbar{position:fixed;right:.8rem;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);z-index:10;} .float-toolbar .rtn-top{display:block;width:56px;height:56px;background:#e7e7e7 url("/templets/default/images/icon/icon-rTop.png") no-repeat center center;position:absolute;right:0px;top:0px;} .float-toolbar .ft-oMsg{display:block;padding:0 15px 0 0;width:56px;height:56px;line-height:56px;text-align:right;color:#fff;font-size:0px;background:#30b4e9;position:absolute;right:0px;top:56px;overflow:hidden;} .ft-oMsg span{display:block;width:116px;text-align:center;font-size:16px;position:absolute;right:37px;top:0px;opacity:0;} .ft-oMsg:hover{width:156px;} .ft-oMsg:hover span{opacity:1;} .oMsg-modal{width:100%;height:100%;background:rgba(0,0,0,.64);position:fixed;top:0px;left:0px;z-index:9999;} .oMsgModal-container{background:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);} /*在线咨询留言弹框*/ .yy{ display:none; position:fixed; top:0; left:0; z-index:5000; width:100%; height:100%; background-color:#000; opacity:0.3; filter: alpha(opacity=30);} .float_onltk *{box-sizing:content-box;} .float_onltk{ display:none; position:fixed; top:50%; left:50%; z-index:6000; background:url("/templets/default/images/tk_yy.png")/*tpa=http://www.pioneer-pku.com/APP/Public/Home/images/tk_yy.png*/ repeat; padding:10px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;} .float_onltk input[type=radio]{-webkit-appearance:radio;} .float_onltk1{ margin-top:-254px; margin-left:-300px; width:580px; height:488px;} .float_onltk1 .float_onltkShow{ width:580px; height:488px;} .float_onltk2{ margin-top:-256px; margin-left:-600px; width:1200px; height:512px;} .float_onltk2 .float_onltkShow{ width:1200px; height:512px;} .float_onltkShow{ background-color:#FFF;} .float_tkclose{ width:22px; height:22px; cursor:pointer;} .float_tkTable{ clear:both; padding-top:8px;} .tk_label{ padding-right:12px;} .com_text{ font-family:'Microsoft YaHei'; color:#333; font-size:12px; line-height:20px; padding:5px; border:1px solid #e5e5e5; border-radius:3px;} .tk_text{ width:244px; height:20px;} .mess_xx{ color:#ff0000; font-size:14px; line-height:32px; margin-left:8px; display:inline;} .mess_ask{ padding-top:6px; color:#bdbdbd; font-size:13px;} .tk_area{ width:398px; height:94px;resize:none; overflow:hidden;} .tk_yzText{ width:112px; height:20px;} .tk_yz img{ float:left; width:62px; height:18px; margin:6px 15px 0 15px; border:1px solid #000;} .tk_messShure{ color:#009b4d; line-height:32px;} .tk_input input{ display:inline-block; font-family:'Microsoft YaHei'; color:#FFF; font-size:14px; width:112px; height:32px; margin-right:10px; border:none; cursor:pointer;} .tk_sub{ background-color:#3076c4;} .tk_reset{ background-color:#c7c7c7;} .com_text.cur{ color:#333; border:1px solid #009b4d;} .float_tkTable tbody tr:nth-child(4) td:first-child{vertical-align:top;} .float_tkTable tbody tr:nth-child(4) td:first-child .tk_label{line-height:32px;} /*导航*/ .page-nav{font-size:0px;text-align:center;background:#f7f7f7;} .page-nav a{display:inline-block;padding:0 10px;min-width:180px;height:60px;line-height:60px;font-size:14px;color:#666666;} .page-nav a.cur, .page-nav a:hover{color:#fff;background:#00913a;} /*-- 首页 --*/ .I-title{text-align:center;} .I-title .title{line-height:53px;height:53px;font-size:36px;position:relative;} .I-title .title:after, .I-title .title:before{content:"";display:inline-block;width:141px;height:53px;background:url("../image/It-orn1.png") no-repeat right center;vertical-align:middle;margin:0 28px 0 0;} .I-title .title:after{transform:rotate(-180deg);-webkit-transform:rotate(-180deg);margin:0 0 0 28px;} .I-title .con{line-height:25px;font-size:16px;color:#777777;margin:15px 0 0;} /*核心优势*/ .index-adv{padding:50px 0 59px;background:url("../image/Iadv-bg.jpg") no-repeat center center / cover; } .Iadv-list{width:101.0833%;margin:23px 0 0 -1.0833%;} .Iadv-list li{width:33.3333%;padding:13px 0 0 1.071690378133678%;float:left;} .Iadv-list li:first-child{width:66.6666%;} .Iadv-media{height:375px;position:relative;overflow:hidden;} .IadvMedia-bg{width:100%;height:100%;object-fit:cover;} .IadvMedia-btn{display:block;width:77px;height:75px;background:url("/templets/default/images/icon/icon-media.png") no-repeat center center;} .IadvMedia-box{width:100%;height:100%;position:absolute;top:0px;left:0px;z-index:5;display:none;} .IadvMedia-box .mejs-container{width:100% !important;height:100% !important;} .Iadv-slogan{height:375px;background:url("../image/Iadv-bg1.png") repeat;position:relative;} .IadvSlogan-orn{width:87.72378516624041%;height:87.46666666666667%;border:1px solid rgba(255,255,255,.4);} .IadvSlogan-box{width:214px;text-align:center;color:#fff;} .IadvSlogan-box .con{line-height:36px;font-size:16px;position:relative;margin:0 0 31px;} .IadvSlogan-box .con:after, .IadvSlogan-box .con:before{content:"";display:block;width:14px;height:14px;background:url("/templets/default/images/icon/icon-split.png") no-repeat center center;position:absolute;} .IadvSlogan-box .con:before{left:-30px;top:-12px;} .IadvSlogan-box .con:after{transform:rotate(180deg);-webkit-transform:rotate(180deg);right:-20px;bottom:5px;} .Iadv-box{display:block;height:260px;color:#fff;position:relative;overflow:hidden;} .Iadv-box img{width:100%;height:100%;object-fit:cover;} .Iadv-box .Iadv-name{width:100%;height:48px;line-height:48px;text-align:center;font-size:20px;background:rgba(0,0,0,.4);position:absolute;bottom:0px;left:0px;} .Iadv-block{width:100%;height:100%;text-align:center;background:rgba(0,0,0,.45);position:absolute;bottom:0px;left:0px;z-index:5;opacity:0;} .Iadv-block:after{content:"";display:block;width:88.74680306905371%;height:84.61538461538462%;border:2px solid rgba(255,255,255,.45);} .Iadv-block .Iadv-con{width:73.1457800511509%;} .Iadv-con .title{line-height:42px;font-size:24px;font-weight:600;} .Iadv-con .con{line-height:30px;margin:15px 0 0;} .Iadv-box:hover .Iadv-name{bottom:-48px;} .Iadv-box:hover .Iadv-block{opacity:1;transition-delay:.2s;-webkit-transition-delay:.2s;} /*经典案例*/ .index-case{padding:50px 0 80px;background:url("/templets/default/images/bg/Icase-bg.jpg") no-repeat center center / cover;} .index-case .I-title .title, .index-case .I-title .con{color:#fff;} .Icase-swiper{position:relative;margin:46px 0 0;} .Icase-box{display:block;color:#fff;position:relative;} .Icase-box .Icase-img{width:100%;height:450px;object-fit:cover;} .Icase-block{width:100%;padding:40px 10% 34px 19.3333%;background:rgba(0,0,0,.3);position:absolute;left:0px;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);transition-duration:.6s;-webkit-transition-duration:.6s;} .Icase-block .num{line-height:134px;height:134px;font-size:123.18px;font-weight:600;opacity:.2;position:absolute;left:0px;top:50%;margin-top:-67px;} .Icase-block .title{display:block;line-height:30px;font-size:16px;position:relative;z-index:2;} .Icase-block .title:after{content:"";display:inline-block;width:14px;height:5px;background:url("/templets/default/images/icon/icon-go.png") no-repeat center center;vertical-align:middle;margin:-2px 0 0 10px;} .Icase-block .con{line-height:30px;} .Icase-block .btn{display:block;width:148px;height:40px;line-height:38px;border:1px solid rgba(255,255,255,.6);border-radius:40px;margin:38px auto 0;} .Icase-block .btn:hover{color:#00913a;background:#fff;border-color:#fff;} .Icase-block .con, .Icase-block .btn{opacity:0;visibility:hidden;position:absolute;} .Icase-line{height:1px;background:rgba(255,255,255,.1);margin:19px 0 0;} .Icase-box:hover .Icase-block{padding:60px 15% 0;height:100%;text-align:center;background:rgba(48,118,196,.9);top:0px;transform:translateY(0);-webkit-transform:translateY(0);} .Icase-box:hover .Icase-block .num{height:127px;line-height:127px;font-size:116.44px;opacity:.12;position:relative;top:0px;margin-top:0px;} .Icase-box:hover .Icase-block .title{line-height:28px;font-weight:600;display:none;} .Icase-box:hover .Icase-block .title:after{display:block;width:19px;height:2px;background:#fff;margin:13px auto 22px;} .Icase-box:hover .Icase-block .con, .Icase-box:hover .Icase-block .btn{opacity:1;visibility:visible;position:relative;} .Icase-box:hover + .Icase-line{background:#0e69b1;} .IcaseSwiper-prev, .IcaseSwiper-next{display:block;width:62px;height:62px;line-height:62px;font-size:0px;text-align:center;border-radius:100%;background:#000;opacity:.31;position:absolute;top:50%;margin-top:-31px;z-index:2;} .IcaseSwiper-prev:after, .IcaseSwiper-next:after{content:"";display:inline-block;width:10px;height:19px;vertical-align:middle;} .IcaseSwiper-prev{left:-20px;} .IcaseSwiper-next{right:-20px;} .IcaseSwiper-prev:after{background:url("/templets/default/images/icon/swiper1-l.png") no-repeat center center;} .IcaseSwiper-next:after{background:url("/templets/default/images/icon/swiper1-r.png") no-repeat center center;} .IcaseSwiper-prev:hover, .IcaseSwiper-next:hover{background:#fff;opacity:1;} .IcaseSwiper-prev:hover{left:0px;} .IcaseSwiper-next:hover{right:0px;} .IcaseSwiper-prev.swiper-button-disabled, .IcaseSwiper-next.swiper-button-disabled{display:none;} /*企业动态*/ .index-news{padding:52px 0 60px;} .Inews-list{width:104%;margin:50px 0 0 -4%;} .Inews-list li{width:33.3334%;padding:0 0 0 3.846153846153846%;position:relative;float:left;} .Inews-list li .type{padding:20px;width:85px;line-height:30px;text-align:center;font-size:18px;color:#fff;background:url("../image/In-bg.png") no-repeat center bottom;position:absolute;left:16.34615384615385%;top:-20px;z-index:2;} .Inews-list li img{width:100%;height:165px;object-fit:cover;} .Inews-list li .list{margin:20px 0 0;} .Inews-list li .list a{display:block;line-height:32px;overflow:hidden;} .Inews-list li .list a .name{display:block;width:70%;text-align:left;color:#666666;float:left;} .Inews-list li .list a .date{font-size:13px;color:#999999;float:right;} .Inews-list li .list a:hover .name{color:#00913a;} /*-- 关于我们 --*/ .A-title{width:288px;padding:0 0 20px;text-align:center;border-bottom:1px solid #e1e1e1;position:relative;margin:0 auto;} .A-title span{display:block;line-height:54px;font-size:36px;color:#000;} .A-title span:after{content:"";display:block;width:67px;height:2px;background:#00913a;position:absolute;bottom:-1px;left:50%;margin:0 0 0 -33px;} .A-title.At2 span{color:#fff;} /*公司介绍*/ .com-pro{padding:50px 0 44px;} .comPro-box{width:49.8333%;float:left;margin:52px 0 0;} .comPro-box .con{line-height:34px;color:#777777;overflow:hidden;visibility:hidden;transition:all .6s ease-in-out;-webkit-transition:all .6s ease-in-out;} .comPro-box .more{text-align:center;position:relative;margin:14px 0 0;display:none;} .comPro-box .more a{display:inline-block;width:65px;height:37px;background:#fff url("/templets/default/images/icon/icon-more.png") no-repeat center center;position:relative;z-index:2;} .comPro-box .more:after{content:"";display:block;width:100%;height:1px;background:#f1f1f1;position:absolute;left:0px;top:50%;margin-top:-1px;} .comPro-box .more.cur a{transform:rotate(-180deg);-webkit-transform:rotate(-180deg);} .comPro-img{width:43.9166%;position:relative;float:right;margin:57px 0 0;} .comPro-img img{width:100%;height:354px;object-fit:cover;position:relative;z-index:2;} .comPro-img:after{content:"";display:block;width:325px;height:237px;border-top:1px solid #00913a;border-right:1px solid #00913a;position:absolute;right:-21px;top:-21px;} .comPro-img:before{content:"";display:block;width:459px;height:334px;background:#eeeeee;position:absolute;bottom:-20px;left:-20px;} /*图表*/ .com-chart img.pc-img{width:1920px;height:725px;position:relative;left:50%;margin:0 0 0 -960px;} .com-chart img.web-img{display:none;width:100%;} /*发展历程*/ .com-history{padding:71px 0 57px;background:url("/templets/default/images/bg/comHist-bg.jpg") no-repeat center center / cover;} .comHist-man{width:890px;background:url("/templets/default/images/bg/comHist-bg2.jpg") no-repeat center center / cover;box-shadow:7px 0 18px rgba(31,95,166,.2);position:relative;margin:78px auto 0;} .cHman-box{padding:37px 0 40px;width:580px;color:#fff;margin:0 auto;} .cHman-box .year{line-height:38px;font-size:36px;font-weight:600;text-align:center;position:relative;} .cHman-box .year:after, .cHman-box .year:before{content:"";display:inline-block;width:34px;height:1px;background:rgba(255,255,255,.6);vertical-align:middle;margin:-2px 25px 0 0;} .cHman-box .year:after{margin:-2px 0 0 25px;} .cHman-box ul{margin:30px 0 0;} .cHman-box ul li{line-height:21px;padding:0 0 15px 24px;position:relative;} .cHman-box ul li:before{content:"";display:block;width:7px;height:7px;border-radius:100%;border:1px solid rgba(191,191,191,.8);position:absolute;left:0px;top:7px;} .cHman-box ul li:after{content:"";display:block;width:1px;height:calc(100% - 7px);background:rgba(191,191,191,.8);position:absolute;top:14px;left:3px;} .cHman-box ul li:last-child:after{display:none;} .comHist-prev, .comHist-next{display:block;width:69px;height:100%;position:absolute;top:0px;z-index:2;} .comHist-prev{left:-69px;background:url("/templets/default/images/icon/swiper2-l.png") no-repeat left center;} .comHist-next{right:-69px;background:url("/templets/default/images/icon/swiper2-r.png") no-repeat right center;} .comHist-min{position:relative;margin:49px 0 0;} .comHist-min:after{content:"";display:block;width:100%;height:1px;background:#bbbbbb;position:absolute;left:0px;bottom:41px;} .comHist-min .swiper-container{padding:75px 0 42px;} .cHmin-box{display:block;height:46px;padding:0 0 18px;text-align:center;position:relative;} .cHmin-box .year{display:block;line-height:28px;font-size:18px;color:#666666;} .cHmin-box:after{content:"";display:block;width:2px;height:8px;background:#bbbbbb;position:absolute;left:50%;bottom:0;margin:0 0 0 -1px;} .cHmin-box.cur .year{width:93px;height:93px;line-height:93px;font-size:20px;font-weight:600;color:#fff;border-radius:100%;background:#00913a;position:absolute;left:50%;top:-75px;margin:0 0 0 -46px;} .cHmin-box.cur:after{width:23px;height:58px;background:url("/templets/default/images/icon/icon-cur.png") no-repeat center center;bottom:-42px;margin:0 0 0 -11px;} /*研究开发*/ .com-RaD{padding:0 0 60px;position:relative;} .cRaD-media{position:relative;background-repeat:no-repeat !important;background-size:100% auto !important;background-position:left top !important;} .cRaD-media .cRaDmedia-video, .cRaD-media .mejs-container, .cRaD-media .mejs-layers, .cRaD-media .mejs-overlay, .cRaD-media .mejs-inner, .cRaD-media .mejs-poster{width:100% !important;height:100% !important;} .cRaD-media .mejs-poster{} .cRaD-media .mejs-overlay-button{display:none;} .cRaD-media .cRaDmedia-op{width:100%;height:100%; position:absolute;top:0px;left:0px;z-indeX:2;cursor:pointer;} .cRaDmedia-op.cur{background:none;} .cRaD-contain{width:1200px;position:relative;z-index:5;margin:-.82rem auto 0;} .cRaD-contain .cRaD-box{padding:46px 0 48px;background:#fff;position:relative;z-index:10;} .cRaD-contain{-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.27), 0 0 60px rgba(0, 0, 0, 0.06) inset;-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;box-shadow:0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;position:relative;*zoom:1;} .cRaD-contain:before{-webkit-transform:skew(-15deg) rotate(-2deg);-moz-transform:skew(-15deg) rotate(-2deg);transform:skew(-15deg) rotate(-2deg);left:15px;} .cRaD-contain:after{-webkit-transform:skew(15deg) rotate(2deg);-moz-transform:skew(15deg) rotate(2deg);transform:skew(15deg) rotate(2deg);right:15px;} .cRaD-contain:before, .cRaD-contain:after{width:60%;height:100px;content:' ';-webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);-moz-box-shadow:0 8px 16px rgba(0, 0, 0, 0.3); box-shadow:0 8px 16px rgba(0, 0, 0, 0.3);position:absolute;bottom:12px;z-index:-1; } .cRaD-con{width:83.333%;line-height:30px;text-align:center;color:#777777;margin:31px auto 0;} .cRaD-contain .more-btn{display:block;width:148px;height:40px;line-height:38px;color:#777777;border:1px solid #dadada;border-radius:40px;margin:40px auto 0;} .cRaD-contain .more-btn:hover{color:#fff;border-color:#00913a;background:#00913a;} /*资质荣誉*/ .com-honor{padding:52px 0 68px;background:#f4f4f4;} .cHonor-swiper{width:90.41666666666667%;position:relative;margin:49px auto 0;} .cHonor-box{display:block;padding:20px;background:#fff;position:relative;overflow:hidden;} .cHonor-box .cHonor-img{height:336px;line-height:336px;font-size:0px;text-align:center;overflow:hidden;} .cHonor-img img{max-width:100%;max-height:100%;object-fit:cover;} .cHonor-box:after{content:"";display:block;width:90.52132701421801%;height:89.36170212765957%;border:4px solid #e4e4e4;z-index:5;} .cHonor-block{width:100%;height:100%;background:rgba(0,101,179,.85);position:absolute;top:0px;left:0px;opacity:0;} .cHonor-con{width:57.58293838862559%;text-align:center;} .cHonor-con .con{padding:26px 0;line-height:32px;font-size:18px;color:#fff;border-top:1px solid rgba(255,255,255,.4);border-bottom:1px solid rgba(255,255,255,.4);} .cHonor-con .btn{width:33px;height:31px;background:url("/templets/default/images/icon/icon-see.png")/*tpa=http://www.pioneer-pku.com/APP/Public/Home/images/icon/icon-see.png*/ no-repeat center center;margin:39px 0 0;} .cHonor-box:hover{box-shadow:0 4px 18px rgba(7,139,239,.35);} .cHonor-box:hover:after{border-color:rgba(255,255,255,.4);} .cHonor-box:hover .cHonor-block{opacity:1;} .cHonor-swiper .swiper-pagination{font-size:0px;position:relative;bottom:0px !important;margin:50px 0 0;} .cHonor-swiper .swiper-pagination .swiper-pagination-bullet{width:11px;height:11px;background:#a6a6a6;border-radius:100%;opacity:1;margin:0 9px;} .cHonor-swiper .swiper-pagination .swiper-pagination-bullet-active{background:#00913a;} .cHonorSwiper-prev, .cHonorSwiper-next{display:block;width:70px;height:15px;position:absolute;bottom:0px;z-index:2;} .cHonorSwiper-prev{left:2.68rem;background:url("/templets/default/images/icon/swiper3-l.png") no-repeat center center;} .cHonorSwiper-next{right:2.68rem;background:url("/templets/default/images/icon/swiper3-r.png") no-repeat center center;} .cHonorSwiper-prev.swiper-button-disabled, .cHonorSwiper-next.swiper-button-disabled{display:none;} /*董事长致辞*/ .com-COB{padding:55px 0 85px;} .cCOB-head{width:35.8333%;text-align:center;float:left;} .cCOB-head .head-img{display:inline-block;position:relative;} .cCOB-head .head-img img{width:223px;height:223px;border-radius:100%;object-fit:cover;position:relative;z-index:2;} .cCOB-head .head-img:before{content:"";display:block;width:100%;height:100%;border-radius:100%;background:#f3f3f3;position:absolute;left:0px;bottom:-18px;} .cCOB-head .head-img:after{content:"";display:block;width:1px;height:129px;background:#e1e1e1;position:absolute;left:50%;bottom:-194px;margin:0 0 0 -1px;} .cCOB-box{padding:0 0 54px;width:64.1666%;line-height:32px;color:#777777;background:url("../image/CEO-line.png") no-repeat left bottom / 100% auto;float:right;} .cCOB-sign{text-align:right;margin:36px 0 0;} /*组织架构*/ .com-OrgStru{padding:50px 2% 82px;text-align:center;background:#fff url("/templets/default/images/bg/cOrgStru-bg.png") no-repeat top center / cover;} .com-OrgStru img{max-width:100%;} /*企业愿景*/ .com-vision{padding:70px 0 73px;} .cVision-box{width:95%;line-height:30px;text-align:center;color:#777777;margin:32px auto 0;} .cVision-list{text-align:center;font-size:0px;margin:52px 0 0;} .cVision-list li{display:inline-block;position:relative;padding:0 9%;} .cVision-list li:nth-child(2):before, .cVision-list li:nth-child(2):after{content:"";display:block;width:31.46067415730337%;height:1px;background:#dddddd;position:absolute;top:69px;} .cVision-list li:nth-child(2):before{left:-15.73033707865169%;} .cVision-list li:nth-child(2):after{right:-15.73033707865169%;} .cVision-list .cVision-icon{width:140px;height:140px;line-height:140px;font-size:0px;border-radius:100%;position:relative;margin:0 auto;} .cVision-list li:nth-child(1) .cVision-icon, .cVision-list li:nth-child(1) .cVision-icon:after{background:#30b4e9;} .cVision-list li:nth-child(2) .cVision-icon, .cVision-list li:nth-child(2) .cVision-icon:after{background:#ff9900;} .cVision-list li:nth-child(3) .cVision-icon, .cVision-list li:nth-child(3) .cVision-icon:after{background:#00913a;} .cVision-list li:nth-child(1) .cVision-icon:before{border:1px solid #30b4e9;} .cVision-list li:nth-child(2) .cVision-icon:before{border:1px solid #ff9900;} .cVision-list li:nth-child(3) .cVision-icon:before{border:1px solid #00913a;} .cVision-list li .cVision-icon:before{position:absolute;content:'';left:-10px;top:-10px;width:160px;height:160px;border-radius:50%;z-index:-1;transition: all .8s cubic-bezier(0.25,0.33,0.45,1) 0s;-webkit-transition: all .8s cubic-bezier(0.25,0.33,0.45,1) 0s;-moz-transition: all .8s cubic-bezier(0.25,0.33,0.45,1) 0s;-ms-transition: all .8s cubic-bezier(0.25,0.33,0.45,1) 0s;} .cVision-list li .cVision-icon:after{position:absolute; content:''; left:-10px; top:-10px; width:160px; height:160px;border-radius:50%; z-index:-1;transition: all .8s cubic-bezier(0.25,0.33,0.45,1) 0s;-webkit-transition: all .8s cubic-bezier(0.25,0.33,0.45,1) 0s;-moz-transition: all .8s cubic-bezier(0.25,0.33,0.45,1) 0s;-ms-transition: all .8s cubic-bezier(0.25,0.33,0.45,1) 0s;transform: scale(0.5); -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); opacity:0;} .cVision-list li:hover .cVision-icon:before{transform: scale(1.4); -webkit-transform: scale(1.4); -moz-transform: scale(1.4); -ms-transform: scale(1.4); opacity:0;} .cVision-list li:hover .cVision-icon:after{transform: scale(1.1); -webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);opacity:.5;} .cVision-list .type{line-height:27px;font-size:16px;margin:33px 0 0;} /*企业宗旨*/ .com-tenet{padding:61px 0 82px;background:url("../image/about-qywh.jpg") no-repeat center center / cover;} .cTenet-list{width:101.7778%;margin:0 0 0 -1.7778%;} .cTenet-list li{width:25%;padding:71px 0 0 1.746746343505165%;float:left;} .cTenet-box{height:319px;padding:0 0 23px;text-align:center;background:#fff;} .cTenet-box img{width:100%;} .cTenet-box .type{width:76px;height:76px;line-height:76px;font-size:18px;color:#fff;border-radius:100%;margin:-40px auto 0;position:relative;z-index:2;} .cTenet-box .con{padding:0 7.746478873239437%;line-height:28px;text-align:left;color:#666666;margin:12px 0 0;} /*核心价值观*/ .com-value{padding:64px 0 71px;background:#fff url("/templets/default/images/bg/cValue-bg.png") no-repeat center center / cover;} .cValue-wrap{margin:49px 0 0;} .cValue-nav{/*width:284px*/width:23.6666%;float:left;} .cValue-nav a{display:block;padding:0 0 0 22.1830985915493%;line-height:75px;font-size:16px;color:#fff;border-top:1px solid #689dd8;background:#00913a;position:relative;} .cValue-nav a:first-child{border-top:0px;} .cValue-nav a i{display:inline-block;width:30px;height:30px;vertical-align:middle;margin:0 17px 0 0;} .cValue-nav a i.i1{background:url("/templets/default/images/content/cValue-1.png") no-repeat center center;} .cValue-nav a i.i2{background:url("/templets/default/images/content/cValue-2.png") no-repeat center center;} .cValue-nav a i.i3{background:url("/templets/default/images/content/cValue-3.png") no-repeat center center;} .cValue-nav a i.i4{background:url("/templets/default/images/content/cValue-4.png") no-repeat center center;} .cValue-nav a.cur{background:#30b4e9;} .cValue-nav a:after{content:"";display:none;width:10px;height:12px;background:url("/templets/default/images/icon/icon-dd2.png")/*tpa=http://www.pioneer-pku.com/APP/Public/Home/images/icon/icon-dd2.png*/ no-repeat center center / cover;position:absolute;right:-10px;top:50%;margin-top:-6px;} .cValue-nav a.cur:after{display:block;} .cValue-box{width:76.3333%;overflow:hidden;float:left;display:none;} .cValue-box .cValue-img{width:49.34497816593886%;height:303px;overflow:hidden;float:left;} .cValue-img img{width:100%;height:100%;object-fit:cover;} .cValue-box .cValue-block{width:50.65502183406114%;height:303px;background:#f4f4f4;position:relative;float:left;overflow-y:auto;} .cValue-block .cValue-con{width:80.60344827586207%;} .cValue-con .title{line-height:37px;font-size:24px;} .cValue-con .split{display:block;width:15px;height:3px;background:#333;margin:20px 0 19px;} .cValue-con .con{line-height:34px;color:#666666;} .cValue-con:hover .split{margin:10px 0;} /*企业理念*/ .com-idea{padding:60px 0 55px;background:url("/templets/default/images/bg/cIdea-bg.jpg") no-repeat left top / cover;} .cIdea-wrap{width:1027px;background:#fff;box-shadow:0px 1px 4px rgba(38,62,107,.12);margin:88px auto 0;} .cIdea-wrap ul{width:82.47322297955209%;margin:0 auto;} .cIdea-wrap ul li{padding:46px 0 48px 11.21605667060213%;position:relative;overflow:hidden;} .cIdea-wrap ul li:after{content:"";display:block;width:100%;height:1px;background:linear-gradient(to right, rgba(225,225,225,.3), rgba(225,225,225,1), rgba(225,225,225,.3));position:absolute;left:0px;bottom:0px;} .cIdea-wrap ul li:last-child:after{display:none;} .cIdea-wrap ul li img{float:left;margin:0 5.984042553191489% 0 0;} .cIdea-wrap ul li .type{width:75%;line-height:38px;font-size:20px;font-weight:600;float:left;} .cIdea-wrap ul li .con{width:77%;line-height:25px;font-size:18px;color:#616161;margin:10px 0 0;float:left;} .cIdea-wrap ul li:hover img{transform:translateX(5px);-webkit-transform:translateX(5px);} .cIdea-wrap ul li:hover .type{transform:translateY(5px);-webkit-transform:translateY(5px);} .cIdea-wrap ul li:hover .con{transform:translateY(-5px);-webkit-transform:translateY(-5px);} /*以人为本*/ .com-BOP{padding:63px 0 50px;line-height:30px;text-align:center;color:#777777;} .cBOP-title{font-size:20px;font-weight:lighter;margin:24px 0 0;} .cBOP-con{width:84.1666%;margin:25px auto 0;} .cBOP-orn{height:451px;background-repeat:no-repeat !important;background-position:center center !important;background-size:cover !important;background-attachment:fixed !important;position:relative;overflow:hidden;} /*人才理念*/ .com-TC{padding:59px 0 94px;background:url("/templets/default/images/bg/cTC-bg.jpg") no-repeat center center / cover;} .com-TC .cTC-top{line-height:28px;text-align:center;font-size:20px;font-weight:lighter;color:#777777;margin:25px 0 0;} .cTC-wrap{background:#fff;position:relative;overflow:hidden;margin:59px 0 0;} .cTC-wrap .cTC-img{width:50.8333%;height:370px;overflow:hidden;float:right;} .cTC-wrap .cTC-box{width:40.4166%;line-height:60px;font-size:18px;color:#666666;position:absolute;left:4.1666%;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);} .cTC-box .type{font-size:22px;font-weight:600;} /*职位招聘*/ .com-recruit{padding:51px 0 103px;text-align:center;color:#fff;background:url("/templets/default/images/bg/cTC-bg2.jpg") no-repeat center center / cover fixed;} .com-recruit .con{line-height:30px;font-size:20px;color:#fff;font-weight:lighter;margin:25px 0 0;} .com-recruit .btn{display:block;width:230px;height:54px;line-height:52px;font-size:18px;border:1px solid rgba(255,255,255,.75);border-radius:54px;margin:64px auto 0;} .com-recruit .btn:hover{color:#fff;border-color:#00913a;background:#00913a;} /*职位列表*/ .recruit-container{padding:60px 0 70px;} .recruit-top{line-height:48px;text-align:center;font-size:30px;font-weight:lighter;} .recruit-thead{background:#f3f3f3;margin:40px 0 0;} .recruit-thead .th, .recruit-list dl dt .th{display:block;height:60px;line-height:60px;text-align:center;font-size:16px;float:left;} .recruit-thead .th.th-name, .recruit-list dl dt .th-name{width:23.7410071942446%;padding:0 0 0 3.597122302158273%;text-align:left;} .recruit-thead .th.th-salary, .recruit-list dl dt .th-salary{width:16.36690647482014%;padding:0 0 0 2.248201438848921%;text-align:left;} .recruit-thead .th.th-num, .recruit-list dl dt .th-num{width:16.00719424460432%;} .recruit-thead .th.th-adr, .recruit-list dl dt .th-adr{width:25.17985611510791%;} .recruit-thead .th.th-date, .recruit-list dl dt .th-date{width:12.5%;} .recruit-list dl{border-bottom:1px solid #ededed;} .recruit-list dl dt{position:relative;cursor:pointer;} .recruit-list dl dt .th{color:#666666;} .recruit-list dl dt .op{display:block;width:11px;height:100%;background:url("/templets/default/images/icon/icon-dd3.png") no-repeat center center;position:absolute;right:3.41726618705036%;top:0px;} .recruit-list dl dt.cur .op{background-image:url("/templets/default/images/icon/icon-dd3-2.png");} .recruit-list dl dd{padding:20px 3.597122302158273% 45px;line-height:27px;color:#666666;background:#f4f4f4;position:relative;overflow:hidden;display:none;} .recruit-list dl dd .btn{display:block;width:140px;height:42px;line-height:42px;color:#fff;border-radius:42px;background:#00913a;margin:30px 0 0;} .recruit-container .pagination{margin:74px 0 0;} /*-- 联系我们 --*/ .contact-us{padding:51px 0 55px;} .C-title{text-align:center;} .C-title .t1{line-height:51px;font-size:36px;} .C-title .t2{line-height:26px;color:#888888; font-size: 12px;} .C-title .split{display:block;width:24px;height:3px;background:#404040;margin:10px auto 15px;} .ctUs-wrapper{width:91.66666666666667%;position:relative;margin:0 auto;} .ctUs-list{width:30%;position:relative;margin:25px 0 0;float:left;} .ctUs-list li{display:table;width:100%;padding:27px 0;} .ctUs-list li .td-img{display:table-cell;width:81px;vertical-align:middle;} .ctUs-list li .td-con{display:table-cell;padding:0 0 0 5.7575%;line-height:30px;color:#888888;vertical-align:middle;} .ctUs-list:after{content:"";display:block;width:1px;height:90%;background:#e1e1e1;position:absolute;top:7%;right:-24.24242424242424%;} .ctUs-form{margin:59px 0 0;width:58.36363636363636%;float:right;} .ctUs-form li{width:50%;padding:8px 0 8px 5.29595015576324%;float:left;} .ctUs-form li .text{padding:0 10px;height:45px;line-height:43px;border:1px solid #dcdcdc;} .ctUs-form li .text::-webkit-input-placeholder{color:#a9a9a9;} .ctUs-form li.w100{width:100%;} .ctUs-form li textarea.text{height:166px;resize:none;} .ctUs-form li .sub-btn{width:100%;height:46px;line-height:46px;font-size:16px;color:#666666;background:#eaeaea;margin:2px 0 0;} .ctUs-form li.yzm .text{width:50%;float:left;} .ctUs-form li.yzm .yzm-btn{display:block;width:40%;height:45px;overflow:hidden;float:right;} .ctUs-form li.yzm .yzm-btn img{width:100%;height:100%;} .ctUs-map{width:95%;border:1px solid #eeeeee;position:relative;overflow:hidden;margin:60px auto 0;} /*-- 内页产品 --*/ .PSA-container{} .PSA-list{width:113.3333%;margin:21px 0 0 -13.3333%;} .PSA-list li{width:50%;padding:0px 0 10px 11.76467993078821%;position:relative;float:left;} .PSA-box{display:block;background:#E8E8E8;border-top-left-radius:20px;border-bottom-right-radius:20px;overflow:hidden;position:relative;} .PSA-box img{width:100%;height:200px;object-fit:cover;} .PSA-block{padding:15px 19.23076923076923% 10px 5.384615384615385%;} .PSA-block .title{line-height:34px;font-size:20px;} .PSA-block .con{height:56px;line-height:28px;color:#777777;margin:5px 0 0; font-size: 12px;} .PSA-box .btn{width:32px;height:32px;background:url("/templets/default/images/icon-go2.png") no-repeat center center;position:absolute;right:5.576923076923077%;bottom:28px;} .PSA-box:hover{background:#C5C5C5;box-shadow:0 12px 20px rgba(128,180,220,.22);transform:translate3d(0,-1px,0);transition:all .3s cubic-bezier(.55,0,.1,1)} .PSA-box:hover .PSA-block .title, .PSA-box:hover .PSA-block .con{color:#fff;} .PSA-box:hover .btn{background-image:url("/templets/default/images/icon-go2-2.png");} /*-- 在线购买 --*/ .zxgm-container{padding:54px 0 62px;} .zxgm-list{width:113.3333%;margin:21px 0 0 -13.3333%;} .zxgm-list li{width:100%;padding:30px 0 30px 11.76467993078821%;position:relative;float:left;} .zxgm-list li a:hover{text-decoration:none;} .zxgm-box{display:block;background:#f3f3f3;border-top-left-radius:20px;border-bottom-right-radius:20px;overflow:hidden;position:relative;} .zxgm-box img{width:100%;height:242px;object-fit:cover;} .zxgm-block{padding:15px 19.23076923076923% 40px 5.384615384615385%;} .zxgm-block .title{line-height:34px;font-size:20px;} .zxgm-block .con{height:56px;line-height:28px;color:#777777;margin:5px 0 0;} .zxgm-box .btn{width:32px;height:32px;background:url("/templets/default/images/icon-go2.png") no-repeat center center;position:absolute;right:5.576923076923077%;bottom:28px;} /*详细*/ .PSA-info{padding:68px 0 60px;} .PSA-info .PSAinfo-img{width:46.75%;height:320px;object-fit:cover;float:left;} .PSA-info .PSAinfo-box{width:47.5%;float:right;margin:0 1% 0 0;} .PSAinfo-box .title{line-height:44px;font-size:30px;} .PSAinfo-box .PSAinfo-con{padding:0 50px 0 0;height:224px;line-height:32px;text-align:left;color:#777777;position:relative;margin:20px 0 0;} /*技术*/ .PSA-tech{padding:50px 0 33px;background:#f3f3f3;} .PSAtech-img{text-align:center;margin:30px 0 0;} .PSAtech-img img{max-width:100%;} .PSAtech-list{position:relative;overflow:hidden;margin:54px 0 0;} .PSAtech-list li{width:45.25%;padding:17px 0;float:left;} .PSAtech-list li:nth-child(2n){float:right;} .PSAtech-list li .type{line-height:33px;font-size:18px;color:#666666;} .PSAtech-list li .split{display:block;width:15px;height:1px;background:#727272;margin:10px 0 19px;} .PSAtech-list li .con{line-height:32px;color:#666666;} .PSAtech-list:after{content:"";display:block;width:1px;height:90%;background:#d8d8d8;position:absolute;top:5%;left:50%;margin-left:-1px;} /*案例*/ .PSA-case{padding:46px 0 38px;} .PSAcase-top{padding:0 0 14px;border-bottom:1px solid #e1e1e1;position:relative;} .PSAcase-top .name{display:inline-block;padding:0 0 0 12px;height:20px;line-height:20px;font-size:20px;border-left:3px solid #484848;} .PSAcase-top .btn{padding:0 25px 0 0;line-height:16px;font-size:13px;color:#a1a1a1;background:url("/templets/default/images/icon/icon-more2.png")/*tpa=http://www.pioneer-pku.com/APP/Public/Home/images/icon/icon-more2.png*/ no-repeat right center;position:absolute;right:4px;bottom:9px;} .PSAcase-list{width:102.6666%;margin:0 0 0 -2.6666%;} .PSAcase-list li{width:25%;padding:21px 0 0 2.597339348921655%;float:left;} .PSAcase-list .PSAcase-box{display:block;padding:0 0 16px;background:#fcfcfd;position:relative;} .PSAcase-box img{width:100%;height:196px;object-fit:cover;} .PSAcase-box .name{padding:10px 23.18840579710145% 0 4px;line-height:24px;font-size:15px;color:#666666;} .PSAcase-box:after{content:"";display:block;width:18px;height:7px;background:url("/templets/default/images/icon/icon-go3.png") no-repeat center center / cover;position:absolute;right:6.884057971014493%;bottom:18px;} .PSAcase-box:hover{background:#00913a;box-shadow:0 3px 16px rgba(59,115,178,.5);transform:translate3d(0,-2px,0);transition:all .3s cubic-bezier(.55,0,.1,1)} .PSAcase-box:hover .name{color:#fff;} .PSAcase-box:hover:after{background-image:url("/templets/default/images/icon/icon-go3-2.png");} /*-- 废气净化 --*/ .FGP-container{padding:52px 0 7px;} .FGP-list{margin:55px 0 0;} .FGP-list>li{padding:0 0 150px;position:relative;} .FGPlist-img{width:54.9166%;height:387px;overflow:hidden;} .FGPlist-box{width:51.5%;position:absolute;top:55px;} .FGPlist-box .FGPlist-block{padding:65px 6.472491909385113% 25px 9.385113268608414%;height:380px;background:#f5f5f5;position:relative;z-index:2;} .FGPlist-block .name{line-height:42px;font-size:22px;} .FGPlist-block .split{display:block;width:23px;height:2px;background:#000000;margin:10px 0 31px;} .FGPlist-block ul li{padding:8px 0;line-height:28px;font-size:16px;color:#666666;} .FGPlist-block ul li .num{display:block;width:28px;height:28px;text-align:center;color:#fff;background:#00913a;float:left;margin:0 3.076923076923077% 0 0;} .FGPlist-block .more-btn{line-height:26px;color:#999999;margin:49px 0 0;} .FGPlist-block .more-btn span{padding:0 28px 0 0;background:url("/templets/default/images/icon/icon-go3.png")no-repeat right center;} .FGPlist-block .name:hover, .FGPlist-block .taR a:hover{color:#00913a;} .FGPlist-box:before{content:"";display:block;width:36.24595469255663%;height:1px;background:#e6e6e6;position:absolute;top:-41px;} .FGPlist-box:after{content:"";display:block;width:100%;height:100%;background:url("/templets/default/images/bg/FGP-bg1.png") repeat;position:absolute;bottom:-41px;} .FGP-list>li:nth-child(2n-1) .FGPlist-img{float:left;} .FGP-list>li:nth-child(2n-1) .FGPlist-box{right:3.4166%;} .FGP-list>li:nth-child(2n-1) .FGPlist-box:before{right:-3.4166%;} .FGP-list>li:nth-child(2n-1) .FGPlist-box:after{right:6.472491909385113%;} .FGP-list>li:nth-child(2n) .FGPlist-img{float:right;} .FGP-list>li:nth-child(2n) .FGPlist-box{left:3.4166%;} .FGP-list>li:nth-child(2n) .FGPlist-box:before{left:-3.4166%;} .FGP-list>li:nth-child(2n) .FGPlist-box:after{left:6.472491909385113%;} /*-- 服务领域 --*/ .service-container{min-height:600px !important;background:url("/templets/default/images/bg/srv-bg.jpg") no-repeat center center / cover;position:relative;} .service-contain{width:1200px;position:absolute;top:50%;left:50%;z-index:2;margin:-240px 0 0 -600px;} .service-contain li{width:20%;float:left;} .srvlist-box{display:block;height:240px;overflow:hidden;position:relative;} .srvlist-box:after{content:"";display:block;width:100%;height:100%;background:rgba(44,118,215,.45);position:absolute;top:0px;left:0px;} .srvlist-box .srvlist-block{padding:38px 8.3333% 0;color:#fff;position:absolute;top:0px;left:0px;z-index:2;} .srvlist-block .t1{line-height:27px;font-size:18px;} .srvlist-block .t2{line-height:20px;text-transform:uppercase;margin:5px 0 0;} .srvlist-box .icon{display:block;width:40px;height:40px;position:absolute;right:7.916666666666667%;bottom:22px;z-index:2;} .srvlist-box .icon.i1{background:url("/templets/default/images/content/srv/srv-1.png") no-repeat center center / cover;} .srvlist-box .icon.i2{background:url("/templets/default/images/content/srv/srv-2.png") no-repeat center center / cover;} .srvlist-box .icon.i3{background:url("/templets/default/images/content/srv/srv-3.png") no-repeat center center / cover;} .srvlist-box .icon.i4{background:url("/templets/default/images/content/srv/srv-4.png") no-repeat center center / cover;} .srvlist-box .icon.i5{background:url("/templets/default/images/content/srv/srv-5.png") no-repeat center center / cover;} .srvlist-box .icon.i6{background:url("/templets/default/images/content/srv/srv-6.png") no-repeat center center / cover;} .srvlist-box .icon.i7{background:url("/templets/default/images/content/srv/srv-7.png") no-repeat center center / cover;} .srvlist-box .icon.i8{background:url("/templets/default/images/content/srv/srv-8.png") no-repeat center center / cover;} .srvlist-box .icon.i9{background:url("/templets/default/images/content/srv/srv-9.png") no-repeat center center / cover;} .service-contain li:nth-child(2n) .srvlist-box:after{background:rgba(44,118,215,0);} .srvlist-type{height:240px;background:#3585e0;position:relative;} .srvlist-type:after{content:"";display:block;width:85.41666%;height:205px;border:2px solid rgba(255,255,255,.29);} .srvlist-type .box{width:100%;text-align:center;color:#fff;position:absolute;left:0px;top:50%;margin-top:-30px;z-index:2;} .srvlist-type .t1{line-height:35px;font-size:24px;} .srvlist-type .t2{line-height:24px;font-size:16px;font-weight:lighter;letter-spacing:2px;text-transform:uppercase;} .service-container .srv-orn{width:1200px;height:100%;border-left:1px solid rgba(255,255,255,.2);border-right:1px solid rgba(255,255,255,.2);position:absolute;top:0px;left:50%;margin:0 0 0 -600px;} .srv-orn i{display:block;width:1px;height:100%;background:#fff;opacity:.2;float:left;margin:0 0 0 19.91666666666667%;} .service-modal{width:100%;height:100%;background:rgba(0,0,0,.2);position:fixed;top:0px;left:0px;z-index:99999;display:none;} .srvModal-contain{width:1200px;height:658px;background:#fff;border:1px solid #e1e1e1;} .srvModal-close{display:block;width:30px;height:30px;background:url("/templets/default/images/icon/icon-close2.png")/*tpa=http://www.pioneer-pku.com/APP/Public/Home/images/icon/icon-close2.png*/ no-repeat center center;position:absolute;right:30px;top:30px;z-index:2;} .srvModal-type{line-height:46px;font-size:30px;font-weight:600;position:relative;padding: 0 5.3333%;} .srvModal-type .en{font-weight:lighter;text-transform:uppercase;margin:0 0 0 18px;} .srvModal-type:after{content:"";display:block;width:12px;height:38px;background:#1c64be;position:absolute;top:4px;left: 0px;} .srvModal-info{line-height:32px;color:#777777;margin:10px 0 0;} .srvModal-dtl{line-height:36px;margin:28px 0 0;opacity:.68;padding: 0 5.3333%;} .srvModal-dtl table tr td{border:1px solid #ccc;} .srvModal-contain .srvModal-wrap{padding: 78px 0 106px;height:100%;position:absolute;top:0px;left:0px;overflow-y:auto;} /*-- 工程业绩 --*/ /*典型案例*/ .projPerf-case{padding:45px 0 87px;} .pPerfCase-list{width:104.125%;margin:0 0 0 -4.125%;} .pPerfCase-list li{width:33.333%;padding:16px 0 17px 3.961584633853541%;float:left;} .pPerfCase-list .pPerfCase-box{display:block;color:#fff;position:relative;} .pPerfCase-box:after{content:"";display:block;width:100%;height:100%;background:url("/templets/default/images/bg/FGP-bg1.png") repeat;position:absolute;bottom:-15px;right:-15px;z-index:-2;} .pPerfCase-box .pPerfCase-img{width:100%;height:268px;object-fit:cover;} .pPerfCase-box .pPerfCase-name{width:100%;padding:10px 0;line-height:28px;text-align:center;font-size:16px;background:rgba(0,0,0,.45);position:absolute;left:0px;bottom:0px; transition-delay:.3s;-webkit-transition-delay:.3s;} .pPerfCase-box .pPerfCase-block{padding:50px 14.98637602179837% 0;width:100%;height:100%;text-align:center;background:rgba(66,132,206,.85);position:absolute;top:0px;left:0px;z-index:2;opacity:0;} .pPerfCase-block:after{content:"";width:89.91825613079019%;height:86.19402985074627%;border:1px solid rgba(255,255,255,.35);z-index:-2;} .pPerfCase-block .name{line-height:31px;font-size:18px;} .pPerfCase-block .split{display:block;width:1px;height:13px;background:#fff;margin:10px auto 9px;} .pPerfCase-block .con{line-height:28px;max-height:56px;} .pPerfCase-block .btn{width:137px;height:39px;line-height:37px;border:1px solid rgba(255,255,255,.65);border-radius:39px;margin:65px 0 0;} .pPerfCase-block .btn:hover{color:#00913a;border-color:#fff;background:#fff;} .pPerfCase-box:hover .pPerfCase-name{transition-delay:0s;-webkit-transition-delay:0s;bottom:-50px;} .pPerfCase-box:hover .pPerfCase-block{transition-delay:.3s;-webkit-transition-delay:.3s;opacity:1;} .projPerf-case .pagination{margin:73px 0 0;} /*海外业绩*/ .pPcSwiper-man{padding:60px 0 70px;} .pPcSwiper-man .contain{position:relative;} .pPcSwiper-man .swiper-container .swiper-slide{background:#ffffff;} .pPcSman-box{padding:6px 0 0;width:50%;float:left;} .pPcSman-box .name{line-height:47px;font-size:30px;} .pPcSman-box .name en{font-size:18px;color:#999999;font-weight:lighter;font-style:italic;} .pPcSman-box .split{display:block;width:24px;height:3px;background:#404040;margin:20px 0 40px;} .pPcSman-box .type{font-size:18px;} .pPcSman-box .con{line-height:36px;font-size:16px;color:#777777;margin:20px 0 0;} .pPcSman-img{width:42.5%;position:relative;overflow:hidden;float:right;} .pPcSman-img img{max-width:100%;height:auto;} .pPcSwiper-min{background:#f2f2f2;} .pPcSwiper-min .swiper-container{padding:50px 0 63px;} .pPcSmin-box{display:block;position:relative;} .pPcSmin-box img{width:100%;height:187px;object-fit:cover;} .pPcSmin-box .pPcSmin-block{padding:10px 8.407079646017699% 20px;} .pPcSmin-block .t1{line-height:35px;font-size:16px;} .pPcSmin-block .t2{line-height:20px;font-size:13px;color:#777777;} .pPcSmin-box:after{content:"";display:none;width:28px;height:16px;background:url("/templets/default/images/bg/pPcS-cur.png") no-repeat center center / cover;position:absolute;top:-50px;left:50%;margin-left:-14px;} .pPcSmin-box.cur{background:#00913a;box-shadow:0px 5px 6px rgba(66,132,206,.35);} .pPcSmin-box.cur .t1, .pPcSmin-box.cur .t2{color:#fff;} .pPcSmin-box.cur:after{display:block;} .pPcSwiper-prev, .pPcSwiper-next{display:block;width:113px;height:100%;position:absolute;top:0px;z-index:2;} .pPcSwiper-prev{left:-113px;background:url("/templets/default/images/icon/swiper4-l.png") no-repeat left center;} .pPcSwiper-next{right:-113px;background:url("/templets/default/images/icon/swiper4-r.png") no-repeat right center;} @media all and (max-width:1460px){ .pPcSwiper-prev, .pPcSwiper-next{width:55px;} .pPcSwiper-prev{left:-60px;} .pPcSwiper-next{right:-60px;} } @media all and (max-width:1360px){ .pPcSwiper-prev, .pPcSwiper-next{width:55px;} .pPcSwiper-prev{left:0px;} .pPcSwiper-next{right:0px;} .pPcSwiper-man .contain{padding:0 60px;} } /*业绩地图*/ .projPerf-map{padding:92px 0 50px;background:url("/templets/default/images/pPc-bg.jpg") no-repeat left bottom / 100% auto;} .projPerf-map .contain{position:relative;} .pPerfMap-wrap{width:845px;height:702px;background:url("../image/pPc-map.jpg") no-repeat center top / 100% auto;position:relative;} .pPerfMap-web{display:none;} .pPerfMap-web img{width:100%;} .pPerfMap-adr{display:block;height:18px;line-height:18px;font-size:14.88px;color:#666666;position:absolute;} .pPerfMap-adr .orn{display:block;width:18px;height:18px;border-radius:100%;background:url("/templets/default/images/bg/pPmAodr-orn.png") no-repeat center center / 6px 6px;position:absolute;top:-20px;left:50%;margin-left:-9px;} .pPerfMap-adr .orn:after{content:"";display:block;width:100%;height:100%;background:rgba(66,132,206,.16);border-radius:100%;position:absolute;top:0px;left:0px;animation:ripples 2.5s linear infinite;-webkit-animation:ripples 2.5s linear infinite;} .pPerfMap-adr.cur .orn{background-image:url("/templets/default/images/bg/pPmAodr-orn2.png");} .pPerfMap-adr.cur .orn:after{background:rgba(255,128,43,.16);animation:none;-webkit-animation:none;} .pPerfMap-adr.cur .orn .o3{display:block;width:21px;height:34px;background:url("/templets/default/images/icon/icon-on.png") no-repeat center center;position:absolute;top:-25px;right:-11px;} .pPerfMap-adr.cur .orn .o1{display:block;width:30px;height:30px;border-radius:100%;border:1px solid rgba(250,156,92,.43);position:absolute;right:-6px;top:-6px; transform:scale(0);-webkit-transform:scale(0);-webkit-animation:circle 3s linear infinite; animation:circle 2s linear infinite;} .pPerfMap-adr.cur .orn .o2{display:block;width:48px;height:48px;border-radius:100%;border:1px solid rgba(250,156,92,.43);position:absolute;right:-15px;top:-15px;transform:scale(0);-webkit-transform:scale(0);-webkit-animation:circle 3s linear 0.8s infinite; animation:circle 2s linear 2s infinite;} /*北京*/ .pPerfMap-adr.pPmAdr-bj{top:270px;left:610px;} .pPerfMap-adr.pPmAdr-bj .orn{left:18px;top:-15px;} /*天津*/ .pPerfMap-adr.pPmAdr-tj{top:279px;left:648px;} .pPerfMap-adr.pPmAdr-tj .orn{left:-2px;top:-15px;} /*上海*/ .pPerfMap-adr.pPmAdr-sh{top:442px;left:722px;} /*重庆*/ .pPerfMap-adr.pPmAdr-cq{top:483px;left:497px;} /*河北*/ .pPerfMap-adr.pPmAdr-hb{top:312px;left:606px;} /*山西*/ .pPerfMap-adr.pPmAdr-sx{top:336px;left:560px;} /*辽宁*/ .pPerfMap-adr.pPmAdr-ln{top:235px;left:706px;} /*吉林*/ .pPerfMap-adr.pPmAdr-jl{top:186px;left:750px;} /*黑龙江*/ .pPerfMap-adr.pPmAdr-hlj{top:118px;left:754px;} /*江苏*/ .pPerfMap-adr.pPmAdr-js{top:412px;left:691px;} /*浙江*/ .pPerfMap-adr.pPmAdr-zj{top:480px;left:699px;} /*安徽*/ .pPerfMap-adr.pPmAdr-ah{top:438px;left:648px;} /*福建*/ .pPerfMap-adr.pPmAdr-fj{top:537px;left:677px;} /*江西*/ .pPerfMap-adr.pPmAdr-jx{top:509px;left:628px;} /*山东*/ .pPerfMap-adr.pPmAdr-sd{top:347px;left:640px;} /*河南*/ .pPerfMap-adr.pPmAdr-hn{top:397px;left:583px;} /*湖北*/ .pPerfMap-adr.pPmAdr-hub{top:454px;left:570px;} /*湖南*/ .pPerfMap-adr.pPmAdr-hun{top:520px;left:562px;} /*广东*/ .pPerfMap-adr.pPmAdr-gd{top:589px;left:602px;} /*海南*/ .pPerfMap-adr.pPmAdr-hain{top:683px;left:538px;} /*四川*/ .pPerfMap-adr.pPmAdr-sc{top:470px;left:402px;} /*贵州*/ .pPerfMap-adr.pPmAdr-gz{top:543px;left:483px;} /*云南*/ .pPerfMap-adr.pPmAdr-yn{top:580px;left:380px;} /*陕西*/ .pPerfMap-adr.pPmAdr-shanx{top:401px;left:508px;} /*甘肃*/ .pPerfMap-adr.pPmAdr-gs{top:268px;left:318px;} /*青海*/ .pPerfMap-adr.pPmAdr-qh{top:361px;left:304px;} /*台湾*/ .pPerfMap-adr.pPmAdr-tw{top:578px;left:732px;} /*内蒙古*/ .pPerfMap-adr.pPmAdr-nmg{top:191px;left:630px;} /*广西*/ .pPerfMap-adr.pPmAdr-gx{top:595px;left:526px;} /*西藏*/ .pPerfMap-adr.pPmAdr-xz{top:440px;left:143px;} /*宁夏*/ .pPerfMap-adr.pPmAdr-nx{top:336px;left:465px;} /*新疆*/ .pPerfMap-adr.pPmAdr-xj{top:249px;left:166px;} /*澳门*/ .pPerfMap-adr.pPmAdr-am{top:628px;left:597px;} /*香港*/ .pPerfMap-adr.pPmAdr-xg{top:622px;left:615px;} /*青海*/ .pPerfMap-adr.pPmAdr-qh{top:352px;left:344px;} .pPerfMap-box{width:343px;padding:30px 0 44px;background:#f4f4f4;position:absolute;top:180px;right:-355px;display:none;} .pPerfMap-box .province{display:inline-block;padding:0 10px;min-width:178px;line-height:60px;text-align:center;font-size:24px;color:#fff;background:#0054a6;position:relative;left:-12px;} .pPerfMap-box ul{min-height:119px;padding:23px 30px 0 40px;background:url("/templets/default/images/pPerfMap-1.png") no-repeat 92% 92%;} .pPerfMap-box ul li{padding:14px 0 14px 35px;line-height:20px;background:url("/templets/default/images/icon-l1.png") no-repeat left 14px;} /*动画*/ @keyframes ripples{ 0%{transform:scale(1);-webkit-transform:scale(1);background:rgba(66,132,206,.16);} 33%{transform:scale(1);-webkit-transform:scale(1);background:rgba(66,132,206,.16);} 66%{transform:scale(1.4);-webkit-transform:scale(1.4);background:rgba(66,132,206,.3);} 76%{transform:scale(1.4);-webkit-transform:scale(1.4);background:rgba(66,132,206,.3);} 100%{transform:scale(1);-webkit-transform:scale(1);background:rgba(66,132,206,.16);}} @-webkit-keyframes circle{ /* Safari and Chrome */ from{opacity:1;transform:scale(0);-webkit-transform:scale(0);} to{opacity:0;transform:scale(2);-webkit-transform:scale(2);}} /*-- 经典案例 --*/ .dlCen-container{padding:11px 0 87px;} .dlCen-list li{padding:30px 0;border-bottom:1px solid #e1e1e1;} .dlCen-list .dlCen-date{width:75px;padding:5px 0;text-align:center;color:#fff;background:#b8b8b8;float:left;margin:0 2.25% 0 0;} .dlCen-date .day{line-height:24px;font-size:16px;} .dlCen-date .year{line-height:25px;font-size:20px;font-weight:600;} .dlCen-date .split{display:block;width:47px;height:1px;background:#fff;margin:5px auto;} .dlCen-list .dlCen-name{width:50%;line-height:25px;font-size:15px;color:#777777;margin:20px 0 0;float:left;} .dlCen-list .dlCen-action{line-height:29px;font-weight:lighter;color:#666666;float:right;margin:20px 0 0;} .dlCen-action .dl-btn{display:inline-block;padding:0 34px 0 0;background:url("/templets/default/images/icon-dl.png") no-repeat right center;} .dlCen-action .split{display:inline-block;width:2px;height:15px;background:#b7b7b7;margin:0 9px;vertical-align:middle;} .dlCen-action a:hover{color:#00913a;} .dlCen-action .dl-btn:hover{background-image:url("/templets/default/images/icon-dl2.png");} .dlCen-container .pagination{margin:50px 0 0;} .dlCen-list li:hover .dlCen-date{background:#00913a;} .dlCen-list li:hover .dlCen-name{color:#222;} /*-- 新闻 --*/ .news-container{padding:30px 0 50px;} .news-list{width:101.6666%;width:calc(100% + 20px);margin:0 0 0 -10px;} .news-list li{padding:30px 10px;border-bottom:1px solid #efefef;background:#fff;} .nlist-img{display:block;width:45.0833%;height:278px;overflow:hidden;float:left;} .nlist-box{width:50.8333%;float:right;} .nlist-box .name{line-height:39px;font-size:24px;font-weight:600; color: #737373} .nlist-box .date{padding:0 0 0 20px;line-height:23px;font-size:12px;color:#999999;background:url("../image/icon-date2.png") no-repeat left center;margin:10px 0 0;} .nlist-box .con{line-height:30px;max-height:90px;color:#777777;margin:14px 0 0;} .nlist-box .btn{width:140px;height:45px;line-height:35px;font-size:13px;color:#666666;border:1px solid #e1e1e1;margin:55px 0 0;} .nlist-box .btn span{padding:0 24px 0 0;background:url("../image/icon-go4.png") no-repeat right center;} .news-list li:hover{box-shadow:0 0 10px 4px #e1e1e1;transform:translate3d(0,-2px,0);transition:all .3s cubic-bezier(.55,0,.1,1);z-index:2;} .nlist-box .name:hover{color:#00913a;} .nlist-box .name a:hover{text-decoration:none;} .nlist-box .btn:hover{background:#00913a;border-color:#00913a;} .nlist-box .btn:hover span{padding:0px;color:#fff;background-position:100px center;} .news-container .pagination{margin:50px 0 0;} /*详细*/ .article-info{padding:52px 0 70px;} .article-info .artInfo-name{text-align:center;font-size:24px;font-weight:600;} .article-info .artInfo-about{line-height:26px;text-align:center;color:#999999;margin:10px 0 0;} .artInfo-about .date{display:inline-block;padding:0 0 0 18px;background:url("../image/icon-date2.png") no-repeat left center;margin:0 0 0 25px;} .artInfo-about .see{display:inline-block;padding:0 0 0 24px;background:url("/templets/default/images/icon-see2.png") no-repeat left center;} .artInfo-about .bdsharebuttonbox{display:inline-block;vertical-align:middle;margin:0 0 0 40px;} .article-info .artInfo-con{line-height:30px;position:relative;overflow:hidden;margin:26px 0 0;} .artInfo-con img{max-width:100%;} .artInfo-con .pro-show li{list-style-type:none; text-align: center; width: 100%} .artInfo-con .pro-show li img{text-align: center; margin: 0 auto;} .article-info .artInfo-page{padding:20px 0 0;border-top:1px solid #efefef;margin:50px 0 0;} .artInfo-page a{width:45%;line-height:30px;color:#999999; } .artInfo-page a .type{color:#333;} .artInfo-page a.fr{text-align:right;} .article-info .artInfo-rtn{display:block;width:174px;height:48px;line-height:35px;font-size:16px;color:#00913a;border:1px solid #00913a;border-radius:48px;margin:62px auto 0;} .artInfo-rtn span{padding:0 22px 0 0;background:url("../image/icon-go5.png") no-repeat right center;} .artInfo-rtn:hover{background:#00913a;} .artInfo-rtn:hover span{padding:0px;color:#fff;background-position:100px center;} .artInfo-con table, .artInfo-con table tr td, .artInfo-con table th{border:1px solid #ccc !important;border-collapse:collapse;margin:0px auto;} /*网站地图*/ .web-map{padding:.57rem 0 .64rem;} .wMap-top{line-height:47px;text-align:center;font-weight:600;font-size:32px;color:#333;padding:0 0 .15rem;border-bottom:1px solid #e5e5e5;} .wMap-list{width:104.25%;margin:0 0 0 -4.25%;} .wMap-list li{width:33.333%;padding:0 0 0 4.25%;float:left;margin:.4rem 0 0;} .wMap-list .wMap-box{padding:.23rem .3rem .22rem;color:#333333;border:1px solid #e5e5e5;border-radius:15px;} .wMap-box .top{line-height:25px;font-size:18px;padding:0 0 .2rem;text-align:center;border-bottom:1px solid #e5e5e5;margin:0 0 .13rem;} .wMap-box a{display:block;width:50%;padding:.05rem 0;line-height:24px;color:#666666;float:left;} .wMap-box a:hover{color:#00913a;} .bd_weixin_popup{height:300px !important;} /*人力资源*/ .tDvpt-idea{background:#f2f2f2; height: 700px; padding-top: 50px;} .tDvptIdea-wrap{position:relative;margin:54px 0 0;} .tDvptIdea-box{width:477px;height:438px;margin:0 auto;position:relative;} .tDvptIdea-box .logo1, .tDvptIdea-box .logo2{width:100%;height:100%;background:url("../image/tDvptIdea-logo2.png")/*tpa=http://www.idthk.com/APP/Public/Home/images/tDvptIdea-logo2.png*/ no-repeat center center / cover;position:absolute;top:0px;left:0px;} .tDvptIdea-box:hover .logo1{animation:IdataImg .8s linear;-webkit-animation:IdataImg .8s linear;} .tDvptIdea-box .con{width:165px;height:128px;position:absolute;} .tDvptIdea-box .con.con1{left:0px;top:0px; transform-origin:260px 229px;-webkit-transform-origin:260px 229px;} .tDvptIdea-box .con.con2{width:164px;right:0px;top:0px; transform-origin:-102px 229px;-webkit-transform-origin:-102px 229px;} .tDvptIdea-box .con.con3{height:129px;left:0px;bottom:0px; transform-origin:260px -98px;-webkit-transform-origin:260px -98px;} .tDvptIdea-box .con.con4{right:0px;bottom:0px; transform-origin:-102px -98px;-webkit-transform-origin:-102px -98px;} .tDvptIdea-block{padding:17px 8px 19px;width:20.6666%;line-height:26px;min-height:95px;color:#666666;position:absolute;font-size: 16px;} .tDvptIdea-block.block1{left:11%;top:-10px;} .tDvptIdea-block.block2{right:9%;top:45px;} .tDvptIdea-block.block3{left:12%;bottom:-60px;} .tDvptIdea-block.block4{right:13%;bottom:-60px;} .worth{ height: 500px; padding-top: 50px;} .worth ul li{width:18.66666%;float:left;margin-left:1.66666%;position:relative;} .worth ul li:first-child{margin-left:0px;} .worth ul li span{position:absolute;width: 120px;height: 120px;border-radius: 50%;line-height:120px;text-align: center;font-size:20px;font-weight: bold;background:rgba(255,255,255,.2);top:50%;left:50%;margin-left:-60px;margin-top:-60px;color:#fff;} /*人才招聘*/ .cont_contation{width: 1200px;height: auto;margin: 0 auto;padding-top: 50px;} .cont_contation p{color: #747474;line-height: 32px;font-size: 16px;letter-spacing: 1px;margin-bottom: 32px;} .cont_contation img{width: 600px;height: 380px;} .cont_bot{width: 1200px;height: 405px;margin:50px auto 60px auto;overflow: hidden;} .cont_bot .swiper-slide{width:1200px;height:405px;} .h_title{margin:45px auto 0;width:75pc;height:auto;background-color:#00913a} .h_title,.h_title span{font-family:微软雅黑} .h_title span{display:inline-block;width:230px;height:50px;color:#fff;font-size:1pc;line-height:50px} .h_first{text-indent:2em} .h_span{text-align:center} .h_last{text-align:right} .menu_list{margin:0 auto 90px;width:75pc} .menu_head{position:relative;margin:0 auto;padding-left:2pc;height:60px;border-bottom:1px solid #e1e1e1;color:#666;font-size:1pc;font-family:微软雅黑;line-height:59px;cursor:pointer} .menu_head span{width:270px} .menu_head a,.menu_head span{display:inline-block;color:#666} .menu_head a{width:8px;height:8px;background:url(../image/off.png) no-repeat center center;text-decoration:none} #firstpane div.on a{background:url(../image/on.png) no-repeat center center} .menu_body{padding-top:20px;height:100%;background-color:#f9f9f9;line-height:38px} .menu_body span{display:block;margin-left:30px;color:#666;text-align:left;font-size:14px;line-height:30px} .menu_body a{display:block;margin:0 0 30px 30px;width:164px;height:47px;border:1px solid #00913a;border-radius:5px;background-color:#00913a;color:#fff;text-align:center;text-decoration:none;font-size:1pc;font-family:微软雅黑;line-height:47px} .menu_body a:hover{background-color:red;box-shadow:.5px .5px 1px #666} .main{float:right;width:auto;height:90px} .main li{float:left} .main li.on>a{background-color:#00913a;color:#fff} .downt ul li.on>a{background-color:transparent;color:red} .top_nav a{display:inline-block;width:75pt;height:90px;color:#333;text-align:center;text-decoration:none;line-height:90px;transition:background-color .3s ease-in-out} .top_nav a:hover{background-color:#00913a;color:#fff} .downt{position:relative} .drop{position:absolute;top:90px;z-index:99;display:none;width:max-content;background:hsla(312,5%,81%,.7);list-style:none} .dp{top:75px} .drop li{float:left} .drop li a{width:75pt;height:60px;color:#333;line-height:60px} .cont4{width:50pc} .cot1{margin:0 auto;padding-top:38px;width:75pc;height:auto} .cot1 p{padding-bottom:33px;color:#666;letter-spacing:1px;font-size:1pc;line-height:30px} .cot1 img{width:1199px;height:521px} /*合作伙伴*/ .part-cate{text-align: center;margin-top:30px;} .part-cate ul li{margin:0px 7px;cursor:pointer;display:inline-block;text-align:center;width:140px;height:40px;line-height: 40px;text-align: center;font-size:16px;color: #666666;border:1px solid #e5e5e5;} .part-cate ul li:hover,.part-cate ul li.cur{background:#00913a;color:#fff;border-color:#00913a;} .iCust-swiper{} .iCust-swiper{position:relative;margin:.21rem 0 0;width:1260px;margin:0px auto;} .iCust-swiper .swiper-slide{width:1260px;} .iCust-swiper .swiper-container{padding-bottom:50px;} .iCust-swiper .swiper-pagination-bullet-active{background:#00479d;} .iCust-swiper{} .iCust-list li{padding:.15rem 0;width:16.66667%;float:left;} .iCust-box{display:block;height:80px;text-align:center;position:relative;font-size:0px;transition: all .2s ease-in-out 0s;top:0px;} .iCust-list li:hover .iCust-box{top:-5px;} .pdtb80{padding-top:80px;} .swiper-pagination{height: 30px; text-align:center;left:50%; padding-bottom:50px; padding-top: 250px; } .swiper-pagination li{cursor:pointer;width:8px;height:8px;border-radius:50%;background:#ccc;margin:0px 5px;display:inline-block;font-size:0px;text-indent:9999;} .swiper-pagination li.on{background:#007aff;} .iCust-swiper .swiper-container{} /*如厨版块*/ .grid_1400{width:1400px;margin:0 auto;position:relative;z-index:1} .grid_1400.overH_{overflow:hidden} .i_banner .bg{width:100%;height:100%;background-size:cover;z-index:0;position:absolute;top:0} @media handheld,only screen and (max-width:1600px){.grid_1400{width:1300px}} @media handheld,only screen and (max-width:1440px){.grid_1400{width:1100px}} @media handheld,only screen and (max-width:1280px){.grid_1400{width:900px}} .pc{display:block} .wap{display:none} @media handheld,only screen and (max-width:800px){.pc{display:none} .wap{display:block} .grid_1400{width:85%} } .ruchu { margin-top: 6%!important; margin-bottom: 6%!important;} /*如厨内页*/ .rcrr{ height:1200px;color:#fff;background-size:cover;background-position: center;background-repeat: no-repeat;} .ruchuc .Ab_tit { line-height: 40px; } .ruchuc .Ab_tit span { display: inline-block; font-size: 40px; font-weight: 100; color: #333; vertical-align: top; } .ruchuc .Ab_tit span i { display: inline-block; margin-left: 14px; font-size: 20px; font-weight: 100; color: #ccc; vertical-align: bottom; line-height: 1; } /*视频*/ .videolist { position:relative; float:left; } .videolist:hover{ cursor: pointer; } .videoed { display:none; width:50px; height:50px; position: absolute; left:45%; top:45%; z-index:99; border-radius:100%; } .videos{ display:none; border:10px solid #F9F9F9; position:fixed; left:20%; top:5%; z-index:100; background:#fff; } .vclose { position:absolute;right:1%; top:1%; border-radius:100%; cursor: pointer; } #video{width:800px; height:600px; }