锘?*@font-face { font-family: HarmonyOS_Sans_SC_Light; src:url(../fonts/HarmonyOS_Sans_SC_Light.ttf); } @font-face { font-family: HarmonyOS_Sans_SC; src:url(../fonts/HarmonyOS_Sans_SC_Regular.ttf); } @font-face { font-family: HarmonyOS_Sans_SC_Medium; src:url(../fonts/HarmonyOS_Sans_SC_Medium.ttf); } @font-face { font-family: HarmonyOS_Sans_SC_Bold; src:url(../fonts/HarmonyOS_Sans_SC_Bold.ttf); }*/ /*@font-face { font-family: Poppins-SemiBold; src:url(../fonts/Poppins-SemiBold.ttf); }*/ *{margin: 0;padding: 0} html{-webkit-text-size-adjust:100%;font-size:5.2083333vw;} body{ font-family: Microsoft YaHei;font-size: 16px;} ul,li,form, dl,dt,dd,div,ul,li,p,em,i,address{ font-style:normal; list-style:none; padding: 0px; margin: 0px;} h1,h2,h3,h4,h5,h6{ padding:0px; margin:0px;} select,input,textarea,button{ font-size:16px; border-radius:0; -webkit-border-radius:0; color:#545454;font-family:Microsoft YaHei,arial, sans-serif;} input:focus { outline: none;} input,button,select,textarea{ border:0px;outline:none;/*-webkit-appearance:none;*//*寮哄埗鍘婚櫎琛ㄥ崟鑷甫鐨勬牱寮?/} button{ cursor:pointer;} textarea{resize:none;/*-webkit-appearance:none;*//*寮哄埗鍘婚櫎textarea鑷甫鐨勬牱寮?/} textarea,input,select { background:none; border:none; margin:0; padding:0;} article,aside,footer,header,hgroup,nav,section,figure,fxigcaption,address,pre,time{margin: 0; display: block;font-family:Microsoft YaHei,arial, sans-serif;} /*html5璁剧疆*/ pre{white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word;} figure,figcaption{ margin:0px; padding:0px;} audio,canvas,progress,video {vertical-align: baseline;} img{ max-width:100%; border:none; border:0; vertical-align:top;} a{ color:#333333; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);transition: all ease 0.3s;} a:focus {outline:none; -moz-outline:none;} a:hover{ text-decoration:none; color:#cf0014;} /**:hover{transition: all ease 0.3s;}*/ /*input瀛椾綋*/ :-moz-placeholder {color: #999999;} ::-moz-placeholder {color: #999999;} input:-ms-input-placeholder, textarea:-ms-input-placeholder {color: #999999;} input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #999999;} select { /*Chrome鍜孎irefox閲岄潰鐨勮竟妗嗘槸涓嶄竴鏍风殑锛屾墍浠ュ鍐欎簡涓€涓?/ border: solid 1px #d9d9d9; text-indent:1em; /*寰堝叧閿細灏嗛粯璁ょ殑select閫夋嫨妗嗘牱寮忔竻闄?/ appearance: none; color:#999999; -moz-appearance: none; -webkit-appearance: none; /*鍦ㄩ€夋嫨妗嗙殑鏈€鍙充晶涓棿鏄剧ず灏忕澶村浘鐗?/ background: url(../images/select.gif) no-repeat scroll 95% center transparent; /*涓轰笅鎷夊皬绠ご鐣欏嚭涓€鐐逛綅缃紝閬垮厤琚枃瀛楄鐩?/ padding-right: 14px; } /*娓呴櫎ie鐨勯粯璁ら€夋嫨妗嗘牱寮忔竻闄わ紝闅愯棌涓嬫媺绠ご*/ select::-ms-expand { display: none; } /*缃戦〉婊氬姩鏉?/ ::-webkit-scrollbar{ width: 6px; height:6px;-webkit-overflow-scrolling : touch; background-color: #e6e6e6;} ::-webkit-scrollbar-track{ background-color: #e6e6e6;} ::-webkit-scrollbar-thumb{ border-radius: 10px; background-color: #58504a;} ::-webkit-scrollbar-button{ height: 0px; background-color: #e6e6e6;} /*鍏敤鏍峰紡*/ .fl{ float:left;}.fr{ float:right;}.tl{ text-align:left !important;}.tr{ text-align:right;}.tc{ text-align:center !important;} .hide{ display:none;} .block{ display:block;} .clear{ clear:both;} .bodyon{ overflow:hidden !important;} .Contain{ z-index:1; position:relative; clear:both;max-width:1440px;min-width: 12rem; margin:0px auto;} .table{ display: table; width:100%;} .table .row{ display: table-row;} .table .cell{ display: table-cell; vertical-align: middle;} .iblock{font-size:0;} .iblock div,.iblock li{ display: inline-block; vertical-align: middle;font-size:16px;} @media(max-width:1440px){ html{font-size: 6.5vw;} } @media(max-width:1024px){ html{font-size:9.765625vw} } @media(max-width:768px){ html{font-size:12.02083vw} } /*font*/ .f_gray{ color:#333333;} .iconfont{ font-size:24px; vertical-align:middle;} .tit{ display:block;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:100%;} .p{overflow: hidden;word-break:normal; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;} .dot1,.dot2,.dot3,.dot4,.dot5,.dot6,.dot7{overflow: hidden;word-break:normal; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;} .dot1{-webkit-line-clamp: 1;} .dot2{-webkit-line-clamp: 2;} .dot3{-webkit-line-clamp: 3;} .dot4{-webkit-line-clamp: 3;} .dot5{-webkit-line-clamp: 3;} .dot6{-webkit-line-clamp: 3;} .dot7{-webkit-line-clamp: 7;} .auto{width: 96%;max-width: 1440px;} .Form001322 .text::input-placeholder{color: #cf0014;} .Form001322 .text::-webkit-input-placeholder { /* WebKit browsers */ color: #cf0014; } .Form001322 .text:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #cf0014; } .Form001322 .text::-moz-placeholder { /* Mozilla Firefox 19 */ color: #cf0014; } .Form001322 .text:-ms-input-placeholder { /* Internet Explorer 10 */ color: #cf0014; } /*Top003007 */ .Top003007{position: fixed; left: 0; top: 0; width: 100%; z-index: 100; transition: 0.5s;} .Top003007.scroll-css{background: #ffffff;} .Top003007 .top{padding: 20px 0; font-size: 16px; position: relative; z-index: 101;background: #fff;box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);} .Top003007 .top .logo{max-width: 40%; float: left;margin-left: 8%} .Top003007 .top .logo img{max-height: 60px;} .Top003007 .top-btn{float: right;line-height: 35px;width: 33.333%;} .Top003007 .top-btn, .Top003007 .top-btn a{color: #fff;} .Top003007 .top-btn > *{float: left;} .Top003007 .top-btn dt{margin-right: 4%;} .Top003007 .top-lang{float: right;font-family: HarmonyOS_Sans_SC;color: #333333;font-size: 15px;} .Top003007 .top-lang a{color: #333} .Top003007 .top-lang .on{width: 49px;height: 49px;border-radius: 50%;text-align: center;line-height: 49px;color: #ffffff;display: inline-block; background-color: #cf0014;} .Top003007 .openMenu{display: flex;justify-content: center;align-items: center; cursor: pointer;position: absolute;left: 0;top: 0;width: 100px;background-color: #cf0014;box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);height: 100px;} .Top003007 .openMenu .btn{position: relative;display: inline-block;width: 35px; height: 30px; background: url(../images/ticon2.png) no-repeat center;} .Top003007 .openMenu .btn i{position: absolute; background: #fff; width: 100%; height: 4px; top: 50%; left: 0; transition: 0.3s;display: none} .Top003007 .openMenu .btn i:nth-child(1){margin-top: -7px;} .Top003007 .openMenu .btn i:nth-child(2){margin-top: -1px;} .Top003007 .openMenu .btn i:nth-child(3){margin-top: 5px;} .Top003007.open .openMenu .btn i{margin-top: -1px!important;display: block;} .Top003007.open .openMenu .btn{background: none} .Top003007.open .openMenu .btn i:nth-child(2){width: 0;} .Top003007.open .openMenu .btn i:nth-child(1){transform: rotate(45deg);} .Top003007.open .openMenu .btn i:nth-child(3){transform: rotate(-45deg);} .Top003007 .top-lx a{color: #333} .Top003007 .top-lx{float: left;text-align: center;font-family: HarmonyOS_Sans_SC;font-size: 15px;line-height: 24px;color: #333333;margin-top: 8px;} .Top003007 .top-search{float: left;display: flex;align-items: center; position: absolute;right: 9%;top: 0;padding: 0 width: 350px;height: 100px;background-color: #cf0014;box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);} .Top003007 .top-search div{height: 35px;line-height: 35px;} .Top003007 .top-search div img{margin-left: 30px;margin-right: 20px;} .Top003007 .top-search input::-webkit-input-placeholder,.Top003007 .top-search input{opacity: 1;font-family: HarmonyOS_Sans_SC;font-size: 15px;color: #ffffff;} .Top003007 .sub-menu{ top: -100%;transform: translateY(-100%); opacity: 0; z-index: 100; transition: 0.5s;} .Top003007.open .sub-menu{transform: translateY(0); opacity: 1;background: rgba(0,0,0,.4);min-height: 440px;} .Top003007 .sub-menu .menu-pic{width: 47.917%;margin-right: 8.28vw;} .Top003007 .sub-menu .menu-pic dd{display: none;} .Top003007 .sub-menu nav li a{display: block;padding-left: 8.39vw;position: relative;color: #ad8769;font-size: 26px; line-height: 1em;} .Top003007 .sub-menu nav li a:before{position: absolute; left: 0; top: 50%; background: #ad8769; height: 1px; content: ''; width: 0;transition: 0.5s ease-in-out;} .Top003007 .sub-menu nav li.aon a:before, .Top003007 .sub-menu nav li:hover a:before{width: 8vw;} .Top003007 .MenuNav{position: absolute;left: 23%;width: 38.5%;top: -700%;transform: translateY(-100%); opacity: 0; z-index: 100; transition: 0.5s;} .Top003007 .MenuNav li{float: left;width: 20%;text-align: center;height: 100px;line-height: 100px;position: relative;} .Top003007 .MenuNav li:after{width: 0%;height: 3px;background-color: #cf0014;position: absolute;left: 50%;margin-left: -37px; bottom: 0;content: "";transition: 0.5s all} .Top003007 .MenuNav li.aon a{color: #cf0014;} .Top003007 .MenuNav li.aon:after,.Top003007 .MenuNav li:hover:after{width: 74px;} .Top003007 .MenuNav li a{font-size: 18px;color: #333} .Top003007 .MenuNav li .SubMenu p{line-height: 40px;font-size: 15px;} .Top003007 .MenuNav li .SubMenu p a{color: #ffffff;font-size: 15px;} .Top003007 .MenuNav li .SubMenu{padding-top: 50px;border-left: 1px solid rgba(255,255,255,.2);min-height: 240px;} .Top003007 .MenuNav li .SubMenu:last-child{border-right: 1px solid rgba(255,255,255,.2)} .Top003007 .MenuNav li .SubMenu p:hover a{text-decoration: underline;color: #cf0014;} .Top003007.open .MenuNav{top:0;opacity: 1;transform: translateY(0%);} @media(min-width:1025px){ .Top003007 .sub-menu{position: fixed;left: 0;width: 100%; height: auto;padding-top:18vh;} .Top003007.open .sub-menu{top:0;} .Top003007 .sub-menu nav{ max-width: 40%;} .Top003007 .sub-menu nav li{padding: 3.591vh 0;} } @media(max-width:1366px){ .Top003007 .top-btn{width: 40%;} .Top003007 .MenuNav{width: 35%;} } @media(max-width:1024px){ .Top003007 .sub-menu .menu-pic{display: none;} .Top003007 .sub-menu{position: absolute;right: 0;padding: 5vw;width: 100%;} .Top003007 .sub-menu nav li{padding: 3vw 0;} .Top003007 .top-btn dt{margin-right: 4vw;} .Top003007.open .sub-menu{top:100%;background: rgba(0,0,0,.5);} .Top003007 .top-search{display: none} .Top003007 .top-btn{width: 22%;} .Top003007 .top .logo{margin-left: 15%} .Top003007 .MenuNav{width: 100%;left: 0;} .Top003007.open .MenuNav{top: 100px;} .Top003007 .top .logo img{max-height: 50px;} .Top003007 .top-lx{margin-top: 5px;} .Top003007 .MenuNav li{height: 60px;line-height: 60px;} .Top003007 .MenuNav li .SubMenu{margin-top: 20px;} .Top003007 .MenuNav li a{color: #fff} .Top003007 .openMenu{width: 60px;height: 60px;} } @media(max-width:768px){ .Top003007 .top{padding: 2vw;} .Top003007 .sub-menu nav li a{font-size: 5vw;} .Top003007 .top-btn{width: 30%;} .Top003007 .top-lang{display: none} .Top003007 .top .logo{max-width: 35%;margin-left: 20%} .Top003007 .top-lx{margin-top: 0;} } /*Banner003086 */ .Banner003086 {margin-top: 100px;} .Banner003086 .auto{max-width: 1600px;} .Banner003086 .slider li{position: relative;} .Banner003086 .ytable{height: 100%;} .Banner003086 .txt-area{font-family: HarmonyOS_Sans_SC;position: absolute;color: #fff; left: 0 ;top: 0; width: 100%;height: 100%;z-index: 10; font-size: 62px;} .Banner003086 .txt-area:after{content: "";} .Banner003086 .txt-area aside{transition: 1s 1s; opacity: 0;text-align: center;} .Banner003086 .txt-area .t-1{font-size: 44px;;transform: translateY(50px);font-weight: bold;letter-spacing: 6px;} .Banner003086 .txt-area .t-1 strong{font-size: 48px;color: #cf0014;} .Banner003086 .txt-area .t-2{transform: translateY(100px);font-size: 26px; color: rgba(255,255,255,.8);letter-spacing: 1px;} .Banner003086 .ani-show .txt-area aside{opacity: 1; transform: translateY(0);} .Banner003086 .slick-dots{position: absolute; left: 50%; transform: translateX(-50%); z-index: 20; bottom: 2.55vw;} .Banner003086 .slick-dots li{float: left;width: 30px;position: relative;height: 30px;} .Banner003086 .slick-dots li button{font-size: 0;width: 6px;height: 6px;background: #ffffff;padding: 0;border: 0; position: absolute; left: 50%;top:50%; margin: -3px 0 0 -3px;border-radius: 50%} .Banner003086 .slick-dots li:not(:last-child){margin-right: 2vw;} .Banner003086 .slick-dots li.slick-active{background: url(../images/q2.png) no-repeat center;} .Banner003086 .slick-dots li.slick-active button{background-color: #cf0014;} .Banner003086 .txt-area .ytable-cell{position: relative;} .Banner003086 .txt-area .ytable-cell:after{height: 294px;width: 294px;background: url(../images/q.png) no-repeat center;content: "";bottom: 60%;left: 50%;position: absolute;margin-left: -147px;margin-bottom: -147px; transform: translateY(100px);opacity: 0;transition: 1s 1s;} .Banner003086 li.slick-active .txt-area .ytable-cell:after{opacity: 1; transform: translateY(0);} .Banner003086 li.slick-slide video{position: absolute; z-index: 10; left: 50%; top: 50%; transform: translate(-50%,-50%);min-height: 100%; min-width: 100%;} @media(min-width:1025px){ .Banner003086 .wap{display: none;} } @media(max-width:1024px){ .Banner003086 .pc{display: none;} .Banner003086 .txt-area{font-size: 5vw;padding: 0 2vw;} .Banner003086 .txt-area .t-1{font-size: 5vw} .Banner003086 .txt-area .t-1 strong{font-size: 6vw} .Banner003086 .txt-area .t-2{font-size: 3vw;letter-spacing: 4px;} } @media(max-width:640px){ .Banner003086 .slick-dots li{width: 20px;height: 20px;} } /* .Floor002342 涓篸emo缂栧彿 */ .Floor002342{ padding: 5% 0;} .Floor002342 .newbox{width: 48.61%;height: 322px;background-color: #f5f5f5; box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.25);padding: 50px;} .Floor002342 .newbox h1{font-size: 28px;font-weight: normal;color: #333333;} .Floor002342 .newbox .cpcxbox{width:100%;height: 80px;background-color: #ffffff;padding:18px 25px;margin-top: 15px;} .Floor002342 .newbox .cpcxbox h3{font-weight: normal;font-size: 18px;color: #333333;margin-bottom: 6px;} .Floor002342 .newbox .cpcxbox select{width: 100%;display: inline-block;border: none;background: url(../images/arr1.png) no-repeat 98% center; text-indent: 0;font-family: HarmonyOS_Sans_SC_Light;font-size: 16px;} .Floor002342 .videobox{ padding: 0; position: relative; height: 322px;margin-top: 20px;} .Floor002342 .videobox .play{cursor: pointer;} .Floor002342 .videobox .pic { background-repeat: no-repeat; background-position: center; height: 241px; background-size:cover;} .Floor002342 .videobox .pic img{ display: none;} .Floor002342 .videobox .word{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); text-align: center;} .Floor002342 .videobox .word a{ display: block; margin: 0 auto;} .Floor002342 .videobox .h3{ color: #fff; margin: 20px 0 0 0; font-weight: normal; font-size: 18px;} .Floor002342 .videobox .video{ position: absolute; top: 0; width: 100%; height: 100%; left: 0; display: none; background: #000;} .Floor002342 .videobox .video video{ width: 100%; height: 322px;object-fit: fill} .Floor002342 .videobox .video .close{ position: absolute; top: 0; right: 0; background: url(../images/Floor002342-video_close.png) no-repeat; width: 29px; height: 54px; z-index: 99;} @media only screen and (min-width:768px ) { .Floor002342 .newbox{ float: left; width: 48%;} .Floor002342 .videobox{float: right; width: 48.61%; margin-top: 0;box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.45);} } @media only screen and (min-width:1200px ) { .Floor002342 .videobox .pic{ background: none;} .Floor002342 .videobox .pic img{ display: block;} } /*Floor003027 */ .Floor003027{overflow: hidden; background: #fff;padding:0 0 5% 0;font-family: 'roboto-Regular';margin-top: 0; float: left; width: 100%;} .Floor003027 .auto{max-width: 1440px; } .Floor003027 .index-tit{padding-top: 6.25vw;color: #fff;position: relative;margin-bottom: 5.208vw;} .Floor003027 .index-tit b{ text-transform: uppercase;font-family: "roboto-Black";font-size: 4.1667vw;line-height: 0.775em;} .Floor003027 .index-tit .icon{background: url("../images/Floor003027_icon.png") no-repeat;width: 19px; height: 19px; margin-left: 20px;display: inline-block; vertical-align: text-bottom; animation:zhuan 5s infinite linear;} .Floor003027 .index-tit a {color: #0275d7;} @keyframes zhuan{ 0%{transform: rotate(0); } 100%{transform: rotate(360deg);} } @media(min-width:769px){ .Floor003027 .index-tit a {position: absolute;right: 0;bottom: 0;} } @media(max-width:768px){ .Floor003027 .index-tit{margin-bottom: 6vw;} .Floor003027 .index-tit b{font-size: 8vw;line-height: 1em;} .Floor002342 .newbox,.Floor002342 .videobox{width: 100%;margin-top: 20px;} .Floor002342 .videobox .pic{height: 322px;} } @media(min-width:641px) and (max-width:768px){ .Floor003027 .more{font-size: 3vw;} } @media(max-width:640px){ .Floor003027 .more{font-size: 4vw;} } .Floor003027 ul{position:relative; z-index: 1;} .Floor003027 ol{width: 40%;height: 64.5%; left: 20%;top: 0;position: absolute;} .Floor003027 ol .Ispic{height: 100%;} .Floor003027 li{float: left; position:relative; background: #f5f5f5; overflow: hidden; } .Floor003027 li:before{position: absolute; left: 0; top: 0;height: 100%; width: 100%;; transition: 0.3s; content: ''; opacity: 0;} .Floor003027 li:hover:before,.Floor003027 li.on:before{border: 2px solid #CF0014;opacity: 1} .Floor003027 li a{ z-index: 3; position: absolute; height: 100%; width: 100%; left: 0; top: 0;} .Floor003027 li a aside{position: absolute; z-index: 10; left: 0; padding: 0 5%; width: 100%; color: #333; bottom: 5%;font-size: 22px;text-align: center;font-family: HarmonyOS_Sans_SC;;} .Floor003027 li:hover aside{color: #333333;} .Floor003027 li .Ispic{height: 86%;background-size: auto;} .Floor003027 li:nth-child(7),.Floor003027 li:nth-child(8),.Floor003027 li:nth-child(9),.Floor003027 li:nth-child(10){width: 24.0625%;} .Floor003027 ol .hover-list .Ispic{height: 90%;background-size: auto} .Floor003027 ol .hover-list{text-align: center;} .Floor003027 ol .hover-list .more{font-family: HarmonyOS_Sans_SC_Light;font-size: 18px;color: #ffffff;width: 160px; height: 50px;background-color: #cf0014;line-height: 50px;text-align: center;text-align: center;display: inline-block;} .Floor003027 ol .hover-list .more img{vertical-align: middle;} @media(min-width:769px){ .Floor003027 li{width: 18.75%;padding-bottom: 18.75%;} .Floor003027 li:not(:nth-of-type(3n)){margin-right: 1.25%;margin-bottom: 1.25%} .Floor003027 li:nth-of-type(2), .Floor003027 li:nth-of-type(5){margin-left: 41.25%;} .Floor003027 li:nth-of-type(1), .Floor003027 li:nth-of-type(2), .Floor003027 li:nth-of-type(3){margin-bottom: 1.25%;} .Floor003027 li:nth-child(9){margin-right: 1.25%;} .Floor003027 li:nth-child(10){margin-right: 0%;} } @media(max-width:768px){ .Floor003027 li,.Floor003027 li:nth-child(7), .Floor003027 li:nth-child(8), .Floor003027 li:nth-child(9), .Floor003027 li:nth-child(10){width: 48%;padding-bottom: 48%; margin-bottom: 4%;} .Floor003027 li:not(:nth-of-type(2n)){margin-right: 4%;} .Floor003027 ol{display: none;} .Floor003027 li a aside{font-size: 4vw; } .Floor003027 li .Ispic{background-size: 60% auto} } .Floor003027 .hover-list{position: absolute; left: 0; top: 0; width: 100%; height: 100%;background: #C8D9EE;background-size: cover;opacity: 0; transition: 0.3s;} .Floor003027 .hover-list.show{opacity: 1;} .Floor003027 .hover-list:before{position: absolute; content: ''; left: 0; top: 0; width: 100%; height: 100%;} .Floor003027 .hover-list dl{position: relative; height: 100%; z-index: 20;} .Floor003027 .hover-list dl:before, .Floor003027 .hover-list dl:after{position: absolute; content: ''; width: 14%; height: 14%;border:6px solid #cf0014;} .Floor003027 .hover-list dl:before{left: 0; top: 0;border-right: 0;border-bottom: 0;} .Floor003027 .hover-list dl:after{right: 0;bottom: 0;border-left: 0;border-top: 0;} .Floor003027 .hover-list dd{position: absolute;background-size: auto 82%; left: 0; top: 0; width: 100%; height: 100%;opacity: 0; transition: 0.3s;} .Floor003027 .hover-list dd.on{opacity: 1; z-index: 9} .Floor003027 .hover-list .quan{position: absolute; z-index: 1; width: 56.061%; height: 56.061%;top: 13.9695%; left: 21.9695%; border-radius: 50%;background: #fff; } .Floor003027 .hover-list .quan:after, .Floor003027 .hover-list .quan:before{position: absolute; content: ''; background: rgba(255,255,255,0.06);border-radius: 50%; animation: test2 1s linear infinite;} .Floor003027 .hover-list .quan:before{left: -5.956%; right: -5.956%; top: -5.956%; bottom: -5.956%;} .Floor003027 .hover-list .quan:after{ left: -11.912%; right: -11.912%; top: -11.912%; bottom: -11.912%;} @keyframes test2{ 0%{opacity:1;transform:scale(0.5);} 40%{opacity:1;transform:scale(0.8);} 60%{opacity:1;transform:scale(1);} 100%{opacity:1;transform:scale(1.2);} } /*Floor003044 */ .Floor003044{background: url(../images/abbg1.jpg) no-repeat top center; overflow: hidden;font-family: 'SourceHanSansCN-Light';} .Floor003044 .video .inner{position: relative; z-index: 1;} .Floor003044 .video video{position: absolute;background: #000; left: 0; top: 0; width: 100%; height: 100%; z-index: 5;} .Floor003044 .play{position: absolute; left: 0; top: 0; width: 100%; height: 100%; cursor: pointer; z-index: 3; font-size: 100px;} .Floor003044 .play i{position: absolute;border-radius: 50%; left: -0.6em; top: 50%;transform: translate(0,-50%);} .Floor003044 .play i{ width: 1.2em;height: 1.2em; z-index: 4; background:url("../images/Floor003044_play.png") no-repeat center center; } .Floor003044 .play:before, .Floor003044 .play:after{content: '';background-color: #cf0014;opacity: 0.11; transform-origin: 0 0;} .Floor003044 .play:before{width: 1.4em;height: 1.4em;} .Floor003044 .play:after{width: 1.8em;height: 1.8em;} .Floor003044 .img-block{width:100%;} @keyframes scale{ 0%{ transform: scale(1) translate(-50%,-50%); opacity:.3} 100%{ transform: scale(1.2) translate(-50%,-50%); opacity: 0;} } @keyframes scale2{ 0%{ transform: scale(1) translate(-50%,-50%);opacity:.3;} 100%{ transform: scale(1.3) translate(-50%,-50%);opacity:0;} } .Floor003044 .intro{position: relative; z-index: 4;background-color: none;} .Floor003044 .intro .edit-info{font-size:16px; padding: 1vw 0;overflow: hidden;} .Floor003044 .intro .edit-info p{font-family: HarmonyOS_Sans_SC_Light;font-size: 18px;line-height: 30px;color: #333333;color: #fff} .Floor003044 .intro .number .numbox{width: 50%;float: left;margin-bottom: 35px;} .Floor003044 .intro .number .numbox p{font-family: HarmonyOS_Sans_SC_Light;font-size: 18px;line-height: 30px;color: #fff;position: relative;} .Floor003044 .intro .number .numbox b{font-family: Poppins-SemiBold;font-size: 48px;font-weight: normal;letter-spacing: -2px;color: #fff;line-height: 48px;display: inline-block;} .Floor003044 .intro .number .numbox span{font-family: HarmonyOS_Sans_SC;font-weight: bold;font-size: 18px;color: #fff;display: inline-block;margin-left: 10px;position: relative;top: -20px;} .Floor003044 .title{font-family: HarmonyOS_Sans_SC;font-weight: bold;font-size: 48px;color: #fff} @media(max-width:768px){ .Floor003044 .title{font-size: 7vw;} .Floor003044 .play i{left: 50%} .Floor003044{background-size: cover;} .Floor003044 .intro .number .numbox span{top: -10px;} } .Floor003044 .more a{display: inline-block;width: 160px;height: 50px;background-color: #cf0014;line-height: 50px;text-align: center;color: #fff} .Floor003044 .more a img{vertical-align: middle;margin-left: 5px;} @media(max-width:480px){ .Floor003044 .more a{font-size: 3.5vw;} } @media(min-width:1025px){ .Floor003044 .video{margin-top: 5vw;} .Floor003044 .video, .Floor003044 .intro{width: 45%;} .Floor003044 .video .inner{width: 100%;} .Floor003044 .intro .inner{padding:5vw 8.33vw; } .Floor003044 .intro .edit-info{max-width: 525px;margin-bottom: 50px} } @media(min-width:1025px) and (max-width:1440px){ .Floor003044 .video{margin-top: 10vw;padding-left: 5vw;} .Floor003044 .intro .inner{padding-top: 3vw; padding-bottom: 4vw; padding-right: 5vw;} } @media(max-width:1024px){ .Floor003044 .intro{padding: 5vw;} .Floor003044 .play{font-size: 12vw;} .Floor003044 .intro .number .numbox b{font-size:6vw} .Floor003044 .intro .edit-info{margin-bottom: 5vw} } .Floor003044{background-position: center bottom; background-size:cover; margin-bottom: 3%} .Floor003044 .slider{position: relative;z-index: 1;padding:0 8.33vw} .Floor003044 .slider .box{padding: 0 5%;height:340px; } .Floor003044 .slider .box li.slick-slide a{display: block; margin: 0 1.771vw; padding: 2.8125vw 0 0vw 0; text-align: center;color: #fff;} .Floor003044 .slider .title{position: absolute; top: -50px;} .Floor003044 .slider .name{font-family: HarmonyOS_Sans_SC_Bold;font-size: 24px;line-height: 28px;letter-spacing: -1px;color: #fff;margin-top:30px;transition:all 0.5s; } .Floor003044 .slider .name span{margin-left:10px;} .Floor003044 .slider a:hover .name{ margin-top:50px} .Floor003044 .slider a:hover .name aside{width: 100%;transition: 0.3s ease-in-out;} .Floor003044 .slider .pic{overflow:hidden;border-radius: 50%;box-shadow: 5px 8px 5px 0px rgba(24, 24, 33, 0.3);transition:all 0.5s; } .Floor003044 .slider .pic img{ width:100%; height:100%; position:absolute; left:0;top:0;border-radius: 50%;} .Floor003044 .slider .pic .ytable-cell{position: relative;padding-bottom:100%} .Floor003044 .slider a:hover .pic{-webkit-transform: scale(1.4);-ms-transform: scale(1.4);-o-transform: scale(1.4);transform: scale(1.4);} .Floor003044 .slider .detail{font-size: 20px;line-height: 40px;color: #333333;transition: 0.3s;opacity: 0;margin-top: 40px;display: none} .Floor003044 .slider .slider a:hover .name{margin-top: 80px;} .Floor003044 .slider .box li.slick-slide a:hover .detail{opacity: 1;} .Floor003044 .slider .pic .txt{display: flex; align-items: center; justify-content: center;transition:all 0.5s;width: 0%;height: 0%;opacity: 0; position: absolute;left: 50%;top: 50%; transform: translate(-50%,-50%);border-radius: 50%;background: rgba(207,0,20,.9);min-height: unset;padding: 0 5%;font-size: 0;line-height: 24px;color: #ffffff;} .Floor003044 .slider a:hover .txt{width: 100%;height: 100%;opacity: 1;font-size: 16px;} .Floor003044 .slider .slick-arrow{position: absolute; z-index: 30; top: 50%; width: 60px; height: 60px; border: 1px solid rgba(255,255,255,0.2);padding: 0; margin-top: -30px; border-radius: 50%; transition: 0.3s;} .Floor003044 .slider .slick-arrow:hover{background: #d83d30;} .Floor003044 .slider .slick-arrow:before{position: absolute; content: ''; width: 10px; height:10px; border-bottom: 2px solid #fff;border-left: 2px solid #fff; left: 50%; top: 50%; margin: -5px 0 0 -5px; transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);} .Floor003044 .slider .slick-next:before{transform: rotate(-135deg);-webkit-transform: rotate(-135deg);-ms-transform: rotate(-135deg);} @media(max-width:640px){ .Floor003044 .slider .slick-arrow{width: 40px; height: 40px;} } @media(min-width:1701px){ .Floor003044 .slider .slider .box ul{ margin: 0 -1.771vw;} .Floor003044 .slider .slick-prev{left: -7.8125vw;} .Floor003044 .slider .slick-next{right: -7.8125vw;} } @media(max-width:1700px){ .Floor003044 .slider .slick-prev{left: -60px;} .Floor003044 .slider .slick-next{right: -60px;} } @media(max-width:1500px){ .Floor003044 .slider .slick-prev{left: 0;} .Floor003044 .slider .slick-next{right: 0;} .Floor003044 .slider a:hover .name{font-size:26px;} } @media(max-width:1200px){ .Floor003044 .slider .slider .box li.slick-slide{padding-top: 4vw;} .Floor003044 .slider .name{font-size: 2.5vw;} .Floor003044 .slider a:hover .name{font-size:3vw;} .Floor003044 .slider a:hover .pic{-webkit-transform: scale(1.2);-ms-transform: scale(1.2);-o-transform: scale(1.2);transform: scale(1.2);} } @media(max-width:1024px){ .Floor003044 .slider{ padding: 0 5vw;} .Floor003044 .slider .box{height:300px;} .Floor003044 .slider .title{position:relative; top:0px; padding-bottom:3%} .Floor003044 .slider .pic{ width:90%; margin:auto} } @media(max-width:640px){ .Floor003044 .slider .slider .box li.slick-slide{padding-top: 12vw;} .Floor003044 .slider .name{font-size:4vw;} .Floor003044 .slider .box{height:260px;} .Floor003044 .slider a:hover .name{font-size:5vw;} .Floor003044 .slider .slider .box li.slick-slide a{padding: 8vw 0;} .Floor003044 .slider .pic{ width:80%;} .Floor003044 .slider a:hover .txt{ font-size:14px;} } /*Floor002872 */ .Floor002872{position: relative; z-index: 10;margin-top:0%;padding-bottom: 4%} .HomeTit{font-family: HarmonyOS_Sans_SC_Light;font-size: 18px;color: #333333;line-height: 30px;} .HomeTit h3{font-family: HarmonyOS_Sans_SC;font-size: 48px;color: #333333;line-height: 48px;margin-bottom:10px;} /*slick Basic*/ .Floor002872 .slick-slider { position:relative;display: block;-webkit-touch-callout: none;-ms-touch-action: pan-y; touch-action: pan-y;-webkit-tap-highlight-color: transparent} .Floor002872 .slick-list { position: relative; z-index: 1;display: block; overflow: hidden;} .Floor002872 .slick-list:focus {outline: none} .Floor002872 .slick-list.dragging {cursor: pointer;cursor: hand;} .Floor002872 .slick-slider .slick-track, .Floor002872 .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)} .Floor002872 .slick-track {position: relative; top: 0; left: 0; display: block;} .Floor002872 .slick-track:before, .Floor002872 .slick-track:after{display: table; content: '';} .Floor002872 .slick-track:after{ clear: both;} .Floor002872 .slick-loading .slick-track { visibility: hidden;} .Floor002872 .slick-slide{ display: none; float: left;min-height: 1px;} [dir = 'rtl'] .slick-slide {float: right;} .Floor002872 .slick-slide .slick-loading img { display: none;} .Floor002872 .slick-slide .dragging img { pointer-events: none;} .Floor002872 .slick-initialized .slick-slide { display: block;} .Floor002872 .slick-loading .slick-slide { visibility: hidden;} .Floor002872 .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent;} .Floor002872 .slick-arrow .slick-hidden { display: none;} /*slick Basic End*/ .Floor002872 .auto_1366{max-width: 1366px; width: 96%;box-shadow: 5px 0 6px rgba(163,166,170,0.22);} .Floor002872 .inner{padding: 20px 0;background: #fff;} .Floor002872 .fr{background: #fff; padding: 16px 20px 0;} .Floor002872 .slider-tab{margin-bottom: 18px;} .Floor002872 .slider-tab li{line-height: 50px; background: #dedede;text-align: center;font-size: 20px;font-weight: bold; cursor: pointer;} .Floor002872 .slider-tab li.slick-current{color: #fff;background: #ff0000;} .Floor002872 .slider-for li{line-height: 48px;font-size: 18px;} .Floor002872 .slider-for li time{float: right; margin-left: 20px;} .Floor002872 .slider-for li a:hover{color: #bb2335;} .Floor002872 .slider-for li a:before{display: inline-block;content: '路'; width: 15px; text-align: center;} .Floor002872 .fl .slider li a{display: block; position: relative;} .Floor002872 .fl .slider li aside.dot2{position: absolute; left: 0; width: 100%;line-height: 30px; padding: 0 30% 25px 20px;color: #fff;font-size: 20px; z-index: 10;bottom: 0; transform: translateY(50px); opacity: 0; transition: 0.3s 0.3s;font-weight: normal;} .Floor002872 .fl .slider li.slick-current aside.dot2{opacity: 1;transform: translateY(0);} .Floor002872 .fl .slick-dots{position: absolute; right: 20px;bottom: 8%; z-index: 10;} .Floor002872 .fl .slick-dots li{width: 10px; height: 10px; cursor: pointer;border-radius: 10px;transition: 0.3s; background: #fff;float: left;margin-left: 10px;opacity: 0.7} .Floor002872 .fl .slick-dots li button{display: none;} .Floor002872 .fl .slick-dots li.slick-active{background: #cf0014; } .Floor002872 .mid{margin-left: 4.7%;border-bottom: 1px solid #E5E5E5;} .Floor002872 .mid .Ispic{padding-top: 63%;margin-bottom: 40px;} .Floor002872 .mid time,.Floor002872 .frbox time{font-size: 16px;font-size: 16px;color: #999999;} .Floor002872 .mid h3,.Floor002872 .frbox h3{font-size: 24px;line-height: 30px;color: #231f20;font-family: HarmonyOS_Sans_SC_Medium;margin: 15px 0} .Floor002872 .mid p,.Floor002872 .frbox p{font-size: 18px;line-height: 30px;color: #999999;margin-bottom: 20px;} .Floor002872 .mid .more,.Floor002872 .frbox .more{font-family: HarmonyOS_Sans_SC_Light;font-size: 16px; color: #cf0014;line-height: 36px} .Floor002872 .mid .more img,.Floor002872 .frbox .more img{vertical-align: middle;margin-left: 5px;transition:all 0.5s;} .Floor002872 .mid .more:hover img,.Floor002872 .frbox .more:hover img{margin-left: 15px} .Floor002872 .frbox {padding: 20px 0;border-bottom: 1px solid #E5E5E5;} .Floor002872 .fl{width: 30.2%;} .Floor002872 .fr{width: 30.2%;} .Floor002872 .fl, .Floor002872 .fr{height: 549px;} .Floor002872 .fl .slider li .Ispic{padding-bottom: 126%} @media(max-width:1366px){ .Floor002872{margin-top: 3%;} } @media(max-width:1024px){ /*.Floor002872 .fl .slider li .Ispic{padding-bottom: 55%;}*/ .Floor002872 .fr{padding-bottom: 20px;} } @media(max-width:640px){ .Floor002872 .inner{padding: 10px;} .Floor002872 .slider-tab li{font-size: 18px;} .Floor002872 .fl .slider li aside.dot{font-size: 16px;} .Floor002872 .slider-for li{line-height: 40px;font-size: 16px;} .Floor002872 .fl,.Floor002872 .fr{width: 100%;} .Floor002872 .fl .slider li aside.dot2{height: 60px;} .Floor002872 .fl .slick-dots{bottom:5%;} .HomeTit h3{font-size:6vw} } /* .Form001322 涓篸emo缂栧彿 */ .Form001322{ background:url(../images/Form001322-bg.png) no-repeat center center/cover; padding:5% 0;} .Form001322 .auto{display: flex;} .Form001322 .form{ float:left; width:60%; padding:5% 10%;background: rgba(207,0,20,.92);} .Form001322 h2{font-size: 48px;color: #ffffff;} .Form001322 p{font-family: HarmonyOS_Sans_SC_Light;font-size: 18px;line-height: 30px;color: #ffffff;margin: 25px auto 40px;} .Form001322 .text{ width:96%;height: 40px;line-height: 40px; background-color:#fff; border:1px solid #dadada; padding:0 10px; transition:0.3s;} .Form001322 .text:focus{ border-color:#967724; box-shadow:0 0 3px #967724;} .Form001322 .btn{ cursor:pointer; width:96%; height:42px; color:#fff; background:#ffffff; color: #333333;font-size:16px; border:none; border-radius:0px;line-height: 42px;} .Form001322 td{ padding-bottom:15px;position: relative;} .Form001322 td:after{width: 96%;height: 40px;border: 1px solid rgba(255,255,255,.5);content: "";position: absolute;left: 0;top: 0} .Form001322 .w100 td:after{display: none} .Form001322 .w100 .text{width: 99%;} .Form001322 .w100 .text{height: auto;line-height: 24px;;padding: 10px} .Form001322 .sub td:after{display: none} .Form001322 td.f_name{ text-align:right; width:80px; color:#333;} .Form001322 td .fgpws{ float: right; color:#967823; font-size:12px;} .Form001322 td.tips, .Form001322 td.agree{ font-size:12px; line-height:20px;} .Form001322 td.tips{color:#967823;} .Form001322 td .blue{color:blue;} .Form001322 .txt{width: 40%;float: right; padding:5% 5% 2% 5%;background: rgba(255,255,255,.92) url(../images/q3.png) no-repeat right bottom;} .Form001322 .txt h2{font-size: 48px;color: #333333;line-height: 48px;} .Form001322 .txt p.desc{font-family: HarmonyOS_Sans_SC_Light;font-size: 18px;line-height: 30px;color: #333333;margin: 27px auto 65px;} .Form001322 .txt .tels{font-family: HarmonyOS_Sans_SC_Medium;height: 50px;border-left: 2px solid #cf0014;padding-left: 17px;} .Form001322 .txt .tels p{font-size: 16px;;color: #cf0014;margin: 0 auto;line-height: 20px;font-weight: bold;} .Form001322 .txt .tels h3{font-size: 28px;font-weight: normal;color: #cf0014;line-height: 28px;line-height: 30px;} .Form001322 .txt .conduct{font-size: 16px;line-height: 34px;color: #525b63;margin-top: 35px;} @media(max-width:1000px){ .Form001322 .form{padding:5%;} } @media(max-width:768px){ .Form001322 .form{ float:none; width:auto;} .Form001322 td{ padding-bottom:2%;} .Form001322 .auto{display: inline-block;width: 100%;} .Form001322 .txt{width: 100%;} .Form001322{background-size: cover;} .Form001322 h2,.Form001322 .txt h2{font-size: 30px;} } /*Bottom002918 */ .Bottom002918{background: #F8F8F8; overflow: hidden;} @media(min-width:1025px){ .Bottom002918 a:hover{color: #a21f28!important;} } .Bottom002918 .auto{max-width: 1400px;} .Bottom002918 .b-foot{position: relative; z-index: 3; line-height: 32px; padding: 30px 0;margin-top: 6%;} .Bottom002918 .b-foot .bg{width: 150%;position: absolute;right: 0;top: 0;background: #F4F4F4;height: 120%;z-index: -1} .Bottom002918 .b-foot dt{color: #fff; font-size: 26px;} .Bottom002918 .b-foot dt span{background: url("../images/Bottom002918_tel.png") no-repeat left center;padding-left: 30px;} .Bottom002918 .b-foot dd{color: #828282; font-size: 12px;} .Bottom002918 .b-foot dd a{color: #828282;} .Bottom002918 .b-foot p a{font-size: 14px;color: #666666;} .Bottom002918 .b-foot p.cpr,.Bottom002918 .b-foot p.cpr a{color: #999999;} @media(min-width:1025px){ .Bottom002918 .b-foot dt span{float: right;} } @media(max-width:1024px){ .Bottom002918 .b-foot {text-align: center;} .Bottom002918 .b-foot dd{padding-top: 20px;} .Bottom002918 .b-foot dd, .Bottom002918 .b-foot dd a{color: #666;} .Bottom002918 nav{width: 67.5%;} .Bottom002918 .b_contact{width: 30%;} } .Bottom002918 .b_contact, .Bottom002918 nav{padding: 2.917vw 0 0;} .Bottom002918 nav dt a{color: #000000;line-height: 24px;font-size: 20px;} .Bottom002918 nav dt:after{display: block; content: ''; height: 3px; width: 14px;background: #cf0014; margin: 12px 0;} .Bottom002918 nav dd{line-height: 22px; } .Bottom002918 nav dd a{color: #8e8e8e;font-size: 14px;color: #666666;line-height: 32px;} @media(min-width:641px){ .Bottom002918 nav .item{float: left; max-width: 140px;} .Bottom002918 nav .item dl{display: block!important;} .Bottom002918 nav dt a{font-size: 18px;} } @media(min-width:1025px){ .Bottom002918 nav{width: 67.5%;} } @media(max-width:1024px){ .Bottom002918 .b_contact, .Bottom002918 nav{padding: 3vw 0;} } @media(max-width:768px){ .Bottom002918 nav .item{margin: 0 0 3vw 0!important; border-bottom: 1px solid rgba(255,255,255,0.2); } .Bottom002918 nav .item dl{display: none;padding: 20px 0;} .Bottom002918 nav .item dt{ padding-right: 40px;padding-top: 12px; position: relative;overflow: hidden;} .Bottom002918 nav .item dt:after{margin-bottom: 0;} .Bottom002918 nav .item .open{position: absolute;right: 0; top: 0; width: 40px; height: 100%; transition: 0.3s;} .Bottom002918 nav .item .open.on{transform: rotate(45deg);} .Bottom002918 nav .item .open:before, .Bottom002918 nav .item .open:after{position: absolute; content: ''; background: #cf0014; width: 12px; height: 2px; left: 50%; top: 50%; transform: translate(-50%,-50%);} .Bottom002918 nav .item .open:after{width: 2px; height: 12px;} .Bottom002918 .b-foot .bg{right: 5px;} .Bottom002918 .b_contact, .Bottom002918 nav{width: 100%;} } .Bottom002918 .b_contact{position: relative; z-index: 1;} .Bottom002918 .b_contact .bg{position: absolute; left: 0; top: 0; width: 200%; bottom: -10%;background: #f0f0f0; z-index: 1;} .Bottom002918 .b_contact .main{position: relative; z-index: 3; text-align: center;color: #fff; } .Bottom002918 .b_contact .logo{margin-bottom: 30px;} .Bottom002918 .b_contact .code img{ max-width: 125px;} .Bottom002918 .b_contact .code aside{padding-top: 10px;font-size: 14px;color: #666666;line-height: 30px;} .Bottom002918 .b_contact{width:32.5%;} .Bottom002918 .b_contact .main{float: left; max-width: 70%;text-align: center;margin-left: 10%} .Bottom002918 .b_contact .main .code{display: inline-block;max-width: 40%;margin: 0 2%} .Bottom002918 .b_contact .main .code img{max-width: 100%} .Bottom002918 .b_contact .main .txt{text-align: left;margin-top: 20%;} .Bottom002918 .b_contact .main .txt h3{font-size: 15px;color: #333333;line-height: 30px;margin-top: 4px;} .Bottom002918 .b_contact .main .txt p{font-size: 14px;line-height: 30px;color: #999999;margin-top: 15px;} .Bottom002918 .b_contact .links{float: right;width: 10%;position: relative;z-index: 22} .Bottom002918 .b_contact .links a{display: inline-block;margin-bottom: 20px;} .Bottom002918 .b_contact .links a img{width: 50px;transition: 0.3s ease-in-out;} .Bottom002918 .b_contact .links a:hover img{-webkit-transform: scale(1.4);-ms-transform: scale(1.4);-o-transform: scale(1.4);transform: scale(1.4);} @media(max-width:1024px){ .Bottom002918 .b_contact .bg{width: 104%; left: -2%;} } @media(max-width:640px){ .Bottom002918 .b_contact{width: 100%;} .Bottom002918 .b-foot .bg{right: 0;height: 100%;opacity: 0} .Bottom002918 .b_contact .main{margin: 0 auto;float: none} .Bottom002918 .b-foot{margin-top: 0;padding: 10px 0} } .About_Part1 .auto{min-height: 80%;margin-top: 100px; position: relative;} .location{height: 16px;line-height: 16px;font-family: HarmonyOS_Sans_SC_Light;font-size: 15px;color: #999999;} .location a{color: #999999;} .location span{color: #cf0014;} .location img{vertical-align: middle;margin-top: -5px;} .location2{padding: 5% 0} .About_Part1{background: url(../images/bbg.png) no-repeat center;background-size: cover; overflow: hidden;} .About_Part1 .txt{width: 40.5%;display: flex;align-items: center;justify-content: center;height: 90%;min-height: 700px;transform:translateX(-580px);-webkit-transform:translateX(-580px);opacity:0;transition:all 1s 0.5s; } .About_Part1 .txt h3{font-size: 48px;color: #cf0014;font-family: HarmonyOS_Sans_SC_Bold;} .About_Part1 .txt h5{font-size: 30px;font-weight: normal;color: #333333;margin: 50px auto} .About_Part1 .txt p.desc{font-family: HarmonyOS_Sans_SC_Light;font-size: 18px;line-height: 30px;color: #333333;text-align: justify;} .About_Part1 .numbers .numbox p{font-family: HarmonyOS_Sans_SC_Medium;font-size: 22px; color: #333333;width: 160px;height: 160px;background: url(../images/q4.png) no-repeat center;position: relative;line-height: 160px;text-align: center;} .About_Part1 .numbers .numbox p span{font-family: Poppins-SemiBold;font-size: 40px;} .About_Part1 .numbers .numbox p:after{content: "";width: 72px; height: 40px;background: url(../images/bg1.png) no-repeat center;position: absolute;bottom: -25px;left: 50%;margin-left: -36px;} .About_Part1 .numbers .numbox{margin-right: 70px;margin-top: 60px;} .About_Part1 .numbers .numbox p.sml span{font-size: 24px;} .About_Part1 .numbers .numbox:last-child{margin-right: 0;} .About_Part1 .numbers .numbox h6{font-size: 24px;line-height: 28px;letter-spacing: -1px;color: #333333;text-align: center;margin-top: 20px;} .About_Part1 .imgs{ position: absolute;right:0;width: 56%; height: 100%;/*transform:translateX(480px);-webkit-transform:translateX(580px);opacity:0;transition:all 1s 0.5s;*/ } .About_Part1 .imgs:after { position: absolute;content:'';width: 148px;height: 159px;right: -9%;top: 31%;background:url("../images/About_Part1_bg.png") no-repeat center; z-index: 0;} .About_Part1 .imgs img { position: absolute; z-index: 1;opacity:0;transition:all 1s 0.5s;} .About_Part1 .imgs img.img1 { top:25%;left:0;transform:translateY(200px);-webkit-transform:translateY(200px);} .About_Part1 .imgs img.img2 { top:0;right:-6%;transform:translateY(-200px);-webkit-transform:translateY(-200px);} .About_Part1.active .imgs img,.About_Part1.active .txt{transform:translate(0,0);-webkit-transform:translate(0,0);opacity:1;} .About_Part1 .imgs img{transition:all 1s 0.5s;} /*.About_Part1 .imgs:hover {animation-name:tada;animation-duration: 2s;animation-delay: 0s;}*/ .About_Part2 .txt h3{line-height: 65px;} .About_Part2 .txt h3 span{color: #333333;} .About_Part2 .txt p.desc{margin: 60px 0 0} .About_Part2{background: url(../images/bbg2.png) no-repeat center;background-size: cover;} .About_Part2#home-Part2 .imgs:after { position: absolute;content:'';width: 100%;height: 100%;left: 0;top: 0;background:url("../images/About_Part2_bg.png") no-repeat right top;transform:translate(0,-50%);-webkit-transform:translate(0,-50%);;opacity:0;transition:all 1s 0.5s; z-index: 0;} .About_Part2#home-Part2 .imgs img { top:60%;left:0;transform:translate(400px,-50%);-webkit-transform:translate(400px,-50%);} .About_Part2#home-Part2 .imgs img.img2 { left: 32%;transition-delay: .8s;} .About_Part2#home-Part2 .imgs img.img3 { left: 64%;transition-delay: 1.1s;} .About_Part2#home-Part2.active .imgs img { transform:translate(0,-50%);-webkit-transform:translate(0,-50%);} .About_Part2#home-Part2.active .imgs:after { transform:translate(0,0);-webkit-transform:translate(0,0); opacity: 1;} /*Floor003155 */ .fp-menu{position: fixed;z-index: 110; left: 3.125em; top:50%;transform: translateY(-50%);} .fp-menu li{position: relative; padding: 12px 0; width: 32px;} .fp-menu li a{display: block;width: 10px;height: 10px;background-color: #666;border-radius: 2px; margin: 0 auto; transition: 0.3s;border-radius: 50%} .fp-menu li span{position: absolute; left: 100%;top: 50%;transform: translateY(-50%);font-size: 0.875em;color: #000000;margin-left: 0.7142em; line-height: 1.2; visibility: hidden;} .fp-menu li:nth-child(1) span{transform:rotate(90deg); transform-origin: top;} .fp-menu li.active span{visibility: initial;} .fp-menu li.active{background: url(../images/q2.png) no-repeat center/100% 100%;} .fp-menu li.active a{background: none;} .fp-menu[type='white'] li a{background-color: rgba(255,255,255,0.2);} .fp-menu[type='white'] li span{color: #fff;} .fp-menu[type='white'] li.active{background: #cf0014} @media (max-width:1200px) { .fp-menu{display: none;} } @media (max-width:1024px) { .root-sz-16{font-size: 1.8vw;} } @media (max-width:480px) { .root-sz-16{font-size:2.2vw;} } /*Floor002912 */ .Floor002912{background: url("../images/bbg3.png") no-repeat center center; background-size: cover;overflow: hidden;} .Floor002912 .auto{max-width: 1400px; width: 96%;} .Floor002912 .title{font-family: HarmonyOS_Sans_SC_Bold;font-size: 48px;line-height: 48px;color: #cf0014;text-align: center;padding: 6% 0 4%;transform:translateY(280px);-webkit-transform:translateY(280px);opacity:0;transition:all 2s 0.5s;} .Floor002912.active .title{transform:translate(0,0);-webkit-transform:translate(0,0);opacity:1;} @media(max-width:1024px){ .Floor002912 .title{font-size: 7vw;} } @media(max-width:640px){ .Floor002912 .title{font-size: 10vw;} } .Floor002912 .slider{position: relative;z-index: 1;transform:translateY(280px);-webkit-transform:translateY(280px);opacity:0;transition:all 1s 0.5s; } .Floor002912.active .slider{transform:translate(0,0);-webkit-transform:translate(0,0);opacity:1;} .Floor002912 .slider .box{overflow: hidden;padding: 0 5%} .Floor002912 .slider .box li.slick-slide{padding: 2vw 0 0 0;} .Floor002912 .slider .box li.slick-slide a{display: block; margin: 0 1.771vw; padding: 2.8125vw 0 0vw 0; text-align: center;color: #fff;} .Floor002912 .name{font-family: HarmonyOS_Sans_SC_Bold;font-size: 24px;line-height: 28px;letter-spacing: -1px;color: #333333;margin-top: 60px;transition:all 0.5s; } .Floor002912 .name span{margin-left:10px;} .Floor002912 a:hover .name{opacity: 1;} .Floor002912 a:hover .name aside{width: 100%;transition: 0.3s ease-in-out;color: #333333;} .Floor002912 .pic{height: 155px;border-radius: 50%;box-shadow: 5px 8px 5px 0px rgba(24, 24, 33, 0.3);transition:all 0.5s; } .Floor002912 .pic .ytable-cell{position: relative;} .Floor002912 a:hover .pic{-webkit-transform: scale(1.4);-ms-transform: scale(1.4);-o-transform: scale(1.4);transform: scale(1.4);} .Floor002912 .pic img{max-height: 12.1875vw;} .Floor002912 .detail{font-size: 20px;line-height: 40px;color: #333333;transition: 0.3s;opacity: 0;margin-top: 40px;display: none} .Floor002912 a:hover .name{margin-top: 80px;} .Floor002912 .slider .box li.slick-slide a:hover .detail{opacity: 1;} .Floor002912 .pic .txt{transition:all 0.5s;width: 0%;height: 0%;opacity: 0; position: absolute;left: 50%;top: 50%; transform: translate(-50%,-50%);border-radius: 50%;background: rgba(207,0,20,.9);min-height: unset;padding: 0 5%;font-size: 0;line-height: 24px;color: #ffffff;} .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 a:hover .txt{width: 100%;height: 100%;opacity: 1;font-size: 16px;} .Floor002912 .slick-arrow{position: absolute; z-index: 30; top: 50%; width: 60px; height: 60px; border: 1px solid rgba(255,255,255,0.2);padding: 0; margin-top: -30px; border-radius: 50%; transition: 0.3s;} .Floor002912 .slick-arrow:hover{background: #d83d30;} .Floor002912 .slick-arrow:before{position: absolute; content: ''; width: 10px; height:10px; border-bottom: 2px solid #fff;border-left: 2px solid #fff; 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);} @media(max-width:640px){ .Floor002912 .slick-arrow{width: 40px; height: 40px;} } @media(min-width:1701px){ .Floor002912 .slider .box ul{ margin: 0 -1.771vw;} .Floor002912 .slick-prev{left: -7.8125vw;} .Floor002912 .slick-next{right: -7.8125vw;} } @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;} } .fp-auto-heigh .fp-tableCell,.fp-auto-heigh{ height: auto !important; } .Banner00308666 /*PicList000687 */ .PicList000687{padding: 3.125vw 0 0 0;overflow: hidden;} .PicList000687 .auto{max-width: 1400px;} .PicList000687 .title{margin-bottom: 2.5vw; text-align: center;} .PicList000687 .title .cn{font-size: 30px;color: #a52d33; padding-bottom: 10px;font-weight: bold;} .PicList000687 .title .en{font-family: 'bebas-neue';color: #d2d2d2; letter-spacing: 2px;} @media(max-width:768px){ .PicList000687 .title{margin-bottom: 5vw;} } @media(max-width:640px){ .PicList000687 .title .cn{font-size: 6vw;} } .PicList000687 .more{ text-align: center;width: 160px; line-height: 50px;color: #fff; background: #cf0014;display: block;margin-top: 50px;} .PicList000687 .more:hover{background: #cf0014;} .PicList000687 .more:after{display: inline-block; content: '';background: url("../images/more.png") no-repeat; width: 25px; height: 11px; vertical-align: middle; margin-left: 5px;} @media(max-width:480px){ .PicList000687 .more{line-height: 10vw;} } .PicList000687 .tit{font-family: HarmonyOS_Sans_SC;font-size: 24px;color: #333333;padding: 50px auto 25px} .PicList000687 .slider p{font-family: HarmonyOS_Sans_SC_Light;font-size: 18px;line-height: 30px;color: #333333;max-width: 550px;} @media(max-width:640px){ .PicList000687 .tit{font-size:4vw;} .PicList000687 p{font-size:3.5vw;} } .PicList000687 .news-top{padding-bottom: 4.22vw;} .PicList000687 .news-top .info{background-color: #f5f5f5;} .PicList000687 .news-top time{font-family: Poppins-Regular;font-size: 24px;font-weight: normal;color: #999999;} .PicList000687 .news-top .slick-dots{ text-align: center;padding-top: 1.72vw;} .PicList000687 .news-top .slick-dots li{display: inline-block; width: 20px; height:3px; margin: 0 5px;background-color: #d9d9d9;} .PicList000687 .news-top .slick-dots li button{display: none;} .PicList000687 .news-top .slick-dots li.slick-active{background:#cf0014;} @media(min-width:769px){ .PicList000687 .news-top .pic{width: 50%;} .PicList000687 .news-top .info .main{padding-left: 5.21vw;} } @media(min-width:1025px) and (max-width:1024px){ .PicList000687 .news-top .pic{width: 45%;} } @media(max-width:768px){ .PicList000687 .news-top .ytable-cell, .PicList000687 .news-top .ytable{display: block;} .PicList000687 .news-top .info{padding: 5vw;} } @media(max-width:640px){ .PicList000687 .news-top time{font-size: 3.6vw;} } .PicList000687 .news-list{background: #f5f5f5;padding: 4.12vw 0 2vw 0;} .PicList000687 .news-list li{background: #fff; margin-bottom: 50px;} .PicList000687 .news-list li .tit{font-family: HarmonyOS_Sans_SC_Bold;font-size: 22px;line-height: 36px;color: #333333;font-weight: normal;} .PicList000687 .news-list li .tit time{font-family: Poppins-Regular;font-size: 18px;font-weight: normal;color: #999999;} .PicList000687 .news-list li a:hover{box-shadow: 15px 4px 30px 0px rgba(24, 24, 33, 0.3);} .PicList000687 .news-list li a:hover .main{border: 5px solid #cf0014;padding: 45px;transition:all 0.3s;} .PicList000687 .news-list .main{padding: 50px;border-right: 5px solid transparent;border-left: 5px solid #cf0014;padding-left: 45px;} .PicList000687 .news-list .tit{margin-bottom: 5px;} .PicList000687 .news-list p{color: #333333;font-family: HarmonyOS_Sans_SC_Light;font-size: 18px;line-height: 30px;} .PicList000687 .news-list time{color: #ccc;} .PicList000687 .news-list .more{line-height: normal;color: #cf0014;background: none;width: auto; text-align: left;margin-top: 30px;} .PicList000687 .news-list .more:after{background-image: url("../images/more2.png");} @media(min-width:641px){ .PicList000687 .news-list .pic{width: 320px;} } @media(max-width:640px){ .PicList000687 .news-list .ytable-cell, .PicList000687 .news-list .ytable{display: block;} .PicList000687 .news-list li{margin-bottom:4vw;} .PicList000687 .news-list .main{padding: 4vw;border: 2px solid #cf0014; border-bottom: 0;} } .PicList000687 .slick-arrow{width: 50px;height: 50px;position: absolute;left: -150px;top: 50%;margin-top: -25px;background: url(../images/left.png) no-repeat center;} .PicList000687 .slick-arrow.slick-next{left: auto;right: -150px;background: url(../images/right.png) no-repeat center;} .PicList000687 .slick-arrow:hover{background: url(../images/left2.png) no-repeat center;} .PicList000687 .slick-arrow.slick-next:hover{background: url(../images/right2.png) no-repeat center;} /* .Page002274 涓篸emo缂栧彿 */ .Page002274{ text-align:center; padding:1% 0 60px;color:#666666;} .Page002274 .Pages *{ vertical-align:middle;} .Page002274 .Pages .p_cur, .Page002274 .Pages .p_count, .Page002274 .Pages .p_total{ display:none;} .Page002274 .Pages a{ display:inline-block; height: 50px;text-align: center;display: inline-block;width: 50px; line-height:50px; background-color: #eef0f1; color:#666666; margin-left:5px;border-radius: 50%} .Page002274 .Pages a:hover, .Page002274 .Pages a.a_cur{ color:#fff; background-color:#CF0014;} .Page002274 .Pages em{ font-style:normal; display:inline-block; vertical-align:middle;} .Page002274 .Pages .i_text{ width:47px; height:36px; line-height:36px;border:1px solid #ceced5;} .Page002274 .Pages .i_button{ cursor:pointer; background:none; width:47px; height:36px;border:1px solid #ceced5;} .Page002274 .Pages .p_jump b{font-weight:normal; margin:0 5px;} .Page002274 .Pages .a_prev,.Page002274 .Pages .a_next{ font-family: 瀹嬩綋; font-weight: bold; } @media(max-width:1000px){ .Page002274 .Pages em{ display:none;} } @media(max-width:640px){ .Page002274 .Pages a.a_first, .Page002274 .Pages a.a_end{ display:none;} .Page002274 .Pages a{ padding:0 10px;} } /*PicList002582 */ .PicList002582{ padding-top:10%; width: 72%; padding-bottom:5%;;position: relative;height: auto !important;height: 500px;min-height: 500px;} .PicList002582 .blank{position: absolute;width: 100%;bottom: 550px;height: 50px;z-index: -1;} .PicList002582 .desc{margin-bottom: 3%} .PicList002582 .desc h3{font-size: 28px;font-weight: normal;color: #333333;} .PicList002582 .desc p{font-size: 18px;line-height: 30px;color: #999999;} .PicList002582 .location2{padding: 2% 0;display: inline-block;width: 100%;height: 20px;line-height: 20px;} .PicList002582 .ul{margin-top: 3%;} .PicList002582 li{ float:left; margin-right:2%; margin-bottom:4%;background: #f5f5f5;-webkit-transition: all 0.6s, -webkit-transform 0.6s;transition: all 0.6s, transform 0.6s;} @media(min-width:1025px){ .PicList002582 li{ width:31.5%;} .PicList002582 li:nth-child(3n){ margin-right:0;} } @media(max-width:1024px) and (min-width:641px){ .PicList002582 li{ width:32%;} .PicList002582 li:nth-child(3n){ margin-right:0;} } @media(max-width:640px){ .PicList002582 li{ width:100%;} .PicList002582 li{ margin:0;margin-bottom: 20px;} } .PicList002582 li a{ display:block; padding:10px; border-radius:0 20px 0 20px; transition:0.3s;} .PicList002582 li .Ispic{ padding-bottom:60%; background-size:auto; transition:0.3s;} .PicList002582 li .txt{ padding:8% 2%; text-align:center;} .PicList002582 li .txt p{ font-size: 22px;color: #333333;} .PicList002582 li .txt span{ color:#cf0014;} .PicList002582 li .txt span img{vertical-align: middle;margin-left: 5px;margin-top: -3px;} .PicList002582 li a:hover{ background:#f8f8f8; color:#f58f00;} .PicList002582 li a:hover .txt{ border-color:transparent;} .PicList002582 li a:hover .Ispic{ border-radius:20px 20px 0 0;} .PicList002582 li:hover{-webkit-transform: scale3d(1.05,1.05,1.05);transform: scale3d(1.05,1.05,1.05);box-shadow: 0px 15px 30px 0px rgba(10, 2, 5, 0.22);background-color: #ffffff;} .PicList002582 .more{text-align: center;} .PicList002582 .more a{display: inline-block;width: 140px;height: 50px;border-radius: 25px;background-color: #f5f5f5;text-align: center;line-height: 50px;font-size: 16px;color: #222222;} .PicList002582 .more a img{vertical-align: middle;margin-top: -5px;margin-left: 8px;} .PicList002582 .more a:hover{background:#cf0014;color: #fff} /*Menu002306*/ .Menu002306{width: 16.666%;position: absolute;left: 12.4%;padding-top: 145px;top: 0;transition: all 0.3s;} .Menu002306 .side-title{ font-family: HarmonyOS_Sans_SC_Bold;font-size: 48px;line-height: 48px;color: #333333;} .Menu002306 .searchbox{height: 60px;border-radius: 30px;background-color: #f5f5f5;line-height: 60px;margin: 40px auto 25px;} .Menu002306 .searchbox input{width: 80%;float: left;height: 60px;line-height: 60px;text-indent: 30px;font-size: 18px;opacity: 0.5;} .Menu002306 .searchbox button{width: 20%;float: right;height: 60px;line-height: 60px;text-align: center;border-radius: 30px;background: none} .Menu002306 .searchbox button img{vertical-align: middle;} .Menu002306 .side-title::after, .Menu002306 .side-title::before{content:'';display: none !important;} .Menu002306 .side-title::before{ position: absolute; bottom: 0; left: -20px; width: 0; height: 0; border-style: dashed dashed solid dashed; border-width:0 15px 44px 20px; border-color: transparent transparent #87b2c7 transparent;opacity: 0} .Menu002306 .side-title::after{ display:inline-block; vertical-align:middle; width: 40px; height: 1px; background: #fff; margin-left:10px;} .Menu002306 .side-menu{border-radius: 5px;background-color:#f5f5f5;padding: 20px 0; overflow:hidden;transition:all 0.5s;} .Menu002306 .side-menu li a{ display:block;line-height:32px;} .Menu002306 .side-menu > ul > li{ border-bottom:1px solid #e7f0f4;} .Menu002306 .side-menu > ul > li:last-child{border-bottom: none;} .Menu002306 .side-menu > ul > li >a{ padding:0 32px;font-weight:bold; color:#333333; line-height:49px; position:relative;font-size: 18px;} .Menu002306 .side-menu > ul > li >a::after{font-family: 瀹嬩綋; position:absolute; content:'>'; width:25px; height:25px; border-radius:50%; color:#666666;opacity: 0.3; text-align:center; line-height:18px; font-family:瀹嬩綋; font-size:20px; right:30px; top:50%; margin-top:-8px;} .Menu002306 .side-menu > ul > li ul{ display:none; padding:10px 15px;background: #fff} .Menu002306 .side-menu > ul > li > ul{margin: 10px 30px} .Menu002306 .side-menu > ul > li > ul > li > a img{vertical-align: middle;margin-top: -3px;margin-left: 8px} .Menu002306 .side-menu li.select > a{ } .Menu002306 .side-menu li.select > a::after{ transform:rotate(90deg);} .Menu002306 .side-menu ul li ul li.select > a img{transform:rotate(90deg) } .Menu002306 .side-other dd{ background-position:left center; background-repeat:no-repeat; background-color:#e7f0f4; margin-top:20px; border-radius:5px; position:relative;} .Menu002306 .side-other dd.dd_1{ background-image:url(../images/Menu002306-picbg1.png);} .Menu002306 .side-other dd.dd_2{ background-image:url(../images/Menu002306-picbg2.png);} .Menu002306 .side-other dd a{ position:relative;display:block; height:80px;line-height:80px; font-weight:bold; color:#555; padding-left:100px;} .Menu002306 .side-other dd a::after{ position:absolute; content:'>'; width:16px; height:16px; border-radius:50%; background:#87b2c7; color:#fff; text-align:center; line-height:18px; font-family:瀹嬩綋; font-size:12px; right:15px; top:50%; margin-top:-8px;} .Menu002306 .side-open_menu{ display:none;} .Menu002306.fix{position: fixed;left: 12.4%;width: 16.666%;} .Menu002306.fix2{top: -100%;} @media(max-width:1560px){ .Menu002306,.Menu002306.fix{left: 8%;} } @media(max-width:1366px){ .Menu002306,.Menu002306.fix{left: 5%;width: 20%;} } @media(min-width:1025px){ .Menu002306 .side-menu{ display:block !important;} } @media(max-width:1600){ .Menu002306.fix{left: 4%;width: 20%;} } @media(max-width:1024px){ .Menu002306{width: 100%;} .PicList002582{width: 100%;} .Menu002306 .side-other{ display:none;} .Menu002306 .side-open_menu{ display:block; border:2px solid #cf0014; padding:10px 20px 10px 10px;white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-weight:bold; color:#cf0014; border-radius:0 0 5px 5px; position:relative;} .Menu002306 .side-open_menu::after{ position:absolute; content:''; border:6px solid transparent; border-top-color:#cf0014; right:10px; top:50%; margin-top:-3px;} .Menu002306 .side-menu{ display:none; padding-bottom:20px;} .Menu002306 .side-title{font-size: 20px;line-height: 30px;} .Menu002306 .searchbox{margin: 10px auto 20px;} .Menu002306 .side-title::before{display: none} .Menu002306{position: static !important; width: auto !important;} } .procon{margin-top: 10%;} .left{width: 37.5%;} .left .proimg{width: 100%;background-color: #f5f5f5;overflow: hidden;} .left .proimg .Ispic{padding-top: 90%;background-size: auto} .left .proimg .slick-arrow{ font-size:0; z-index:10;position: absolute; top:50%; margin-top:-21px; width:50px; height:50px; background-color:rgba(0,0,0,0.1); cursor: pointer; padding: 0;transition: all ease 0.3s;background-repeat: no-repeat;background-position: center center;border-radius: 50%;} .left .proimg .slick-arrow:hover{background-color:#c2210e;} .left .proimg .slick-prev{ left:-120px;background-image: url(../images/left.png);} .left .proimg .slick-next{ right:-120px;background-image: url(../images/right.png);} .left .proimg:hover .slick-prev{ left:10px;} .left .proimg:hover .slick-next{ right:10px;} /* .slick-disabled{display: none !important;} */ .left .proimg .slick-dots{position: absolute; z-index: 10; bottom: 30px; left: 0; width:100%; text-align:center;line-height: 10px;} .left .proimg .slick-dots li{ display:inline-block; margin:0 8px 0 8px;} .left .proimg .slick-dots li button{display: block; width: 10px; height: 10px; background:rgba(13,54,60); border: 0; border-radius:50%; cursor: pointer; padding: 0; font-size: 0;} .left .proimg .slick-dots li.slick-active button{ background:#fff;} .table,.tablecss{ display: table; width:100%;} .table .row,.tablecss .row{ display: table-row;transition: all 0.3s;} .table .cell,.tablecss .cell{ display: table-cell; vertical-align: middle;} .Floor002985{position: relative;} .Floor002985 .slider li{background-color: #f5f5f5;margin:0 10px} .Floor002985 .slider li .Ispic{padding-top: 90%;background-size: auto} .Floor002985 .slider li .txt{text-align: center;height: 60px;line-height: 60px;font-size: 16px; font-weight: normal;color: #666666;} .Floor002985{margin-top: 5%;} .Floor002985 .title{font-size: 22px;color: #333333;border-left: 4px solid #cf0014;padding-left: 15px;margin-bottom: 3%} .Floor002985 .slick-arrow{width: 38px;height: 38px;position: absolute;left: -18px; z-index: 999;top: 60%;margin-top: -25px;background: url(../images/left3.png) no-repeat center;border-radius: 50%; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);} .Floor002985 .slick-arrow.slick-next{left: auto;right: -20px;background: url(../images/right3.png) no-repeat center;} .Floor002985 .slick-arrow:hover{background: url(../images/left3.png) no-repeat center;} .Floor002985 .slick-arrow.slick-next:hover{background: url(../images/right3.png) no-repeat center;} .right{width: 58%;padding-bottom: 5%} .right .location2{padding: 0} .protxt {margin-top: 5%;} .protxt .protit{font-size: 48px;line-height: 60px;color: #333333;} .protxt .tit{font-size: 22px;line-height: 22px;color: #333333;border-left: 4px solid #cf0014;padding-left: 12px;margin-top: 3%;margin-bottom: 2%} .protxt .cptd p{font-size: 18px;font-weight: normal;line-height: 30px;color: #999999;} .protxt .jscs table{width: 100%;} .protxt .jscs table td{height: 60px;line-height: 60px;text-indent: 0%;font-size: 16px;color: #666666;} .protxt .jscs table{border-top: 1px solid #e5e5e5;border-left: 1px solid #e5e5e5;border-collapse: collapse;} .protxt .jscs td{border-bottom: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;} .protxt .jscs table tr:nth-child(odd){background:#f5f5f5;} .protxt .jscs table tr:nth-child(even){color:#fff;} .Floor002985#Floor0029855 .slider li .Ispic{background-size:cover;} .hyyylist{display: inline-block;width: 100%;padding-bottom: 5%} .hyyylist li{width: 32.36%;float: left;margin-right: 1.46%;margin-bottom: 1.46%;-webkit-transition: all 0.6s, -webkit-transform 0.6s;transition: all 0.6s, transform 0.6s;} .hyyylist li .Ispic{padding-top: 73%;} .hyyylist li:nth-child(2),.hyyylist li:nth-child(5){margin-right: 0;} .hyyylist li:nth-child(2){width: 66.18%;} .hyyylist li:nth-child(2) .Ispic{padding-top: 36%;} .hyyylist li p{height: 60px;line-height: 60px;text-align: center;font-size: 16px;color: #444444;background-color: #f5f5f5;} .hyyylist li:hover{-webkit-transform: scale3d(1.05,1.05,1.05);transform: scale3d(1.05,1.05,1.05);box-shadow: 0px 15px 30px 0px rgba(10, 2, 5, 0.22);} @media(max-width:1024px){ .left,.right{width: 100%;} .right{margin-top: 40px;} .Floor002985 .slick-arrow{left: 0} .Floor002985 .slick-arrow.slick-next{right: 0} .protxt .protit{font-size: 30px;} .protxt .jscs table td{text-indent: 20px;line-height: 30px;} .hyyylist{margin-top: 5%;} } @media(max-width:640px){ .hyyylist li,.hyyylist li:nth-child(2){width: 100%;margin-right: 0;margin-bottom: 20px;} .hyyylist li:nth-child(2) .Ispic{padding-top: 73%;} } /*TextList002514 */ .TextList002514{margin-top: 6%;padding-bottom: 5%} .TextList002514 .list{margin-bottom:20px;} .TextList002514 .job-title{ line-height:30px; padding:15px 0; font-size: 24px; cursor:pointer; position:relative;border-bottom: 1px solid #dddddd;} .TextList002514 .job-title i{ position:absolute; width:22px; height:22px; background:#eeeeee url(../images/sjx2.png) no-repeat center; border-radius:50%; right:0; top:50%; margin-top:-11px;} .TextList002514 .job-title.select i::after{ display:none;} .TextList002514 .job-title.select{ color:#333333;} .TextList002514 .job-main{ display:none; padding:60px;background-color: #f8f8f8;} .TextList002514 .job-main .job-info p{font-size: 18px;line-height: 30px;color: #666666;} .TextList002514 .job-main .job-info h4{font-size: 16px;color: #222222;height: 16px;line-height: 16px;border-left: 2px solid #222;padding-left: 10px;margin: 10px auto} .hydesc{display: inline-block;width: 100%;} .hydesc .auto{height: auto !important;height:300px;min-height:300px; background-color: #ffffff; box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.06);padding: 80px;margin-top: -150px;z-index: 2;position: relative;} .hydesc .auto h3{font-size: 48px;color: #333333;line-height: 48px;} .hydesc .auto p{font-size: 18px;line-height: 30px;color: #666666;margin-top: 30px;} .TextList002514 .job-main .job-info span{font-size: 16px;color: #999999;display: inline-block;margin-right: 60px;} .TextList002514 .job-main .job-info .tags{display: inline-block;width: 100%;} .TextList002514 .job-main .job-info .tags p{text-align: center;} .TextList002514 .job-main .job-info .img{width:22%;padding-left:4%;} .TextList002514 .job-main .job-info .img img{width:100%} .TextList002514 .job-main .job-info .info_other ul{margin-left:-2%;margin-top:10px;} .TextList002514 .job-main .job-info .info_other ul li{width:14.6667%;float:left;margin-left:2%;margin-bottom:2%;box-sizing: border-box;text-align: center;border:1px solid #ddd;} .TextList002514 .job-main .job-info .info_other ul li .img{height:80px;line-height: 80px;width:100%;padding:0;} .TextList002514 .job-main .job-info .info_other ul li .img img{max-height:70px;width:auto;} .TextList002514 .job-main .job-info .info_other ul li .tit{margin:10px 0;} .TextList002514 .job-main .job-info .info{width:58%;} .TextList002514 .job-main .job-info .info .infocon{margin-bottom:5%;line-height: 28px;} .TextList002514 .job-main .job-info .img{width:40%;} @media(max-width:1024px){ .hydesc .auto{padding: 40px 20px;height: auto;} .hydesc .auto h3{font-size: 30px;line-height: 40px;} .hydesc .auto p{margin-top: 10px;} .TextList002514 .job-main{padding: 20px;} } @media(max-width:1024px){ .hydesc .auto{margin-top: 20px;} .Banner003086{margin-top: 60px;} } @media(max-width:768px){ .TextList002514 .job-main .job-info .cell{display:block;} .TextList002514 .job-main .job-info .img{width:auto;padding-left:0;padding-top:10px;} .TextList002514 .job-main .job-info .info_other ul li{width:31.33%;} .TextList002514 .job-main .job-info .info{width:100%;margin-top:20px;} .TextList002514 .job-main .job-info .img{width:100%;} .location2{margin-bottom:15px;} } /*contact*/ .contact{margin-top: 5%;} .contact_p1 .contact_p1box{-webkit-transition: all 0.6s, -webkit-transform 0.6s;transition: all 0.6s, transform 0.6s;float: left;text-align: center;position: relative; display: flex;align-items: center;justify-content: center;width: 30%;margin-right: 5%;height: 350px;background: #F8F8F8;border-radius: 10px;} .contact_p1 .contact_p1box:nth-child(3n){margin-right: 0;} .contact_p1 .contact_p1box.contact_p1box1{background: url(../images/cp1bg1.png) no-repeat center/cover;} .contact_p1 .contact_p1box.contact_p1box2{background: url(../images/cp1bg2.png) no-repeat center/cover;} .contact_p1 .contact_p1box.contact_p1box3{background: url(../images/cp1bg3.png) no-repeat center/cover;} .contact_p1 .contact_p1box h3{font-size: 24px;color: #fff;font-weight: normal;} .contact_p1 .contact_p1box p{font-size: 14px;color: #fff;margin: 10px auto 30px} .contact_p1 .contact_p1box span{margin: 0 auto;width: 136px;height: 136px;text-align: center; display: flex;align-items: center;justify-content: center;background: #fff;border-radius: 50%} .contact_p1 .contact_p1box:after{position: absolute;top: 50%;margin-top: -7.5px;right: -11%;content: "";background: url(../images/lx.png) no-repeat center;width: 24px;height: 15px;} .contact_p1 .contact_p1box:nth-child(3n):after{display: none} .contact_p1 .contact_p1box:hover{background: #cf0014} .contact_p1 .contact_p1box:hover h3,.contact_p1 .contact_p1box:hover p{color: #fff} .contact_p2{height: 450px;background: #F8F8F8;border-radius: 10px;margin-top: 8%;} .contact_p2 .contact_p2_l{display: flex;align-items: center;justify-content: center;width: 50%;padding: 100px 0 0120px } .contact_p2 .contact_p2_l h3{font-size: 24px;font-weight: normal;color: #333;line-height: 40px;border-bottom: 1px solid #DBDBDB;min-width: 350px;margin-bottom: 20px;} .contact_p2 .contact_p2_l p{line-height: 40px;height: 40px;font-family: HarmonyOS_Sans_SC_Light;font-size: 18px;} .contact_p2_r{width: 50%;} .contact_p2 .contact_p2_l p img{vertical-align: middle;margin-right: 6px;margin-top: -3px;} .contact_p3{padding: 100px;display: inline-block;width: 100%;height: 800px;background-color: #f8f8f8;margin-top: 8%;} .contact_p3 .contact_p3_l{width: 36%;} .contact_p3 .contact_p3_r{width: 60%;} .contact_p3 .contact_p3_r h3{font-size: 28px;font-weight: normal;color: #333333;padding-bottom: 12px;line-height: 28px;border-bottom: 1px solid #DBDBDB;margin-bottom: 35px;} .contact_p3 .contact_p3_r li{line-height: 52px;clear:both;margin-bottom:8px;} .contact_p3 .contact_p3_r li p{float: left;width: 98px;font-size: 18px;height: 52px; font-family: HarmonyOS_Sans_SC_Light;color: #333333;} .contact_p3 .contact_p3_r li p .red{color: #cf0014;margin-left: 6px;} .contact_p3 .contact_p3_r li select{height: 50px;line-height: 50px;border: 1px solid #e5e5e5;background: #fdfdfd url(../images/arr1.png) no-repeat 96% center;width: 86%;} .contact_p3 .contact_p3_r li input{height: 50px;line-height: 50px;border: 1px solid #e5e5e5;background: #fdfdfd ;width: 86%;text-indent: 20px;} .contact_p3 .contact_p3_r li textarea{height: 140px;border: 1px solid #e5e5e5;background: #fdfdfd ;width: 86%;padding: 20px;} .contact_p3 .contact_p3_r li button{width: 161px;height: 52px;line-height: 52px;background-color: #cf0014;border-radius: 26px;text-align: center;font-size: 18px;color: #fdfdfd;} .contact_p3 .contact_p3_r li button.btn2{background-color: #e0e0e0;color: #333333;margin-left: 10px;} .contact_p4{display: inline-block;width: 100%;margin-top: 8%} .contact_p4 h3{text-align: center;position: relative;margin-bottom: 4%} .contact_p4 h3 span{font-size: 28px;color: #333333;text-align: center;font-weight: normal;display: inline-block;padding: 0 20px;background: #FFFFFF} .contact_p4 h3:after{position: absolute;width: 100%;height: 1px;content: "";background:#DBDBDB;left: 0;top: 18px;z-index: -1 } .contact_p4 li{width: 49%;float: left;padding: 60px;background-color: #f8f8f8;margin-bottom: 2%;transition: all 0.6s, transform 0.6s;} .contact_p4 li:hover{-webkit-transform: scale3d(1.05,1.05,1.05);transform: scale3d(1.05,1.05,1.05);box-shadow: 0px 15px 30px 0px rgba(10, 2, 5, 0.22);background-color: #ffffff;} .contact_p4 li:nth-child(2n){float: right;} .contact_p4 li h1{font-size: 18px;color: #222222;line-height: 40px;} .contact_p4 li .tags{font-size: 16px;line-height: 40px;height: 40px;color: #666666;border-bottom: 1px solid #eeeeee;;} .contact_p4 li .tags img{vertical-align: middle;margin-top: -3px;margin-right: 5px;} .contact_p4 li .tags span{display: inline-block;margin-right: 30px;} .contact_p4 li .desc{font-size: 16px;line-height: 26px;color: #666666;margin-top: 20px;} .contact_p4 li .more{font-size: 16px;color: #cf0014;margin-top: 45px;height: 40px;line-height: 40px;display: inline-block;} .contact_p4 li .more img{vertical-align: middle;margin-left: 10px;margin-top: -3px;} .PopupShengm_zc{position: fixed;width:100%;height:100%;background:rgba(0,0,0,0.5);top:0;left:0;z-index:9999;display: none;} .PopupShengm_zc .ShengmingBox{position: absolute;border-radius: 0;background:#fff;padding:2% 3.5%;max-width:1440px;width:90%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);top:50%;left:50%;text-align:center} .PopupShengm_zc .ShengmingBox .close{position: absolute;right:-40px;top:-40px;cursor: pointer;} .PopupShengm_zc .ShengmingBox .Con h1{text-align: center;font-size: 24px;color:#000;margin-bottom:10px;} .PopupShengm_zc .ShengmingBox .Con .tags{font-size: 16px;line-height: 63px;;height: 63px;;color: #666666;background-color: #f5f5f5;} .PopupShengm_zc .ShengmingBox .Con .tags img{vertical-align: middle;margin-top: -3px;margin-right: 5px;} .PopupShengm_zc .ShengmingBox .Con .tags span{display: inline-block;margin-right: 30px;} .PopupShengm_zc .ShengmingBox .Con .btns{padding:20px 65px;display:inline-block;background:#d00000;color:#fff;margin-top: 50px;} .PopupShengm_zc .ShengmingBox .Con .btns.recruits { margin-left: 10px;} .PopupShengm_zc .ShengmingBox .Con .btns.resume { margin-left: 10px;} .PopupShengm_zc .ShengmingBox .Con .txt{text-align: left;} .PopupShengm_zc .ShengmingBox .Con .txt h3{font-size: 18px;color: #222222;line-height: 40px;border-bottom: 1px solid #dddddd;margin-top: 40px;} .PopupShengm_zc .ShengmingBox .Con .txt .desc{font-size: 16px;line-height: 32px;color: #666666;} .contact_p4 .Page002274{margin-top: 2%;margin-bottom: 2%} @media(max-width:1366px){ .contact_p3 .contact_p3_r li select,.contact_p3 .contact_p3_r li input,.contact_p3 .contact_p3_r li textarea{width: 83%;} .contact_p4 li{padding: 25px;} } @media(max-width:1024px){ .fp-tableCell video{height: 100%;width: 100%;object-fit: fill;} .fullpage-wrapper{margin-top: 60px;} .About_Part1 .auto{margin-top: 40px;} .About_Part1 .txt,.About_Part1 .imgs{width: 100%;} .About_Part1 .imgs{ position: relative; display: flex;flex-wrap: nowrap;align-items: center;} .About_Part1#home-Part1 .imgs{ display: flex;flex-wrap: nowrap;align-items: center;} .About_Part1 .imgs:after { top: 50%;transform: translateY(-50%);} .About_Part1 .imgs img { position: relative; height: max-content;} .About_Part1 .imgs img.img1 { width: 40%;} .About_Part1 .imgs img.img2 { width: 60%;margin-left: -20%;} .About_Part1 .txt{min-height: 500px;} .About_Part1 .txt h5{margin: 20px auto} .About_Part1 .numbers .numbox{margin-top: 30px;} .About_Part2#home-Part2 .imgs {} .About_Part2#home-Part2 .imgs img { width: 33%;left:0!important; transform: translate(400px,0);-webkit-transform: translate(400px,0);} .About_Part2#home-Part2 .imgs img.img2 { margin-left: 0;} .About_Part2#home-Part2.active .imgs img {transform: translate(0,0);-webkit-transform: translate(0,0);} .About_Part2 .txt p.desc{margin-top: 30px;} .About_Part2 .txt h3,.About_Part1 .txt h3{font-size: 24px;line-height: 30px;} .About_Part1 .txt h5{font-size: 20px;line-height: 24px;} .PicList000687 .slick-arrow{display: none !important} .contact{margin-top: 18%;} .contact_p2 .contact_p2_l,.contact_p3{width: 100%;padding: 20px;display: inline-block;} .contact_p2_r{width: 100%;} .contact_p2{height: auto;} .contact_p3 .contact_p3_l{width: 100%;display: none} .contact_p3 .contact_p3_r{width: 100%;} .contact_p3{height: auto;} .contact_p4 li{width: 100%;margin: 0;margin-bottom: 20px} .contact_p4 li .tags{height: auto;line-height: 30px;} .contact_p4 li .more{margin-top: 20px;} .contact_p3 .contact_p3_r li select, .contact_p3 .contact_p3_r li input, .contact_p3 .contact_p3_r li textarea{width: 100%;} .contact_p3 .contact_p3_r li button{width: 100px;} .contact_p3 .contact_p3_r li.sub p{display: none} } @media(max-width:768px){ .contact_p1 .contact_p1box{width: 100%;height: auto;margin: 0;margin-bottom: 20px;padding: 20px 0} .contact_p1 .contact_p1box:after{display: none} .contact_p1 .contact_p1box span{width: 100px;height: 100px;line-height: 100px;} .contact{margin-top: 22%;} .Top003007 .MenuNav li{width: 100%;height: auto;line-height: 40px;text-align: left;text-indent: 20px;} .Top003007 .MenuNav li .SubMenu{min-height: unset;padding: 10px 0;display: none} .Top003007.open .sub-menu{min-height: 1000px;} .Top003007 .MenuNav li:after{left: 20px;margin-left: 0} .Top003007.open .MenuNav{top: 70px;} .Floor002872 .mid{margin-left: 0} } .PopupShengm_lx{position: fixed;width:100%;height:100%;background:rgba(0,0,0,0.5);top:0;left:0;z-index:9999;display: none;} .PopupShengm_lx .ShengmingBox{position: absolute;border-radius: 0;background:#fff;padding:2% 3.5%;max-width:1440px;width:90%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);top:50%;left:50%;text-align:left;} .PopupShengm_lx .ShengmingBox .close{position: absolute;right:-40px;top:-40px;cursor: pointer;} .PopupShengm_lx .Form001322{background: none} .videos{position: relative;} .videos .nextpage{position: absolute;left: 50%;margin-left: -40px;bottom: 30px;z-index: 99999;display: inline-block; width: 80px;height: 40px;line-height: 40px;border-radius: 40px;text-align: center;background: #CF0014;color: #fff;font-size: 18px;} .PrevNextBox { border-top: 1px solid #e5e7e9; margin-top: 0.65rem; padding: 0.23rem 140px 0.14rem 0; position: relative;clear:both; font-size: 0.18rem; } .PrevNextBox dl { padding: 0 0 0 140px; position: relative; line-height: 0.36rem; min-height: 0.36rem; margin-top: 0.28rem; } .PrevNextBox dl dt { position: absolute; left: 0; top: 0; color: #06071a; } .PrevNextBox dl dt i { display: inline-block; width: 36px; height: 36px; vertical-align: middle; background-color: #e5e9f2; background-position: center center; background-repeat: no-repeat; margin-right: 0.15rem; border-radius: 50%; } .PrevNextBox dl dd a { color: #777777; } .PrevNextBox dl dd a:hover { color: #cf0014; } .PrevNextBox dl:hover dt i { background-color: #cf0014; } .PrevNextBox dl.prev dt i { background-image: url(../images/arrtop.png); } .PrevNextBox dl.prev:hover dt i { background-image: url(../images/arrtop01.png); } .PrevNextBox dl.next dt i { background-image: url(../images/arrbottom.png); } .PrevNextBox dl.next:hover dt i { background-image: url(../images/arrbottom01.png); } .PrevNextBox .back { position: absolute; right: 0; top: 0.63rem; width: 104px; line-height: 42px; color: #fff; font-size: 14px; border-radius: 20px; background: #cf0014; text-align: center; } .PrevNextBox .back img { display: inline-block; vertical-align: middle; margin-right: 7px; transition: all 0.3s; } .PrevNextBox .back:hover { background: #cf0014; } .PrevNextBox .back:hover img { transform: rotate(-40deg); } @media(max-width:768px) { .PrevNextBox { padding: 0px 0 0 0; font-size: 14px; margin-top: 70px; } .PrevNextBox dl { padding-left: 100px; line-height: 24px;min-height: 36px;padding-top: 5px; margin-top: 15px; } .PrevNextBox .back { top: -40px; line-height: 30px; width: 80px; } }