@charset "UTF-8"; body{ padding-top:75px;} .banner img{ width:100%;} .here{ padding:25px 0; font-size:14px; color:#666;} .here:before{ display:inline-block; content:''; width:15px; height:17px; background:url(../images/ico_here.png) no-repeat; margin-right:6px; vertical-align:middle;} .here a{ color:#666;} .here a,.here em{ display:inline-block; margin:0 6px;} @media screen and (min-width:800px){ .here a:hover{ color:#034094;} } .recommend{ overflow:hidden; position:relative;} .recommend .inner{ position:relative; border-radius:10px; overflow:hidden;} .recommend a{ display:block;} .recommend .z{ position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,.3); border-radius:10px;} .recommend .txt{ position:absolute; bottom:0; left:0; right:0; padding:0 27px; color:#fff;} .recommend .big{ width:50%; padding-right:7px;} .recommend .big img{ display:block; width:100%; border-radius:10px;} .recommend .big .txt span{ font-size:18px;} .recommend .big .txt h3{ font-size:24px; margin:15px 0 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .recommend .list{ position:absolute; right:0; top:0; width:50%; padding-left:7px; height:100%;} .recommend .list .item{ width:49%; height:100%; float:left;} .recommend .list .item.odd{ float:right;} .recommend .list span{ font-size:16px;} .recommend .list h3{ font-size:18px; line-height:28px; margin-top:5px; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .recommend .list_pic{ height:50%; padding-bottom:6px; overflow:hidden;} .recommend .list_pic img{ width:100%; height:100%; display:block; border-radius:10px;} .recommend .list_pic .txt{ padding:0 23px; bottom:auto;} .recommend .list_pic .txt,.recommend .list .txt{ top:51.6%;} .recommend .list_txt{ height:50%; padding-top:6px; overflow:hidden;} .recommend .list_txt .item .box{ height:100%; border-radius:10px; color:#fff; padding:68px 20px 0; background-color:#f15a24; } .recommend .list_txt .item span{ color:#fff;} .recommend .list_txt .item h3{ color:#fff;} .recommend .list_txt .item.odd .box{ background-color:#034094;} .allnews{ width:auto; margin-left:auto; margin-top:.2rem;} .allnews .item{ width:47.5%; float:left;} .allnews .item.odd{ float:right; } .allnews .item .inner{ padding-top:60px; } .newsbody{max-width:1000px;margin-left:auto;margin-right:auto;} .newsbody .title{ border-bottom:1px solid #dddbdb;} .newsbody .title h3{ font-size:30px; color:#333;} .newsbody .title span{ font-size:14px; color:#666; display:inline-block; margin:15px;} .newsbody .title i{ color:#034094;} .newsbody .detail{ font-size:16px; color:#666; line-height:36px; padding:30px 0 60px; max-width: 1000px;margin-left: auto;margin-right: auto;} .newsbody .detail img{ max-width:100%;} .relation{ border-top:1px solid #dddbdb; padding-top:30px; overflow:hidden;} .relation li{ font-size:16px; margin-bottom:15px;} .relation li a:hover{ color:#034094;} .pName_first{ text-align:center; margin-top:60px;} .pName_first a{ display:inline-block; font-size:18px; width:245px;height:45px; line-height:45px; border:1px solid #d9d9d9; border-radius:45px; color:#333;} .pName_first a.now{background-color:#f15a24; color:#fff;} .pName_second{ margin-top:50px;} .pName_second a{ display:inline-block; font-size:18px; color:#333; padding-bottom:13px; border-bottom:1px solid transparent; cursor:pointer; margin-right:102px;} .pName_second a.now{ border-bottom-color:#034094; color:#034094;} @media screen and ( min-width:1000px){ .pName_first.boxFix{ position:fixed; background-color:#fff; top:15px; left:0; width:100%; z-index:999; padding:15px 0;} } @media screen and ( min-width:800px){ .pName_first a:hover{background-color:#f15a24; color:#fff;} .pName_second a:hover{ border-bottom-color:#034094; color:#034094;} } .proList{ overflow:hidden; margin:40px -10px 0;} .proList li{ width:25%; float:left; padding:0 10px; margin-bottom:40px;} .proList .inner{ border:1px solid #dadada; border-radius:10px; padding:35px 40px 20px; position:relative;} .proList .tips{ position:relative;} @media screen and ( min-width:800px){ .proList .inner{ min-height:383px;} } /* .proList .tips span{ font-size:43px; color:#e3e3e3; padding-bottom:20px; position:relative;} */ /* 产品中心列表 彩色横线 */ /* .proList .tips span:after{ display:inline-block; content:''; height:2px; background-color:#f77e02; width:58px; position:absolute; left:0; bottom:0;}*/ .proList .tips em{ display:inline-block; width:57px; height:26px; background:url(../images/ico_new.png) no-repeat; background-size:contain; position:absolute; right:0; top:-5px;} .proList .tips.t1 span:after{background-color:#f77e02;} .proList .tips.t2 span:after{background-color:#02a1e8;} .proList .tips.t3 span:after{background-color:#118f98;} .proList .img{ /* height:296px; */ height:230px;} .proList .box{ display:table; width:100%; height:100%; text-align:center;} .proList .box a{ display:table-cell; vertical-align:middle;} .proList .box img{ max-width:100%;} .proList .txt{ font-size:20px; color:#000; line-height:36px; text-align:center; height:144px; overflow:hidden;} .proList .z{ position:absolute; left:0; right:0; top:0; bottom:0; display:none; background-color:#034094; border-radius:10px; color:#fff; padding:0 40px; -webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;} .proList .z .txt a{ color:#fff;} .proList .z .more a{ display:inline-block; color:#fff; border:1px solid #fff; height:38px; line-height:38px; padding:0 45px; border-radius:38px; font-size:16px;} @media screen and ( min-width:800px){ .proList li:hover .z{ display:block; -webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;} } .proIntro{ overflow:hidden;} .proIntro .img{ width:50%; padding-right:45px; height:480px; float:left;} .proIntro .box{ display:table; width:100%; height:100%; text-align:center; border:1px solid #e7e7e7; border-radius:10px;} .proIntro span{ display:table-cell; vertical-align:middle;} .proIntro img{ max-width:96%;} .proIntro .con{ width:50%; padding-left:45px; float:right;} .proIntro .con .tit{ padding-bottom:60px; position:relative;} .proIntro .con .tit,.proDesc .tit{ border-bottom:2px solid #dadada; position:relative;} .proIntro .con .tit:after,.proDesc .tit:after{ display:inline-block; content:''; height:2px; background-color:#f15a24; width:100px; position:absolute; left:0; bottom:-2px;} .proIntro .con h3{ font-size:30px; line-height:40px; color:#333;} .proIntro .con .txt,.proDesc .con{ font-size:16px; color:#666; line-height:28px; padding-top:30px;} .proIntro .con .txt img,.proDesc .con img{ max-width:100%;} .proDesc .tit{ font-size:24px; color:#333; padding-bottom:15px; margin-top:50px;} .proDesc .con{ padding-bottom:60px;} .share{ position:absolute; right:0; bottom:10px;} .share em{ display:inline-block; font-size:16px; color:#999; float:left;} .share a{ background-image:url(../images/i_share.jpg); margin-left:10px; background-repeat:no-repeat; display:inline-block; width:24px; height:24px; vertical-align:middle;} .share a.icon-weibo{ background-position:-58px 0;} .share a.icon-qq{ background-position:-29px 0;} .share a.icon-qzone{ background-position:0 0;} .share a.icon-wechat{ background-position:-87px 0;} .othMorePro .tit{ overflow:hidden; vertical-align:middle;} .othMorePro .tit span{ font-size:24px; color:#333;} .othMorePro .tit a{ float:right; font-size:14px; color:#666; margin-top:3px;} .othMorePro .list{ margin-top:40px;} .othMorePro li{ float:left; width:33.33%; padding:0 23px; position:relative; height:130px;} .othMorePro li img{ height:100%; width:auto;} .othMorePro li p{ position:absolute; right:0; top:0; bottom:0; width:61.7%; background:rgba(3,64,148,0.75); padding:35px 30px 0 30px; color:#fff; border-radius:6px; font-size:18px; line-height:30px;} @media screen and ( min-width:800px){ .othMorePro .tit a:hover{color:#034094;} .othMorePro li:hover{ transform: translateY(-6px);-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;} } .txtList{ margin-top:35px;} .txtList li{ font-size:18px; border-bottom:1px solid #d2d2d2; padding:25px 0;} .txtList li span{ display:inline-block;} .txtList li span.tit{ width:68.8%;} .txtList li span.tit a:hover{ color:#034094;} .txtList li span.time{ width:27.5%;} .txtList li span.pdf a{ display:inline-block; width:27px; height:27px; background:url(../images/ico_pdf.png) no-repeat; background-size:contain; vertical-align:middle;} .txtList li span.pdf a:hover{ background-image:url(../images/ico_pdf_hover.png);} .cNameIntro{ font-size:18px; color:#666; line-height:36px; margin-top:30px; text-indent:0em;} .relationreports .aboutName{margin-bottom:30px;} .relationabout .aboutName{margin-bottom:40px;} .ggList li span.time{ width:20%;} .ggList li span.pdf a{ padding-left:45px; width:auto; color:#034094;} .exp_opt{ overflow:hidden; margin-top:40px;} .exp_opt li{ width:49%; float:left;} .exp_opt li.odd{ float:right;} .exp_opt li .inner{ position:relative;} .exp_opt li .img{ width:75%; overflow:hidden; border-radius:10px;} .exp_opt li img{ width:100%; border-radius:10px;} .exp_opt li .z{ position:absolute; right:0; top:20%; height:60%; width:55.4%; border-radius:8px;background:rgba(3,64,148,0.75); color:#fff; padding:55px 20px 0;} .exp_opt li .z a{ color:#fff;} .exp_opt li .z span{ display:block; font-size:16px; margin-bottom:20px;} .exp_opt li .z p{ font-size:20px; line-height:36px;} .txtDateList{ margin-top:60px;} .txtDateList li{ position:relative; margin-bottom:60px;} .txtDateList li .con{ padding-left:95px; height:88px;} .txtDateList li .con h3{ font-size:20px; font-weight:bold;} .txtDateList li .con p{ font-size:14px; color:#747474; line-height:26px; margin-top:15px; text-indent:2em;} .txtDateList li .time{ position:absolute; left:0; top:0; width:70px; text-align:center;} .txtDateList li .time b{ display:block; font-size:48px;padding-bottom:4px; position:relative;} .txtDateList li .time b:after{ display:inline-block; content:''; width:45px; height:2px; background-color:#dbdbdb; position:absolute; bottom:0; left:50%; margin-left:-22px;} .txtDateList li .time span{ display:block; font-weight:bold; font-size:14px; margin-top:10px;} .txtDateList li a:hover .con h3,.txtDateList li a:hover .con p,.txtDateList li a:hover .time b,.txtDateList li a:hover .time span{ color:#034094;} .txtDateList li a:hover .time b:after{ background-color:#034094;} @media screen and ( min-width:800px){ .txtDateList li:hover{ transform: translateY(-6px);-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;} } .tzList{ padding-bottom:50px;} .tzBox{ padding:1px;} .tzList .slick-dots{ bottom:-50px;} .tzList .slick-dots li{ background-color:#034094;} .partner .item a{ display:block; position:relative; padding:0 1%;} .cBigName{ font-size:38px; color:#034094; text-align:center; margin-top:30px ;} .user_service{ margin-top:30px;} .user_service li{ float:left; width:49%; margin-bottom:50px; } .user_service li.odd{ float:right;} .user_service li .inner{ border:1px solid #dcdcdc; box-shadow:0 5px 5px rgba(190,190,190,.75); border-radius:10px; height:320px; text-align:center; display:table; width:100%; cursor:pointer;} .user_service li a{ display:block;} .user_service li .con{ display:table-cell; vertical-align:middle; background-size:contain;} .user_service li h3{ font-size:28px; color:#333; font-weight:bold; } .user_service li span{ display:inline-block; height:36px; line-height:36px; color:#034094; padding:0 50px; font-size:16px; border:1px solid #034094; border-radius:36px; margin-top:30px;} .user_service li .u1 .con{ background:url(../images/ser1.png) no-repeat center center; background-size:cover;} .user_service li .u2 .con{ background:url(../images/ser2.png) no-repeat center center; background-size:cover;} .user_service li .u3 .con{ background:url(../images/ser3.png) no-repeat center center; background-size:cover;} .user_service li .u4 .con{ background:url(../images/ser4.png) no-repeat center center; background-size:cover;} .user_service li:hover .inner{ background-color:#034094;} .user_service li:hover h3{ color:#fff;} .user_service li:hover span{ color:#fff; border-color:#fff;} .service-w{ width:1200px; margin-left:auto; margin-right:auto;} .service_addrs .selbox{ margin-top:40px; background-color:#034094; border-radius:10px; padding:45px 0;} .service_addrs .selbox .tit{ font-size:30px; color:#fff;} .service_addrs .sel{ margin-top:30px;} .service_addrs .sel select{ height: 48px;width: 245px;border-radius:48px;font-size:16px;color:#333;margin:0 30px; border-color:transparent;appearance:none;-moz-appearance:none; -webkit-appearance:none;background: url("../images/sj_down.png") no-repeat #fff;background-position:85% 50%;padding:0 30px;} .service_addrs .sel select::-ms-expand { display: none; } @media screen and (min-width:800px){ .service_addrs .list{ min-height:500px;} } .service_addrs .list .box{ border:1px solid #d9d9d9; padding:35px 0 30px 9%; border-radius:10px; margin-bottom:30px;} .service_addrs .list .box h3{ font-size:26px; color:#034094; position:relative; } .service_addrs .list .box .txt{ font-size:14px; line-height:30px; margin-top:20px;} .service_addrs .list .box h3 span{ display:inline-block; width:42px; height:45px; background:url(../images/ico_addr.png) no-repeat; background-size:contain; color:#fff; font-size:18px; position:absolute; left:-6.67%; top:0; padding:4px 10px 0 0; text-align:center;} .service_addrs .list .box h3 em{ display:inline-block; text-align:center;} .service_addrs .list .box.gray{ background-color:#f5f5f5;} .zpNames{ height:70px; line-height:70px; background-color:#f0f1f0; margin-bottom:30px; border-radius:3px;} .zpNames span{ display:inline-block; color:#333; font-size:18px;} .zpNames span.name{ width:29.3%; padding-left:1.8%;} .zpNames span.addr{ width:21%;} .zpNames span.num{ width:19.6%;} .zpNames span.time{ width:23.7%;} .zpBox .item{ position:relative; margin-bottom:30px; cursor:pointer;} .zpBox .name{ position:absolute; left:0; top:0; width:18%; height:100%; background-color:#034094; color:#fff; border-radius:5px; display:table; font-size:18px; padding:0 25px;} .zpBox .name i{ display:table-cell; vertical-align:middle;} .zpBox .con{ padding-left:18.2%;} .zpBox .tit{ display:table; width:100%; } .zpBox .tit span{ display:table-cell; vertical-align:middle; background-color:#f0f1f0; color:#333; font-size:18px;} .zpBox .tit span.addr{ width:40%; padding-left:14.2%;} .zpBox .tit span.num{ width:24.2%;} .zpBox .tit span.time{ width:29%;} .zpBox .tit span.btn em{ display:inline-block; width:40px; height:32px; background:url(../images/ico_zp.png) no-repeat; background-size:contain;} .zpBox .item.active span.btn em{ background-image:url(../images/ico_zp_color.png);} .zpBox .tit span,.zpBox .name{ height:140px;} .zpBox .desc{ margin-top:3px; background-color:#f0f1f0; padding:40px 60px; font-size:16px; line-height:36px; color:#666; display:none; margin-left:18.2%;} .zpBox .desc .box{ margin-bottom:30px;} .zpBox .desc .zpname{ font-weight:bold; margin-bottom:5px;} .zpBox .desc .txt{ padding-left:77px;} .send{ margin-top:50px;} @media screen and (min-width:800px){ .zpBox .item:hover span.btn em{ background-image:url(../images/ico_zp_color.png);} } #aboutwrap{padding-top:22px;} .aboutName{ font-size:36px; font-weight:bold; position:relative; padding-left:56px; letter-spacing:-1px;} .aboutName:before{ display:inline-block; content:''; width:38px; height:32px; background:url(../images/ico_aboutName.png) no-repeat; background-size:contain; margin-right:15px; position:absolute; top:50%; left:0; margin-top:-16px;} .about .intro .item{ font-size:18px!important; line-height:36px; text-align: justify;} .about .intro .item img{ width:100%; border-radius:10px;} .about .intro .item.f-l{ width:48%;} .about .intro .item.f-r{ width:48.8%; padding:0 0 30px 30px;} .about .intro .item.f-r .inner{ position:relative;} .about .intro .item.f-r .inner:after{ display:inline-block; content:''; width:100%; height:100%; background-color:#e8e8e8; position:absolute; right:30px; top:30px; z-index:-1; border-radius:10px;} @-webkit-keyframes warn{ 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 1; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } @keyframes warn{ 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 1; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } .warn{ -webkit-animation-name:warn; animation-name:warn;} @-webkit-keyframes warn2{ 0% { -webkit-transform: scale(1); transform: scale(1); opacity: .25; } 50% { -webkit-transform: scale(1.4); transform: scale(1.4); opacity: 0; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: .25; } } @keyframes warn2{ 0% { -webkit-transform: scale(1); transform: scale(1); opacity: .25; } 50% { -webkit-transform: scale(1.4); transform: scale(1.4); opacity: 0; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: .25; } } .warn2{ -webkit-animation-name:warn2; animation-name:warn2;} @-webkit-keyframes bounceUp{ 0%,20%,50%,80%,100%{-webkit-transform:translateY(0);transform:translateY(0)} 40%{-webkit-transform:translateY(-10px);transform:translateY(-10px)} 60%{-webkit-transform:translateY(-5px);transform:translateY(-5px)} } @keyframes bounceUp{ 0%,20%,50%,80%,100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)} 40%{-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px)} 60%{-webkit-transform:translateY(-5px);-ms-transform:translateY(-5px);transform:translateY(-5px)} } .bounceUp{-webkit-animation-name:bounceUp;animation-name:bounceUp} .vediocontainer{position: relative;border-radius:15px;overflow: hidden;margin-top: 22px;padding-bottom:22px;} .vediobtnnew{width: 200px;height: 200px;background: url(../images/diybtn.png) no-repeat center;background-size: cover; position: absolute;top:50%;margin-top:-110px;left:50%;margin-left:-100px;z-index: 999; } .branch_des{font-size:18px;color:#666666;line-height:36px; text-align:justify;} .branchmap_en > img{display: block;margin-left: auto;margin-right: auto;max-width:1195px;width:100%;} .mapenmob{display:none!important;} .branchmap_en{position: relative;width: 1195px;margin-left: auto;margin-right: auto;} .list-unstyled{padding-left: 0;list-style: none;} .IntManuMapDot li{ position:absolute; cursor:pointer;} .IntManuMap1{left: 57.9%;top: 33.3%;} .IntManuMap2{left: 64.8%;top: 40.47%;} .IntManuMap3{left: 61.65%;top: 47.27%;} .IntManuMap4{left: 63.3%;top: 54.27%;z-index:99;} .IntManuMap5{left: 64.76%;top: 55.46%;} .IntManuMap6{left: 62.43%;top: 58.08%;} .IntManuMap7{left: 40.63%;top: 56.08%;} .IntManuMap8{left: 61.13%;top: 67.18%;} .IntManuMap9{left: 54.73%;top: 76.08%;} .conCir{ width:80px; height:80px; position:relative;} .conCir span{ position:absolute; left:50%; top:50%; width:80px; height:80px; margin:-40px 0 0 -40px; border:1px solid #f15a24; border-radius:50%; animation:warn 2s ease-out both infinite; box-shadow:0 0 5px #f15a24,0 0 10px #f15a24 inset;} .conMapIco{ position:absolute; left:50%; bottom:50%; display:block; width:20px; height:24px; background:url(/en/style/images/mapIco2.png) center bottom no-repeat; background-size:contain; margin-left:-10px; margin-bottom:5px; animation:bounceUp 2s linear infinite;} .conPoint{ position:absolute; left:50%; top:50%; border-radius:50%; display:block; width:8px; height:8px; margin:-4px 0 0 -4px; background:#f15a24;} .conCir span.conCir1{ animation-delay:0s;} .conCir span.conCir2{ animation-delay:.4s;} .conCir span.conCir3{ animation-delay:.8s;} .IntManuMapTag{font-size: 14.36px;color:#000000;position: absolute;right: -23px;top: 24px;} .IntManuMap1 .IntManuMapTag{right: -25px;top: 26px;} .IntManuMap2 .IntManuMapTag{right: -18px;top: 24px;} .IntManuMap3 .IntManuMapTag{right: -70px;top: 21px;} .IntManuMap4 .IntManuMapTag{right: 50px;top: 23px;} .IntManuMap5 .IntManuMapTag{right: -42px;top: 25px;} .IntManuMap6 .IntManuMapTag{right: -45px;top: 25px;} .IntManuMap7 .IntManuMapTag{right:-37px;top: 24px;} .IntManuMap8 .IntManuMapTag{right: -26px;top: 26px;} .IntManuMap9 .IntManuMapTag{right: -54px;top: 22px;} .IntManuMapText{width:570px;padding:33px 33px;background:#3364a7;border-radius:15px;position: absolute;z-index:999; right:95px;top:-175px;display: none; } .IntManuMapText .wm{margin-bottom:25px;} .IntManuMapText .wm:last-of-type{margin-bottom:0px;} .IntManuMapText h3{background: url(../images/star.png) no-repeat left center;padding-left:34px; font-size:18px;color:#fff;font-weight: bold;margin-bottom:30px; } .txtimg img,.txtimg{width:100%;height: auto;} .IntManuMapLine{width:57px;height: 70px;background: url(../images/txtline.png) no-repeat center;position: absolute;right: 39px;top: -26px;display: none; } .IntManuMapDot li:hover .IntManuMapText,.IntManuMapDot li:hover .IntManuMapLine{display: block;} @media (max-width:1366px){ .IntManuMapDot .conCir{ transform:scale(0.6);} .recommend .list_pic .txt, .recommend .list .txt{top: 42.6%;} } @media (max-width:1024){ .IntManuMapDot .conCir{ transform:scale(0.4);} .IntManuMapTag{font-size: 12px;} } .culture .item{ width:49.95%;} .culture .item img{ width:100%; border-radius:10px;} .image-containernew img{display: block;margin-left: auto;margin-right: auto;max-width:100%;} .netul{display: flex;justify-content: space-between;margin-top:50px;margin-bottom:50px;} .netul li{width: 31.69%;height: 223px;border: solid 1px #f0f0f0;border-radius:12px;display: flex; flex-direction: column; align-content: center; justify-content: center; align-items: center; } .netul li strong{font-size:80px;color:#034094;font-weight: normal;padding-right:20px;position: relative; line-height: 65px;} .net_head{font-size: 36px;color:#034094;line-height:36px;} .net_head i{font-size: 25px;font-weight: bold;position: absolute;top:50%;margin-top:-12.5px;line-height:25px;} .net_foot{font-size:20px;color:#333333;margin-top:10px;color:#fff;} .netul li{font-size: 30px;color:#034094;line-height:30px;} .netul li:hover{background:#034094;} .netul li:hover .net_head,.netul li:hover .net_foot,.netul li:hover strong,.netul li:hover{color:#fff;} .coreName span{ display:inline-block; font-size:30px; color:#034094; font-weight:bold; padding:55px 0 25px; position:relative;} .coreName span:before{ display:inline-block; content:''; width:29px; height:33px; background:url(../images/ico_core.png) no-repeat; background-size:contain; position:absolute; top:0;left:50%; margin-left:-14px;} .coreName span:after{ display:inline-block; content:''; width:25px; height:2px; background-color:#f15a24; position:absolute; bottom:0; left:50%; margin-left:-12px;} .coreList{ margin-left:-10px; margin-right:-10px;} .coreList li{ width:25%; padding:0 10px; float:left;} .coreList li .inner{ text-align: justify;border:1px solid #dcdcdc; border-radius:8px; box-shadow:0 5px 5px rgba(190,190,190,.75); padding:0 5%; height:580px;} .coreList li h3{ text-align:center;} .coreList li h3 span{ display:inline-block; font-size:22px; font-weight:bold; padding:40px 0 20px; position:relative;} .coreList li h3 span:before{ display:inline-block; content:''; height:2px; background-color:#034094; box-shadow:0 5px 5px rgba(190,190,190,.75); position:absolute; top:-1px; width:90px; left:50%; margin-left:-45px;} .coreList li p{ font-size:14px; color:#999; line-height:26px; text-indent:0em;} .diy_core_imgs{/*display: flex;align-content: center;justify-content: space-between;flex-direction: row;*/padding-top: 52px; position: relative;} /*.diy_core_imgs .diy_core_item{width:32.64%;}*/ .zhaopin-con{margin-top: 30px;} .ddnew{display: none;} .zhaopin-con-list-con li{margin-top: 16px;cursor:pointer;} .zhaopin-con-list-con dt{height: 86px;background:#fcfcfc;border: solid 1px #f0f0f0;position: relative; padding-left:30px;font-size:24px;color: #034094;line-height:86px;position: relative;border-radius:8px; padding-right:60px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden; } .zhaopin-con-list-con dt:before{content:"";display:block;width: 5px;height:100%;background:#034094;position: absolute;left:0px;top:0px;border-radius:8px 0px 0px 8px;} .zhaopin-con-list-con dt span.tip{position: absolute;right:0px;top: 0px;height:100%;background: url(../images/coresj.png) no-repeat center;width: 20px;right:40px;} .ddnew,.zhaopin-con-list-con .lion dt,.zhaopin-con-list-con .lion{background:#034094;border-radius:8px;} .ddnew{font-size: 18px;color:#fff;line-height:30px;padding-left:30px;padding-right:30px;padding-bottom:30px;} .zhaopin-con-list-con .lion dt{border: solid 1px #034094;} .zhaopin-con-list-con .lion dt{color:#fff;} .zhaopin-con-list-con .lion dt span.tip{background: url(../images/coresjh.png) no-repeat center;} .swiper_core{position: relative;overflow: hidden;} .swiper_core img{max-width:100%;} .diy_core_imgs img{width:100%;height: auto;} .swiper-button-prev,.swiper-button-next{width:45px;height: 80px;position: absolute;top:50%;margin-top:-40px;} .swiper-button-prev{background:rgb(0 0 0 / 60%) url(/en/style/images/sj_prev.png) no-repeat center;left:0px;} .swiper-button-prev:hover{background:rgb(0 0 0 / 80%) url(/en/style/images/sj_prev.png) no-repeat center;} .swiper-button-next{background:rgb(0 0 0 / 60%) url(/en/style/images/sj_next.png) no-repeat center;right:0px;} .swiper-button-next:hover{background:rgb(0 0 0 / 80%) url(/en/style/images/sj_next.png) no-repeat center;} .coreList{position: absolute;background:#fff;z-index: 999;display: none;top:52px;} .coreList.hover{display: block;} .link .con{ width:50%;} .link .con h3{ font-size:20px;} .link .con .txt{ font-size:16px; line-height:40px; color:#666; margin-top:10px;} .diyrelationa{position: relative;display:inline-block;} .diyrelationa:hover .hoverimg { display: block; } .diyrelationa .hoverimg { display: none; position: absolute; left: 0; top: 35px; z-index: 99; border: 1px solid #e5e5e5; } .hoverimg img{display: block;max-width:150px;max-height: 150px;} .link .linkW{font-size:16px; line-height:40px; color:#666; } .link .linkW ul{ margin-top:20px;} .link .linkW li{ display:inline-block; margin-right:40px; text-align:center;} .link .linkW li img{ border:1px solid #e5e5e5;} .link .linkW li span{ display:block; font-size:16px;} .link .pic{ width:45%; padding:10px; background-color:#ecebeb; border-radius:10px;} .link .pic img{ width:100%;} .sitemap .item{ padding-bottom:45px; margin-bottom:40px; border-bottom:1px solid #d9d9d9; overflow:hidden;} .sitemap .item h3{ font-size:30px; margin-bottom:30px;} .sitemap .item dl{ float:left; margin-right:50px; text-align:center; } .sitemap .item dt{ margin-bottom:20px;} .sitemap .item dt a{ display:block; height:45px; line-height:45px; border-radius:45px; border:1px solid #d9d9d9; min-width:158px; font-size:16px; padding:0 40px;} .sitemap .item dt a:hover{ background-color:#f15a24; color:#fff;} .sitemap .item dd{ font-size:16px; margin-bottom:20px;} .sitemap .item dd a:hover{ color:#034094;} .search{ margin-top:70px;} .search h3{ font-size:38px; text-align:center; color:#034094;} .search .box{ width:1100px; margin:50px auto; height:65px; border:1px solid #cfcfcf; border-radius:32px; padding:0 32px;} .search .s_txt{ height:65px; float:left; width:87%; font-size:18px; color:#666;} .search .s_sub{ height:65px; width:8%; float:right; font-size:24px;color:#034094; } .search .result{ text-align:center; font-size:24px; color:#333;} .search .result i{ display:inline-block; color:#034094; margin:0 10px;} .searList{ margin-top:70px;} .searList li{ height:79px; line-height:79px; border-bottom:1px solid #d2d2d2; font-size:18px; overflow:hidden;} .searList li a{ display:inline-block; float:left;} .searList li a:hover{color:#034094;} .searList li span{ display:inline-block; float:right; color:#666;} @media screen and (min-width:800px){ .searList{ min-height:430px;} } .proList,.txtList{ min-height:800px;} .txtDateList,.tzList{ min-height:520px;} .relationMarket .aboutName{margin-bottom:10px;} .relationreports .cNameIntro{margin-bottom:30px;} .relationabout .diycon { padding: 30px; font-size: 16px; color: #666; line-height: 36px; text-align: justify; border: 1px solid #e0e0e0; margin-top:20px; } @media screen and (max-width:1500px) and (min-width:900px){ .about .intro .item{ font-size:17px!important; line-height:28px;} .branch_des{font-size:17px;} .coreList li p{ font-size:14px;} .coreList li .inner{height:743px;} .netul li{font-size:25px;} .about-news .newslist .inner .up{ padding-bottom:27px;} .link .con .txt,.link .linkW{ font-size:15px; line-height:30px;} .newslist.allnews .inner{ margin-bottom:0;} .exp_opt li .z{ padding:44px 20px 0;} .exp_opt li .z span{ font-size:14px; margin-bottom:10px;} .exp_opt li .z p{ font-size:18px;} .pName_first a{width:auto;padding-left:20px;padding-right:20px;margin: 0px 3px;} .zhaopin-con-list-con dt{line-height:64px;height:64px;} .zhaopin-con-list-con dt{font-size:22px;} .ddnew{font-size:17px;} .proList .txt{font-size:18px;} .vediocontainer{margin-top:15px;padding-bottom:15px;} .vediobtnnew{width: 160px;height: 160px;margin-left:-80px;margin-top:-90px;} } @media screen and (max-width:1402px) and (min-width:900px){ .coreList li p{ line-height:27px;} } @media screen and (max-width:1362px) and (min-width:900px){ .exp_opt li .z p{ font-size:16px;} } #footer{ margin-top:90px;} .zpNames span.addr.s_m{ display:none;} @media screen and (max-width:800px){ .share,.zpNames span.num,.zpBox .tit span.num,.zpNames span.addr.s_p{ display:none;} .zpNames span.addr.s_m{ display:inline-block;} body{ padding-top:.93rem;} #footer{ margin-top:.6rem;} .here{ font-size:.22rem; padding:.25rem 0;} .here a, .here em{ margin:0 .06rem;} .recommend .big{ width:100%; padding:0;} .recommend .big .txt span{ font-size:.24rem;} .recommend .big .txt h3{ font-size:.28rem; margin:.15rem 0 .2rem;} .recommend .list{ position:static; width:100%; height:3.53rem; margin-top:.15rem; padding:0;} .recommend .list_pic .txt{ top:43.6%; padding:0 .2rem;} .recommend .txt{padding:0 .2rem;} .recommend .list_pic .txt, .recommend .list .txt{top:30.6%;padding:0 .2rem;} .recommend .list span{ font-size:.2rem;} .recommend .list h3{ font-size:.22rem; line-height:.32rem;} .recommend .list_txt .item .box{ padding:.45rem .2rem 0;} .newslist .item,.newslist .item.s1,.newslist .item.s2{ width:100%; padding:.4rem 0 0; float:none;} .allnews{ margin-top:.2rem;} .allnews .item .inner{ padding-top:0; margin-bottom:0;} .allnews .item.odd{ float:none;} .newsbody.mt30{ margin-top:0;} .newsbody .title.t-c{ text-align:left;} .newsbody .title h3{ font-size:.32rem; line-height:.5rem;} .newsbody .title span{ margin:.15rem .15rem .15rem 0; font-size:.22rem;} .newsbody .detail{ font-size:.24rem; line-height:.38rem; padding:.3rem 0;} .relation{ padding-top:.3rem;} .relation li{ font-size:.24rem; margin-bottom:.15rem; line-height:.36rem;} .pName_first{ margin-top:.6rem;} .pName_first a{ font-size:.27rem; margin:0 .05rem; min-width:1.5rem; width:auto; padding:0 .35rem; height:.5rem; line-height:.5rem; border-radius:.5rem;margin-bottom:10px;} .pName_second{ margin-top:.3rem;} .pName_second a{ font-size:.24rem; padding-bottom:.13rem; margin-right:.15rem; margin-bottom:.15rem;} .aboutSecName{ text-align:left;} .aboutSecName a{ margin-bottom:.2rem; padding:0 .15rem; text-align:center;} .proList{ margin:.3rem -.12rem 0;} .proList li{ width:50%; padding:0 .12rem; margin-bottom:.24rem;} .proList .inner{ padding:.2rem;} .proList .img{ height:2rem;} .proList .tips span{ font-size:.32rem; padding-bottom:.1rem;} .proList .tips span:after{ width:.38rem;} .proList .tips img{ width:75%;} .proList .txt{ font-size:.22rem; line-height:.36rem; height:1.44rem; overflow:hidden; display: flex; align-content: flex-end; justify-content: flex-end; flex-direction: column; align-items: center; } .proList .tips em{ width:.57rem; height:.26rem; top:.1rem;} .othMorePro .tit span{ font-size:.28rem;} .othMorePro .tit a{ font-size:.24rem; margin-top:0;} .othMorePro .list{ margin-top:.3rem;} .othMorePro li{ float:none; width:100%; height:1.6rem; margin-bottom:.3rem;} .othMorePro li p{ padding:.23rem .23rem 0 1.2rem; border-radius:6px; font-size:.24rem; line-height:.36rem;} .proIntro .con .tit{ padding-bottom:0;} .proIntro .img{ width:100%; float:none; padding:0; height:3.95rem;} .proIntro .con{ width:100%; float:none; padding:0; margin-top:.3rem;} .proIntro .con h3{ font-size:.28rem; line-height:.36rem; padding-bottom:.2rem;} .proIntro .con .tit:after, .proDesc .tit:after{ width:1rem;} .proIntro .con .txt, .proDesc .con{ font-size:.24rem; line-height:.38rem; padding-top:.3rem;} .proDesc .tit{ font-size:.28rem; padding-bottom:.15rem; margin-top:.5rem;} .txtList{ margin-top:.35rem;} .txtList li{ overflow:hidden; padding:.25rem 0; margin-bottom:.1rem; font-size:.26rem; line-height:.36rem;} .txtList li span.tit{ width:100%; display:block; margin-bottom:.1rem;} .txtList li span.time{ width:50%; float:left;} .txtList li span.pdf{ width:50%; float:right; text-align:right;} .txtList li span.pdf a{ width:.27rem; height:.27rem;} .ggList{ margin-top:0;} .ggList li span.pdf a{ padding-left:.35rem; width:auto;} .exp_opt li{ width:100%; margin-bottom:.3rem;} .exp_opt li .z { padding:.35rem .2rem 0;} .exp_opt li .z span{ font-size:.22rem; margin-bottom:.2rem;} .exp_opt li .z p{ font-size:.24rem; line-height:.36rem; height:.72rem; overflow:hidden;} .txtDateList{ margin-top:.2rem;} .txtDateList li{ position:relative; margin-bottom:.4rem;} .txtDateList li .con{ padding-left:1.15rem;} .txtDateList li .con h3{ font-size:.28rem; height:.4rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .txtDateList li .con p{ font-size:.24rem; line-height:.38rem; margin-top:.1rem; height:.76rem; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;} .txtDateList li .time{ width:.7rem; } .txtDateList li .time b{font-size:.64rem; padding-bottom:.04rem;} .txtDateList li .time b:after{ width:.45rem; margin-left:-.22rem;} .txtDateList li .time span{font-size:.24rem; margin-top:.1rem;} .tzList{ padding-bottom:.5rem;} .tzList .slick-dots{ bottom:-.5rem;} .cBigName{ font-size:.38rem; margin-top:.4rem;} .cNameIntro{ font-size:.24rem; line-height:.38rem; margin-top:.3rem;} .user_service{ margin-top:.3rem;} .user_service li{ width:100%; margin-bottom:.3rem;} .user_service li .inner{ height:3.2rem;} .user_service li h3{ font-size:.36rem;} .user_service li span{ height:.36rem; line-height:.36rem; border-radius:.36rem; padding:0 .5rem;} .service-w{ width:5.87rem;} .service_addrs .selbox{ padding:.45rem 0; margin-top:.4rem;} .service_addrs .selbox .tit{ font-size:.36rem;} .service_addrs .sel{ margin-top:.3rem;} .service_addrs .sel select{ width:45%; height:.5rem; font-size:.24rem; margin:0 0.5%; padding:0 .3rem; background-size:.2rem .13rem;} .service_addrs .list .box{ padding:.35rem 0 .3rem 15%; border-radius:.1rem; margin-bottom:.3rem;} .service_addrs .list .box h3{ font-size:.28rem; } .service_addrs .list .box .txt{ font-size:.22rem; line-height:.36rem; margin-top:.2rem;} .service_addrs .list .box .txt img{ width:1.49rem;} .service_addrs .list .box h3 span{ width:.42rem; height:.45rem; font-size:.18rem; padding:.04rem .1rem 0 0; left:-11.67%;} .zpBox .item{ margin-bottom:.3rem;} .zpNames{ height:.7rem; line-height:.7rem; margin-bottom:.3rem;} .zpNames span.name{ width:44.3%;} .zpNames span.addr{ width:16.7%;} .zpNames span.time{ width:24.3%;} .zpBox .name{ width:37.4%;} .zpBox .con{ padding-left:37.4%;} .zpNames span,.zpBox .tit span,.zpBox .name{ font-size:.24rem;} .zpBox .tit span.addr{ width:39.6%; padding-left:13.2%;} .zpBox .tit span.time{ width:45%;} .zpBox .tit span.btn em{ width:.4rem; height:.32rem;} .zpBox .tit span,.zpBox .name{ height:1.4rem;} .zpBox .name{ padding:0 .1rem;} .zpBox .desc{ margin-top:3px; padding:.2rem .3rem; font-size:.24rem; line-height:.38rem; margin-left:0;} .zpBox .desc .box{ margin-bottom:.3rem;} .zpBox .desc .zpname{ margin-bottom:.05rem;} .zpBox .desc .txt{ padding-left:.77rem;} .send{ margin-top:.5rem;} .aboutName.mt60,.aboutName.mt30,.coreName.mt50{ margin-top:.3rem;} .about{ margin-top:.4rem;} #aboutwrap{margin-top:0px;} .aboutName{ font-size:.3rem; padding-left:.56rem;} .aboutName:before{ width:.38rem; height:.32rem; margin-right:.15rem; margin-top:-.16rem;} .about .intro .item{ font-size:.24rem!important; line-height:.4rem!important;} .about .intro .item.f-l,.about .intro .item.f-r{ width:100%; float:none;} .about .intro .item.f-r{ padding:0 0 .3rem .3rem; margin-top:.15rem;} .about .intro .item.f-r .inner:after{ right:.3rem; top:.3rem;} .culture .item{ width:100%; margin-bottom:.3rem;} .culture .item.f-l,.culture .item.f-r{ float:none;} .coreName span{ font-size:.3rem; padding:.55rem 0 .25rem; position:relative;} .coreName span:before{ width:.29rem; height:.33rem; margin-left:-.14rem;} .coreName span:after{ width:.25rem; margin-left:-.12rem;} .coreList{ margin-left:-.1rem; margin-right:-.1rem;display: none!important;} .diy_core_imgs{padding-top:20px;} .swiper-button-prev, .swiper-button-next{width:25px;height: 40px;margin-top:-20px;background-size: 10px!important;} .diy_core_imgs .diy_core_item{width:100%;margin-bottom:15px;} .swiper-button-prev, .swiper-button-next{width:25px;height: 40px;margin-top:-20px;background-size: 10px!important;} .coreList li{ width:50%; padding:0 .1rem; margin-bottom:.3rem;} .coreList li .inner{ height:1.2rem; padding:0 5%;} .coreList li h3 span{ font-size:.26rem; padding:.3rem 0 .1rem;} .coreList li h3 span:before{ width:.9rem; margin-left:-.45rem;} .coreList li p{ font-size:.2rem; line-height:.32rem;} .branch_des{font-size:.24rem;line-height: .38rem;} .about-news{ width:100%;} .netul li{width:100%;height: auto;padding:0.2rem;margin-bottom:0.2rem;font-size: 0.3rem;} .netul{ flex-direction: column;margin-top: 0.3rem;margin-bottom: 0.3rem;} .netul li strong{font-size: 0.8rem;line-height: 0.6rem;} .net_head{font-size: 0.36rem;} .net_foot{font-size: 0.24rem;color:#333333;margin-top:0px;} .link .con{ width:100%; float:none;} .link .con h3{ font-size:.28rem;} .link .con .txt{ font-size:.24rem; line-height:.45rem; margin-top:.1rem;} .link .linkW{ font-size:.24rem; line-height:.45rem;} .link .linkW ul{ margin-top:.1rem;} .link .linkW li{ margin-right:.2rem; } .link .linkW li span{ font-size:.2rem;} .link .linkW li img{ width:1.49rem;} .link .pic{ width:100%; float:none; padding:.1rem; margin-top:.2rem;} .sitemap .item{ padding-bottom:.1rem; margin-bottom:.2rem;} .sitemap .item h3{ font-size:.3rem; margin-bottom:.3rem;} .sitemap .item dl{ margin-right:.1rem;} .sitemap .item dt{ margin-bottom:.2rem;} .sitemap .item dt a{ height:.45rem; line-height:.45rem; border-radius:.45rem; min-width:1rem; font-size:.24rem; padding:0 .35rem;} .sitemap .item dd{ font-size:.22rem; margin-bottom:.2rem;} .proList,.txtList{ min-height:8rem;} .txtDateList,.tzList{ min-height:5.2rem;} .search{ margin-top:.7rem;} .search h3{ font-size:.45rem;} .search .box{ width:100%; margin:.5rem auto; height:.65rem; border-radius:.32rem; padding:0 .32rem;} .search .s_txt{ height:.65rem; font-size:.22rem; width:84%;} .search .s_sub{ height:.65rem; font-size:.20rem; width:15%; text-align:right;} .search .result{ font-size:.28rem;} .search .result i{ margin:0 .1rem;} .searList{ min-height:3.6rem; margin-top:.7rem;} .searList li{ height:.79rem; line-height:.79rem; font-size:.24rem;} .searList li a{ width:76.5%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .branchmap_en{width:100%;} .IntManuMapDot li:hover .IntManuMapText,.IntManuMapDot li:hover .IntManuMapLine,.mapenpc,.IntManuMapDot li{display:none!important;} .mapenmob{display:block!important;} .zhaopin-con-list-con dt{line-height:45px;height:45px;font-size:18px;padding-left:18px;padding-right:40px;} .zhaopin-con-list-con dt span.tip{right:15px;} .ddnew{padding-left:18px;padding-right:18px;font-size:16px;} .vediocontainer{padding-bottom:0px;} .vediobtnnew{width: 60px;height: 60px;margin-left:-30px;margin-top:-30px;} }