@font-face{font-family:'HarmonyOS_Sans_SC_Regular';src: url('../fonts/HarmonyOS_Sans_SC_Regular.ttf');} body{font-family:'HarmonyOS_Sans_SC_Regular';} /*.Top002490 */ .Top002490{ position:fixed; padding-top:12px; left:0; top:0; width:100%; z-index:105; transition: 0.5s} .Top002490.hover{background: rgba(0,0,0,0.5)} .Top002490 header{ } .Top002490 .header-left{width:32%;} .Top002490 .header-left img{ } .Top002490 .header-menu li em a{line-height:80px; font-size:18px;color:#fff;} .Top002490 .header-menu li em a:hover{ color:#fff;} .Top002490 .header-menu li.aon em a{color:#fff;} .Top002490 .header-menu li.aon em a:after{content:'';width: 46px;height: 3px;background: #fff;display: block;margin:0 auto;margin-top:0px;} .Top002490 .header-menu li .sub{ overflow: inherit;width: 190px; margin-left: -95px;} .Top002490 .header-menu li .sub dl{padding:0;background: none;} .Top002490 .header-menu li .sub dt{background: rgba(255,255,255,0.25);margin-bottom:1px;padding: 0; position:relative} .Top002490 .header-menu li .sub dt a{color:#fff;font-size: 16px;line-height:40px} .Top002490 .header-menu li .sub dt.on >a, .Top002490 .header-menu li .sub dt a:hover{background:#0052d9} .Top002490 .header-menu li .sub dt .nav{ position:absolute; left:190px; top:0;width:190px; padding-left:1px; display:none; background-color:#000;} .Top002490 .header-menu li .sub dt .nav a{background: rgba(255,255,255,0.25);margin-bottom:1px;} .Top002490 .header-menu li .sub dt .nav a:hover{background:#0052d9} .Top002490.hover .header-menu li .sub dt{background: rgba(0,0,0,0.2)} @media(min-width:1025px){ .Top002490 .header{display:table; width:100%;max-width: 1600px; border-radius:5px;} .Top002490 .header > *{ display:table-cell; vertical-align:middle;} .Top002490 .header-mid{ width:57%;} .Top002490 .header-right{ position:relative; width:21.5%;} } @media(max-width:1600px){ .Top002490 .header{ padding:0 3%;} } @media(max-width:1340px){ .Top002490 header{ padding:0 2%;} } .Top002490 .top-language, .Top002490 .top-search, .Top002490 .top-shop{ float:right;} .Top002490 .top-search{ padding:0 0 0 15px;display: block;position: initial;} .Top002490 .btn-open-search{ display:block; cursor:pointer; width:28px; height:28px; overflow:hidden; line-height:1000px; background:url(../images/Top002490-search.png) no-repeat center center;} .Top002490 .top-search-box{ position:absolute; right:0; top:100%; background: rgba(255,255,255,.9); border-radius: 18px 0 18px 0; width:315px; padding:10px; margin-top:1px; display:none;} .Top002490 .top-search-box::before{ position:absolute; content:''; border:10px solid transparent; border-bottom-color:rgba(255,255,255,0.9); right:12px; top:-20px;} .Top002490 .top-search-box *{ line-height:30px;height:30px;border-radius:0 3px 3px 0;} .Top002490 .top-search-box .text{ width:100%; border:1px solid #ccc; padding:0 75px 0 10px;} .Top002490 .top-search-box .btn{ position:absolute; top:10px; right:10px; text-align:center; color:#fff; width:65px; background:#0052d9; } .Top002490 .top-language a{ display:block; float:left; width:28px; line-height:28px; text-align:center; margin-left:10px;color:#fff;} .Top002490 .top-language a:hover, .Top002490 .top-language a.on{ color:#fff; border-radius:50%;background:#0052d9;} .Top002490 .top-shop{ padding:0 10px 0 0 ;} .Top002490 .top-shop .icon{ display: block; width: 28px;height: 28px;background: url(../images/shop.png) no-repeat center center;background-size:auto 24px;} @media(max-width:1024px){ .Top002490{ position:relative; top:auto; padding-top:0; margin-top:30px;} .Top002490 .logo{ padding:2% 55% 2% 0; } .Top002490 .logo img{height:auto; max-height:42px;} .Top002490 .top-language{ position:absolute; right:0; width:100%; top:-30px;background:#20979b; height:30px; padding:5px; text-align:right; } .Top002490 .top-language a{float:none; display:inline-block; background:#fff !important; color:#20979b !important; line-height:20px; padding:0 10px; width:auto; border-radius:0 !important;} .Top002490 .top-search{ position:absolute; right:2%; margin-right:40px; top:50%; margin-top:-20px;} .Top002490 #open_menu{ top:50%; margin-top:-20px;} .Top002490 #open_menu.open_menu_on{ margin-top:0; top:-20px;} .Top002490 .btn-open-search{ width:40px; height:40px; border-radius:50%; border:2px solid #20979b;} .Top002490 .top-search-box{ right:-40px;} .Top002490 .top-search-box::before{ display:none;} } @media(max-width:480px){ .Top002490 #open_menu, .Top002490 .btn-open-search{ width:32px; height:32px;} .Top002490 .btn-open-search{ background-size:18px;} } /*Banner002826 */ .Banner002826{position: relative; z-index: 1;} /*鏂规硶4*/ /*.Banner002826 li.slick-slide{position: relative;} .Banner002826 li.slick-slide img{display: block;width: 100%;} .Banner002826 li.slick-slide video{position: absolute; z-index: 10; left: -100%; top: -100%; min-height: 100%; min-width: 100%; opacity: 0; transition: 0.3s;} .Banner002826 li.video-show video{left: 50%;opacity: 1;top: 50%; transform: translate(-50%,-50%);} .Banner002826 li.slick-slide .open-video{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3) url(../images/Banner002826_play.png) no-repeat center center;background-size: auto 50px; z-index: 20;transition: 0.3s;} .Banner002826 li.video-show .open-video{opacity: 1;} @media(min-width:1025px){ .Banner002826 li.slick-slide img.wap{display: none;} } @media(max-width:1024px){ .Banner002826 li.slick-slide img.pc{display: none;} }*/ /*鏂规硶1锛?锛?*/ .Banner002826 li.slick-slide{position: relative;} .Banner002826 li.slick-slide img{display: block;width: 100%;} .Banner002826 li.slick-slide video{position: absolute; z-index: 10; left: 50%; top: 50%; transform: translate(-50%,-50%);min-height: 100%; min-width: 100%;} .Banner002826 .info{position: absolute; width: 100%; padding:0 3%; top:40%; transform: translateY(-50%); color: #fff; transition: 0.5s} .Banner002826 .info .txt{max-width: 1600px;} .Banner002826 .info h3{font-size: 2.34375vw} .Banner002826 .info p{font-size: 1.5625vw} .Banner002826 li.slick-slide.slick-current .info{ top: 50%} @media(min-width:1025px){ .Banner002826 li.slick-slide img.wap{display: none;} } @media(max-width:1024px){ .Banner002826 li.slick-slide img.pc{display: none;} .Banner002826 li.slick-slide video{left: -100%;top: 100%; opacity: 0;} .Banner002826 li.slick-slide .open-video{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3) url(../images/Banner002826_play.png) no-repeat center center;background-size: auto 50px; z-index: 20;} .Banner002826 li.video-show .open-video{left: -100%;opacity: 0; transform: translateX(-100%);} .Banner002826 li.video-show video{left: 50%; top: 50%; opacity: 1;} } /*鏂规硶5 娣诲姞鎾斁鎸夐挳+寮圭獥*/ /*.Banner002826 .open-video{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3) url(../images/Banner002826_play.png) no-repeat center center;background-size: auto 50px; z-index: 20; cursor: pointer;} .video-openbox{position:fixed;left:0;height:100%;width:100%; z-index:500;background:rgba(0,0,0,0.5); top:0;} .video-openbox .ytable{height: 100%;} .video-openbox .close{position: absolute;right: 20px;top: 20px; width: 30px; height: 30px; cursor: pointer; z-index: 10; cursor: pointer;} .video-openbox .close:before, .video-openbox .close:after{position: absolute;width: 100%; left: 0; top: 50%; height: 3px; margin-top: -1.5px; background: #fff; content: '';transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);} .video-openbox .close:after{transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);} .video-openbox video{max-width: 1200px; margin: 0 auto;display: block;}*/ .slick-slider {position: relative;display: block;-webkit-touch-callout: none;-ms-touch-action: pan-y; touch-action: pan-y;-webkit-tap-highlight-color: transparent} .slick-list { position: relative; z-index: 1;display: block; overflow: hidden;} .slick-list:focus {outline: none} .slick-list.dragging {cursor: pointer;cursor: hand;} .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0)} .slick-track {position: relative; top: 0; left: 0; display: block;} .slick-track:before, .slick-track:after{display: table; content: '';} .slick-track:after{ clear: both;} .slick-loading .slick-track { visibility: hidden;} .slick-slide{ display: none; float: left; min-height: 1px;} [dir = 'rtl'] .slick-slide {float: right;} .slick-slide .slick-loading img { display: none;} .slick-slide .dragging img { pointer-events: none;} .slick-initialized .slick-slide { display: block;} .slick-loading .slick-slide { visibility: hidden;} .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent;} .slick-arrow .slick-hidden { display: none;} .Banner002826 .slick-dots{position: absolute; left: 50%; transform: translate(-50%,0); bottom: 11%;overflow: hidden; z-index: 10;} .Banner002826 .slick-dots li{float: left; width: 16px; height: 16px;position: relative; border-radius: 50%;border: 2px solid #fff; cursor: pointer;} .Banner002826 .slick-dots li:not(:last-child){margin-right: 18px;} .Banner002826 .slick-dots li:before{position: absolute; left: -1px; top: -1px; right: -1px; bottom: -1px; border-radius: 50%;background: #fff; transition: 0.3s;content: '';} .Banner002826 .slick-dots li.slick-active:before{transform: scale(0);-webkit-transform: scale(0);-ms-transform: scale(0);} .Banner002826 .slick-dots li button{display: none;} @media(max-width:640px){ .Banner002826 .slick-dots li{width: 10px; height: 10px;} .Banner002826 .slick-dots li:not(:last-child){margin-right: 4px;} } .banner{position: relative} .banner .info{position: absolute; width: 100%;top:50%; padding:0 3%; transform: translateY(-50%); color: #fff; transition: 0.5s} .banner .info .txt{max-width: 1600px;font-size: 1.5625vw} .h-title{margin-bottom:40px;} .h-title h2{color:#333;margin:0;font-size:42px;} .h-title h2:after{content:'';width:34px;height: 3px;background:#0052d9;display: block;margin-top:18px;} /* .Floor002396 涓篸emo缂栧彿 */ .Floor002396{ background:#f0f2f8;padding-bottom:5%;padding-top:9%;} .Floor002396 .auto{ max-width: 1600px; margin: 0 auto; background: #fff;} @media only screen and (max-width:1470px ) { .Floor002396{ padding-left: 15px; padding-right: 15px;} } .Floor002396 .box{ float: left; width: 50%; } .Floor002396 .box .box-con{} .Floor002396 .box .box-inner{ max-width: 721px;padding:0 9px 0 75px;} .Floor002396 .box .box-inner ul{ padding-top: 5%;} .Floor002396 .box .box-inner p{font-size:16px;line-height: 30px;text-align: justify;margin:0px 0;} .Floor002396 .box .Tithead{ font-size: 36px;font-weight: bold; color: #333;} .Floor002396 .box .Tithead:after{ content: ""; display: block; width: 34px; margin-top: 20px; height: 3px; background: #0052d9;} .Floor002396 .box .nafter:after{ display: none;} .Floor002396 .box .bglogo{height: 74px;position: relative;} .Floor002396 .box .bglogo:after{content:'';width:337px;height: 200px;background: url(../images/logobg.png) no-repeat left center/410px;display: block;position: absolute;right:0;opacity: 0.45} .Floor002396 .box .bglogo{} .Floor002396 .box figure{ font-size: 22px; line-height: 34px; color: #333; overflow: hidden; margin: 0 0 25px;} .Floor002396 .box-why{ padding-bottom: 64px; } .Floor002396 .box-why .box-inner ul{ padding-top: 20px;} .Floor002396 .box-why ul{ margin: 0 -2%;} .Floor002396 .box-why ul li{ float: left;margin-right:12%;} .Floor002396 .box-why ul li:nth-child(4){} .Floor002396 .box-why ul li .counter{font-size:50px;font-weight: bold;color:#0052d9;position: relative;} .Floor002396 .box-why ul li .counter sup{font-size:26px;position: absolute;margin-left:6px;} .Floor002396 .box-why ul li .counter sub{position: absolute;font-size:22px;bottom:8px;margin-left:3px;min-width:80px;} .Floor002396 .box-why ul li span{ display: block; font-size: 16px; color: #666; margin-top: 1px;} .Floor002396 .box-about .box-con{ margin-top: -75px; position: relative; z-index: 99; background: #fff;} .Floor002396 .box-about .box-inner{ padding-top: 55px; padding-bottom: 55px;padding-right:51px;} .Floor002396 .box-about .box-inner ul{ padding-top: 0%; margin: 0 -4%;} .Floor002396 .box-about ul li{ float: left; padding: 0 4%;} .Floor002396 .box-about ul li dl{ border-radius: 50%; border: 1px solid #eee; padding: 15px 0;width: 88px; height: 88px; text-align: center;} .Floor002396 .box-about ul li img{ max-width: 28px;} .Floor002396 .box-about ul li b{ display: block; font-size: 16px; color: #333; padding-top: 5px;font-weight: normal;} .Floor002396 .box-about .Tit{ padding: 15px 0; border-top:1px solid #e5e5e5; margin: 2% 55px 0;} .Floor002396 .box-about .Tit .more{ float: right; background: url(../images/Floor002396-more.png) no-repeat center; display: block; width: 24px; height: 20px;} .Floor002396 .box-about .Tit .more:hover{ background-image: url(../images/Floor002396-more_hover.png);} @media only screen and (max-width:1199px ) { .Floor002396 .box .bglogo{ height: 138px; background-size: auto 100%; } .Floor002396 .box .box-inner{padding:0 30px;} .Floor002396 .box-about .box-inner{ padding-top: 30px;padding-bottom: 30px;} .Floor002396 .box-about .Tit{ margin-left: 30px; margin-right: 30px;} .Floor002396 .box-why{ padding-bottom: 0;} .Floor002396 .box-about .box-inner ul{ margin: 0 -2%;} .Floor002396 .box-about ul li{ padding: 0 2%;} .Floor002396 .box-about ul li dl{ width: 70px; height: 70px; padding: 10px 0;} } @media only screen and (max-width:1024px ) { .Floor002396 .box .bglogo{ height: 75px;} .Floor002396 .box-about ul li dl{ width: 60px; height: 60px; padding: 5px 0;} } @media only screen and (max-width:767px ) { .Floor002396 .box{ float: none; width: 100%;} .Floor002396 .box .bglogo{ height: 50px;} .Floor002396 .box .box-inner{padding:0 15px;} .Floor002396 .box-about .box-inner{ padding-top: 15px;padding-bottom: 15px;} .Floor002396 .box-about .Tit{ margin-left: 15px; margin-right: 15px;} .Floor002396 .box-why{ padding-bottom: 10%; background-size: 15%;} .Floor002396 .box-about .box-con{ margin-top: 0;} .Floor002396 .box-about ul li dl{ width: 50px; height: 50px;} .Floor002396 .box-about ul li img{ width: 28px;} .Floor002396 .box-about ul li b{ padding-top: 0;} } /*Floor003174 */ .Floor003174{padding:0 0 9%; overflow: hidden;} .Floor003174 .auto{position: relative;z-index: 1;} .Floor003174 .tab{text-align: center;margin-top:3%;margin-bottom:3%;} .Floor003174 .tab a{font-size:22px;margin:0 2%; display: inline-block;padding-bottom:12px;color:#333;} .Floor003174 .tab a.on{color:#0052d9;border-bottom:2px solid #0052d9;} .Floor003174 .title{font-size: 2.625em;color: #333;margin-bottom: 1.90476em;} .Floor003174 .list{position: relative;z-index: 5;} .Floor003174 .list li{position: relative;} .Floor003174 .list li.more{background: url(../images/Floor003174-morebg.png) no-repeat center;background-size: cover;} .Floor003174 .list li.more a{position: absolute;width: 100%; left: 0;top: 0;height: 100%;z-index: 4;;} .Floor003174 .list li.more span{position: absolute;color: #fff;left: 0;width: 100%;bottom: 3.75em;text-align: center; background: url(../images/Floor003174-more.svg) no-repeat center top; padding-top: 3.625em;background-size: auto 2.375em;} .Floor003174 .list li.more .img-bg{padding-bottom: 328.759%;} .Floor003174 li .img-bg{padding-bottom: 105.352%; transition: 0.3s;} .Floor003174 li a:hover .img-bg{} .Floor003174 li .pic{position: absolute;width: 90%; right: -28.109%; bottom: -4.375em; transform: translateY(0);transition: 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);} .Floor003174 li .txt{position: absolute;left: 0;top: 0;width: 100%;color: #fff;padding: 4em;} .Floor003174 li .en{font-size: 4em;letter-spacing: 1px; color: #f6f5f5;line-height: 0.734375; margin-bottom: 1.171875em;} .Floor003174 li .cate-name{font-size: 38px; margin-bottom:15px;} .Floor003174 li .span{opacity: 0.8; font-size: 15px;line-height: 1.71428;width: 68%;display: block;} .Floor003174 li pre{opacity: 0.5; font-size: 0.875em;line-height: 1.71428;width: 60%;} .Floor003174 li a:hover .pic{transform: translateY(-3em);} @media (max-width:1600px) { .Floor003174 li .en{font-size: 3em;} } @media (min-width:1025px) { .Floor003174 .list{width: 110%;} .Floor003174 .list li{float: left;} .Floor003174 .list li:not(.more){width: 22.023%;} .Floor003174 .list li.more{width: 6.591%; } .Floor003174 .list li:not(.more){margin-right: calc((100% - 22.023% * 3 - 6.591%) / 3);} .Floor003174 .list li:nth-child(2n){ margin-top: 5.25em;} } @media (max-width:1024px) { .Floor003174 .en-title{font-size: 6em;} .Floor003174 li{ margin-bottom:4em;} .Floor003174 li .pic{bottom: -2em;width: 60%;} .Floor003174 li:nth-child(2n-1){margin-right: 23%;} .Floor003174 li:nth-child(2n){margin-left: 23%;} .Floor003174 li:nth-child(2n) .txt pre, .Floor003174 li:nth-child(2n) .txt{text-align: right;} .Floor003174 li:nth-child(2n) .txt pre{width: auto;padding-left: 40%;} .Floor003174 li:nth-child(2n) .pic{right: auto;left: -28.109%;} .Floor003174 li.more{margin: 0; padding: 1em 0;} .Floor003174 .list li.more span{position: relative; bottom: auto;display: block;} .Floor003174 .list li.more span br{display: none;} .Floor003174 .list li.more .img-bg{padding: 0;} } /*Floor003090 */ .Floor003090{font-size: 16px;overflow: hidden;padding-bottom:5%;} .Floor003090 .h-title h2{color:#fff;} .Floor003090 .h-title h2:after{background:#fff;} .Floor003090 pre{} .Floor003090 .auto{position: relative;max-width: 1600px;} .Floor003090 .bg{position: absolute;right: 0; top: 0; height: 100%;width: 110%;z-index: -1;} .Floor003090 .intro{position: relative;z-index: 1;color: #fff;padding: 6% 0 4%;} .Floor003090 .title{font-size: 38px;} .Floor003090 .title .en{font-size: 1.579em; line-height: 0.8667; text-transform: uppercase; margin-bottom: 0.6em;} .Floor003090 .title pre{line-height: 1.75;font-size: 0.421em;} .Floor003090 .play-video pre{font-size: 24px;} .Floor003090 .play-video .btn{display: block;background: url(../images/Floor003090-play.png) no-repeat; width: 36px; height: 36px; margin-bottom: 20px; cursor: pointer;} .Floor003090 .slider li a{display: block; overflow: hidden;position: relative;} .Floor003090 .slider li .Ispic{padding-bottom: 81.912%;} .Floor003090 .slider li .pic{position: relative;} .Floor003090 .slider li .pic .hover{position: absolute; left: 0; top: 0; width: 100%; z-index: 3; height: 100%; padding: 0; opacity: 0;transition: 0.3s;} .Floor003090 .slider li .txt{position: absolute;padding: 2.08vw;left:0; bottom: 0; z-index: 10; width: 100%;} .Floor003090 .slider li .tit{font-size: 26px; margin-bottom: 1.2vw;} .Floor003090 .slider li pre{line-height: 1.75;transition: 0.3s;color:#666;width:80%;} .Floor003090 .slider li a:hover .txt pre{margin-bottom: 3.3vw;} .Floor003090 .slider li a:not(:hover) .tit{color: #333;} .Floor003090 .slider li a:hover{color: #fff;} .Floor003090 .slider li a:hover .pic .hover{opacity: 1;} .Floor003090 .slider li a:hover pre{color:#fff;} .Floor003090 .more{display: inline-block;line-height: 40px; border-radius: 40px;background: #fff;color: #0052d9; transition: 0.3s;padding: 4px 22px; opacity: 0;} .Floor003090 .more:after{display: inline-block; content: '';background: url("../images/Floor003090-more.svg") no-repeat; width: 5px; height: 10px; margin-left: 22px; vertical-align: middle;} .Floor003090 .slider li a:hover .more{opacity: 1;} .Floor003090 .but{padding-top: 0vw;margin-right:4%;position: absolute;right:0; top:60%;} .Floor003090 .but .slick-arrow{cursor: pointer;padding: 0; border: 0;border-radius: 50%;background: url("../images/Floor003090-more.svg") no-repeat center center/6px #f8f9fb; width: 50px; height: 50px; transition: 0.3s;} .Floor003090 .but .slick-prev{margin-right: 20px;transform: rotateY(180deg);} .Floor003090 .but .slick-arrow:hover{background-color: #fff;} @media(min-width:1025px){ .Floor003090 .play-video{position: absolute;right: 0; top: 50%;transform: translateY(-50%); right: 7.76vw;} } @media(min-width:1601px){ .Floor003090 .slider{width: 110%;} } @media(max-width:1600px){ .Floor003090 .slider{width: 102%;} } @media(min-width:1025px) and (max-width:1600px){ .Floor003090 .title{font-size: 2.375vw;} } @media(max-width:1024px){ .Floor003090 .title{font-size: 5vw; margin-bottom: 1em;} .Floor003090 .slider li .txt{padding: 5vw;} .Floor003090 .intro{padding-left: 5vw; padding-right: 5vw;} .Floor003090 .play-video pre{font-size: 4.5vw;} } @media(max-width:480px){ .Floor003090 .title pre{white-space: inherit;} .Floor003090 .but .slick-arrow{width: 10vw;height: 10vw;} .Floor003090 .but .slick-prev{margin-right: 5vw;} } .video-box{ position:fixed; top:0; left:0; width:100%; height:100%; z-index:300; background:rgba(0,0,0,0.85);} .video-box .close{ cursor:pointer; width:40px; height:40px; position:fixed; z-index:4; right:20px; top:20px;} .video-box .close::before, .video-box .close::after{ position:absolute; content:''; width:80%; left:10%; height:3px; top:50%; margin-top:-1.5px; background:#fff; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);} .video-box .close::before{ transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);} .video-box .ytable{height: 100%;} .video-box .ytable-cell{ text-align:center;} .video-box video{ width:90%; max-width:900px;} .h-more{margin-top:45px;} .h-more a{font-size:16px;border:1px solid #0052d9;padding:12px 40px 12px 28px;display: inline-block;color:#0052d9;border-radius: 40px;background: url(../images/Floor003090-more.svg) no-repeat center right 28px;} .biaodan{background:#0a41a1;background:url(../images/adbg.jpg) no-repeat center center/cover; padding:3.5% 22%;} .biaodan .auto{max-width:1600px;margin:0 auto;position: relative;text-align: center} .biaodan .h-title h2{text-align: center;color:#fff;} .biaodan .h-title h2:after{margin:15px auto 0;background:#fff;} .biaodan dl{} .biaodan dl dd{width:49%;float:left; margin-right:2%; margin-bottom:15px;} .biaodan dl dd:nth-child(2){margin-right:0;} .biaodan dl dd input{width:100%;display: block;border:none; background:rgba(255,255,255,0.1); border-radius: 4px; padding: 0 17px;font-size: 15px;line-height: 45px; color: #fff;} .biaodan .dl2 dd{width:100%;float:none;} .biaodan .dl2 textarea{width:100%;height: 140px; display: block; border:none; background:rgba(255,255,255,0.1);border-radius: 4px; padding: 0 17px;font-size: 15px;line-height: 43px; color: #fff;} .biaodan dl dd input::-webkit-input-placeholder{color:rgba(255,255,255,0.8);} .biaodan dl dd input::-moz-placeholder{} .biaodan dl dd input:-ms-input-placeholder {} .biaodan dl dd textarea::-webkit-input-placeholder{color:rgba(255,255,255,0.8);} .biaodan .btn{width: 135px;height: 45px;color: #fff;background: #0052d9;font-size: 16px;border: 0;cursor: pointer;border-radius: 50px;margin-top:20px;} /*Bottom002887 */ .Bottom002887{background:#212121;padding-top:1%;} .Bottom002887, .Bottom002887 a{color: #fff;} .Bottom002887 .auto{max-width: 1600px; width:94%;} .Bottom002887 .copyright{padding: 20px 0;border-top: 1px solid rgba(255,255,255,0.1);line-height: 30px;color:rgba(255,255,255,0.6);} .Bottom002887 .copyright a{color:rgba(255,255,255,0.6);} .Bottom002887 .copyright .fr{overflow: hidden;} .Bottom002887 .copyright .fr a{float: left;height: 30px;} .Bottom002887 .copyright .fr a{display: inline-block;} .Bottom002887 .copyright .fr a:not(:last-child):after{margin: 0 20px;content: ''; display: inline-block; width: 1px; height: 12px; vertical-align: middle;background: rgba(255,255,255,0.2);} .Bottom002887 .b_link{margin-bottom: 26px; line-height: 24px;} .Bottom002887 .b_link .fr{position: relative; padding-left: 70px;} .Bottom002887 .b_link .fr span{position: absolute; left: 0; top: 0;} .Bottom002887 .b_link .fr a{margin-left: 25px;display: inline-block;} .Bottom002887 .b_link .fl a{display: inline-block;} .Bottom002887 .b_link .fl a:not(:last-child):after{margin: 0 20px;content: ''; display: inline-block; width: 1px; height: 12px; vertical-align: middle;background: rgba(255,255,255,0.2);} .Bottom002887 .code{max-width: 110px; margin: 0 auto;} .Bottom002887 .code li{float: left; width: 100%; text-align: center;} .Bottom002887 .code li:nth-child(2n){float: right;} .Bottom002887 .code li aside{color: rgba(255,255,255,0.5); margin-top: 10px;} .Bottom002887 .code li img{border-radius: 4px; display: block; width: 100%;} .Bottom002887 .b_nav{padding: 4% 0 5% 0;} .Bottom002887 .b_nav .tit{font-size: 18px;} .Bottom002887 .b_nav nav dd{line-height: 29px;font-size:15px;} .Bottom002887 .b_nav nav dd a{color: rgba(255,255,255,0.6);} .Bottom002887 .b_nav nav dd a:hover{color: #fff;} .Bottom002887 .contact .call{font-size: 36px;} .Bottom002887 .contact p{margin-top: 10px; opacity: 0.6;-webkit-opacity: 0.6;} @media(min-width:641px){ .Bottom002887 .b_nav nav .item{float: left; max-width: 120px;} .Bottom002887 .b_nav .tit{padding-bottom: 24px; } .Bottom002887 .b_nav nav .item dl{display: block!important;} } @media(min-width:1025px){ .Bottom002887 .b_link > div{max-width: 48%;} .Bottom002887 .code{width: 8%;} .Bottom002887 .b_nav nav{width:58%;} .Bottom002887 .contact{width: 30.5%;padding: 0 2% 0 5%; } } @media(max-width:1024px){ .Bottom002887 .contact, .Bottom002887 .code .tit{text-align: center;} .Bottom002887 .contact{padding: 20px 0;} } @media(max-width:640px){ .Bottom002887 .b_nav nav .item{margin: 0!important;border-bottom: 1px solid rgba(255,255,255,0.1);} .Bottom002887 .b_nav nav .item dl{display: none; padding-bottom: 20px;} .Bottom002887 .b_nav .tit{padding: 20px 0; } .Bottom002887 .b_nav nav .tit{position: relative;z-index: 1;padding-right: 40px;} .Bottom002887 .b_nav nav .tit i{position: absolute; right: 0; top: 50%; width: 20px; height: 20px; margin-top: -8px;transition: 0.3s;} .Bottom002887 .b_nav nav .tit i.on{transform: rotate(45deg);} .Bottom002887 .b_nav nav .tit i:before, .Bottom002887 .b_nav nav .tit i:after{position: absolute; content: ''; left: 50%; top: 50%;transform: translate(-50%,-50%);background: #fff;} .Bottom002887 .b_nav nav .tit i:before{width: 50%; height: 2px;} .Bottom002887 .b_nav nav .tit i:after{width: 2px; height: 50%;} .Bottom002887 .b_nav nav dd{padding: 5px 0;} .Bottom002887 .code{max-width: 280px;} .Bottom002887 .code li img{width: 80%; margin: 0 auto;} } /*Floor002915 */ .Floor002915{overflow: hidden; padding: 5% 0 5%; font-size: 16px;text-align: center;max-width:1600px;margin: 0 auto;background:#0052d9;background:url(../images/Floor002915-bg.jpg) no-repeat; margin-top:-80px;} .Floor002915 .auto{max-width:880px; width: 96%;} .Floor002915 .h-title{} .Floor002915 .h-title h2{color:#fff;} .Floor002915 .h-title h2:after{margin:18px auto 0;background:#fff;} .Floor002915 .form{position: relative;padding-right: 150px; overflow: hidden; border-radius: 5px;} .Floor002915 .form .btn{position: absolute;right: 0; top: 0; width: 150px; height: 56px; color: #fff;background: #0052d9; font-size: 16px; border: 0; cursor: pointer;} .Floor002915 .form .text{width: 100%;line-height: 56px; height: 56px;background: #f8f9fb; border: 0;padding: 0 20px;font-size:16px;} .Floor002915 .tips{padding-top: 2.66vw;color: #999;} ::-webkit-input-placeholder{color: #999;} ::-moz-placeholder{color: #999;} :-ms-input-placeholder {color: #999;} @media(max-width:640px){ .Floor002915 .form{padding-right: 30%; margin: 2vw 0;} .Floor002915 .form .btn{ height: 12vw;width: 30%;} .Floor002915 .form .text{line-height: 12vw; height: 12vw;} .Floor002915, .Floor002915 .form .btn{font-size: 3.5vw;} } /*Floor002912 */ .Floor002912{padding:4% 0 5%; overflow: hidden;} .Floor002912 .h-title{text-align: center;} .Floor002912 .h-title h2{} .Floor002912 .h-title h2:after{margin:18px auto 0;} .Floor002912 .auto{max-width: 1600px; width: 96%;} .Floor002912 .tab{width:100%;text-align: center;} .Floor002912 .tab a{font-size:16px;border:1px solid #e4e9f3;min-width:132px;border-radius: 50px; line-height: 45px; text-align: center;display: inline-block;margin:0 1%; color:#333;} .Floor002912 .tab a.on{color:#fff;background:#0052d9;border:1px solid #0052d9;} .Floor002912 .form{position: relative;padding-right: 118px; overflow: hidden; border-radius: 80px;width:38%;margin:0 auto 2.5%;} .Floor002912 .form .btn{position: absolute;right: 0; top: 0; width: 134px; height: 50px; color: #fff;background: #0052d9; font-size: 15px; border: 0; cursor: pointer;} .Floor002912 .form .text{width: 100%;line-height: 50px; height: 50px;background: #f8f9fb; border: 0;padding: 0 20px;font-size:15px;} .Floor002912 .slider{position: relative;z-index: 1;} .Floor002912 .slider.hide{height: 0; overflow: hidden} .Floor002912 .slider .box{overflow: hidden;} .Floor002912 .slider .box li.slick-slide{padding: 2.5vw 0 0 0;} .Floor002912 .slider .box li.slick-slide a{display: block;margin: 0 2vw; padding: 5vw 0vw 4.8vw; text-align: center;color: #666;border-bottom:1px solid #e4e9f3;border-radius: 4px} .Floor002912 .slider .box li.slick-slide a:hover{background:#0043b3;} .Floor002912 .name{font-size: 24px; text-transform: uppercase; color:#333; transition: 0.3s;margin-top:50px;} .Floor002912 .name span{margin-left:10px;} .Floor002912 p{font-size:15px;line-height: 27px;margin-bottom:0;padding:0 12%;} .Floor002912 a:hover .name{} .Floor002912 a:hover .name aside{color:#fff;} .Floor002912 a:hover .name aside span{display: block;font-size: 0.5em;line-height: 1.5em;} .Floor002912 a:hover p{color:#fff;} .Floor002912 .pic{height:12.1875vw; padding:5%;} .Floor002912 .pic img{max-height: 12vw;} .Floor002912 a:hover .pic{background:#043791;} .Floor002912 .detail:before{display: block; content: ''; width: 1px; height: 36px; background: rgba(0,0,0,0.5); margin: 18px auto 30px;} .Floor002912 .detail aside{position: relative;} .Floor002912 .detail aside span{transition: 0.3s;} .Floor002912 .detail aside span.off{position: absolute; left: 0; top: 0; width: 100%;opacity: 0;} .Floor002912 a:hover .detail:before{background:rgba(255,255,255,0.3);} .Floor002912 a:hover .detail aside span{color:#fff;} .Floor002912 .slider .box li.slick-slide a:hover{} .Floor002912 .more{text-align: center; padding-top: 3.645vw;} .Floor002912 .more a{display: block; width: 220px;line-height: 50px; border-radius: 50px; border: 1px solid rgba(255,255,255,0.2); margin: 0 auto;color: #fff; font-size: 16px; transition: 0.3s;} .Floor002912 .more a:hover{color: #fff;background: #d83d30;} .Floor002912 .slick-arrow{position: absolute; z-index: 30; top: 50%; width: 50px; height: 50px; border: 2px solid #0052d9;padding: 0; margin-top: -30px; border-radius: 50%; transition: 0.3s;} .Floor002912 .slick-arrow:hover{background: #0052d9;} .Floor002912 .slick-arrow:before{position: absolute; content: ''; width: 10px; height:10px; border-bottom: 2px solid #0052d9;border-left: 2px solid #0052d9; left: 50%; top: 50%; margin: -5px 0 0 -5px; transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);} .Floor002912 .slick-next:before{transform: rotate(-135deg);-webkit-transform: rotate(-135deg);-ms-transform: rotate(-135deg);} .Floor002912 .slick-arrow:hover:before{border-color:#fff;} @media(max-width:640px){ .Floor002912 .slick-arrow{width: 40px; height: 40px;} } @media(min-width:1701px){ .Floor002912 .slider .box ul{ margin: 0 -2vw;} .Floor002912 .slick-prev{left: -5vw;} .Floor002912 .slick-next{right: -5vw;} } @media(max-width:1700px){ .Floor002912 .slick-prev{left: -60px;} .Floor002912 .slick-next{right: -60px;} } @media(max-width:1500px){ .Floor002912 .slick-prev{left: 0;} .Floor002912 .slick-next{right: 0;} .Floor002912 a:hover .name aside{font-size:4vw;} } @media(max-width:1200px){ .Floor002912 .pic{height:20vw; } .Floor002912 .pic img{max-height: 20vw;} .Floor002912 .slider .box li.slick-slide{padding-top: 4vw;} .Floor002912 .name{font-size: 2.5vw;} .Floor002912 a:hover .name aside{font-size:5vw;} } @media(max-width:640px){ .Floor002912{padding-bottom: 8vw;} .Floor002912 .pic{height:40vw; } .Floor002912 .pic img{max-height: 40vw;} .Floor002912 .more, .Floor002912 .slider .box li.slick-slide{padding-top: 12vw;} .Floor002912 .name{font-size:8vw;} .Floor002912 a:hover .name aside{font-size:10vw;} .Floor002912 .slider .box li.slick-slide a{padding: 8vw 0;} } /*Floor003105 */ .Floor003105{font-size: 100px;position: relative;z-index: 1; overflow: hidden; background:#fff;padding: 4% 0 0} @media (max-width:1600px) { .Floor003105{font-size: 6.25vw;} } @media (max-width:1024px) { .Floor003105{font-size: 14vw; padding: 1em 0;} } .Floor003105 .auto{max-width: 1600px;width: 90%;} .Floor003105 .h-title{text-align: center;} .Floor003105 .h-title h2:after{margin: 18px auto 0;} .Floor003105 .more{font-size:0.16em; text-align: center;padding: 0 1.875em;line-height: 3.125em;border-radius: 3.125em;border: solid 2px #0052d9;color:#0052d9; transition: 0.3s; display: table;} .Floor003105 .more:after{width: 1.3125em;height: 0.8125em;display: inline-block; content: '';margin-left: 1em;background: url(../images/Floor003105-icon.svg) no-repeat;background-size: contain;transition: 0.3s;} .Floor003105 a:hover .more{background-color: #0052d9;color: #fff;border-color: #0052d9;} .Floor003105 a:hover .more:after{background-image: url(../images/Floor003105-icon-white.svg);} .Floor003105 .slider li .txt .tit{font-size: 36px; line-height: 1.357;color: #333;} .Floor003105 .slider li .txt p{margin: 1.8em 0 5vw 0;font-size: 0.16em;line-height: 33px;color: #666;} .Floor003105 .slick-arrow{position: absolute;width: 0.5em; height: 0.5em;border-radius: 50%;background:url(../images/Floor003105-btn.svg) no-repeat center center; background-size:auto 0.13em; z-index: 20;font-size: 1em; text-indent: 999em;} .Floor003105 .slick-next{transform: rotateY(180deg);background-color: #0052d9;} @media (min-width:1025px) { .Floor003105 .slider{width: 91.667%; } .Floor003105 .slider .slick-list{overflow: inherit;} .Floor003105 .slider li:not(.slick-center){opacity: 0.2;} .Floor003105 .slick-arrow{top: 46%; margin-top: -0.25em;} .Floor003105 .slick-prev{border: 2px solid #fff;left: 7.671%;} .Floor003105 .slick-next{right: -0.25em;} .Floor003105 .slider li a{table-layout: fixed;} .Floor003105 .slider li .ytable-cell{} .Floor003105 .slider li .pic{width: 54.546%;} .Floor003105 .slider li .txt{padding:0 1.37em 0 1.2em;background:#f1f3f9;} } @media (max-width:1600px) { .Floor003105 .slider li .txt p{margin-bottom: 5vw;} } @media (max-width:1024px) { .Floor003105 .title{width: 90%; margin: 0 auto 0.3em;} .Floor003105 .slider li a, .Floor003105 .slider li .ytable-cell{display: block;} .Floor003105 .slider li .txt{padding:0.5em 5%;} .Floor003105 .slick-arrow{bottom: 100%; margin-bottom: 0.3em; right: 5%;} .Floor003105 .slick-prev{background-color: #00ac6f;margin-right: 0.6em;} } @media (max-width:480px) { .Floor003105 .slider li .txt .tit{font-size: 0.32em;} .Floor003105 .slider li .txt p{font-size: 0.24em;} } .auto_1600{max-width:1600px;} @media(max-width:1600px){.auto_1600{ padding: 0 3%;}} .auto_800{max-width:800px;} .Serviceadv{padding:4% 0 5%;background:#f8f9fb;} .Serviceadv .h-title{text-align: center;} .Serviceadv .h-title h2:after{margin:18px auto 0;} .Serviceadv ul li{width:30%;float:left;text-align: center;margin-top:1%;margin-right:5%;} .Serviceadv ul li:nth-child(3){margin-right:0;} .Serviceadv ul li .icon{margin-bottom:20px;} .Serviceadv ul li .icon img{max-width:80px;} .Serviceadv ul li h2{font-size:30px;color:#333;margin:0;} .Serviceadv ul li h4{font-size:22px;font-weight: normal;color:#333;margin:16px 0;} .Serviceadv ul li p{font-size:16px;} .Serviceadv .item {text-align: center; padding:0 1.5em;} .Serviceadv .item .icon{margin-bottom:20px;} .Serviceadv .item .icon img{max-width:80px;} .Serviceadv .item h2{font-size:30px;color:#333;margin:0;} .Serviceadv .item h4{font-size:22px;font-weight: normal;color:#333;margin:16px 0;} .Serviceadv .item p{font-size:16px;} .Serviceadv .slick-arrow {width:3.5714285em; height:3.5714285em; border-radius:50%; position:absolute; top:50%; margin-top:-1.7857144em; background:#0052d9 url(../images/Floor003105-btn.svg) no-repeat center center; background-size:26% auto; font-size:14px; text-indent:-99999em; overflow:hidden; z-index:10;} .Serviceadv .slick-prev {left:0;} .Serviceadv .slick-next {right:0; transform: rotateY(180deg);} @media (max-width:768px) { .Serviceadv ul li {float:none; width:auto; margin-right:0;} .Serviceadv .slick-arrow {font-size:10px;} } /*Floor002891 */ .Floor002891{background-color: #fff;padding: 4% 0 5%;} .Floor002891 .auto{max-width: 1600px; width: 94%;} .Floor002891 .h-title{text-align: center;} .Floor002891 .h-title h2:after{margin:18px auto 0;} .Floor002891 .ul-tab{display: table; margin: 2vw auto 2.5vw;} .Floor002891 .ul-tab:after{font-size: 0;line-height: 0;} .Floor002891 .ul-tab li{float: left; padding: 0 1vw;} .Floor002891 .ul-tab li a{display: block; padding: 0 34px; border-radius: 40px;line-height: 45px; border: 1px solid #e4e9f3; cursor: pointer;font-size:16px;} .Floor002891 .ul-tab li a:hover, .Floor002891 .ul-tab li.on a{margin: 0 1px; border: 0; color: #fff;background: #0052d9; } .Floor002891 .tab-list ol .Ispic{display: block;} .Floor002891 .tab-list li a{display: block; border-left: 5px solid transparent; padding-left: 30px;} .Floor002891 .tab-list li.on a{border-left-color: #0052d9;} .Floor002891 .tab-list li .tit{font-size:22px; margin-bottom: 17px;} .Floor002891 .tab-list li.on a .tit{color: #0052d9;} .Floor002891 .tab-list li p{font-size:16px;color: #666;line-height: 30px;margin-bottom:12px;} .Floor002891 .tab-list li time{font-size:14px;display: inline-block;color:#999;} @media(min-width:1025px){ .Floor002891 .tab-list li{float: left;width: 50%;clear: left;} .Floor002891 .tab-list ol{float: right;width: 50%; } .Floor002891 .tab-list ol .Ispic{height: 510px;} .Floor002891 .tab-list li:not(:last-child){margin-bottom: 48px;} .Floor002891 .tab-list li a{width: 95%; max-width: 690px; } } @media(min-width:1025px) and (max-width:1366px){ .Floor002891 .tab-list li:not(:last-child){margin-bottom: 40px;} .Floor002891 .tab-list ol .Ispic{height: 413px;} } @media(max-width:1024px){ .Floor002891 .tab-list ol .Ispic{padding-bottom: 60%;} .Floor002891 .tab-list li{margin: 4vw 0;} } @media(max-width:640px){ .Floor002891 .ul-tab{margin: 4vw auto 6vw;} .Floor002891 .tab-list li .tit{font-size: 4vw;margin-bottom: 0.8em;} .Floor002891 .tab-list li p{font-size:3vw;} } @media(max-width:480px){ .Floor002891 .ul-tab li a{padding: 0 4vw;} } .fwnl{ } .fwnl .box1{/* background: #f9f9f9; */padding: 5% 0;} .fwnl .tit{font-size: 32px;color: #333;font-weight: bold; padding-bottom: 3%;} .fwnl .tit:after {display: inline-block;width: 52px;height: 4px;background-color: #0052d9;margin-left: 10px;content: '';vertical-align: middle;} .fwnl .dese{font-size: 16px; line-height: 2;} .fwnl .intro .info{font-size: 16px; line-height: 2;} .fwnl .subtitle {font-size: 24px;color: #333;font-weight: bold;margin-bottom: 2%;border-left: 5px solid #0052d9;padding-left: 1.5%;line-height: 1.25;} .fwnl .intro_txt{padding: 4% 0 0 0; } .fwnl .intro_txt .inner{font-size: 16px; line-height: 2; border-bottom: 1px solid #ebebeb; padding-bottom: 1%;} .fwnl .intro_txt .inner_1{border-bottom: none;} .fwnl .Solution{padding: 0% 0 0 0;} .fwnl .Solution .dese1{max-width: 800px;} .fwnl .Solution .Solu-list{ padding-top: 3%;} .fwnl .Solution .Solu-list li{ margin-bottom:2%;background: #f7f8fb; } .fwnl .Solution .Solu-list li .pic{ width:36.25%;overflow: hidden;} .fwnl .Solution .Solu-list li .Ispic{ padding-bottom: 72%;transition: 0.3s;} .fwnl .Solution .Solu-list li .txt {padding:0 4%;} .fwnl .Solution .Solu-list li h3{ color:#333; font-weight: normal; font-size: 20px; margin: 0; margin-bottom: 15px;} .fwnl .Solution .Solu-list li p{ font-size: 16px;line-height: 1.8; color: #666;margin-bottom: 20px;} .fwnl .Solution .Solu-list li .more {display: inline-block;padding: 8px 20px;border-radius: 50px; color: #0052d9;border: 1px solid #0052d9;text-align: center;} .fwnl .Solution .Solu-list li a:hover .more{background: #0052d9; color: #fff;} .fwnl .Solution .Solu-list li a:hover h3{color: #0052d9;} @media (min-width:1025px) { .fwnl .intro .title{width: 30%;} .fwnl .intro .txt{/* padding-left: 5%; */ } .fwnl .box1 .intro .ytable-cell{vertical-align: top;} .fwnl .Solution .Solu-list li{float: left;width: 48.5%;} .fwnl .Solution .Solu-list li:not(:nth-of-type(2n)){margin-right: 3%;} } @media (max-width:1024px) { .fwnl .intro .title{margin-bottom: 2em;} } .fwnl .box2{padding: 5% 0;background: #f7f8fb;} .fwnl .box2 .item{background: #fff; margin-bottom: 3%;} .fwnl .box2 .intro_txt .main{font-size: 16px; line-height: 2.2; } .fwnl .box2 .name {font-size: 24px;color: #fff;margin-bottom: 20px;} .fwnl .box2 .subname {font-size: 24px;color: #333;margin-bottom: 20px; font-weight: bold;} .fwnl .box2 .item .txt_color{background: #0052d9; color: #fff;} .fwnl .box2 .item .txt_color .more {display: inline-block;padding: 8px 20px;border-radius: 50px; line-height: 1.5; color: #fff;border: 1px solid #fff;text-align: center; margin-top: 20px;} .fwnl .box2 .item .txt_color .more:hover {background: #fff; color: #0052d9;} .fwnl .jishu-list{ padding-top: 3%;} .fwnl .jishu-list li{float: left; margin-bottom: 2%;} .fwnl .jishu-list li .txt{padding: 25px; background: #fff;} .fwnl .jishu-list li .titt{ font-size: 20px;margin-bottom: 15px; } .fwnl .jishu-list li p{font-size: 16px; line-height: 1.8; color: #666; margin: 0;} .fwnl .jishu-list li .pic{overflow: hidden;} .fwnl .jishu-list li .Ispic{padding-bottom: 62.223%;transition: 0.3s;} .fwnl .jishu-list li a:hover{color: #0052d9;} .fwnl .txt-list{ padding-top: 3%;} .fwnl .txt-list .item-box{padding: 3%; background: #fff;} .fwnl .txt-list .subtit{font-size: 24px;color: #333;margin-bottom: 15px; line-height: 1.2;} .fwnl .txt-list h2{font-size: 18px;color: #333; margin: 0;} .fwnl .txt-list .main{font-size: 16px; line-height:2; } .fwnl .case_list .edit-info{font-size: 16px; line-height:1.6; } .fwnl .case_list .case-title {line-height: 2;padding: 10px 0; border-bottom:1px solid #e0e0e0; font-size: 18px;color: #333; cursor: pointer;position: relative;} .fwnl .case_list .case-title:before{ content: ''; position: absolute; right:3%; top: 50%; transform: rotate(45deg); width:10px; height:10px; border-right: solid 1px #666; border-bottom: solid 1px #666; transition: 0.5s} .fwnl .case_list .case-main{ display:none; padding:22px 0;border-bottom:1px solid #e0e0e0; } .fwnl .case_list .case-title.show:before{ transform: rotate(-135deg); } @media (min-width:1025px) { .fwnl .box2 .item .pic{width: 50%;} .fwnl .box2 .item .txt{padding: 0 5%; } .fwnl .jishu-list li{width: 32.143%;} .fwnl .jishu-list li:not(:nth-child(3n)){margin-right: 1.7855%;} .fwnl .jishu-list li:nth-child(3n+1){clear: left;} .fwnl .txt-list .info{padding-right: 5%; } .fwnl .txt-list .case{width: 50%;} .fwnl .txt-list .item-box .ytable-cell{vertical-align: top;} .fwnl .case_list .case-img{width: 40%;} .fwnl .case_list .case-txt{padding-left: 2%; } .fwnl .case_list .case-info .ytable-cell{vertical-align: middle;} } @media (max-width:1024px) { .fwnl .intro .txt{margin-bottom: 2em;} .fwnl .jishu-list li{width: 48%;} .fwnl .jishu-list li:not(:nth-child(2n)){margin-right: 4%;} .fwnl .jishu-list li:nth-child(2n+1){clear: left;} .fwnl .jishu-list li .txt{padding: 1em;} } .product{padding: 3% 0 5%} .product .table {overflow: auto;height: 865px;border: 1px solid #eee;} /* .product .table table{width: 1730px; } */ .product .table th, .product .table td {text-align: center;border: 1px solid #eee;border-collapse: collapse;line-height: 22px;padding: 10px 6px;background: #fff;} .product .table .tr_1{ position: sticky; top: 0; } .product .table .tr_2.tr_1{ top: 43px; } .product .table .tr_1 th{background: #0052d9;color: #fff;border:1px solid rgba(255,255,255,0.8); font-weight: normal;font-size: 14px;} .product .table .tr_1 th:nth-child(1){} .product .table .tr_1 th:nth-child(2){} .product .table .tr_1 th:nth-child(3){} .product .table tr td:nth-child(1), .product .table tr td:nth-child(2){width:5%;} .product .table th select{background: #0052d9;color: #fff;border: #0052d9;font-family: 'HarmonyOS_Sans_SC_Regular';line-height: 40px;background: url(../images/xiala.png) no-repeat right center #0052d9;} .product .table th select option{line-height: 40px !important;text-align: center;} .product .table .tit{color: #0052d9;} .product .table .tr_1 th img{margin-left: 5px; } .scrollbar::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);border-radius: 2px;background-color: rgba(0, 0, 0, 0.1);;} .scrollbar::-webkit-scrollbar {width: 4px;height: 4px;background-color: rgba(0, 0, 0, 0);} .scrollbar::-webkit-scrollbar-thumb {border-radius: 2px;background-color: #0052d9;} .Floor0029151{overflow: hidden; padding:5% 0 0; font-size: 16px;text-align: center;} /* .Floor0029151 .auto{max-width: 950px; width: 96%;} */ .Floor0029151-2{padding:0% 0 2% 0;} .Floor0029151-2 .auto{max-width: 750px; width: 96%;} .Floor0029151 .form{position: relative;padding-right: 150px; overflow: hidden; border-radius: 5px;border: 1px solid #ddd} .Floor0029151 .form .btn{position: absolute;right: 0; top: 0; width: 150px; height: 56px; color: #fff;background: #0052d9; font-size: 16px; border: 0; cursor: pointer;} .Floor0029151 .form .text{width: 100%;line-height: 56px; height: 56px;background: #fff; border: 0;padding: 0 2vw;color: #666;font-size: 16px} .Floor0029151 .tips{padding-top: 2.66vw;color: #666;} ::-webkit-input-placeholder{color: #ccc;} ::-moz-placeholder{color: #ccc;} :-ms-input-placeholder {color: #ccc;} @media(max-width:640px){ .Floor0029151 .form{padding-right: 30%; margin: 2vw 0;} .Floor0029151 .form .btn{ height: 12vw;width: 30%;} .Floor0029151 .form .text{line-height: 12vw; height: 12vw;} .Floor0029151, .Floor0029151 .form .btn{font-size: 3.5vw;} } /*鏂伴椈涓績 */ .PicList002856{padding: 5% 0 0;overflow: hidden;} .PicList002856 .top-new { margin-bottom: 80px; } .PicList002856 .top-new .slick-list { overflow: inherit; } .PicList002856 .top-new .slick-slide { opacity: 0; } .PicList002856 .top-new .slick-current { opacity: 1; } .PicList002856 .top-new .slick-slide { background: #fff; border-radius: 8px; box-shadow: 0 0 8px 0 rgb(214 222 240 / 20%), 0 8px 20px 0 rgb(214 222 240 / 25%); } .PicList002856 .top-new .slick-slide .img { border-radius: 8px 0 0 8px; overflow: hidden; } .PicList002856 .top-new .slick-slide .img .Ispic { padding-bottom: 64%; transition: .5s; } .PicList002856 .top-new .slick-slide:hover .img .Ispic { transform: scale(1.08); } .PicList002856 .top-new .slick-slide time { display: block; color: #999; padding-left: 32px; background: url(../images/icon-time.svg) no-repeat left center; margin-bottom: 20px; } .PicList002856 .top-new .slick-slide .txt aside.dot { font-size: calc(24 / 16 * 1em); font-family: 'HarmonyOS_Sans_SC_Medium'; line-height: 1.5; margin-bottom: 30px; } .PicList002856 .top-new .slick-slide:hover a { color: #0052d9; } .PicList002856 .top-new .slick-slide .txt p { margin: 0; line-height: calc(32 / 18 * 1em);font-size: calc(16 / 16 * 1em);color: #666; } .PicList002856 .top-new .more { margin-top: 30px; color: #0052d9; display: inline-block; padding-right: calc(30 / 16 * 1em); background: url(../images/Floor003128-icon.svg) no-repeat right center; background-size: 1em auto; } .PicList002856 .top-new .slick-arrow { width: 50px; height: 50px; border-radius: 50%; background: url(../images/Floor003196-arrow-white.svg) no-repeat center center #0052d9; background-size: auto 15px; border: none; z-index: 2; position: absolute; top: calc(50% - 50px); transform: translateY(-50%); } .PicList002856 .top-new .slick-prev { left: -5%; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); } .PicList002856 .top-new .slick-next { right: -5%; transform: rotate(90deg); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); } .PicList002856 .top-new .slick-disabled { background: url(../images/Floor003196-arrow.svg) no-repeat center center #f5f5f5; background-size: auto 15px; } .PicList002856 .top-new .slick-dots { text-align: center; margin-top: calc(50 / 16 * 1em); } .PicList002856 .top-new .slick-dots li { display: inline-block; margin: 0 10px; width: calc(10 / 16 * 1em); height: calc(10 / 16 * 1em); border: 2px solid #d6d6d6; background: #fff; display: inline-block; position: relative; color: transparent; border-radius: calc(10 / 16 * 1em); overflow: hidden; transition: 0.3s; } .PicList002856 .top-new .slick-dots li button { display: none; } .PicList002856 .top-new .slick-dots li.slick-active { width: calc(50 / 16 * 1em); background: #0052d9; border-color: #0052d9; } .PicList002856 .list li { background: #fff; border-radius: 8px; box-shadow: 0 0 8px 0 rgb(214 222 240 / 20%), 0 8px 20px 0 rgb(214 222 240 / 25%); margin-bottom: 5%; } .PicList002856 .list li:hover { box-shadow: 0 0 8px 0 rgb(214 222 240 / 20%), 0 8px 20px 0 rgb(214 222 240 / 25%); } .PicList002856 .list li a { position: relative; } .PicList002856 .list li .pic { border-radius: 8px; overflow: hidden; } .PicList002856 .list li .pic .Ispic { padding-bottom: 64%; transition: .5s; } .PicList002856 .list li:hover .pic .Ispic { transform: scale(1.08); } .PicList002856 .list li .txt { padding: 30px calc(50 / 1920 * 100vw); } .PicList002856 .list li .txt time { display: inline-block; color: #999; padding-left: 32px; background: url(../images/icon-time.svg) no-repeat left center; margin-bottom: 20px; } .PicList002856 .list li .txt aside { font-size: calc(20 / 16 * 1em); font-family: 'HarmonyOS_Sans_SC_Medium'; line-height: 1.5; margin-bottom: 20px; } .PicList002856 .list li .txt aside a { color: #020814; } .PicList002856 .list li:hover .txt aside a { color: #0052d9; } .PicList002856 .list li .txt p { margin: 0; line-height: calc(32 / 18 * 1em);font-size: calc(16 / 16 * 1em);color: #666; } @media(max-width:480px) { .PicList002856 .list li, .PicList002856 .list li a { font-size: 3.5vw; } } @media(min-width:769px) { .PicList002856 .top-new li .img { width: 50%; } .PicList002856 .top-new li .txt { padding: 0 calc(80 / 1920 * 100vw); } .PicList002856 .list li .pic{ width: 350px;} } @media(max-width:768px) { .PicList002856 .top-new li .ytable, .PicList002856 .top-new li .ytable-cell { display: block; } .PicList002856 .top-new li .txt { padding: 20px; } } @media(max-width:640px) { .PicList002856 .top-new li .txt aside { font-size: 20px; } } /*Page002623 */ .Page002623 { text-align: center; font-family: Arial; margin-top: 30px; font-size: 1.125em;padding-bottom: 5% } .Page002623 .Pages a.a_first, .Page002623 .Pages a.a_end, .Page002623 .Pages > span:not(.p_page) { display: none; } .Page002623 .Pages em { float: left; margin: 0 2vw; font-style: normal; } .Page002623 .Pages .p_page { display: table; margin: 0 auto; } .Page002623 .Pages a { float: left; line-height: 50px; width: 50px; border-radius: 50%; margin: 0 5px; } .Page002623 .Pages a.a_cur, .Page002623 .Pages a:hover { color: #fff; background: #0052d9; } .Page002623 .Pages .p_page > a { font-size: 0; height: 50px; position: relative; } .Page002623 .Pages .p_page > a:before { position: absolute; content: ''; border: 5px solid transparent; left: 50%; top: 50%; margin: -5px 0 0 -10px; } .Page002623 .Pages .p_page > a.a_prev:before { border-right-color: #020814; border-right-width: 8px; } .Page002623 .Pages .p_page > a.a_next:before { border-left-color: #020814; border-left-width: 8px; margin-left: -4px; } .Page002623 .Pages a.a_prev:hover:before { border-right-color: #fff; } .Page002623 .Pages a.a_next:hover:before { border-left-color: #fff; } @media(max-width:640px) { .Page002623 .Pages em { display: none; } .Page002623 .Pages a { background-color: #eee; } } .News_detail{padding: 5% 0} .News_detail .auto { background: #fff; border-radius: 15px; box-shadow: 0 0 8px 0 rgb(214 222 240 / 20%), 0 8px 20px 0 rgb(214 222 240 / 25%); padding: 5vw } .News_detail .news_info { } .News_detail .news_info .title { text-align: center; padding-bottom: 3%; border-bottom: 1px dashed #d2d2d2; margin-bottom: 50px } .News_detail .news_info .title h1 { margin: 0; padding-bottom: 1%; font-size: 28px; font-weight: 400; color: #020814 } .News_detail .news_info .title aside span { display: inline-block; vertical-align: middle; margin: 0 1.5em 0.5em; line-height: 32px; color: #666; } .News_detail .news_info .title .social-share { display: inline-block; } .News_detail .social-share a { background-position: center center !important; background-repeat: no-repeat !important; background-color: #f2f2f2 !important; margin: 0 0 0 1em; } .News_detail .social-share a:before { display: none; } .News_detail .social-share a.icon-wechat { background-image: url("../images/RighInfo002973_share_wx.png"); } .News_detail .social-share a.icon-weibo { background-image: url("../images/RighInfo002973_share_sina.png"); } .News_detail .social-share a.icon-qq { background-image: url("../images/RighInfo002973_share_qz.png"); } .News_detail .news_info .info { text-justify: inter-ideograph } .News_detail .news_info .info p { margin: 2% 0; } .News_detail .news_info .center { text-align: center } .News_detail .info { line-height: calc(36 / 16 * 1em); color: #555; } .News_detail .bot { position: relative; margin-top: 50px; padding-top: 50px; border-top: 1px dashed #d2d2d2 } .News_detail .info_back { text-align: center; clear: both; position: absolute; right: 0; bottom: 0 } .News_detail .info_back a { position: relative; color: #fff; display: block; width: 150px; line-height: 3; border-radius: 100px; background: rgb(255,155,135); background: #0052d9; } .News_detail .info_pn span { display: block; ; margin: 1% 0 } .News_detail .info_pn span a { color: #888 } .News_detail .info_pn span a:hover { color: #0052d9 } @media(max-width:1024px) { .News_detail .info_back { position: relative } } @media(max-width:768px) { .News_detail .auto { background: none; } .News_detail .info * { max-width: 100%!important } .News_detail .info .rich_media_area_primary_inner { max-width: 100%!important } .News_detail .info_back a { width: 100%; margin-bottom: 2% } .News_detail .news_info .title h1 { font-size: 0.36rem; line-height: 1.5 } } .yyly{padding: 5% 0} .yyly .title{font-size: 32px;color: #333;font-weight: bold;padding-bottom: 3%;text-align: center} .yyly .title::after{content: '';display: block;width: 52px;height: 4px;background: #0052d9;margin: 2% auto 0} .yyly .info{font-size: 1.125em;line-height: 2;max-width: 1000px;margin: 0 auto;text-align: center} .yyly .pic-list{margin-top: 5%} .yyly .pic-list .subtitle{font-size: 24px;color:#333;font-weight: bold;margin-bottom: 2%;border-left: 5px solid #0052d9;padding-left: 1.5%;line-height: 1.25} .yyly .pic-list .img{ text-align: center; } .yyly .pic-list li a{display: block;border: solid 1px #f2f2f2;} .yyly .pic-list li aside{font-size: 24px;color: #333;padding-bottom: 15px;} .yyly .pic-list li p{font-size: 16px;color: #666;line-height: 2;} .yyly .pic-list li .line{display: block;width: 32px; height: 3px; background-color: #0052d9;} .yyly .slick-arrow{position: absolute;border: 0;font-size: 1em;text-indent: -999em;width: 2.5em; height: 2.5em; background:rgba(0, 0, 0, 0.4);border-radius: 50%; top: 50%;margin-top: -2.25em;z-index: 10;} .yyly .slick-arrow:hover{background: #0735a8;} .yyly .slick-prev{left: -3em;} .yyly .slick-next{right: -3em;} .yyly .slick-arrow:before{position: absolute;content: ''; width: 30%; height: 30%;border-top: 2px solid #fff;border-right: 2px solid #fff; transform: rotate(45deg); top:35%;left: 30%;} .yyly .slick-prev:before{transform: rotate(-135deg);left: 40%;} @media (min-width:1025px) { .yyly .pic-list li .img{width: 35%;} .yyly .pic-list li .inner{width: 85%; margin: 0 auto;} } @media (max-width:1024px) { .yyly .pic-list li{padding: 1em;} .yyly .pic-list li .img{padding-bottom: 2em;} } .TextList002739 {padding-top:5%; margin-bottom: 4%; } .TextList002739 .thead { line-height: 40px; height: 60px; padding: 10px 0; text-align: center; background: #0052d9; border-radius: 8px; color: #fff; position: relative; } .TextList002739 .thead span { float: left; width: 15%; height: 40px; display: block; position: relative; } .TextList002739 .dl:not(.thead) { border-bottom: 1px solid #ededed; background: #fff; } .TextList002739 .dl .dt { line-height: 40px; padding: 10px 0; text-align: center; cursor: pointer; } .TextList002739 .dl .dt span { float: left; width: 15%; height: 40px; display: block; position: relative; } .TextList002739 dl span:last-child { width: 10% !important; text-align: center; } .TextList002739 .dl .dt span i { position: absolute; content: ""; left: 50%; background: url(../images/icon-down.svg) no-repeat right center; display: block; width: 16px; height: 8px; top: 50%; margin-top: -4px; margin-left: -8px; } .TextList002739 .conbox { background: #f4f7fc; border-radius: 8px; padding: 40px; display: none; } .TextList002739 .conbox .h5 { color: #333; font-weight: normal; font-size: 18px; margin-top: 0; } .TextList002739 .conbox p { line-height: 2; color: #666; margin: 0; } .TextList002739 .jobname { width: 30% !important; text-align: left; padding: 0 20px; } .TextList002739 .dl.active .dt span { color: #0052d9; } .TextList002739 .dl.active .dt span i { transform: rotate(180deg); } .TextList002739 .apply-btn{ padding:3em 0;color: #0052d9} .TextList002739 .apply-btn a{display: inline-block;background-color: #004098;text-align: center; border-radius: 3.125em; line-height: 3.125em; padding: 0 3.25em;color: #fff; cursor:pointer;} .TextList002739 .apply-btn a:before{display: inline-block;width: 1.2222em; height: 1.2222em;content: ''; background: url(../images/TextList002739-seed.svg) no-repeat; background-size: contain; vertical-align: middle; margin-right: 1em;} @media(max-width:768px) { .TextList002739 .jobyq, .TextList002739 .jobnum, .TextList002739 .jobadd, .TextList002739 .jobtime { display: none !important; } .TextList002739 .dl .dt span { width: 25%; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .TextList002739 .jobname { width: 90% !important; } .TextList002739 .conbox { padding: 20px; } } .Menu003135 {box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.04);position: relative;z-index: 9;} .Menu003135 .current {font-size: 0.875em;background: url(../images/Menu003135-icon.svg) no-repeat left center;background-size: 1em auto;line-height: 5.7142;} .Menu003135 .current, .Menu003135 .current a:not(:hover) {color: #999;} .Menu003135 .current span {color: #333;} .Menu003135 .nav-menu li {float: left;position: relative;} .Menu003135 .nav-menu li:not(:last-child) {margin-right: 2.222em;} .Menu003135 .nav-menu li>a {font-size: 1.125em;line-height: 4.44444;} .Menu003135 .nav-menu li>a {display: block;position: relative;} .Menu003135 .nav-menu li.has-sub {z-index: 10;} .Menu003135 .nav-menu li.has-sub>a {padding-right: 20px;} .Menu003135 .nav-menu li.has-sub>a:after {content: ''; display: block;position: absolute;top: 50%;right: 0;width: 8px;height: 8px; margin-top: -7px;border-right: 1px solid #333;border-bottom: 1px solid #333;transform: rotate(45deg);} .Menu003135 .nav-menu li .sub {position: absolute;top: 100%;left: 50%;width: 100%;min-width: 128px;padding: 10px 0; transform: translateX(-50%);border-radius: 0 0 5px 5px;box-shadow: 1px 2px 7px 3px rgba(0, 0, 0, 0.2);background-color: #fff;display: none;} .Menu003135 .nav-menu li .sub dt {padding: 10px 15px;line-height: normal;} .Menu003135 .nav-menu li .sub dt a {color: #333;} .Menu003135 .nav-menu li .sub dt a:hover {color: #0052d9;} .Menu003135 .nav-menu li a:hover, .Menu003135 .nav-menu li.aon a {color: #0052d9;} .Menu003135 .nav-menu li:hover>a:before, .Menu003135 .nav-menu li.aon>a:before {position: absolute;content: '';left: 0;bottom: 0;width: 100%;height: 2px;background-color: #0052d9;} .Menu003135 .nav-menu li:hover>a:after, .Menu003135 .nav-menu li.aon>a:after {border-color: #0052d9;} @media (max-width:1024px) { .Menu003135 .current {display: none;} .Menu003135 .nav-menu li {line-height: 3;} } @media (max-width:640px) { .Menu003135 .nav-menu li>a {font-size: 12px;} } .mod_tab { position: relative; z-index: 101; margin-top: 3%; top: 0; transition: 0.5s} .mod_tab.tab_fixed{position: fixed; width: 100%; margin-top: 0;} .mod_tab_list { display: flex; background: #FFFFFF; box-shadow: 0 0 8px 0 rgb(214 222 240 / 20%), 0 8px 20px 0 rgb(214 222 240 / 25%); border-radius: 8px 8px 0 0; justify-content: center; } .mod_tab_item { width: 33.333%; } .mod_tab_item_cont { height: 90px; display: flex; align-items: center; justify-content: center; font-size:1.125em; line-height: 1.7; color: #333; transition: color 0.36s; border-right: 1px solid #EFEFEF; position: relative; } .mod_tab_item_cont::after { content: ""; position: absolute; bottom: 0; left: 0%; transform: translateX(0%); width: 0%; height: 3px; background-color: #0052d9; transition: all 0.36s; } .mod_tab_item.active .mod_tab_item_cont { color: #0052d9; } .mod_tab_item:last-child .mod_tab_item_cont { border-right: none; } .mod_tab_item.active .mod_tab_item_cont::after { width: 100%; transition: all 0.36s; } .mod_tab_item.actives .mod_tab_item_cont::after { width: 100%; transition: none; } .mod_tab_crumbs { position: absolute; font-size: 0.875em; padding-left: 1.75em; background: url(../images/Location003131-icon.svg) no-repeat left center; background-size: 1.25em auto; bottom: calc(100% + 30px); } .mod_tab_crumbs .c_smnav1_a { opacity: 1.7; color: #fff; transition: .3s; } .mod_tab_crumbs .c_smnav1_a:hover { opacity: 1; } .mod_tab_crumbs .c_smnav1_icon { opacity: 0.7; color: #fff; margin: 0 8px; } @media(min-width:1025px){ .mod_tab_item:last-child { border: none } } @media(max-width:1024px){ .mod_tab_list { display: block; } .mod_tab_item { width:50%;float: left;} .mod_tab_item_cont { height: 60px;} } .RighInfo002806{padding: 5% 0} .RighInfo002806 .box{} .RighInfo002806 .box .item{} .RighInfo002806 .box .item .ytable-cell{width: 50%;vertical-align: middle;} .RighInfo002806 .box .item .word{padding:0 5%;} .RighInfo002806 .box .item .tit{margin-bottom: 30px;font-size: 32px;color: #0052d9;font-weight: bold;text-align: center;position: relative;padding:50px 0;z-index: 2} .RighInfo002806 .box .item .tit_2{padding: 0;text-align: left;margin-bottom: 20px;} .RighInfo002806 .box .item .tit i{position: relative;z-index: 2} .RighInfo002806 .box .item .tit_2 i{} .RighInfo002806 .box .item .tit span{font-style: italic;color: #eee;font-family: "Arial";font-size: 128px;text-transform: uppercase;position: absolute;right:0;top:50%;transform: translateY(-50%);z-index: 0} .RighInfo002806 .box .item .intro p{line-height: 32px;font-size: 17px;margin: 0;text-align: justify;color: #555;margin-bottom: 15px;} .RighInfo002806 .box .item .word_bg{width: 50%;padding:5%;} .RighInfo002806 .box .item .ytable-cell img{} .RighInfo002806 .box .item .ytable-cell1 img{} .Floor002732 { padding-bottom: 5%; position: relative; z-index: 5; } .Floor002732 .column-name { text-align: center; } .Floor002732 .column-name .cn { font-size:34px;color:#333; margin-bottom: 1em; font-weight: bold} .Floor002732 li { background: #f3f4f5; padding: 3em; transition: 0.5s } .Floor002732 li a { text-align: center; } .Floor002732 li p { line-height: 2; height: 70px; max-width: 90%; margin: 0 auto; color: #666; } .Floor002732 li .icon img { width: 68px; height: 68px; transition: 0.5s } .Floor002732 li .title { max-width: 90%; margin: 0 auto; } .Floor002732 li h2 { margin: 20px 0; font-size: 1.5em; color: #0052d9; } .Floor002732 li:hover{transform: translateY(-20px); box-shadow: 0 0 10px rgba(0,0,0,0.1)} .Floor002732 li:hover .icon img{transform: rotate(360deg)} @media(min-width:1025px) { .Floor002732 li { float: left; width: 23.5%; } .Floor002732 li:not(:nth-child(4n)) {margin-right: 2%;} } .Timeline002790 { padding:5% 0} .Timeline002790 .column-name { text-align: center; } .Timeline002790 .column-name .cn { font-size:34px;color:#333;font-weight: bold; margin-bottom: 2em;} .Timeline002790 ul{position: relative} .Timeline002790 ul::before{content: '';position: absolute;width: 1px;height: 100%;background: #eaeaea;left: 50%;top: 0;margin-left: -1px} .Timeline002790 li .con{width: 50%;float: right;position: relative;padding-left: 5%} .Timeline002790 li:nth-child(2n) .con{width: 50%;float: left;padding: 0 5% 0 0} .Timeline002790 li .con::before{content: '';position: absolute;width: 11px;height: 11px;background: #0052d9;left: -5px;top: 10px} .Timeline002790 li:nth-child(2n) .con::before{right: -5px;left: auto} .Timeline002790 li .con .year{float: left;width: 15%; font-size: calc(36 / 1920 * 100vw);font-weight: bold;color: #0052d9;line-height: 1} .Timeline002790 li .con .txt{float: right;width: 78%;background: #f3f4f5;padding:calc(40 / 1920 * 100vw) ;color: #333;line-height: 2;position: relative} .Timeline002790 li:nth-child(2n-1) .con .txt::before{content: '';position: absolute;border: 20px solid transparent;border-right: 0;border-bottom-width: 20px;border-top-color: #f3f4f5;right: 100%;top: 0} .Timeline002790 li:nth-child(2n) .con .txt::before{content: '';position: absolute;border: 20px solid transparent;border-left: 0;border-bottom-width: 20px;border-top-color: #f3f4f5;left: 100%;top: 0} .Timeline002790 li:nth-child(2n) .year{float: right} .Timeline002790 li:nth-child(2n) .txt{float: left;} .PicList002434 { padding: 4% 0 ;} .PicList002434 .list ul { padding: 0 50px; } .PicList002434 .list li { float: left; position: relative; text-align: center; margin-bottom: 2%; } .PicList002434 li:first-child:before, .PicList002434 li:nth-child(4n+1):before, .PicList002434 .list li:last-child:after { position: absolute; content: ''; bottom: 0px; height: 90px; width: 50px; } .PicList002434 li:first-child:before, .PicList002434 li:nth-child(4n+1):before { left: -50px; background: url(../images/PicList002433_ul_l.png) no-repeat 0 0; } .PicList002434 .list li:last-child:after { right: -50px; background: url(../images/PicList002433_ul_r.png) no-repeat 0 0; } .PicList002434 .list li aside { padding-top: 42px; height: 90px; background: url(../images/PicList002433_libg.png) repeat-x left top; } .PicList002434 .list li .ytable { height: 230px; } .PicList002434 .list li .ytable-cell { vertical-align: bottom; } .PicList002434 .list li figure { position: relative; display: inline-block; max-width: 85%; } .PicList002434 .list li figure:after { position: absolute; right: -23px; background: url(../images/PicList002433_ying.png) no-repeat left bottom; width: 24px; height: 100%; background-size: contain; content: ''; } .PicList002434 .list li figure img { max-height: 195px; /*padding: 6px; background: url(../images/PicList002433_kuang.png) no-repeat;*/ background-size: 100% 100%; } .PicList002434 .list li p { margin: 0 auto; width: 81%; line-height: 26px; font-size: 16px; max-height: 50px; color: #333; } .PicList002434 .list li { width: 25%; } .PicList002434 .list li:nth-child(4n):after { position: absolute; content: ''; bottom: 0px; height: 90px; width: 50px; right: -50px; background: url(../images/PicList002433_ul_r.png) no-repeat 0 0; } .PicList002434 .list .ul-3 li { width: 33.33333333%; } .PicList002434 .list .ul-3 li:nth-child(3):after { position: absolute; content: ''; bottom: 0px; height: 90px; width: 50px; right: -50px; background: url(../images/PicList002433_ul_r.png) no-repeat 0 0; } .PicList002434 .list .ul-2 li { width: 50%; } .PicList002434 .list .ul-2 li:nth-child(2):after { position: absolute; content: ''; bottom: 0px; height: 90px; width: 50px; right: -50px; background: url(../images/PicList002433_ul_r.png) no-repeat 0 0; } .PicList002434 .list .ul-2 li:nth-child(1) > * { padding-left: 30%; } .PicList002434 .list .ul-2 li:nth-child(2) > * { padding-right: 30%; } .PicList002434 .list .ul-1 li { width: 100%; } @media(max-width:640px) { .PicList002434 .auto, .PicList002434 .list ul { padding: 0; } .PicList002434 .list li p { font-size: 12px; } .PicList002434 .list li .ytable { height: 150px; } .PicList002434 .list li figure img { max-height: 150px; padding: 3px } .PicList002434 .list .ul-2 li:nth-child(1) > * { padding-left: 30%; } .PicList002434 .list .ul-2 li:nth-child(2) > * { padding-right: 30%; } .PicList002434 .list .ul-3 li:nth-child(3):after, .PicList002434 .list li:first-child:before { display: none; } } @media(max-width:480px) { .PicList002434 .list li .ytable { height: 100px; } .PicList002434 .list li figure img { max-height: 100px; } } .PicList002434 .more{ text-align:center; margin-top: 2%;} .PicList002434 .more a {width: 150px;height: 45px;line-height: 45px;display: inline-block;color: #fff;font-size: calc(18 / 16 * 1em);background: #0052d9;position: relative;z-index: 100;border-radius: 50px;text-align: center;} .Logo_list{padding: 5% 0 ;background: #f8f8f8} .Logo_list ul{margin-bottom: 4%} .Logo_list li { float: left; margin-right: 1%; margin-bottom: 1%; padding: 10px; background: #fff; position: relative; } .Logo_list li a { display: block; text-align: center; } .Logo_list li dl { display: table; width: 100%; height: 100%; } .Logo_list li dt { display: table-cell; vertical-align: middle; text-align: center; } .Logo_list .more{ text-align:center; } .Logo_list .more a{width:150px;height: 45px; line-height:45px;display: inline-block;color: #fff;font-size:calc(18 / 16 * 1em); background: #0052d9; position: relative; z-index: 100; border-radius: 50px; text-align: center; } @media(min-width:769px) { .Logo_list li { width: 13%; } .Logo_list li:nth-child(7n) { margin-right: 0; } /*.Logo_list li:nth-child(15)~li { margin-bottom: 0 }*/ .Logo_list li a { padding-bottom: 42%; } .Logo_list li img { max-width: 100%; max-height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .Logo_list li a figure { position: absolute; z-index: 10; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,82,217,0.9); opacity: 0; transition: 0.3s; } .Logo_list li a:hover figure { opacity: 1; } .Logo_list li dt { color: #fff; font-size:calc(16 / 16 * 1em); } } @media(max-width:768px) { .Logo_list li { width: 32%; margin-right: 2%; } .Logo_list li:nth-child(3n) { margin-right: 0; } .Logo_list li:nth-child(3n+1) { clear: left; } } .Form001215{ padding:5% 0 2% 0;} .Form001215 .hotline{background:url(../images/lxbg.png) no-repeat top center rgb(229 232 240 / 20%); padding:5%;box-shadow: 0 1px 4px 0 #e5e8f0, 0 10px 20px 0 rgb(238 241 247 / 40%);} .Form001215 .hotline .tit{font-size:34px;color:#333;font-weight: bold;margin-bottom:10px;} .Form001215 .hotline .tit:after{content:'';width:30px;height: 3px;background:#0052d9;display:block;margin-top:13px;} .Form001215 .hotline dl{float:left;width:60%;padding-right:2%;} .Form001215 .hotline dd{font-size: 17px;border-bottom: 1px solid #e8e8e8;padding: 18px 0;line-height: 34px;padding-left: 55px;position: relative;color: #333;} .Form001215 .hotline dd:after{content:'';width:1px;height: 15px;background:#cdcdcd;position: absolute;left:40px;top:27px;} .Form001215 .hotline dd:nth-child(1){background:url(../images/tel.png) no-repeat left top 24px;} .Form001215 .hotline dd:nth-child(2){background:url(../images/1.png) no-repeat left top 18px;} .Form001215 .hotline dd:nth-child(3){background:url(../images/addr.png) no-repeat left top 18px;} .Form001215 .hotline dd:nth-child(4){background:url(../images/addr.png) no-repeat left top 18px;} .Form001215 .hotline dd:nth-child(1):after{top:33px} .Form001215 .hotline dd:nth-child(4){border-bottom:0;} .Form001215 .hotline dd span{display: block;padding-left:48px;} .Form001215 .hotline dd b{color:#0052d9;font-size:32px;} /*Map002858 */ .Map002858{padding:0 0 5% 0;} .Map002858 #allmap{height: 23.96vw;} .Map002858 #allmap, .Map002858 #allmap *{box-sizing: content-box;} .Map002858 #allmap img{max-width: inherit;} /* .Map002858 .BMap_bubble_content b{font-size: 18px;display: block;padding-bottom: 5px;} */ .tdt-infowindow-content{font-size: 14px;} .tdt-infowindow-content b{font-size: 18px;display: block;padding-bottom: 5px;} @media(max-width:1024px){ .Map002858 #allmap{height: 40vw;} } @media(max-width:480px){ .Map002858 #allmap{height: 70vw;} } .Floor003153 { padding: 5% 0; position: relative; overflow: hidden} .Floor003153 .auto { position: relative; z-index: 5; } .Floor003153 .bg { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 3; } .Floor003153 .bg img { position: absolute; right: -14vw; bottom: -9vw; max-width: 1200px; width: 62.5vw; } .Floor003153 .intro .info { line-height: 2.1428; } .Floor003153 .intro .info h2 { margin-top: 2.4vw; font-weight: bold; color: #333; } .Floor003153 .intro .info h2 span { color: #333; font-size: 34px; margin-bottom: 0.5em; } .Floor003153 .intro .info h3{margin:1vw 0 2vw; font-size: 1.5em; font-weight: normal; color: #333; } .Floor003153 .intro .info h3 span{display: inline-block; padding-right:7.167%;padding-left:7.167%;position: relative;} .Floor003153 .intro .info h3 span:first-child:before, .Floor003153 .intro .info h3 span:last-child:after{position: absolute; content: ''; width: 7%;height: 100%; background-size:20px auto; background-repeat: no-repeat;;} .Floor003153 .intro .info h3 span:first-child:before{left: 0; top: 0;background-image: url(../images/yinhao-l.png); background-position: left 5px;} .Floor003153 .intro .info h3 span:last-child:after{right:0;bottom: 0;background-image: url(../images/yinhao-r.png) ; background-position: right 5px;} @media (min-width:1025px) { .Floor003153 .intro .img { text-align: center; } .Floor003153 .intro .img figure { margin: 0 auto; display: inline-block; width: 42%; overflow: hidden; padding-bottom: 60%;box-shadow: 0 3px 29px -8px rgb(192 196 204 / 71%); } .Floor003153 .intro .info { padding-right: 5.0714em; } } @media (max-width:1024px) { .Floor003153 .intro .img { margin-bottom: 2em; } } /* .Floor001318 */ .Floor001318{padding:5% 0 0; overflow: hidden;} .Floor001318 .title{font-size: 32px;color: #333;font-weight: bold;padding-bottom: 3%;text-align: center} .Floor001318 .title::after{content: '';display: block;width: 52px;height: 4px;background: #0052d9;margin: 2% auto 0} .Floor001318 .search_list{padding-bottom:3%;margin: 0 auto;} .Floor001318 .form{margin-bottom:3%;border-radius: 5px;overflow: hidden;border:1px solid #ddd;} .Floor001318 .tips{color: #999;font-size:16px; text-align: center;} .Floor001318 ul.search{position:relative;z-index:2; margin: 0 auto;} .Floor001318 ul.search .btn{position:absolute;right:0;top:0;width:150px;line-height:56px;background:#0052d9;text-align:center;color:#fff;} .Floor001318 ul.search .text{width:100%;line-height:56px;height:56px;background:#fff;padding:0 20px;border: 0;color:#ccc;font-size:16px;} .Floor001318 ul.search .text.focus{color:#333;} .Floor001318 .list { /* display: none; */} .Floor001318 #allmap { height: 560px; } .Floor001318 #allmap img { max-width: none; } .Floor001318 #allmap * { box-sizing: content-box; } .Floor001318 .BMap_bubble_title { text-align: center; font-size: 16px; line-height: 30px; } .Floor001318 .list { padding: 0% 0 4% 0; } .Floor001318 .list .bx-wrapper { position: relative; } .Floor001318 .list .bx-viewport { z-index: 1; } .Floor001318 .list .bx-controls-direction { position: absolute; right: 0; bottom: -100px !important; z-index: 10; } .Floor001318 .list .bx-controls-direction a { float: left; width: 30px; height: 30px; margin: 0 15px; line-height: 1000px; overflow: hidden; background: url(../images/Floor001318-btn.png) no-repeat left center; } .Floor001318 .list .bx-controls-direction a.bx-next { background-position: right center; } .Floor001318 .list li{border-bottom: 1px solid #f2f2f2; cursor: pointer;} .Floor001318 .list li .txt { padding: 3%; background: #f9f9f9; } .Floor001318 .list .txt h1 { margin: 0; font-size: 24px; color: #333;} .Floor001318 .list .txt h3 {font-size: 18px;margin: 0; color: #333;font-weight: normal;} .Floor001318 .list .txt .info { line-height: 2; } @media (min-width:1025px) { .Floor001318 .list .intro .img { width: 30%; text-align: center; } .Floor001318 .list .intro .img figure { padding-bottom: 48%; background-size: contain; } .Floor001318 .list .intro .info { padding-right: 5.0714em; } } @media (max-width:1024px) { .Floor001318 .list .intro .img { margin-bottom: 2em; } } @media(max-width:1024px) { .Floor001318 .main { padding: 0; } .Floor001318 .main:before, .Floor001318 .main:after { display: none; } .Floor001318 #allmap { height: 280px; } .Floor001318 .list { padding: 16% 4% 4% 4%; } .Floor001318 .line { display: none; } .Floor001318 .list .bx-controls-direction { bottom: -70px !important; } } /* .Floor001318 .map{float: left;width:70%;} .Floor001318 .list{float:right;width:30%;max-height: 550px; overflow:auto;} .Floor001318 #all_map_1318{height: 550px;} .Floor001318 #all_map_1318 *{box-sizing:content-box;} .Floor001318 #all_map_1318 img{max-width:none;} .Floor001318 #all_map_1318 .BMap_bubble_content{line-height:20px;} .Floor001318 .list li{cursor:pointer;background: #f2f2f2;position: relative;color: #333;transition:.3s; padding: 25px;border-bottom: 1px #dbdbdb dotted;} .Floor001318 .list li:before{border-top: 15px solid transparent;border-bottom: 15px solid transparent;border-right: 15px solid #0052d9;width: 0;height: 0;content: '';position: absolute;left:-15px;top: 50%;margin-top:-15px;opacity: 0;transition:.3s;z-index: 999999999;} .Floor001318 .list li h5, .Floor001318 .list li p{margin:0;line-height:28px;overflow:hidden;} .Floor001318 .list li h5{font-weight:normal;font-size:20px;} .Floor001318 .list li p{margin-top:10px;font-size:16px;} .Floor001318 .list li.on{background:#0052d9;color: #fff;} .Floor001318 .list li.on:before{opacity: 1;} .Floor001318 .scrollbar::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);border-radius: 2px;background-color: rgba(0, 0, 0, 0.1);;} .Floor001318 .scrollbar::-webkit-scrollbar {width: 6px;height: 4px;background-color: rgba(0, 0, 0, 0);} .Floor001318 .scrollbar::-webkit-scrollbar-thumb {border-radius: 5px;background-color: #0052d9;} .Floor001318 .ResultBox .title{padding-bottom: 0%;} .Floor001318 .TabList{margin-top: 4%;display: table; background: #f8f8f8;width:100%;} .Floor001318 .TabList ul{display: table-row;} .Floor001318 .TabList li{width: 25%; display: table-cell; text-align: center; height: 100%; vertical-align: middle; border-right: 1px solid #0052d9;} .Floor001318 .TabList li:nth-child(1){ width:18%;} .Floor001318 .TabList li:nth-child(2){ width:50%;} .Floor001318 .TabList li:nth-child(3){ width:16%;} .Floor001318 .TabList li:nth-child(4){ width:16%;} .Floor001318 .TabList li:nth-child(4) a{ color:#0052d9;} .Floor001318 .TabList .thead{margin-bottom: 1px;} .Floor001318 .TabList .thead li{background: #0052d9; color: #fff; line-height: 56px; color: #fff; font-size: 16px; font-weight: bold; border-right: 1px solid #f3f3f3;} .Floor001318 .TabList .con li{border-right: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6;} .Floor001318 .TabList .con li .box{padding: 10px; color: #666; line-height: 36px; min-height: 40px; position: relative;} .Floor001318 .TabList .con li .box .name{display: none; font-size: 16px; color: #333; position: absolute; left: 0; top: 50%; margin-top: -10px; width: 130px; text-align: right;} .Floor001318 .TabList li:last-child{border-right: none;} .Floor001318 .TabList ul:last-child li{border-bottom: none;} .Floor001318 .WarmBox{padding: 4% 0; text-align: center; line-height: 50px; font-size: 24px; color: #ccc; font-weight: bold;} .Floor001318 .WarmBox img{display: inline-block; vertical-align: middle; margin-right: 20px;} .Floor001318 .open_map{ position:fixed; left:0; top:0; width:100%; height:100%; z-index:200; background:rgba(0,0,0,0.7); display:none;} .Floor001318 .map_area{ position:fixed; width:80%; left:10%; top:25%; height:50%; background:#fff;} .Floor001318 .map_area #allmap{ position:absolute; left:15px; top:15px; right:15px; bottom:15px;} .Floor001318 .map_area #allmap *{ box-sizing:content-box;} .Floor001318 .map_area #allmap img{ max-width:none;} .Floor001318 .map_area .close{ position:absolute; right:0; width:31px; height:31px; top:-32px; background:#fff; cursor:pointer;} .Floor001318 .map_area .close::before, .Floor001318 .map_area .close::after{ position:absolute; content:''; width:25px; height:2px; background:#c53b19; top:15px; left:3px;} .Floor001318 .map_area .close::before{ transform:rotate(45deg);} .Floor001318 .map_area .close::after{ transform:rotate(-45deg);} */ .Floor001318 .list .slick-arrow{position:absolute;padding:0;cursor:pointer;background:#dcdcdc;border:0;width:100%;left:0;height:30px;font-size:0;} .Floor001318 .list .slick-arrow:before{position:absolute;content:"";border-left:2px solid #fff;border-top:2px solid #fff;width:16px;height:16px;margin-top:-4px;transform:rotate(45deg);} @media(min-width:641px){ .Floor001318 .search_list {max-width: 950px;width: 96%;} } @media(min-width:1025px){ .Floor001318 .list .slick-prev{top:-35px;} .Floor001318 .list .slick-next{bottom:-35px;transform:scaleY(-1);} } @media(max-width:768px){ .Floor001318 .list{float:none;width:auto;margin-top:3%;} .Floor001318 #all_map_1318{position:relative !important;width:100%;height:300px !important;} } @media(max-width:375px){.Floor001318 #all_map_1318{height:250px !important;} } @media(max-width:640px){ .Floor001318 .filter select{width:48%;margin-right:0;margin-left:2%;margin-bottom:20px;height:40px;padding:0 10px;} .Floor001318 .filter select:first-child{margin-left:0;} .Floor001318 ul.search .text{height:40px;padding-left:10px;} .Floor001318 ul.search .btn{line-height:40px;} } .Floor001318 .filter select{width:20%;margin-right:2%;outline:2px solid #eee;height:60px;font-size:1em;padding:0 16px;border:none;border-right:20px solid #fff;background:#fff;} /*Floor002721 */ .Floor002721 .auto{ } .Floor002721 > .auto{padding:0 0 4% 0;} .Floor002721 .search-box{ position:relative; margin:0 auto; width:90%; max-width:955px;} .Floor002721 .search-box .text{ width:100%; color:#999; border:1px solid #d8d8d8; line-height:68px; height:70px; padding:0 10px 0 60px; background:#fff;box-shadow:6px 0 29px rgba(0,0,0,0.06); transition:0.3s;} .Floor002721 .search-box .text.focus{ color:#333; border-color:#0052d9;box-shadow:6px 0 29px rgba(0,0,0,0.1);} .Floor002721 .search-box .btn{ position:absolute; left:0; top:0; height:100%; width:60px; background:url(../images/Floor002721_btn.png) no-repeat center center;} .Floor002721 .title{ text-align:center; padding-top:5%; padding-bottom:2%;} .Floor002721 .title h1{ font-size: 32px;color: #333;text-align: center;font-weight: bold;} .Floor002721 .title h1::after {content: '';display: block;width: 52px;height: 4px;background: #0052d9;margin: 2% auto 0;} .Floor002721 .list-box .box{ float:left; } .Floor002721 .box .pic{ overflow:hidden;} .Floor002721 .box .pic a{ display:block; position:relative;} .Floor002721 .box .pic a:after{ content:''; position:absolute; left:0; width:100%; height:100%; bottom:0; z-index:3; background: -moz-linear-gradient(top, rgba(30,54,90,0) 0%, rgba(30,54,90,0.65) 64%, rgba(30,54,90,0.65) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(30,54,90,0) 0%,rgba(30,54,90,0.65) 64%,rgba(30,54,90,0.65) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 64%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e365a', endColorstr='#a61e365a',GradientType=0 ); /* IE6-9 */} .Floor002721 .box .pic a > img{ width:100%; display:block; transition:0.3s;} .Floor002721 .box .pic a:hover > img{ transform:scale(1.12); -webkit-transform:scale(1.12); -ms-transform:scale(1.12);} .Floor002721 .box .txt{ position:absolute; left:9%; right:5%; bottom:10%; z-index:5;} .Floor002721 .box .txt span{ font-size:20px; padding-top:15px; color:#fff;} .Floor002721 .box .txt img{ display:block; height:36px;} .Floor002721 .box ul{ min-height:170px; margin-left:20px; border-left:1px solid #eaeaea; padding:10px 0 4px 0;} .Floor002721 .box li{ padding-left:20px; line-height:30px;} .Floor002721 .box li a{ padding-left:40px; margin-left:-40px; background:url(../images/Floor002721_li.gif) no-repeat left center;font-size: 1.125em; line-height: 38px;} .Floor002721 .box li a:hover{ color:#0052d9;} @media(min-width:1025px){ .Floor002721 .list-box .box{width:17.9%;} .Floor002721 .list-box .box:not(:nth-child(5n)){margin-right:2.556%;} } @media(max-width:1024px){ .Floor002721 .list-box .box{margin-bottom:4%;} } @media(min-width:481px) and (max-width:1024px){ .Floor002721 .list-box .box{width:48%; } .Floor002721 .list-box .box:not(:nth-child(2n)){margin-right:4%;} } @media(max-width:480px){ .Floor002721 .list-box .box{ float:none;} .Floor002721 .search-box .text{ line-height:52px; height:54px; padding:0 10px 0 60px;} } .proml{padding:5% 0;} .w22{width:20%;} .w75{width:77%; padding-bottom:0;} /*Menu002387*/ .Menu002387 .side-title{ margin-top:0%;background:#0052d9; background-size:auto 100%;color:#fff; font-size:30px; padding:20px 0 22px 28px; border-radius: 28px 0 0 0; } .Menu002387 .side-title span{ display:block;text-transform: uppercase; font-size: 18px; color: rgba(255,255,255,0.5);} .Menu002387 .side-menu li{ border-bottom:1px solid #fff; line-height:58px; font-size: 18px; background: #f8f8f8;} .Menu002387 .side-menu li:last-child{ border-bottom: none;} .Menu002387 .side-menu li a{ display:block; padding-left:30px; padding-right:40px;position:relative;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .Menu002387 .side-menu li a::before, .Menu002387 .side-menu li a::after{ position:absolute; content:''; top:50%;} .Menu002387 .side-menu li a::before{ width:16px; height:16px; border-radius:50%; background:#e2e2e2; right:16px; margin-top:-8px;} .Menu002387 .side-menu li a::after{ margin-top:-4px;border:5px solid transparent; border-top-width:4px; border-bottom-width:4px; border-left-color:#fff; right:15px;} .Menu002387 .side-menu li a:hover, .Menu002387 .side-menu li.aon a{ color:#0052d9;} .Menu002387 .side-menu li:hover a::before, .Menu002387 .side-menu li.aon a::before{ background:#0052d9;} .Menu002387 #side-menu .owl-item{ float:left;touch-action: pan-y;-webkit-tap-highlight-color: transparent;position: relative;} .Menu002387 #side-menu .owl-stage-outer{ position:relative; overflow:hidden;} .Menu002387 #side-menu .owl-stage{position:relative;touch-action: manipulation;} @media(max-width:1024px){ .Menu002387 .side-title{ margin-top:2%;} .Menu002387 .side-menu{ display:none;} .Menu002387 #side-menu{ background:#222; border-top:1px solid #fff; padding:0 20px; position:relative;} .Menu002387 #side-menu li a{ color:#fff; float:left; line-height:40px; padding:0 30px;} .Menu002387 #side-menu li.aon a{ background:#fff; color:#000;} .Menu002387 #side-menu .owl-nav button{ position:absolute; top:0; height:100%; width:18px; border:none; background:#000; color:#fff; cursor:pointer; padding:0;} .Menu002387 #side-menu .owl-nav button.owl-prev{ left:0;} .Menu002387 #side-menu .owl-nav button.owl-next{ right:0;} .Menu002387 #side-menu .disabled{ display:none;} } @media(max-width:640px){ .Menu002387 .side-title{padding:10px 0 10px 20px;font-size:20px;} .Menu002387 .side-title span{ font-size:12px;} } /* .TextList000962 涓篸emo缂栧彿 */ .TextList000962{ padding:0% 0;} .TextList000962 .tit{} .TextList000962 .tit h2{font-size: 28px;font-weight: normal;color: #333;border-bottom: 1px solid #e5e5e5;margin: 0;margin-bottom: 3%;padding-bottom: 2%;} .TextList000962 li{ float:left; width:49%; margin-right:2%; border:1px solid #eee; line-height:44px; margin-bottom:2%; position:relative;} .TextList000962 li a{ position:absolute; left:0; top:0; width:100%; height:100%;} .TextList000962 li:nth-child(2n){ margin-right:0;} .TextList000962 li p{ margin:0; border-left:2px solid #0052d9; padding:15px 23px;font-size:18px;color:#333;} .TextList000962 li span{ float:right; margin-top:16px; color:#9f9f9f;} .TextList000962 li span.name{ width:85px; color:#343434; background:url(../images/TextList000962-a.png) no-repeat left center; padding-left:30px; margin-left:50px;} .TextList000962 li:hover{ border:1px dashed #0052d9;} .TextList000962 li:hover p{ color:#0052d9;} @media(max-width:768px){ .TextList000962 li{ float:none; width:auto; margin-right:0;} .TextList000962 li span.name{ width:70px;margin-left:30px;} .TextList000962 li::before{right:85px;} .TextList000962 li p{padding:10px;} .TextList000962 li span{margin-top:10px;} } /*Floor002143 */ .Floor002143 .auto{ position:relative; margin:0;} .Floor002143 .pic img{ display:block; width:100%;} .Floor002143 .pic img.phone{ display:none;} .Floor002143 .click, .Floor002143 .file, .Floor002143 .file video{position:absolute; left:0; top:0; width:100%; height:100%;} .Floor002143 .click{ background:url(../images/Floor002143-video.png) no-repeat center center; cursor:pointer;} .Floor002143 .file{ display:none; z-index:10; background:rgba(0, 82, 217,0.9);} .file, .Floor002143 .file video{} @media(max-width:1200px){ .Floor002143 .pic img{ display:none;} .Floor002143 .pic img.phone{ display:block;} } /*Floor003195 */ .Floor003195{background: url(../images/Floor003195-bg.jpg) no-repeat center center;background-size: cover;} .Floor003195 .intro{text-align: center; padding-top: calc(220 / 1920 * 100vw); padding-bottom: calc(40 / 1920 * 100vw);color:#fff; } .Floor003195 .column-tit{ font-size: calc(56 / 16 * 1em);margin-bottom: calc(10 / 50 * 1em);color: #fff;font-weight: bold;} .Floor003195 h2{font-weight: normal;margin:0;font-size:22px;} @media (max-width:1024px) { .Floor003195 .column-tit{font-size: calc(32 / 16 * 1em);} } .Floor003195 .intro .edit-info{ font-size: calc(16 / 16 * 1em); line-height: 30px; } .Floor003195 .icon-desc{ padding-bottom: calc(174 / 1920 * 100vw); color: #fff;} .Floor003195 .icon-desc .sub-tit{text-align: center; font-size: calc(40 / 16 * 1em); margin-bottom: calc(118 / 1920 * 100vw);} .Floor003195 .icon-desc li{position: relative;text-align: center;} .Floor003195 .icon-desc li:not(:last-child) .line{position: absolute;} .Floor003195 .icon-desc li .icon{width: calc(87 / 16 * 1em);margin: 0 auto calc(30 / 16 * 1em); border: solid 1px #fff;position: relative;border-radius: 0 calc(20 / 16 * 1em) 0 calc(20 / 16 * 1em); transition: 0.3s;} .Floor003195 .icon-desc li .icon:after{position: absolute;content: ''; width: calc(9 / 16 * 1em); height: calc(9 / 16 * 1em); top: 0;left: calc(100% + 0.03rem); background: url(../images/Floor003195-add.svg) no-repeat center center; background-size: contain; transform: scale(0); transition: 0.3s;} .Floor003195 .icon-desc li .icon img{transition: 0.5s;width: calc(46 / 16 * 1em);} .Floor003195 .icon-desc li:hover .icon{border-color: #0052d9;} .Floor003195 .icon-desc li:hover .icon:after{transform: scale(0);} .Floor003195 .icon-desc li:hover img{transform: rotate(360deg);} .Floor003195 .icon-desc li .icon dl{display: table; width: 100%; height: calc(85 / 16 * 1em); } .Floor003195 .icon-desc li .icon dt{display: table-cell; vertical-align: middle;text-align: center;} .Floor003195 .icon-desc li a{color: #fff;} .Floor003195 .icon-desc li .tit{font-size: calc(18 / 16 * 1em); line-height: 1.2;} .Floor003195 .icon-desc li p{margin: 10px 0 0 0; font-size: calc(22 / 16 * 1em);} @media (min-width:1025px) { .Floor003195 .intro .edit-info{max-width: calc(1154 / 1440 * 100%);margin: 6% auto;} .Floor003195 .icon-desc ul{display: table;width: 100%; table-layout: fixed;} .Floor003195 .icon-desc li{display: table-cell; vertical-align: middle; width: calc(100% / 3);} .Floor003195 .icon-desc li:not(:last-child) .line{height: 100%;width: 1px;border-right: 1px dotted rgba(255, 255, 255, 0.5);right: 0; top: 0;} .Floor003195 .icon-desc li:not(:last-child) .line i{position: absolute; top: calc(100% + 9px); width:10px;height: 9px;left: 50%; margin-left: -5px;} .Floor003195 .icon-desc li:not(:last-child) .line i:before, .Floor003195 .icon-desc li:not(:last-child) .line i:after{position: absolute;content: ''; background-color: #00ca79; border-radius: 3px;} .Floor003195 .icon-desc li:not(:last-child) .line i:before{left: 0;width: 100%; height: 3px; top: 0;} .Floor003195 .icon-desc li:not(:last-child) .line i:after{width: 3px;left: 50%; margin-left: -1px; top: 0; height: 100%;} } @media (max-width:1024px) { .Floor003195 .icon-desc .sub-tit{font-size: calc(28 / 16 * 1em); margin-bottom: 2em;} .Floor003195 .icon-desc li:not(:last-child) .line{height: 1px;width: 100%;border-bottom: 1px dotted rgba(255, 255, 255, 0.5);left: 0; bottom: 0;} .Floor003195 .icon-desc li:not(:last-child){margin-bottom: 10vw; padding-bottom: 10vw;} } /* .鎼滅储 涓篸emo缂栧彿 */ .TextList000746{ padding:3% 3% 4%; } .TextList000746 li{border-bottom: #f0f0f0 1px dashed;line-height: 35px;padding:10px 0;} .TextList000746 li a{ padding-left:20px; background:url(../images/TextList000746-icon.jpg) no-repeat 5px center;} .TextList000746 li a:hover{ color:#0D70B5;} .TextList000746 li time{float:right;color:#999;font-size: 14px;margin-left:10px;} .list15{ display: flex; flex-wrap: wrap; } .list15 .item{ width: 49%; padding: 10px 0; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #eee; } .list15 .item:not(:nth-child(2n+1)){ margin-left: 2%; } .list15 .item .ctit{ font-size: 18px; color: #333; position: relative; padding-left: 20px; } .list15 .item .ctit::before{ content: ''; display: block; position: absolute; top: 9px; border-top: 1px solid #555555; border-right: 1px solid #555555; transform: rotate(45deg); left: 0; width: 8px; height: 8px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); } .list15 .item .icon{ background-image: url(../images/download1.png); width: 20px; height: 20px; background-size: contain; background-repeat: no-repeat; background-position: center; } /*2023.9.18*/ .top-shop{ display:none; } #widget {position:fixed; right:6px; top:60%; z-index:100; border: 1px solid #F4F4F4; box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.19); border-radius:0.625em; background-color: #fff; font-size:16px;} #widget li {position:relative; list-style:none; text-align:center; padding:0.375em 0;} #widget li:after {width:1.875em; height:1px; background-color:#f0f0f0; position:absolute; bottom:0; left:50%; transform:translateX(-50%); display:block; content:'';} #widget .link {display:flex; align-items:center; justify-content:center; width:3.125em; height:3.125em; color:#999; position:relative; z-index:5;} #widget .link :hover .text {display:block;} #widget .link :hover .icon {display:none;} #widget .text {display:none; font-size:0.9375em; line-height:1.5em; width:2em;} #widget .icon {display:block; width:100%; height:100%; background:no-repeat center center; background-size:64% auto;} #widget .online .icon {background-image:url(../images/widget_01.png);} #widget .phone .icon {background-image:url(../images/widget_02.png);} #widget .qq .icon {background-image:url(../images/widget_03.png);} #widget .wechat .icon {background-image:url(../images/widget_04.png);} #widget .drop {position:absolute; right:-12.5%; top:50%; transform:translateY(-50%); background-color: rgb(232, 244, 253, 0.78); font-size:0.875em; padding:0.715em; color:#999; border:1px solid #f4f4f4;box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, .19); border-radius:0.357em; opacity:0; transition:all .2s; visibility:hidden; margin-right:0.625em; z-index:2;} #widget .drop:after {display:block; content:''; border-left:0.5em solid rgb(232, 244, 253, 0.78); border-top:0.5em solid transparent; border-bottom:0.5em solid transparent; position:absolute; left:100%; top:50%;transform:translateY(-50%);} #widget .drop p {white-space:nowrap; margin:0;} #widget .qr {width:9.375em;} #widget .qr img {display:block; width:100%; height:auto;} #widget li:hover .drop {visibility:visible; opacity:1; right:100%;} @media only screen and (max-width:768px){ #widget {font-size:12px;} }