a:active{star:expression(this.onFocus=this.blur());} a:focus,button:focus{outline:none; -moz-outline:none;} :focus{outline:none;} /*Reset Css*/ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,img,area,param{margin:0; padding:0;font-weight: normal;} html,body{margin:0; padding:0; font-family:"鎬濇簮榛戜綋 CN"; -webkit-text-size-adjust:none;/*Google Chrome*/} input,button,select,textarea{font-family:"鎬濇簮榛戜綋 CN"; } select{*behavior: url("select.htc");}/*IE6,IE7select*/ ol,ul{padding-left:0; list-style:none;} img{border:none; display:inline-block; vertical-align:middle;} th{font-style:normal;font-weight:normal;} h1,h2,h3,h4,h5,h6,p{font-size:100%; font-weight:normal;} input{display:inline-block; vertical-align:middle;color:#666;} fieldset{border:none;} legend{display:none;} /*Clear Css*/ .clear{clear:both; font-size:0; height:0; line-height:0;} .clearfix:after{content:'\20';display:block;clear:both;visibility:hidden;line-height:0;height:0;} .clearb{ clear:both;} .clearfix{display:block;zoom:1;} * html .clearfix{height:1%;} /*Common Css*/ body{font-size:12px;background:#fff;margin-top:0.9rem;} a{ text-decoration:none;} ::-ms-clear, ::-ms-reveal{display: none;} input[type=button],input[type=submit],input[type=reset],select{border-radius:0;-webkit-appearance: none;-moz-appearance: none;} a:focus,a:hover{-webkit-tap-highlight-color:rgba(0,0,0,0);transition: all 0.3s linear;} .swiper-button-next,.swiper-button-prev{z-index:3 !important;} textarea {resize: none;} .table{height:100%;display:table;width:100%;} .table-cell{display:table-cell;vertical-align:middle;} .textover{overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} input::placeholder{color:#666;} input:-ms-input-placeholder { color: #666 !important; } input::-webkit-input-placeholder { color: #666; } /* Firefox 4-18 */ input:-moz-placeholder { color: #666; } /* Firefox 19-50 */ input::-moz-placeholder { color: #ccc; } /* - Internet Explorer 10鈥?1 - Internet Explorer Mobile 10-11 */ input:-ms-input-placeholder { color: #666 !important; } /* Edge (also supports ::-webkit-input-placeholder) */ input::-ms-input-placeholder { color: #666; } /* CSS Working Draft */ input::placeholder {color: #666;} img{max-width:100%;width:100%;} @media (max-width:6000px){ html{ font-size: calc(100vw/19.2) !important; } } @media (max-width:750px){ html{ font-size: calc(100vw/7.5) !important; text-size-adjust:none; -webkit-text-size-adjust:none; } } @font-face{ font-family: 'bebas'; src: url(../font/BEBAS.ttf) } .w_1650{width: 85.92%;margin:0 auto;} /*棣栭〉*/ .loading{width: 100%;height:7.5rem;display: flex;justify-content: center;align-items: center;position: absolute;left:0;top:0;font-size: 24px;color:#fff;z-index: 30;background:#f7f8f8;} .loading_logo{position: absolute;right: 0;bottom: 0;width:5.14rem;} .loading_con{position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);width: 6.22rem;} .loading_con h2{position: absolute;} .loading_con h2.logo_c{width: 0 !important;transition: all 9s linear;overflow:hidden;} .loading_con h2.logo_c img{width:6.22rem;max-width: 6.22rem;} .loading_con.on h2.logo_c{width: 100% !important;} .loading_jd{font-size: 0.16rem;position: absolute;right:-0.6rem;top: 0.3rem;color:#282728;} .header{width: 100%;background:#fff;height:0.9rem;position: fixed;left:0;top:0;z-index: 90;} .header .w_1650{height: 100%;display: flex;align-items: center;justify-content: space-between;} .logo{width:1.6rem;} .wap_navbtn{display: none;} .header_r{display: flex;align-items: center;} .header_r ul{display: flex;align-items: center;height: 100%;} .header_r ul li{height: 0.9rem;position: relative;} .header_r h2{height: 0.9rem;display: flex;align-items: center;} .header_r h2 a{font-size: 0.17rem;color:#000;margin:0 0.3rem;position: relative;} .header_r h2 span{display: none;} .header_r ul li.on h2{font-weight: bold;} .header_r ul li.on h2 a{color:#eeb033;} .nav2{width: 150vh;position: absolute;left:50%;height: 0.7rem;top:0.89rem;display: none;transform: translateX(-50%);} .nav2 dl{width: 100%;display: flex;align-items: center;height: 100%;justify-content: center;} .nav2 dl dd{font-size: 0.16rem;padding:0 0.06rem;position: relative;margin-right: 0.3rem;height: 0.7rem;display: flex;align-items: center;} .nav2 dl dd a{color:#898989;} .nav2 dl dd::after{display: block;width: 0;height: 2px;content: '';background:#eeb033;position: absolute;left:50%;bottom: 0;transform: translateX(-50%);transition: all 0.3s linear;} .nav2 dl dd:hover::after{width: 100%;} .nav2 dl dd:hover a{color:#f6b72c;} .nav2 dl dd:nth-last-of-type(1){margin-right: 0;} .nav_bg{width: 100%;height: 0.7rem;background:#fbfbfb;position: fixed;left:0;top:0.9rem;display: none;z-index: 30;} .nav_bg.on{display: block;} .search{width:17px;padding-left: 0.3rem;} .search img{position: relative;top:-0.02rem;} .lan{border-left: 1px solid #000;font-size: 0.17rem;padding-left:0.3rem;} .lan a{color:#000;} .wap_search{display: none;} .ban{position: relative;overflow:hidden;height: 7.5rem;} .home_abtop{display: flex;align-items: center;} .home_abtopl{width:62.5%;background:#fff;padding-left:7.04%;box-sizing: border-box;} .home_abtopr{width: 37.5%;background:#f9f9f9;padding-left:0.6rem;box-sizing: border-box;} .tit{font-size: 0.24rem;color:#282828;font-weight: bold;padding:0.8rem 0 0.13rem 0;position: relative;margin-bottom: 0.3rem;} .tit::after{display: block;width: 0.48rem;height: 0.05rem;background:#eeb133;content: '';position: absolute;left:0;bottom: 0;} .home_abfot{height:7.62rem;background: url(../img/js_bg.jpg) no-repeat center center/cover;position: relative;overflow:hidden;} .home_abfot .w_1650{display: flex;justify-content: space-between;position: relative;z-index: 5;} .home_abfotl{width: 40.5%;padding-top:1.6rem;box-sizing: border-box;} .home_abfotl h2{font-size: 0.44rem;color:#ffffff;line-height: 0.58rem;border-bottom: 1px solid #d7d7d8;padding:0.7rem 0 0.26rem 0;font-weight: bold;} .home_abfotl p{font-size: 0.14rem;color:#cfd0d0;font-family: '鎬濇簮榛戜綋 CN Medium';line-height: 0.28rem;padding:0.27rem 0 0rem 0;} .more a{font-size: 0.18rem;color:#fff;font-weight: bold;padding-left:0.75rem;} .more a span{color:#eeb133;padding-left:0.1rem;} .home_abfotr{width: 44.5%; background: rgba(249,249,249,0.3); padding: 0 2.3rem 0.4rem 0.6rem; box-sizing: border-box; position: relative; right: -9%; height: 7.62rem;} .home_abfotr i{font-style:normal;} .home_abfotr h2 { font-size: 0.19rem; color: #fff; padding: 1rem 0 0.16rem 0; font-family: '鎬濇簮榛戜綋 CN Medium'; } .home_abfotr h3{display: flex;align-items: center;font-size: 0.23rem;color:#fff;font-family: '鎬濇簮榛戜綋 CN Medium';} .home_abfotr h3 span{width: auto;font-size: 0.15rem;color:#fff;font-weight: bold;line-height: 0.26rem;padding:0 0.06rem;background:#ff0000;border-radius:0.04rem;margin-right: 0.12rem;} .home_abfotr h4{font-size: 0.16rem;color:#fff;font-family: 'arial';padding-top:0.1rem;} .home_abfotr h5{border-bottom: 1px solid #000;padding:0.2rem 0 0.16rem 0;font-size: 16px;color: #ff0000;} .home_abfotr h5 span{padding-left:0.13rem;} .home_abfotr dl dd{display: flex;justify-content: space-between;align-items: center;margin-top:0.24rem;font-size: 12px;} .home_abfotr dl dd span{color:#fff;} .home_abfotr dl dd b{display: flex;align-items: center;font-weight: normal;} .home_abfotr dl dd b img{width:7px;margin-right: 0.1rem;} .home_abfotr dl dd b img.on{transform: rotate(180deg);} .home_abfotr dl dd b strong{font-weight: normal;text-align: right;font-family: 'arial';padding-right: 0.06rem;color: #fff;} .home_abfotrbtn{width: 2.22rem;background:#f7b62b;border-radius: 0.53rem;position: relative;font-size: 0.18rem;color:#fff;font-weight: bold;line-height: 0.53rem;text-align: center;margin:0.4rem 0 0 0;} .home_abfotrbtn a{display: block;width: 100%;height: 100%;color:#fff;} .home_abfotrbtn a span{position: relative;z-index: 2;} .home_abfotrbtn::after{display:block;width: 0;height: 100%;background:#000;border-radius: 0.53rem;position: absolute;content: '';left:50%;top:0;transform: translateX(-50%);transition: all 0.3s linear;} .home_abfotrbtn:hover::after{width: 100%;} .wap_hr .lan{display: none;} .home_abfotr.on h5{color:#28b907;} .home_abfotr .home_abfotr dl dd:nth-of-type(1) b strong{color:#ff0000;} .home_abfotr.on dl dd:nth-of-type(1) b strong{color:#28b907;} .news_top{display: flex;justify-content: space-between;align-items:center;} .news_top .more_btn{margin-top:0.2rem;} .news_top .more_btn a{font-size: 0.18rem;color:#f7b62b;font-weight: bold;padding-bottom: 0.08rem;border-bottom: 2px solid #fbdcab;} .swiper-container-news{width: 96%;margin:0 auto;padding:0.27rem 0.1rem 0.1rem 0.1rem;} .swiper-container-news .swiper-slide{background:#f7f8f8;transition: all 0.3s linear;margin:0 -0.1rem;box-sizing: border-box;height: 6.4rem;} .news_pic{overflow:hidden;} .news_pic img{transition: all 0.3s linear;} .swiper-container-news .swiper-slide:hover .news_pic img{transform: scale(1.1);} .news_js{padding:0.4rem 0.36rem;box-sizing: border-box;} .news_js h3{display: flex;align-items: center;} .news_js h3 b{font-size: 0.5rem;color:#f8b62b;font-family: 'bebas';} .news_js h3 span{font-size: 0.18rem;color:#b5b5b6;line-height: 0.24rem;margin:0 0.3rem 0 0.1rem;font-family: '鎬濇簮榛戜綋 CN Medium';position: relative;top:0.02rem;} .news_js h3 strong{width: 0.76rem;height: 1px;background:#b5b5b6;} .news_js h4{font-size: 0.2rem;color:#28292a;line-height: 0.3rem;padding:0.4rem 0;font-family: '鎬濇簮榛戜綋 CN Medium';height: 0.4rem;} .news_js p{font-size: 0.14rem;color:#707070;line-height: 0.24rem;} .swiper-container-news .swiper-slide:hover{background:#fff;box-sizing: border-box;box-shadow: 0.1rem 0.1rem 0.1rem #dddede;transform: translateY(-0.27rem);} .swiper-pagination-news{position: relative;margin:1rem auto;} .swiper-pagination-news .swiper-pagination-bullet{width: 0.6rem;height: 1px;background:#e7e7e7;border-radius: 0 !important;opacity: 1;margin:0 !important;} .swiper-pagination-news .swiper-pagination-bullet-active{width: 1rem;height: 3px;background:#f3ba42;} .home_video{position: relative;padding-top:0.54rem;} .home_video::before{display: block;width: 57%;height: 7.76rem;background:#f6f6f6;position: absolute;content: '';left:0;top:0;} .home_video::after{display: block;width: 43%;height: 7.76rem;background:#eaeaea;position: absolute;content: '';right:0;top:0;} .home_videotop{width: 68%;margin:0 auto;display: flex;justify-content: space-between;align-items: flex-end;position: relative;z-index: 2;} .home_videotop dl{display: flex;align-items: center;} .home_videotop dl dd{margin-right: 1.46rem;text-align: center;} .home_videotop dl dd:nth-of-type(3){margin-right: 0;} .home_videotop dl dd h3{width: 0.85rem;margin:0 auto;} .home_videotop dl dd h4{display: flex;align-items: flex-end;font-weight: bold;padding:0.1rem 0 0 0;justify-content: center;} .home_videotop dl dd h4 b{font-size: 0.48rem;color:#28292a;font-family: 'bebas';width: 1.1rem;} .home_videotop dl dd:nth-of-type(3) h4 b{width:1.8rem;} .home_videotop dl dd h4 span{font-size: 0.15rem;} .home_videotop dl dd h4 span sub{font-size: 10px;position: relative;top:-0.1rem;} .home_videotop dl dd p{font-size: 0.14rem;color:#28292a;} .home_videotop h2{font-size: 0.48rem;color:#282828;font-weight: bold;margin-bottom: 0.3rem;} .swiper-container-video{margin-top:0.93rem;width: 100%;} .swiper-container-video .swiper-wrapper{align-items: center;} .swiper-container-video .swiper-slide{width: 8rem;position: relative;box-shadow: 0.1rem 0.34rem 0.1rem #dddede;margin:0 0.25rem;} .video_btn{width:0.91rem;position: absolute;left:50%;top:50%;cursor: pointer;transform: translate(-50%,-50%);transition: all 0.3s linear;} .video_btn:hover{transform: translate(-50%,-50%) rotate(180deg);} .swiper-container-video .swiper-slide video{display: none;width: 100%;position: absolute;left:0;top:0;} .swiper-container-video .swiper-slide-active{width: 9.73rem !important;} .swiper-pagination-video{position: relative;margin:0.76rem auto 1.54rem auto;} .swiper-pagination-video .swiper-pagination-bullet{width: 0.16rem;height: 3px;background:#f3ba42;border-radius: 0 !important;opacity: 1;margin:0 0.07rem !important;transition: all 0.3s linear;} .swiper-pagination-video .swiper-pagination-bullet-active{width: 0.88rem;} .gp_more{margin-top:0.5rem;} .gp_more a{display: flex;align-items: center;font-size: 0.18rem;color:#fff;} .gp_more a img{width: 0.3rem;margin:0 0 0 0.16rem;} .fl01{width: 34%;position: absolute;left: 0%;top: -2%;overflow:hidden;} .fl01 h2 img{width: 100%;display: none;} .fl01 h2 img.on{display: block;} .fl01 .fl_tit{width: 22%;position: absolute;left: 56%;top: 32%;} .fl02{width: 24.16%;position: absolute;left: 10%;top: 30.3%;z-index: 3;} .fl02 .fl_tit{width: 36%;position: absolute;left: 50%;top: 81%;} .fl03{width: 21.1%;position: absolute;left: 23.4%;bottom: 0.8%;} .fl03 .fl_tit{width: 57%;position: absolute;left: 35%;top: 61%;} .fl04{width: 18.26%;position: absolute;left: 35.29%;top: 4.16%;} .fl04 .fl_tit{width: 30%;position: absolute;left: 55%;top: 77%;} .fl05{ width: 36.11%;position: absolute;left: 33.4%;top: 20.3%;} .fl05 .fl_tit{width: 18%;position: absolute;left: 25%;top: 49%;} .fl06{width: 29.5%;position: absolute;left: 49.6%;bottom: 0.23rem;} .fl06 .fl_tit{width:34%;position: absolute;left: 44%;top: 50%;} .fl07{width: 23.29%;position: absolute;left: 55%;top: 4.438%;} .fl07 .fl_tit{width: 27%;position: absolute;left: 55%;top: 20%;} .fl08{width: 24.58%;position: absolute;left: 64.78%;top: 21.66%;} .fl07 h4{width: 19%;position: absolute;left: 25%;top: 47%;} .fl08 .fl_tit{width: 28%;position: absolute;left: 25%;top: 25%;} .ban_fl video{display: block;width: 100%;} .fs_list{width: 18%;position: absolute;animation: fs 6s linear infinite;} .fs_list:nth-of-type(1){left:46%;top:-10%;} .fs_list:nth-of-type(2){left:54.6%;top:-11%;} .fs_list:nth-of-type(3){left:57.6%;top:-6%;} .dz_0815{width: 50%; position: absolute; left: 21%; top: -12%; animation: sx 3s linear infinite;} .dz_0815n{width: 67%;position: absolute;left: 2.8%;top: 8%;} .dz_0815n img{animation: pic001 2s linear infinite;} .bdt_icon{width: 21%;position: absolute;left: 49%;top: -11%;animation: sx 3s linear infinite;} .bdt_icon img{display: none;} .bdt_icon img.on{display: block;} .fl09{width: 3%;height: 87%;position: absolute;left: 40%;bottom: -18%;transform: rotate(-49deg);animation: che 20s linear 1;z-index: 20;cursor: pointer;animation-fill-mode:forwards;} .fl09 img{width:100%;position: absolute;left:0;bottom: 0;transform: rotate(49deg);} .fl09 h6{width: 40px;height: 40px;position: absolute;left:40%;bottom: -1%;} .fl09 h6 span{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 2;border-radius: 50%;border: 1px solid #f7b62b; -webkit-transform: scale(0.5); transform: scale(0.5); } .fl09 h6 span.s1{animation: ss2 3s linear infinite ;-webkit-animation: ss2 3s linear infinite;} .fl09 h6 span.s2{animation: ss2 3s linear 0.75s infinite ;-webkit-animation: ss2 3s linear 0.75s infinite;} .fl09 h6 span.s3{animation: ss2 3s linear 1.5s infinite ;-webkit-animation: ss2 3s linear 1.5s infinite;} .fl09 h6.s4{animation: ss2 3s linear 2.25s infinite ;-webkit-animation: ss2 3s linear 2.25s infinite;} .fl09 h6 span.s5{background:#f7b62b;transform: scale(0.2);-moz-transform: scale(0.2);} .fl01_zc{width: 30%;position: absolute;left:0;top:0;} @keyframes che{ 0%{transform: rotate(-49deg) translateY(0);opacity: 1;} 25%{transform: rotate(-49deg) translateY(-25%);opacity: 1;} 50%{transform: rotate(-49deg) translateY(-50%);opacity: 1;} 75%{transform: rotate(-49deg) translateY(-75%);opacity: 1;} 100%{transform: rotate(-49deg) translateY(-80%);opacity: 1;} } @keyframes fs{ form{transform: rotate(0deg);} to{transform: rotate(360deg);} } .ldc{width: 9%; position: absolute; left: 34%; top: 11%; animation: sx 3s ease-in infinite;} .ldc img{display: none;} .ldc img.on{display: block;} @keyframes pic001{ 0%{opacity: 1;} 25%{opacity: 0;} 50%{opacity: 1;} 75%{opacity: 0;} 100%{opacity: 1;} } .ban_zkconnew{width: 100%;height:100vh;position:fixed;left:0;top:0;z-index: 99;display: none;background:url(../img/zk_bg.jpg) repeat left top/1px 100%;overflow:hidden;} .ban_zkcon{width: 100%;height:100%;background-position:center center;background-size: cover;background-repeat: no-repeat;position:fixed;left:0;top:0;z-index: 99;display: none;} .ban_zkconjs{margin:0.67rem 0 0 1.1rem;} .ban_zkclose{width: 1.74rem;height: 0.56rem;background:#fff;border-radius:0.56rem;display: flex;align-items: center;justify-content: center;cursor: pointer;font-size: 0.18rem;color:#000000;position: relative;z-index: 10;} .ban_zkclose img{width:0.38rem;margin-right: 0.07rem;} .ban_zkconjs h2{font-size: 0.5rem;color:#edb033;font-weight: bold;padding:0.7rem 0 0.47rem 0;position: relative;z-index: 3;width: 40%;} .ban_zkconjs p{width: 4.8rem;font-size: 0.16rem;color:#818180;line-height: 0.32rem;position: relative;z-index: 3;} /*.ban_zkconnew dl{width: 100vw;height: 100vh;position: absolute;left:0;top:0;z-index: 5;}*/ .ban_zkconnew dl dd{position: absolute;z-index: 6;} .ban_zkconnew dl dd h3{width: 40px;height: 40px;position: relative;} .ban_zkconnew dl dd h3 span{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 2;border-radius: 50%;border: 1px solid #f7b62b; -webkit-transform: scale(0.5); transform: scale(0.5); } .ban_zkconnew dl dd h3 span.s1{animation: ss2 3s linear infinite ;-webkit-animation: ss2 3s linear infinite;} .ban_zkconnew dl dd h3 span.s2{animation: ss2 3s linear 0.75s infinite ;-webkit-animation: ss2 3s linear 0.75s infinite;} .ban_zkconnew dl dd h3 span.s3{animation: ss2 3s linear 1.5s infinite ;-webkit-animation: ss2 3s linear 1.5s infinite;} .ban_zkconnew dl dd h3 span.s4{animation: ss2 3s linear 2.25s infinite ;-webkit-animation: ss2 3s linear 2.25s infinite;} .ban_zkconnew dl dd h3 span.s5{background:#f7b62b;transform: scale(0.2);-moz-transform: scale(0.2);} @keyframes boderM { 0% { transform:scale(1); opacity: 0 } 20% { opacity: 1 } 75% { transform:scale(2); opacity: 0 } 100% { opacity: 0 } } .ban_zkconnew dl dd h4{width:auto;height:auto;background: url(../img/product/icon.png) no-repeat center center/100% 100%;font-size: 0.18rem;color:#000;font-weight: bold;line-height: 0.4rem;position: absolute;left:50%;top:-1.8rem;transform: translate(-50%,0.2rem);transition: all 0.3s linear;padding:0.2rem 0.3rem;white-space:nowrap;transition-delay: 0.1s;opacity: 0;} .ban_zkconnew dl dd h4 span{display: block;font-size: 0.16rem;font-weight: normal;line-height: 0.3rem;} .ban_zkconnew dl dd:hover h4{opacity: 1;transform: translate(-50%,0);} .ban_zkconnew dl dd:hover .liner{height: 1.2rem;} /*.ban_zkcon:nth-of-type(1) .ban_zkconjs dl dd:nth-of-type(1){left:33.48%;top:59.25%;} .ban_zkcon:nth-of-type(2) .ban_zkconjs dl dd:nth-of-type(1){left:44.8%;top:49.72%;} .ban_zkcon:nth-of-type(3) .ban_zkconjs dl dd:nth-of-type(1){left:60.46%;top:52.31%;} .ban_zkcon:nth-of-type(4) .ban_zkconjs dl dd:nth-of-type(1){left:71.2%;top:55.55%;} .ban_zkcon:nth-of-type(5) .ban_zkconjs dl dd:nth-of-type(1){left:67.23%;top:48.33%;}*/ .ban_fl{cursor: pointer;} .ban_fl:hover{animation: sx 3s linear infinite;} .ban_fl:hover h3{opacity: 1;transform: translateY(0);} .liner{width: 1px;height:1.2rem;background:rgba(247,182,43,0.3);position: absolute;left:50%;top:-0.9rem;height: 0;transition: all 0.3s linear;} #home_ban{width: 100%;position: absolute;left: 0;top: 0;height: 100%;} #home_ban img{display: none;width: 100%;position: absolute;left:0;top:0;} #home_ban img.on{display: block;} .container{width: 100%;position:absolute;left:0;top:-1.2rem;z-index: 2;} .container img{display:none;width: 100%;position: absolute;left:0;top:0;} .container img.on{display: block;} .container_video{width: 100%;position:absolute;left:0;top:-1.2rem;z-index: 2;} .container_video video{display: block;width: 100%;} .container_pic{width: 10.5rem;top:50%;left:auto;right:6%;transform: translateY(-50%);} .wap_zkjs{display: none;} @keyframes sx{ 0%{transform: translateY(0);} 25%{transform: translateY(-0.04rem);} 50%{transform: translateY(0);} 75%{transform: translateY(0.04rem);} 100%{transform: translateY(0);} } .car01{width: 1rem;height:6rem;position: absolute;left:4.8%;bottom:-1.4rem;transform: rotate(-43deg);animation: car1 10s linear infinite;} .car01 img{width:0.94rem;position: absolute;left:0;bottom: 0;transform: rotate(43deg);} .bg{background:rgba(0, 0, 0, 0.3)} .car02{width: 0.8rem;height: 18rem;position: absolute;left: 28%;bottom: -5rem;transform: rotate(-49deg);animation: car2 30s linear infinite;} .car02 img{width:0.89rem;position: absolute;left:0;bottom: 0;transform: rotate(49deg);} @keyframes car1{ form{transform: rotate(-43deg) translateY(0);} to{transform: rotate(-43deg) translateY(-6rem);} } @keyframes car2{ 0%{transform: rotate(-49deg) translateY(0);} 25%{transform: rotate(-49deg) translateY(-10.5rem);} 50%{transform: rotate(-49deg) translateY(-10.5rem) translateX(2.1rem);} 75%{transform: rotate(-49deg) translateY(-14rem) translateX(2.1rem);} 100%{transform: rotate(-49deg) translateY(-17rem) translateX(2.1rem);} } .ban_zkconnew[data_id="3"] .container_video{top:-2%;} .ban_zkconnew[data_id="5"],.ban_zkconnew[data_id="1"]{background:#fff;} .ban_zkconnew[data_id="5"] .container_video{top: -3rem; width: 73%; left: auto; right: -1%; top: auto; bottom: -5%;} .ban_zkconnew[data_id="1"] .container_video{width: 76%;left:auto;right:-1%;top:auto;bottom: 0%;} .ban_zkconnew[data_id="5"] dl dd:nth-of-type(1) h4{top:-1rem;} .ban_zkconnew[data_id="5"] dl dd:nth-of-type(1) .liner{top:-0.2rem;} .ban_zkconnew[data_id="5"] dl dd:nth-of-type(2) h4{top:-2.2rem;} .ban_zkconnew[data_id="5"] dl dd:nth-of-type(1):hover .liner{height: 0.5rem;} .ban_zkconnew[data_id="5"] dl dd:nth-of-type(2) .liner{top:-0.2rem;} .ban_zkconnew[data_id="5"] dl dd:nth-of-type(2):hover .liner{height: 0.3rem;} .ban_zkconnew[data_id="4"] dl dd:nth-of-type(1) h4{bottom:-4.5rem;top:auto;} .ban_zkconnew[data_id="4"] dl dd:nth-of-type(2) h4{top:-3.9rem;} .ban_zkconnew[data_id="4"] dl dd:nth-of-type(3) h4{top:-3.5rem;} .ban_zkconnew[data_id="4"] dl dd:nth-of-type(3) .liner{top:-2rem;} .ban_zkconnew[data_id="4"] dl dd:nth-of-type(3):hover .liner{height: 2rem;} .ban_zkconnew[data_id="4"] dl dd:nth-of-type(2) .liner{top:-2rem;} .ban_zkconnew[data_id="4"] dl dd:nth-of-type(2):hover .liner{height: 2rem;} .ban_zkconnew[data_id="4"] dl dd:nth-of-type(1) .liner{top:0.3rem;} .ban_zkconnew[data_id="4"] dl dd:nth-of-type(1):hover .liner{height: 3rem;} .search_div{width: 8.44rem;height: 0.5rem;border-bottom: 1px solid #e1e1e1;position: fixed;right:7.04%;top:1rem;padding-top: 0.1rem;box-sizing: border-box;z-index: 40;display: none;} .search_div.on{display: block;} .search_divcon{width: 100%;display: flex;} .search_divcon input{flex: 1;font-size: 0.16rem;color:#898989;background:none;border:none;} .search_btn{width: 0.17rem;} .fot{position: relative;z-index: 26;} .fot_top{background:#28292a url(../img/fot_bg.jpg) no-repeat right bottom/6.61rem 5.42rem;padding:1.27rem 0 0 0;} .fot_top .w_1650{display: flex;justify-content: space-between;} .f_logo{width: 2.2rem;} .f_tel{margin:0.5rem 0 0.28rem 0;} .f_tel h2{font-size: 0.34rem;color:#fff;} .f_tel h3{font-size: 0.4rem;color:#ffffff;font-weight: bold;} .d_add{display: flex;align-items: center;font-size: 0.18rem;color:#ffffff;} .d_add img{width: 0.13rem;margin-right: 0.1rem;} .fot_topr ul{display: flex;} .fot_topr ul li{margin-left:0.72rem;} .fot_topr ul li h2{font-size: 0.2rem;color:#fff;padding-bottom: 0.2rem;} .fot_topr ul li h2 b{font-weight: normal;} .fot_topr ul li h2 span{display: none;} .fot_topr ul li dl dd{margin-top:0.2rem;} .fot_topr ul li dl dd a{display:block;font-size: 0.16rem;color:#ffffff;} .f_lj{position: relative;} .f_lj h3{margin:0.7rem 0 0.4rem 0;font-size: 0.16rem;color:#fff;text-align: right;} .f_lj h3 a{color:#fff;display:inline-block;margin-left:0.1rem;} .f_lj h3 a img{width: 0.06rem;margin-left:0.1rem;} .fot_bottom{height: 0.47rem;background:#fff;} .fot_bottom .w_1650{height: 100%;display: flex;align-items: center;justify-content: space-between;} .fot_bottoml{font-size: 0.14rem;color:#383635;} .fot_bottoml span{margin:0 0.2rem;} .fot_bottoml a{color:#383635;} .fot_bottoml img{width: 0.2rem;margin:0 0.1rem 0 0.2rem;} .fot_bottomr ul{display: flex;align-items: center;} .fot_bottomr ul li{width: 0.32rem;margin-left:0.3rem;position: relative;} .fot_bottomr ul li:nth-of-type(3){width: 0.29rem;} .fot_bottomr ul li:nth-of-type(4){width: 0.28rem} .fot_bottomr ul li:nth-of-type(5){width: 0.28rem} .fot_bottomr ul li p{width: 1.2rem;height: auto;background:#fff;box-shadow: 0 0 0.1rem #000;padding: 0.04rem;box-sizing: border-box;position: absolute;left:50%;top:-1.5rem;text-align: center;transform: translateX(-50%);display: none;} .fot_bottomr ul li p span{display: block;font-size: 0.16rem;color:#000;padding:2px 0 0 0;} .fot_bottomr ul li:hover p{display: block;} .go_top{width: 0.69rem;position: absolute;left:50%;top:-0.34rem;transform: translateX(-50%);} .f_lj h5{width: 1.6rem;background:#d4d4d4;border-radius:0.05rem;padding:0.06rem;box-sizing: border-box;position: absolute;right:-0.6rem;bottom: -0.1rem;opacity: 0;transform: translateY(0.1rem);transition: all 0.3s linear;} .f_lj h5 a{display: flex;width: 100%;border-bottom: 1px solid #bebebe;font-size: 0.16rem;color:#000000;line-height: 0.35rem;align-items: center;padding-left:0.06rem;box-sizing: border-box;} .f_lj h5 a:nth-last-of-type(1){border-bottom: 0;} .f_lj h5 a img{width: 0.06rem;margin-left:0.1rem;height: 0.04rem;} .f_lj h5.on{transform: translateY(0);opacity: 1;} .video_close{width: 0.22rem;position: absolute;right:0.3rem;top:0.3rem;cursor: pointer;z-index: 20;display: none;} .home_abfotbg{width: 100%;position: absolute;left: 0;top:-15%;} .home_abfotbg video{display: block;width: 100%;} .video_prev{width: 17%; height: 4.3rem; background: none; position: absolute; left: 0; top: 9%; z-index: 30; cursor: pointer;} .video_next{width: 17%; height: 4.3rem; background: none; position: absolute; right: 0; top: 9%; z-index: 30; cursor: pointer;} .ban_zknewpc{display: block;} .ban_zknewwap{display: none;} /*鍏充簬鎴戜滑*/ .ny_ban{height:5.97rem;background-size: cover;background-position: center center;background-repeat: no-repeat;position: relative;} .ny_ban .w_1650{display: flex;justify-content: space-between;position: absolute;left:50%;transform: translateX(-50%);bottom: 0;} .ny_ban h2{font-size: 0.6rem;color:#ffffff;font-weight: bold;padding-bottom: 0.44rem;position: relative;} .ny_ban h2::after{display: block;width: 100%;height: 0.08rem;content: '';background:#f5b53d;position: absolute;left:0;bottom: 0;} .ny_ban dl{display: flex;align-items: center;} .ny_ban dl dd a{font-size: 0.18rem;color:#fff;margin-left:0.34rem;padding:0 0.1rem;position: relative;display: flex;align-items: center;} .ny_ban dl dd a img{width:0.18rem;margin-right: 0.1rem;} .ny_ban dl dd.on a{font-weight: bold;} .ny_ban dl dd.on a::after{content: '';background:#f0b847;width: 100%;height: 2px;position: absolute;left:0;bottom: -0.2rem;font-weight: bold;} .ab_js{margin:1.14rem auto;} .ab_js .w_1650{display: flex;justify-content: space-between;} .ab_jsl{width: 13.43rem;margin:0 auto;} .ab_jsl h2{font-size: 0.36rem;color:#28292a;font-weight: bold;} .ab_jsl h2 span{display: block;font-size: 0.24rem;color:#eeb033;} .ab_jsl p{font-size: 0.14rem;color:#000000;line-height: 0.3rem;padding-top:0.26rem;} .ab_jsl dl{display: flex;margin-top:1rem;justify-content: space-between;} .ab_jsl dl dd h3{font-size: 0.18rem;color:#000000;text-align: center;font-weight: bold;} .ab_jsl dl dd h3 span{display: block;} .ab_jsl dl dd h3 b{font-size: 0.6rem;font-family: 'bebas';width: 1.3rem;display: inline-block;} .ab_jsl dl dd:nth-of-type(1) h3 b{width: 1.4rem;display: inline-block;} .ab_jsl dl dd:nth-of-type(2) h3 b{width: 2.3rem;display: inline-block;} .ab_jsl dl dd:nth-of-type(4){margin-right: 0;} .ab_jsr{width: 50.78%;} .ab_wh{height: 9.7rem;background: url(../img/about/wh_bg.jpg) no-repeat center center/cover;position: relative;} .ab_wh h6{font-size: 0.42rem;color:#28292a;font-weight: bold;position: absolute;left:7.04%;top: 1rem;} .ab_wh ul{position: absolute;right:28%;top:1rem;} .ab_wh ul li{margin-bottom: 0.8rem;} .ab_wh ul li h3{font-size: 0.36rem;color:#282828;font-weight: bold;display: flex;align-items: center;justify-content: right;} .ab_wh ul li h3 span{width: 0.24rem;height: 0.24rem;background:#fff;border-radius:100%;margin-left:0.28rem;} .ab_whqh{width: 7.8rem;margin:0.5rem 1.02rem 0 0;display: none;} .swiper-container-wh .swiper-slide{display: flex;justify-content: space-between;} .swiper-container-wh .swiper-slide h4{width: 7.2rem;display: flex;justify-content:right;-webkit-justify-content:right;} .swiper-container-wh .swiper-slide h4 span{width: 0.22rem;font-size: 0.18rem;color:#282828;line-height: 0.24rem;margin-left:0.2rem;} .swiper-container-wh .swiper-slide h5{width: 0.38rem;font-size: 0.3rem;color:#282828;font-weight: bold;line-height: 0.4rem;} .ab_whqhfot{display: flex;align-items: center;margin:0.4rem 0 0 0;} .ab_whprev,.ab_whnext{width:0.32rem;margin:0 0.32rem;cursor: pointer;} .ab_whprev{margin-left: 0;} .ab_whprev:hover,.ab_whnext:hover{background:#eeb033;border-radius:100%;} .swiper-pagination-wh{position: relative !important;width: auto !important;left:auto !important;bottom: auto !important;} .swiper-pagination-wh .swiper-pagination-bullet{width: 0.37rem;height: 0.08rem;background:#fff;border-radius: 0.08rem;margin:0 0.13rem !important;opacity: 1;transition: all 0.3s linear;} .swiper-pagination-wh .swiper-pagination-bullet-active{width: 2.3rem;background:#eeb033;} .ab_wh ul li.on h3{font-size: 0.6rem;} .ab_wh ul li.on h3 span{width: 0.4rem;height: 0.4rem;background:#eeb033;} .ab_wh ul li:nth-of-type(1) .ab_whqh{display: block;} .ab_wh ul li:nth-of-type(2){margin-right:2.65rem;} .ab_wh ul li:nth-of-type(3){margin-right:2.75rem;} .ab_wh ul li:nth-of-type(4){margin-right:2.55rem;} .ab_his{position: relative;padding:2.86rem 0 0 0;} .swiper-container-his{width: 14.12rem;margin:0 auto;} .swiper-container-his .swiper-slide1{width: 4.85rem;text-align: center;} .swiper-container-his .swiper-slide1.on h2{display: none;} .swiper-container-his .swiper-wrapper{align-items: center;} .swiper-container-hisxq{display: none;width: 4.85rem;margin:0 auto;overflow:hidden;} .swiper-container-his .swiper-slide1 h2{width: 3.24rem;height: 3.24rem;border:1px solid #777777;border-radius:100%;display: flex;justify-content: center;align-items: center;font-size: 0.72rem;color:#777777;font-weight: bold;font-family:'bebas' ;background:rgba(255,255,255,0.5);margin:0 auto;} .swiper-container-hisxq .swiper-slide{border-radius:100%;overflow:hidden;position: relative;} .swiper-container-hisxq .swiper-slide h3{width: 100%;height: auto;background:#eeb033;font-size: 0.18rem;color:#ffffff;line-height: 0.3rem;text-align: center;display: flex;justify-content: center;position: absolute;left:0;bottom: 0.67rem;padding:0.2rem 0.4rem;box-sizing: border-box;} .swiper-container-hisxq .swiper-slide h3 span{width: 4px;height: 4px;background:#fff;border-radius:100%;margin-right: 0.08rem;position: relative;top:0.12rem;} .swiper-pagination-hisxq{position: relative !important;margin-top:0.34rem;display: none;width: 100%;} .swiper-pagination-hisxq .swiper-pagination-bullet{width: 0.14rem;height: 2px;background:#f0b847;border-radius: 0;margin:0 0.05rem !important;opacity: 1;transition: all 0.3s linear;} .swiper-pagination-hisxq .swiper-pagination-bullet-active{width: 0.88rem;} .swiper-container-his .swiper-slide1.on .swiper-container-hisxq{display: block;} .swiper-container-his .swiper-slide1.on .swiper-pagination-hisxq{display: block;} .his_year{width: 100%;text-align: center;position: absolute;left:0;top:0rem;} .his_year ul li{display: none;width: 100%;height: 6rem;} .his_year ul li:nth-of-type(1){display: block;} .his_year ul li span{font-size: 6rem;background-image: linear-gradient(to bottom, #f0b847, #fae7c0,#fefbf4);-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-family: 'bebas';} .ab_hisfot{width: 16rem;margin:0.75rem auto;position: relative;padding:0.1rem 0;} .ab_hisfot::after{display: block;width: 100%;height: 1px;content: '';background:#e9e9e9;position: absolute;left:0;top:0.15rem;} .swiper-container-year .swiper-slide{text-align: center;cursor: pointer;} .swiper-container-year .swiper-slide h2{width: 0.12rem !important;height: 0.12rem !important;background:#fff !important;border:1px solid #f0b94b;border-radius:100%;margin:0 auto 0.14rem auto;box-sizing: border-box;overflow:hidden;} .swiper-container-year .swiper-slide h3{font-size: 0.18rem;color:#000000;} .swiper-container-year .swiper-slide.on h2{width: 0.2rem !important;height: 0.2rem !important;background:#f0b94b !important;margin-top:-0.06rem;} .swiper-container-year .swiper-slide.on h3{font-size: 0.3rem;color:#eeb033;font-weight: bold;} .ab_ry{height: 9.19rem;background: url(../img/about/ry_bg.jpg) no-repeat center center/cover;overflow:hidden;} .ab_ry h2{display: flex;justify-content: center;font-size: 0.28rem;color:#28292a;font-weight: bold;margin:1rem 0 0.7rem 0;align-items:flex-end;} .ab_ry h2 span{margin:0 0 0 0.16rem;} .ab_ry h2 span b{font-size: 0.74rem;font-family:'bebas' ;color:#28292a;font-weight: bold;width: 0.6rem;} .ab_ry h2 span sup{font-size: 0.3rem;font-weight: bold;position: relative;top:-0.4rem;} .ab_ry h2 span:nth-of-type(1){margin-right: 0.46rem;} .swiper-container-ry{width: 11.1rem;margin:0 auto;} .swiper-container-ry .swiper-slide{margin-right: 0.54rem;} .swiper-container-ry .swiper-slide ul{display: flex;flex-wrap: wrap;} .swiper-container-ry .swiper-slide ul li{width: 33.33%;text-align: center;} .ry_pic{height: 2.1rem;width: auto;} .ry_pic img{height: 100%;width: auto;max-width: 200%;box-shadow: 0.1rem 0.2rem 0.2rem #d1d1d0;} .swiper-container-ry .swiper-slide p{font-size: 12px;color:#000000;text-align: center;padding:0.17rem 0 0.24rem 0;} .swiper-pagination-ry{position: relative !important;margin-top:0.34rem;} .swiper-pagination-ry .swiper-pagination-bullet{width: 0.14rem;height: 2px;background:#f0b847;border-radius: 0;margin:0 0.05rem !important;opacity: 1;transition: all 0.3s linear;} .swiper-pagination-ry .swiper-pagination-bullet-active{width: 0.88rem;} .ab_hznav{text-align: center;margin:0.73rem auto;} .ab_hznav span{font-size: 0.36rem;color:#9e9e9e;font-weight: bold;padding:0 0.38rem;cursor: pointer;} .ab_hznav span.on{color:#282828;} .ab_hznav span:nth-of-type(1){border-right:0.04rem solid #9e9e9e;} .ab_hz ul{margin:0 auto 0.8rem auto;width: 18.5rem;} .ab_hz ul li{display: none;} .ab_hz ul li dl{display: flex;flex-wrap: wrap;} .ab_hz ul li dl dd{width: 15.8333%;margin:0 1% 0.23rem 0;border:1px solid #f6f6f6;overflow:hidden;box-sizing: border-box;} .ab_hz ul li dl dd:nth-of-type(6n){margin-right: 0;} .ab_hz ul li img{transition: all 0.3s linear;} .ab_hz ul li dl dd:hover img{transform: scale(1.1);} .ab_hz ul li:nth-of-type(1){display: block;} .ab_wh .w_1650{display: flex;padding-top: 2.4rem;} .ab_whl{width:16%;text-align: right;margin:0 6% 0 10%;position: relative;} .ab_whl h3{font-size: 0.3rem;color: #282828;font-weight: bold;display: flex;align-items: center;justify-content: right;margin-bottom: 1rem;position: relative;z-index: 3;} .ab_whl h3 span{width: 0.24rem;height: 0.24rem;background: #fff;border-radius: 100%;margin-left: 0.28rem;} .ab_whl h3.on{font-size: 0.36rem;} .ab_whl h3.on span{width: 0.28rem;height: 0.28rem;background: #eeb033;} .ab_whl h3:nth-last-of-type(1){margin-bottom: 0;} .wh_jd{width: 1px;height: 90%;background:#ccc;position: absolute;right:5%;top:4%;} .wh_jd span{display: block;width: 100%;height: 0;background:#eeb033;position: absolute;left:0;top:0;transition: all 0.3s linear;} .ab_whr{width:50%;} .swiper-container-whr{height: 4.1rem;overflow:hidden;} .swiper-container-whr .swiper-slide1{width: 100%;height:auto;overflow:hidden;margin-bottom: 0.6rem;opacity: 0.25;} .swiper-container-whr .swiper-slide1.on{opacity: 1;} .swiper-container-whr h2{font-size: 0.38rem;color:#000;font-weight: bold;padding-bottom: 0.3rem;} .swiper-container-whr p{font-size:16px;line-height: 30px;padding-bottom: 0.3rem;} .swiper-container-whr .swiper-slide1:nth-last-of-type(1){margin-bottom: 1.2rem;} .ab_whrwz{display: flex;} .ab_whrwz h5{font-size: 0.38rem;color:#000;font-weight: bold;margin-right: 0.3rem;width: 0.4rem;margin-right: 0.3rem;} .ab_whrwz h4{width: 7.2rem;display: flex;} .ab_whrwz h4 span{width: 16px;font-size: 14px;color: #282828;line-height: 24px;margin-right: 0.14rem;} .ab_whrwz h4 span:nth-last-of-type(1){margin-right: 0} .his_prev{width:3.24rem;height: 3.24rem;overflow;hidden;border-radius:100%;position: absolute;left:-1%;top:1%;background: none;z-index: 28;} .his_next{width:3.24rem;height: 3.24rem;overflow;hidden;border-radius:100%;position: absolute;right:0%;top:1%;background: none;z-index: 28;} .swiper-pagination-whr{display: none;} /*浜у搧搴旂敤*/ .pro_all{overflow: hidden;} .pro_fl{background:#fff;position: relative;} .pro_fll{width: 100vw;overflow:hidden;} .pro_fll .swiper-slide:nth-of-type(2n){background: #f1f1f1;} .pro_fl .swiper-slide{height: 100vh;position: relative;padding:1.06rem 0 0 7.04%;box-sizing: border-box;overflow:hidden;} .pro_fl .swiper-slide h2{font-size: 0.4rem;color:#f7b62b;font-weight: bold;} .pro_fl .swiper-slide h2 span{font-size: 0.9rem;font-style: italic;margin-right: 0.1rem;} .pro_fl .swiper-slide h4{font-size: 0.18rem;color:#000000;line-height: 0.38rem;padding:0.6rem 0 0.6rem 0.1rem;width: 5rem;box-sizing: border-box;position: relative;z-index:3;} .pro_fl .swiper-slide h4 span{color:red;} .pro_wapfljs{display: none;} .pro_fl .swiper-slide.on h2{color:#f7b62b;position: relative;z-index:3;} .swiper-pagination-fl{width: 1px !important;height: 9rem !important;background:#d8d8d8;position: absolute;left:1.54rem;bottom:0;} .swiper-pagination-fl .swiper-pagination-progressbar{width: 3px;background:#a2a2a2;left:-1px;} .pro_flr{position: absolute;right:0.4rem;top:0rem;} .pro_flr ul li{position: relative;width:12.14rem;} .pro_flrsp{height: 100vh;display: flex;align-items: center;} .pro_flr ul li video{display: block;width: 100%;} .pro_flr ul li dl dd{position: absolute;z-index: 32;} .pro_flr ul li dl dd h3{border-radius:100%;position: relative;} .pro_flr ul li dl dd h3{width: 40px;height: 40px;position: relative;margin: 0 auto ;} .pro_logo{width: 5.98rem;position: absolute;right:0;bottom: -40%;z-index: 5;} .pro_flr ul li dl dd h3 span{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 2;border-radius: 50%;border: 1px solid #f7b62b; -webkit-transform: scale(0.5); transform: scale(0.5); } .pro_flr ul li dl dd h3 span.s1{animation: ss2 3s linear infinite ;-webkit-animation: ss2 3s linear infinite;} .pro_flr ul li dl dd h3 span.s2{animation: ss2 3s linear 0.75s infinite ;-webkit-animation: ss2 3s linear 0.75s infinite;} .pro_flr ul li dl dd h3 span.s3{animation: ss2 3s linear 1.5s infinite ;-webkit-animation: ss2 3s linear 1.5s infinite;} .pro_flr ul li dl dd h3 span.s4{animation: ss2 3s linear 2.25s infinite ;-webkit-animation: ss2 3s linear 2.25s infinite;} .pro_flr ul li dl dd h3 span.s5{background:#f7b62b;transform: scale(0.2);-moz-transform: scale(0.2);} @-moz-keyframes ss2 {0% {-webkit-transform: scale(0.5);-moz-transform: scale(0.5);transform: scale(0.5);opacity: 1;}100% {-webkit-transform: scale(1.5);-moz-transform: scale(1.5);transform: scale(1.5);opacity: 0;}} @keyframes ss2 {0% {-webkit-transform: scale(0.5);-moz-transform: scale(0.5);transform: scale(0.5);opacity: 1;}100% {-webkit-transform: scale(1.5);-moz-transform: scale(1.5);transform: scale(1.5);opacity: 0;}} /*.pro_flr ul li.li1 dl dd:nth-of-type(1){left:2.63rem;top:5rem;} .pro_flr ul li.li1 dl dd:nth-of-type(2){left:4.57rem;top:4.68rem;} .pro_flr ul li.li1 dl dd:nth-of-type(3){left:7.4rem;top:4.42rem;} .pro_flr ul li.li2 dl dd:nth-of-type(1){left:0.64rem;top:5rem;} .pro_flr ul li.li2 dl dd:nth-of-type(2){left:1.42rem;top:6.06rem;} .pro_flr ul li.li2 dl dd:nth-of-type(3){left:2.08rem;top:4.94rem;} .pro_flr ul li.li2 dl dd:nth-of-type(4){left:2.8rem;top:5.22rem;} .pro_flr ul li.li2 dl dd:nth-of-type(5){left:3.92rem;top:4.45rem;} .pro_flr ul li.li2 dl dd:nth-of-type(6){left:4.44rem;top:5.08rem;} .pro_flr ul li.li2 dl dd:nth-of-type(7){left:5.26rem;top:4.15rem;} .pro_flr ul li.li2 dl dd:nth-of-type(8){left:6.06rem;top:4.78rem;} .pro_flr ul li.li2 dl dd:nth-of-type(9){left:6.56rem;top:4.11rem;} .pro_flr ul li.li2 dl dd:nth-of-type(10){left:7.33rem;top:4.66rem;} .pro_flr ul li.li2 dl dd:nth-of-type(11){left:8.4rem;top:3.62rem;} .pro_flr ul li.li2 dl dd:nth-of-type(12){left:8.57rem;top:4.4rem;} .pro_flr ul li.li2 dl dd:nth-of-type(13){left:9.5rem;top:3.73rem;} .pro_flr ul li.li2 dl dd:nth-of-type(14){left:10.39rem;top:4.18rem;} .pro_flr ul li.li3 dl dd:nth-of-type(1){left:3.07rem;top:5.55rem;} .pro_flr ul li.li3 dl dd:nth-of-type(2){left:3.83rem;top:4.18rem;} .pro_flr ul li.li3 dl dd:nth-of-type(3){left:5.88rem;top:4.62rem;} .pro_flr ul li.li3 dl dd:nth-of-type(4){left:6.98rem;top:5.36rem;} .pro_flr ul li.li3 dl dd:nth-of-type(5){left:7.14rem;top:4.43rem;} .pro_flr ul li.li3 dl dd:nth-of-type(6){left:8.13rem;top:5.46rem;} .pro_flr ul li.li3 dl dd:nth-of-type(7){left:9.85rem;top:4.86rem;} .pro_flr ul li.li4 dl dd:nth-of-type(1){left:1rem;top:4.6rem;} .pro_flr ul li.li4 dl dd:nth-of-type(2){left:1.64rem;top:5.07rem;} .pro_flr ul li.li4 dl dd:nth-of-type(3){left:3.47rem;top:5.8rem;} .pro_flr ul li.li4 dl dd:nth-of-type(4){left:4.72rem;top:6.38rem;} .pro_flr ul li.li4 dl dd:nth-of-type(5){left:5.67rem;top:6.54rem;} .pro_flr ul li.li4 dl dd:nth-of-type(6){left:6.18rem;top:6.9rem;} .pro_flr ul li.li4 dl dd:nth-of-type(7){left:1.66rem;top:3.5rem;} .pro_flr ul li.li4 dl dd:nth-of-type(8){left:3.04rem;top:3.4rem;} .pro_flr ul li.li4 dl dd:nth-of-type(9){left:6.38rem;top:4.72rem;} .pro_flr ul li.li4 dl dd:nth-of-type(10){left:6.37rem;top:3.82rem;} .pro_flr ul li.li4 dl dd:nth-of-type(11){left:8.25rem;top:3.67rem;} .pro_flr ul li.li5 dl dd:nth-of-type(1){left:0.54rem;top:4.76rem;} .pro_flr ul li.li5 dl dd:nth-of-type(2){left:1.77rem;top:4.65rem;} .pro_flr ul li.li5 dl dd:nth-of-type(3){left:2.88rem;top:4.88rem;} .pro_flr ul li.li5 dl dd:nth-of-type(4){left:3.94rem;top:6.02rem;} .pro_flr ul li.li5 dl dd:nth-of-type(5){left:5.43rem;top:6.38rem;} .pro_flr ul li.li5 dl dd:nth-of-type(6){left:6.9rem;top:6.23rem;} .pro_flr ul li.li5 dl dd:nth-of-type(7){left:2.12rem;top:3.04rem;} .pro_flr ul li.li5 dl dd:nth-of-type(8){left:5rem;top: 4.3rem;} .pro_flr ul li.li5 dl dd:nth-of-type(9){left:2.92rem;top: 1.8rem;} .pro_flr ul li.li5 dl dd:nth-of-type(10){left:5rem;top: 2.38rem;} .pro_flr ul li.li5 dl dd:nth-of-type(11){left:6.08rem;top: 2.62rem;} .pro_flr ul li.li5 dl dd:nth-of-type(12){left:7.25rem;top: 3rem;} .pro_flr ul li.li5 dl dd:nth-of-type(13){left:8.24rem;top: 3.52rem;} .pro_flr ul li.li5 dl dd:nth-of-type(14){left:9.44rem;top: 3.6rem;}*/ .pro_flr ul li dl dd p{width: auto; height: auto; background: url(../img/product/icon.png) no-repeat center center/100% 100%; font-size: 0.18rem; color: #000; font-weight: bold; line-height: 0.4rem;position: absolute;left: 50%;top: -1.8rem;transform: translate(-50%,0.2rem);transition: all 0.3s linear;transition-delay: 0s;padding: 0.2rem 0.3rem; white-space: nowrap;transition-delay: 0.1s;opacity: 0;} .pro_flr ul li dl dd p span{display: block;font-size: 0.16rem;line-height: 0.32rem;font-weight: normal;} .pro_flr ul li dl dd:hover p{opacity: 1;transform: translate(-50%,0);z-index: 30;} .pro_flr ul li dl dd:hover .liner{height: 1.2rem;} @keyframes circle-opacity { from { opacity: 1; transform: scale(1); } to { opacity: 0.5; transform: scale(1.3); } } .b_jt{width: 30px;position: fixed;left:50%;bottom: 0.4rem;margin-left:-15px;animation: xx01 5s linear infinite;} .b_jt.on{display: none;} @keyframes xx01{ 0%{transform: translateY(0);} 25%{transform: translateY(0.3rem);} 50%{transform: translateY(0);} 75%{transform: translateY(0.3rem);} 100%{transform: translateY(0);} } #pro_fl3 .pro_flr ul li dl dd:nth-of-type(2) p{top:-3rem;} #pro_fl3 .pro_flr ul li dl dd:nth-of-type(2) .liner{top:-1.3rem;} #pro_fl3 .pro_flr ul li dl dd:nth-of-type(2):hover .liner{height: 1.5rem;} #pro_fl3 .pro_flr ul li dl dd:nth-of-type(3) p{top:-3.8rem;} #pro_fl3 .pro_flr ul li dl dd:nth-of-type(3) .liner{top:-1.9rem;} #pro_fl3 .pro_flr ul li dl dd:nth-of-type(3):hover .liner{height: 2.2rem;} #pro_fl3 .pro_flr ul li dl dd:nth-of-type(1) p{top:2.6rem;} #pro_fl3 .pro_flr ul li dl dd:nth-of-type(1) .liner{top:0.5rem;} #pro_fl3 .pro_flr ul li dl dd:nth-of-type(1):hover .liner{height: 2rem;} #pro_fl4 .pro_flr ul li dl dd:nth-of-type(2) p{top:-1.4rem;} #pro_fl4 .pro_flr ul li dl dd:nth-of-type(2) .liner{top:-0.4rem;} #pro_fl4 .pro_flr ul li dl dd:nth-of-type(2):hover .liner{height: 0.6rem;} #pro_fl4 .pro_flr ul li dl dd:nth-of-type(1) p{top:-2.4rem;} #pro_fl4 .pro_flr ul li dl dd:nth-of-type(1) .liner{top:-0.4rem;} #pro_fl4 .pro_flr ul li dl dd:nth-of-type(1):hover .liner{height: 0.6rem;} .fl02_pic img{display: none;} .fl02_pic img.on{display: block;} #pro_fl1 .pro_flrsp video{position: relative;top:0;} #pro_fl3 .yy_pic{margin-top:0.8rem;position: relative;z-index: 20;} /*鐮斿彂鍒涙柊*/ .yf{background: url(../img/yf/yf_bg.jpg) no-repeat center center/cover;position: relative;} .yf p{font-size: 0.22rem;color:#707070;line-height: 0.55rem;padding:1.97rem 0 2.7rem 0;width: 7.65rem;display: none;height: 4.4rem;} .yf p:nth-of-type(1){display: block;} .yf_fl{width:9.25rem;position: absolute;right:0.23rem;top:1rem;} .yf_fl ul li{position: relative;display: none;} .yf_fl ul li:nth-of-type(1){display: block;} .yf_fl ul li h4{font-size: 0.2rem;color:#000;position: absolute;right:6.65rem;top:5.68rem;width: 6rem;} .yf_fl ul li h4 span{width:4.94rem;display: block;margin-bottom: 0.3rem;} .yf_fl ul li:nth-of-type(2) h4{right:3.65rem;} .yf_nav dl dd{position: absolute;cursor: pointer;z-index: 26;} .yf_nav dl dd:nth-of-type(1){left:3.2rem;top:9.72rem;} .yf_nav dl dd:nth-of-type(2){left:6.32rem;top:10.6rem;} .yf_nav dl dd span{display: flex;width: 1.1rem;height: 1.1rem;background:#e3e3e3;border-radius:100%;justify-content: center;align-items: center;position: relative;} .yf_nav dl dd span img{width: 0.8rem;position: relative;z-index: 3;} .yf_nav dl dd span img:nth-of-type(1){display: block;} .yf_nav dl dd span img:nth-of-type(2){display: none;} .yf_nav dl dd span::after{display: block;width: 110%;height: 110%;content: '';background:#efefef;border-radius: 100%;position: absolute;left: -5%;top: -5%;animation: circle-opacity 1s infinite cubic-bezier(0, 0, .49, 1.02);-webkit-animation: circle-opacity 1.6s infinite cubic-bezier(0, 0, .49, 1.02); animation-delay: 0s; animation-delay: 0s; animation-delay: 0s; animation-delay: 200ms; -webkit-animation-delay: 200ms;z-index: 2;} .yf_nav dl dd span::before{display: block;width: 120%;height: 120%;content: '';background:rgba(239,239,239,0.5);border-radius: 120%;position: absolute;left: -10%;top: -10%;animation: circle-opacity 1s infinite cubic-bezier(0, 0, .49, 1.02);-webkit-animation: circle-opacity 1.6s infinite cubic-bezier(0, 0, .49, 1.02); animation-delay: 0s; animation-delay: 0s; animation-delay: 0s; animation-delay: 200ms;} .yf_nav dl dd.on span{width: 1.26rem;height: 1.26rem;background:#f7b62b;} .yf_nav dl dd.on span::after{background: #fad37f;} .yf_nav dl dd.on span::before{background: rgba(247,192,43);} .yf_nav dl dd.on span img:nth-of-type(1){display: none;} .yf_nav dl dd.on span img:nth-of-type(2){display: block;} .yf_fot{height: 12rem;position: relative;width: 100%;} .yf_fot ul li{display:inline-block;background:#ffffff;border-radius:0.5rem;font-size: 0.18rem;color:#28292a;font-weight: bold;padding:0.3rem 0.86rem;box-sizing:border-box;box-shadow:0.06rem 0.06rem 0.04rem rgba(247,182,43,0.5);position: absolute;font-weight: bold;animation: tiao 5s linear infinite;} .yf_fot ul li h3 b{font-size: 0.6rem;} .yf_fot ul li:nth-of-type(1){left:4.88rem;top:4.52rem;} .yf_fot ul li:nth-of-type(2){left:8.6rem;top:5.8rem;animation: tiao 6s linear infinite;} .yf_fot ul li:nth-of-type(3){left:11.4rem;top:4rem;animation: tiao 7s linear infinite;} .yf_fot ul li:nth-of-type(4){left:3.4rem;top:6.46rem;} .yf_fot ul li:nth-of-type(5){left:7.44rem;top:7.7rem;} .yf_fot ul li:nth-of-type(6){left:11.5rem;top:7.64rem;animation: tiao 5.5s linear infinite;} .yf_fot ul li:nth-of-type(7){left:13.45rem;top:5.9rem;animation: tiao 4.5s linear infinite;} @keyframes tiao{ 0%{transform: translate(0,0);} 25%{transform: translate(0.1rem,0.1rem);} 50%{transform: translate(0,0);} 75%{transform: translate(-0.1rem,-0.1rem);} 100%{transform: translate(0,0);} } /*鏂伴椈鍒楄〃*/ .new_top{margin:1.54rem auto 0.9rem auto;} .new_top ul{display: flex;justify-content:space-between;align-items: center;} .new_top ul li{width: 32%;transition: all 0.3s linear;padding-bottom: 0.3rem;box-sizing: border-box;} .news_pic{overflow:hidden;} .news_pic img{transition: all 0.3s linear;} .new_top ul li:hover{box-sizing: border-box;box-shadow: 0.1rem 0.1rem 0.1rem #dddede;transform: translateY(-0.27rem);} .new_top ul li:hover .news_pic img{transform: scale(1.1);} .new_top ul li a h3{font-size: 0.22rem;color:#3e3a39;font-weight: bold;padding:0.36rem 0.3rem 0.2rem .3rem;box-sizing: border-box;width: 100%;text-overflow: ellipsis;white-space: nowrap;overflow:hidden;} .new_top ul li a p{font-size: 0.18rem;color:#898989;padding-left:0.3rem;box-sizing: border-box;} .new_top ul li:hover a h3{color:#f7b62b;} .new_top ul li:hover a p{color:#fad496;} .news_fot .list li{width: 100%;border-bottom: 1px solid #dcdddd;padding:0.26rem 0.6rem 0.26rem 0.3rem;box-sizing: border-box;} .news_fot .list li a{display: block;width: 100%;height: 100%;display: flex;justify-content: space-between;align-items: center;transition: all 0.3s linear;} .news_fot .list li a h2{width: 70%;font-size: 0.22rem;color:#333333;} .news_fot .list li a h2 span{display: block;font-size: 0.18rem;color:#b5b5b6;} .news_fot .list li a h3{width:0.27rem;} .news_fot .list li a h3 img:nth-of-type(1){display: block;} .news_fot .list li a h3 img:nth-of-type(2){display: none;} .news_fot .list li a:hover h2{color:#f7b62b;} .news_fot .list li a:hover h2 span{color:#fad496;} .news_fot .list li a:hover h3 img:nth-of-type(1){display: none;} .news_fot .list li a:hover h3 img:nth-of-type(2){display: block;} .news_fotfy{margin:0.8rem 0;display: flex;align-items: center;justify-content: center;} .news_fotfy h2{margin:0 0.2rem;} .news_fotfy h2 a{font-size: 0.16rem;color:#595757;} .news_fotfy h3{display: flex;align-items: center;} .news_fotfy h3 a{border:1px solid #a6a6a6;border-radius:0.04rem;font-size: 0.18rem;color:#595757;line-height: 0.38rem;padding:0 0.12rem;font-family: 'arial';margin:0 0.05rem;transition: all 0.3s linear;} .news_fotfy h3 a.on,.news_fotfy h3 a:hover{background:#f7b62b;border-color: #f7b62b;color:#fff;} /*鏂伴椈璇︽儏*/ .news_info{width: 10.78rem;margin:0 auto;} .news_info .h2{font-size: 0.4rem;color:#28292a;font-weight: bold;padding:1.54rem 0 0 0;text-align: center;} .news_info .h3{font-size: 0.18rem;color:#929090;padding:0.4rem 0;text-align: center;font-weight: bold;} .news_info .h3 span{margin:0 20px;} .news_info p{font-size: 0.18rem;color:#898989;line-height: 0.4rem;padding-bottom: 0.2rem;} .news_infofot{padding:1.1rem 0;} .news_infofot ul{display: flex;align-items: center;justify-content: space-between;} .news_infofot ul li a{font-size: 0.18rem;color:#898989;transition:all 0.3s linear} .news_infofot ul li a:hover{color:#f7b62b;} /*鎶曡祫鑰呭叧绯?/ .tz_wz{width: 5.84rem;padding-bottom: 0.44rem;} .tz_wz i{font-style:normal;} .tz_wz h3 { font-size: 0.4rem; color: #ffffff; font-weight: bold; } .tz_wz h4{display: flex;align-items:center;border-bottom: 2px solid rgba(255,255,255,0.2);padding:0.3rem 0 0.3rem 0;} .tz_wz h4 b{font-size: 0.6rem;color:#ffffff;font-weight: bold;} .tz_wz h4 img{width:0.16rem;height: 0.32rem;margin:0 0.58rem 0 0.24rem;} .tz_wz h4 span{font-size: 0.26rem;color:#ffffff;font-weight: bold;padding-right: 0.14rem;} .tz_wz h4 strong{font-size: 0.26rem;color:#f50008;} .tz_wz h4 img.on{transform: rotate(180deg);} .tz_wz h5{display: flex;flex-wrap: wrap;} .tz_wz h5 span{width: 50%;font-size: 0.2rem;color:#ffffff;margin-top:0.24rem;display: flex;} .tz_wz h5 span strong{width: 0.98rem;font-weight: normal;} .tz_wz h5 span b{font-size: 0.2rem;color:#ffffff;font-weight: bold;} .tz_wz.on h4 b{color:#28b907;} .tz_wz.on h4 strong{color:#28b907;} .tz_ban dl{margin-top:2.2rem;} .xb{font-size: 0.4rem;color:#28292a;font-weight: bold;text-align: center;padding:0.8rem 0;} .con_nr{width: 100%;height: 500px;} .con_nr iframe{display: block;width: 100%;height: 100%;border:none} .gs_bg{background: linear-gradient(to bottom,#fff,#f4f4f4);overflow:hidden;} .gs_bgtop{margin:1.46rem 0 1.17rem 0;} .gs_bgtop ul{display: flex;justify-content: space-between;} .gs_bgtop ul li{width: 50%;position: relative;height: 1.08rem;overflow:hidden;background: #f4f4f4;align-items: center;} .gs_bgtop ul li a{display: flex;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;color:#000;} .gs_bgtop ul li a img{width:0.55rem;height: 0.55rem;margin-right: 0.32rem;display: none;} .gs_bgtop ul li a img:nth-of-type(1){display: block;} .gs_bgtop ul li.on{background: url(../img/tz/bg_bg.jpg) no-repeat center center/cover;} .gs_bgtop ul li.on a .xb{color:#fff;} .gs_bgtop ul li.on a img:nth-of-type(1){display: none;} .gs_bgtop ul li.on a img:nth-of-type(2){display: block;} .gs_bgqhcon{display: none;} .gs_bgqhcon:nth-of-type(1){display: block;} .gs_bgqhcon .list li{width: 100%;background:#fff;padding:0 0.5rem 0 0.56rem;box-sizing: border-box;box-shadow: 0 0 0.08rem #eaeaea;margin-bottom: 0.36rem;height: 0.9rem;} .gs_bgqhcon .list li a{display: block;width: 100%;height: 100%;display: flex;justify-content: space-between;align-items: center;} .gs_bgqhcon .list li span{width: 50%;font-size: 0.22rem;color:#000000;} .gs_bgqhcon .list li b{width: 40%;font-size: 0.18rem;color:#969696;font-weight: normal;} .gs_bgqhcon .list li strong{width:0.27rem;} .gs_bgqhcon .list li strong img:nth-of-type(1){display: block;} .gs_bgqhcon .list li strong img:nth-of-type(2){display: none;} .gs_bgqhcon .list li:hover span{color:#f7b62b;} .gs_bgqhcon .list li:hover strong img:nth-of-type(1){display: none;} .gs_bgqhcon .list li:hover strong img:nth-of-type(2){display: block;} .gs_gd{padding-bottom: 1.6rem;} .gs_gd ul{border:1px solid #d8d8d8;box-sizing: border-box;} .gs_gd ul li{display: flex;align-items: center;justify-content: center;background:#f1f1f1;} .gs_gd ul li:nth-of-type(2n){background:#fff;} .gs_gd ul li span{border-right: 1px solid #d8d8d8;box-sizing: border-box;width: 16%;font-size: 0.18rem;color:#000000;line-height: 0.64rem;text-align: center;} .gs_gd ul li span:nth-of-type(1){width: 52%;text-align: left;padding-left:0.4rem;box-sizing: border-box;} .gs_gd ul li:nth-of-type(1) span:nth-of-type(1){padding:0;text-align: center;} .gs_gd ul li span:nth-last-of-type(1){border-right: none;} .tz_fot{height:5.4rem;background: url(../img/tz/fot.jpg) no-repeat center center/cover;text-align: center;overflow:hidden;} .tz_fot p{width: 6.25rem;margin:0.94rem auto;font-size: 0.24rem;color:#fff;line-height: 0.49rem;font-weight: bold;text-align: center;margin:0.94rem auto;} .tz_fotbtn{width: 2.24rem;height: 0.54rem;background:#f7b62b;border-radius:0.54rem;font-size: 0.18rem;line-height: 0.54rem;text-align: center;margin:0 auto;} .tz_fotbtn a{display: block;width: 100%;height: 100%;color:#fff;position: relative;} .tz_fotbtn a span{position: relative;z-index: 2;} .tz_fotbtn a::after{display:block;width: 0;height: 100%;background:#000;border-radius: 0.53rem;position: absolute;content: '';left:50%;top:0;transform: translateX(-50%);transition: all 0.3s linear;} .tz_fotbtn a:hover::after{width: 100%;} .bd_tc{width: 100%;height: 100%;background:rgba(0,0,0,0.2);position: fixed;left:0;top:0;display: none;z-index: 99;} .bd_tccon{width: 8.2rem;background:#fff;padding:0 0.47rem;position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);box-sizing: border-box;} .bd_tccon h2{font-size: 0.26rem;color:#000000;text-align: center;padding:0.64rem 0 0.6rem 0;} .bd_tccon01{display: flex;justify-content: space-between;flex-wrap: wrap;} .bk_k{width: 49%;display: flex;align-items: center;margin-bottom: 0.2rem;} .bk_k1{width: 100%;} .bk_k span{width:6%;font-size:0.18rem;color:#ca0000;} .bk_k input{width:94%;height: 0.4rem;background: none;border:1px solid #dddddd;box-sizing: border-box;font-size:0.16rem;color:#898989;padding-left:0.14rem;box-sizing: border-box;} .bk_k b{font-size: 0.16rem;color:#898989;font-weight: normal;width: 2.4rem;text-align: center;} .bk_k strong{width: 1rem;height: 0.4rem;border:1px solid #ddd;box-sizing: border-box;font-size: 0.16rem;color:#898989;line-height: 0.4rem;text-align: center;margin-right: 0.14rem;} .bk_k strong.on{background:#f7b62b;border-color: #f7b62b;color:#fff;} .scbtn{position:relative;flex: 1; width:100%;height: 0.4rem;background:url(../img/tz/sc.png) no-repeat 94% center/0.13rem 0.13rem;border:1px solid #dddddd;box-sizing: border-box;font-size:0.16rem;color:#898989;padding-left:0.14rem;box-sizing: border-box;line-height: 0.4rem;cursor: pointer;} .scbtn #result { display:block;overflow:hidden;width:100%;white-space:nowrap; } .scbtn input[type=file] { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; } .bs_sub { width: 2.23rem; height: 0.52rem; background: #f7b62b; border-radius: 0.52rem; font-size: 0.18rem; color: #ffff; line-height: 0.52rem; text-align: center; margin: 0.58rem auto; font-weight: bold; cursor: pointer; transition: all 0.3s linear; } .bs_sub:hover{background:#000;} .bs_close{width:0.22rem;position: absolute;right:0.3rem;top:0.3rem;cursor: pointer;} /*鑱旂郴鎴戜滑*/ .map{background:#f7f8f8;position: relative;padding:0.7rem 0;} .map_con{position: relative;} .map_con h3{font-size: 0.2rem;color:#000000;font-weight: bold;position: absolute;left:9.6rem;top:4rem;} .map_con h3 b{font-size: 0.98rem;color:#f7b62b;font-style: italic;padding:0 0.1rem;} .map_con dl dd{position:absolute;} .map_con dl dd h4{display: flex;align-items: center;} .map_con dl dd h4 b{font-size: 0.24rem;color:#000000;font-weight: bold;display: none;position: absolute;left:-1.9rem;top:50%;transform: translateY(-50%);width: 2rem;text-align: right;} .map_con dl dd h4 span{width:0.16rem;height: 0.16rem;background:#f7b62b;border-radius:100%;position: relative;margin-left:0.2rem;} .map_con dl dd h4 span::after{display: block;width: 120%;height: 120%;content: '';background: rgba(236,184,76,0.45);border-radius: 100%;position: absolute;left: -10%;top: -10%;animation: circle-opacity 1s infinite cubic-bezier(0, 0, .49, 1.02);-webkit-animation: circle-opacity 1.6s infinite cubic-bezier(0, 0, .49, 1.02);animation-delay: 0s; animation-delay: 0s; animation-delay: 0s; animation-delay: 200ms; -webkit-animation-delay: 200ms;} .map_con dl dd h4.w_10 span{width: 0.1rem;height: 0.1rem;} .map_con dl dd.on{z-index:30;} .map_con dl dd.on h4 span{background:#ba0000;} .map_con dl dd.on h4 span::after{background: rgba(186,0,0,0.6);} .map_con dl dd.on h4 b{display: block;} .map_con dl dd:nth-of-type(1){left:3.15rem;top:4.55rem;} .map_con dl dd:nth-of-type(2){left:5.63rem;top:3.12rem;} .map_con dl dd:nth-of-type(3){left:6.43rem;top:2.3rem;} .map_con dl dd:nth-of-type(4){left:6.2rem;top:2.9rem;} .map_con dl dd:nth-of-type(5){left:6.2rem;top:3.14rem;} .map_con dl dd:nth-of-type(6){left:6.4rem;top:3.08rem;} .map_con dl dd:nth-of-type(7){left:6.16rem;top:3.38rem;} .map_con dl dd:nth-of-type(8){left:6.16rem;top:3.57rem;} .map_con dl dd:nth-of-type(9){left: 5.9rem;top:3.9rem;} .map_con dl dd:nth-of-type(10){left:5.8rem;top:4.54rem;} .map_con dl dd:nth-of-type(11){left:7.24rem;top:2.87rem;} .map_con dl dd:nth-of-type(12){left:11.04rem;top:2.6rem;} .map_xq{position: absolute;right:7%;top:0.5rem;} .map_xq .swiper-container-map{width: 4.23rem;height: 5.34rem;padding:0.2rem;box-sizing: border-box;} .swiper-container-map .swiper-slide{width: 100%;height: auto;background:#fff;padding:0 0.35rem 0.3rem 0.35rem;box-sizing: border-box;box-shadow: 0 0 0.2rem rgba(0,0,0,0.1);margin-bottom: 0.32rem;} .swiper-container-map .swiper-slide h2{font-size: 0.4rem;color:#28292a;font-weight: bold;padding:0.36rem 0;} .swiper-container-map .swiper-slide dl dd{display: flex;margin-bottom: 0.2rem;font-size: 0.2rem;color:#000000;align-items: flex-start;} .swiper-container-map .swiper-slide dl dd img{width:0.15rem;margin-right: 0.14rem;position: relative;top:0.1rem;} .swiper-container-map .swiper-slide.on{box-shadow: 0 0 0.2rem #f7ecd2;} .map_fot{margin-top:-1.5rem;position: relative;z-index: 3;} .map_fot .w_1650{position: relative;} .map_fot .w_1650::after{display: block;width: 100%;height: 1px;background:#d6d6d6;content: '';position: absolute;left:0;top:0.26rem;} .swiper-container-mapfot{padding:0.2rem 0;} .swiper-container-mapfot .swiper-slide{text-align: center;cursor: pointer;} .swiper-container-mapfot .swiper-slide h3{width: 0.14rem;height: 0.14rem;background:#898989;border-radius:100%;margin:0 auto;position: relative;} .swiper-container-mapfot .swiper-slide h3::after{display: block;width: 0.26rem;height: 0.26rem;content: '';background: rgba(137, 137, 137, 0.5);border-radius: 100%;position: absolute;left: -0.06rem;top: -0.06rem;} .swiper-container-mapfot .swiper-slide p{font-size: 0.22rem;color:#000000;padding-top:0.2rem;} .swiper-container-mapfot .swiper-slide.on h3{width: 0.24rem;height: 0.24rem;background:#f7b62b;position: relative;top:-0.06rem;} .swiper-container-mapfot .swiper-slide.on h3::after{width: 0.4rem;height: 0.4rem;background: rgba(247,182,43,0.5);animation: circle-opacity 1s infinite cubic-bezier(0, 0, .49, 1.02);-webkit-animation: circle-opacity 1.6s infinite cubic-bezier(0, 0, .49, 1.02);animation-delay: 0s; animation-delay: 0s; animation-delay: 0s; animation-delay: 200ms; -webkit-animation-delay: 200ms;left:-0.08rem;top:-0.08rem;} .swiper-container-mapfot .swiper-slide.on p{font-weight: bold;} .pager1 { margin: 0.8rem 0; display: flex; align-items: center; justify-content: center; } .pager1 .first a, .pager1 .last a { margin: 0 0.2rem; border: none; font-size: 0.16rem; color: #595757; font-weight:bold; } .pager1 a, .pager1 span{ display: block; border: 1px solid #a6a6a6; border-radius: 0.04rem; font-size: 0.18rem; color: #595757; line-height: 0.38rem; padding: 0 0.12rem; font-family: 'arial'; margin: 0 0.05rem; transition: all 0.3s linear; } .pager1 .active span, .pager1 a:hover{ background: #f7b62b; border-color: #f7b62b; color: #fff; } /*鍔犲叆鎴戜滑*/ .jion_top{padding:0.9rem 0 0 0;background:#f7f8f8;overflow:hidden;position: relative;} .jion_topl{width: 4rem;} .jion_topl p{font-size: 0.22rem;color:#707070;line-height: 0.5rem;} .jion_topbtn{width: 2.23rem;height: 0.54rem;background:#f7b62b;border-radius:0.54rem;font-size: 0.18rem;line-height: 0.54rem;text-align: center;font-weight: bold;margin:0.66rem 0 2.9rem 0;position: relative;} .jion_topbtn a{display: block;width: 100%;height: 100%;color:#fff;position:relative;z-index:1;} .jion_topbtn a span{position: relative;z-index: 2;} .jion_topbtn::after{display:block;width: 0;height: 100%;background:#000;border-radius: 0.53rem;position: absolute;content: '';left:50%;top:0;transform: translateX(-50%);transition: all 0.3s linear;z-index:0;} .jion_topbtn:hover::after{width: 100%;} .jion_topr{width: 11.76rem;height: 11.76rem;border-radius:100%;position: absolute;right:2.18rem;bottom: -5.88rem;} .jion_toprdiv1{width: 100%;height: 100%;border-radius:100%;position: absolute;left:0;top:0;} .jion_toprdiv1::after{display: block;width: 100%;height: 100%;content: '';border:1px dashed #f7d791;box-sizing: border-box;position: absolute;left:0;top:0;animation: xz 100s linear infinite;border-radius:100%;} .jion_toprdiv1 ul li{position: absolute;width: 2.19rem;z-index: 5;} .jion_toprdiv1 ul li:nth-of-type(1){left:-0.58rem;top:2.5rem;animation: pic 6s linear infinite;} .jion_toprdiv1 ul li:nth-of-type(2){left:2.57rem;top:-0.7rem;animation: pic01 8s ease-in infinite;} .jion_toprdiv1 ul li:nth-of-type(3){left:7.9rem;top:-0.1rem;animation: pic 8s ease-in infinite;} .jion_toprdiv1 ul li:nth-of-type(4){left:10.33rem;top:3.05rem;animation: pic01 8s linear infinite;} .jion_toprdiv2{width: 8.42rem;height: 8.42rem;border-radius:100%;box-sizing: border-box;position: absolute;left:50%;top:50%;/*animation: xz01 20s linear infinite;*/margin:-4.21rem 0 0 -4.21rem;} .jion_toprdiv2::after{display: block;width: 100%;height: 100%;content: '';border:1px dashed #f7d791;box-sizing: border-box;position: absolute;left:0;top:0;animation: xz01 100s linear infinite;border-radius:100%;} .jion_toprdiv2 ul li{position: absolute;width: 2.19rem;z-index: 5;} .jion_toprdiv2 ul li:nth-of-type(1){left: 0.16rem;top: 0rem;animation: pic 6s ease-in infinite;} .jion_toprdiv2 ul li:nth-of-type(2){left: 3.7rem;top: -1rem;animation: pic01 6s ease-in infinite;} .jion_topicon{width:6.68rem;position: absolute;left:50%;transform: translateX(-50%);top:3.16rem;border-radius:2.5rem 2.5rem 0 0;overflow:hidden;} .jion_toptit{width: 100%;text-align: center;font-size: 0.4rem;color:#28292a;font-weight: bold;line-height: 0.7rem;position: absolute;left:0;top:3.9rem;} .jion_fot{padding:1.44rem 0;} .jion_fot dl dd{display: none;} .jion_fot dl dd:nth-of-type(1){display: block;} .jion_fot .w_1650{position: relative;height: 100%;overflow:hidden;} .jion_fot ul{width: 100%;height: 100%;position: absolute;left:0;top:0;display: flex;} .jion_fot ul li{width: 17.4%;border-right: 1px solid #fff;box-sizing: border-box;padding-left:0.63rem;box-sizing: border-box;position: relative;transition: all 0.5s linear;} .jion_fot ul li.on{width:62.2%;} .jion_fot ul li.on p{opacity: 1;transform: translateY(0);} .jion_fot ul li:nth-last-of-type(1){border-right: none;} .jion_fot ul li h2{width:0.5rem;margin:0.87rem 0 0 0;} .jion_fot ul li h3{font-size: 0.4rem;color:#e7e7e8;font-weight: bold;padding:0.17rem 0 0.34rem;} .jion_fot ul li p{width: 4.5rem;font-size: 0.17rem;color:#e7e7e8;opacity: 0;transform: translateY(0.2rem); transition: all 0.5s linear;transition-delay: 0.2s;} .go_btn{width: 0.45rem;height: 0.45rem;background: #f7b62b;border-radius:100%;position: absolute;left:0.63rem;bottom: 0.8rem;transition: all 0.5s linear;transform: translateY(0);} .go_btn a{display: block;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;} .go_btn a img{width:0.16rem;} .go_btn:hover{background:#000;} .jion_fot ul li.on .go_btn{transform: translateY(1.5rem);} @keyframes pic{ 0%{transform: translate(0,0);} 25%{transform: translate(0.14rem,0.14rem);} 50%{transform: translate(0rem,0rem);} 75%{transform: translate(-0.14rem,-0.14rem);} 100%{transform: translate(0rem,0rem);} } @keyframes pic01{ 0%{transform: translate(0,0);} 25%{transform: translate(-0.2rem,0.18rem);} 50%{transform: translate(0rem,0rem);} 75%{transform: translate(0.18rem,0.16rem);} 100%{transform: translate(0rem,0rem);} } @keyframes xz{ form{transform: rotate(0deg);} to{transform: rotate(360deg);} } @keyframes xz01{ form{transform: rotate(0deg);} to{transform: rotate(-360deg);} } /*鎼滅储椤?/ .searchBox{padding:1rem 0;} .ny_searchtop{width: 6rem;border-bottom: 1px solid #000;padding-bottom: 0.1rem;margin:0 auto;display: flex;justify-content: space-between;align-items: baseline;} .ny_searchtop input{width: 70%;height:0.5rem;border:none;background:none;font-size: 0.18rem;color:#000;} .ny_searchbtn{width: 17px;} .AllSeaList{margin:0.6rem auto 0 auto;width: 60%;} .AllSeaList li{display: flex;justify-content: space-between;align-items:center;border-bottom: 1px solid #ccc;font-size: 0.18rem;padding:0.3rem 0;color:#000;} .AllSeaList li a{color:#000;} .none_resilt{font-size: 0.28rem;color:#000;text-align: center;padding:0.5rem 0 0 0;} @media(max-width:1024px){ /*棣栭〉*/ .w_1650{width: 90%;} .header{height: 1rem;} body {margin-top: 1rem;} .logo{width: 2rem;} .header_r{display:none;width: 100vw;height: calc(100% - 1rem);position:fixed;left:0;top:1rem;background:#fff;z-index: 90;padding:0 5%;box-sizing: border-box;transform: translateX(-100%);opacity: 0;transition: all 0.5s linear;} .header_r.on{transform: translateX(0);opacity: 1;} .header_r.active{display: block;} .header_r ul{display: block;} .header_r ul li{width: 100%;border-bottom: 1px solid #000;height: auto;padding:20px 0;} .header_r h2{justify-content: space-between;height: auto;} .header_r h2 span{width: 16px;cursor: pointer;} .header_r h2 span:nth-of-type(1){display: block;} .header_r h2 a{font-size: 16px;} .nav2{position: relative;left:auto;height: auto;top:auto;padding:0.3rem 0 0 0.3rem;box-sizing: border-box;transform: translateX(0);} .nav2 dl{flex-wrap: wrap;justify-content:flex-start;} .nav2 dl dd{font-size: 14px;} .nav2 dl dd::after{display: none;} .header_r ul li:nth-of-type(5) .nav2{right: auto;} .header_r ul li:nth-of-type(5) .nav2 dl{justify-content: left;-webkit-justify-content: left;} .wap_hr{display: flex;align-items: center;} .wap_hr .lan{display: block;} .wap_search{display: block;width: 16px;cursor: pointer;margin-right: 0.4rem;} .wap_navbtn{display: block;width: 0.5rem;height: 0.4rem;position: relative;cursor: pointer;} .wap_navbtn span{display: block;width: 100%;height: 2px;background:#000;position: absolute;} .wap_navbtn span:nth-of-type(1){left:0;top:0;transition: all 0.3s linear;} .wap_navbtn span:nth-of-type(2){left:0;top:50%;margin-top:-1px;} .wap_navbtn span:nth-of-type(3){left:0;bottom:0;transition: all 0.3s linear;} .wap_navbtn.on span:nth-of-type(2){display: none;} .wap_navbtn.on span:nth-of-type(1){transform: rotate(45deg);top:50%} .wap_navbtn.on span:nth-of-type(3){transform: rotate(-45deg);bottom: 50%;} .tit{font-size: 0.36rem;} .home_abfot{padding-top:0.3rem;} .home_abfotl p{font-size: 12px;line-height: 24px;} .home_abtopl{padding-left:5%;width: 55%;} .home_abtopr{width: 45%;} .more a{font-size: 12px;} .home_abfotr{width: 39%;} .home_abfotr h2{font-size: 16px;} .home_abfotr h3 span{font-size: 12px;line-height: 24px;padding:0 6px;} .home_abfotr h3{font-size: 12px;} .home_abfotr h4{font-size: 12px;} .home_abfotr h5{font-size: 14px;} .home_abfotr dl dd span{font-size: 12px;} .home_abfotrbtn{width: 2.3rem;height: 0.6rem;border-radius:0.6rem;font-size: 12px;margin:0.5rem auto 0.5rem auto;line-height: 0.6rem;} .news_top .more_btn a{font-size: 14px;} .swiper-container-news{width: 100%;} .news_js h3 span{font-size: 12px;line-height: 20px;} .news_js h3 b{font-size: 34px;} .news_js h4{font-size: 14px;line-height: 24px;height: auto;} .news_js p{font-size: 12px;line-height: 24px;} .home_videotop{width: 90%;} .home_videotop dl dd h4 span{font-size: 12px;} .home_videotop dl dd p{font-size: 12px;} .d_add{font-size: 12px;} .fot_topr ul li{margin-left:0.5rem} .fot_topr ul li h2{font-size: 13px;} .fot_topr ul li dl dd a{font-size: 12px;} .f_lj h3{font-size: 12px;} .f_lj h3 a img{width: 6px;} .f_lj h5{width: 70px;} .f_lj h5 a{font-size: 12px;line-height: 24px;} .fot_bottom{height: 50px;} .fot_bottoml{font-size: 12px;} .fot_bottomr ul li{width: 20px !important;} /*鍏充簬鎴戜滑*/ .ny_ban dl dd a{font-size: 12px;} .ny_ban h2{font-size: 24px;} .ab_js .w_1650{flex-wrap: wrap;} .ab_jsl p{font-size: 12px;line-height: 24px;} .ab_jsl h2 span{font-size: 12px;} .ab_jsr{width: 100%;order: 1;} .ab_jsl{width: 100%;order: 2;margin-top:20px;} } @media(max-width:750px){ /*棣栭〉*/ .ban{width: 100%;overflow:hidden;height: 3rem;} .loading span{display: flex;width: 100%;height: 100%;justify-content: center;align-items: center;} .loading.on::before{width: 50%;} .loading.on::after{width: 50%;} .header_r ul li{padding:14px 0;} .nav2{width: 100%;} .home_abtopr{display: none;} .home_abtopl{width: 100%;} .home_abfot{height: auto;padding-bottom: 0.4rem;} .home_abfot .w_1650{flex-wrap: wrap;} .home_abfotl{width: 100%;padding-top: 0.7rem;} .home_abfotr{width: 100%;margin:0.4rem auto 0 auto;right:auto;padding:0 0.4rem;} .home_videotop{flex-wrap: wrap;} .home_videotop h2{width: 100%;order: 1;} .home_videotop dl{width: 100%;order: 2;} .home_videotop dl dd{width: 33.33%;margin-right: 0;} .swiper-container-video{width: 100%;} .swiper-container-video .swiper-slide{margin:0 0 0 5%;width: 60%;} .swiper-container-video .swiper-slide-active{width:60% !important;} .home_video::before{height: 5rem;} .home_video::after{height: 5rem;} .video_btn{width: 0.7rem;} .fot_top{padding:0.7rem 0 0 0;} .fot_top .w_1650{flex-wrap: wrap;} .fot_topl{width: 100%;} .fot_topr{width: 100%;margin-top:20px;} .fot_topr ul{display: block;} .fot_topr ul li{width: 100%;border-bottom: 1px solid #fff;margin:0;padding:0.3rem 0;} .fot_topr ul li h2{padding-bottom: 0;font-size: 14px;display: flex;justify-content: space-between;align-items: center;} .fot_topr ul li h2 span{width: 16px;} .fot_topr ul li h2 span:nth-of-type(1){display: block;} .fot_topr ul li dl{padding-top:0.1rem;width: 100%;display: none;} .fot_topr ul li dl dd{margin:12px 12px 0 0;display: inline-block;} .fot_bottom{height: auto;padding:14px 0;} .fot_bottom .w_1650{flex-wrap: wrap;} .fot_bottoml{width: 100%;text-align: center;} .fot_bottomr{width:100%;margin-top:16px;} .fot_bottomr ul{justify-content: center;} .more a{padding-left:0;} .ban_zk{display: none;} .news_js p{display: none;} .loading_con{top:40%;} .loading{height:100%;z-index: 40;} .loading_jd{position: relative;top:auto;right:auto;text-align: center;width: 100%;margin-top:2.2rem;font-size: 12px;} .loading span{display: inline-block;width: auto;height: auto;} .ban_zkconjs dl{display: none;} .ban_zkconjs{width:90%;margin:0.7rem auto 0 auto;} .ban_zkconjs p{font-size: 12px;line-height: 24px;} .home_abfotbg video{display: none;} .fot_topr ul li.on .wap_navfotzk{display: none;} .fot_topr ul li.on .wap_navfotsq{display: block;} .f_lj h3{padding-right: 48px;} .f_lj h5{width: 107px;right:0;display: none;} .f_lj h5.on{display: block;opacity: 1;transform: translateY(0);} .home_videotop dl dd h3{width:0.6rem;} .home_videotop dl dd h4{padding-top:0.3rem;} .home_videotop dl dd h4 b{font-size: 0.36rem;} .gp_more a{font-size: 12px;} .fl09 h6{width:20px;height: 20px;left:-21%;} .ban{height: auto;} #waphome_ban{height: 13.34rem;} #waphome_ban img{display: none;} #waphome_ban img.on{display: block;} .ban_fl{z-index: 3;} .wap_banfl{width: 100%;height: 100%;position: absolute;left:0;top:0;z-index: 30;} .fl01{height: 15%;top:14%;} .fl02{width:46%;height: 15%;top:14%;left:36%;} .fl03{width:28%;height: 15%;top:74%;left:0%;} .fl04{width:28%;height: 10%;top:33%;left:20%;} .fl05{width: 44%;height: 17%;top: 46%;left: 23%;} .fl06{width: 44%;height: 14%;top: 70%;left: 50%;} .fl09{width: 6%; height: 3%; position: absolute; left: 32%; bottom: 31%; transform: rotate(-49deg); animation: none; animation-fill-mode: none; animation-fill-mode: none; z-index: 20; cursor: pointer; animation-fill-mode: forwards;} .ban_fl h6{width: 30px;height: 30px;position: absolute;} .ban_fl a h6 span,.ban_fl h6 span{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 2;border-radius: 50%;border: 1px solid #f7b62b; -webkit-transform: scale(0.5); transform: scale(0.5); } .ban_fl a h6 span.s1,.ban_fl h6 span.s1{animation: ss2 3s linear infinite ;-webkit-animation: ss2 3s linear infinite;} .ban_fl a h6 span.s2,.ban_fl h6 span.s2{animation: ss2 3s linear 0.75s infinite ;-webkit-animation: ss2 3s linear 0.75s infinite;} .ban_fl a h6 span.s3,.ban_fl h6 span.s3{animation: ss2 3s linear 1.5s infinite ;-webkit-animation: ss2 3s linear 1.5s infinite;} .ban_fl a h6.s4,.ban_fl h6.s4{animation: ss2 3s linear 2.25s infinite ;-webkit-animation: ss2 3s linear 2.25s infinite;} .ban_fl a h6 span.s5,.ban_fl h6 span.s5{background:#f7b62b;transform: scale(0.2);-moz-transform: scale(0.2);} .ldc{width: 14%; left: 20%; top: 27%} .dz_0815 {width: 63%;position: absolute;left: 15%;top: 8%;animation: sx 3s linear infinite;} .fl01 h6{left:63%;top:20%;} .fl02 h6{left:32%;top:8%;} .fl03 h6{left:33%;top:40%;} .fl04 h6{left:33%;top:34%;} .fl05 h6{left:47%;top:34%;} .fl06 h6{left:47%;top:34%;} .fl09 h6{width: 30px;height: 30px;bottom: -18%;left:12%;} .wap_dc{width: 46%;position: absolute;left: 34%;top: 6%;} .ban_zknewpc{display: none;} .ban_zknewwap{display: block;} .wap_ban_zknewcon{width: 100%;position: absolute;left:0;top:0;} .ban_zkconjs p{width:100%;padding-bottom: 12px;} .wap_zkjs{opacity: 0.8;} .ban_zkclose{width: 2.5rem;height: 0.7rem;background:#ddd;border-radius:0.7rem;font-size: 12px;color:#edb033;} .ban_zkclose img{margin-right: 10px;} .ban_zkconnew{background:#fff;} .ban_zkconjs h2{width: 100%;} .lan{font-size: 16px;border-left:none;margin:0 0.3rem 0 0;padding-left: 0;} .fl07{width:33.29%;height: 1.2rem;left:57%;top:29.438%;} .fl07 h6{left:56%;top:5%;} .fl08{width:33.29%;height: 1.2rem;left:70%;top:41.438%;} .fl08 h6{left:56%;top:5%;} /*鍏充簬鎴戜滑*/ .ny_ban{height: 5rem;position: relative;} .ny_ban::after{display: block;width: 100%;height: 100%;content: '';background: rgba(0,0,0,0.3);position: absolute;left: 0;top:0;} .ny_ban .w_1650{position: relative;left:auto;bottom: auto;transform: translateX(0);height: 100%;z-index: 3;} .ny_ban h2{position: absolute;left:50%;top:36%;transform: translate(-50%,-50%);z-index: 3} .ny_ban dl{width: 100%;display: block;position: absolute;left:0;bottom: 20px;overflow-x: scroll;overflow-y: hidden;white-space: nowrap;z-index: 3} .ny_ban dl dd{display: inline-block;margin-right: 20px;} .ny_ban dl dd a{font-size: 14px;margin-left:0;padding:0;} .ab_wh{height: 11rem;overflow:hidden;padding:0 5%;box-sizing: border-box;} .ab_wh h2{position: relative;right:auto;bottom: auto;padding:0.7rem 0 0 0;} .ab_wh ul{position: relative;right:auto;top:auto;} .ab_wh ul li h3{font-size: 0.32rem;} .ab_wh ul li.on h3{font-size: 0.36rem;} .ab_whqh{width:100%;} .swiper-container-wh .swiper-slide{flex-wrap: wrap;} .swiper-container-wh .swiper-slide h5{width: 100%;order: 1;margin-bottom: 0.3rem;} .swiper-container-wh .swiper-slide h4{width: 100%;order: 2;} .swiper-container-wh .swiper-slide h4 span{font-size: 12px;line-height: 20px;} .swiper-pagination-wh .swiper-pagination-bullet-active{width: 0.8rem;} .ab_wh ul li.on h3 span{width: 0.2rem;height: 0.2rem;} .ab_wh ul li:nth-of-type(2),.ab_wh ul li:nth-of-type(3),.ab_wh ul li:nth-of-type(4){margin-right: 0;} .ab_whprev, .ab_whnext{width: 0.4rem;} .his_year ul li span{font-size: 3rem;} .swiper-container-his{width: 100%;} .swiper-container-his .swiper-slide1 h2{width: 2rem;height: 2rem;font-size: 0.5rem;} .swiper-container-hisxq{height: auto !important;} .swiper-container-hisxq .swiper-slide{width: 3rem;height: auto;} .swiper-container-hisxq .swiper-slide h3{font-size: 12px;} .swiper-pagination-hisxq .swiper-pagination-bullet-active{width: 0.4rem;} .swiper-container-year .swiper-slide{padding: 0.2rem 0 0 0;} .swiper-container-year .swiper-slide h3{font-size: 12px;} .ab_hisfot{width: 90%;padding:0;} .swiper-container-ry{width: 90%;} .swiper-container-ry .swiper-slide ul li{width: 50%;margin-bottom: 0.3rem;} .ab_ry{height: auto;} .ry_pic{height: 1.7rem;} .swiper-pagination-ry{margin:0.4rem auto 0.6rem auto;} .ab_hz ul{width: 90%;} .ab_hz ul li dl dd{width: 32%;margin:0 2% 0.2rem 0;} .ab_hz ul li dl dd:nth-of-type(3n){margin-right: 0;} .ab_js{margin:0.4rem 0 0.7rem 0;} .ab_jsl dl{flex-wrap: wrap;margin-top:0.4rem;} .ab_jsl dl dd{width: 40%;margin-top:0.4rem;} .ab_jsl dl dd h3{text-align: left;} .ab_jsl dl dd:nth-of-type(2n){flex: 1;} .swiper-container-whr{height: 7rem;padding-bottom: 1rem;} .ab_whl h3{display: none;} .ab_whl h3.on{display: block;} .ab_hisfot::after{top:0.24rem;} .swiper-pagination-whr{display: block;left:5%;width: 90%;top:auto !important;bottom: 0;display: flex;justify-content: center;} .swiper-pagination-whr .swiper-pagination-bullet{width: 0.44rem;height: 4px;background:#fff;margin:0 7px !important;transition: all 0.3s linear;opacity: 1 !important;border-radius:0 !important;} .swiper-pagination-whr .swiper-pagination-bullet-active{width: 0.9rem;background:#eeb033;} /*浜у搧搴旂敤*/ .swiper-pagination-fl{left:5%;} .pro_fl{padding:0rem;height: auto} .pro_fl .swiper-slide{height: auto;padding:0.7rem 0 0 0;} .pro_fll{padding-left:0%;height: auto;} .swiper-container-fl .swiper-slide p{width: 90%;padding:0.4rem 0;} .pro_flr{position: relative;right:auto;top:auto;margin-top:0.3rem;} .swiper-container-fl .swiper-slide p{font-size: 12px;line-height: 24px;} .pro_flr ul li{width: 100% !important;} .swiper-pagination-fl{height: 10rem !important;} .pro_fl .swiper-slide h4{width: 90%;font-size: 12px;line-height: 24px;margin:0 auto;} .pro_fl .swiper-slide h2{padding-left:5%;} .ab_whl{width: 100%;margin:0;text-align: left;} .ab_wh .w_1650{width: 100%;flex-wrap: wrap;padding-top: 1rem;} .ab_whl h3{width: 40%;display: none;margin-bottom: 0;} .ab_whl h3 span{display: inline-block;} .ab_wh h6{position: relative;right:auto;bottom: auto;padding:0.7rem 0 0.4rem 0;top:auto;left:auto;} .ab_wh h2{padding-top:0.5rem;} .ab_whrwz h4{width: 100%;margin-top:0.5rem;} .ab_whr{width: 100%;height: 6rem;} .ab_whrwz h4 span{width: 14px;font-size: 12px;} .ab_wh .w_1650{padding-top:0;} .wh_jd{height: 7rem;right:-3%;} .pro_flr dl{display: none;} .pro_wapfljs{display: block;padding:0 0 0.6rem 0.1rem;} .pro_flrsp{height: auto;} #pro_fl3 .yy_pic{margin-top:0;} .pro_logo{display: none;} /*鐮斿彂鍒涙柊*/ .yf p{width: 100%;font-size: 12px;line-height: 24px;height: auto;padding:0.7rem 0;} .yf_fl{width: 90%;position: relative;right: auto;top:auto;margin:.5rem auto 0 auto;} .yf_fl ul li h4{right:auto;left:0;top:-13%;color:#333;} .yf_fl ul li h4 span{width: 3rem;} .yf_nav dl dd:nth-of-type(1){left:5%;top:54%;} .yf_nav dl dd:nth-of-type(2){left:37%;top:58%;} .yf_fot{height: 9rem;} .yf_fot ul li{padding:0.3rem 0.3rem;} .yf_fot ul li:nth-of-type(1){left:5%;top:1.5rem;} .yf_fot ul li:nth-of-type(2){left:38%;top:1.3rem;} .yf_fot ul li:nth-of-type(3){left:65%;top:1.4rem;} .yf_fot ul li:nth-of-type(4){left:1%;top:3.9rem;} .yf_fot ul li:nth-of-type(5){left:30%;top:3.7rem;} .yf_fot ul li:nth-of-type(6){left:60%;top:3.7rem;} .yf_fot ul li:nth-of-type(7){left:30%;top:6rem;} /*鏂伴椈鍒楄〃*/ .new_top{margin:0.7rem 0 0.5rem 0;} .new_top ul{flex-wrap: wrap;} .new_top ul li{width: 100%;} .news_fot .list li{padding:0.3rem 0.2rem;} .new_top ul li a h3{font-size: 14px;} .new_top ul li a p{font-size: 12px;} .news_fot .list li a h2{font-size: 14px;width: 90%;text-overflow: ellipsis;white-space: nowrap;overflow:hidden;} .news_fot .list li a h2 span{font-size: 12px;} .pager1 .first a, .pager1 .last a{font-size: 12px;} .pager1 a, .pager1 span{font-size: 12px;} /*鏂伴椈璇︽儏*/ .news_info{width: 90%;} .news_info h2{padding:0.7rem 0 0 0;text-align: left;} .news_info h3{font-size: 12px;} .news_info p{font-size: 12px;line-height: 24px;} .news_infofot{padding:0.7rem 0 1.2rem 0;} .news_infofot ul{flex-wrap: wrap;} .news_infofot ul li{width: 100%;} .news_infofot ul li a{font-size: 12px;} /*鎶曡祫鑰呭叧绯?/ .tz_wz{width: 90%;position: absolute;left:5%;top:0.4rem;} .tz_wz h5 span{font-size: 12px;} .tz_wz h5 span strong{width: 1.1rem;} .xb{font-size: 0.36rem;} .con_nr{height: 400px;} .gs_bgtop{margin:0.7rem auto;} .gs_bgtop ul li{height: auto;} .gs_bgqhcon .list li{height: auto;padding:0.3rem;box-sizing: border-box;} .gs_bgqhcon .list li span{width: 68%;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 12px;} .gs_bgqhcon .list li b{width: 20%;font-size: 12px;} .gs_bgqhcon .list li strong{width: 0.2rem;} .gs_gd ul li span{font-size: 12px;line-height: 40px;} .gs_gd ul{width: 19rem;overflow-x: scroll;overflow-y: hidden;white-space: nowrap;} .tz_fot p{width: 90%;font-size: 12px;line-height: 24px;} .gs_gd{width: 100%;} .gs_gd .w_1650{width: 90%;overflow-x: scroll;} .tz_fotbtn{font-size: 12px;} .bd_tccon{width:90%;} .bd_tccon h2{font-size: 0.36rem;padding:0.26rem 0;} .bk_k{width: 100%;margin-bottom: 12px;} .bk_k span{font-size: 12px;} .bk_k input{height: 36px;font-size: 12px;} .bk_k b{width: auto;margin-right: 0.2rem;} .bk_k1 input{width: 30%;} .bk_k strong{height: 36px;font-size: 12px;box-sizing: border-box;line-height: 36px;} .scbtn{height: 36px;font-size: 12px;line-height: 36px;background-size: 14px 14px;} .bs_sub{font-size: 12px;width: 2.6rem;height: 36px;border-radius:36px;line-height: 36px;margin:16px auto;} .gs_bgtop ul li a .xb{padding:0.3rem 0;} /*鑱旂郴鎴戜滑*/ .map{padding:5.5rem 0 1rem 0;overflow:hidden;box-sizing: border-box;} .map_xq{width: 90%;left:5%;top:0.6rem;} .map_xq .swiper-container-map{width: 100%;height: auto;} .swiper-container-map .swiper-slide dl dd{font-size: 12px;} .swiper-container-map .swiper-slide dl dd img{width:14px;} .swiper-container-mapfot .swiper-slide p{font-size: 12px;} .map_con h3{left:10%;top:2.5rem;font-size: 13px;} .map_fot{margin:1rem auto 0 auto;} .map_con{position: relative;transform: scale(1.2) translateX(4%);} /*鍔犲叆鎴戜滑*/ .contact_ban{background-position: 99% 34%;} .jion_top{padding:0.7rem 0 2.5rem 0;} .jion_topl{width: 100%;} .jion_topl p{font-size: 12px;line-height: 24px;} .jion_topbtn{font-size: 12px;} .jion_topr{transform: scale(0.8);right: -27%;} .jion_fot{padding:0.7rem 0 0.4rem 0;} .jion_fot ul{flex-wrap: wrap;} .jion_fot dl dd{display: block !important;margin-bottom: 0.3rem;height: 6rem;overflow: hidden;} .jion_fot dl dd:nth-of-type(1){height: 4.5rem;} .jion_fot ul li{border-right: none;height:6rem;margin-bottom: 0.3rem;width: 100%;padding:0;} .jion_fot ul li:nth-of-type(1){height: 4.5rem;} .jion_fot ul li p{width:100%;font-size: 12px;line-height: 24px;padding-top:0.5rem;color:#000;opacity: 1;transform: translateY(0);} .jion_fot ul li.on{width: 100%;} .jion_fot ul li h2{margin:0.87rem 0 0 0.5rem;} .jion_fot ul li h3{padding:0.17rem 0.34rem 0.17rem 0.5rem;} .go_btn{display: none;} .wap_zkjs{display: block;width: 90%;position: absolute;} .wap_zkjs span{color:#ff0000;} /*鎼滅储椤?/ .ny_searchtop{width: 100%;} .ny_searchtop input{font-size: 0.26rem;} .AllSeaList li{font-size: 0.26rem;} .floatl{width: 70%;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;} } .news_top .tits{ display:flex; } .news_top .tit{ color:#666; padding:0.8rem 0.5rem 0.13rem 0; } .news_top .tit.on{ color:#000; } .news_top .tit::after{ background:transparent; } .news_top .tit.on::after{ background:#eeb133; } .pro_ntit { margin: 1.94rem 0 0.48rem 0; } .pro0702_list .pro_ntit{margin-top:1.2rem;} .pro_ntit h2 { font-size: 0.14rem; color: #A6A6A6; line-height: 1; } .pro_ntit h2 span{padding:0 0.1rem;box-sizing:border-box;} .pro_ntit a{color:#a6a6a6;} .pro_ntit h3 { font-size: 0.36rem; color: #595757; font-weight: bold; padding: 0.3rem 0 0.23rem 0; position: relative; } .pro_ntit h3::after { display: block; width: 0.5rem; height: 0.05rem; content: ''; background: #f7b62b; position: absolute; left: 0; bottom: 0; } .pro0702_listcon ul { display: flex; flex-wrap: wrap; } .pro0702_listcon ul li { transition: all 0.3s linear; } .pro0702_listcon ul li { width: 32%; margin: 0 2% 0.3rem 0; background: #fafafa; } .pro0702_listcon ul li:nth-of-type(3n) { margin-right: 0; } .pro0702_listpic { overflow: hidden; } .pro0702_listpic img { transition: all 0.3s linear; } .pro0702_listcon ul li a .pro0702_listjs { display: flex; align-items: center; padding: 0.44rem 0.3rem; box-sizing: border-box; justify-content: space-between; } .pro0702_listcon ul li a .pro0702_listjs .pro0702_listjsl h3 { font-size: 0.18rem; color: #F7B62B; line-height: 1; padding-bottom: 0.13rem; } .pro0702_listcon ul li a .pro0702_listjs .pro0702_listjsl p { font-size: 0.24rem; color: #595757; line-height: 1; } .pro0702_listjt { width: 0.5rem; } .pro0702_listcon ul li:hover { box-shadow: 0.1rem 0.1rem 0.1rem #dddede; transform: translateY(-0.12rem); } .pro0702_listcon ul li:hover .pro0702_listpic img { transform: scale(1.15); } .pro0702_listcon.w_50 ul li { width: 49%; } .pro0702_listcon.w_50 ul li:nth-of-type(3n) { margin-right: 2%; } .pro0702_listcon.w_50 ul li:nth-of-type(2n) { margin-right: 0; } /*璇︽儏*/ .pro_nnav { font-size: 0.14rem; color: #a6a6a6; padding: 0.3rem 0 0.7rem 0 } .pro_nnav span { padding: 0 0.1rem; } .pro_nnav a { color: #A6A6A6; } .pro_ninfotop { display: flex; justify-content: space-between; } .pro_ninfotop .pro_ntit{margin: 0.94rem 0 0.48rem 0;} .pro_ninfotopl { width: 51.5%; } .pro_ninfotopr { width: 44.24%; } .pro_ninfotopr p { font-size: 0.18rem; color: #595757; line-height:1.6; padding-bottom: 0.2rem; } .swiper-pagination-ninfo { position: relative !important; left: auto !important; bottom: auto !important; margin-top: 0.2rem; } .swiper-pagination-ninfo .swiper-pagination-bullet { width: 0.14rem; height: 0.03rem; background: #f7b62b; border-radius: 0; opacity: 1; margin: 0 0.05rem; } .swiper-pagination-ninfo .swiper-pagination-bullet-active { width: 0.8rem; } .pro0702_tit { padding: 1.17rem 0 0.25rem 0; margin-bottom: 0.66rem; text-align: center; position: relative; font-size: 0.36rem; color: #242424; font-weight: bold; } .pro0702_tit::after { display: block; width: 0.5rem; height: 0.05rem; content: ''; background: #f7b62b; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); } .pro0702_cscon ul li { height: 1rem; display: flex; align-items: center; padding: 0 1rem 0 3rem; box-sizing: border-box; } .pro0702_cscon ul li:nth-child(odd) { background: #fafafa; } .pro0702_csconl { width: 3.1rem; font-size: 0.21rem; color: #242424; font-weight: bold; } .pro0702_csconr dl { display: flex; } .pro0702_csconr dl dd { font-size: 0.18rem; color: #242424; line-height: 2; } .pro0702_csconr dl dd b { display: block; } .swiper-container-ninfo .swiper-slide { overflow: hidden; } .swiper-container-ninfo .swiper-slide img { transition: all 0.3s linear; } .swiper-container-ninfo .swiper-slide:hover img { transform: scale(1.1); } .pro0702_yscon ul { display: flex; justify-content: center; } .pro0702_yscon ul li { width: 23.5%; height: 4.4rem; background: #fafafa; border-radius: 0.2rem; text-align: center; margin: 0 1%; } .pro0702_yscon ul li h2 { width: 0.5rem; margin: 0.78rem auto 0.5rem auto; } .pro0702_yscon ul li p { font-size: 0.2rem; color: #595757; line-height: 1.7; } .pro0702_tj { margin-bottom: 1.1rem; } @media(max-width:750px) { .pro_nnav { font-size: 0.24rem; } .pro_ninfotop { flex-wrap: wrap; } .pro_ninfotopl { width: 100%; } .pro_ninfotopr { width: 100%; } .pro_ninfotopr p { font-size: 0.24rem; line-height: 2; } .pro0702_cscon ul li { padding: 0 0.3rem; } .pro0702_csconl { width: 40%; font-size: 0.24rem; } .pro0702_csconr { width: 60%; } .pro0702_csconr dl dd { font-size: 0.24rem; line-height: 1.7; } .pro0702_yscon ul { flex-wrap: wrap; justify-content: space-between; } .pro0702_yscon ul li { width: 48.5%; margin:0 3% 0.2rem 0; height: 4.4rem; } .pro0702_yscon ul li:nth-of-type(2n){margin-right: 0;} .pro0702_yscon ul li p { font-size: 0.24rem; } .pro0702_yscon ul li h2 { width: 0.7rem; margin-top: 0.5rem; } .pro0702_listcon ul li { width: 100% !important; margin: 0 0 0.3rem 0 !important; } .pro0702_listcon ul li a .pro0702_listjs .pro0702_listjsl h3 { font-size: 0.24rem; padding-bottom: 0.24rem; } .pro0702_listcon ul li a .pro0702_listjs .pro0702_listjsl p { font-size: 0.28rem; } }