.header { position:fixed; left:0; right:0; top:0; z-index:109; padding:0.78125rem 3.125rem; transition:all 0.3s; -ms-transition:all 0.3s; /* IE 9 */ -moz-transition:all 0.3s; /* Firefox */ -webkit-transition:all 0.3s; /* Safari 和 Chrome */ -o-transition:all 0.3s; } .header .wrap { display:flex; justify-content:space-between; align-items:center; } .header .logo img { width:6.09375rem; display:block; } .header .naver { position:relative; padding-right:4.6875rem; } .header .naver ul { display:flex; justify-content:space-between; position:relative; } .header .naver ul::before { content:""; position:absolute; top:50%; margin-top:-0.4166666666666667rem; right:-1.875rem; background:#fff; width:0.10416666666666667rem; height:0.8333333333333334rem; } .index .header .naver ul::before { background:#848484; } .header .naver h3 a { font-size:0.8333333333333334rem; line-height:3.125rem; color:#fff; display:block; } .index .header .naver h3 a { color:#000000; } .header .naver li { margin-left:4.166666666666667rem; } .index .header .naver li.on h3 a, .index .header .naver h3 a:hover{ color: #00aca0; } .header .naver .search { position:absolute; right:0; top:0; z-index:11; display:flex; align-items:center; } .header .naver .search .btn { width:2.0833333333333335rem; height:3.125rem; cursor:pointer; background:url(../images/qms5-1.png) no-repeat center; border:none; } .index .header .naver .search .btn { background:url(../images/ico1.png) no-repeat center; } .header .naver .search .txt { width:26.041666666666668rem; border:1px solid #848484; height:2.0833333333333335rem; border-radius:1.5625rem; margin-right:0.5208333333333334rem; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; background:#fff; color:#333; font-size:0.8333333333333334rem; width:0; transition:all 0.3s; -ms-transition:all 0.3s; /* IE 9*/ -moz-transition:all 0.3s; /* Firefox*/ -webkit-transition:all 0.3s; /* Safari 和 Chrome*/ -o-transition:all 0.3s; overflow:hidden; opacity:0; } .header .naver .search:hover .txt { padding:0 0.78125rem; width:26.041666666666668rem; opacity:1; } .banner .txt { position:absolute; left:0; right:0; top:7.8125rem; text-align:center; } .banner .txt h4 { font-size:1.6666666666666667rem; color:#000000; } .banner .txt h2 { font-size:3.385416666666667rem; color:#000000; margin:0.78125rem 0; } .banner .txt h5 { font-size:1.25rem; color:#747474; } .banner .txt h5 i { display:inline-block; margin:0 1.0416666666666667rem; } .banner { position:relative; height:100vh; } .banner .spans { position:absolute; left:0; right:0; bottom:1.1458333333333335rem; z-index:11; text-align:center; } .banner .spans span { opacity:1; width:0.4166666666666667rem; height:0.4166666666666667rem; border-radius:50%; background:#019f93; margin:0 1.0416666666666667rem !important; position:relative; } .banner .spans span.swiper-pagination-bullet-active::before { content:""; position:absolute; left:-0.2604166666666667rem; right:-0.2604166666666667rem; top:-0.2604166666666667rem; bottom:-0.2604166666666667rem; border:1px solid #019f93; border-radius:50%; } .tit { text-align:center; } .tit h2 { font-size:2rem;font-weight: 600; color:#000000; } .tit h3 { font-size:0.8333333333333334rem; color:#c2c2c2; text-transform:uppercase; margin-top:0.4166666666666667rem; } .hpage1 { position:relative; height:635px; overflow: hidden; } .hpage1 .tit { position:absolute; left:0; right:0; top:40%; z-index:11; } .video { width:100%; display:block; height:100%; object-fit:cover; } .hpage2 { padding:2.604166666666667rem 0; } .hpage2 ul { margin-top:2.604166666666667rem; display:flex; justify-content:space-between; flex-wrap:wrap; } .hpage2 li { width:50%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; padding:0.5208333333333334rem 0.5208333333333334rem 0; } .hpage2 li a { display:block; position:relative; } .hpage2 li .txt { position:absolute; left:0; right:0; top:2.291666666666667rem; text-align:center; } .hpage2 li .txt h3 { font-size:1.6666666666666667rem; line-height:1.7; color:#000000; text-transform:uppercase; } .hpage2 li .txt h5 { font-size:0.9375rem; line-height:1.7; color:#525252; margin:0.2604166666666667rem 0 1.0416666666666667rem; } .more { font-size:0.8333333333333334rem; color:#525252; } .mumores { text-align:center; margin-top:2.604166666666667rem; } .mumores a i { display:inline-block; width:4.895833333333334rem; font-size:0.7291666666666667rem; color:#9f9f9f; border-top:0.052083333333333336rem solid #9f9f9f; border-bottom:0.052083333333333336rem solid #9f9f9f; line-height:1.4583333333333335rem; position:relative; z-index:11; } .mumores a i::after,.mumores a i::before { position:absolute; left:0; top:0; width:0; height:0.052083333333333336rem; background:#019f93; content:''; margin:-0.052083333333333336rem 0; transition:all 1s; } .mumores a i::before { left:auto; right:0; bottom:0; top:auto; } .mumores a i:hover::after,.mumores a i:hover::before { width:100%; } .mumores a i:hover { color:#019f93; border-color:#fff; } .hpage3 { padding:2.604166666666667rem 0; } .hpage3 .swipercp { margin-top:2.604166666666667rem; overflow:hidden; position:relative; } .hpage3 .swipercp .prev,.hpage3 .swipercp .next { position:absolute; left:1.0416666666666667rem; top:50%; width:2.604166666666667rem; height:2.604166666666667rem; cursor:pointer; margin-top:-1.3020833333333335rem; z-index:11; opacity:0.3; transition:all 0.3s; -ms-transition:all 0.3s; /* IE 9*/ -moz-transition:all 0.3s; /* Firefox*/ -webkit-transition:all 0.3s; /* Safari 和 Chrome*/ -o-transition:all 0.3s; background:url(../images/next.png) no-repeat center; } .hpage3 .swipercp .next { left:auto; right:1.0416666666666667rem; transform:rotate(180deg); -ms-transform:rotate(180deg); /* IE 9*/ -moz-transform:rotate(180deg); /* Firefox*/ -webkit-transform:rotate(180deg); /* Safari 和 Chrome*/ -o-transform:rotate(180deg); } .hpage3 .swipercp .prev:hover,.hpage3 .swipercp .next:hover { opacity:1; } .hpage3 .swipercp a { display:block; position:relative; } .hpage3 .swipercp a i { position:absolute; left:0; right:0; top:0; bottom:0; z-index:1; background:rgba(0,0,0,0.4); } .hpage3 .swipercp a h4 { position:absolute; left:0; right:0; bottom:2.0833333333333335rem; z-index:11; text-align:center; font-size:1.25rem; color:#ffffff; } .hpage3 .swipercp img { display:block; width:100%; height:35vw; object-fit:cover; } .wrap { width:83.33333333333334rem; margin:0 auto; } .habout { padding:5.208333333333334rem 0 2.604166666666667rem; } .hnews h2,.habout h2 { font-size:1.875rem; color:#000000; } .habout p { font-size:0.8333333333333334rem; color:#5d5d5d; margin:0.5208333333333334rem 0; } .habout ul { display:flex; justify-content:space-between; margin:3.90625rem 0; } .habout li{ width: 30%; } .habout li h3 i { font-size:4.583333333333334rem; color:#019f93; } .habout li h3 { line-height:3.6458333333333335rem; font-size:1.0416666666666667rem; color:#000000; } .habout li h6 { font-size:0.8333333333333334rem; color:#8f8b88; line-height:1.7; } .hnews ul { margin-top:2.0833333333333335rem; } .hnews li { float:left; width:calc((100% - 5.833333333333334rem)/3); margin:0 2.8645833333333335rem 1.0416666666666667rem 0; border-radius:0.5208333333333334rem; background:#fff; box-shadow:0 0 0.4166666666666667rem 0 rgba(80,80,80,0.2); overflow:hidden; } .hnews li:nth-child(3n) { margin-right:0; } .hnews li a { display:block; padding:1.0416666666666667rem; } .hnews li .pic { height:12.5rem; overflow:hidden; } .hnews li .pic img { width:100%; height:100%; object-fit:cover; display:block; transition:all 0.3s; -ms-transition:all 0.3s; /* IE 9*/ -moz-transition:all 0.3s; /* Firefox*/ -webkit-transition:all 0.3s; /* Safari 和 Chrome*/ -o-transition:all 0.3s; } .hnews li .text { padding:1.8229166666666667rem 0; } .hnews li .text h3 { font-size:0.9375rem; color:#000000; line-height:1.5; height:3em; overflow:hidden; } .hnews li .text P { font-size:0.7291666666666667rem; color:#616161; line-height:1.6; height:4.8em; overflow:hidden; } .hnews li .text h6 { font-size:0.7291666666666667rem; color:#9d9d9d; margin-top:0.78125rem; } .hnews li a:hover .pic img { transform:scale(1.1); -ms-transform:scale(1.1); /* IE 9*/ -moz-transform:scale(1.1); /* Firefox*/ -webkit-transform:scale(1.1); /* Safari 和 Chrome*/ -o-transform:scale(1.1); } .hpage4 { margin:3.125rem 0 5.208333333333334rem; } .hpage4 ul { overflow:hidden; display:flex; justify-content:space-between; flex-wrap:wrap; } .hpage4 li { width:calc((100% - 1.875rem)/2); border-radius:0.78125rem; overflow:hidden; position:relative; } .hpage4 li img { display:block; width:100%; } .hpage4 li .flxc { display:flex; justify-content:center; align-items:center; text-align:center; position:absolute; left:0; right:0; top:0; z-index:11; bottom:0; } .hpage4 li .flxc h4 { font-size:2rem; color:#ffffff;font-weight: bold; } .hpage4 li .flxc h6 { font-size:0.8333333333333334rem; color:#ffffff; margin:0.5208333333333334rem 0 1.8229166666666667rem; } .hpage4 .mumores a i { color:#fff; border-color:#fff; } .hpage4 .mumores a:hover i { color:#019f93; } .footer { background:#222222; padding-top:2.0833333333333335rem; } .footer .wrap { max-width:72.91666666666667rem; display:flex; justify-content:space-between; } .footer .l .logo img { width:7.552083333333334rem; display:block; margin-bottom:1.3020833333333335rem; } .footer .l h5 { font-size:0.6770833333333334rem; color:#cecece; line-height:1.6666666666666667rem; padding-left:1.3020833333333335rem; } .footer .dl { display:flex; justify-content:space-between; width:calc(100% - 26.041666666666668rem); } .footer .dl dt a{ color:#ffffff; } .footer .dl dt { font-size:0.8333333333333334rem; color:#ffffff; margin-bottom:1.3020833333333335rem; } .footer .dl dd a { font-size:0.6770833333333334rem; color:#cecece; line-height:1.3541666666666667rem; display:inline-block; } .footer .dl dd a:hover { color:#fff; } .footer .weix img { display:block; width:4.895833333333334rem; } .footer .weix h6 { font-size:0.6770833333333334rem; color:#b3b3b3; text-align:center; margin-top:0.5208333333333334rem; } .footer .copyright { margin-top:5.208333333333334rem; display:flex; justify-content:space-between; border-top:0.052083333333333336rem solid #3a3a3a; } .footer .copyright a { font-size:0.625rem; line-height:2.1875rem; color:#b3b3b3; display:inline-block; } .footer .copyright .cr a { margin-left:0.78125rem; } .fxrts { position:fixed; right:1.0416666666666667rem; bottom:8%; z-index:122; } .fxrts li { width:3.75rem; display:flex; justify-content:end; } .fxrts li .bog { border-radius:0.5208333333333334rem; background:#fff; box-shadow:0 0 0.4166666666666667rem 0 #d1e3e2; display:flex; align-items:center; flex-wrap:wrap; text-align:center; margin-bottom:0.5208333333333334rem; cursor:pointer; position:relative; height:3.4375rem; width:3.75rem; } .fxrts li .weic { position:absolute; right:100%; top:50%; transform:translateY(-50%); -ms-transform:translateY(-50%); /* IE 9*/ -moz-transform:translateY(-50%); /* Firefox*/ -webkit-transform:translateY(-50%); /* Safari 和 Chrome*/ -o-transform:translateY(-50%); z-index:11; display:none; } .fxrts li.liphone h6 { font-size:0.9375rem; color:#000000; white-space:nowrap; margin-right:1.0416666666666667rem; display:none; } .fxrts li.liphone .bog { width:12.760416666666668rem; flex-wrap:initial; padding:0 0.5208333333333334rem; } .fxrts li.liphone:hover h6 { display:block; } .fxrts li .pic { display:block; width:6.770833333333334rem; height:6.770833333333334rem; padding:0.78125rem; background:#fff; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; border-radius:0.5208333333333334rem; box-shadow:0 0 0.4166666666666667rem 0 #d1e3e2; margin-right:1.0416666666666667rem; } .fxrts li .pic img { width:5.208333333333334rem; display:block; } .fxrts li a { display:block; text-align:center; width:100%; } .fxrts li img { display:block; margin:0 auto; } .fxrts li a h5 { font-size:0.6770833333333334rem; color:#808080; margin-top:0.2604166666666667rem; white-space:nowrap; } .mask{ position: fixed; left: 0;right: 0; top: 0;z-index: 100;bottom: 0;background:rgba(0, 0, 0, 0.5);display: none;width: 100%;height: 100%; } .qmmumk{ position:fixed; left:0; right:0; top:20%; z-index:101; background:#fff; width: 38.54rem; border-radius:1.0416666666666667rem; box-shadow:0 0 0.4166666666666667rem 0 #d1e3e2; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; margin:0 auto; background:#fff;display: none; } .mumk { position:fixed; left:0; right:0; top:20%; z-index:101; background:#fff; width:38.54166666666667rem; border-radius:1.0416666666666667rem; padding:0.5208333333333334rem 4.947916666666667rem 1.8229166666666667rem; box-shadow:0 0 0.4166666666666667rem 0 #d1e3e2; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; margin:0 auto; background:#fff;display: none; } .mumk .icon { position:absolute; right:0; top:0rem; z-index:1; height:4.6875rem; width:4.6875rem; cursor:pointer; transition:all 0.3s; -ms-transition:all 0.3s; /* IE 9*/ -moz-transition:all 0.3s; /* Firefox*/ -webkit-transition:all 0.3s; /* Safari 和 Chrome*/ -o-transition:all 0.3s; background:url(../images/uico1.png) no-repeat center; } .mumk .icon:hover { transform:rotate(720deg); } .mumk .lo img { display:block; width:11.354166666666668rem; margin-bottom:0.78125rem; } .mumk h6 { font-size:0.7291666666666667rem; color:#808080; line-height:1.5625rem; } .mumk h2 { font-size:1.5625rem; color:#1fb3a8; } .mumk li { margin-top:0.8333333333333334rem; display:flex; justify-content:space-between; align-items:center; } .mumk li .txt { width:100%; display:block; height:2.3958333333333335rem; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; border:1px solid #e9e9e9; padding:0 0.5208333333333334rem; font-size:0.7291666666666667rem; color:#333; } .mumk li:first-child .txt { width:calc((100% - 1.3020833333333335rem)/2); } .mumk li .txt1 { height:6.25rem; } .mumk .btn { width:100%; line-height:2.8125rem; color:#f8f8f8; border-radius:0.78125rem; text-align:center; font-size:1.1458333333333335rem; color:#f8f8f8; border:none; background:#1fb3a8; margin-top:0.78125rem; cursor:pointer; } .qmmumk .icon { position:absolute; right:-2.6rem; top:0rem; z-index:1; height: 1.77rem; width:1.77rem; cursor:pointer; transition:all 0.3s; -ms-transition:all 0.3s; /* IE 9*/ -moz-transition:all 0.3s; /* Firefox*/ -webkit-transition:all 0.3s; /* Safari 和 Chrome*/ -o-transition:all 0.3s; background:url(../images/uico1.png) no-repeat center; } .qmmumk .icon:hover { transform:rotate(720deg); } .qmmumk .del{ font-size: 1.56rem; line-height: 1.8; color: #000000;padding: 5.21rem 2.6rem;text-align: center; } .qmmumk .lo{ background: #00aca0;padding: 1.04rem 2rem 1.25rem ;border-radius: 1.0416666666666667rem 1.0416666666666667rem 0 0 ; } .qmmumk .lo img{ width:10rem;display: block; } .abban { height:100vh; display:flex; justify-content:center; align-items:center; text-align:center; } .flccc .txt{ text-align: center; position: absolute; top: 400px;z-index: 11; left: 0;right: 0; transition:all 0.3s; -ms-transition:all 0.3s; /* IE 9 */ -moz-transition:all 0.3s; /* Firefox */ -webkit-transition:all 0.3s; /* Safari 和 Chrome */ -o-transition:all 0.3s; } .flccc .txt.on{ opacity: 0; } .abban .txt { width:45.833333333333336rem; margin:0 auto; } .flccc .txt h3 { font-size:2.7083333333333335rem; color:#ffffff; } .flccc .txt h4 { font-size:1.25rem; color:#ffffff; margin-bottom:5.989583333333334rem; margin-top: 1rem; } .abban .txt p { font-size:1.0416666666666667rem; color:#ffffff; position:relative; } .abban .txt p::before,.abban .txt p::after { position:absolute; left:0; top:-0.3125rem; content:""; width:2.0833333333333335rem; height:1.5625rem; background:url(../images/q2.png) no-repeat center/contain; margin:0 -3.125rem; z-index:111; } .abban .txt p::before { left:auto; right:0; top:auto; bottom:-0.3125rem; transform:rotate(180deg); -ms-transform:rotate(180deg); /* IE 9*/ -moz-transform:rotate(180deg); /* Firefox*/ -webkit-transform:rotate(180deg); /* Safari 和 Chrome*/ -o-transform:rotate(180deg); } .about .abhd { padding:3.125rem 0; } .about .abhd .wrap { display:flex; justify-content:space-between; flex-direction:row-reverse; align-items:center; } .about .abhd .pic { width:47.395833333333336rem; overflow:hidden; } .about .abhd .pic img { display:block; width:100%; display:block; } .about .abhd .txt { width:33.333333333333336rem; } .about .abhd .txt h3 { font-size:2rem; color:#1d1d1d;font-weight: bold; } .about .abhd .txt p { font-size: 0.8333333333333334rem; color:#494949; margin-top:1.0416666666666667rem; line-height:1.7; } .about .abbd { padding:3.125rem 0; } .about .abbd .pic { margin-top:3.125rem; } .abswiper { overflow:hidden; position:relative; } .abswiper { overflow:hidden; } .abswiper .next,.abswiper .prev { position:absolute; left:0.78125rem; width:2.604166666666667rem; height:2.604166666666667rem; top:50%; margin-top:-1.3020833333333335rem; z-index:11; cursor:pointer; background:url(../images/next.png) no-repeat center; } .abswiper .next { left:auto; right:0.78125rem; transform:rotate(180deg); -ms-transform:rotate(180deg); /* IE 9*/ -moz-transform:rotate(180deg); /* Firefox*/ -webkit-transform:rotate(180deg); /* Safari 和 Chrome*/ -o-transform:rotate(180deg); } .abswiper .swiper-slide { position:relative; } .abswiper .swiper-slide::before { content:""; position:absolute; left:0; right:0; top:0; bottom:0; background:rgba(0,0,0,0.3); transition:all 0.3s; -ms-transition:all 0.3s; /* IE 9*/ -moz-transition:all 0.3s; /* Firefox*/ -webkit-transition:all 0.3s; /* Safari 和 Chrome*/ -o-transition:all 0.3s; } .abswiper .text { position:absolute; left:0; right:0; bottom:0; z-index:11; text-align:center; padding:2.0833333333333335rem 1.5625rem 1.5625rem; background:linear-gradient(to bottom,rgba(0,152,141,0),rgba(0,152,141,1)); } .abswiper .text h3 { font-size:2.5rem; color:#ffffff;transform:translateY(300%); transition:all 0.5s; -ms-transition:all 0.5s; /* IE 9*/ -moz-transition:all 0.5s; /* Firefox*/ -webkit-transition:all 0.5s; /* Safari 和 Chrome*/ -o-transition:all 0.5s; } .abswiper .text p { font-size:0.9375rem; color:#ffffff; margin-top:1.0416666666666667rem;transform:translateY(300%); transition:all 0.8s; -ms-transition:all 0.8s; /* IE 9*/ -moz-transition:all 0.8s; /* Firefox*/ -webkit-transition:all 0.8s; /* Safari 和 Chrome*/ -o-transition:all 0.8s; } .abswiper .swiper-slide.swiper-slide-active::before { opacity:0; } .abswiper .swiper-slide.swiper-slide-active .text p, .abswiper .swiper-slide.swiper-slide-active .text h3{ transform:translateY(-30%); } .abswiper .swiper-slide img { width:100%; display:block; } .abul { margin-top:1.1458333333333335rem; padding:4.166666666666667rem 0 3.125rem; background:#f7f9fa; } .abul ul { display:flex; justify-content:center; } .abul li { width:12.5rem; text-align:center; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; margin:0 5.208333333333334rem; } .abul li .ico { width:4.166666666666667rem; margin:0 auto; } .abul li h4 { font-size:1.25rem; color:#000000; position:relative; padding:0.625rem 0; } .abul li h4::before { content:""; position:absolute; left:0; right:0; bottom:0; margin:0 auto; width:2.1875rem; height:0.15625rem; background:#00aca0; } .abul li p { font-size:0.9375rem; color:#7a7a7a; margin-top:0.78125rem; } .dailhez { padding:6rem 0; } .dailhez .bd h2,.dailhez .hd h2 { font-size:1.875rem; line-height:1.6; color:#1d1d1d; text-align:center; } .dailhez .hd h6 { font-size:0.8333333333333334rem; line-height:1.6; color:#c2c2c2; text-transform:uppercase; text-align:center; } .dailhez .hd ul { margin-top:2.604166666666667rem; } .dailhez .hd li { float:left; width:46%; border-bottom:0.052083333333333336rem solid #d9d9d9; margin-bottom:1.5625rem; } .dailhez .hd li:nth-child(2n) { float:right; } .dailhez .hd li:last-child { width:100%; } .dailhez .hd li h5 { font-size:0.7291666666666667rem; line-height:1.7; color:#333333; margin-bottom:0.5208333333333334rem; } .dailhez .hd li .txt { height:1.875rem; border:none; width:100%; font-size:0.7291666666666667rem; color:#333; resize:none; } .dailhez .wrap { max-width:62.5rem; } .ubtn { width:9.114583333333334rem; border-radius:1.5625rem; background:#00aca0; text-align:center; margin:0 auto; cursor:pointer; } .ubtn i { font-size:0.9375rem; color:#fff; line-height:2.34375rem; display:inline-block; background:url(../images/wico4.png) no-repeat center bottom 0.15625rem/0.625rem auto; } .hhbanner { height:100vh; display:flex; align-items:center; justify-content:center; text-align:center; } .hhbanner h2 { font-size:2.3rem; line-height:1.7;font-weight: bold; color:#fff;letter-spacing: 0.16rem; } .hhbanner h6 { font-size:1.1458333333333335rem; line-height:1.7; color:#fff; } .htab { border-bottom:0.052083333333333336rem solid #d6d6d6; position:sticky; top:4.69rem; background:#fff; z-index:99; } .htab ul { display:flex; justify-content:center; align-items:center; } .htab li a { font-size:0.8333333333333334rem; line-height:4.166666666666667rem; color:#585858; display:block; } .htab li { margin:0 2.447916666666667rem; position:relative; } .htab li::before { content:''; position:absolute; left:0; right:0; bottom:0; width:2.291666666666667rem; height:0.15625rem; background:#019f93; margin:0 auto; transition:all 0.3s; -ms-transition:all 0.3s; /* IE 9*/ -moz-transition:all 0.3s; /* Firefox*/ -webkit-transition:all 0.3s; /* Safari 和 Chrome*/ -o-transition:all 0.3s; width:0; } .htab li.on::before,.htab li:hover::before { width:2.291666666666667rem; } .htab li.on a,.htab li:hover a { color:#019f93; } .changjwt .wrap { max-width:72.91666666666667rem; } .changjwt { padding:6rem 0; } .changjwt li { box-shadow:0 0 0.4166666666666667rem 0 rgba(80,80,80,0.2); border-radius:0.78125rem; background:#fff; padding:1.3020833333333335rem 1.0416666666666667rem; margin-bottom:1.5625rem; cursor:pointer; } .changjwt li .hd { background:url(../images/uico3.png) no-repeat right center/0.4166666666666667rem auto; display:flex; align-items:center; } .changjwt li .text { font-size:0.7291666666666667rem; color:#848484; line-height:1.7; margin:0.78125rem 2.34375rem; display:none; } .changjwt li .hd img { width:1.5625rem; margin-right:0.78125rem; } .changjwt li .hd h3 { font-size:0.8333333333333334rem; color:#000000; width:calc(100% - 5.208333333333334rem); } .changjwt li.on .hd { background:url(../images/uico3-1.png) no-repeat right center/0.625rem auto; } .contact .hd { padding:2.8645833333333335rem 0 4.6875rem; } .contact .hd ul { display:flex; justify-content:space-between; text-align:center; margin-top:3.385416666666667rem; } .contact .hd ul li { width:20%; } .contact .hd ul li .ico { width:3.125rem; margin:0 auto; } .contact .hd ul li h6 { font-size:0.9375rem; color:#b2b2b2; margin:0.78125rem 0 0.2604166666666667rem; } .contact .hd ul li h3 { font-size:1.0416666666666667rem; line-height:1.6; color:#000000; } .map { padding:3.6458333333333335rem 0 13.541666666666668rem; } .map .text { background:url(../images/map2.png) no-repeat center; width:36.5625rem; height:12.604166666666668rem; margin:0 auto; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; padding:1.0416666666666667rem 1.0416666666666667rem; } .map .text .ico { width:7.8125rem; margin:0 auto; } .map .text h6 { font-size:1.0416666666666667rem; line-height:1.6; color:#000000; margin:0.5208333333333334rem; text-align:center; } .map .text .mumores { margin-top:0.78125rem; } .dailhez .pics { width:100%; display:block; margin:2.604166666666667rem auto; } .dailhez .hd li.wid:last-child { width:46%; } .dailhez .bd { margin-top:4.166666666666667rem; } .dailhez .bd .dseach { margin:2.604166666666667rem auto 3.125rem; width:45.833333333333336rem; } .dailhez .bd .dseach .tx { width:calc(100% - 7.552083333333334rem); background:#fff; border-radius:1.5625rem; height:2.3958333333333335rem; border:1px solid #f0f0f0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; padding:0 0.78125rem; font-size:0.9375rem; color:#333; } .dailhez .bd .dseach .btn { width:6.875rem; line-height:2.3958333333333335rem; border:none; border-radius:1.5625rem; color:#fff; font-size:0.9375rem; text-align:center; background:#00aca0; cursor:pointer; } .dailhez .bd h6 { font-size:0.9375rem; color:#000000; text-align:center; margin-bottom:2.604166666666667rem; } .dailhez .bd li { border-top:0.052083333333333336rem solid #eaeaea; padding:1.3020833333333335rem 0 1.5625rem; } .dailhez .bd li:last-child { border-bottom:0.052083333333333336rem solid #eaeaea; } .dailhez .bd li h3 { font-size:1.1458333333333335rem; color:#000000; line-height:1.7; margin-bottom:0.2604166666666667rem; } .dailhez .bd li p { font-size:0.8333333333333334rem; line-height:1.7; color:#4f4f4f; } .down { background:#f7f9fa; padding:6rem 0; } .down li { float:left; width:calc((100% - 4.6875rem)/2); margin-bottom:3.0208333333333335rem; } .down li a { display:flex; width:100%; align-items:center; justify-content:space-between; } .down li a .icon { width:7.03125rem; height:8.854166666666668rem; border-radius:0.78125rem; box-shadow:0 0 0.4166666666666667rem 0 rgba(80,80,80,0.2); display:flex; align-items:center; justify-content:center; background:#fff; } .down li a img { display:block; margin:0 auto; max-width:60%; } .down li .txt { width:calc(100% - 7.552083333333334rem); border-radius:0.78125rem; box-shadow:0 0 0.4166666666666667rem 0 rgba(80,80,80,0.2); height:8.854166666666668rem; display:flex; justify-content:space-between; align-items:center; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; padding-left:1.8229166666666667rem; overflow:hidden; background:#fff; } .down li .txt h4 { font-size:1.4583333333333335rem; color:#000000; } .down li .txt h6 { font-size:0.7291666666666667rem; color:#868686; } .down li .l { width:calc(100% - 6.25rem); } .down li .img { height:100%; display:flex; align-items:center; justify-content:center; text-align:center; background:#fafafa; width:5.729166666666667rem; } .down li:nth-child(2n) { float:right; } .news { padding:5.208333333333334rem 0 7.8125rem; } .news li { float:left; width:calc((100% - 4.791666666666667rem)/3); margin:0 2.34375rem 2.34375rem 0; } .news li:nth-child(3n) { margin-right:0; } .news li .pic { height:14.322916666666668rem; overflow:hidden; } .news li .pic img { display:block; width:100%; height:100%; object-fit:cover; transition:all 0.3s; -ms-transition:all 0.3s; /* IE 9*/ -moz-transition:all 0.3s; /* Firefox*/ -webkit-transition:all 0.3s; /* Safari 和 Chrome*/ -o-transition:all 0.3s; } .news li:hover .pic img { transform:scale(1.1); -ms-transform:scale(1.1); /* IE 9*/ -moz-transform:scale(1.1); /* Firefox*/ -webkit-transform:scale(1.1); /* Safari 和 Chrome*/ -o-transform:scale(1.1); } .news li .txt { padding:1.8229166666666667rem 0 1.0416666666666667rem; position:relative; } .news li .txt::before { content:""; position:absolute; left:0; bottom:0; z-index:1; height:0.10416666666666667rem; background:#019f93; transition:all 0.3s; -ms-transition:all 0.3s; /* IE 9*/ -moz-transition:all 0.3s; /* Firefox*/ -webkit-transition:all 0.3s; /* Safari 和 Chrome*/ -o-transition:all 0.3s; display:block; width:0; } .news li:hover .txt::before { width:100%; } .news li .txt h2 { font-size:1.25rem; line-height:1.4; color:#000000; height:2.8em; overflow:hidden; } .news li .txt h6 { font-size:0.7291666666666667rem; line-height:1.7; color:#8d8d8d; margin-top:1.5625rem; } .news li:hover .txt h2 { color:#019f93; } .qmnewdel { padding:2.0833333333333335rem 0 8.333333333333334rem; } .qmnewdel .pad { max-width: 62.5rem;margin: 0 auto; } .qmnewdel .bds { border-top:0.10416666666666667rem solid #e6e6e6; padding-top:0.8333333333333334rem; display:flex; justify-content:space-between; align-items:center; } .qmnewdel .bds .b1 { font-size:0.7291666666666667rem; line-height:1.6; color:#ababab; display:block; padding-left:1.0416666666666667rem; background:url(../images/qms2.png) no-repeat left center/0.3125rem auto; max-width:48%; } .qmnewdel .bds .b2 { padding-right:1.0416666666666667rem; padding-left:0; background:url(../images/qms2-1.png) no-repeat right center/0.3125rem auto; } .qmnewdel .lts { float:left; width:39.0625rem; } .qmnewdel .rts { float:right; width:calc(100% - 41.04166666666667rem); } .qmnewdel .lts h1 { font-size:1.5625rem; line-height:1.4; color:#000000; } .qmnewdel .lts h6 { font-size:0.7291666666666667rem; line-height:1.4; color:#8d8d8d; margin:1.0416666666666667rem 0; } .qmnewdel .lts .del img { width:100%; display:block; margin:0 auto; } .qmnewdel .lts .del { font-size:0.8333333333333334rem; line-height:1.8; color:#3a3a3a; } .qmnewdel .rts h3 { padding-left:1.875rem; font-size:1.0416666666666667rem; line-height:1.8; color:#000000; background:url(../images/qms3.png) no-repeat left center/0.8854166666666667rem auto; } .qmnewdel .rts ul { border-top:0.10416666666666667rem solid #d9d9d9; margin-top:0.5208333333333334rem; } .qmnewdel .rts li { padding:1.3020833333333335rem 0; border-bottom:0.052083333333333336rem solid #eeeeee; } .qmnewdel .rts li h4 { font-size:0.8333333333333334rem; line-height:1.5625rem; color:#414141; height:3.125rem; overflow:hidden; } .qmnewdel .rts li h6 { font-size:0.7291666666666667rem; line-height:1.6; color:#8d8d8d; margin-top:1.1458333333333335rem; } .qmnewdel .hds { padding-bottom:3.125rem; } .qmform { overflow:hidden; } .qmform .t1 { width:32.8125rem; float:left; height:2.1875rem; border-radius:1.1458333333333335rem; border:1px solid #cecece; font-size:1.0416666666666667rem; color:#000000; padding:0 1.0416666666666667rem; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; } .qmform .sub { float:left; margin-left:0.2604166666666667rem; width:2.1875rem; height:2.1875rem; border:none; background:url(../images/qms5.png) no-repeat center/0.8854166666666667rem auto; cursor:pointer; } .qmsuos li { padding:1.875rem 0 1.3541666666666667rem; border-bottom:0.052083333333333336rem solid #d9d9d9; } .qmsuos li a { display:block; padding-left:1.5625rem; font-size:1.0416666666666667rem; line-height:1.6; color:#000000; background:url(../images/qms4-1.png) no-repeat left center/0.5729166666666667rem auto; } .qmsuos li a:hover { background:url(../images/qms4.png) no-repeat left center/0.5729166666666667rem auto; color:#019f93; } .product { background:#f7f9fa; padding:3.125rem 0; } .product li { float:left; width:calc((100% - 6.354166666666667rem)/3); margin:0 3.125rem 2.604166666666667rem 0; background:#fff; } .product li:nth-child(3n) { margin-right:0; } .product li .pic { height:17.708333333333336rem; overflow:hidden; } .product li .pic img { width:100%; height:100%; object-fit:contain; transition:all 0.3s; -ms-transition:all 0.3s; /* IE 9*/ -moz-transition:all 0.3s; /* Firefox*/ -webkit-transition:all 0.3s; /* Safari 和 Chrome*/ -o-transition:all 0.3s; } .product li .txt { text-align:center; border-top:0.15625rem solid #efefef; padding:1.0416666666666667rem 0; } .product li h6 { font-size:0.8333333333333334rem; line-height:1.7; color:#8c8c8c; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .product li h3 { font-size:0.9375rem; line-height:1.7; color:#000000; margin-top:0.5208333333333334rem; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .product li a:hover img { transform:scale(1.1); -ms-transform:scale(1.1); /* IE 9*/ -moz-transform:scale(1.1); /* Firefox*/ -webkit-transform:scale(1.1); /* Safari 和 Chrome*/ -o-transform:scale(1.1); } .product li a:hover h6,.product li a:hover h3 { color:#1fb3a8; } .productdel { background:#f7f9fa; } .productdel .hd { background:#fff; padding-top:6.25rem; } .productdel .wrap { max-width:72.91666666666667rem; } .productdel .hd .wrap { overflow:hidden; } .productdel .hd .pic { float:left; width:39.0625rem; height:28.645833333333336rem; overflow:hidden; position:relative; } .productdel .hd .swiperpo { height:20.833333333333336rem; width:20.833333333333336rem; margin:0 auto; overflow:hidden; } .productdel .hd .prev,.productdel .hd .next { position:absolute; left:0; top:10.416666666666668rem; margin-top:-1.1979166666666667rem; width:2.3958333333333335rem; background:url(../images/prev2.png) no-repeat center; cursor:pointer; height:2.3958333333333335rem; z-index:11; cursor:pointer; } .productdel .hd .next { left:auto; right:0; transform:rotate(180deg); -ms-transform:rotate(180deg); /* IE 9*/ -moz-transform:rotate(180deg); /* Firefox*/ -webkit-transform:rotate(180deg); /* Safari 和 Chrome*/ -o-transform:rotate(180deg); } .productdel .hd .swiperhd { position:absolute; left:0; right:0; bottom:0; overflow:hidden; text-align:center; } .productdel .hd .swiperhd .swiper-slide { width:0.5208333333333334rem; height:0.5208333333333334rem; border-radius:0.5208333333333334rem; background:#dfdfdf; opacity:1; cursor:pointer; transition:all 0.3s; -ms-transition:all 0.3s; /* IE 9*/ -moz-transition:all 0.3s; /* Firefox*/ -webkit-transition:all 0.3s; /* Safari 和 Chrome*/ -o-transition:all 0.3s; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; border:1px solid #dfdfdf; } .productdel .hd .swiperhd .swiper-slide.swiper-slide-thumb-active { background:#019f93; border-color:#019f93; } .productdel .hd .swiper-slide img { width:100%; height:100%; object-fit:contain; display:block; transition:all 0.3s; -ms-transition:all 0.3s; /* IE 9*/ -moz-transition:all 0.3s; /* Firefox*/ -webkit-transition:all 0.3s; /* Safari 和 Chrome*/ -o-transition:all 0.3s; } .productdel .hd .swiperhd .swiper-slide img { opacity:0; } .productdel .hd .pic:hover .swiperhd .swiper-slide { width:3.125rem; background:none; height:3.125rem; } .productdel .hd .pic:hover .swiperhd .swiper-slide img { opacity:1; } .productdel .hd .text { float:right; width:30.729166666666668rem; } .productdel .hd .text h6 { font-size:0.8333333333333334rem; color:#585858; text-transform:uppercase; } .productdel .hd .text h2 { font-size:1.875rem; line-height:1.7; margin:0.5208333333333334rem 0 1.5625rem; color:#000000; } .productdel .hd .text h3 { font-size:0.8333333333333334rem; color:#585858; line-height:2.0833333333333335rem; padding-left:1.25rem; background:url(../images/wico7.png) no-repeat left center/0.7291666666666667rem auto; } .productdel .hd .text p { font-size:0.8333333333333334rem; line-height:1.7; color:#000000; } .mtit { font-size:0.9375rem; line-height:2.604166666666667rem; color:#000000; border-bottom:0.052083333333333336rem solid #e5e5e5; padding-left:1.3020833333333335rem; background:url(../images/qms3.png) no-repeat left center/0.7291666666666667rem auto; margin-bottom:1.3020833333333335rem; } .productdel .bd { background:#fff; padding:2.0833333333333335rem 0; } .productdel .bd table { width:100%; background:#f7f9f8; border-radius:0.5208333333333334rem; overflow:hidden; } .productdel .bd table th { background:#00afa5; font-size:0.9375rem; color:#fff; padding:0.625rem 1.0416666666666667rem; } .productdel .bd table td { font-size:0.8333333333333334rem; color:#3b3b3b; padding:0.625rem 1.0416666666666667rem; line-height:1.7; } .service { background:#f7f9fa; padding:6rem 0; } .service .hd { width:45.833333333333336rem; margin:0 auto; display:flex; justify-content:space-between; align-items:center; } .service .hd .bor { border-radius:1.5625rem; background:#fff; width:calc(100% - 7.552083333333334rem); padding:0 1.0416666666666667rem; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; display:flex; justify-content:space-between; align-items:center; } .service .hd .bor .txt { width:calc(100% - 7.552083333333334rem); font-size:0.9375rem; color:#333; height:2.3958333333333335rem; background:none; border:none; } .service .hd .bor .lsele { width:7.291666666666667rem; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; padding-right:0.5208333333333334rem; background:url(../images/wico8.png) no-repeat right center/0.5208333333333334rem auto; font-size:0.7291666666666667rem; color:#d8d8d8; border:none; } .service .hd .btn { width:6.875rem; line-height:2.3958333333333335rem; border-radius:1.5625rem; text-align:center; font-size:0.9375rem; color:#fff; background:#00aca0; border:none; cursor:pointer; } .service .bd { margin-top:2.604166666666667rem; } .service .wrap { max-width:72.91666666666667rem; } .service li { border-top:0.052083333333333336rem solid #eaeaea; display:flex; justify-content:space-between; align-items:center; padding:1.0416666666666667rem 0; } .service li h3 { width:7.03125rem; border-right:0.052083333333333336rem solid #cccccc;font-size:0.8333333333333334rem; line-height:1.6; color:#4f4f4f; } .service li dl { width:calc(100% - 8.333333333333334rem); display:flex; flex-wrap:wrap; } .service li dd a { font-size:0.8333333333333334rem; line-height:1.6; color:#4f4f4f; margin-right:2.8645833333333335rem; } .service li:last-child { border-bottom:0.052083333333333336rem solid #eaeaea; } .shouhfw { background:#f7f9fa; padding:6rem 0; } .shouhfw .wrap { max-width:72.91666666666667rem; } .shouhfw .wrap ul { margin-top:6.25rem; display:flex; justify-content:space-between; align-items:center; } .shouhfw .wrap li { width:50%; text-align:center; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; border-right:0.052083333333333336rem solid #d4d6d7; } .shouhfw .wrap li:last-child { border:none; } .shouhfw .wrap .icon { width:4.479166666666667rem; margin:0 auto; } .shouhfw .wrap li h3 { font-size:1.875rem; color:#020202; line-height:1.7; margin:0.78125rem 0 0.5208333333333334rem; } .shouhfw .wrap li h6 { font-size:0.9375rem; line-height:1.7; color:#717171; } .prnli { position:absolute; left:0; right:0; top:100%; /* background:rgba(247,249,250,0.95); */ background: #fff; padding:2.0833333333333335rem 0; display:none; } .prnli .wrap { max-width:72.91666666666667rem; overflow:hidden; display:block; } .prnli .ul { float:left; width:14.583333333333334rem; } .prnli .ul .li { font-size:0.8333333333333334rem; line-height:1.5625rem; color:#5e5e5e;cursor: pointer; margin-bottom:0.5rem; } .prnli .ul .li i { display:inline-block; background:url(../images/qpico1.png) no-repeat center/contain; width:0.3125rem; height:0.625rem; margin-left:0.625rem; } .prnli .ul .li.on i,.prnli .ul .li:hover i { background:url(../images/qico2.png) no-repeat center/contain; } .prnli .ul .li.on,.prnli .ul .li:hover { color:#019f93; } .prnli .ruls { float:right; width:calc(100% - 16.666666666666668rem); } .prnli .ruls dl { overflow:hidden; display:none; } .prnli .ruls dd { float:left; width:25%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; padding:0.5208333333333334rem; text-align:center; } .prnli .ruls dd .pic { height:8.59375rem; overflow:hidden; } .prnli .ruls dd img { width:100%; height:100%; display:block; margin:auto; object-fit:contain; } .prnli .ruls dd h5 { font-size:0.7291666666666667rem; line-height:1.7; color:#5e5e5e; margin-top:0.5208333333333334rem; } .prnli .ruls dd:hover h5 { color:#019f93; } .prnli .ruls dl:first-child { display:block; } .header .naver li { position:relative; } .header .naver li .nli { position:absolute; left:-2.604166666666667rem; right:-50%; top:100%; background:#fff; text-align:center; display:none; padding-top:0.8333333333333334rem; } .header .naver li .nli dl { box-shadow:0 0.4166666666666667rem 0.4166666666666667rem 0 rgba(80,80,80,0.2); padding:0.5208333333333334rem; } .header .naver li .nli dd a { font-size:0.7291666666666667rem; color:#333; line-height:2.0833333333333335rem; border-bottom:0.052083333333333336rem solid #f1f1f1; display:block; } .header .naver li .nli dd:last-child a { border:none; } .header:hover,.header.active { background:#fff; box-shadow:0 0 0.4166666666666667rem 0 rgba(80,80,80,0.2); } .header .naver li .nli dd a:hover { color:#019f93; } .banner .swiper-slide-active .txt h4 { -webkit-animation:fadeInUp 1s .2s ease both; -moz-animation:fadeInUp 1s .2s ease both; } .banner .swiper-slide-active .txt h2 { -webkit-animation:fadeInUp 1s .4s ease both; -moz-animation:fadeInUp 1s .4s ease both; } .banner .swiper-slide-active .txt h5 { -webkit-animation:fadeInUp 1s .6s ease both; -moz-animation:fadeInUp 1s .6s ease both; } .hpage3 .swipercp a i { transition:all 0.3s; } .hpage3 .swipercp .swiper-slide-active a i { opacity:0; } .hpage3 .swipercp .swiper-slide-active img { transform:scale(1.3); } .hpage3 .swipercp .swiper-slide { overflow:hidden; } .hpage3 .swipercp a img { transition:all 1s; } .hpage3 .swipercp:hover a i { opacity:1; } .hpage3 .swipercp:hover a img { transform:scale(1); } .hpage3 .swipercp a:hover i { opacity:0; } .hpage2 li a:hover img { transform:scale(1.1); } .hpage3 .swipercp a:hover img { transform:scale(1.3); } .hnews li .text h3 { transition:all 0.3s; -ms-transition:all 0.3s; /* IE 9*/ -moz-transition:all 0.3s; /* Firefox*/ -webkit-transition:all 0.3s; /* Safari 和 Chrome*/ -o-transition:all 0.3s; } .hnews li a:hover .text h3 { color:#019f93; } .fxrts li:hover .weic { display:block; } .hpage2 li a { overflow:hidden; } .hpage2 li img { width:100%; height:100%; display:block; object-fit:cover; transition:all 0.3s; } .hpage2 li a:hover .more{ color:#019f93; transition:all 0.3s; -ms-transition:all 0.3s; /* IE 9*/ -moz-transition:all 0.3s; /* Firefox*/ -webkit-transition:all 0.3s; /* Safari 和 Chrome*/ -o-transition:all 0.3s; } .header .logo img.logo1 { display:none; } .index .header .logo img.logo2 { display:none; } .index .header .logo img.logo1 { display:block; } .mbg { position:sticky; height:100vh; top:0; } .abban { position:relative; z-index:11; } .flccc .abban { /* height:70vh;*/; } .about .abbd .pic { max-width:83.33333333333334rem; margin:3.125rem auto 0; transition:all 0.6s; } .about .abbd { padding-top:5.208333333333334rem; position:relative; } .about .abbd { margin-top:3.125rem; transition:all 0.6s; } .about .abbd .tit { position:absolute; left:0; right:0; top:0; transition:all 0.6s; } .about .abbd.on .pic { max-width:100%; } .about .abbd.on .tit { top:40%; } .about .abbd.on .tit h2,.about .abbd.on .tit h3 { color:#fff; margin:0.78125rem 0; } .about .abbd .mumores { display:none; } .about .abbd.on .mumores { display:block; } .about .abbd.on .mumores a i { color:#fff; } .banner img{ width: 100%;height: 100%;display: block;object-fit: cover; } .qmtext{ margin-top: 7.29rem; } .qmtext .tit h3{ color: #1d1d1d; } .qmtext .mumores a i{ color: #494949; } .qmdailhez .hd li{ width: 32.2%;margin-right: 1.5%; } .qmdailhez .hd li:nth-child(2n){ float: left; } .qmdailhez .hd li:nth-child(3n){ float: right;margin-right: 0; } .swipic{ position: relative; } .swipic .spot{ position: absolute; left: 0;right: 0; bottom: 1.04rem;z-index: 2;text-align: center; } .swipic .spot span{ width: 0.42rem;height: 0.42rem;opacity: 1;background: #fff;margin: 0 0.6rem !important; } .swipic .spot .swiper-pagination-bullet-active{ background: #00aca0; } .dailhez .h5{ font-size: 0.8291666666666667rem; line-height: 1.7; color: #333333; } .abswiper .next:hover, .abswiper .prev:hover{ background: url(../images/next-1.png) no-repeat center; } .down li, .contact .hd ul li, .abul li{ top: 0;position: relative;transition:all 0.3s; -ms-transition:all 0.3s; /* IE 9 */ -moz-transition:all 0.3s; /* Firefox */ -webkit-transition:all 0.3s; /* Safari 和 Chrome */ -o-transition:all 0.3s; } .down li:hover, .contact .hd ul li:hover, .abul li:hover{ top: -0.52rem; } .ubtn i{ background: url(../images/wico4.png) no-repeat center bottom -0.35625rem/0.625rem auto;transition:all 0.3s; -ms-transition:all 0.3s; /* IE 9 */ -moz-transition:all 0.3s; /* Firefox */ -webkit-transition:all 0.3s; /* Safari 和 Chrome */ -o-transition:all 0.3s; } .ubtn:hover i{ background: url(../images/wico4.png) no-repeat center bottom 0.15625rem/0.625rem auto; } .mumk .btn:hover, .service .hd .btn:hover, .dailhez .bd .dseach .btn:hover, .ubtn:hover{ background: #06988e; } .service li dd a:hover, .qmnewdel .bds .b1:hover, .qmnewdel .rts li:hover h4, .down li:hover .txt h4, .changjwt li:hover .hd h3{ color: #00aca0; } .qmsuos{ padding-top: 5.29rem;padding-bottom: 5rem; } .qmsuos .wrap{ max-width: 72.92rem; } .qmnewdel{ padding-top: 7.29rem; } .qmnewdel .bds .b1:hover{ background: url(../images/qms2-2.png) no-repeat left center/0.3125rem auto; } .qmnewdel .bds .b2:hover{ background: url(../images/qms2-3.png) no-repeat right center/0.3125rem auto; } .productdel .hd .prev:hover, .productdel .hd .next:hover{ background: url(../images/prev2-1.png) no-repeat center; } .hpage4 li img{ transition:all 1s; -ms-transition:all 1s; /* IE 9 */ -moz-transition:all 1s; /* Firefox */ -webkit-transition:all 1s; /* Safari 和 Chrome */ -o-transition:all 1s; } .hpage4 li:hover img{ transform:scale(1.2); -ms-transform:scale(1.2); /* IE 9 */ -moz-transform:scale(1.2); /* Firefox */ -webkit-transform:scale(1.2); /* Safari 和 Chrome */ -o-transform:scale(1.2); } .sjsuos{ display: none; } .btncc{ display: none; } .hpage1 .tit h2{ color: #fff; } .qmnewdel2 .lts{ width: auto; float: none; } .qmnewdel2 .lts h1{ text-align: center; margin-bottom: 2.56rem; } .pages { padding-top: 10px; } .pages dl { font-size: 0; text-align: center; } .pages dd { display: inline-block; margin: 0 18px; font-size: 14px; line-height: 1.7; color: #000000; } .pages dd a { font-size: 14px; line-height: 1.7; color: #000000; display: block; } .pages dd a:hover, .pages dd.on a { color: #00aca0; }