a:hover{ color:#0075c1;} .banner{ position: relative; overflow: hidden; } .banner .swiper-slide img{ width: 100%; } img{ max-width:100%;} .banner .swiper-slide{ } .swiper-pagination{ left: 6%; top: 56%; /* transform: translateX(-50%); -webkit-transform: translateX(-50%); */ } .swiper-pagination-bullet{ display: block; width: 3px; height: 24px; margin: 10px 0; border-radius: 0; } .banner-text{ position: absolute; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .banner-text1{ top: 40%; left: 20%; } .banner-text2{ top: 40%; left: 20%; } .banner-text3{ top: 40%; left: 20%; } .banner-text h3{ font-size: 60px; color: #fff; transition:all 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) 0s; -webkit-transition:all 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) 0s; -moz-transition:all 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) 0s; } .banner-text p{ font-size: 32px; margin-bottom: 40px; line-height: 48px; color: #fff; -webkit-transition: 0.6s 0.2s; transition: 0.6s 0.2s; } .banner-text h3,.banner-text p,.learmore{ -webkit-transform: translateY(100px); transform: translateY(100px); opacity:0; } .swiper-slide-active .banner-text h3,.swiper-slide-active .banner-text p,.swiper-slide-active .learmore{ opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } .learmore{ width: 140px; line-height: 40px; font-size: 12px; border: 1px solid #fff; border-radius: 2px; -webkit-transition: 0.3s; transition: 0.3s; cursor: pointer; -webkit-transition: 0.6s 0.4s; transition: 0.6s 0.4s; } .learmore a{ display: block; height: 100%; color: #fff; } .learmore span{ position: relative; padding-left: 20px; } .learmore span:after{ position: absolute; content: ''; width: 20px; height: 10px; background: url('../images/arrow-r.png') center/20px no-repeat; right: -46px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: 0.5s; transition: 0.5s; } .learmore:hover span:after{ right: -56px; } .banner-sub-warp{ position: absolute; z-index: 4; width: 1200px; bottom: 10%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .swiper-btn-warp{ position: absolute; z-index: 3; top: 0; opacity: 0; width: 140px; height: 100%; -webkit-transition: 0.4s; transition: 0.4s; cursor: pointer; } .swiper-btn-warp:hover{ opacity: 1; } .swiper-btn-prev{ left: 0; /* background-image: linear-gradient(-90deg,rgba(0,0,0,0) ,rgba(0,0,0,0.6)); */ } .swiper-btn-next{ right: 0; /* background-image: linear-gradient(90deg,rgba(0,0,0,0) ,rgba(0,0,0,0.6)); */ } .swiper-button-prev{ left: 45px; } .swiper-button-next{ right: 45px; } .banner-sub{ } .banner-sub-l,.banner-sub-r{ box-sizing: border-box; width: 49%; height: 90px; padding: 18px 30px; background:rgba(0,52,89,0.7); } .banner-sub-l{ float: left; } .shares-name,.shares-situation,.contrast{ float: left; } .shares-name{ color: #fff; } .shares-name h4{ font-size: 20px; } .shares-name p{ font-size: 14px; } .shares-situation{ margin: 0 30px; } .shares-situation .situation{ color: red; } .shares-situation .situation .point{ font-size: 22px; } .shares-situation .situation .increase{ display: inline-block; width: 16px; height: 18px; background: url('../images/increase.png') center/contain no-repeat; } .shares-situation .situation .increase-point,.shares-situation .situation .increase-rate{ font-size: 18px; } .shares-situation .situation .increase-rate{ } .shares-situation .situation .increase-rate:after{ content: ')'; } .shares-situation .situation .increase-rate:before{ content: '('; } .shares-situation .time{ } .shares-situation .time span{ color: #fff; } .shares-situation .time span:nth-child(1){ } .shares-situation .time span:nth-child(2){ padding: 0 5px; } .shares-situation .time span:nth-child(3){ padding-left: 5px; padding-right: 10px; } .shares-situation .time span:nth-child(4){ } .contrast{ color:#fff; } .contrast .now{ margin-bottom: 10px; } .contrast .now span{ color: #0f990f; } .contrast .yesterday{ } .contrast .now span,.contrast .yesterday span{ padding-left: 22px; } .banner-sub-r{ float: right; } .banner-sub-r .news-list{ padding-left: 8px; } .banner-sub-r .news-list a{ position: relative; color: #fff; } .banner-sub-r .news-list a:after{ position: absolute; content: ''; width: 2px; height: 2px; left: -8px; top: 50%; border-radius: 50%; background-color: #fff; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .banner-sub-r .news-list a:hover{ color: #0075c1; } .main-body{ } .group-news-box,.under,.map,.w1000{ width: 1200px; margin:0 auto; } .group-news-warp{ padding: 60px 0; background-color: #e8ecf0; } .group-news-box{ } .group-news-box img{ width: 100%; vertical-align: top; } .group-news-t{ height: 374px; } .news-reveal,.group-news-item{ height: 100%; } .news-reveal{ width: 793px; } .news-reveal,.group-news-item{ position: relative; } .group-news-item a{ display: block; width: 100%; height: 100%; } .news-reveal:hover .pic img,.group-news-item a:hover img{ -webkit-transform: scale(1.05); transform: scale(1.05); } .news-reveal .pic{ overflow: hidden; } .news-reveal .text{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; color: #fff; } .news-reveal .text h3{ top: 8%; font-size: 24px; } .news-reveal .text p{ bottom: 8%; font-size: 18px; } .news-reveal .text h3,.news-reveal .text p{ position: absolute; left: 5%; } .group-news-b{ margin-top: 17px; } .group-news-list{ height: 436px; } .group-news-list .group-news-item:nth-child(3n-2){ margin-left: 0; } .group-news-item{ float: left; width: 388px; height: 100%; margin-left: 17px; background-color: #fff; } .group-news-item .news-text{ padding: 20px 28px; } .group-news-item .news-text .time{ font-size: 12px; color: #9b9b9b; } .group-news-item .news-text .news-title{ font-size: 16px; margin: 16px 0 20px; color: #363636; } .group-news-item .news-text .news-txt{ font-size: 12px; height: 36px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; color: #4e4e4e; } .group-news-item .news-enter{ position: absolute; bottom: 34px; right: 56px; width: 20px; height: 14px; opacity: 0; background: url('../images/r-arrow.png') center/contain no-repeat; -webkit-transition: 0.4s; transition: 0.4s; } .group-news-item:hover .news-enter{ opacity: 1; } .pic { overflow: hidden; } .pic img{ transition: 1s; } .under-main-list > li:hover .pic img{ -webkit-transform: scale(1.05); transform: scale(1.05); } .news-r .news-r-text-box{ position: relative; margin-top: 20px; } .main-c-text{ position: absolute; left: 50%; top: 14%; width: 80%; color: #fff; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .main-c-text h3{ font-size: 20px; } .main-c-text p{ font-size: 12px; margin: 20px 0; } .main-c-text .learnMore-btn{ width: 30px; height: 30px; background: url('../images/r-arrow-btn.png') center/contain no-repeat; } .under-box{ background-color: #fff; } .under{ padding: 60px 0; } .main-title{ padding-left: 80px; margin-bottom: 36px; } .main-title h3{ font-size: 40px; color: #0457b7; } .main-title p{ font-size: 18px; margin-bottom: 16px; color:#2a2a2a; } .under-main{ } .under-main-list{ } .under-main-list > li{ position: relative; width: 50%; } .under-main-list > li .pic img{ width: 100%; vertical-align: top; } .map-middle{ padding-top: 80px; background-color: #f6f6f6; } #map-box{ position: relative; width: 100%; height: 676px; background: url('../images/map.png') center 0 no-repeat; } #map-box.americas{ background-position: center -676px; } #map-box.asia{ background-position: center -2704px; } #map-box.china{ background-position: center -2028px; } #map-box.europe{ background-position: center -1352px; } #map-box.newdelhi{ background-position: center -4056px; } #map-box .map-title{ position: absolute; top: 0; width: 1200px; left: 0; right: 0; margin: auto; } #map-box .warp{ position: relative; width: 960px; margin: 0 auto } #map-box #mapxy{ position: relative; left: -66px; } .point-warp{ position: relative; } .point-warp .point{ position: absolute; position: absolute; width: 23px; height: 29px; z-index: 25; text-align: center; } .point-warp .point.location01{ top: 200px; left: 72px; } .point-warp .point.location02{ top: 116px; left: 330px; } .point-warp .point.location03{ top: 276px; left: 102px; } .point-warp .point.location04{ top: 269px; left: 362px; } .point-warp .point.location05{ top: 283px; left: 338px; } .point-warp .point.location06{ top: 262px; left: 396px; } .point-warp .point.location07{ top: 192px; right: 220px; } .point-warp .point span{ white-space:nowrap; } .point-warp .point a{ display: block; width: 23px; height: 29px; line-height: 0; font-size: 0; text-indent: -10000px; background: url(../images/point.png) 0 0 no-repeat; cursor: pointer; z-index: 25; } .w100{width:100%;} .pagebanner{ background-repeat:no-repeat; background-position:center top; padding-top:250px; height:350px; background-attachment:fixed;} .pagebanner{ color:#fff; font-size:22px; text-align:center;letter-spacing:1px;} .pagebanner h2{ font-size:42px; padding-bottom:25px;;letter-spacing:3px;} .banner-sub-warp{ bottom:50px;} .home-pagination .swiper-pagination-bullet{ position:relative; width:40px; height:3px;background:#fff; display:inline-block; margin-left:8px; background:#fff; opacity:1;} .home-pagination{ position:absolute; width:1200px; left:50%; margin-left:-600px; text-align:right;bottom:160px; z-index:6;} .home-pagination .swiper-pagination-bullet-active{background:#fff;} .home-pagination span:before{background:#003459; content:''; width:0;height:100%; left:0; top:0; z-index:6; position:absolute;} .home-pagination .swiper-pagination-bullet-active:before{ width:100%; transition:all 5s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;} .home-pagination span:before{} .abouta{ padding:66px 0;} .aboutah2{ text-align:center; color:#000000;} .aboutah2 span{ font-size:18px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; color:#595757; display:inline-block; line-height:24px;} .aboutah2 em{ font-size:30px; font-style:normal; display:block; vertical-align:top; line-height:30px; padding-top:10px;} .aboutah21,.aboutah21 span{ color:#fff;} .aboutah22{ text-align:left;} .aboutah23{ padding-left:30px;} .aboutadesc{ text-align:center; color:#6b6b6b; padding-top:45px; line-height:22px;} .aboutadesc2{ text-align:justify;} .aboutalink{ overflow:hidden; margin-top:60px;} .aboutalink ul{ width:105%;} .aboutalink li{ float:left; width:400px; border-right:1px solid #e5e5e5; text-align:center;} .aboutalinkh4{ font-size:20px; color:#000; padding:18px 0;} .aboutalinkdesc,.aboutalinkdesc a{font-size:14px; color:#6b6b6b; line-height:24px;} .aboutb{ background:url(../img/aboutb.jpg) center top no-repeat; padding:120px 0; text-align:center; color:#fff;background-attachment: fixed;} .aboutb h4{ font-size:30px;} .aboutb p{ font-size:18px; margin-top:38px;} .aboutcbm:hover img,.aboutca:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05);} .aboutcbm:hover,.aboutca:hover{box-shadow:0 2px 8px rgba(0,0,0,0.2);-webkit-box-shadow:0 2px 8px rgba(0,0,0,0.2);-moz-box-shadow:0 2px 8px rgba(0,0,0,0.2);} .aboutc{ padding:100px 0; background:#f2f2f2; padding-bottom:80px;} .aboutca{ background:#fff; width:380px;} .aboutcb{ width:795px;} .aboutcdesc{ font-size:12px; color:#6b6b6b; text-align:justify; line-height:22px; margin-top:20px;} .aboutch4{ font-size:20px; color:#000;} .aboutcaa{ overflow:hidden; height:290px;} .aboutcab{ height:271px; display:table; padding:0 35px;} .aboutcaba{ display:table-cell; vertical-align:middle;} .aboutcbm{height:268px; background:#fff;} .aboutcbma{ overflow:hidden; width:410px;overflow:hidden;} .aboutcbmb{ height:100%; display:table; width:385px;} .aboutcbmba{display:table-cell; vertical-align:middle; padding:0 35px;} .aboutcbm1{ margin-top:25px;} .aboutd{ padding:80px 0; background:#e3e3e3;} .aboutdcont{ text-align:center;} .aboutda{ display:inline-block; background:#fff; width:500px; margin:0 30px;box-shadow:1px 3px 6px rgba(51,51,51,0.2);-webkit-box-shadow:1px 3px 6px rgba(51,51,51,0.2);-moz-box-shadow:1px 3px 6px rgba(51,51,51,0.2);} .aboutda:hover{box-shadow:2px 3px 10px rgba(51,51,51,0.3);-webkit-box-shadow:2px 3px 10px rgba(51,51,51,0.3);-moz-box-shadow:2px 3px 10px rgba(51,51,51,0.3);} .aboutda:hover .aboutdh5{ color:#275eb8;} .aboutdh5{ font-size:20px;color:#000;} .aboutdh5 span{ display:inline-block; height:30px; padding-left:50px;} .aboutdp{ color:#6b6b6b; margin-top:25px; padding-left:50px;} .aboutdspan{color:#000; display:inline-block; margin-left:50px; margin-top:35px;} .aboutdtxt{ padding:55px 75px; text-align:justify;} .adspana{ background:url(../img/adspana.png) left top no-repeat;} .adspanb{ background:url(../img/adspanb.png) left top no-repeat;} .aboutah5{ font-size:14px; color:#000; padding:40px 0;} .aboutazd{ text-align:center; font-size:18px; color:#000; margin-top:30px;} .sociala{ padding:150px 0; } .socialam{ margin-top:50px; } .swipersocialam {padding:10px 0;} .sociala{ background:url(../img/sociala.jpg) center center no-repeat; background-attachment:fixed;} .socialamslider{font-size:18px; display:block; background:url(../img/socialam.jpg) center bottom no-repeat #f8f9f9; padding-top:65px; padding-bottom:45px; text-align:center;} .socialamslider h4{color:#275eb8;} .socialamslider p{ color:#4a4a4a; padding-top:32PX;} .socialamslider span{ margin-top:42PX;display:inline-block; padding:0 15px; line-height:22px; height:22px; color:#fff; background:#22c0db; font-size:12px;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;} .socialamslider:hover span{ background:#20b2db;} .socialamslider:hover{box-shadow: 1px 2px 6px rgba(0,0,0,0.3);-webkit-box-shadow: 1px 2px 6px rgba(0,0,0,0.3);-moz-box-shadow: 1px 2px 6px rgba(0,0,0,0.3);} .socialb{ padding:90px 0; background:#f2f2f2;} .socialbm a{ float:left; width:380px; background:#fff; margin-right:30px;} .socialbm .last{ margin:0;} .socialbmdesc{ padding:40px 35px;} .socialbmdesc h5{ font-size:20px; color:#000; height:24px; line-height:24px;} .socialbmdesc p{ color:#6b6b6b; text-align:justify; line-height:22px; padding-top:24px;} .socialbm a:hover h5{ color:#0075c1;} .socialbmimg{ height:290px; overflow:hidden;} .socialbm a:hover img{transform:scale(1.06);-webkit-transform:scale(1.06);-moz-transform:scale(1.06);} .socialbm a:hover{box-shadow:0 2px 8px rgba(0,0,0,0.2);-webkit-box-shadow:0 2px 8px rgba(0,0,0,0.2);-moz-box-shadow:0 2px 8px rgba(0,0,0,0.2);} .socialbm{ margin-top:65px;} .socialbmore{ text-align:center; margin-top:45px;} .socialbmore a{ display:inline-block; border:2px solid #d2d2d2;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px; color:#828282; font-size:14px; padding:0 30px; line-height:26px; height:26px;} .socialbmore a:hover{ background:#275eb8; border-color:#275eb8; color:#fff;} .newmain{ background:#f5f5f5;} .newmainsub{ border-bottom:1px solid #dcdcdc; padding-top:50px;} .newmainsub li{ float:left; margin-right:40px; } .newmainsub li a{ display:inline-block; font-size:18px;position:relative; vertical-align:top; line-height:18px; height:18px; padding-bottom:30px; position:relative;} .newmainsub li span{padding-left:22px;display:block; vertical-align:top;height:18px; color:#3d3d3d;} .newmainsub li a:before{ content:''; position:absolute; left:0; bottom:-1px; width:0; height:1px; background:#0075c1;} .nms1 span{ background:url(../img/new1.png) left center no-repeat;} .nms2 span{ background:url(../img/new2.png) left center no-repeat;} .nms3 span{ background:url(../img/new3.png) left center no-repeat;} .nms4 span{ background:url(../img/new4.png) left center no-repeat;} .newmainsub li.on .nms1 span,.newmainsub li:hover .nms1 span{ background:url(../img/new1_1.png) left center no-repeat;} .newmainsub li.on .nms2 span,.newmainsub li:hover .nms2 span{ background:url(../img/new2_1.png) left center no-repeat;} .newmainsub li.on .nms3 span,.newmainsub li:hover .nms3 span{ background:url(../img/new3_1.png) left center no-repeat;} .newmainsub li.on .nms4 span,.newmainsub li:hover .nms4 span{ background:url(../img/new4_1.png) left center no-repeat;} .newmainsub li.on a:before,.newmainsub li:hover a:before{ width:100%;} .newmainsub li.on span,.newmainsub li:hover span{ color:#0075c1;} .newmaina{ margin-top:48px;} .newmainar,.newmainal{background:#fff;} .newmainar{ width:406px; } .newmainarm{ padding:0 40px;} .newmainarh3{ height:66px; line-height:66px; color:#021953; font-size:18px;} .newmainarul li{ padding:19px 8px;} .newmainarul a,.newmainarul span{font-size:14px; display:block; vertical-align:top; height:28px; line-height:28px;} .newmainarul a{ color:#000;} .newmainarul span,.newmainarul li:hover a{ color:#204d99;} .newmainarh3,.newmainarul li{border-bottom:1px solid #dfdfdf;} .newmainarul li:last-child{ border:none;} .newmainalimg{ overflow:hidden; height:372px;} .newmainalp{ font-size:18px; color:#000; overflow:hidden; height:74px; line-height:74px; padding:0 20px;} .newmainalp i{ color:#565656; font-size:14px;} .newmainal:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05);} .newmainal:hover .newmainalp span{ color:#204d99;} .newmainb li{ padding:55px 0; border-bottom:1px solid #dedede; position:relative;} .newmainb li:before{ position:absolute; width:0; height:1px; background:#204d99; content:''; left:0; bottom:-1px;} .newmainbimg{ width:448px; height:252px; overflow:hidden;} .newmainbtxt{ width:700px; text-align:justify;} .newmainbtxt h4 a{ font-size:18px; color:#060606;} .newmainbtxt h4{ padding-top:20px;} .newmainbtxt p{ color:#595959; font-size:14px; line-height:24px; padding-top:32px;} .newmainbtxt span a{ font-size:14px; color:#204d99;} .newmainbtxt span{ display:block; width:100%; margin-top:45px;} .newmainbtxt span i{ float:right; font-size:14px; color:#595959;} .newmainb li:hover:before{ width:100%;} .newmainb li:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05);} .newmainb li:hover a{ color:#204d99;} .newmainc{ overflow:hidden;} .newmainc ul{ width:110%;} .newmainc a{ float:left; width:387px; background:#fff; line-height:20px; margin-right:18px; margin-top:45px;} .newmainc a{color:#4b4b4b; font-size:12px; vertical-align:top;} .newmaincimg{ display:block; vertical-align:top; overflow:hidden; height:218px;} .newmainch3{ font-size:18px; color:#060606; height:48px; overflow:hidden; line-height:24px;} .newmaincother{ height:50px; margin-top:25px; line-height:50px; color:#4b4b4b; border-top:1px solid #e2e2e2;} .newmaincdesc{ padding:20px; border:1px solid #cccccc; border-top:none; padding-bottom:5px;} .newmaincp{ padding-top:10px;} .newmaincother{ position:relative;} .newmaincother:before,.newmaincother:after{ position:absolute; content:''; height:1px; background:#204d99; top:-1px; width:0;} .newmaincother:before{ left:50%;} .newmaincother:after{ right:50%;} .newmainc a:hover .newmaincother:before,.newmainc a:hover .newmaincother:after{ width:50%;} .newmaincother i{ margin-top:18px; display:block; float:right;width: 20px;height: 14px;background: url(../images/r-arrow.png) center/contain no-repeat;} .newmainc a:hover h3{ color:#204d99;} .newmainc a:hover img{transform:scale(1.03);-webkit-transform:scale(1.03);-moz-transform:scale(1.03);} .newpage{ overflow:hidden; text-align:center; padding-bottom:55px; margin-top:55px;} .newpage a,.newpage span{ margin:0 10px; display:inline-block;border-radius:50%;-webkit-border-radius:50%; font-family:Arial, Helvetica, sans-serif;-moz-border-radius:50%; width:35px; font-size:16px; color:#585757;height:35px; line-height:35px; vertical-align:middle;} .newpage a:hover,.newpage a.on{ background:#dcdcdc; color:#fff;} .newpage .prev{ background:url(../img/page-prev.png) center no-repeat;} .newpage .next{ background:url(../img/page-next.png) center no-repeat;} .newpage .prev:hover{background:url(../img/page-prev1.png) center no-repeat;} .newpage .next:hover{ background:url(../img/page-next1.png) center no-repeat;} .investora{ padding:80px 0; background:#f2f2f2;} .investoral{ width:435px; padding-top:18px;} .investorar{ width:660px;} .investoraldesc{ color:#6b6b6b; padding-top:32px; line-height:22px; text-align:justify;} .investorb{ background:#f9f9f9;padding:80px 0;} .investorbrjg1{ background:#ededed; padding:12px 0; padding-bottom:20px;} .investorbtit{ padding-bottom:40px;} .investorbl{ width:826px; padding:20px; background:#fff;} .investorbr{ width:270px; padding:20px; background:#e9e9e9; color:#000;} .investorbr,.investorbl{border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;} .gp_riggm{ overflow:hidden; line-height:44px; height:44px; border-bottom:1px solid #dadada; padding:0 5px;} .gp_rigg{ width:215px; padding-left:30px; font-size:12px;} .gp_riggspan1{ width:75px;} .gp_riggspan2{ width:135px; text-align:right; float:right;} .gp_riggm span{ display:inline-block;} .investorc{background:#f2f2f2;} .investorcl,.investorcr{ padding:30px 20px; width:560px;} .investorcl{ background:#fff;} .investorcr{ background:#0376c2;} .investorcm{ margin-top:20px;} .investorcma{ display:block; vertical-align:top; overflow:hidden; height:59px; line-height:59px; border-top:1px solid #e5e5e5;} .investorcma span{ color:#0376c2; width:100px;} .investorcma em{ color:#000000; font-style:normal; width:340px;} .investorcma em,.investorcma span,.investorcma i{ float:left;} .investorcma i{ float:right; width:15px; height:15px; background:url(../img/xzan.png) center no-repeat; margin-top:22px;} .investorcma:hover i{background:url(../img/xzan1.png) center no-repeat;} .investorcma:hover em{ color:#204d99;} .investorcmore{ text-align:right;} .investorcr .investorcma:hover em{ color:#fff;} .investorcmore a{ color:#000; width:90px; height:25px; line-height:25px; text-align:center;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;border:1px solid #dcdcdc; display:inline-block;} .investorcmore,.investorcma{ padding:0 35px;} .investorcmore{ margin-top:15px;} .investorcr{ margin-top:60px;} .investorcr .aboutah2,.investorcr .aboutah2 span{ color:#fff;} .investorcr .investorcma span{ color:#75cff4} .investorcr .investorcma em{ color:#a4c2e2} .investorcr .investorcma{ border-color:#b8cfde;} .investorcr .investorcma i{background:url(../img/xzan2.png) center no-repeat;} .investorcr .investorcmore a{ color:#fff; border-color:#fff;} .investorcmore a:hover,.investorcr .investorcmore a:hover{ background:#204d99; color:#fff; border-color:#204d99;} .investord{ background:url(../img/investord.jpg) center top no-repeat;} .investordtxt{line-height:20px; width:490px;color:#000; padding:55px; background:rgba(255,255,255,0.55);} .investordp0{ font-size:18px; padding-top:30px; padding-bottom:5px;} .investordp2{ color:#6b6b6b; padding-top:42px;} .investordmore{ margin-top:20px;color:#000; width:90px; height:25px; line-height:25px; text-align:center;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;border:1px solid #a0a0a0; display:inline-block;} .investordmore:hover{ background:#204d99; color:#fff; border-color:#204d99;} .guihuaa{ text-align:center; border-bottom:1px solid #dbdbdb;} .guihuaa a{ display:inline-block; position:relative; vertical-align:top; height:80px; line-height:80px; font-size:22px; color:#000; width:360px;} .guihuaa a:before,.guihuaa a:after{ position:absolute; content:''; width:0; height:2px; background:#0075c1; bottom:-1px;} .guihuaa a:before{ left:50%;} .guihuaa a:after{ right:50%;} .guihuaa a:hover:before,.guihuaa a:hover:after,.guihuaa a.on:before,.guihuaa a.on:after{ width:50%;} .guihuaa a:hover,.guihuaa a.on{ color:#0075c1;} .guihuabtit{ text-align:center; font-size:18px; color:#000;} .guihuabdesc{ padding-top:30px;} .guihuac{ position:relative; color:#fff;} .guihuactxt{ position:absolute; left:70px; top:110px; width:658px;} .guihuactxt1{ top:88px;} .guihuach3{ font-size:18px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase;} .guihuach3 img{ width:160px;} .guihuacmore{ color:#fff; border:1px solid #fff;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px; margin-top:30px;font-size:12px; line-height:26px; height:26px; display:inline-block; padding:0 20px;} .guihuacmore:hover{ color:#000; background:#fff;} .guihuacdesc{ font-size:14px; line-height:24px; text-align:justify; margin-top:30px;} .guihuac{ margin-top:27px;} .guihuad,.guihuae{ margin-top:90px;} .guihuadm{ height:360px; overflow:hidden;} .guihuadl{ width:550px; margin-left:50px;} .guihuadr{ width:520px; display:table;} .guihuadrm{ display:table-cell; vertical-align:middle;} .guihuadrh3{ font-size:20px; color:#000;} .guihuadrdesc{font-size: 12px;color: #000;text-align: justify;line-height: 26px;margin-top: 20px;} .guihuaeh3{ padding-left:55px;} .guihuae{ padding-bottom:100px;} .guihuaea{ position:relative; color:#e6e6e7; margin-top:55px;} .guihuaetxt{ position:absolute; left:75px; top:100px; z-index:6; width:520px; text-shadow:0 0 4px rgba(0,0,0,0.2)} .guihuaeh4{ font-size:18px; font-weight:bold;} .guihuaedesc{ font-size:12px; line-height:26px; margin-top:10px;} .contacta{ padding:80px 0; background:#f5f5f5;} .contactam{ text-align:center; width:250px; background:#fff; padding:30px; height:220px; position:relative;} .contactam i{ position:absolute; display:block; width:73px; border:15px solid #fff;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%; top:0; height:73px; position:absolute; left:50%; margin-left:-52px; z-index:5; top:-52px;} .ctaia{ background:url(../img/coni1.jpg) center no-repeat #fff;} .ctaib{ background:url(../img/coni2.jpg) center no-repeat #fff;} .ctaic{ background:url(../img/coni3.jpg) center no-repeat #fff;} .contactam h4{ padding-top:72px; font-size:21px; color:#000000;} .contactam p{ padding-top:20px; font-size:18px; color:#363636;} .contactam a{ display:inline-block; width:115px; height:36px; line-height:36px; color:#fff; background:#c2c2c2; font-size:16px; margin-top:40px;} .contactam{ margin-right:134px;box-shadow:0 0 6px rgba(0,0,0,0.05);-webkit-box-shadow:0 0 6px rgba(0,0,0,0.05);-moz-box-shadow:0 0 6px rgba(0,0,0,0.05);} .contactam:hover{box-shadow:1px 2px 6px rgba(0,0,0,0.2);} .contactam:hover a{ background:#0075c1;} .contactam1{ margin-right:0;} .contactathree{ margin-top:120px;} .contactb{ padding:80px 0;} .contactbm{ margin-top:50px;} .contactb h4{ font-size:24px; color:#000000; text-align:center; padding-bottom:0;} .contactbl{ width:455px;} .contactbr{ width:727px;} .contactbrm{ overflow:hidden;} .contactbr .otxt{ width:304px; padding:0 25px; height:62px; line-height:62px; color:#3e3e3e; background:#f5f5f5; } .contactbr .otext{ padding:15px 25px; background:#f7f7f7; width:677px; resize:none; height:189px; line-height:21px;} .contactbr .otext,.contactbr .otxt{border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;font-size:17px;} .contactbrm1{ margin-top:18px;} .contactbrm2{ padding-left:25px; margin-top:60px;} .contactbrm2 .obtn{ background:#555555; cursor:pointer; color:#fff; text-align:center; font-size:18px; width:170px; height:50px; line-height:50px;} .contactbobtn:hover{background:#0075c1;} .contactc{ padding:80px 0;background:#f5f5f5;} .contactc h4{ font-size:24px; color:#000000; text-align:center; padding-bottom:0;} .contactcm{ overflow:hidden;} .contactcml{ float:left; background:#fff; width:372px; margin-right:41px; margin-top:41px;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px; overflow:hidden;box-shadow:0 0 5px rgba(0,0,0,0.05);-webkit-box-shadow:0 0 5px rgba(0,0,0,0.05);-moz-box-shadow:0 0 5px rgba(0,0,0,0.05);} .contactcmimg{ height:220px; overflow:hidden; position:relative;} .contactcmimg:before{ position:absolute; width:100%; content:''; left:0; top:0; z-index:6; height:100%; background:#000;opacity:0;-webkit-opacity:0;-moz-opacity:0;} .contactcml1{ margin-right:0;} .contactcmtxt{ height:215px; color:#595959; line-height:26px; font-size:14px; padding:32px; padding-bottom:0;} .contactcmtxt h5{ padding-bottom:15px; font-size:18px;} .contactcml:hover img{transform:scale(1.06);-webkit-transform:scale(1.06);-moz-transform:scale(1.06);} .contactcml:hover{box-shadow:1px 1px 8px rgba(0,0,0,0.1);-webkit-box-shadow:1px 1px 8px rgba(0,0,0,0.1);-moz-box-shadow:1px 1px 8px rgba(0,0,0,0.1); background:#fafafa;} .contactcml:hover .contactcmimg:before{opacity:0.2;-webkit-opacity:0.2;-moz-opacity:0.2;} /*发展历程*/ .bf6f6f6{ background:#f6f6f6;} .historyf{ margin-top:60px; background:url(../img/fzlc.jpg) center top no-repeat; height:776px;} .historyb{ padding-top:90px; } .historyadesc{ text-align:center; color:#6b6b6b; font-size:14px; margin-top:25px;} .historybsub{ overflow:hidden;} .historybsub span{border-radius:15px;-webkit-border-radius:15px;-moz-border-radius:15px; background:#52c3f1; color:#fff; display:inline-block; width:330px; text-align:center; font-size:24px; height:60px; line-height:60px;} .historybsub .on,.historybsub span:hover{ background:#0075c1;} .historybsub{ width:810px; padding-bottom:60px;border-bottom:1px solid #c0c0c0;} .historyc{ position:relative;padding-bottom:30px;} .historyc:before{ position:absolute; width:1px; height:100%; background:#c0c0c0; content:''; top:0; left:50%; margin-left:-1px;} .historycm{ width:100%; padding-top:75px;} .historycmt{ width:100%; position:relative;} .historycmt:before{ content:''; position:absolute; top:50%; margin-top:-4px; z-index:5; right:-4px; width:7px; height:7px; background:#c0c0c0;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;} .historycmt:after{ content:''; position:absolute; top:50%;margin-top:-2px;right:-1px; width:60px; height:1px; border-bottom:1px dashed #c0c0c0;} .historycimg{ width:155px; margin-right:70px;} .historyctxt{ width: 340px; position:absolute;height:100%;color:#52c3f1; text-align:right; left:0; top:0;} .historyctxta{ position:absolute; width:100%; left:0; top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);} .historych4{ font-size:18px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;} .historycdesc{ font-size:13px; line-height:18px; margin-top:5px;} .historycmodd .historycimg{ float:left; margin-right:0; margin-left:70px;} .historycmodd .historycmt:before{ right:auto;left:-3px;} .historycmodd .historycmt:after{ right:auto;left:-1px;} .historycmodd .historyctxt{left:auto; right:0;} .historycmodd .historyctxt{text-align:left;} .historycul{ width:599px;} .historyculon .historyctxt{ color:#0075c1;} .historycul1{ padding-top:70px;} .historycmodd{ padding-top:40px;} .historya{ padding-top:66px;} .honor-banner1{ width:870px; margin-top:90px;} .honor-banner1-img{ width:410px; float:left;} .honor-banner1-txt{ width:400px; float:right;} .honor-banner2-wrap {position: relative;background-position: top center;background-repeat: repeat-x; } .honor-sjzd { width:100%; height: 100%;position: absolute; background:url(../img/sjzd2.png) center top repeat-x;} .honor-banner2-wrap .patent-btns {top: 36px; } .honor-banner2-wrap .btn {background-color: #fff; } .honor-banner2-wrap .img-wrap { position: relative;width: 72px;height: 72px;background: #f5f5f5;overflow: hidden;margin: 0 auto 15px;border-radius: 50%;} .honor-banner2-wrap .img-wrap .img100{transition:all .3s ease;position:absolute;width:100%;height:100%;left:0;top:0;} .honor-banner2-wrap .img-wrap .unhover{display:block;} .honor-banner2-wrap .img-wrap .hover{display:none;} .honor-banner2-wrap .swiper-slide{height:25px;padding-top:105px;color:#cacaca;font-size:18px;font-weight:bold;text-align:center;transition:all .5s ease;cursor:pointer;} .honor-banner2-wrap .swiper-slide:after{content:'';position:absolute;bottom:57px;left:50%;width:1px;height:10px;margin-left:0;background-color:#000;transition:height 800ms,bottom 500ms;} .honor-banner2-wrap .swiper-slide-active:after{height:90px;bottom:40px;} .honor-banner2-wrap .swiper-slide:before{opacity:0;-webkit-opacity:0;transition:all .5s ease;-webkit-transition:all .5s ease;content:"";display:block;position:absolute;width:0;height:0;z-index:0;top:90px;left:50%;margin-left:-4px;border-color:transparent transparent #d70c19 transparent;border-width:5px 4px;border-style:solid;} .honor-banner2-wrap .swiper-slide:hover {color: #333; } .honor-banner2-wrap .swiper-slide.swiper-slide-active {color: #333; } .honor-banner2-wrap .swiper-slide.swiper-slide-active:before {opacity: 1;-webkit-opacity: 1;top: 84px; } .honor-banner2 {margin: 0 auto;overflow: hidden; margin-top:100px;} .honor-banner2{height:130px; width:1152px;} .honor-banner2-wrap{ background:url(../img/honor-banner2-wrap.png) left top repeat-x;} .honor-banner1-txt h4{ margin-top:15px;display:inline-block; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:51px; color:#0075c1; padding-bottom:26px; line-height:55px; height:55px; vertical-align:top; position:relative;} .honor-banner1-txt h4:before{ position:absolute; left:0; bottom:0; height:1px; width:100%; background:#c0c0c0; content:'';} .honor-banner1-txt p{ font-size:14px; color:#6b6b6b; line-height:22px; text-align:justify; margin-top:30px;} .patentbtn{ position:absolute; display:block; top:50%; width:20px; height:19px; margin-top:-10px;} .historyprev{ background:url(../img/historyprev.png) center no-repeat; left:0;} .historynext{ background:url(../img/historynext.png) center no-repeat; right:0;} .historyprev:hover{ background:url(../img/historyprev1.png) center no-repeat;} .historynext:hover{ background:url(../img/historynext1.png) center no-repeat;} .honor-banner1-wrap{ position:relative;} .historye{ overflow:hidden;} .historyem{ float:left; position:relative; width:50%; height:243px; color:#fff;} .historyem:before{ content:''; width:100%; height:100%; position:absolute; left:0; top:0; background:#000;opacity:0;-webkit-opacity:0;-moz-opacity:0;} .historye1{ background:url(../img/historye1.jpg) center no-repeat; background-size:cover;} .historye2{ background:url(../img/historye2.jpg) center no-repeat; background-size:cover;} .historyem span{ z-index:6; display:inline-block; padding-right:50px; background:url(../img/historyemspan.png) right 2px no-repeat; line-height:32px; font-size:30px; position:absolute; left:50%; top:50%; margin-top:-15px; margin-left:-70px;} .historyem:hover:before{opacity:0.5;-webkit-opacity:0.5;-moz-opacity:0.5;} .historyem:hover{ color:#fff;} /*团队 .teama{ padding:60px 0;} .teamar{ width:468px;} .teamal{ width:606px; text-align:justify; line-height:20px; color:#6b6b6b;} .teamalp1{ color:#3d3d3d;} .teamalp2,.teamalp1{ padding-top:28px;} .teamalp3{ padding-top:55px;} .teamalp3 img,.teamalp3 span{ display:inline-block; vertical-align:middle; font-size:16px; color:#010101;} .teamalp3 span{ padding-right:30px;} .teamalh4{ font-size:24px; color:#3d3d3d; position:relative; left:-15px; line-height:24px; padding-bottom:30px;} .teamalh4:before{ position:absolute; left:15px; bottom:0; width:42px; height:2px; background:#d6d6d6; content:'';} .teamadesc{ padding-top:70px;} .teamb{ background:#f1f1f1;padding:60px 0; padding-top:28px;} .teambimg{ overflow:hidden; font-weight:bold; color:#000000; position:relative; height:389px; position:relative;} .teambimg:before{ position:absolute; z-index:5; content:''; width:100%; height:100%; background:#000;opacity:0;-webkit-opacity:0;-moz-opacity:0;} .teambi1{ text-transform:uppercase;} .teambi2{ font-size:20px; padding-top:35px;} .teambi3{ font-size:16px; color:#494949; padding-top:8px; height:60px;} .teambi4{ color:#101010; padding-top:0;} .teambip{ position:absolute; z-index:6; left:30px; top:60px; width:70%;} .teambm{ float:left; width:372px; margin-top:32px; margin-right:32px;} .teambm3{ margin-right:0;} .teambtxt ul{ padding:0 10px;} .teambtxt{ padding:40px 30px; position:relative; z-index:6; text-align:justify; background:#fff; color:#646464; height:220px;} .teambt2{ line-height:22px; font-size:14px; color:#0075c1; position:absolute; width:100%; left:30px; bottom:40px;} .teambt1{ min-height:150px;} .teambtxt:before{ z-index:6; left:30px; top:-16px; background:url(../img/teams.png) center no-repeat; width:27px; height:16px; position:absolute; content:'';} .teambm:hover .teambimg:before{opacity:0.2;-webkit-opacity:0.2;-moz-opacity:0.2;} .teambm:hover img{transform:scale(1.03);-webkit-transform:scale(1.03);-moz-transform:scale(1.03);} .teambm:hover{box-shadow:0 0 6px rgba(0,0,0,0.3);-webkit-box-shadow:0 0 6px rgba(0,0,0,0.3);-moz-box-shadow:0 0 6px rgba(0,0,0,0.3);} .teamcl{ width:482px; position:relative;} .teamcltxt{ position:absolute; z-index:6; left:0; top:48px;} .teamclp{ margin-top:15px;} .teamcr{ width:710px;} .teamc{ color:#fff;} .teamcrh4{ font-size:24px;} .teamcrma{ background:#5aac9c; height:274px;} .teamcrmb{ background:url(../img/teamcrmb.jpg) right bottom no-repeat #74c098; margin-top:10px; height:252px;} .teamcrdiv{ padding-top:42px; padding-right:52px; text-align:justify;} .teamcrh4,.teamcrdesc,.teamclp{ padding-left:72px;} .teamcrdesc{ margin-top:20px; line-height:20px;} .teamc{ margin-top:60px; padding-bottom:80px;} .teamd{ padding:80px 0; background:#f2f2f2;} .teamdm{ margin-top:35px;} .teamdma{ float:left; width:525px; padding:15px 30px; background:#fff; color:#646464;border-radius:12px;-webkit-border-radius:12px;-moz-border-radius:12px; position:relative; margin-right:30px; margin-top:30px;} .teamdmaodd{ margin-right:0;} .teamdmi{ position:absolute; color:#fff; font-weight:normal; font-family:Arial, Helvetica, sans-serif; font-size:30px; right:20px; top:12px; color:#fff;} .teamdmimg{ width:170px; height:170px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%; overflow:hidden;} .teamdmtxt{ width:320px; text-align:justify;} .teamdmh5{ color:#000000; font-weight:bold; font-size:18px; letter-spacing:2px;} .teamdmp{ font-size:16px; color:#494949; margin-top:8px;} .teamdmdesc{ margin-top:12px; line-height:20px;} .teamdmtxt{ padding-top:30px;} .teamdma:hover{ background:#0075c1; box-shadow:0 2px 10px rgba(0,0,0,0.2);} .teamdma:hover .teamdmh5,.teamdma:hover .teamdmtxt,.teamdma:hover .teamdmp{color:#fff;} */ .top-nav{ padding-top:0;} .top-nav .nav-r{ margin-top:10px;} .banner{ margin-top:100px;} .ybnew{ padding:80px 0; background:#f5f5f5;} .ybnew h2{ font-size:26px; color:#0073ab;} .ybnewml,.ybnewmr{ margin-top:40px;} .ybnewml{ width:555px; background:#fff;} .ybnewmlimg{ overflow:hidden; height:236px; display:block;} .ybnewmltxt{ padding:22px 30px; text-align:justify; line-height:24px;} .ybnewmltxt p{ line-height:20px; margin-top:13px; color:#666;} .ybnewmspan{ font-size:12px; color:#82878b;} .ybnewma{ font-size:16px; color:#0061a3; display:block; } .ybnewmlmore{ background:url(../img/ybnewmlmore.jpg) left center no-repeat; padding-left:32px; color:#00aeda; font-style:normal; display:inline-block; line-height:22px; margin-top:15px;} .ybnewmr{ width:585px;} .ybnewmr li{ background:#fff; margin-top:18px;} .ybnewmr li:first-child{ margin-top:0;} .ybnewmltxt a{margin-top:8px;} .ybnewmrimg,.ybnewmrtxt{ height:100px;} .ybnewmrimg{ width:150px;} .ybnewmrtxt{ width:405px; padding-right:15px;} .ybnewmrtxt .ybnewma{ margin-top:5px;} .ybnewma{ color:#333;} .ybnewmrtxt .ybnewmspan{ display:inline-block; vertical-align:top; margin-top:25px;} .ybnewmr li,.ybnewml{box-shadow: 0 0 5px rgba(0,0,0,0.2);-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2);-webkit-transition: all 1s cubic-bezier(.165,.84,.44,1);transition: all 1s cubic-bezier(.165,.84,.44,1);} .ybnewmr li:hover,.ybnewml:hover{box-shadow: 0 2px 15px rgba(0,0,0,0.2);-webkit-box-shadow: 0 2px 15px rgba(0,0,0,0.2);} .ybthree{ padding: 0; background:#f5f5f5;} .ybnewmlimg,.ybnewmrimg { overflow:hidden;} .ybnewmr li:hover img,.ybnewml:hover img{transform:scale(1.06);-webkit-transform:scale(1.06);} .ybthreemltxt,.ybthreemrtxtm{overflow:hidden; } .ybthreem{ width:50%; box-sizing:border-box; line-height:22px; font-size:14px;} .ybthreep{ margin-top:30px;} .ybthreem h3{ font-size:26px;} .ybthree,.ybthree a,.ybthree a:hover{ color:#fff;} .ybthreeml{ padding-right:10px;} .ybthreemr{ padding-left:10px;} .ybthreemrtxt{ height:50%; padding-bottom:10px; box-sizing:border-box;} .ybthreemrtxtm{ height:100%;position:relative;} .ybthreemrtxt1{ padding-top:10px; padding-bottom:0;} .ybthreemrtxtbg{ background-position:center; background-repeat:no-repeat; background-size:cover; height:100%; position:absolute; left:0; top:0; width:100%;} .ybthreea{ position:absolute; top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%); width:70%; left:15%; z-index:6;} .ybthreemltxt{ position:relative;} .ybthreemltxt img{ width:100%;} .ybthreemrtxt{ display:block; vertical-align:top;} .ybthreemore{ font-size:12px; color:#fff; border:1px solid #fff; display:inline-block; width:188px; height:48px; line-height:48px; text-align:center; border-radius:22px;-webkit-border-radius:22px;-moz-border-radius:22px; margin-top:70px;} .ybthreeb{ position:absolute; width:80%; left:10%;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);} .ybthreeml:hover img,.ybthreemrtxtm:hover .ybthreemrtxtbg{transform:scale(1.1);-webkit-transform:scale(1.1);} .ybthreeml:hover .ybthreemore,.ybthreemrtxtm:hover .ybthreemore{ background:#ffffff; color:#0068e8;} .ybthreemltxt:hover,.ybthreemrtxtm:hover{box-shadow:0 0 10px rgba(0,0,0,0.3);-webkit-box-shadow:0 0 10px rgba(0,0,0,0.3);} .ybthreemltxt,.ybthreemrtxtm,.ybnewmr li img,.ybnewml img,.gcoopm .swiper-slide{-webkit-transition: all 1s cubic-bezier(.165,.84,.44,1);transition: all 1s cubic-bezier(.165,.84,.44,1);} .ybnewma{height:30px; line-height:30px;} .gcoopmslider{ width:1120px; margin-left:40px;} .gcoop{ padding:90px 0; background:url(../img/gcoop.jpg) center top no-repeat #fff; font-size:16px;} .gcoop h2{ color:#002a5b; font-size:26px;} .gcoop h2,.gcoop p{ text-align:left; padding-left:40px;} .gcoop p{ padding-top:12px;} .gcoopm{ position:relative;margin-top:60px;} .gcoopm .swiper-slide{ text-align:center; background:#fff;} .gcoopm .swiper-slide:hover{box-shadow:0 2px 10px rgba(0,0,0,0.2);-webkit-box-shadow:0 2px 10px rgba(0,0,0,0.2);} .gcoopm span{ display:inline-block; width:280px; text-align:center; float:left; margin:10px 0;} .gcoopmobtn{ position:absolute; width:40px; height:60px; top:50%; margin-top:-30px;opacity:0;-webkit-opacity:0;-moz-opacity:0;} .gcoopml{ background:url(../img/shangge.png) center no-repeat; background-size:20px auto; left:-80px; } .gcoopmr{ background:url(../img/xiayige.png) center no-repeat; background-size:20px auto;right:-80px;} .gcoopm:hover .gcoopml{ left:-40px;} .gcoopm:hover .gcoopmr{ right:-40px;} .gcoopm:hover .gcoopmobtn{opacity:1;-webkit-opacity:1;-moz-opacity:1;} .buzhdaobg{ background:url(../img/buzhdaobg.jpg) center top no-repeat; background-attachment:fixed;} .buzhdaobgm{ text-align:justify; padding:150px 0; color:#fff; font-size:16px;} .buzhdaobgm h2{ font-size:26px;} .buzhdaobgm p{ margin-top:30px; padding-right:500px;} .ybding a,.ybding span,.ybding input{ display:inline-block; vertical-align:middle; line-height:50px;} .ybding{ margin-top:80px; text-align:center; border-top:1px solid #e5e5e5; padding:50px 0;} .ybding input{ height:48px; margin:0 10px; line-height:48px; border:1px solid #e5e5e5;border-radius:20px;-webkit-border-radius:20px; color:#8f91a5; width:240px; padding:0 20px;} .ybding span{ font-size:16px;} .ybding a{ position:relative; width:50px; height:50px; line-height:50px; overflow:hidden; font-size:14px; background:#f77300;border-radius:50%;-webkit-border-radius:50%; color:#fff;} .ybding i{ position:relative; z-index:6;} .ybding a:before{ width:100%; height:100%; position:absolute; content:''; left:0; bottom:-100%; background:#0068e8;} .ybding a:hover:before{ bottom:0;} .footbg{ background:url(../img/footbg.jpg) center top repeat-x #f2f2f2; text-align:center; display:none;} .footbgfx{ padding:35px 0;} .footbgnav{ line-height:112px; border:1px solid #cccccc; border-left:none; border-right:none;} .footbgnav a{ font-size:14px; color:#000; display:inline-block; margin:0 40px;} .footbgbq a{ color:#7d7d7d; display:inline-block; margin:0 20px;} .footbgbq{ padding:25px 0;} .footbgcopy{ font-weight:bold;color:#7d7d7d; padding:25px 0; border-top:1px solid #cccccc;} .homebanner,.homebanner .mainbox{ height:650px;} .homebanner{ position:relative; z-index:6; height:650px;} .homebanner,.homebanner a{ color:#fff;} .homebannertxt{ padding-top:0; position:relative; z-index:10;} .homebannerp1{ font-size:16px; font-family:Arial, Helvetica, sans-serif; } .homebannerp2{ font-size:34px; padding-top:35px; letter-spacing:2px;} .swiper-img{ width:100%; height:100%; position:absolute; z-index:8; left:0; top:0;} .homebannerp1,.homebannerp2,.homebannerp3{ margin-top:0; padding:0;} .homebannerp1{ font-size:45px; font-weight:400;} .homebannerp2{ font-size:25px; line-height:60px;} .homebannerp1,.homebannerp2{} .homebannerp2{ margin-top:20px;} .homebannerp3{ margin-top:40px;} .puba{min-width:100px;display:inline-block;font-size:13px;padding: 0 28px;font-weight: bold;border-radius:50px;-webkit-border-radius: 50px; border:2px solid #fff;} .puba i,.puba em{ vertical-align:top; margin:0;display:inline-block;height:46px;line-height:46px; padding:0;} .puba em{ width:17px;background:url(../img/g2gwmore.png) center no-repeat; left:0; margin-left:17px; position:relative;} .homebannertxt{ top:-20px;} .videobgbanner{ width:100%; height:100%; position:absolute; left:0; top:0; background:#0682e9;opacity:0.3;-webkit-opacity:0.3;-moz-opacity:0.3; z-index:8;} .homebanner { margin-top:0; } .homebanner, .homebanner .mainbox{height:760px;} .homebanner .video{ position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; } .puba:hover{ background:#063e9d; border-color:#063e9d;} .puba,.ybding a:before,.gcoopml,.gcoopmr,.ybthreemore,.ybthree img,.ybthreemrtxtbg{webkit-transition: all 1s cubic-bezier(.165,.84,.44,1);transition: all 1s cubic-bezier(.165,.84,.44,1);} .ban{ position:fixed; width:100%; left:0; top:0;} .homebanner{ position:relative; z-index:6; height:760px;} .homebanner,.homebanner a{ color:#fff;} .homebannertxt{ padding-top:235px; position:relative; z-index:10;} .homebannerp1{ font-size:16px; } .homebannerp1 img{ height:70px;} .homebannerp2 img{ height:100px;} .homebannerp2{ font-size:34px; padding-top:35px; letter-spacing:2px; text-transform:uppercase;} .swiper-img{ width:100%; height:100%; position:absolute; z-index:8; left:0; top:0;} .mainbox{text-align: center;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;} .homebanner .video{ position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; } .scrolldown{ width:78px; position:absolute; bottom:0; z-index:66; left:50%; margin-left:-36px; cursor:pointer;} @-o-keyframes zoomIn{0%{opacity:0;-o-transform:scale(1.05);}100%{opacity: 1;-o-transform:scale(1.01);}} @-moz-keyframes zoomIn{0%{opacity: 0;-moz-transform:scale(1.05);}100%{opacity: 1;-moz-transform:scale(1.01);}} @-webkit-keyframes zoomIn{0%{opacity: 0;-webkit-transform:scale(1.05);}100%{opacity: 1;-webkit-transform:scale(1.01);}} @keyframes zoomIn{0%{transform:scale(1.05);}100%{transform:scale(1.01);}} .zoomIn{-o-animation-name:zoomIn;-moz-animation-name:zoomIn;-webkit-animation-name:zoomIn;animation-name:zoomIn;} .swiper-img{background-position: center; background-repeat:no-repeat; background-size:cover; -webkit-transition: 3s;transition: 3s; } .home-pagination .swiper-pagination-bullet{ width:38px; height:4px;} .home-pagination span:before{ background:#ed6d00;} .homebanner .swiper-slide-active .swiper-img{-webkit-transform: scale(1.1);transform: scale(1.1);} .homebannerp1{ font-size:48px; text-align:center;} .homebannerp2{ font-size:28px; padding-top:40px;} .homebannertxt{ padding-top:0;} .homebanner .home-pagination{ left:0; margin:0; text-align:center;bottom: 52%;} .homebannerp1,.homebannerp2{ -webkit-transition: 1.2s; transition: 1.2s; } .homebannerp1,.homebannerp2{ margin:0 auto; opacity: 0; width:auto; } .homebannerp1{ padding-bottom: 30px; -webkit-transform: translateX(-200px); transform: translateX(-200px); letter-spacing:3px; } .homebannerp1 img{ height:45px;} .homebannerp2{ -webkit-transform: translateX(200px); transform: translateX(200px); padding-top:0; } .swiper-slide-active .homebannerp2,.swiper-slide-active .homebannerp1{ opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } .homebannertxt{ width:1200px;} .homebanner .swiper-slide{ background-position:center; background-repeat:no-repeat; background-size:cover;} .index-XialadU .sousuo_1{ margin-top: 35%;} .s_left{float:right;margin-right:30px;width:3.5%} .s_left{padding-left:50px;margin-top:18px;cursor: pointer;-webkit-appearance: none;} .inp,.inp_1{position:absolute;top:0;left:0;padding:0 0 0 30px;height:100%;width:92%;color:#000;font-size:30px;line-height:60px;text-align:left;white-space:nowrap;border:0;outline:0;background:0 0;overflow:hidden;box-sizing:border-box;display:block} .Xialad{ z-index:9;position:fixed; left:0; width:100%;top:0; height:100%;display:none;} .XialadU{position:absolute;top:0; left:0; height:100%; text-align:center; z-index:1000; width:100%; background:url(../images/xlbg.jpg) center center no-repeat; background-size:cover; background:rgba(10,64,134,0.9);} .sousuo_1{left:23.5%;margin-top: 35%;} .sousuo_1{width:55%;height:60px;border-radius:50px;background:#fff;position:relative} .gudingbanner{ position:fixed; left:0; top:100px; width:100%;} .gudingny{ background:#fff; position:relative; z-index:9; margin-top:760px;} /*关于*/ .pagebanner{ background-position:center; background-repeat:no-repeat; position:fixed; left:0; top:0; height:450px; padding:0; background-attachment:inherit;} .gudingny1{ margin-top:450px;} .gudingny2{ margin-top:70px;} .pubh3{ text-align:center; color:#000000;} .pubh3 span{ font-size:24px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;} .pubh3 span i{ text-transform:none; position:relative; top:-2px;} .pubh3 em{ display:block; vertical-align:top; font-size:30px; font-style:normal;} .ybabouta{ color:#4e4e4e; text-align:justify; font-size:16px; padding-top:65px; padding-bottom:90px;} .ybaboutadesc{ margin-top:35px;} .ybaboutb{ padding-bottom:80px;} .ybaboutbra{ color:#fff;} .ybaboutbp3{ font-size:18px;} .ybaboutbp3 span{ padding-right:35px;} .ybaboutbp31 span{ background:url(../img/ybaboutbp31.png) center right no-repeat;} .ybaboutbp32 span{ background:url(../img/ybaboutbp32.png) center right no-repeat;} .ybaboutbp4{ display:inline-block; width:130px; line-height:36px; border-bottom:4px solid #fff; padding-bottom:12px; margin-top:12px; overflow:hidden;} .ybaboutbp4 i{ font-family:Arial, Helvetica, sans-serif; } .ybaboutbp4 span{ font-size:36px; font-family:Arial, Helvetica, sans-serif;} .ybaboutbp4 span,.ybaboutbp4 i{vertical-align:top;} .ybaboutbp5{ font-size:14px; line-height:22px; margin-top:15px;} .ybaboutbl{ width:340px; text-align:justify; padding:75px 35px; background:#00a0e9; color:#fff; margin-top:75px;} .ybaboutbp1{ font-size:36px; font-family:Arial, Helvetica, sans-serif;} .ybaboutbp2{ font-size:18px; margin-top:25px;} .ybaboutbmore{ margin-top:60px; display:inline-block; width:42px; height:42px; border:1px solid #fff; background:url(../img/ybaboutbmore.png) center no-repeat;} .ybaboutbrb{ font-size:16px;} .ybaboutbr{ width:700px; color:#4e4e4e; letter-spacing:1px;} .ybaboutb{ background:url(../img/ybaboutb.jpg) center top no-repeat; padding-top:115px;} .ybaboutbram{ padding-left:80px;} .ybaboutbrb{ margin-top:190px;} .ybaboutbl{box-shadow:0 2px 6px rgba(51,51,51,0.1);-webkit-box-shadow:0 2px 6px rgba(51,51,51,0.1);} .ybaboutbl:hover{box-shadow:0 5px 10px rgba(51,51,51,0.1);-webkit-box-shadow:0 5px 10px rgba(51,51,51,0.1);} .ybaboutc{ padding-bottom:80px;} .ybaboutcm{ padding:0 100px; margin-top:60px; background:url(../img/ybaboutcm.jpg) center no-repeat; position:relative;} .ybaboutcslider{ padding:60px 0;} .ybaboutctxt{ color:#fff;height:150px; border-left:2px solid #fff; padding-left:25px; width:165px; position:absolute; left:10px;} .ybaboutctxt i{ display:block; width:12px; height:12px; border:1px solid #fff;border-radius:50%;-webkit-border-radius:50%; position:absolute; left:-8px; top:-8px;} .ybaboutctxt i:before{ position:absolute; left:2px; width:8px; height:8px; top:2px;border-radius:50%;-webkit-border-radius:50%; background:#fff; content:'';} .ybaboutctxt h6{ color:#b3c9f1; font-size:30px; padding-top:18px; line-height:30px;} .ybaboutctxt p{ padding-top:15px; line-height:24px; font-size:16px; color:#fff;} .ybaboutc-slide{ height:550px; left:-56px;} .ybaboutc-slide1{ left:0;} .ybaboutc-slide1 .ybaboutctxt{ } .ybaboutc-slide2 .ybaboutctxt{ bottom:0;} .ybaboutc-slide3 .ybaboutctxt{ top:96px;} .ybaboutc-slide4 .ybaboutctxt{ bottom:48px;} .ybaboutc-slide5 .ybaboutctxt{ top:0;} .ybaboutc-slide6 .ybaboutctxt{ bottom:96px;} .ybaboutc-slide0 .ybaboutctxt{ bottom:96px;} .ybaboutc-slide7{ left:0;} .ybaboutc-slide8 .ybaboutctxt{ bottom:48px;left:62px;} .ybaboutcbtn{ position:absolute; width:50px; height:50px; top:50%; margin-top:-25px; z-index:55;} .ybaboutcbtnl{ background:url(../img/fzl.png) center no-repeat; left:40px;} .ybaboutcbtnr{ background:url(../img/fzr.png) center no-repeat; right:40px;} .ybabout2ind{ padding-top:100px; background:url(../img/sya02.jpg) center top no-repeat;} .ybabout2indr{ width:440px; margin-top:120px;} .ybabout2indr h4{ font-size:26px; letter-spacing:2px; color:#363636; position:relative;} .ybabout2indr h4:before{ position:absolute;background:#00a0e9; height:2px; width:60px; content:''; left:-50px; bottom:16px;} .ybabout2indr h4 span{ padding-left:24px; display:block; vertical-align:top;} .ybabout2indr p{ margin-top:45px; font-size:14px; color:#4e4e4e; line-height:28px;} .ybabout2indr a{ display:inline-block; color:#000; position:relative; padding:0 15px; padding-bottom:12px; margin-top:70px;} .ybabout2indr a em{ position:relative; left:0; font-style:normal;} .ybabout2indr a:before{ background:#00a0e9; height:2px; width:45px; content:''; left:0; bottom:0; position:absolute;} .ybabout2indr a:hover:before{left:35px;} .ybabout2indr a:hover em{ left:5px;} .ybabout2indl{ position:relative; width:636px; padding-bottom:100px;} .ybabout2indl img{ position:relative; z-index:6;} .ybabout2indl:before{ position:absolute; background:#f4f7fe; width:1200px; content:''; bottom:0; height:410px; left:-660px;} .ybcpgx{ padding-top:60px; padding-bottom:80px;} .ybcpgx h3{ text-align:center; font-size:26px; color:#0073ab;} .ybcpgxm{ margin-top:40px;} /*新闻*/ .zhishia{ padding:65px 0; background:#f5f5f5;} .zhishiasub{ margin-top:32px; padding-top:40px; border-top:1px solid #dcdcdc; text-align:center;} .zhishiasub a{ font-size:16px; display:inline-block; position:relative; padding-bottom:20px; margin:0 70px;} .zhishiasub a:before{ position:absolute; content:''; left:0; bottom:8px; height:1px; background:#21abeb; width:100%;opacity:0;-webkit-opacity:0;-moz-opacity:0;} .zhishiasub a:hover:before,.zhishiasub a.on:before{ bottom:0;opacity:1;-webkit-opacity:1;-moz-opacity:1;} .zhishiasub a:hover,.zhishiasub a.on{ color:#21abeb;} .zhishiaimg{ overflow:hidden; display:block; width:240px; height:215px;} .zhishiatxt{ width:280px; margin-right:25px;} .zhishiali i{ width:20px; height:20px; background:url(../img/zhishia1.png) center no-repeat; float:right; position:absolute;} .zhishiatxt h4{ color:#363636; font-size:18px; line-height:28px; height:56px; padding-top:50px;} .zhishiali{ background:#fff; width:580px; float:left; margin-top:40px; margin-right:40px;} .zhishiatxt{ font-size:16px; color:#4e4e4e;} .zhishiatxt p{ line-height:20px; margin-top:40px;} .zhishiali{box-shadow:0 1px 5px rgba(51,51,51,0.1);-webkit-box-shadow:0 1px 5px rgba(51,51,51,0.1); position:relative;} .zhishiali:nth-child(even){ margin-right:0;} .zhishiali:hover{box-shadow:0 2px 8px rgba(51,51,51,0.1);-webkit-box-shadow:0 2px 8px rgba(51,51,51,0.1);} .zhishiali:hover h4{ color:#21abeb;} .zhishiali:hover i{transform: rotate(90deg);-webkit-transform: rotate(90deg);} .zhishialist{ margin-top:25px;} .zhishiasub{ text-align:left;} .zhishiasub a{ margin:0; margin-right:40px;} .zhishialist{ width:800px;} .zhishiali{width:100%; margin:0; margin-top:40px;} .zhishiatxt{width:500px;} .zhishiatxt b{ font-weight:normal; color:#888; font-size:14px; display:block; padding:35px 0; padding-bottom:10px;} .zhishiatxt h4{ height:auto; padding-top:0;} .zhishiatxt p{ font-size:14px; color:#9c9c9d; line-height:24px; margin-top:20px;} .zhishiali i{ right:20px; bottom:20px;} .zhishirxg{ background:#fff; width:250px; padding:20px 40px; margin-top:67px; position:relative;} .zhishirxg h4{ font-size:18px; color:#000;} .zhishirxg li{ line-height:22px;} .zhishirxg ul{ margin-top:10px;} .zhishirxg li{ padding:3px 0;} .zhishirxg li a{ font-size:14px;} .zhishirxgon{ position:absolute; } .zhishilf{ position:relative;} .zhishirxg{ right:0; top:0; width:250px;} .zhishirxg .zhishirxgh43{ padding-bottom:10px; border-bottom:1px solid #eee; margin-top:20px;} .mswz_wx{ display:none; color:#333; padding:5px 0; padding-right:40px;} .fbwxlist{ margin-top:20px;} .fbwxlist li{ border-bottom:1px solid #dadada;padding: 10px 0; display:block; width:100%; position:relative;} .fbxxiazai{ display:block; right:0; top:50%; margin-top:-15px; position:absolute; content:''; width:30px; height:30px; background:url(../img/pdf.png) center no-repeat; background-size:18px;} .fbwxlistaniu{ width:18px; height:18px; left:-25px;top:24px; background:url(../img/pdfli.png) center no-repeat; position:absolute; background-size:6px auto;} .fbwxlist span{ color:#666;} .fbwxlist li p{ color:#333; font-size:14px; padding-right:40px; margin-top:5px;} .fbwxlist i{ font-style:oblique; font-weight:bold; vertical-align:top;} .fbwxlist li:hover p{ color:#00a0e9;} .fbwxselectm{ border:1px solid #dedede; width:170px; line-height:34px; color:#444; } .fbwxselectm span{ display:block;padding:0 10px;background:url(../img/nfxzd.png) 150px center no-repeat; background-size:8px auto;} .fbwxselect{ line-height:34px;position:relative;z-index:5;} .fbwxselectm{ position:relative;z-index:5;} .fbwxselectm ul{ position:absolute;border:1px solid #dedede; display:none; left:-1px; top:0; width:170px; top:36px; background:#fff; z-index:5;} .fbwxselectm li{ margin:0 5px; padding:0 5px; line-height:22px; font-size:12px; font-family:Arial, Helvetica, sans-serif;} .fbwxselectm li:hover{ background:#dedede;} .fbwxselect{ margin-top:45px;} .fbwxlist li.on .fbwxlistaniu{transform:rotatez(90deg);-webkit-transform:rotatez(90deg);-moz-transform:rotatez(90deg);} .corporatelist a{ float:left; width:380px; background:#fff;} .corporateimg{ overflow:hidden; position:relative;height:285px;} .corporateimg img{position:absolute;max-width:100%;max-height:100%;left:0;top:0;right:0;bottom:0;margin:auto;} .corporateimg:before{ position:absolute; left:0; top:0; width:100%; height:100%; background:#000;opacity:0;-webkit-opacity:0;-moz-opacity:0;} .corporatetxt{ padding:20px; border:1px solid #e1e1e1; border-top:none;} .corporatetxt h4{ font-size:16px; color:#021953; line-height:26px; height:52px;} .corporatetxt div{ font-size:12px; color:#4b4b4b; line-height:20px; margin-top:12px; height:60px; overflow:hidden;display:none;} .corporatetxt span{ color:#59514f; font-size:12px;} .corporatetxt p{ padding-top:18px; border-top:1px solid #e2e2e2; margin-top:25px; line-height:21px; position:relative;} .corporatetxt i{ background:url(../img/corporatei.png) center no-repeat; width:33px; height:7px; position:absolute; right:0; top:29px; display:block;} .corporatelist{ margin-top:20px;} .corporatelist a{ margin-right:30px; margin-top:30px;} .corporatelist a:nth-child(3n+3){ margin-right:0;} .corporatelist a:hover{box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);} .corporatelist a:hover img{transform:scale(1.06);-webkit-transform:scale(1.06);-moz-transform:scale(1.06);} .corporatelist a:hover span{color:#00a0e9;} .corporatelist a:hover i{background:url(../img/corporatei1.png) center no-repeat;} .corporatelist a:hover .corporateimg:before{opacity:0.6;-webkit-opacity:0.6;-moz-opacity:0.6;} .pagination{ text-align:center; margin-top:100px;} .pagination a,.pagination p{vertical-align:middle} .pagination a{font-size:16px;margin:0 10px;font-family:Arial,Helvetica,sans-serif;display:inline-block;width:35px;height:35px;line-height:35px;color:#585757;border-radius:50%;text-align:center} .pagination a.prenohover{background:url(../img/page-prev.png) center no-repeat} .pagination a.nextnohover{background:url(../img/page-next.png) center no-repeat} .pagination a.prenohover:hover{background:url(../img/page-prev1.png) center no-repeat} .pagination a.nextnohover:hover{background:url(../img/page-next1.png) center no-repeat} .pagination p.prenohover{background:url(../img/page-prev.png) center no-repeat} .pagination p.nextnohover{background:url(../img/page-next.png) center no-repeat} .pagination a:hover{color:#fff;background:#dcdcdc} .pagination a.nohover{font-size:16px} .pagination a.cur{border:0;background:#dcdcdc;color:#fff} .pagination p{font-family:Arial,Helvetica,sans-serif;display:inline-block;width:35px;height:35px;margin:0 10px;color:#585757;line-height:35px;font-size:16px} .pagination p.pageRemark{border-style:none;background:0;margin-right:0;padding:4px 0;color:#666} .pagination p.pageRemark b{color:red} .pagination p.pageEllipsis{border-style:none;background:0;padding:4px 0;color:#808080} .dates li{font-size:14px;margin:20px 0} .dates li span{float:right;} .paginationsearch{ padding-top:0; margin-top:30px; padding-bottom:100px;} .up-graybox .bgbox { position:absolute ; display: block; width: 100%; height: 100%; background-color: #000; opacity: 0; -webkit-opacity: 0;-moz-opacity: 0; filter: alpha(opacity=0); z-index:6; left:0; top:0; } .up-graybox .stit { font-size: 16px; color:#fff; line-height: 24px; width: 70%; text-align: center; position: absolute; left: 15%; top: 50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); color: #fff; z-index:8; opacity: 0; padding:10px 0; -webkit-opacity: 0;-moz-opacity: 0; filter: alpha(opacity=0); } .up-graybox .line { display: inline-block; width: 100px; height: 1px; background-color: #f2f2f2; position: absolute; left: 50%; margin-left: -50px; transition: all 0.6s ease 0s; } .up-graybox .linet { top: 0; } .up-graybox .lineb { bottom: 0; } .corporatelist a:hover .bgbox{ opacity: 0.6; -webkit-opacity: 0.6;-moz-opacity: 0.6; filter: alpha(opacity=60);} .corporatelist a:hover .line { width: 6px; margin-left: -3px; opacity: 0.6; filter: alpha(opacity=60); } .corporatelist a:hover .stit{opacity: 1; -webkit-opacity: 1;-moz-opacity: 1; filter: alpha(opacity=100);} /*文化*/ .culture{padding:65px 0; background:#f5f5f5;} .cultureal,.culturear{ height:315px; overflow:hidden;} .culturea:hover img{transform:scale(1.06);-webkit-transform:scale(1.06);-moz-transform:scale(1.06);} .culturea{ background:#fff; margin-top:60px;} .culturear{ width:782px;} .cultureal{ width:782px; padding:0 55px; width:308px;} .cultureal{ font-size:18px; color:#4e4e4e; line-height:30px;} .cultureh4{ font-size:32px; color:#363636;} .cultureadesc{ margin-top:35px;} .cultureh41{ padding-top:70px;} .culturebma,.culturebmb{ position:relative; height:300px; background:#fff;} .culturebma{ width:300px;} .culturebmb{ width:600px;} .culturebma{ font-size:24px; color:#7d7d7d; line-height:300px; text-align:center;} .culturebma i{ width:100%; height:100%; position:absolute; left:0; top:0;} .culturebma span{ position:relative; z-index:6; letter-spacing:2px;} .jzgnum1{ background:#eeeeee;} .jzgnum3{ background:#283d60;} .jzgnum3 span{ color:#fff;} .jzgnum1 i{ background:url(../img/jzgnum1.png) center 85px no-repeat;} .jzgnum2 i{ background:url(../img/jzgnum2.png) center 85px no-repeat;} .jzgnum3 i{ background:url(../img/jzgnum3.png) center 85px no-repeat;} .jzgnum4 i{ background:url(../img/jzgnum4.png) center 85px no-repeat;} .jzgnum1:hover{ background:rgba(238,238,238,0.5);} .jzgnum3:hover{ background:rgba(40,61,96,0.95);} .jzgnum2:hover,.jzgnum4:hover{ background:rgba(255,255,255,0.5);} .cultureh42 { padding:75px 0; margin-left:75px; border-left:1px solid #bfbfbf;} .cultureh42 span{ display:inline-block; line-height:45px; border-left:2px solid #00a0e9; padding-left:30px; margin-left:-1px;} /*//联系*/ .contactpage{padding:65px 0; background:#f5f5f5;} .contactpageam{ float:left; width:372px; background:#fff; margin-right:42px; margin-top:60px;} .contactpageam3{ margin-right:0;} .contactpageaimg{ height:220px; overflow:hidden;} .contactpageatxt{ padding:35px 40px; color:#595959; line-height:26px; font-size:14px;} .contactpageatxt h4{ font-size:18px; padding-bottom:15px;} .contactpageam{box-shadow:0 2px 5px rgba(0,0,0,0.1);-webkit-box-shadow:0 2px 5px rgba(0,0,0,0.1);-moz-box-shadow:0 2px 5px rgba(0,0,0,0.1);} .contactpageam:hover{box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);} .contactpageam:hover img{transform:scale(1.06);-webkit-transform:scale(1.06);-moz-transform:scale(1.06);} .contactpageb{ padding:65px 0; background:#fff;} .contactpagebm{ position: relative;padding-bottom: 0;margin-top:50px;} .contactpageb h4{ font-size:24px; color:#000000; text-align:center; padding-bottom:0;} .contactpagebl{ width:455px;} .contactpagebr{ width:727px;} .contactpagebrm{ overflow:hidden;} .contactpagebr .otxt{ width:304px; padding:0 25px; height:62px; line-height:62px; color:#3e3e3e; background:#f5f5f5; } .contactpagebr .otext{ padding:15px 25px; background:#f7f7f7; width:677px; resize:none; height:198px; line-height:21px;vertical-align: top;} .contactpagebr .otext,.contactpagebr .otxt{border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;font-size:17px;} .contactpagebrm1{ margin-top: 10px;} .contactpagebrm2{ margin-top:50px; margin-left:60px;} .contactpagebrm2 .obtn{border-radius:15px;-webkit-border-radius:15px;-moz-border-radius:15px; background:#00a0e9; cursor:pointer; color:#fff; text-align:center; font-size:18px; width:125px; height:40px; line-height:40px;} .contactpagebobtn:hover{background:#0075c1;} .contactpagec{ padding:65px 0; background:#fff; } .contactpagecimg,.contactpagectxt{ background:#fff; height:378px; text-align:center;} .contactpagecp1{ font-size:18px; color:#363636; padding-top:20px;} .contactpagecp2{ padding:20px 0;} .contactpagecp3{ font-size:20px; color:#00a0e9;} .contactpagectxt{ width:260px; padding:0 15px; display:none;} .contactpagecm{ margin-top:50px;} /*招聘*/ .join{ padding:65px 0; background:#fff;} .joina{ margin-top:50px; padding-bottom:65px;} .joinadesc{ color:#6b6b6b; text-align:center; font-size:14px; line-height:24px;} .joinafl li{ float:left; width:390px; margin-right:15px; line-height:80px; text-align:center; margin-top:50px;} .joinafl span{ display:inline-block; font-size:18px; color:#6a6a6a; display:inline-block; vertical-align:top; padding-left:65px;} .joinafl .joinaflli3,.joinafl .joinaflli6,.joinafl .joinaflli9{ margin-right:0;} .joinaflspan1{ background:url(../img/joinaflspan1.png) left center no-repeat;} .joinaflspan2{ background:url(../img/joinaflspan2.png) left center no-repeat;} .joinaflspan3{ background:url(../img/joinaflspan3.png) left center no-repeat;} .joinaflspan4{ background:url(../img/joinaflspan4.png) left center no-repeat;} .joinaflspan5{ background:url(../img/joinaflspan5.png) left center no-repeat;} .joinaflspan6{ background:url(../img/joinaflspan6.png) left center no-repeat;} .joinafl li:hover{box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);} .joinb{ padding:65px 0; background:#f5f5f5;} .joinbm{ background:#fff;} .joinbmtop{ overflow:hidden; background:#b0b0b0; color:#fff; font-size:20px; line-height:55px; padding:0 55px;} .joinbma,.joinbmb,.joinbmc{ float:left;} .joinbma{ width:500px; } .joinbma span{ padding-left:15px;} .joinbmb{ width:470px;} .joinbmc{ width:120px;} .joinbmtit{ font-size:16px; color:#595959; line-height:60px; border-bottom:1px solid #e0e0e0; overflow:hidden;margin:0 55px; } .joinbmdesc{font-size:12px; color:#4e4e4e; line-height:24px;} .joinbmdescl{ width:520px; padding-left:50px;} .joinbmdescr{ width:320px; padding-right:50px;} .joinbmdescother{ overflow:hidden; padding:25px 55px;border-top:1px solid #e0e0e0; font-size:16px;margin:0 55px;background:#f4f4f4;} .joinbmdescother span{ padding-left:0; padding-right:15px;} .joinbmdescwzh5{ font-size:14px; font-weight:bold; padding-bottom:12px;} .joinbmdescother a{ width:100px; height:28px; line-height:28px; text-align:center; color:#fff; background:#00a0e9;border-radius:12px;-webkit-border-radius:12px;-moz-border-radius:12px;} .joinbmdescwz{ padding:35px 0;margin:0 55px; background:#f4f4f4;} .joinbmc_m{ color:#00a0e9;} .joinbmdesc{ display:none;} .joinbmlist{ padding-bottom:50px; padding-top:20px;} .joinbm{ margin-top:55px;} /*团队*/ .team{padding:65px 0; background:#ffffff;} .teamams{ margin-top:40px;} .teamalist{ overflow:hidden; padding:50px 0; padding-bottom:65px;} .teamalist ul{ width:110%;} .teamalist li{ float:left; width:374px; height:428px; overflow:hidden; position:relative; margin-right:30px; margin-top:50px;} .teamatit{ z-index:6; position:absolute; width:100%; left:0; bottom:0; background:rgba(0,53,117,0.65); padding:12px 0; text-align:center;} .teamaname{ font-size:22px; color:#00a0e9;} .teamazhiwei{ color:#fff; font-size:18px; margin-top:5px;} .teamatit{ text-align:center; line-height:24px;} .teamalicheng{ margin-top:15px; font-size:14px; line-height:26px; } .teamadesc{ position:absolute; z-index:8; width:304px; padding:35px; height:358px; color:#fff; left:0; top:50px;background:rgba(0,53,117,0.65);} .scrolltxt{ height:100%;overflow:hidden; text-align:justify;} .teamadesc{opacity:0;-webkit-opacity:0;-moz-opacity:0;} .teamalist li:hover .teamadesc{opacity:1;-webkit-opacity:1;-moz-opacity:1; top:0;} .teamalist li:hover .teamatit{opacity:0;-webkit-opacity:0;-moz-opacity:0;} .teamalist li:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05);} .teama1list li{ float:left; margin-top:60px; width:360px; background:#fff; margin-right:60px;border-radius:8px;-webkit-border-radius:8px; position:relative;} .teama1list .teamam3,.teama1list .teamam6,.teama1list .teamam9,.teama1list .teamam12{ margin-right:0;} .teama1name{ line-height:28px; font-size:18px; color:#00a0e9; font-weight:400;} .teama1zhiwei{ color:#6b6b6b; font-size:14px; margin-top:5px; line-height:20px; position:relative;} .teama1tit{ padding:20px; padding-bottom:0; padding-top:15px; height:80px;} .pubjia{ width:20px; height:20px; background:url(../img/zhishia1.png) center no-repeat; display:inline-block;} .teama1zhiwei .pubjia{ position:absolute; right:0; top:0;} .teama1desc{border-radius:8px;-webkit-border-radius:8px;position:absolute; width:720px; color:#333; background:#f3f3f3; padding:25px 60px;left:100%; top:0; font-size:14px; line-height:22px; min-height:405px; display:none;} .teama1desc p{ margin-bottom:20px;} .teama1desc .teama1name{ font-size:22px;} .teama1desc .teama1zhiwei{ font-size:16px;} .teama1close{ width:25px; height:25px; background:url(../img/gridblock_close.png) center no-repeat; position:absolute; right:30px; top:30px; background-size:20px auto;} .teama1list .on .pubjia{opacity:0;-webkit-opacity:0;-moz-opacity:0;} .teama1list li:hover .pubjia{transform: rotate(90deg);-webkit-transform: rotate(90deg);} .teama1list .on,.teama1list .on .teama1desc{ z-index:6;} .teamam3 .teama1desc{ left:-840px;} .teamam2 .teama1desc{ left:0; top:456px; width:660px;} .teama1img{border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px; overflow:hidden;} .teama1list .on,.teama1list .on .teama1desc{box-shadow:0 5px 15px rgba(0,0,0,0.1);-webkit-box-shadow:0 5px 15px rgba(0,0,0,0.1);-moz-box-shadow:0 5px 15px rgba(0,0,0,0.1);} /*研发治疗*/ .teama1list li:hover,.kyfypagecwz_3p img:hover,.ybcpgxm img,.pubbox,.jybianjialist:hover,.xbziliaocm:hover,.kyfuwubm:hover,.xbziliaosub li:hover,.culturea:hover{box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);} .pubyfzlwz{text-align:justify; color:#4e4e4e; font-size:16px; line-height:28px;} .pubyfzlwz h2,.jyziliaobh2,.jybianjiatxt h4,.xbziliaocmh4{ color:#363636; font-size:20px;} .jyziliaoardesc{ margin-top:35px;} .cxyanfaa{ padding:65px 0; padding-bottom:100px;} .cxyanfaadesc{ margin-top:45px;color:#6b6b6b;text-align:justify;font-size: 16px;line-height: 24px;} .cxyanfab{ background:#f8f8f6;padding:100px 0;} .cxyanfabl{ width:578px; background:#FFF; text-align:center;} .cxyanfabl P{ padding-bottom:20PX; color:#4e4e4e;} .cxyanfabr{ width:520px; margin-top:112px; } .jyziliaoar h2{ margin-top:95px;} .jyziliaoam{ padding:0;} .jyziliaoal{ width:466px; background:#fff; text-align:center;} .jyziliaoar{ width:600px; padding-right:35px;} .jyziliaoa{ background:#fff; padding:65px 0;} /*.jyziliaobdesc{ margin-top:35px;}*/ /*.jyziliaobm{ margin-top:45px;}*/ .jyziliaob{ background:#f8f8f6; padding:65px 0;} .jyziliaobm{ padding:35px;} .jyziliaobmimg{ overflow:hidden; border:1px solid #76cfed;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px; text-align:center;} .jyziliaobmwzh4{ color:#203c48; font-size:16px; font-weight:bold; } .jyziliaobmwzms{ color:#203c48; font-size:14px; margin-top:15px;} .jyziliaobmwz{ position:relative; padding:25px; padding-bottom:0;} .jyziliaobmwzi{ color:#76cfed; position:absolute; font-size:18px; top:26px; left:0px;} .jyziliaobmwzspan{ background:#76cfed; width:1px; height:30px; display:block; position:absolute; left:18px; top:22px;} .jyziliaobmwzi,.jyziliaobmwzspan{transform:skewX(-15deg);} .jyzlbg{ background:url(../img/jyzlbg.jpg) top right no-repeat #f8f8f6; background-size:auto 100%;} /*基因编辑*/ .jybianjia{ background:#f8f8f6; padding:65px 0;} .jybianjialist{ display:table; width:100%;background:#fff; margin-top:65px;} .jybianjiaimg,.jybianjiatxt{position:relative;height:440px; display:table-cell; vertical-align:middle; overflow:hidden;} .jybianjiaimg{ width:433px;} .jybianjiatxt{ width:767px;} .jybianjiah4,.jybianjiams{ padding:0 100px;} .jybianjiatxt{ z-index:18;} .jybianjialist1 .jybianjiaimg,.jybianjialist1 .jybianjiatxt{ height:402px;} .jybianjiams{ margin-top:25px;} .jybianjiams i{vertical-align: initial;font-style: italic;} .jyziliaobm i{vertical-align: initial;font-style: italic;} .jybianjialist{position:relative;} .jybianjialist:after{transition: all 120ms linear;-webkit-transition: all 120ms linear;-moz-transition: all 120ms linear;} /*.jybianjialist:after{ position:absolute; width:100%; height:100%; background:#000;opacity:0;-webkit-opacity:0;-moz-opacity:0; content:''; left:0; top:0; z-index:8;}*/ .jybianjialist:hover:after{opacity:0.15;-webkit-opacity:0.15;-moz-opacity:0.15;} .jybianjiaimg:before{ z-index:5;position:absolute; content:''; left:0; top:50%; margin-top:-16px;} .jybianjiaimg:before{border-top: 15px solid transparent;border-left: 15px solid #fff;border-bottom: 15px solid transparent;border-right: none;} .jybianjiaimg1:before{ right:0;} .jybianjiaimg1:before{border-top: 15px solid transparent;border-right: 15px solid #fff;border-bottom: 15px solid transparent;border-left: none;} .jybianjialist:hover img{transform:scale(1.06);-webkit-transform:scale(1.06);-moz-transform:scale(1.06);} .products3 h3{ color:#fff;} .products3{ background:url(../img/products3.jpg) center top no-repeat; position:relative; padding:80px 0; background-attachment:fixed;} .products3p{ position:relative; margin-top:100px;} .products3pm{ position:absolute; background:#fff; color:#4e4e4e; padding:20px; width:100%; box-sizing:border-box; left:0; top:0;} .slideodd .products3pm{ left:0; bottom:0; top:auto;} .products3pp1{ font-size:16px; padding-bottom:5px; color:#00a0e9;} .products3pp2{ font-size:13px; line-height:20px; text-align:left;} .products3pslider .swiper-slide{ height:395px; position:relative; line-height:22px;} .products3pm:before{position: absolute;content: '';left:50%; margin-left:-11px;width: 0;height:0;border-top: 10px solid #fff;border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: none;} .products3pm:before{ bottom:-10px;} .slideodd .products3pm:before{top:-10px;border-bottom:10px solid #fff; border-top:none;} .products3pmi{ position:absolute; width:12px; height:12px; top:191px; left:50%; margin-left:-8px; background:#fff;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;} .products3pmi:before{ position:absolute; content:''; width:22px; height:22px; border:2px solid #fff; left:-7px; top:-7px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;} .xiana{ position:absolute; width:100%; height:3px; background:#fff; top:196px; left:0;} .homeanniu,.anniu{ width:34px; height:34px; position:absolute; top:50%; margin-top:-17px;} .homeanniuz,.anniuz{ background:url(../img/anniuz.png) center no-repeat; left:-65px;} .homeanniuy,.anniuy{ background:url(../img/anniuy.png) center no-repeat; right:-65px;} .homeanniu{ z-index:7;opacity:0.9;-webkit-opacity:0.9;} .homeanniuz{ left:3%;} .homeanniuy{ right:3%;} .products3pslider .swiper-slide:hover .products3pm,.products3pslider .swiper-slide:hover .products3pm i{ background:#00a0e9;} .products3pslider .swiper-slide:hover .products3pm i:before{ border-color:#00a0e9;} .products3pslider .swiper-slide:hover .products3pm:before{border-top-color:#00a0e9;} .products3pslider .swiper-slide:hover.slideodd .products3pm:before{border-bottom-color:#00a0e9;} .products3pslider .swiper-slide:hover .products3pm{ color:#fff;} .products3pslider .swiper-slide:hover .products3pp1{ color:#fff;} .products3pp1,.products3pm,.products3pm:before,.products3pm i:before,.products3pmi,.fuwu6,.fuwusliderm,.fuwusliderm p,.active-box .tit{transition: all 600ms ease-in-out;-webkit-transition: all 600ms ease-in-out;} /*细胞治疗*/ .xbziliaosub{width:662px; top:-115px; position:relative; height:350px;} .xbziliaosub a{width:230px; padding:65px 50px; height:220px; position:absolute; left:0; top:50%; transform:translateY(-50%); background:#0b0829;color:#fff;} .xbziliaosuba1{ border-right:2px solid #fff;} .xbziliaosubh4{ font-size:26px;} .xbziliaosubh4 span,.xbziliaosubh4 em{ font-style:normal;} .xbziliaosubh4 em{ display:block; vertical-align:top; font-size:36px; margin-top:10px;} .xbziliaosubmore{ display:inline-block; margin-top:40px; width:150px; height:40px; line-height:40px; text-align:center; color:#fff; background:#00a0e9; text-transform:uppercase; font-size:12px;border-radius:15px;-webkit-border-radius:15px;-moz-border-radius:15px;} .xbziliaosuben{ display:block; padding-left:5px; color:#00a0e9; margin-top:30px;} .xbziliaosubdesc{ width:230px;opacity:0;-webkit-opacity:0;-moz-opacity:0; font-size:14px; margin-top:10px; overflow:hidden; margin-bottom:10px; height:0; line-height:24px; text-align:justify;} .xbziliaosubmore{} #wz{ height:0; overflow:hidden; width:100%; position:relative; top:-130px;} .xbziliaosub:before{ content:''; background:#151945; z-index:6;opacity:0.8;-webkit-opacity:0.8; width:1px; height:350px; position:absolute; left:330px; top:0;} .xbziliaosub li{float:left; width:330px;background:#0b0829;position:relative; height:350px;} .xbziliaosub li:last-child{ border:none;} .xbziliaosub li:hover a{ width:260px; height:360px; left:-30px; background:#151945;} .xbziliaosub li:hover .xbziliaosubdesc{ height:144px;opacity:1;-webkit-opacity:1;-moz-opacity:1;} .xbziliaoadesc{ margin-top:40px;} .xbziliaoa{ background:url(../img/xbziliaoabg.jpg) center top repeat-x #f9f9f9; padding-bottom:15px;} .xbziliaoaimg{ text-align:center; margin-top:70px; padding-bottom:70px;} .xbziliaoaimg img{box-shadow: 0 5px 15px rgba(200,200, 200, 0.1);-webkit-box-shadow: 0 5px 15px rgba(200, 200, 200, 0.1);-moz-box-shadow: 0 5px 15px rgba(200, 200, 200, 0.1); max-width:976px;} .xbziliaob{ background:#f8f9f9; padding-top:65px; padding-bottom:100px;} .xbziliaocmh4,.xbziliaocmdesc{ padding:0 100px;} .xbziliaocmdesc{ margin-top:50px;} .xbziliaocm{ width:100%; display:table; background:#fff; margin-top:60px;box-shadow: 0 0 10px rgba(102, 102, 102, 0.1);-webkit-box-shadow: 0 0 10px rgba(102, 102, 102, 0.1);-moz-box-shadow: 0 0 10px rgba(102, 102, 102, 0.1);} .xbziliaocmimg,.xbziliaocmtxt{ display:table-cell; vertical-align:middle; overflow:hidden; height:440px;} .xbziliaocmimg{ width:433px;} .xbziliaocmtxt{ width:767px;} .xbziliaoc{ padding-bottom:65px;} .xbziliaocm:hover img{transform:scale(1.06);-webkit-transform:scale(1.06);-moz-transform:scale(1.06);} /*科研服务*/ .kyfuwu{ padding-top:65px;background:url(../img/kyfuwubg.jpg) center top no-repeat;} .kyfuwua{ padding-top:55px;} .kyfuwub{ width:1230px;} .kyfuwubslider{ padding:15px;} .kyfuwual{ width:630px;} .kyfuwubtxt{ text-align:center; padding:0 25px; padding-top:45px; display:block;} .kyfuwubm{ background:#fff; height:480px; position:relative; top:0;} .kyfuwualp2{ margin-top:40px; font-size:20px; line-height:32px; color:#4e4e4e;} .kyfuwuar{ width:485px; height:518px; position:relative;} .kyfuwuar img{ position:absolute; top:0; left:0; width:560px;} .kyfuwubdesc{ color:#7f7f7f; font-size:13px; line-height:24px; text-align:justify; margin-top:30px; height:192px; overflow:hidden;} .kyfuwubh5{ padding-top:70px;font-size:22px; color:#7d7d7d; text-align:center;} .kyfuwubm1{ background:url(../img/kynum1.png) center 155px no-repeat #fff;} .kyfuwubm2{ background:url(../img/kynum2.png) center 155px no-repeat #fff;} .kyfuwubm3{ background:url(../img/kynum3.png) center 155px no-repeat #fff;} .kyfuwubm4{ background:url(../img/kynum4.png) center 155px no-repeat #fff;} .kyfuwubtxt{ position:relative; top:0;} .kyfuwubm{box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);} .kyfuwub{ position:relative; top:-70px; z-index:6;} .kyfuwubm:hover .kyfuwubh5{ color:#02a1e9;} .kyfuwubm:hover img{opacity:0;-webkit-opacity:0;-moz-opacity:0;} .kyfuwubm:hover .kyfuwubtxt{ top:-60px;} .kyfuwubm:hover{ background-position: center 70px;} .kyfuwubmore{ display:inline-block; color:#02a1e9; margin-top:40px;opacity:0;-webkit-opacity:0;-moz-opacity:0;} .kyfuwubm:hover .kyfuwubmore{opacity:1;-webkit-opacity:1;-moz-opacity:1;} .kyfypageal{ width:450px; height:460px; background:#f5f5f5; padding-top:35px; position:absolute; top:-169px;} .kyfypagear{ width:750px; position:relative; top:-35px;} .kyfypagear{ height:360px; position:relative; overflow:hidden;} .kyfypagear:before{ width:100%; height:100%; position:absolute; content:''; z-index:3; background:rgba(0,160,233,0.2);} .kyfypagearwz{ position:absolute; width:100%; left:0; top:0; z-index:6; color:#fff; font-size:16px; line-height:28px;} .kyfypagearh4,.kyfypageardesc,.kyfypagearsearch{ padding:0 65px;} .kyfypagearh4{ font-size:28px; padding-top:65px;} .kyfypageardesc{margin-top:40px; } .kyfypageasubh3 .span1{ background:url(../img/kyfuwubicon1_1.png) 50px center no-repeat;background-size:auto 26px;} .kyfypageasubh3 .span2{ background:url(../img/kyfuwubicon2_1.png) 50px center no-repeat;background-size:auto 26px;} .kyfypageasubh3 .span3{ background:url(../img/kyfuwubicon3_1.png) 50px center no-repeat;background-size:auto 26px;} .kyfypageasubh3 .span4{ background:url(../img/kyfuwubicon4_1.png) 50px center no-repeat;background-size:auto 26px;} .kyfypageasubh3.on .span1{ background:url(../img/kyfuwubicon1.png) 50px center no-repeat;background-size:auto 26px;} .kyfypageasubh3.on .span2{ background:url(../img/kyfuwubicon2.png) 50px center no-repeat;background-size:auto 26px;} .kyfypageasubh3.on .span3{ background:url(../img/kyfuwubicon3.png) 50px center no-repeat;background-size:auto 26px;} .kyfypageasubh3.on .span4{ background:url(../img/kyfuwubicon4.png) 50px center no-repeat;background-size:auto 26px;} .kyfypagealon{ position:absolute; top:120px;} .kyfypagealon1{opacity:0;-webkit-opacity:0;-moz-opacity:0; z-index:-1;} .kyfypageasubh3 span{ display:inline-block; vertical-align:top; line-height:55px; padding-left:115px;} .kyfypageasubh3{ font-size:22px; color:#3a3a3a;} .kyfypageasubh3 i{ float:right; display:block; margin-right:120px; width:30px; background:url(../img/kyfwxb_1.png) center no-repeat; height:55px; background-size:auto 8px;} .kyfypagealist a{ color:#4e4e4e; font-size:14px;} .kyfypagealist li{ line-height:30px; padding-left:115px;} .kyfypageasubh3{ border-bottom:1px solid #d4d4d4;} .kyfypagealist{ padding:10px 0;} .kyfypagealist li:hover,.kyfypagealist li.on { background:url(../img/kyfypageicon2.png) 310px center no-repeat; background-size:auto 6px;} .kyfypagealist li:hover a,.kyfypagealist li.on a{ color:#02a1e9;} .kyfypagealist{ display:none;} .kyfypageasubh3.on i{transform:rotateX(180deg);-webkit-transform:rotateX(180deg);} .kyfypageasubh3.on span{ color:#00a0e9;} .kyfypagea{ position:relative; z-index:5;} .kyfypageasubh3{ font-size:16px;} .kyfypageb{ background:#f8f8f6; position:relative; padding-top:130px; padding-bottom:100px; margin-top:-100px;} .kyfypagebm{ width:100%; display:table;} .kyfypagebmimg,.kyfypagebmwz{ display:table-cell; vertical-align:middle;} .kyfypagebmimg{ width:520px;} .kyfypagebh4{ font-size:24px; color:#00a0e9; padding-bottom:30px; position:relative;} .kyfypagebh41{ color:#54c3b0} .kyfypagebh42{ text-align:center;} .kyfypagebh4:before{ position:absolute; content:''; width:80px; height:1px; background:#565656; left:0; bottom:0;} .kyfypagebh42:before{ left:50%; margin-left:-40px;} .kyfypagebmwz{ width:600px; padding-right:80px; font-size:16px; color:#4e4e4e; line-height:26px;} .kyfypagebm{ margin-top:55px;} .kyfypagebmwz strong,.kyfypagebwz_2mwz strong,.kyfypagebwz_2mtp strong{ color:#000; font-weight:normal; display:inline-block; padding-bottom:5px;} .kyfypagebmodd .kyfypagebmwz{ padding-left:80px; padding-right:0;} .kyfypagebwz_1{ padding-bottom:55px;} .kyfypagebwz_2{ background:#fff; padding:55px 0;} .kyfypagebwz_1_wz p{ margin-top:25px;} .kyfypagebwz_2m{ display:table;} .kyfypagebwz_2mwz,.kyfypagebwz_2mtp{ display:table-cell; vertical-align:middle;} .kyfypagebwz_2h5{ font-size:20px; color:#54c3b0;} .kyfypagebwz_2mtp{ width:480px;} .kyfypagebwz_2mwz{ width:600px; padding-right:120px;} .kyfypagebwz_2modd .kyfypagebwz_2mwz{ padding:0 120px; padding-right:0;} .kyfypagebwz_3{ background:#f8f8f6;padding:55px 0; padding-bottom:0;} .kyfypagebwz_2h5{ padding-bottom:40px;} .kyfypagebwz_3 .kyfypagebwz_2mwz,.kyfypagebwz_3 .kyfypagebwz_2mtp{ vertical-align:top;} /*//科研服务第4个模块*/ .kyfypagearsearch{ margin-top:55px;} .kyfypagebfourm{ background:#fff; padding: 35px;} .kbpflist{ display:table; width:100%;} .kbpflistm{ display:table-cell; position:relative; vertical-align:middle; font-size:16px; text-align:center;} .kbpflistm:before{ position:absolute; width:100%; height:1px; content:'';background:url(../img/xhxa.png) center bottom repeat-x; left:0; bottom:0;} .kbpflistm span{ display:block; padding:15px;} .kbpflista{ width:230px; padding-right:35px;} .kbpflistb{ width:310px; padding-right:85px;} .kbpflistc{ width:310px;} .kbpflistd{ width:160px;} .kbpflisttop span{ font-size:20px; color:#00469b} .kbpflisttop .kbpflistm{ border:none;} .kbpflisttop .kbpflistm{ background:none;} .kbpflisttop .kbpflistm:before{background:none;} .kbpflistlist .kbpflista span{ background:#d7f2fc; color:#000000;} .kbpflistlist .kbpflistb span{ background:#008bd5; color:#fff; } .kbpflistlist .kbpflistb{box-shadow:33px 13px 33px rgba(102,102,102,0.2);} .kbpflistlist .kbpflistc span{ background:#fcfbee; color:#000000;} .kbpflistlist .kbpflistd span{ background:#e5ecf5; color:#000;} .kbpflistlist:last-child .kbpflistm:before{ display:none;} .kyfypagecwz_1_m{ width:502px; height:210px; padding:40px;} .kyfypagecwz_1_m h6{ margin-top:8px;} .kyfypagecwz_1_mp{ margin-top:30px;} .kyfypagecwz_1_m1{ background:url(../img/kyfypagecwz_1_m1.png) right bottom no-repeat #fff;} .kyfypagecwz_1_m2{ background:url(../img/kyfypagecwz_1_m2.png) right bottom no-repeat #fff;} .kyfypagecwz_1_m{ margin-top:45px;} .kyfypagecwz_1{ padding-bottom:75px;} .kyfypagecwz_2{ background:#fff; padding:75px 0;} .kyfypagecwz_2p{ margin-top:30px;} .kyfypagecwz_3{ padding:75px 0; padding-bottom:0;} .kyfypagecwz_3 h6{ text-align:center;} .kyfypagecwz_3p { text-align:center; margin-top:45px;} .kyfypagecwz_3ms{ margin-top:45px; padding:0 26px;} .kyfypagecwz_3ms strong{ color:#000;} .kyfypagecwz_1_m h6,.kyfypagecwz_2 h6,.kyfypagecwz_3 h6{font-size:20px; color:#000;} .footbg{ display:block;} .footer{ display:none;} .kydetailtab{ display:table; width:710px;} .kydetailtd{ display:table-cell; vertical-align:middle; border-bottom:1px dashed #f5f4e7; padding:10px 0; font-size:14px;} .kydetailtabtop .kydetailtd{ font-size:18px; color:#00469b;} .kydetailtdl{ background:#d7f2fc; width:210px;} .kydetailtdl span{ padding-left:50px; padding-right:20px;} .kydetailtabtop .kydetailtdl span{ background:url(../img/kydetailtdlspan.png) 28px center no-repeat;} .kydetailtd2{ background:#fcfbee; width:500px;} .kydetailtd2 span{ padding:0 20px;} .kydetailtd span{ display:inline-block;} .kydetailtabtop .kydetailtdl { background:#b6e7f9;} .kydetailtabtop .kydetailtd2 { background:#b6e7f9;} .pubright{ width:750px; padding-left:450px;} .kyfypageb{ padding-bottom:0; background:#fff;} .plr60p{ padding-left:60px; padding-right:60px;} .kyfypagebmwz,.kyfypagebmimg{ width:100%; display:block;} .kyfypagebmimg{ width:auto; display:inline-block;} .kyfypagebm,.kyfypagebmimg{ margin-top:25px;} .bfff{ background:#fff; padding-bottom:50px;} .bf8{ background:#f8f8f6; padding-top:50px; padding-bottom:50px;} .bf7{ background:#f7f7f7; padding-top:50px; padding-bottom:50px;} .kyfypagebwz_1{ padding-bottom:0;} .kyfypagebwz_2mwz, .kyfypagebwz_2mtp{ width:100%; padding:0; display:block;} .kyfypagebwz_2h5{ padding-bottom:0;} .xbt_25,.kyfypagebwz_2mtp,.kyfypagecwz_1_mp,.kyfypagecwz_2p,.kyfypagecwz_3p,.kyfypagecwz_3ms{ margin-top:25px;} .pt50p{ padding-top:50px;} .pt25p{ padding-top:25px;} .pb50p{ padding-bottom:50px;} .kyfypagecwz_1_m{ width:auto; margin-top:25px; height:auto; float:none;} .kyfypagecwz_1{ padding-bottom:0;} .kyfypagecwz_3 h6{ text-align:left;} .kyfypagecwz_3ms{ padding:0;} .kyfypagebfourm{ padding:20px;} .kbpflistm span{ padding:10px 0;} .kbpflisttop span{ font-size:16px;} .kbpflista{ width:110px; padding:0;} .kbpflistb{ width:215px; padding-right:0;} .kbpflistm{ font-size:12px;} .kbpflistc{ width:150px;} .kbpflistd{ width:270px;} .kbpfliste{ width:75px;} .kbpflistlist .kbpflistd span{ padding-left:20px; padding-right:20px; width:230px;} .kbpflistlist .kbpflistb span{box-shadow:none;-webkit-box-shadow:none;} .kbpflistlist .kbpflista { background:#d7f2fc;} .kbpflistlist .kbpflistb { background:#008bd5;} .kbpflistlist .kbpflistc { background:#fcfbee;} .kbpflistlist .kbpflistd { background:#e5ecf5;} .kbpflistlist .kbpfliste { background:#d7f2fc;} .kbpflistlist .kbpflistb:before{ background:none;} .pagination{ margin-top:50px;} .kyfypagearsearch{ padding:0; margin:0;} .kyfypagebfourm{ margin-top:25px;} .mt0p{ margin-top:0;} .pt10p{ padding-top:10px;} .px1 strong{ font-weight:normal; color:#000;} #txt{ min-height:510px;} .homelist3 a{ float:left; width:33.33%; position:relative; overflow:hidden;} .homelist3 a:before{ position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.2); z-index:5; content:'';opacity:0;-webkit-opacity:0;-moz-opacity:0;} .homelist3 img{ width:100%; vertical-align:top;} .homelist3wz{ position:absolute; width:90%; text-align:center; left:5%; top:50%; margin-top:-132px; z-index:6;} .homelist3 h3{ margin-top:25px;font-size:26px; color:#fff;} .homelist3 p{ color:#fff; font-size:15px; margin-top:10px; line-height:24px; height:48px;} .homelist3 .gifimg{ display:inline-block; margin-top:0;} .homelist3 a:hover .vat{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05);} .homelist3 a:hover .gifimg1,.gifimg2{ display:none;} .homelist3 a:hover .gifimg2,.gifimg1{ display:block;} .homelist3 a:hover:before{opacity:1;-webkit-opacity:1;-moz-opacity:1;} .homelist3 .ybthreemore{ display:inline-block; margin-top:40px;} .homelist3 a:hover .ybthreemore{ background:#fff; color:#0073ab;} /*0417修改*/ .top-nav .nav-link li:before{ position:absolute; width:22px; height:2px; background:#fc941a; left:50%; margin-left:-11px; bottom:4px; content:'';opacity:0;-webkit-opacity:0;-moz-opacity:0;} .top-nav .nav-link li.on:before,.top-nav .nav-link li:hover:before{opacity:1;-webkit-opacity:1;-moz-opacity:1;} .top-nav .nav-link li.on>a,.nav-link li:hover>a{ color:#fc941a;} .footbg{ display:none;} /* footer */ .footer417 { background-color: #27374d; } .footer417 a { color: #728398; } .footer417 span b { color: #fff; font-weight: 300; } .footer417 .service { font-size: 18px; line-height: 55px; color: #666; } .footer417 .service i { margin-right: 5px; color: #ccc; } .footer417 .sitemap { padding: 50px 0; background: #27374d; color: #728398; } .footer417 .sitemap dl { float: left; margin-left: 88px; } .footer417 .sitemap dl dt { margin-bottom: 20px; color: #fff; line-height: 26px; font-weight: 300; } .footer417 .sitemap dl dd { margin: 0; line-height: 26px; } .footer417 .sitemap dl a { color: #728398; } .footer417 .sitemap dl a:hover{ color:#fff;} .footer417 .sitemap dl:first-child { margin: 0; } .footer417 .hr { margin: 0; border-top:1px solid #36455a; } .footer417 .copyright { height: 71px; line-height: 70px; background: #27374d; font-size: 12px; color: #728398; text-align: center; } .footer417 .copyright a { margin: 0 0 0 15px; opacity: 0.2; color: #728398; } .footer417 .copyright a.active, .footer417 .copyright a:hover { opacity: 1; } .footer417 .copyright span a { opacity: 1; } .footer417 .icon-weibo-2, .footer417 .icon-facebook, .footer417 .icon-zh { display: inline-block; width: 45px; height: 45px; margin: 20px 10px 0 0; text-align: center; line-height: 45px; background: #1a2940; color: #728398; font-size: 24px; border-radius: 4px; } .footer417.share { padding: 30px 0; text-align: center; } .footer417.share .btn { margin-bottom: 55px; color: #fff !important; } .footer417.share .btn:first-child { margin-bottom: 30px; } .footer417.share .logo { margin-top: 5px; } .footer417 .color-blue{ color:#00aeda;} .storeMain{ display:none;} /*首页产品管线*/ .ybcpgxtab{margin-top:30px;} .ybcpgxtabm{ display:table; width:100%; } .ybcpgxtabmtop{ background:#224b7d;} .ybcpgxtabmtop .ybcpgxtd{ height:60px; color:#fff; border-bottom:1px solid #4f7ba4; font-size:20px;} .ybcpgxtd{padding-left:30px;display:table-cell; vertical-align:middle; color:#585858; font-size:16px; height:55px; border-bottom:1px dashed #e1e1e1;} .ybcpgxtd1{ width:220px;} .ybcpgxtd2{ width:230px;} .ybcpgxtd3{ width:128px;} .ybcpgxtd4{ width:128px;} .ybcpgxtd5{ width:128px;} .ybcpgxtd6{ width:128px;} .ybcpgxtd7{ width:128px;} .ybcpgxtd3,.ybcpgxtd4,.ybcpgxtd5,.ybcpgxtd6,.ybcpgxtd7{ text-align:left; padding-left:10px;} .xk{ height:32px; display:inline-block; background:#36bdef; width:0;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;box-shadow:0 0 5px rgba(102,102,102,0.1);-webkit-box-shadow:0 0 5px rgba(102,102,102,0.1);} .xk100{ width:100%;} .xk90{ width:90%;} .xk20{ width:20%;} .xk35{ width:35%;} .ybcpgxeb{ background:#36bdef; line-height:50px; color:#fff; font-size:14px;} .ybcpgxeb span{ padding-left:30px;} .ybcpgxtabm:last-child .ybcpgxtd{ border:none;} .ybcpgxtabm:hover span{ color:#36bdef;} .ybcpgxtabm:hover .xk{ background:#224b7d;} .ybcpgxtabmtop:hover span{ color:#fff;} .ybcpgxtabm .wzjz{ text-align:center;} .ybcpgxtabmtop .ybcpgxtd6,.ybcpgxtabmtop .ybcpgxtd7{ text-align:center;} /*0425管线*/ .ybcpgxtable{ width:100%;} .ybcpgxtable th{ line-height:60px; color:#fff; font-size:20px; background:#224b7d; font-weight:normal; } .ybcpgxtable th,.ybcpgxtable td{text-align:center;} .ybcpgxtable th:nth-child(even) {background: #21527d;} .ybcpgxtable th{border:1px solid #ebe9e8 !important} .ybcpgxtable th.progress-3{ text-align:center;} .ybcpgxtable a,.ybcpgxtable span{ display:inline-block;} .ybcpgxtable td { border:1px solid #e8e8e8; line-height:55px;} .ybcpgxtable td a{color:#585858;font-size: 16px;} .progress-1{ width:14%;} .progress-2{ width:16%;} .progress-3{ width:14%;} .ybcpgxtable .progress-1 a,.ybcpgxtable .progress-1 span{ padding-left:0;} .progress{ padding-left:30px;} .progress-bar{background: #00a0e9;background: -moz-linear-gradient(left, #00a0e9 0%, #03a7e9 92%);background: -webkit-linear-gradient(left, #00a0e9 0%, #03a7e9 92%);} .progress-bar{ height:27px;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;} .progress60{ width:60%;} .progress70{ width:70%;} .progress65{ width:65%;} .ybcpgxbox{ margin-top:30px;} .ybcpgxtable tr:hover td{ background:#f6f6f6;} .ybcpgxtable tr:hover a{ color:#00a0e9;} .ybcpgxtable tr:hover .progress-bar{ background:#0197e9;} .ybthreem h3{ margin-top:0;} .ybthreep{ margin-top:15px;} .gifimg{ width:60px; height:60px; position:relative; margin-top:30px;} .gifimg img{ position:absolute; left:0; top:0;} .ybthree a:hover .gifimg1,.gifimg2{ display:none;} .ybthree a:hover .gifimg2,.gifimg1{ display:block;} .ybthree a:hover .gifimg1,.ybthree a:hover .gifimg2{transform:none;-webkit-transform:none;} .ybthreem h3{ font-size:24px;} .ybthreemore{ width:120px; height:35px; line-height:35px; display:none;} .ybthreeb{ width:90%; left:5%;} .ybthreea{ width:80%; left:10%;} .homebannerp1x{ font-size:32px;} .zhishirxg .zhishirxggzwx{ margin-top:15px; line-height:22px; font-size:16px; color:#21abeb;} .zhishirxggzwximg img{ width:100px; margin-top:0;} .zhishirxggzwximg{ padding:15px 0; border-bottom:1px solid #eee;} .zhishirxgh44{ color:#21abeb; padding-top:12px;} .zhishirxgh43{ display:none;} .zhishirxggzwximg img{box-shadow:0 2px 8px rgba(0,0,0,0.1);-webkit-box-shadow:0 2px 8px rgba(0,0,0,0.1);-moz-box-shadow:0 2px 8px rgba(0,0,0,0.1); border:2px solid #fff;} .zhishirxggzwximg{ text-align:center; border:none; padding-top:30px;} .zhishirxgh44{ text-align:center; border:none; padding:0;} .xxyh4{ font-size:30px; padding:0 35px; border-left:4px solid #0376c2; line-height:30px;} .newxxa{ padding:80px 0; background:#f5f5f5; } .xxyh4{ line-height:30px;} .newxxa{ padding-top:0; padding-bottom:0;padding-top:80px;} .investorlistm{ padding-top:0;} .investorlistm { background: #fff; } .investorlistm { background: #fff; padding-top: 30px; } .newdescall{ margin-left:50px; margin-right:50px;} .newdetail-title p { padding-top: 10px; font-size: 12px; color: #adadad; text-align: center; font-family: Arial, Helvetica, sans-serif; }.newdetail-title { padding-top: 30px; font-size: 18px; padding-bottom: 30px; text-align: center; border-bottom: 1px solid #d3d3d3; } .newdetail-con { text-align: justify; text-justify: inter-ideograph; line-height: 26px; font-size: 14px; padding: 50px 0; margin-top: 20px; max-width: 700px; margin: 0 auto; } .pubback i,.Share{ display:none;} .pubback a{ width:80px;} .newdetail-con{ } .newdetail-title {padding-top: 30px;font-size: 18px;padding-bottom: 30px;text-align: center;border-bottom: 1px solid #d3d3d3;} .newdetail-title p {padding-top: 10px;font-size: 12px;color: #adadad;text-align: center;font-family: Arial, Helvetica, sans-serif;} .newdetail-con {text-align: justify;text-justify: inter-ideograph;line-height: 26px;font-size: 14px;padding: 50px 0; margin-top: 20px; max-width:700px; margin:0 auto;} .pubback a{cursor: pointer;width: 110px;display: inline-block;color: #fff;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;background: #d8d8d8;background-color: rgb(216, 216, 216);height: 35px;line-height: 33px;text-align: center;} .icon-arrowup{ background:url(../img/new-a-1.png) center no-repeat;} .pubback i,.pubback a{ vertical-align:middle; display:inline-block;} .pubback-l i{ width:10px; height:16px;} .icon-arrowup{ margin-right:5px;} .pubback-r i{ width:16px; height:10px;} .icon-arrowright{ background:url(../img/new-a-2.png) center no-repeat;} .icon-arrowleft{ background:url(../img/new-a-3.png) center no-repeat;} .pubback{ padding:50px 0; margin-top:20px;border-top:1px solid #d8d8d8;} .newdescall{ margin-left:50px; margin-right:50px;} /* .newdetail-con p{ margin-top:25px;} */ #share{ text-align:right;border-top: 1px solid #d8d8d8;padding-top: 20px;} #share span,#share a{ height:36px; display:inline-block; vertical-align:middle; line-height:36px;} #share a{float:none; margin-left:5px; padding:0;width:36px; } #share .bds_weixin{ background:url(../img/wx.png) left top no-repeat; } #share .bds_sqq{ background:url(../img/qq.png) left top no-repeat; } #share .bds_tsina{ background:url(../img/wb.png) left top no-repeat; } .cxgxz{ text-align:center; font-size:14px; color:#4e4e4e; padding-top:20px;} .teama1desc{ width:420px; padding:25px 30px;} .teamam3 .teama1desc{ left:-480px;} .teamam2 .teama1desc{ width:360px; top:0;left:360px;} #dituContent{height:378px;} .pubp_nav{ background:#fff; position:relative; z-index:9; padding-bottom:5px;} .pubp_navspan{ display:block;padding:0 15px; vertical-align:top; line-height:50px;height:50px; font-size:16px; color:#434343;box-shadow:0 2px 6px rgba(0,0,0,0.1);-webkit-box-shadow:0 2px 6px rgba(0,0,0,0.1); position:relative;} .pubp_navspan i{ position:absolute; display:block; background:url(../img/b-arrow.png) center no-repeat; height:100%; right:15px; top:0; width:16px;} .pubp_navdl{ padding:0 15px;} .pubp_navdl dd{ line-height:42px; border-bottom:1px solid #e3e3e3;} .pubp_navdl a{ font-size:14px; color:#6b6b6b; display:block;} .pubnavshow{ display:none;} .pubp_navspan i{transition: all 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;-webkit-transition: all 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;} .pubp_navspan.subOn i{transform: rotateX(180deg);-webkit-transform: rotateX(180deg);} /*搜素结果页*/ .search-result-main{ width: 1200px; margin:0 auto; padding-bottom:0; margin-top:150px; border-top: 1px solid #eaeaea; } .search-result-main-p{ font-size: 12px; color: #9d9d9c; margin-top: 20px; } .search-result-main .input-warp{ position: relative; width: 434px; margin: 60px auto; border: 1px solid #bfbfbf; border-radius: 10px; background: url(../img/search-icon.png) 15px 15px no-repeat; } .search-result-main .input-warp input{ width: 78%; height: 46px; line-height: 46px; margin-left: 43px; border-color: transparent; background-color: transparent; outline: none; } .search-result-main .input-warp .close{ position: absolute; z-index: 0; top: 0; bottom: 0; width: 22px; height: 22px; right: 16px; margin: auto; background: url(../img/icon_07.png) center no-repeat; } .search-result-title{ color: #999; padding-top: 20px; } .result-list{ margin-top: 30px; display: flex; /*justify-content: space-between;*/ flex-wrap: wrap; margin-bottom: 60px; } .result-item{ width: 48%; margin-right: 4%; border-bottom: 1px solid #e7e7e7; } .result-item:nth-child(2n){margin-right: 0;} .result-item a{ display: block; width: 100%; padding: 28px 0; color: #696969; } .result-item .dot{ display: inline-block; width: 8px; height: 8px; margin: 0 16px; background: #828282; border-radius: 50%; vertical-align: middle; } .result-item p{ display: inline-block; vertical-align: middle; word-break: normal; } .search-class-list{border-bottom: 1px solid #ddd;} .search-class-list li{float: left;font-size: 16px;} .search-result-main a{display: block;} .search-class-list li a{padding: 10px 26px;color: #999;} .search-class-list li:first-child a{padding-left: 0;} .search-class-list li.on a{color: #000;} .search-class-list li.on a span{position: relative;} .search-class-list li.on a span:after{position: absolute;content: '';width: 100%;height: 1px;bottom:-11px;left: 0;background-color: #bc9882;} .search-class-list li a:hover{color: #000;} .red{ color:#ff0000;} .searchtabul,.searchcase{ overflow:hidden;} .searchcase{ width:105%;} .searchcase a{ float:left; width:390px; margin-right:20px; margin-top:20px;} .searchcase p{ padding:15px 0;} .searchcase a:hover img{transform:scale(1.03);-webkit-transform:scale(1.03);-moz-transform:scale(1.03);} .imgsearch{ height:244px; overflow:hidden;} .searchcase img{ max-width:100%; vertical-align:top;} .searchtabul{ display:none;} /*招聘弹出层*/ .appfix{ position: fixed; width: 100%; height: 100%; opacity: 0; z-index: 999999; top: 0; left: 0; background:#000;opacity:0.4;-webkit-opacity:0.4;-moz-opacity:0.4; display:none; } .applybox{ position: fixed; border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px; width: 560px; height: 500px; box-sizing: border-box; top: 0; left: 0; right: 0; bottom: 0; margin: auto; background-color: #fff; border: 1px solid #f2f2f2; padding: 55px 90px 44px; font-size: 0; z-index: 1000000; display:none; } .applybox label{ font-size: 14px; color: #666666; display: inline-block; width: 88px; vertical-align: middle; } .applybox input,.applybox textarea{ width: calc(100% - 88px); height: 40px; line-height: 40px; border: 1px solid #cbcbcb; box-sizing: border-box; border-radius: 5px; font-size: 14px; padding: 0 14px; vertical-align: middle; } .applybox .select{ width: 140px; height: 40px; line-height: 40px; border-radius: 5px; font-size: 14px; box-sizing: border-box; vertical-align: middle; color: #808080; } .applybox .select .select-tit{ padding: 0 14px; background-position:110px center; z-index: 99999999; } .applybox .select + .select{ margin-left: 10px; } .applybox .inpjob.z3{ z-index: 99 !important; } .applybox .inpjob + .inpjob{ margin-top: 24px; } #ascrail2003,#ascrail2002{ z-index: 9999999 !important; } .applybox .inpjob.file .fileinp{ display: inline-block; width: 178px; height: 140px; border: 1px solid #cbcbcb; vertical-align: top; position: relative; border-radius: 5px; text-align: center; overflow: hidden; } .applybox .inpjob.file .fileinp img{ margin: 26px 0 20px; } .applybox .inpjob.file .fileinp .d1{ font-size: 12px; color: #666666; line-height: 1.8; } .applybox .inpjob.file input{ opacity: 0; width: 178px; height: 140px; border: 1px solid #cbcbcb; vertical-align: top; position: absolute; top: 0; left: 0; } .applybox .inpjob.code{ position: relative; } .applybox .inpjob.code img{ position: absolute; height: 90%; top: 50%; transform: translate(0,-50%); right: 4px; } .applybox .inpjob.submit input{ width: 178px; background-color: #0c95e5; color: #ffffff; text-align: center; } .applybox .close{ width: 21px; height: 21px; background: url(../img/gridblock_close.png) no-repeat center/cover; position: absolute; right: 14px; top: 14px; cursor: pointer; opacity: 1; } /*科研服务搜素*/ .kyfypagearsearch { padding-left:2px;line-height:35px; font-size:16px; color:#494949;box-shadow:0 2px 8px rgba(51,51,51,0.2);-webkit-box-shadow:0 2px 8px rgba(51,51,51,0.2);-moz-box-shadow:0 2px 8px rgba(51,51,51,0.2);} .kysearcha{ padding:10px 20px; border-right:1px solid #d4d4d4;} .kysearcha .otxt{ height:35px; line-height:35px; width:269px; background:#f3f3f3; padding:0 10px; font-size:16px; color:#494949;} .kysearchb{ padding:10px 20px;} .kysearchblb{ z-index:9; height:35px; position:relative;line-height:35px; width:280px; background:#f3f3f3; padding:0 10px;font-size:16px; color:#494949;} .kysearchblb span{ display:block; background:url(../img/kysearchblbspan.jpg) right center no-repeat;} .kysearchbsub{ z-index:9;position:absolute; width:218px; border:1px solid #eee;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px; left:0; top:35px; font-size:14px; background:#fff;} .kysearchbsub li{ padding:0 10px; line-height:32px;} .kysearchbsub li:hover{ background:#f3f3f3;} .kysearchbsub{ display:none;} .kysearchc{ color:#acacac; font-size:14px; padding-top:10px; padding-bottom:10px; padding-right:20px; width:119px;} .kysearchc span,.kysearchc i{height:35px; vertical-align:top; display:inline-block;} .kysearchc span{ width:35px; background:url(../img/case-check.jpg) center no-repeat; cursor:default; background-size:40%;} .kysearchc .on{ background:url(../img/case-check1.jpg) center no-repeat; background-size:40%;} .kysearchd .obtn{ background:url(../images/search-w.png) center no-repeat #00a0ea; width:78px; height:55px;} .kysearchc,.kysearchc span,.kysearchc em{display:none;} .teamfmline,.wap_show,.footer417 .icon-weibo-2, .footer417 .icon-facebook, .footer417 .icon-zh{ display:none;} .map-middleimg,.wapshzr,.homeslider,.headtop,.backtops,footer{ display:none;} /*1208*/ .homelist3 a{width:50%;} .ybabout2indr{margin-top:10px;} .ybabout2indr a{margin-top:15px;} .footer417 .sitemap dl{margin-left:6%;} .footer417 .sitemap dl:first-child { margin: 0; } .ybnewmlimg,.ybnewmrimg{position:relative;} .ybnewmlimg {height:296px;} .ybnewmlimg img,.ybnewmrimg img{position:absolute;left:0;top:0;right:0;bottom:0;max-width:100%;max-height:100%;margin:auto;} @media screen and (min-width: 1920px) { .pagebanner,.aboutb,.investord{background-size:100% auto;} } .fbwxlistaniu,.zhishirxg,.homelist3 a:before,.homelist3 .vat,.fbwxlist p,.teama1list li,.pubjia,.ybaboutbl,.teamdma,.teamdmh5,.teamdmtxt,.teamdmp,.newmainc img,.newmainc h3,.guihuacmore,.aboutca img,.aboutcbm img,.aboutcbm,.aboutca,.teambm,.teambm img,.teambimg:before,.historyctxt,.historybsub span,.contactcmimg:before,.contactcml,.contactcml img,.contactbobtn,.contactam a,.contactam,.joinatxt,.joinamimg,.joinama,.joinamc,.guihuaa a:before,.guihuaa a:after,.joindma2,.joinb i,.joinb li,.aboutdh5,.socialamslider,.socialamslider span,.socialbmore a,.investordmore,.investorcmore a,.investorcma em,.newmainalp span,.newmainalimg img,.newmainb li:before,.newmainb li img,.newpage .a,.newmainsub li a:before,.newmainsub li span,.socialbm a,.socialbm img,.socialbm h5,.aboutda{transition:all 0.35s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;-webkit-transition:all 0.35s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;-moz-transition:all 0.35s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;} .ybcpgxtable td,.ybcpgxtable a,.ybcpgxtabm span,.xk,.kyfypageal,.top-nav .nav-link li:before,.kyfypagecwz_3p img,.stit,.bgbox,.ybabout2indr em,.ybabout2indr a:before,.kyfypagealist a,.culturebma,.culturea img,.culturea,.xbziliaosubdesc,.kyfypageasubh3 i,.kyfuwubmore,.kyfuwubtxt,.kyfuwubtxt img,.kyfuwubh5,.kyfuwubm,.xbziliaocm img,.xbziliaocm,.xbziliaosubmore,.xbziliaosuben,.xbziliaosub a,.jybianjialist,.jybianjialist img,.teamalist img,.teamatit,.teamadesc,.joinafl li,.contactpageam img,.contactpageam,.corporateimg:before,.corporatetxt span,.corporatelist a,.corporatelist img,.pagination a,.zhishiali,.zhishiatxt h4,.zhishiali i,.newmaincother:before,.newmaincother:after,.historyem:before,.joinamb,.joinamd{transition:all 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;-webkit-transition:all 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;-moz-transition:all 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;} @media screen and (max-width: 1366px) { .products3p,.ybaboutcm{ width:1100px;} .homeanniuz, .anniuz{ left:-50px;} .homeanniuz, .anniuy{right:-50px;} .ybaboutctxt p{ font-size:14px;} .ybaboutctxt h6{ font-size:26px;} .ybaboutcm{ padding:0 50px;} .ybthreem h3{ font-size:20px;} .ybthree .gifimg{ width:50px; height:50px; margin-top:20px;} .ybthreeb{ width:80%; left:10%;} } @media screen and (max-width: 1000px) { .footer,.top-nav,.banner,#globalXy,#mapxy,.point-warp{ display:none;} .group-news-box, .under, .map, .w1000{ width:100%;} .group-news-warp{ padding:0; padding-top:40px;} .group-news-box,.under-box,.map-middle{ padding:0 15px; box-sizing:border-box;} .group-news-t,.group-news-b,.news-reveal, .group-news-item{ width:100%; height:auto;} .news-reveal .text h3, .news-reveal .text p{ left:15px;} .news-reveal .text p{ bottom:15px; font-size:14px; height:24px; line-height:24px; overflow:hidden;} .news-reveal .text h3{ top:15px; font-size:18px;} .group-news-item{ margin:0; margin-top:15px;} .group-news-item a,.group-news-list{ height:auto;} .group-news-item .news-text{ padding:15px;} .group-news-item .news-text .news-title{ margin-top:10px; margin-bottom:15px;} .group-news-item{ padding-bottom:40px;} .group-news-item .news-enter{opacity:1;-webkit-opacity:1;-moz-opacity:1;} .group-news-item .news-enter{ right:15px; bottom:25px;} .group-news-b{ margin-top:0;} .group-news-warp{ padding-bottom:40px;} .under-box{ margin-top:0;} .under{ padding:40px 0;} .main-title{ padding:0; margin:0; padding-left:15px;} .main-title p{ font-size:16px; padding-bottom:5px; margin-bottom:0;} .main-title h3{ font-size:20px; font-weight:bold;} .under-main-list > li{ width:100%;} .main-c-text{ box-sizing:border-box; padding:15px; width:100%; left:0; top:0;transform:none;-webkit-transform:none;} .main-c-text h3{ font-size:16px;} .main-c-text p{ margin:0;overflow : hidden; margin-top:5px; text-overflow: ellipsis; display: -webkit-box; height:40px; line-height:20px; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .main-c-text .learnMore-btn{ width:24px; height:24px; margin-top:12px;} .under-main-list > li{ margin-top:15px;} .map-middle{ padding-top:0; background:#f6f6f6; padding-top:40px; padding-bottom:40px;} .map-middleimg{ display:block;} #map-box .warp{ width:100%;} #map-box{ background:none; height:auto;} #map-box .map-title{ position:relative; width:auto;} #map-box .warp{ margin-top:15px;} .wapshzr{ display:block; padding:40px 30px; background:#fff; text-align:center; font-size:14px; color:#2a2a2a; line-height:22px;} .wapshzr h3{ font-size:18px; font-weight:bold; color:#0457b7;} .wapshzr p{ margin-top:15px; padding-bottom:30px;} .wapshzr a{ display:inline-block; font-size:12px; border:1px solid #d2d2d2;border-radius:12px;-webkit-border-radius:12px;-moz-border-radius:12px; color:#828282; padding:0 30px; height:30px; line-height:30px;} .homeslider{ display:block; color:#fff; letter-spacing:2px; } .homepa1{ font-size:26px; font-weight:bold;text-align:left;} .homepa2{ font-size:18px;text-align:left; margin-top:20px;} .homeslidertxt{ padding-left:5%;} .homepa3 span{ font-size:12px; color:#fff; width:100px; text-align:left; padding:0 15px; height:32px; line-height:32px; display:inline-block; border:1px solid #fff; background:url(../img/arrow-r.png) 100px center no-repeat; background-size:14px auto;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;} .homepa3{ display:block; text-align:left; margin-top:60px;} .homeanniu{ display:none;} .headtop,.backtops,footer{ display:block;} .rt-search{ background:url(../images/search-w.png) center no-repeat; width:20px; height:20px; position:absolute; right:15px;top:13px; z-index:996;} .rtlogo{ width:68px; height:35px; position:absolute; left:50%; margin-left:-48px; top:10px; z-index:996;} .rtlogo a{ display:block; width:100%; height:100%; background:url(../images/logo-w.png) center no-repeat; background-size:100% auto ;} .headtopon .rtlogo a{background:url(../images/logo.png) center no-repeat; background-size:100% auto;} .headtopon .rt-search{background:url(../images/search.png) center no-repeat;} .headtopon{ background:#fff;} .headtopon .icon-bar{ background:#000; } .headtop .rtlogo a,.headtopon .rtlogo a{background-position:center top;} header{ height:55px;} .rt-search{ top:20px; display:none;} .btn-nav{ padding-top:15px; padding-bottom:15px;} .storeMain{ position:absolute; left:0; top:45px; background:rgba(0,0,0,0.5); width:100%; height:100vh; overflow: hidden;overflow-y: scroll; z-index:999; display:none;} .storeBox{ padding:20px; background:#fff;} .storeBox .before .btn a{ background:#050505; height:48px; line-height:48px; text-align:center; color:#fff; font-size:14px; border-radius: 5px; margin:20px 0; cursor:pointer; display:block;} .storeBox .before .tip{ text-align:center; padding-bottom:20px;} .storeBox .before .tip a{ color:#b81111; text-decoration:underline;} .menuIcon2{ background:url(../img/icon_05.png) no-repeat center center; background-size:18px; width:55px; height:55px; display:none;} .menuIcon2{ right:0; left:auto;display:block;background-size:auto 21px;} .storeMain{ background:#2f2f2f; padding-top:65px; overflow:hidden; box-sizing:border-box; top:0; position:fixed;} .storeBox{ padding:20px; padding-top:0; background:none;} .storeBox .before .btn a{ margin:0; margin-top:0;} .storeBox .before .btn { padding-top:20px;} .headtopon .menuIcon2{ background-image:url(../img/icon_0511.png);} .storeBox .before .btn a{ height:40px; line-height:40px;} .headtopon.showMenu .menuIcon2{ background-image:url(../img/icon_05.png);} .gudingny2 .headtop .rtlogo a{background:url(../images/logo.png) center no-repeat; background-size:100% auto;} .gudingny2 .headtop .rt-search{background:url(../images/search.png) center no-repeat;} .gudingny2 .headtop{ background:#fff;} .gudingny2 .headtop .icon-bar{ background:#000; } .gudingny2 .headtop.rtlogo a{background:url(../images/logo.png) center no-repeat; background-size:100% auto;} .gudingny2 .headtop .rt-search{background:url(../images/search.png) center no-repeat;} .gudingny2 .headtop{ background:#fff;} .gudingny2 .headtop .icon-bar{ background:#000; } .gudingny2 .headtop .rt-search{background:url(../images/search.png) center no-repeat;} .gudingny2 .headtop .menuIcon2{ background-image:url(../img/icon_0511.png);} .gudingny2 .headtop .rtlogo a{background-position:center top;} .gudingny2 header.showMenu .animated2 .icon-bar {background: #000;} .headtop .icon-bar:before{ display:none;} .homebannerp1{ font-size:18px;} .homebannerp1 img{ height:auto;} .homebannertxt{ width:80%; } .ybding ,.footer417{ display:none;} .gudingny1{ margin-top:0;} .pagebanner{ position:relative;background-attachment:fixed;background-size: 100% auto;background-repeat: no-repeat;background-position: center top;} .pubh3 em,.ybaboutbp1,.ybaboutbp3,.ybabout2indr h4,.homelist3 h3,.ybcpgx h3,.ybnew h2{ font-size:20px;} .pubh3 span{ font-size:12px; color:#595757;} .ybabout2indl:before{ display:none;} .ybabouta,.ybaboutbp2,.ybaboutbrb,.pubyfzlwz,.cxyanfaadesc{ font-size:14px;} .pubyfzlwz{ line-height:22px;} .ybaboutbl,.ybaboutbr,.teama1desc{ width:100%; box-sizing:border-box;} .ybabouta,.ybaboutb,.team,.culture,.jybianjia,.products3,.jyziliao,.cxyanfa,.zhishia,.join,.joinb,.contactpage,.contactpageb,.contactpagec,.ybabout2ind,.ybnew,.xbziliaoc{ padding-top:40px; padding-bottom:40px;} .ybabouta,.ybaboutb_1,.team,.culturea,.cultureb,.xbziliaoa,.xbziliaoc,.jybianjiam,.jyziliao,.cxyanfa,.zhishia,.joina,.joinb,.contactpage,.contactpageb,.kyfuwua,.ybabout2ind,.ybnew{ padding-left:15px; padding-right:15px; box-sizing:border-box;} .cultureh4{ font-size:18px;} .ybaboutadesc,.ybaboutbp2{ margin-top:15px;} .ybaboutbl,.ybaboutbr{ text-align:left; padding:30px 20px; margin-top:0;} .ybaboutb{ background-size:auto 200px;} .ybaboutb{ padding-top:80px;} .ybaboutbmore{ width:35px; height:35px; background-size:14px auto; margin-top:30px;} .ybaboutbr{ background:#f4f4f4;} .ybaboutbram{ padding-left:0; color:#4e4e4e;} .ybaboutbp32 span,.ybaboutbp31 span{ background:none;} .ybaboutbp4{ border-bottom:2px solid #666; border:none;} .ybaboutbr{ padding-top:0;} .ybaboutbp3{ margin-top:30px;} .ybaboutbp5{ margin-top:0;} .ybaboutbrb{ margin-top:20px;} .ybnewmlimg{ height:auto;} .ybnewmltxt{ padding:20px;} .ybnewmltxt a{ margin-top:0;} .ybnewmlmore{ padding-left:20px;} .ybnewmrimg,.ybnewmrtxt{ width:100%; margin:0; padding:0; height:auto;} .ybnewmrtxt{ padding:20px; box-sizing:border-box;} .ybnewmrtxt .ybnewmspan{ margin-top:0;} .ybnewmltxt a,.ybnewma{ display:block; height:auto;white-space:inherit; line-height:24px;} .ybnewmltxt p,.ybnewmlmore{ display:none;} .ybnewml,.ybnewmr{ margin-top:20px;} .ybabout2indl,.ybabout2indr{ width:100%; padding-bottom:0;} .ybabout2indr h4 { padding:0; padding-bottom:15px;} .ybabout2indr h4 span{ display:inline; padding:0;} .ybabout2indr h4:before{ left:0; bottom:0;} .ybabout2indr p{ margin-top:15px;} .ybabout2indr a:before{ display:none;} .ybabout2indr{ margin-top:20px;} .ybabout2indr a{ padding:0; margin-top:20px; display:none;} .gifimg{ width:50px; height:50px;} .homelist3 p{ padding:0 40px;} .homelist3 a{ margin-bottom:20px;} .ybaboutc-slide{ left:0; height:auto;} .ybaboutc-slide .ybaboutctxt{ position:relative; width:auto; left:auto; top:auto; bottom:auto;} .ybaboutcm{ padding:0 15px; box-sizing:border-box;} .ybaboutctxt h6{ font-size:18px;} .ybaboutctxt{ border:none; padding:15px 0;} .ybaboutctxt p{ font-size:12px; line-height:20px; padding-top:10px;} .ybaboutctxt i:before{ width:4px; height:4px;} .ybaboutctxt i{ width:8px; height:8px;} .ybaboutctxt h6{ color:#00a0e9;} .ybaboutcm{ margin-top:20px;} .ybaboutcbtn{ background-size:20px;top:auto; bottom:20px;} .ybaboutcbtnl{ left:0; margin:0; } .ybaboutcbtnr{ right:0;margin:0;} .ybaboutctxt i{ left:0; top:43px;} .ybaboutctxt p,.ybaboutctxt h6{ padding-left:15px;} .ybaboutc-slide .ybaboutctxt{opacity:0;-webkit-opacity:0;top:120px; position:relative;transition:all 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;-webkit-transition:all 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;} .ybaboutc-slide.swiper-slide-next .ybaboutctxt,.ybaboutc-slide.swiper-slide-active .ybaboutctxt{opacity:1;-webkit-opacity:1;top:0;} .ybaboutc-slide.swiper-slide-active .ybaboutctxt{-webkit-transition-delay: 100ms,100ms; transition-delay: 100ms,100ms;} .ybaboutc-slide.swiper-slide-next .ybaboutctxt{-webkit-transition-delay: 240ms,240ms; transition-delay: 240ms,240ms;} .ybaboutc{ padding-bottom:40px;} .ybaboutcm{ } .homelist3 a{ width:100%;} .ybcpgxtabmtop .ybcpgxtd{font-size:16px; } .ybcpgxtd{ width:auto;word-break: break-all;} .ybcpgxtab {table-layout:fixed;} .ybcpgxtd{ padding:0; text-align:center;} .ybcpgxtd span{ padding:5px; display:inline-block;font-size:14px;} .ybcpgxtd7,.ybcpgxtd6,.ybcpgxtd5,.ybcpgxtd4,.ybcpgxtd3{ display:none;} .ybcpgxtd2,.ybcpgxtd3{ width:50%;} .ybcpgxtd{ height:48px; line-height:48px;} .ybcpgx{ padding-top:20px;} .ybcpgxtab{ margin-top:20px;} .ybcpgx{ padding-bottom:40px;} .ybnewml,.ybnewmr{ width:100%;} .newxxa{ padding-top:40px; padding-left:15px; padding-right:15px; box-sizing:border-box;} .newdescall{ margin:0; padding:0 10px;} .xxyh4{ display:none;} /*.newdetail-con p{ margin-top:15px;}*/ .newdetail-con{ padding:20px 0;} .pubback-r{ display:none;} .pubback-l{ width:100%; text-align:center;} .teama1list{ margin-top:20px;} .teamams{ margin-top:15px;} .teama1list li{ width:100%; margin:0; margin-top:20px;} .teama1img img{ width:100%;} .teama1tit{ height:auto; padding:15px; padding-bottom:0;} .teama1tit{ text-align:left;} .teama1name{ font-size:16px; line-height:24px;} .pubjia{ display:none;} .teama1zhiwei{ padding:0 ;} .teama1list .teama1desc{ width:100%; position:relative; left:0; top:0; padding:15px; padding-bottom:0; padding-top:10px; margin-top:15px;border-radius:0;-webkit-border-radius:0; background:#fff; min-height:inherit;color: #666;font-size: 12px; line-height:24px;border-top: 1px solid #eee;} .teamfmline{ display:block;color:#666;font-family: Arial, Helvetica, sans-serif;position: absolute;z-index: 12; right:10px; bottom:10px;font-size: 20px;height: 20px;line-height: 20px;} .teama1list li{ position:relative; padding-bottom:30px;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);} .teama1close,.teama1desc .teama1name,.teama1desc .teama1zhiwei{ display:none;} .teama1desc p{ margin-top:5px; margin-bottom:0;} .culturea { margin-top:40px; padding-top:40px; padding-bottom:40px;} .cultureadesc{ font-size:14px;} .cultureh4{ padding:0;} .cultureadesc{ margin-top:10px; line-height:22px;} .cultureal,.culturear{ width:100%; padding:0;height:auto;} .culturear img{ width:100%;} .culturear{ margin-top:20px;} .cultureh42,.cultureh42 span{ padding:0; margin:0; border:none;} .culturebma{ width:50%;} .culturebmb{ width:100%;} .culturebma{ line-height:30px; font-size:20px; height:auto; padding:80px 0;} .culturebma i{ background-size:64px auto; background-position:center 80px;} .culturebma, .culturebmb{ height:auto;} .culturebm { padding-top:10px;} .cultureb { padding-top:20px;} .xbziliaoaimg{ margin-top:20px;} .xbziliaoaimg img{max-width:100%;} .xbziliaocmimg, .xbziliaocmtxt,.jybianjiaimg, .jybianjiatxt{ display:block; width:100%; padding:0; height:auto;} .xbziliaocmimg img{ width:100%;} .xbziliaocmh4, .xbziliaocmdesc,.jybianjiah4, .jybianjiams{ padding:0;} .xbziliaocmtxt,.jybianjiatxt{ padding:15px; box-sizing:border-box;} .xbziliaocmh4,.jybianjiatxt h4{ font-size:16px;} .xbziliaocmdesc,.jybianjiams{ margin-top:10px;} .xbziliaocm,.jybianjialist{ display:block; margin:0; margin-top:20px;} .jybianjiaimg:before{ display:none;} .jybianjiaimg img{ width:100%;} .jybianjialist1 .jybianjiaimg, .jybianjialist1 .jybianjiatxt{ height:auto;} .products3pmi,.xiana,.products3pm:before{ display:none;} .products3pslider .swiper-slide{ height:auto; text-align:center; } .products3pm{ position:relative;min-height:180px;} .products3pm,.slideodd .products3pm{ width:80%; left:10%;} .products3pp2{ text-align:center;} .products3pp1{ padding-top:15px; padding-bottom:10px;} .products3p{ margin-top:20px;} .products3p .swiper-pagination-bullet{ width:8px; height:8px; margin:0 3px !important; display:inline-block;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%; background:#fff;opacity:0.8;-webkit-opacity:0.8;-moz-opacity:0.8;} .products3p .pblcpage{ text-align:center; margin-top:20px;} .products3p .swiper-pagination-bullet-active{ background:#00a0e9;} .jyzlbg{ background:none;} .jyziliaobm{ margin:0; padding:0;} .jyziliaobdesc{ margin-top:15px;} .jyzlbg,.jyziliaoa,.cxyanfaa { padding:0;} .jyziliaoal,.jyziliaoar,.cxyanfabl,.cxyanfabr{ width:100%; padding:0;} .jyziliaoardesc,.jyziliaoal,.cxyanfaadesc,.cxyanfabl{ margin-top:15px;} .jyziliaoar h2,.cxyanfabr{ margin-top:40px;} .cxyanfaadesc{ line-height:22px;} .cxyanfab{ background:none; padding:0;} .corporatelist{ margin:0;} .corporatelist a{ width:100%; margin:0; margin-top:20px;} .corporatetxt div{ height:auto; line-height:20px;} .corporatetxt{ border:none;} .zhishiasub{ text-align:center;} .zhishiasub{ padding-top:30px;} .zhishiasub a{ display:inline-block; margin:0 6px;} .zhishialist{ width:100%;} .zhishiaimg,.zhishiatxt{ height:auto; width:100%; margin:0;} .zhishiaimg img{ width:100%;} .zhishiatxt{ padding:20px; box-sizing:border-box;} .zhishiatxt h4{ font-size:16px;} .zhishiatxt p{ font-size:12px; line-height:20px; margin-top:5px;} .zhishiatxt b{ padding:0;} .zhishiali i{ background-size:12px; right:10px; bottom:10px;} .zhishirxg{ width:100%; padding:20px; margin:0; box-sizing:border-box; margin-top:40px;} .fbwxlist li{ padding-left:20px; padding-right:40px; box-sizing:border-box;} .fbwxlistaniu{ left:-4px; top:35px;} .fbwxlist li p{ padding-right:0;} .fbxxiazai{ top:32px; margin:0;} .kyfuwu{ background:#f5f5f5; padding-top:40px; padding-bottom:0;} .kyfuwua{ margin-top:20px; padding-top:0;} .kyfuwual,.kyfuwuar{ width:100%;} .kyfuwualp2{ font-size:16px; line-height:24px; margin-top:20px; color:#00a0e9;} .kyfuwuar{ display:none;} .kyfuwualp3 { margin-top:20px;} .kyfuwub,.kyfuwubm:hover .kyfuwubtxt{ top:0;} .kyfuwubslider{ padding:0;} .kyfuwubtxt img{ height:50px;} .kyfuwubslider { padding:15px; box-sizing:border-box;} .kyfuwubh5{ padding-top:30px; font-size:20px;} .kyfuwubm{ background-size:100px auto; background-position:center 110px;} .kyfuwubdesc{ font-size:14px; margin-top:15px; height:auto; text-align:center;} .kyfuwubmore{opacity:1;-webkit-opacity:1;-moz-opacity:1; margin-top:0;} .kyfuwubdesc{ min-height:120px;} .kyfuwubm{ height:auto;} .kyfuwubtxt{ padding-top:40px; padding-bottom:40px;} .kyfuwub{ margin-top:5px;} .kyfuwub .swiper-pagination-bullet{ width:8px; height:8px; margin:0 3px !important; display:inline-block;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%; background:#000;opacity:0.8;-webkit-opacity:0.8;-moz-opacity:0.8;} .kyfuwub .kyffpage{ text-align:center; margin-top:0; padding-bottom:40px;} .kyfuwub .swiper-pagination-bullet-active{ background:#00a0e9;} .kyfypagecwz_1_m{ background-size:70% auto; padding:30px;} .kyfypageb{ padding:0; margin:0;} .pubright{ width:100%; padding:0;} .kyfypagebh4{ font-size:18px; padding-bottom:10px;} .plr60p{ padding-left:15px; padding-right:15px;} .kyfypagebmwz{ font-size:14px; line-height:22px;} .kyfypagebm, .kyfypagebmimg,.kyfypagebwz_1_wz p{ margin-top:20px;} .bfff,.bf8{ padding-bottom:40px; padding-top:40px;} .pt25p.bf8{ padding-top:15px;} .kyfypagecwz_3.bf7{ padding-bottom:0;} .xbt_25,.kyfypagebwz_2mtp{ margin-top:20px;} .kyfypagebwz_2h5{ font-size:16px;} .kyfypagear{ display:none;} .kyfypageal{ position:relative; width:100%; top:0;} .mt0p{ margin-top:0;} .cxgxz{ padding:40px 0;} #txt{ min-height:inherit;} .joina{ margin-top:20px;} .joinadesc{ text-align:justify;} .joinafl li{ float:left; width:50%; line-height:40px; text-align:center; margin:0; padding:0 10px; padding-left:0; box-sizing:border-box; } .joinafl span{ background-size:20px; font-size:16px;} .joinafl span{ padding-left:30px;} .joinafl { margin-top:15px;} .joina{ padding-bottom:40px;} .joinbmb{ display:none;} .joinbmtop{ padding:0;} .joinbmtop{ font-size:16px;} .joinbmc{ width:30%; text-align:center;} .joinbma{ width:70%;} .joinbmtit{ font-size:14px;} .joinbmtit{ padding:0; margin:0; padding:12px 0; line-height:22px;} .joinbma{ padding-left:15px; box-sizing:border-box;} .joinbma span{ padding-left:0;} .joinbmdescwz,.joinbmdescother{ padding:15px; margin:0;} .joinbmdescl,.joinbmdescr{ width:100%; margin:0; padding:0;} .joinbmdesc{ line-height:22px;} .joinbmdescwzjj{ padding-bottom:10px;} .joinbmdescother{ font-size:14px;} .joinbmdescother span{ display:block;} .joinbmlist{ padding:0;} .join{ padding-bottom:0;} .contactpageaimg{ height:auto;} .contactpageam{ width:100%; margin:0; padding:0; margin-top:20px;} .contactpageatxt{ padding:20px; line-height:24px;} .contactpageatxt h4{ font-size:16px; padding-bottom:5px;} .contactpagebm{ margin-top:20px;} .contactpagebl,.contactpagebr{ width:100%;} .contactpagebr .otxt,.contactpagebr .otext{ margin-top:15px; width:100%; box-sizing:border-box; padding:0 15px; font-size:15px; height:50px; line-height:50px;} .contactpagebr .otext{line-height:24px; height:82px; padding-top:5px; padding-bottom:5px;} .contactpagebrm1{ margin:0;} .contactpagebrm2{ padding:0; text-align:center; margin:0; margin-top:20px;} .contactpagebrm2 .obtn{ font-size:14px;} .contactpagecm{ margin-top:20px;} #dituContent{height:300px;} .xbziliaoa{ padding-top:40px;} .footNav li{ padding-right:10px;} .footNav li>a.hslink{ margin-right:40px;} .footNav li.home>a,.menuBox li.home>a{ background:none;} .hslinkem{ position:absolute;width:48px;height:48px;top:0;right:0;background: url(../img/icon_01.png) no-repeat 25px center;background-size:12px;} .hslinkemon{ background-image:url(../img/icon_02_2.png);} .menuBox .hslinkem{ background-position:29px center;} .ewm_bottom{ padding:15px 0; text-align:center;} .ewm_bottom img{ width:80px;} .copyp1{ padding-top:0;} .copyp2,.copyp2 a,.copyp1,.copyp1 a{ color:#b6b6b6;} .kyfypageasubh3 span{ line-height:50px;} .kyfypageasubh3 span{ background-position:left center !important; background-size:auto 22px !important;} .kyfypagealist li,.kyfypageasubh3 span{padding-left:35px;} .kyfypageasubh3{ font-size:14px;} .kyfypageasubh3 i{ background-size:auto 6px;height:50px;} .kyfypageasubh3 i{ margin-right:5px; background-position:center right;} .kbpflistc{ display:none;} .kbpflistb { width:30%;} .kbpflistd { width:50%;} .kbpfliste { width:20%;} .kbpflistlist .kbpflistd span{ width:auto;} #txt{ padding-top:15px;} .kydetailtab{ width:100%;} .kydetailtdl{ width:30%;} .kydetailtd2{ width:70%;} .kydetailtdl span{ padding-left:15px; padding-right:5px;} .kydetailtabtop .kydetailtdl span{ background:none; font-size:16px;} .homelist3 p{ height:auto;} .homelist3wz{ margin-top:0;transform:translateY(-50%);-webkit-transform:translateY(-50%);} .ybaboutctxt p{ text-align:justify;} .ybaboutctxt i{ display:none;} .ybaboutctxt p, .ybaboutctxt h6{ padding-left:0;} .products3{ background-attachment:inherit; background-size:auto 100%;} input{-webkit-appearance:none;-webkit-tap-highlight-color:rgba(0,0,0,0);} .corporatelist a,.zhishiali,.kyfuwubm{box-shadow:0 3px 8px rgba(0,0,0,0.1);-webkit-box-shadow:0 3px 8px rgba(0,0,0,0.1);-moz-box-shadow:0 3px 8px rgba(0,0,0,0.1);} .gifimg1{ display:none;} .gifimg .gifimg2{ display:block;} .anniuz,.anniuy{ width:50px; height:50px; top:auto; margin:0; bottom:0;} .anniuy{ right:120px;background: url(../img/fzr.png) center no-repeat; background-size:20px;} .anniuz{ left:120px;background: url(../img/fzl.png) center no-repeat; background-size:20px;} .products3p { padding-bottom:60px;} /*管线*/ .ybcpgxtable td,.ybcpgxtable th{ padding: 10px;} .ybcpgxtable th{ font-size:14px; line-height:22px;} .ybcpgxtable td a{ font-size:12px;} .ybcpgxtable td{ line-height:20px;} .progress{ padding-left:0;} .progress-2,.progress-1,.progress-3{ width:auto;} .pagination .numbbb{ display:none;} /*移动端搜素*/ .search-result-main{ border:none; } .search-result-main .input-warp{ width:100%; box-sizing:border-box; margin:0;} .searchcase{ width:100%;} .searchcase a:hover img{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);} .imgsearch{ height:auto;} .searchcase p{ padding:0; padding-top:10px;} .searchcase a,.result-item{ width:100%; margin:0; margin-top:20px;} .result-item a{ padding:10px 0;} .result-item .dot{ display:none;} .result-list{ display:block; margin:0;} .result-item{ margin-top:10px;} .phonefoot { display:block;} .search-result-main-p{ font-size:18px;} .search-result-main{ margin:0 auto; margin-top:40px;margin-top:0; width:100%; position:relative; z-index:6; background:#fff; padding:20px 15px; box-sizing:border-box;} .search-result-main .input-warp{ margin:15px 0;} .joinbmdescother .zwsq_btn{ display:block; float:none; margin-bottom:15px;} .applybox{ width:90%; box-sizing:border-box; padding:20px; left:5%; border:none; right:auto;} .applybox label{ width:58px;} .applybox input,.applybox textarea{ width: calc(100% - 58px);} .applybox textarea{ height:72px;} .applybox .inpjob + .inpjob{ margin-top:10px;} .applybox{ height:340px; padding-top:45px;} .applybox .close{ width:16px; height:16px;} .kyfypagearsearch{box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;} .kysearcha,.kysearchb,.kysearchc,.kysearchd{ width:50%; border:none; box-sizing:border-box; font-size:14px;} .kysearcha{ padding-left:15px; padding-right:5px;} .kysearchb{ padding-left:5px; padding-right:15px;} .kysearchblb,.kysearchbsub,.kysearcha .otxt{ width:100%; box-sizing:border-box; font-size:14px;} .kysearchd{ text-align:right; padding-right:15px;} .kysearchc{ padding-left:15px;} .kysearchd .obtn{ width:100%; height:35px;} .kysearchd{width:100%;padding:0 15px;} .applybox .inpjob.file .fileinp{height:60px;line-height:30px;} .wap_show{ display:block;} .corporateimg,.corporatetxt h4,.ybnewmlimg,.ybnewmrimg{height:auto;} .corporateimg img,.ybnewmlimg img,.ybnewmrimg img{position:relative;width:100%;} .wap_hide,.xbziliaosub,.kyfypageal,.products3p .pblcpage{ display:none;} }