.tit .index_tit{color: #333;font-size: 38px;font-weight: bold;} .tit .index_en{font-family: "DINBold"; font-size: 34px;color: #333;} @media(max-width:640px){ .tit .index_tit{font-size: 28px;} .tit .index_en{font-size: 30px;} } .index_more{display: inline-block;background: #0088d4;color: #fff;padding: 0 20px;position: relative;} .index_more:after{position: absolute; content: ''; width: 6px; height: 4px; background: #fff;top: 50%; margin-top: -2px;right: 0; transition: 0.3s;} .index_more:hover:after{width: 0;} .index_more:hover{color: #fff;} .index_more span{display: block;line-height: 50px;position: relative; padding-left: 44px;} .index_more span:before{position: absolute; left: 0; top: 50%; width: 18px; height: 10px; margin-top: -5px; content: '';background: url(../images/Floor002841-more.png) no-repeat right center;transition: 0.3s;} .index_more:hover span:before{ width: 30px;} .gy{font-size: 40px; font-weight: bold;margin-bottom:4%;color: #333;} .gy1{font-size: 40px; font-weight: bold;margin-bottom:4%;color: #333;text-align: center;} /*Top003198 */ .Top003198{position: relative;z-index: 100; left: 0;top: 0;width: 100%; background-color: #fff; box-shadow: 0 0 5px rgba(0,0,0,0.1); font-family: 'HarmonyOS_Sans_SC';} .index .Top003198{position: fixed;} .Top003198 menu li span{display: block; font-size: calc(18 / 16 * 1em);} .Top003198 menu li a:hover, .Top003198 menu li.aon span a{color: #0088d4;} .Top003198 li .sub .pic .Ispic{padding-bottom: calc(400 / 310 * 100%); background-color: #eee;} .Top003198 .top-hotline{color: #0088d4; font-family: 'HarmonyOS_Sans_SC_Medium'; font-size: calc(20 / 16 * 1em); padding-left: calc(29 / 20 * 1em); background: url(../images/Top003198-tel.svg) no-repeat left center; background-size: 1em auto; line-height: calc(36 / 20 * 1em);} .Top003198 .top-search{display: block; padding: 0; margin-left: calc(56 / 1920 * 100vw);} .Top003198 .top-search .box{position: relative; background-color: rgba(163,163,163,0.1); overflow: hidden;} .Top003198 .top-search .box .text{width: 100%;display: block; line-height: calc(36 / 16 * 1em);height: calc(36 / 16 * 1em); font-size: 1em; background: none; border: 0; padding-left: calc(42 / 16 * 1em);color: rgba(51, 51, 51, 0.5);} .Top003198 .top-search .box .text.focus{color: #000;} .Top003198 .top-search .box .btn{position: absolute;top: 0;width: calc(42 / 16 * 1em); height: 100%; background: url(../images/Top003198-search.svg) no-repeat center center;background-size:calc(17 / 42 * 100%) auto; cursor: pointer;} @media (min-width:1025px) { .Top003198 .logo{display: table; height: calc(90 / 16 * 1em);} .Top003198 .logo a{display: table-cell; vertical-align: middle;} .Top003198 .logo img{max-height:calc(60 / 16 * 1em);} .Top003198 menu li{float: left; margin-right: calc(60 / 1920 * 100vw);} .Top003198 menu li span{line-height: calc(90 / 18 * 1em);} .Top003198 li .sub{position: absolute; top: 100%; background-color:#fff; width: calc(150 / 16 * 1em); margin-left: calc((150 / 16 * 1em) / -2); padding: calc(10 / 16 * 1em); box-shadow: 0 5px 5px rgba(0,0,0,0.1);} .Top003198 li .sub dl{background: none; width:100%;} .Top003198 li .sub dt{text-align: center;} .Top003198 li .sub .pic{width: 50%;} .Top003198 .top-right{padding-top: calc(27 / 16 * 1em);} .Top003198 .top-right dd{float: left;} .Top003198 .top-search .box{width: calc(90 / 16 * 1em); border-radius: calc(90 / 16 * 1em); transition: 0.3s;} .Top003198 .top-search.show .box{width: calc(200 / 1920 * 100vw);} .Top003198 .top-search .box .btn{ left: 0;} } @media(max-width:1360px){ .Top003198 .logo{height:70px;} .Top003198 menu li span{line-height: 70px;font-size: 16px;} .Top003198 .top-right{padding-top:24px} .Top003198 li .sub dt{font-size: 14px;} } @media (max-width:1024px) { .Top003198 .top-hotline, .Top003198 header:after{display: none;} .Top003198 header{display: flex; justify-content: space-between; align-items: center; height: 50px;} .Top003198 .logo{height:auto;} .Top003198 .logo img{max-height:30px;} .Top003198 .top-right{padding-top:8px;} .Top003198 menu{position: fixed; left: -100%;top: calc(70 / 16 * 1em);height: calc(100% - (70 / 16 * 1em)); background-color: #fff;opacity: 0;transition: 0.5s;box-shadow: 0 5px 5px rgba(0,0,0,0.1); width:50vw; max-width: 240px;} .menu-show .Top003198 menu{left: 0; opacity: 1;} .Top003198 menu ul{height: 100%; overflow: auto;} .Top003198 menu li{border-bottom: 1px dotted #eee;} .Top003198 menu li span{line-height: 3; padding-left:2em;} .Top003198 menu li.has-sub span .op:before, .Top003198 menu li.has-sub span .op:after{background-color: #0088d4;} .Top003198 li .sub{background-color: #eee;} .Top003198 li .sub .pic{display: none;} .Top003198 .top-search{margin: 0 5vw 0 0; position: inherit;} .Top003198 .top-search .box{top: 100%; left: 0;width: 100%; opacity: 1; position: absolute; display: none; background-color: rgba(255,255,255,0.8);} .Top003198 .top-search .box .btn{ right: 0;} .Top003198 .top-search .box .text{padding: 0 calc(42 / 16 * 1em) 0 calc(20 / 16 * 1em);} .Top003198 .top-right dl:after{display: none;} .Top003198 .top-right dl{display: flex;align-items: center;} .Top003198 .open-search{ width: calc(24 / 16 * 1em); height: calc(24 / 16 * 1em); background: url(../images/Top003198-search.svg) no-repeat center center; background-size: contain;display: block; position: relative;} .Top003198 .open-search.on{width: calc(30 / 16 * 1em); height: calc(30 / 16 * 1em); } .Top003198 .open-search.on:after, .Top003198 .open-search.on:before{background-color: #0088d4;} .Top003198 .open-menu{width: calc(30 / 16 * 1em); height: calc(24 / 16 * 1em); display: flex;flex-wrap: wrap;flex-direction: column; justify-content: space-between; transition: 0.3s;} .Top003198 .open-menu span{display: block; transition: 0.3s;height: 2px; background-color: #000;} .menu-show .Top003198 .open-menu{border-radius: 50%; background-color: #0088d4; padding: calc(9 / 16 * 1em);height: calc(30 / 16 * 1em); } .menu-show .Top003198 .open-menu span{background-color: #fff; height: 1px;} } /*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，2，3*/ .Banner002826 li.slick-slide{position: relative;} .Banner002826 .slick-track{display: flex;} .Banner002826 li.slick-slide img{display: block;width: 100%;height: 100%;} .Banner002826 li.slick-slide video{position: absolute; z-index: 10; left: 50%; top: 50%; transform: translate(-50%,-50%);height: 100%; width: 100%;object-fit: cover;} @media(min-width:1025px){ .Banner002826 li.slick-slide img.wap{display: none;} } @media(max-width:1024px){ /* body{padding-top:50px;} */ .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: 5%;overflow: hidden; z-index: 10;} .Banner002826 .slick-dots li{float: left; width: 18px; height: 18px;position: relative; border-radius: 50%;border: 2px solid #fff; cursor: pointer;} .Banner002826 .slick-dots li:not(:last-child){margin-right: 40px;} .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;} .index_more{padding:0 10px;} .index_more span{line-height: 30px;padding-left:24px;} } /*Floor002820 */ .Floor002820{ padding:5% 0;} .Floor002820 .auto{ max-width: 1600px; width: 90%;} .Floor0028201 .auto{ max-width: 1400px; width: 90%;} .Floor002820 .video .inner{position: relative;} .Floor002820 .video .files{position: absolute; left: 0; top: -5%; z-index: 5; bottom: -5%; width: 0;background: #fff; transition: 0.3s;overflow: hidden;} .Floor002820 .video .files.show{width: 100%;} .Floor002820 .video .files video{position: absolute; left: 0; top: 0;background: #000;object-fit: cover;} .Floor002820 .video .pic img{display: block;width: 100%;} .Floor002820 .open-video{position: absolute;left: 1.223%;bottom: 12.947%; cursor: pointer; z-index: 10;} .Floor002820 .open-video i{display: block;width: 36px; height: 36px; border-radius: 50%; background: #0088d4 url(../images/Floor002820_btn.png) no-repeat center center;position: relative; z-index: 4;} .Floor002820 .open-video:before, .Floor002820 .open-video:after{position: absolute; content: '';border-radius: 50%;background: #0088d4; opacity: 0.2;-webkit-opacity: 0.2; animation: scale 3s infinite;-webkit-animation: scale 3s infinite;} .Floor002820 .open-video:before{left: -17px; top: -17px; bottom: -17px;right: -17px; animation-delay: 0.3s;} .Floor002820 .open-video:after{left: -27px; top: -27px; bottom: -27px;right: -27px;} @keyframes scale{ 0%{transform: scale(1);-webkit-transform: scale(1);-ms-transform: scale(1);} 50%{transform: scale(0.8);-webkit-transform: scale(0.8);-ms-transform: scale(0.8);} 100%{transform: scale(1);-webkit-transform: scale(1);-ms-transform: scale(1);} } @-webkit-keyframes scale{ 0%{transform: scale(1);-webkit-transform: scale(1);-ms-transform: scale(1);} 50%{transform: scale(0.8);-webkit-transform: scale(0.8);-ms-transform: scale(0.8);} 100%{transform: scale(1);-webkit-transform: scale(1);-ms-transform: scale(1);} } @-ms-keyframes scale{ 0%{transform: scale(1);-webkit-transform: scale(1);-ms-transform: scale(1);} 50%{transform: scale(0.8);-webkit-transform: scale(0.8);-ms-transform: scale(0.8);} 100%{transform: scale(1);-webkit-transform: scale(1);-ms-transform: scale(1);} } .Floor002820 .info{padding: 4% 0; font-size: 16px; line-height: 30px; color: #666; width: 88%;} .Floor002820 .info-num{margin-bottom: 5%;} @media(min-width:1025px){ .Floor002820 .number{width: 59.072%;} } @media(max-width:1024px){ .Floor002820 .ytable, .Floor002820 .ytable-cell{display: block;} .Floor002820 .video{width: 100%; margin: 40px auto;} } @media(min-width:641px){ .Floor002820 .info-num li{float: left;width: 33.3333%;border-left: 10px solid #f9f9f9;padding-left: 20px;} } .Floor002820 .info-num li aside{display: inline-block;position: relative;} .Floor002820 .info-num li aside b{font-family:DIN;font-size: 56px;color: #000;display: block;} .Floor002820 .info-num li aside sub{position: absolute; left: 100%; word-break: keep-all; bottom: 15%;font-size: 16px;font-weight: 100;margin-left: 10px;} .Floor002820 .info-num li p{font-size: 16px;color: #999; margin-bottom: 0;margin-top: 22px;} @media(min-width:1025px) and (max-width:1200px){ .Floor002820 .info-num li aside b{font-size: 60px;} } @media(min-width:641px) and (max-width:769px){ .Floor002820 .info-num li aside b{font-size: 60px;} } @media(max-width:640px){ .Floor002820 .info-num li{text-align: center;} .Floor002820 .info-num li:not(:last-child){margin-bottom: 20px;} } @media(max-width:480px){ .Floor002820 .info-num li aside b{font-size: 60px;} .Floor002820 .info-num li{float: left;width: 33.33%;} .Floor002820 .video .pic img{max-width:300px;} } /*Floor003104 */ .Floor003104{font-family: 'Alibaba-PuHuiTi-Regular';font-size: 100px;position: relative;z-index: 1; overflow: hidden;} @media (max-width:1600px) { .Floor003104{font-size: 6.25vw;} } @media (max-width:1024px) { .Floor003104{font-size: 14vw; padding: 20px 0;} } .Floor003104 .auto{max-width: 1600px;width: 90%;position: relative;z-index: 1;} .Floor003104 .title{color: #003f84;font-size: 0.38em; margin-bottom: 1.0526em;} .Floor003104 .title .en{font-family: 'AvantGardeITCbyBT-Demi';font-size: 1.368em;line-height: 1;} .Floor003104 .info{line-height: 1.75;font-size: 0.16em; margin-bottom: 1.69em;} .Floor003104 .slider-nav li{float: left;width: 18.75%; border-bottom: 5px solid rgba(153,153 ,153,0.6);} .Floor003104 .slider-nav li.slick-current{border-bottom-color: #ffffff;} .Floor003104 .slider-nav li:not(:last-child){ margin-right: 8.333%;} .Floor003104 .slider-nav li .tit{font-size: 0.24em;color: #fff;line-height: 1.2; margin-bottom: 0.666em;} .Floor003104 .slider-nav li .icon{width: 0.7em;height: 0.7em;position: relative; margin-bottom: 0.35em;display: table;line-height: 0;} .Floor003104 .slider-nav li.slick-current .icon{background-color:#0088d4;} .Floor003104 .slider-nav li .icon aside{position: absolute;left: 0;top: 0;width: 100%;height: 100%; opacity: 0;} .Floor003104 .slider-nav li.slick-current .icon > img{opacity: 0;} .Floor003104 .slider-nav li.slick-current .icon aside{opacity: 1;} .Floor003104 .slider-nav li p{font-size: 0.16em; margin: 0 0 1.25em 0;line-height: 1.2; opacity: 0;transition: 0.3s;-ms-transition: 0.3s;color: #f5f5f5;} .Floor003104 .slider-nav li.active p{opacity: 1;} .Floor003104 .right .slider li{position: relative;} .Floor003104 .right .slider li .imgbox{position: relative;overflow: hidden;padding-top:40%;} .Floor003104 .right .slider li .imgbox span{display: flex;align-items: center;justify-content: center;position: absolute;width:100%;height:100%;top:0;left:0;} .Floor003104 .right .slider li .imgbox span img{width:100%;height:100%;object-fit: cover;} .Floor003104 .right .slider li .layer{position: absolute; left: 0; top: 0;width: 100%; height: 100%; overflow: hidden;} .Floor003104 .right .slider li .layer > div{position: absolute;top: 0;width: 10%;height: 100%;background-color: #fff; transition-duration: 0.3s;-ms-transition-duration: 0.3s;transition-timing-function: cubic-bezier(0.46, 0.03, 0.52, 0.96);-ms-transition-timing-function: cubic-bezier(0.46, 0.03, 0.52, 0.96);} .Floor003104 .right .slider li.slick-current .layer > div{height: 0;} @media (min-width:1025px) { .Floor003104 .left{width: 22.5%; padding-top: 1.6em;} .Floor003104 .right{width:100%;} /* .Floor003104 .right .slider{width: 112.904%;} */ .Floor003104 .info{max-width: 271px; width: 85%;} .Floor003104 .slider-nav{position: absolute;left: 0;width: 100%;bottom: 0.6em;z-index: 5;} .Floor003104 .slider-nav li .tit{transform: translateY(1.65em);-ms-transform: translateY(1.65em); transition: 0.3s;-ms-transition: 0.3s;} .Floor003104 .slider-nav li.active .tit{transform: translateY(0);-ms-transform: translateY(0);color: #fff;background:url(../images/Floor003104-icon.svg) no-repeat right center; background-size: 0.875em auto;padding-right: 1em;} } @media (max-width:1024px) { .Floor003104{padding-bottom:0;} .Floor003104 .slider-nav{margin-bottom: 0.2em;background: #ccc;padding-top: 10px;position: absolute;width:100%;left:0;bottom:0;} .Floor003104 .slider-nav li{width: 23.5%;} .Floor003104 .slider-nav li:not(:last-child){ margin-right: 2%;} .Floor003104 .slider-nav li p{display: none;} .Floor003104 .slider-nav li .icon{margin-left: auto;margin-right: auto; margin-bottom: 0.15em;width:50px;height:50px;} .Floor003104 .slider-nav li .tit{text-align: center;font-size: 14px} .Floor003104 .right .slider li .imgbox{padding-top:50%;} } @media(max-width:640px){ .Floor003104 .slider-nav li .icon{width:30px;height:30px;} .Floor003104 .right .slider li .imgbox{padding-top:60%;} } /*Floor002827 */ .TopBoxView{height:auto !important;} .Floor002827{overflow: hidden;} .Floor002827 .auto{width: 96%; max-width: 1600px;} .Floor002827 .left{position: relative;} .Floor002827 .left:before{position: absolute; left: -44.49%; top: 0; width: 103.265%; background: url(../images/Floor002827_titlebg.png) no-repeat; background-size: contain; height: 100%; content: '';} .Floor002827 .left > *{position: relative; z-index: 10;} .Floor002827 .left .p{font-size: 16px; line-height: 30px; color: #666;} .Floor002827 .left .more{background: url(../images/Floor002827_more.png) no-repeat; display: block; max-width: 140px; line-height: 37px; text-align: center;font-size: 18px;color: #fff; margin: 0 15px; background: #e1001c;padding: 5px 0;position: relative;} .Floor002827 .left .more:before, .Floor002827 .left .more:after{position: absolute; top: 0;content: ''; width: 15px; height: 100%;background: url(../images/Floor002827_more.png) no-repeat left top; transition:border-radius 0.3s; background-size: auto 100%;} .Floor002827 .left .more:before{left: -15px;} .Floor002827 .left .more:after{right: -15px;background-position: right top;} .Floor002827 .left .more:hover:before, .Floor002827 .left .more:hover:after{background-color: #e1001c;} .Floor002827 .left .more:hover:before{ border-radius: 15px 0 0 15px;} .Floor002827 .left .more:hover:after{border-radius:0 15px 15px 0;} .Floor002827 .left .more span{display: block;border-top: 1px solid #f0808e;border-bottom: 1px solid #f0808e; transition: 0.3s;} .Floor002827 .left .btn{overflow: hidden; margin-top: 40px;} .Floor002827 .left .slick-arrow{float: left;width: 49%; border: 1px solid #d2d2d2; height: 40px; cursor: pointer;background: none;position: relative;opacity: 0.5;} .Floor002827 .left .slick-arrow span{position: absolute; width: 26px ;height: 2px; background: #000;left: 50%; top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);} .Floor002827 .left .slick-arrow span:after{position: absolute;top: -3px; content: ''; width: 40%; height: 100%;background: #000; } .Floor002827 .left .slick-next span:after{ right: -2px; transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);} .Floor002827 .left .slick-prev span:after{left: -2px;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);} .Floor002827 .left .slick-next{float: right;} .Floor002827 .left .slick-arrow:hover{opacity: 1;} .Floor002827 .left .pager{font-size: 24px;color: #181818;} .Floor002827 .left .pager span{font-family: "HelveticaNeueLTPro-MdCn";color: #3e3e3e;} .Floor002827 .left .pager span.cur{margin-right:5px;} .Floor002827 .left .pager span.total{margin-left: 5px;} .Floor002827 .right{overflow: hidden;position: relative;} .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;} .Floor002827 .slider li .inner{padding-right: 40px;} .Floor002827 .slider li .pic{overflow: hidden;} .Floor002827 .slider li .pic img{display: block;width: 100%; transition: 0.3s ease-in-out;} .Floor002827 .slider li:hover .pic img{transform: scale(1.2);-webkit-transform: scale(1.2);-ms-transform: scale(1.2);} .Floor002827 .slider li .txt{position: relative; z-index: 2; margin: 0 0.2em;padding-top: 0.3em;font-size: 100px;} .Floor002827 .slider li .txt time{position: absolute; left: 0;bottom: 100%;margin-bottom: -2em;background: #fff; text-align: center;width: 5.125em;line-height: 2em;color: #a2a2a2;font-size: 0.16em; font-family: "HelveticaNeueLTPro-MdCn";} .Floor002827 .slider li .txt time span{font-size: 3.25em;display: block;padding-top: 0.42307em;line-height: 0.76923em;} .Floor002827 .slider li .txt aside{overflow: hidden;} .Floor002827 .slider li .txt aside a{float: left;max-width: 100%;font-size: 0.22em;color: #3e3e3e;padding-bottom: 3px;position: relative;} .Floor002827 .slider li .txt aside a:after{position: absolute; left: 0; bottom: 0; height: 1px; width: 100%;content: '';background: #3e3e3e; transition: 0.3s;} .Floor002827 .slider li:hover .txt aside a{color: #0088d4;} .Floor002827 .slider li:hover .txt aside a:after{width: 0;} .Floor002827 .slider li .txt p{line-height:30px;color: #666;font-size: 0.16em;} .Floor002827 .slider li .more{display: table;font-size: 0.18em;color: #666;} .Floor002827 .slider li .more i{display: inline-block;height: 2px;background: #ccc;width: 27px;position: relative; vertical-align: middle; margin-left: 10px;} .Floor002827 .slider li .more i:after{position: absolute;top: -4px; content: ''; width: 40%; height: 100%;background: #ccc; right: -1px; transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);} .Floor002827 .slider li:hover .more{color: #0088d4;} .Floor002827 .slider li:hover .more i:after, .Floor002827 .slider li:hover .more i{background: #0088d4;} @media(min-width:1025px){ .Floor002827 .auto > *{padding-top:8%;padding-bottom:6%;} .Floor002827 .left{float: left;max-width: 290px;width: 16%;} .Floor002827 .left .pic{padding-bottom: 20%;} .Floor002827 .left .name{margin-bottom: 50%;} .Floor002827 .right{float: right;width: 84.375%; margin-right:-10%;} .Floor002827 .right:after{position: absolute; content: ''; width: 18.5%; height: 100%; background: rgba(255,255,255,0.5);top: 0;right: 0; z-index: 10;} .Floor002827 .right .slider{width: 124.445%;} } @media(max-width:1024px){ .Floor002827{padding: 30px 0;} .Floor002827 .left:before{left: 0;} .Floor002827 .left{position: relative;margin-bottom: 20px;} .Floor002827 .left .pic{padding-right: 70%;} .Floor002827 .left .name .more{position: absolute; right: 0; top: 0;} .Floor002827 .left .name .more span{padding: 0 10px;font-size: 16px;} .Floor002827 .left .btn{position: absolute; right: 0; bottom: auto; width: 160px; margin-bottom: 0;top:0;margin-top:10px;} .Floor002827 .left .pager{display: none;} .Floor002827 .slider li .inner{padding:0 10px;} .Floor002827 .slider li .txt{font-size: 90px;margin: 0 auto} .tit .index_tit{font-size: 24px;} .tit .index_en{font-size: 20px;} .Floor002820 .ytable::after{content:'';display: block;clear: both;} .Floor002820 .number{width:48%;float:left;} .Floor002820 .video{width:48%;float:right;} .Floor002820 .info{padding: 2% 0;margin: 0 auto;width: 100%;} .Floor002820 .info-num li aside b{font-size: 30px;} .Floor002820 .info-num li p{margin-top: 0;} .Floor002827 .slider li .txt aside a{font-size: 16px} } @media(max-width:768px){ .Floor002820 .number{width:100%;float:none;} .Floor002820 .video{width:100%;float:none;max-width:500px;margin:20px auto} } @media(max-width:480px){ .Floor002827 .left .name .more{line-height: 24px;} .Floor002827 .left .name .more span{font-size: 14px;} .Floor002827 .left .btn{width: 100px;} .Floor002827 .left .slick-arrow{height: 30px;} .Floor002827 .slider li .txt{font-size: 80px;} .Floor002820 .info-num li aside b{font-size: 22px;} .Floor002820 .info-num li p,.Floor002820 .info-num li aside sub{font-size: 14px;} } /*Floor003108 */ .Floor003108{font-size: 100px; background: rgb(233,243,255); /* Old browsers */ background: -moz-linear-gradient(top, rgba(233,243,255,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(233,243,255,1) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(233,243,255,1) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9f3ff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ } @media (max-width:1600px) { .Floor003108{font-size: 6.25vw;} } @media (max-width:768px) { .Floor003108{font-size: 14vw;} } .Floor003108{margin-bottom: 1em; padding-top:5%;} .Floor003108 .auto{max-width: 1600px;width: 90%;} .Floor003108 .title{position: relative;color: #003f84;font-size: 0.38em; margin-bottom: 1.0526em;} .Floor003108 .title .en{font-family: 'AvantGardeITCbyBT-Demi';font-size: 1.368em;line-height: 1;} .Floor003108 .title .more{position: absolute;right: 0; top:50%;font-size: 0.421em; text-align: center;padding: 0 1.875em; margin-top: -1.5625em;line-height: 3.125em;border-radius: 3.125em;border: solid 2px #0e1637;transition: 0.3s;} .Floor003108 .title .more:after{width: 1.3125em;height: 0.8125em;display: inline-block; content: '';margin-left: 1em;background: url(../images/Floor003108-icon.svg) no-repeat;background-size: contain;transition: 0.3s;} .Floor003108 .title .more:hover{background-color: #003f84;color: #fff;border-color: #003f84;} .Floor003108 .title .more:hover:after{background-image: url(../images/Floor003108-icon-white.svg);} .Floor003108 ol{float: left;width: 50%; } .Floor003108 ol:nth-of-type(1) .txt{background-color: #f5f5f5;padding: 0.35em 0.4em 0;} .Floor003108 ol .pic{position: relative; overflow: hidden;} .Floor003108 ol:not(:nth-of-type(1)) .pic{margin-bottom: 0.18em;} .Floor003108 ol .pic time{position: absolute;right: 0;bottom: 0;line-height: 2.5;background-color: #0088d4;color: #fff;font-family: 'AvantGardeITCbyBT-Demi';font-size: 0.18em;padding: 0 1em;} .Floor003108 ol:nth-of-type(1) .pic time{font-size: 0.24em;} .Floor003108 ol .tit{font-size: 0.18em;text-overflow: ellipsis;overflow: hidden;} .Floor003108 ol:not(:nth-of-type(1)) .tit{display: -webkit-box;display: box;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 2; line-height: 1.666;} .Floor003108 ol:nth-of-type(1) .tit{font-size: 0.22em;white-space: nowrap;} .Floor003108 ol:not(:nth-of-type(1)) p{display: none;} .Floor003108 ol p{font-size: 0.16em; margin-top:15px;color: #999;line-height: 2;} .Floor003108 li{border-bottom: 1px solid #e1e1e1;} .Floor003108 li:nth-of-type(1){border-top: 1px solid #e1e1e1;} .Floor003108 li a{font-size: 0.18em;line-height: 4.3333;} .Floor003108 li time{float: right;font-family: 'AvantGardeITCbyBT-Demi';color: #999;} @media (min-width:769px) { .Floor003108 ol{height: 3.23em; margin-left: 2.5%;} .Floor003108 ol:not(:nth-of-type(1)){width: 21.25%;} .Floor003108 ol:nth-of-type(1){height: 6.1em; margin: 0 2.5% 0 0;} .Floor003108 ol:nth-of-type(1) .txt{height: 1.6em;} .Floor003108 ol .Ispic{transition: 0.3s ease-out;height: 1.89em;} .Floor003108 ol a:hover .Ispic{transform: scale(1.2);} .Floor003108 ol:nth-of-type(1) .Ispic{height: 4em;} .Floor003108 li{float: right;width: 45%;height: .79em;clear: right;} } @media(max-width:1024px){ .Floor003108 ol:nth-of-type(1) .tit{font-size: 16px;} .Floor003108 li a, .Floor003108 ol .tit, .Floor003108 ol p{font-size: 14px;} } @media (max-width:768px) { .Floor003108 ol{margin-bottom: 0.3em;} .Floor003108 ol:nth-of-type(1){width: 100%; } .Floor003108 ol:nth-of-type(1) .txt{padding: 20px 20px 10px;} .Floor003108 ol .Ispic{padding-bottom: 56%;} .Floor003108 ol:not(:nth-of-type(1)){width: 47.5%;} .Floor003108 ol:nth-of-type(2){margin-right: 5%;} .Floor003108 li{clear: left;} } @media (max-width:480px) { .Floor003108{padding-top: 30px;margin-bottom: 30px;} .Floor003108 li a{font-size: 0.24em;line-height: 3;} .tit .index_tit{font-size: 20px;} .tit .index_en{font-size: 16px;} .Floor002827 .left .btn{margin-top:0;} } /*Bottom003043 */ .Bottom003043{font-family: 'SourceHanSansCN-Light'; background: url("../images/Bottom003043_bg.jpg") no-repeat center top;background-size: cover;} .Bottom003043 .auto{max-width: 1600px;width: 90%;} .Bottom003043, .Bottom003043 a{color: rgba(255,255,255,0.4);} .Bottom003043 a:hover{color: #fff;} .Bottom003043 .b-top{padding: 5.5vw 0;} .Bottom003043 .contact ul{ display: table;} .Bottom003043 .contact ul > *{display: table-cell; vertical-align: middle;} .Bottom003043 .contact ol{width: 124px;} .Bottom003043 .contact li{ padding-left: 1.41vw;} .Bottom003043 .contact .tel{font-family: 'Bebas';font-size: 26px;color: #0088d4;} .Bottom003043 .contact p{margin-bottom: 0;line-height: 1.785em;margin-top: 0.5em;font-size: 16px;} @media(max-width:640px){ .Bottom003043 .contact ol{width: 22vw;} .Bottom003043 .contact li{ padding-left: 3vw;} .Bottom003043 .contact .tel{font-size: 5.5vw;} .Bottom003043 .contact p{font-size: 14px;} } .Bottom003043 .b-top nav{width: 57.819%;} .Bottom003043 .b-top nav dl{float: left; max-width: 120px;} .Bottom003043 .b-top nav dl.row2{max-width: 200px;} .Bottom003043 .b-top nav dl.row2 dd{float: left; width: 50%;} .Bottom003043 .b-top nav dt{font-family: 'SourceHanSansCN-Regular'; font-size: 16px; margin-bottom: 15px;} .Bottom003043 .b-top nav dt a{color: #fff;font-size: 18px;} .Bottom003043 .b-top nav dd{background: url("../images/Bottom003043_aicon.png") no-repeat left center; padding: 5px 0 5px 10px; line-height: 24px;font-size: 16px;} .Bottom003043 .b-bottom{border-top: 1px solid rgba(255,255,255,0.1); padding: 40px 0;} .Bottom003043 .b-bottom nav{margin-bottom: 10px;} .Bottom003043 .b-bottom nav a{display: inline-block;} .Bottom003043 .b-bottom nav a:not(:last-child):after{display: inline-block; content: ''; width: 1px ;height: 10px; background: rgba(255,255,255,0.1); margin: 0 10px;vertical-align: middle;} .Bottom003043 .b-bottom .copyright{text-align: center;} @media(max-width:1024px){ .Bottom003043 .b-top nav{display: none;} .Bottom003043 .b-bottom{padding: 10px 0} .Bottom003043 .contact ul{margin: 0 auto} .Bottom003043 .b-top{padding: 20px 0} } /* 栏目页开始 */ /*Banner003069 */ .Banner003069{position: relative; z-index:-11;} .Banner003069 .auto{max-width: 1400px;} .Banner003069 .Ispic{height:25vw;} .Banner003069 .txt{position: absolute; left: 0; bottom:45%; width: 100%; z-index: 10;color: #fff; text-align: center;} .Banner003069 .txt .en{font-size: 30px;margin-top:0.5%;font-weight: normal;} .Banner003069 .txt .cn{font-size: 48px; font-weight: bold;} @media(max-width:640px){ .Banner003069 .Ispic{height: 28vw;} .Banner003069 .txt{font-size: 6vw;} } /*Menu003135 */ .Menu003135{box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.04);} .Menu003135 .current{ font-size: 0.875em; padding-left: 1.21428em;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 .ul{ display: table; margin: 0 auto;} .Menu003135 .nav-menu li{float: left;font-size: 1.125em;line-height: 4.44444;} .Menu003135 .nav-menu li:not(:last-child){margin-right:5em;} .Menu003135 .nav-menu li a{display: block;position: relative;} .Menu003135 .nav-menu li a:hover, .Menu003135 .nav-menu li.aon a{color: #0088d4;} .Menu003135 .nav-menu li.aon a:before{position: absolute;content: ''; left: 0; bottom: 0;width: 100%; height: 2px;background-color: #0088d4;} @media (max-width:1024px) { .Menu003135 .current{display: none;} .Menu003135 .nav-menu li{line-height:3;} } /*PicList002854 */ .PicList002854{padding-bottom:2vw;} .PicList002854 li{float: left;margin-bottom:4%;} .PicList002854 li a{display: block;border: solid 3px #f5f5f5;position: relative;padding: 1vw 1vw 0.5vw; transition: 0.3s;} .PicList002854 li aside{font-size: 18px; line-height: 28px; height: 56px; text-align: center; margin-bottom: 0.2vw;color: #333;display: flex;align-items: center;justify-content: center;} .PicList002854 li .Ispic{background-size: contain;padding-bottom:140%;} .PicList002854 li a:after{position: absolute; content: '';width: 50px;height: 50px;background:url(../images/PicList002854_btn.png) no-repeat center center #f5f5f5;right: 0; bottom: 0;background-size: auto 21px;transition: 0.3s;} .PicList002854 li a:hover{border-color: #0088d4;} .PicList002854 li a:hover:after{background-color: #0088d4; background-image: url(../images/PicList002854_btn_hover.png);} @media(min-width:769px){ .PicList002854 li{width:23.5%; } .PicList002854 li:not(:nth-child(4n)){margin-right:2%;} } @media (max-width:1024px) { .PicList002854 li aside{font-size: 16px;} } @media(max-width:768px){ .PicList002854 ul{margin-left:-2%;} .PicList002854 li{width: 31.33%;margin-right:0;margin-left:2%;} .PicList002854 li aside{font-size: 16px;} .PicList002854 li a:after{width: 40px;height: 40px;background-size: auto 50%;} .PicList002854 li aside{height:40px;} } @media(max-width:480px){ .PicList002854 li aside{font-size: 14px;line-height: 20px; height: 40px;} .PicList002854 li{width:48%;} } /*PicList002171 */ .PicList002171{ padding-top:4%;} .PicList002171 li{ float:left; width: 22.75%; margin-right: 3%; margin-bottom: 3%;} .PicList002171 li a{ border:1px solid #e8e8e8; position:relative; display:block;} .PicList002171 li img{ display:block; width:100%;} .PicList002171 li a figure{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,108,186,0.95); opacity:0; transition:0.3s;} .PicList002171 li a:hover figure{ opacity:1;} .PicList002171 li dl{ display:table; width:100%; height:100%;} .PicList002171 li dt{ display:table-cell; vertical-align:middle;text-align:center; font-size:18px; color:#fff;} @media(min-width:769px){ .PicList002171 li:nth-child(4n){ margin-right:0;} } @media(max-width:768px){ .PicList002171 li{ width:32%; margin-right:2%;} } @media(max-width:768px) and (min-width:481px){ .PicList002171 li:nth-child(3n){ margin-right:0;} } @media(max-width:480px){ .PicList002171 li{ width:49%;} .PicList002171 li:nth-child(2n){ margin-right:0;} .PicList002171 li dt{ font-size:15px;} } /*PicList002220*/ .PicList002220{ padding:3% 0 4% 0;} .PicList002220 .Ptit{ position:relative; margin:0;text-align:center;} .PicList002220 .Ptit:before{ width:100%; height:1px; background:#e8e8e8; display:block; content:""; position:absolute; top:50%; left:0; z-index:2;} .PicList002220 .Ptit span{ color:#008cd6; font-weight:normal; font-size:24px; background:#fff; padding:0 45px; position:relative; z-index:3;} .PicList002220 ul{ list-style:none;} .PicList002220 .List{padding-bottom:4%;} .PicList002220 .List li{transition:all 0.5s ease-out 0s; position:relative; width:32%;float: left;margin-right: 2%;list-style: none;margin-bottom: 3%;} .PicList002220 .List li:nth-child(3n){margin-right: 0px;} .PicList002220 .List .pic{ display:block; overflow:hidden;} .PicList002220 .List .pic img{transition:all 0.5s ease-out 0s;} .PicList002220 .txt{position: relative; z-index: 2; margin: 0 0.2em;padding-top: 0.3em;font-size: 100px;} .PicList002220 .txt time{position: absolute; left: 0;bottom: 100%;margin-bottom: -2em;background: #fff; text-align: center;width: 5.125em;line-height: 2em;color: #a2a2a2;font-size: 0.16em; font-family: "HelveticaNeueLTPro-MdCn";} .PicList002220 .txt time span{font-size: 3.25em;display: block;padding-top: 0.42307em;line-height: 0.76923em;} .PicList002220 .txt aside{overflow: hidden;} .PicList002220 .txt aside .a{float: left;max-width: 100%;font-size: 0.22em;color: #3e3e3e;padding-bottom: 3px;position: relative;} .PicList002220 .txt aside .a:after{position: absolute; left: 0; bottom: 0; height: 1px; width: 100%;content: '';background: #3e3e3e; transition: 0.3s;} .PicList002220 .List li:hover .txt aside .a{color: #0088d4;} .PicList002220 .List li:hover .txt aside .a:after{width: 0;} .PicList002220 .txt p{line-height:30px;color: #666;font-size: 0.16em;} .PicList002220 .List li:hover{box-shadow:0 5px 10px 0 rgba(0,0,0,.15);transform:translate3d(0,-2px,0);} .PicList002220 .List li:hover .tit{ color:#008cd6;} .PicList002220 .List li:hover .pic img{ transform: scale3d(1.04,1.04,1.04);} .PicList002220 .ListAll{ padding-top:3%;} .PicList002220 .ListAll ul{ margin:-1%; position:relative; overflow:hidden;} .PicList002220 .ListAll li{ float:left; width:23%; margin:5px 1% 15px; padding:10px; border:1px solid #ececec; background:#f8f8f8;transition:all 0.5s ease-out 0s;} .PicList002220 .ListAll .pic{ display:block; border:1px solid #f1f1f1; overflow:hidden} .PicList002220 .ListAll .pic img{transition:all 0.5s ease-out 0s;} .PicList002220 .ListAll h4{ margin:0; text-align:center; font-weight:normal; font-size:16px; padding:10px 0 5px;overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .PicList002220 .ListAll h4 a{ color:#728391;} .PicList002220 .ListAll li:hover .pic img{transform: scale3d(1.04,1.04,1.04);} .PicList002220 .ListAll li:hover{ background:#e5e5e5;} .PicList002220 .ListAll li:hover h4 a{ color:#008cd6;} @media(max-width:1024px){ .PicList002220 .txt aside .a{font-size: 16px;} .PicList002220 .txt p{font-size: 14px;line-height: 1.8;} } @media(max-width:768px){ .PicList002220 .txt{margin:0;padding-top:15px;} } @media(max-width:767px){ .PicList002220 .ListAll li{ width:31.33334%} .PicList002220 .Ptit span{ font-size:20px;} } @media(max-width:480px){ .PicList002220 .ListAll li,.PicList002220 .List li{ width:48%;margin-right: 0;} .PicList002220 .List ul{ width:100%; float:none !important;} .PicList002220 .List ul:first-child li{ margin-bottom:3.3%;} .PicList002220 .txt{font-size: 80px;margin: 0 auto;padding-top: 10px;} .PicList002220 .txt aside a{font-size: 0.18em} .PicList002220 .txt p{line-height: 1.5;margin-top: 10px;} .PicList002220 .List li:nth-child(3n){margin-right: 0;} .PicList002220 .List li:nth-child(2n){float: right;} .PicList002220 .ListAll h4{font-size: 14px;} } /*PicList002220 End*/ /*Menu003070 */ .Menu003070 {padding: 3% 0 2% 0;} .Menu003070 .auto{max-width: 1400px;} .Menu003070 .auto ul{padding: 19px 0;} .Menu003070 li{float: left; padding: 0 10px;} .Menu003070 li a{display: block;line-height: 2.778em;font-size: 16px;color: #3d3d3d; padding: 0 30px;background:#f5f5f5;border-radius: 5px;margin-bottom: 20px;} .Menu003070 li.aon a, .Menu003070 li a:hover{color: #fff;background-color: #0088d4;border-radius: 5px;} @media(min-width:641px){ .Menu003070 .auto ul{display: table; margin: 0 auto;} } @media(max-width:1440px){ .Menu003070 li{padding: 0 1vw;} .Menu003070 li a{padding: 0 2vw;} } @media(max-width:768px){ .Menu003070 li a{font-size: 3.5vw;} .Menu003070 li{margin-bottom: 2%;width: 23.5%;padding: 0;line-height: 20px;} .Menu003070 li:not(:nth-child(4n)){margin-right: 2%;} .Menu003070 li a{font-size: 14px;line-height: 20px;min-height: 50px;text-align: center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height: 50px;margin-bottom: 0;} .Menu003070 .auto ul{width: 100%} } /*Floor003018 */ .Floor003018{padding: 1vw 0 3.8vw 0; background: url(../images/bg.png) no-repeat center center; background-size: cover; overflow: hidden;} .Floor003018 .auto{width: 85.94%;} .Floor003018 .left{font-size: 18px;} @media(min-width:1025px) and (max-width:1440px){ .Floor003018 .left{font-size: 1.2vw;} } @media(max-width:768px){ .Floor003018 .left{font-size: 3vw;} .Floor003018 .auto{width: 96%} } @media(max-width:480px){ .Menu003070 ul{margin-left:-2%;} .Menu003070 li{width: 31.33%;margin-right: 0 !important;float: left;margin-left:2%;} } .Floor003018 .title .cn{position: relative;font-size: 40px; font-weight: bold; margin-bottom: 4%; color: #333;} .Floor003018 .title .en{color: #999;opacity: 0.5;padding-bottom: 5px;} .Floor003018 .slogan{color: #333; margin: 2.2vw 0 4.16vw 0; font-weight: 100; transition: 0.3s;} .Floor003018 .slogan i{font-size: 12px; color: #ccc;opacity: 0.7; display: inline-block; vertical-align: middle; margin: 0 10px;} .Floor003018 .edit-intro{margin-bottom: 0; line-height: 2em; text-align: justify;} .Floor003018 .number li{float: left;} .Floor003018 .number li > span{display: inline-block; vertical-align: text-bottom;} .Floor003018 .number li .danwei{margin-left: 15px;color: #333;text-align: center;} .Floor003018 .number li .danwei i{display: block;font-size: 12px;font-style: normal;} .Floor003018 .number li aside{font-size: 16px;padding-top: 10px;} .Floor003018 .right dd{float: left; width:47%; text-align: center;position: relative;margin-right: 3%;margin-bottom: 3%;} .Floor003018 .right dd:nth-child(2){padding-top: 20px;} .Floor003018 .right dd:nth-child(3){padding-top: -20px;} .Floor003018 .right dd:nth-child(4){padding-top: 10px;} .Floor003018 .right dd .Ispic{padding-bottom:138%; transition: 0.3s;} .Floor003018 .right dd:nth-child(3) .Ispic{padding-bottom: 50%;} .Floor003018 .right dd .txt{position: absolute; left: 0; width: 100%; top: 50%; transform: translateY(-50%); text-align: center;color: #fff;font-size: 24px; line-height: 1.334em;} .Floor003018 .right dd .en{font-size: 0.5em;opacity: 0.7; word-break: break-word; line-height: 1.5em; margin-top: 4px;} .Floor003018 .right dl:hover dd .Ispic{opacity: 0.5;} .Floor003018 .right dl dd:hover .Ispic{opacity: 1;} @media(min-width:768px){ .Floor003018 .left{width: 43.879%;float:left;} .Floor003018 .right{width: 50%;float:right;} } @media(max-width:1024px){ .Floor003018 .left{margin-bottom: 4vw;} .Floor003018 .slogan i{margin:0 5px;} .Floor003018 .title .en{font-size: 20px;} } @media(max-width:768px){ /* .Floor003018 .right dd{width: 50%; } */ } @media(max-width:640px){ .Floor003018 .number li{margin: 0 0 5vw 0!important; width: 50%; text-align: center;} .Floor003018 .right dd .txt{font-size: 5vw;} } /*数字动画*/ .Floor003018 .counter i{overflow: hidden;font-style: normal;font-size: 60px;display: inline-block; width: 0.55em; height: 0.8em;} @media(min-width:1025px) and (max-width:1600px){ .Floor003018 .counter i{font-size: 4vw;} } @media(max-width:640px){ .Floor003018 .counter i{font-size: 12vw;} } .Floor003018 .counter i:before { font-size: 1em; line-height: 1em; color: #7db827; display: block; white-space: normal; transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); -webkit-transform: translateY(0); transition: 0s .5s; -moz-transition: 0s .5s; -ms-transition: 0s .5s; -o-transition: 0s .5s; -webkit-transition: 0s .5s; text-align: center; } .Floor003018.active .counter i:before { transition: transform 2s ease-out 1.4s; -moz-transition: transform 2s ease-out 1.4s; -ms-transition: transform 2s ease-out 1.4s; -o-transition: transform 2s ease-out 1.4s; -webkit-transition: transform 2s ease-out 1.4s; } .Floor003018 .counter i:nth-child(2n):before { content: '0 0 0 0 0 0 0 0 0 0 0 1 2 3 4 5 6 7 8 9'; } .Floor003018 .counter i:nth-child(2n+1):before { content: '0 1 2 3 4 5 6 7 8 9 0 0 0 0 0 0 0 0 0 0'; } .Floor003018 .counter i.n0:nth-child(2n):before, .Floor003018.active .counter i.n0:nth-child(2n+1):before { transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); -webkit-transform: translateY(0); } .Floor003018 .counter i.n1:nth-child(2n):before, .Floor003018.active .counter i.n1:nth-child(2n+1):before { transform: translateY(-5%); -moz-transform: translateY(-5%); -ms-transform: translateY(-5%); -o-transform: translateY(-5%); -webkit-transform: translateY(-5%); } .Floor003018 .counter i.n2:nth-child(2n):before, .Floor003018.active .counter i.n2:nth-child(2n+1):before { transform: translateY(-10%); -moz-transform: translateY(-10%); -ms-transform: translateY(-10%); -o-transform: translateY(-10%); -webkit-transform: translateY(-10%); } .Floor003018 .counter i.n3:nth-child(2n):before, .Floor003018.active .counter i.n3:nth-child(2n+1):before { transform: translateY(-15%); -moz-transform: translateY(-15%); -ms-transform: translateY(-15%); -o-transform: translateY(-15%); -webkit-transform: translateY(-15%); } .Floor003018 .counter i.n4:nth-child(2n):before, .Floor003018.active .counter i.n4:nth-child(2n+1):before { transform: translateY(-20%); -moz-transform: translateY(-20%); -ms-transform: translateY(-20%); -o-transform: translateY(-20%); -webkit-transform: translateY(-20%); } .Floor003018 .counter i.n5:nth-child(2n):before, .Floor003018.active .counter i.n5:nth-child(2n+1):before { transform: translateY(-25%); -moz-transform: translateY(-25%); -ms-transform: translateY(-25%); -o-transform: translateY(-25%); -webkit-transform: translateY(-25%); } .Floor003018 .counter i.n6:nth-child(2n):before, .Floor003018.active .counter i.n6:nth-child(2n+1):before { transform: translateY(-30%); -moz-transform: translateY(-30%); -ms-transform: translateY(-30%); -o-transform: translateY(-30%); -webkit-transform: translateY(-30%); } .Floor003018 .counter i.n7:nth-child(2n):before, .Floor003018.active .counter i.n7:nth-child(2n+1):before { transform: translateY(-35%); -moz-transform: translateY(-35%); -ms-transform: translateY(-35%); -o-transform: translateY(-35%); -webkit-transform: translateY(-35%); } .Floor003018 .counter i.n8:nth-child(2n):before, .Floor003018.active .counter i.n8:nth-child(2n+1):before { transform: translateY(-40%); -moz-transform: translateY(-40%); -ms-transform: translateY(-40%); -o-transform: translateY(-40%); -webkit-transform: translateY(-40%); } .Floor003018 .counter i.n9:nth-child(2n):before, .Floor003018.active .counter i.n9:nth-child(2n+1):before { transform: translateY(-45%); -moz-transform: translateY(-45%); -ms-transform: translateY(-45%); -o-transform: translateY(-45%); -webkit-transform: translateY(-45%); } .Floor003018 .counter i.n0:nth-child(2n+1):before, .Floor003018.active .counter i.n0:nth-child(2n):before { transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); } .Floor003018 .counter i.n1:nth-child(2n+1):before, .Floor003018.active .counter i.n1:nth-child(2n):before { transform: translateY(-55%); -moz-transform: translateY(-55%); -ms-transform: translateY(-55%); -o-transform: translateY(-55%); -webkit-transform: translateY(-55%); } .Floor003018 .counter i.n2:nth-child(2n+1):before, .Floor003018.active .counter i.n2:nth-child(2n):before { transform: translateY(-60%); -moz-transform: translateY(-60%); -ms-transform: translateY(-60%); -o-transform: translateY(-60%); -webkit-transform: translateY(-60%); } .Floor003018 .counter i.n3:nth-child(2n+1):before, .Floor003018.active .counter i.n3:nth-child(2n):before { transform: translateY(-65%); -moz-transform: translateY(-65%); -ms-transform: translateY(-65%); -o-transform: translateY(-65%); -webkit-transform: translateY(-65%); } .Floor003018 .counter i.n4:nth-child(2n+1):before, .Floor003018.active .counter i.n4:nth-child(2n):before { transform: translateY(-70%); -moz-transform: translateY(-70%); -ms-transform: translateY(-70%); -o-transform: translateY(-70%); -webkit-transform: translateY(-70%); } .Floor003018 .counter i.n5:nth-child(2n+1):before, .Floor003018.active .counter i.n5:nth-child(2n):before { transform: translateY(-75%); -moz-transform: translateY(-75%); -ms-transform: translateY(-75%); -o-transform: translateY(-75%); -webkit-transform: translateY(-75%); } .Floor003018 .counter i.n6:nth-child(2n+1):before, .Floor003018.active .counter i.n6:nth-child(2n):before { transform: translateY(-80%); -moz-transform: translateY(-80%); -ms-transform: translateY(-80%); -o-transform: translateY(-80%); -webkit-transform: translateY(-80%); } .Floor003018 .counter i.n7:nth-child(2n+1):before, .Floor003018.active .counter i.n7:nth-child(2n):before { transform: translateY(-85%); -moz-transform: translateY(-85%); -ms-transform: translateY(-85%); -o-transform: translateY(-85%); -webkit-transform: translateY(-85%); } .Floor003018 .counter i.n8:nth-child(2n+1):before, .Floor003018.active .counter i.n8:nth-child(2n):before { transform: translateY(-90%); -moz-transform: translateY(-90%); -ms-transform: translateY(-90%); -o-transform: translateY(-90%); -webkit-transform: translateY(-90%); } .Floor003018 .counter i.n9:nth-child(2n+1):before, .Floor003018.active .counter i.n9:nth-child(2n):before { transform: translateY(-95%); -moz-transform: translateY(-95%); -ms-transform: translateY(-95%); -o-transform: translateY(-95%); -webkit-transform: translateY(-95%); } .Floor00306689{background: #f5f5f5;padding:2% 0 4% 0;} .Floor00306689 .kj img{display: block; margin: 0 auto;} /*Floor003066 */ .Floor003066{padding-bottom: 4%;padding-top: 2%;} .Floor003066 .name{margin-top: 20px; text-align: center;font-size: 18px; color: #333;} .Floor003066 .slider{padding: 0 20% ;overflow: hidden;} .Floor003066 .slider .slick-list{overflow: visible;} .Floor003066 .slider li a{display: block;margin: 0 1.4vw;box-shadow: 0 2px 20px rgba(0, 0, 0, 0.04); position: relative; padding: 0.5vw; background: #fff; transition: 0.3s;} .Floor003066 .slider li figure{background-size: contain;padding-bottom:75%;} .Floor003066 .slider li .hover{position: absolute; z-index: 10;width: 120px; height: 120px; background-color: #21b461; color: #fff; text-align: center; border-radius: 50%; left: 50%; top: 50%; transform: translate(-50%,-50%) scale(0); opacity: 0; transition: 0.3s;} .Floor003066 .slider li .hover .ytable{height: 100%;} .Floor003066 .slider li .hover span{font-size:12px;display: block;background: url("../images/Floor003066_rice.png") no-repeat center bottom;padding-bottom: 27px;} .Floor003066 .slider li .hover aside{font-size: 16px; padding-bottom: 5px;} .Floor003066 .slider li a:hover{box-shadow: 0 2px 20px rgba(0, 0, 0, 0.12); } .Floor003066 .slider li a:hover .hover{opacity: 1;transform: translate(-50%,-50%) scale(1);} .Floor003066 .btn{text-align: center;padding-top: 2.08vw;} .Floor003066 .btn .slick-arrow{width: 46px; height: 46px; border-radius: 50%; border: 2px solid #b1b1b2; margin: 0 10px;position: relative;} .Floor003066 .btn .slick-arrow:before{position: absolute; content: ''; width: 12px; height: 12px; border-right: 2px solid #b1b1b2;border-top: 2px solid #b1b1b2; transform: rotate(45deg); left: 50%; top: 50%; margin: -6px 0 0 -8px;} .Floor003066 .btn .slick-arrow:hover, .Floor003066 .btn .slick-arrow:hover:before{border-color: #0088d4;} .Floor003066 .btn .slick-prev{transform: rotate(180deg);} @media(min-width:641px){ } @media(max-width:640px){ .Floor003066 .slider li figure{padding-bottom: 100%;} } .news-details{max-width:1000px;margin:0 auto;} /*Floor002820 */ .Floor0028201{ padding:5% 0;} .Floor0028201 .auto{ max-width: 1400px; width: 90%;} .Floor0028201 .video .inner{position: relative;} .Floor0028201 .video .files{position: absolute; left: 0; top: -5%; z-index: 5; bottom: -5%; width: 0;background: #fff; transition: 0.3s;overflow: hidden;} .Floor0028201 .video .files.show{width: 100%;} .Floor0028201 .video .files video{position: absolute; left: 0; top: 0;background: #000;object-fit: cover;} .Floor0028201 .video .pic img{display: block;width: 100%;} .Floor0028201 .open-video{position: absolute;left: 1.223%;bottom: 12.947%; cursor: pointer; z-index: 10;} .Floor0028201 .open-video i{display: block;width: 36px; height: 36px; border-radius: 50%; background: #0088d4 url(../images/Floor002820_btn.png) no-repeat center center;position: relative; z-index: 4;} .Floor0028201 .open-video:before, .Floor0028201 .open-video:after{position: absolute; content: '';border-radius: 50%;background: #0088d4; opacity: 0.2;-webkit-opacity: 0.2; animation: scale 3s infinite;-webkit-animation: scale 3s infinite;} .Floor0028201 .open-video:before{left: -17px; top: -17px; bottom: -17px;right: -17px; animation-delay: 0.3s;} .Floor0028201 .open-video:after{left: -27px; top: -27px; bottom: -27px;right: -27px;} @keyframes scale{ 0%{transform: scale(1);-webkit-transform: scale(1);-ms-transform: scale(1);} 50%{transform: scale(0.8);-webkit-transform: scale(0.8);-ms-transform: scale(0.8);} 100%{transform: scale(1);-webkit-transform: scale(1);-ms-transform: scale(1);} } @-webkit-keyframes scale{ 0%{transform: scale(1);-webkit-transform: scale(1);-ms-transform: scale(1);} 50%{transform: scale(0.8);-webkit-transform: scale(0.8);-ms-transform: scale(0.8);} 100%{transform: scale(1);-webkit-transform: scale(1);-ms-transform: scale(1);} } @-ms-keyframes scale{ 0%{transform: scale(1);-webkit-transform: scale(1);-ms-transform: scale(1);} 50%{transform: scale(0.8);-webkit-transform: scale(0.8);-ms-transform: scale(0.8);} 100%{transform: scale(1);-webkit-transform: scale(1);-ms-transform: scale(1);} } .Floor0028201 .info{padding: 4% 0; font-size: 16px; line-height: 30px; color: #666; width: 88%;} .Floor0028201 .info-num{margin-bottom: 5%;} .Floor0028201 .info-num li aside{display: inline-block;position: relative;} .Floor0028201 .info-num li aside b{font-family:DIN;font-size: 56px;color: #000;display: block;} .Floor0028201 .info-num li aside sub{position: absolute; left: 100%; word-break: keep-all; bottom: 15%;font-size: 16px;font-weight: 100;margin-left: 10px;} .Floor0028201 .info-num li p{font-size: 16px;color: #999; margin-bottom: 0;margin-top: 22px;} @media(min-width:1025px){ .Floor0028201 .number{width: 59.072%;} } @media(max-width:1024px){ .Floor0028201 .ytable, .Floor0028201 .ytable-cell{display: block;} .Floor0028201 .number{width:48%;float:left;} .Floor0028201 .video{width: 48%; max-width: 573px; margin: 40px auto 0;float:right;} .Floor0028201 .info{font-size: 14px;line-height: 1.8;} .Floor0028201 .info-num li aside b{font-size: 30px;} .Floor0028201 .info-num li p{font-size: 14px;margin-top:10px;} } @media(min-width:641px){ .Floor0028201 .info-num li{float: left;width: 33.3333%;border-left: 10px solid #f9f9f9;padding-left: 20px;} } @media(min-width:1025px) and (max-width:1200px){ .Floor0028201 .info-num li aside b{font-size: 60px;} } @media(min-width:641px) and (max-width:769px){ .Floor0028201 .info-num li aside b{font-size: 60px;} .Floor0028201 .info-num li{text-align: center;padding-left:0;border-left:none;} } @media(max-width:768px){ .Floor0028201 .number{width:100%;} .Floor0028201 .info{width:100%;} .Floor0028201 .info-num li aside b{font-size: 30px;} .Floor0028201 .video{width:100%;float:none;max-width:500px;} } @media(max-width:640px){ .Floor0028201 .info-num li{text-align: center;width: 33.33%;float: left;} .Floor0028201 .info-num li aside b{font-size: 30px;} .Floor0028201 .info-num li:not(:last-child){margin-bottom: 20px;} .Floor0028201 .info{width: 100%;padding-top: 0;} .Floor0028201 .video{width: 100%} } @media(max-width:480px){ .Floor0028201 .info-num li aside b{font-size: 22px;} .Floor0028201 .info-num li p{margin-top: 0;font-size: 14px;}.Floor0028201 .info-num li aside sub{font-size: 14px;} } /*RighInfo002973 */ .RighInfo002973{color: #333;font-size: 16px;padding: 4% 0;} .RighInfo002973 > .auto{max-width: 1300px;} .RighInfo002973 .news-details .title{text-align: center;} .RighInfo002973 .news-details .title h1{font-size: 30px; margin: 0 0 20px 0;} .RighInfo002973 .news-details .title aside span{display: inline-block; vertical-align: middle; margin: 0 15px 5px;line-height: 16px;} .RighInfo002973 .news-details .title .bshare-custom{display: inline-block;} .RighInfo002973 .bshare-custom a{background-position: center center; margin: 0 0 0 14px;} .RighInfo002973 .bshare-custom a.bshare-weixin{background-image: url("../images/RighInfo002973_share_wx.png");} .RighInfo002973 .bshare-custom a.bshare-sinaminiblog{background-image: url("../images/RighInfo002973_share_sina.png");} .RighInfo002973 .bshare-custom a.bshare-qzone{background-image: url("../images/RighInfo002973_share_qz.png");} .RighInfo002973 .news-details .edit-info{line-height: 1.875em;border-bottom: 1px solid #d2d2d2;padding: 2% 0; margin-bottom: 2%;} .RighInfo002973 .news-details .edit-info p{margin-bottom: 2%; text-indent: 2em; color: #666;} .RighInfo002973 .news-details .edit-info img{margin: 2% auto; display: block;} .RighInfo002973 .pn-page aside{padding: 10px 0;} .RighInfo002973 .pn-page aside a{color: #666;} .RighInfo002973 .pn-page aside a b{color: #333;} .RighInfo002973 .operating a:hover, .RighInfo002973 .pn-page aside a:hover{color: #0088d4;} .RighInfo002973 .operating{overflow: hidden;line-height: 24px;} .RighInfo002973 .operating a{padding-left: 25px;background-repeat: no-repeat;background-position: left center;} .RighInfo002973 .operating a:not(:last-child){margin-right: 45px;} .RighInfo002973 .operating a.a-print{background-image: url("../images/RighInfo002973_print.png");} .RighInfo002973 .operating a.a-close{background-image: url("../images/RighInfo002973_close.png");} @media(min-width:1025px){ .RighInfo002973 .pn-page{min-height: 24px; position: relative;padding-right: 230px;} .RighInfo002973 .pn-page .operating{position: absolute;right: 0; top: 50%; transform: translateY(-50%);} .RighInfo002973 .operating a{float: left;} } @media(max-width:1024px){ .RighInfo002973 .operating{text-align: right; padding-bottom: 20px;} .RighInfo002973 .operating a{display: inline-block;} } @media(max-width:640px){ .RighInfo002973 .news-details .title h1{font-size:6vw;} .RighInfo002973{ font-size: 14px;} } /*PicList003142 */ .PicList003142 .auto{ margin-top: 4.5em; margin-bottom: 1em;} .PicList003142 li{float: left; margin-bottom: 2.5em;} .PicList003142 li .txt{box-shadow: 0px 0.625em 4.375em rgba(0, 0, 0, 0.05);padding: 1.875em;} .PicList003142 li .tit{ font-size: 1.125em;line-height: 1.6666;} .PicList003142 li p{font-size: 0.875em; line-height: 1.78571; min-height: 3.57142em;color: #999999;margin:10px 0;} .PicList003142 li .pic{overflow: hidden;} .PicList003142 li .Ispic{padding-bottom: 62.223%;transition: 0.3s;} .PicList003142 li a:hover .Ispic{transform: scale(1.1);} .PicList003142 li a:hover{color: #0088d4;} .PicList003142 li time{color: #999999;display: block;font-size: 14px;} @media (min-width:1025px) { .PicList003142 li{width: 32.143%;} .PicList003142 li:not(:nth-child(3n)){margin-right: 1.7855%;} .PicList003142 li:nth-child(3n+1){clear: left;} } @media (max-width:1024px) { .PicList003142 .auto{margin-top: 2em;} .PicList003142 ul{margin-left:-2%;} .PicList003142 li{width: 31.33%;margin-left:2%;margin-right:0;float:left;} .PicList003142 li .txt{padding: 1em;} } @media(max-width:640px){ .PicList003142 li{width:48%;} } /*Page003143 */ .Page003143 .Pages{padding: 0% 0 5% 0;text-align: center;} .Page003143 .Pages .p_page a.a_first, .Page003143 .Pages .p_page a.a_end, .Page003143 .Pages > span:not(.p_page){display: none;} .Page003143 .Pages .p_page{display: table; margin: 0 auto;} .Page003143 .Pages .p_page *{float: left;} .Page003143 .Pages .p_page a{border: solid 1px #ebebeb;line-height: 36px;transition: 0.3s;} .Page003143 .Pages .p_page > a{border-radius: 5px;padding: 0 15px;} .Page003143 .Pages .p_page em{font-style: normal; margin: 0 30px;} .Page003143 .Pages .p_page em a{width: 36px;border-radius: 50%; margin: 0 5px;} .Page003143 .Pages .p_page a:hover, .Page003143 .Pages .p_page a.a_cur{color: #fff;background-color: #0088d4;border-color: #0088d4;} @media (max-width:1024px) { .Page003143 .Pages{padding: 0 0 2em 0;} .Page003143 .Pages .p_page em{display: none;} .Page003143 .Pages .p_page > a{margin: 0 10px;} } /* .Map002364 为demo编号 */ .Map002364{padding:4% 0;} .Map002364 dd{ border:10px solid #fff;margin-bottom:2%; padding-left:62%; background-color:#f9f9f9; position:relative;} .Map002364 dd:last-child{ margin-bottom:0;} .Map002364 .map *{ max-width:none;} .Map002364 dd figure{ padding:3%;} .Map002364 dd ul{ padding-bottom:3%; } .Map002364 dd li{line-height:24px; padding:30px 0; padding-left:50px; border-bottom:1px dashed #dbdbdb; background:url(../images/name.png) no-repeat center left; font-size:16px; color:#767676;} .Map002364 dd li:nth-child(2){background-image:url(../images/map.png);} .Map002364 dd li:nth-child(3){background-image:url(../images/tal.png);} .Map002364 dd li:nth-child(4){background-image:url(../images/tal.png);} .Map002364 dd li:nth-child(5){background-image:url(../images/mail.png);} .Map002364 dd li:nth-child(6){background-image:url(../images/web.png);} @media(min-width:641px){ .Map002364 .map{ position:absolute !important; width:60%; left:0; height:100%; top:0;} } @media(max-width:640px){ .Map002364 dd{ padding:3%;} .Map002364 .map{ height:300px; position:relative !important;} .Map002364 dd figure{ padding:0;} } @media(max-width:480px){ .Map002364 dd figure h1{ font-size:20px;} } .PicList002229{padding: 5% 0;} .PicList002229 .t{font-size: 16px;text-indent: 2em; color: #666;line-height: 30px;} .PicList002229 p{line-height: 30px;font-size: 16px;} /*Floor000369*/ .Floor000369{ padding-bottom:5%;overflow: hidden;} .Floor000369 ul{ position:relative;} .Floor000369 li .pic-area{ position:relative; z-index:10;} .Floor000369 li .pic-area .pic{ display:none;width:180px; height:180px; border:3px solid #0088d4; border-radius:50%; overflow:hidden; position:absolute; left:50%; top:50%;transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); z-index:10;} .Floor000369 li .pic-area .pic img{ display:block; width:100%;} .Floor000369 li .icon{ width:62px; height:62px; border-radius:50%; position:relative;} .Floor000369 li:nth-child(1) .icon{ background:#0088d4;} .Floor000369 li:nth-child(2) .icon{ background:#0088d4;} .Floor000369 li:nth-child(3) .icon{ background:#0088d4;} .Floor000369 li:nth-child(4) .icon{ background:#0088d4;} .Floor000369 li:nth-child(5) .icon{ background:#0088d4;} .Floor000369 li:nth-child(6) .icon{ background:#0088d4;} .Floor000369 li:nth-child(7) .icon{ background:#0088d4;} .Floor000369 li:nth-child(8) .icon{ background:#0088d4;} .Floor000369 li .icon img{ max-width:80%; max-height:80%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);} .Floor000369 li h3{ margin:0; font-size: 22px; color:#333; font-weight:normal;margin-bottom: 10px;min-width:450px;} .Floor000369 li p{ margin:0; font-size:12px;color:#bebebe;white-space: normal;} .Floor000369 li.li-show h3{ font-weight:bold; color:#0088d4;} .Floor000369 li.li-show p{color:#0088d4;} @media(min-width:1025px){ .Floor000369 ul{height:678px; width:687px; margin:0 auto;background:url(../images/Floor000369-icon.png) no-repeat center top; } .Floor000369 li{ position:absolute; z-index:1;} .Floor000369 li:nth-child(1){ left:30px; top:150px;} .Floor000369 li:nth-child(2){ right:30px; top:150px;} .Floor000369 li:nth-child(3){ left:30px; top:480px;} .Floor000369 li:nth-child(4){ right:30px; top:480px;} /* .Floor000369 li:nth-child(1) .icon{ width:77px; height:77px;} .Floor000369 li:nth-child(4) .icon{ width:70px; height:70px;} */ .Floor000369_1 li:nth-child(1){ left:70px; top:90px;} .Floor000369_1 li:nth-child(2){ right:70px; top:90px;} .Floor000369_1 li:nth-child(3){ left:20px; top:240px;} .Floor000369_1 li:nth-child(4){ right:20px; top:240px;} .Floor000369_1 li:nth-child(5){ left:20px; top:400px;} .Floor000369_1 li:nth-child(6){ right:20px; top:400px;} .Floor000369_1 li:nth-child(7){ left:90px; top:540px;} .Floor000369_1 li:nth-child(8){ right:90px; top:540px;} .Floor000369 li.li-show{ z-index:10;} .Floor000369 li.li-show .pic-area .pic{ display:block;} .Floor000369 li .line{ position:absolute; z-index:2; width:80px; height:1px; top:50%; right:100%; background:#c5d1b1;} .Floor000369 li .line::before{ position:absolute; content:''; width:14px; height:14px; left:-14px; border:3px solid #0088d4; border-radius:50%; top:-7px;} .Floor000369 li:nth-child(2n) .line{ right:auto; left:100%;} .Floor000369 li:nth-child(2n) .line::before{ left:auto; right:-14px;} .Floor000369 li .txt{ /*max-width:150px; */position:absolute; right:100%; margin-right:130px; top:50%;transform:translateY(-50%); -webkit-transform:translateY(-50%);} .Floor000369 li:nth-child(2n-1) .txt{ text-align:right;} .Floor000369 li:nth-child(2n) .txt{ right:auto; left:100%; margin-left:130px;} } @media(max-width:1366px){ .Floor000369 ul{width: 560px;height: 560px;background-size: cover;background-position: center;} .Floor000369 li:nth-child(1),.Floor000369 li:nth-child(2){top: 120px;} .Floor000369 li:nth-child(4),.Floor000369 li:nth-child(3){top: 420px;} .Floor000369_1 li:nth-child(1){ left:70px; top:70px;} .Floor000369_1 li:nth-child(2){ right:70px; top:70px;} .Floor000369_1 li:nth-child(3){ left:20px; top:190px;} .Floor000369_1 li:nth-child(4){ right:20px; top:190px;} .Floor000369_1 li:nth-child(5){ left:20px; top:320px;} .Floor000369_1 li:nth-child(6){ right:20px; top:320px;} .Floor000369_1 li:nth-child(7){ left:90px; top:430px;} .Floor000369_1 li:nth-child(8){ right:90px; top:430px;} .Floor000369 li h3{font-size: 14px;min-width:240px;} } @media(max-width:1024px){ .Floor000369 li{ float:left; text-align:center;margin-bottom:4%;} .Floor000369 li .icon{ margin:0 auto 15px;} [type="Vertical"] .sub dt{font-size: 14px;} .Floor000369 ul{background-image: none !important;} } @media(min-width:641px) and (max-width:1024px){ .Floor000369 ul{width:100%;margin-left:-2%;height:auto;} .Floor000369 li{width:48%;float:left;margin-left:2%;margin-right:0;} .Floor000369 li:not(:nth-child(4n)){ margin-right:0; } } @media(max-width:640px){ .Floor000369 ul{width:auto;margin-left:0;} .Floor000369 li{width:100%;margin-right:0;} .Floor000369 li:not(:nth-child(2n)){ margin-right:2%; } .Floor000369 li h3, .Floor000369 .title h1{ font-size: 16px; } .Floor000369 .title h1::before, .Floor000369 .title h1::after{ height:18px;} .Floor000369 .title span{ font-size: 20px; } .Floor000369 li p{white-space: normal;} } /* 人才招聘 */ .recruit { padding:4% 0; } .recruit .RighInfo002814 { padding: 0 0 3% 0;} .recruit .job_list .item { padding: 0 3%; background-color: #f7f8fa; margin-bottom: 10px; } .recruit .job_list .title { line-height: 80px; display: block; padding-right: 4.73%; position: relative; cursor: pointer; } .recruit .job_list .title:hover .tit1 { color: #0088d4; } .recruit .job_list .on .title .tit1 { color: #0088d4; } .recruit .job_list .title::after { content: ''; width: 14px; height: 14px; background: url(../uploadfiles/image/off.png); position: absolute; right: 0; top: 0; bottom: 0; margin: auto; transition: all .3s; } .recruit .job_list .title i { position: absolute; width: 22px; height: 22px; background: #0088d4; border-radius: 50%; right: 0; top: 50%; margin-top: -11px; } .recruit .job_list .title i::before, .recruit .job_list .title i::after { position: absolute; content: ''; background: #fff; } .recruit .job_list .title i::before { left: 20%; width: 60%; height: 2px; top: 50%; margin-top: -1px; } .recruit .job_list .title i::after { left: 50%; margin-left: -1px; width: 2px; top: 20%; height: 60%; } .recruit .job_list .item.on .title i::after { display: none; } .recruit .job_list .tit1 { font-size: 22px; color: #323232; float: left;} .recruit .job_list .job-demand {color: #333;margin-bottom: 30px;} .recruit .job_list .tit2 { font-size: 16px; color: #333; display: inline-block;margin-right: 30px; position: relative;padding-left: 24px; line-height: 34px;} .recruit .job_list .tit2::before { content: ''; width: 16px; height: 16px; background-color: #888888; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; } .recruit .job_list .adress::before{background: url(../images/i-1.png) no-repeat center;} .recruit .job_list .number::before{background: url(../images/i-2.png) no-repeat center;} .recruit .job_list .educaiton::before{background: url(../images/i-3.png) no-repeat center;} .recruit .job_list .money::before{background: url(../images/i-4.png) no-repeat center;} .recruit .job_list .experience::before{background: url(../images/i-5.png) no-repeat center;} .recruit .job_list .text { padding: 40px 0;display: none; } .recruit .job_list .lis { margin-bottom: 50px; } .recruit .job_list .text .tit3 { font-size: 18px; line-height: 1.667; color: #333; margin-bottom: 10px;} .recruit .job_list .text .button{width:15%;padding:0.7% 3%; background: #0088d4; text-align: center;} .recruit .job_list .text .button a{color: #fff;font-weight: bold;} .recruit .job_list .text p { font-size: 16px; line-height: 32px; color: #888888; margin: 0; } .recruit .job_list .text b { color: #0088d4; font-weight: normal } .recruit .job_list .download { width: 200px; height: 55px; text-align: center; line-height: 55px; color: #fff; background-color: #0088d4; border-radius: 25px; margin-top: 60px; } .recruit .job_list .download a { color: #fff; font-size: 16px; } .recruit .job_list .on .title::after { transform: rotate(-180deg); transform-origin: 50% 50%; } .recruit .job_list .on .title { border-bottom: 1px solid #e6e6e8; } .recruit .job_list .on .job-demand { display: block; } .recruit .job_list .registration-form { width: 260px; height: 55px; line-height: 55px; text-align: center; background-color: #eceff4; border-radius: 30px; margin: 60px auto 40px; } .recruit .job_list .registration-form a { font-size: 16px; color: #666666; } /* 立即申请 */ .Jobform {max-width:1200px;width:95%;margin:0 auto;background: #f7f7f7;box-sizing: border-box;padding: 3% 10%;position: relative;} .Jobform .JobTit {margin-top: 0;font-size: 24px;color: #000;text-align: center;font-weight: bold;} .Jobform .JobBox {margin-top: 30px;} .Jobform .JobBox .formlist { margin-left: -5%;} .Jobform .JobBox .formlist::after {content: '';display: block;clear: both;} .Jobform .JobBox .formlist .inputbox {float: left;width: 45%;margin-left: 5%;position: relative;margin-bottom: 20px;height: 40px;line-height: 40px;padding-left: 120px;box-sizing: border-box;} .Jobform .JobBox .formlist .inputbox span {width: 120px;text-align: right;position: absolute;top: 0;left: 0;font-size: 14px;} .Jobform .JobBox .formlist .inputbox span i {color: #d61e1e;} .Jobform .JobBox .formlist .inputbox input {width: 100%;height: 100%;background: #fff;padding: 0 10px;box-sizing: border-box;border: none;} .Jobform .JobBox .formlist .inputbox select {width: 100%;height: 100%;background: url(../uploadfiles/image/select.png) no-repeat center right 10px #fff;border: none;} .Jobform .JobBox .formlist1 {position: relative;padding-left: 120px;margin-bottom: 20px;height: auto;line-height: 40px;min-height:40px;} .Jobform .JobBox .formlist1 span {width: 120px;text-align: right;position: absolute;top: 0;left: 0;} .Jobform .JobBox .formlist1 span i {color: #d61e1e;} .Jobform .JobBox .formlist1 .upload {width: 120px;height: 40px;background:#0088d4;position: relative;background-image: url(../images/sc.svg);background-position: 15px center;background-size: 15px;background-repeat: no-repeat;} .Jobform .JobBox .formlist1 .upload span{width:100%;position: absolute;left:0;top:0;text-align: center;color:#fff;padding-left: 15px;} .Jobform .JobBox .formlist1 .upload img {position: absolute;top: 50%;right: 10px;margin-top: -9.5px;} .Jobform .JobBox .formlist1 .upload input {width:100%;height:100%;position: absolute;left:0;top:0;opacity: 0;font-size: 0;} .Jobform .JobBox .formtext {position: relative;padding-left: 120px;margin-bottom: 20px;} .Jobform .JobBox .formtext span {width: 120px;text-align: right;position: absolute;top: 0;left: 0;font-size: 14px;} .Jobform .JobBox .formtext span i {color: #d61e1e;} .Jobform .JobBox .formtext textarea {height: 200px;width: 100%;background: #fff;padding: 10px;box-sizing: border-box;border: none;} .Jobform .JobBox .formBtn {text-align: center;margin-top: 50px;} .Jobform .JobBox .formBtn button {width: 120px;height: 40px;margin: 0 5px;color: #fff;background:#0088d4;border: none;} .Jobform .JobBox .formBtn button.reset {background: #7e7f80; border: none;} .mfp-close{background:#0088d4 !important;border-radius: 50%;right:15px !important;top:15px !important;color:#fff !important;width:38px !important;height:38px !important;line-height: 38px !important;opacity: 1 !important;} @media(max-width:992px) { .Jobform {padding:30px 20px;;} .Jobform .JobTit {font-size: 22px;} .Jobform .JobBox {margin-top:10px;} } @media(max-width:768px) { .queueList{margin:0;} .placeholder{padding:10px;font-size: 14px;line-height: 22px;} .Jobform .JobBox .formtext textarea{height: 120px;} .placeholder .webuploader-pick{font-size: 14px;} .Jobform .JobBox .formlist .inputbox span {font-size: 14px;} .Jobform .JobBox .formlist .inputbox{width: 100%;margin-left: 0;} .Jobform .JobBox .formtext span,.Jobform .JobBox .formlist1 span{font-size: 14px;} .Jobform .JobBox .formlist1 span {left: -15px;} .Jobform .JobBox .formtext span {left: -14px;} .Jobform .JobBox {padding: 0;} .Jobform .JobBox .formlist .inputbox {width: 100%;padding-left: 90px;margin-bottom: 10px;} .Jobform .JobBox .formlist .inputbox span {width: 85px;font-size: 14px;} .Jobform .JobBox .formlist1 {padding-left: 75px;margin-bottom: 10px} .Jobform .JobBox .formlist1 span {width: 80px;} .Jobform .JobBox .formtext {padding-left: 75px;margin-bottom: 10px;} .Jobform .JobBox .formtext span {width: 85px;} .Jobform .JobBox .formBtn {margin: 30px 0;} .mfp-close{width:28px !important;height:28px !important;line-height: 28px !important;top:10px !important;right:10px !important;} } /* 自适应调整 */ @media(max-width:1366px){ .in_title{font-size: 30px;} .Floor003194 .box .tit{font-size: 24px;} .Floor003194 .box .icon{width:38px;height:38px;border-radius: 10px 0 10px 0;background-size: 15px;} .Floor003197 .main .tit{font-size: 20px;} .in_more a{line-height: 30px;} .Floor003197 .main pre{font-size: 14px;line-height: 24px;height:72px;min-height:72px;} .Floor003099 .txt .tit{font-size: 18px;} .Floor003099 .txt p{font-size: 14px;} .Bottom002942 .contact nav a:not(:last-child):after{margin:0 20px;} .Banner003069 .txt .cn{font-size: 30px;} .Banner003069 .txt .en{font-size: 18px;} .gy{font-size: 30px;} .RighInfo002852 .singlePage{font-size: 16px;line-height: 1.8;} .gy1{font-size: 30px;} .Menu003135 .nav-menu li{font-size: 16px;} .Floor003018 .title .cn{font-size: 30px;} .Floor003018 .slogan{font-size: 14px;} .Floor003018 .edit-intro{font-size: 16px;line-height: 1.8;} .Floor003027 li a aside{font-size: 16px;} .Floor003027 .auto{width:90%;} .RighInfo003134 .img-side .tit{font-size: 24px;} .RighInfo003134 .img-side .ms{font-size: 16px;line-height: 1.95;} .RighInfo003134 .img-side .btn a{min-width:1px;width:140px;padding:0 10px;line-height: 42px;font-size: 15px;} .RighInfo003134 .img-side .btn a:before{width:20px;height:20px;vertical-align: middle;} .PicList003142 li .tit{font-size: 16px;} .PicList003142 li p{font-size: 14px;line-height: 24px;min-height:1px;height:48px;} .RighInfo002973 .news-details .title h1{font-size: 24px;} .RighInfo0028122 .hasbg{margin-top:0;} .recruit .job_list .title{line-height: 70px;} .recruit .job_list .tit1{font-size: 20px;} } .Floor003066{overflow: hidden;} @media(max-width:1024px){ .Top003075, .Top003075 .logo{height:60px;} .search-show .Top003075 .top-search .text{width:120px;height:32px;line-height: 32px;margin-top:6px;} .Top003075 .logo img{max-height:45px;} .Top003075 menu{top:60px;} .Top003075 menu li span{font-size: 16px;} .Top003075 menu li .sub dt{font-size: 14px;} .Top003075 .open-menu span{width:22px;height:22px;} .in_title{font-size: 22px;} .Floor003117{font-size: 14px;line-height: 1.8;} .Floor003117 .edit-info{line-height: 1.8;} .Floor003194 .box .tit{font-size: 18px;} .Floor003117 .contact li .hotline{font-size: 20px;} .Floor003117 .contact li:not(:last-child){margin-bottom:10px;padding-bottom:10px;} .Floor003194 .box{width:20%;} .Floor003194 .boxs-group picture{height:50vw;} .Floor003197 .main{padding:30px;} .Floor003197 .main .pic{height:180px;} .Floor003197 .main .pic img{max-height:140px;} .in_more a{font-size: 14px;padding:0 30px 0 10px;} .Floor003197 .slick-arrow{width:35px;height:35px;background-size: 15px;margin-top:-17.5px;} .Banner003069 .txt .cn{font-size: 24px;} .Banner003069 .txt .en{font-size: 14px;} .gy{font-size: 24px;} .RighInfo002852 .singlePage{font-size: 14px;line-height: 1.8;} .gy1{font-size: 24px;} .RighInfo002813 .sales-after li .txt aside{font-size: 16px;} .Floor003163 .slick-arrow{width:30px;height:30px;} .Floor003163 .topic .slider li p{font-size: 14px;} .Floor003018 .title .cn{font-size: 24px;} .Floor003018 .edit-intro{font-size: 14px;} .Floor003066 .name{font-size: 14px;} .Menu003135 .nav-menu li{font-size: 14px;} .Floor003066 .btn .slick-arrow{width:35px;height:35px;} .Floor003027 li a aside{font-size: 14px;} .RighInfo003134 .img-side .tit{font-size: 18px;} .RighInfo003134 .img-side .ms{font-size: 14px;} .RighInfo003134 .img-side .btn a{width:120px;line-height: 35px;font-size: 14px;} .RighInfo003134 .img-side .btn{margin-top:30px;} .RighInfo003134 .img-side .ytable-cell{padding-bottom:20px;} .RighInfo002973 .news-details .title h1{font-size: 18px;} .news-details{font-size: 14px;line-height: 24px;} .RighInfo002973 .pn-page aside{padding:5px 0;} .RighInfo0028122 .txt-p{font-size: 14px;line-height: 1.8;} .RighInfo003137 ul li .name .cn{font-size: 16px;} .RighInfo003137 ul li .name .en{font-size: 14px;line-height: 1.6;} .RighInfo003137 ul li:not(.mark){padding:30px 0;} .RighInfo003137 ul li{padding:30px 0;} .RighInfo003137 ul li.mark .icon{width:30px;height:30px;} .RighInfo002812 .culture .box-item li b{font-size: 16px;padding:10px 0;} .RighInfo003135 .img-side .btn a{min-width:1px;width:120px;line-height: 38px;font-size: 14px;} .RighInfo003135 .img-side .btn a:before{width:20px;height:20px;vertical-align: middle;} .RighInfo003135 .img-side{padding:30px;} .recruit .job_list .tit1{font-size: 18px;} .recruit .job_list .text{padding:20px 0;} .recruit .job_list .tit2{font-size: 14px;line-height: 25px;} .recruit .job_list .text .tit3{font-size: 16px;} .recruit .job_list .text p{font-size: 14px;line-height: 24px;} .Map002364 dd li{padding-top:15px;padding-bottom:15px;font-size: 14px;} } @media(max-width:768px){ .Floor003117 .contact{width:46%;float:left;} .Floor003117 .map{width:50%;float:right;} .Floor003117 .contact ul{width:82%;} .RighInfo002852 .intro-main .left{width:100%;} .RighInfo002852 .intro-main .pic{width:100%;margin-top:10px;} .RighInfo002813 .sales-after li .txt p{font-size: 14px;} .Menu003135 .nav-menu li:not(:last-child){margin-right:20px;} .Menu003135 .nav-menu .ul{overflow: auto;white-space: nowrap;display: block;} .Menu003135 .nav-menu .ul li{float:none;display: inline-block;} } @media(max-width:640px){ .Floor003117{padding:30px 0;} .in_title{font-size: 20px;margin-bottom:15px;} .Floor003117 .auto{width:90%;} .Floor003117 .contact{width:100%;float:left;} .Floor003117 .map{width:100%;float:right;} .Floor003194 .box{width:50%;} .Floor003194 .box:nth-child(5){width:100%;} .Floor003194 .boxs-group picture{height:60vw;} .Floor003194 .box .tit{font-size: 16px;} .Floor003194 .box .icon{width:30px;height:30px;} .Floor003197 .main{width:75%;} .Bottom002942 .logo img{max-height:60px;width:auto;} .Bottom002942 .contact nav{display: none;} .Bottom002942 .contact dd, .Bottom002942 .contact nav a{font-size: 14px;} .Bottom002942 .copyright{font-size: 14px;line-height: 20px;} .Banner003069 .txt .cn{font-size: 20px;} .Banner003069 .txt .en{font-size: 14px;} .gy{font-size: 20px;} .gy1{font-size: 20px;} .RighInfo002813 .sales-after > li .Ispic{padding-bottom:60%;} .Floor003018 .slogan i{margin:0 5px;} .Floor003018 .title .en{font-size: 14px;} .Floor003018 .title .cn{font-size: 20px;font-weight: bold;margin:0 0 8px 0;} .Floor003018{padding:30px 0;padding-top: 0;} .Floor003066 .slider{max-width:96%;margin:0 auto;} .Floor003066 .slider li figure{padding-bottom:75%;} .RighInfo003134 .img-side .tit{font-size: 16px;} .RighInfo002973{padding:30px 0;} .RighInfo002973 .news-details .edit-info{padding:20px 0;margin-bottom:20px;} .RighInfo002973 .news-details .title h1{font-size: 16px;} .Floor003053 .list li{float: left; width: 35%;} .Floor003053 .list li:nth-child(1){width: 63%;margin-right: 2%;} .Floor003053 .list li:nth-child(2){margin-bottom: 2%;} .Floor003053 .list li:nth-child(1) .Ispic{ padding-bottom: 65.385%;} .Floor003053 .list li:nth-child(1) .name{font-size: 2.08vw;} .Floor003053 .list li:nth-child(1) .name p{font-size: 0.5em;} .RighInfo003135 .img-side .btn{width:100%;text-align: center;} .RighInfo002812 .culture .box-item li .icon img{max-height:40px;} .RighInfo002812{padding:30px 0;} .recruit .job_list .tit2{display: block;margin-right:0;} .recruit .job_list .title{line-height: 50px;} .recruit .job_list .tit1{font-size: 16px;} .recruit .job_list .text .button{width:100px;padding:0;line-height: 30px;} .recruit .job_list .lis{margin-bottom:20px;} .Jobform .JobTit{font-size: 18px;} } .pagecontrol{padding-bottom:5%;line-height: 40px;} .Download{padding:4% 0;background: #f9f9f9 url(../images/xz.jpg) no-repeat center center;background-size: cover;} .Download li{border: 1px solid #eee;margin-bottom: 1.5%; padding-left:15px; position:relative; padding-right:30px;background: #fff;} .Download li a{ display:block; background:url(../images/Down-icon.svg) no-repeat right center;padding: 15px 0; padding-right:60px; color: #333;background-size: 40px;} .Download li .tit{ font-size: 16px; margin-bottom: 4px;} .Download li:hover .tit{color:#0088d4;} .Download .Page003143{margin-top:2%;} @media (min-width:1025px) { .Download li{float: left;width: 48.5%;} .Download li:not(:nth-child(2n)){margin-right: 3%;} } .column-tit {position: relative;z-index: 5;text-align: center;line-height: 1;padding-bottom: 40px;} .column-tit .cn {font-size: 35px;color: #010101;font-weight: bold;} .column-tit .cn span {display: block;position: relative;line-height: 45px;float: none;/*text-align: center;*/width: 100%;padding: 0;font-size: 32px;} .column-tit .en { text-transform: uppercase; color: #0088d4; font-size: 18px;padding-top: 10px;max-width: 60%;margin: 0 auto;line-height: 1.5;display: none;} .column-tit p {font-size:16px;margin:2% 0} @media (max-width:1024px) { .column-tit .cn { font-size: calc(32 / 16 * 1em);} } @media(max-width:640px){ .Top003198 .open-search{width:20px;height:20px;} .Top003198 .open-menu{width:24px;height:18px;} .menu-show .Top003198 .open-menu{height:24px;padding:5px;} .Top003198 .open-search.on{width:20px;height:20px;} .Top003198 .top-search .box .text{height:36px;line-height: 36px;padding:0 40px 0 10px;font-size: 14px;} .Top003198 .top-search .box .btn{width:40px;} }