/*@font-face {*/ /* font-family: "Aileron-b";*/ /* src: url("../fonts/Aileron-Bold.ttf") format("truetype");*/ /*}*/ /*@font-face {*/ /* font-family: "Aileron";*/ /* src: url("../fonts/Aileron-Regular.ttf") format("truetype");*/ /*}*/ /**{word-break:break-all}*/ .br-20 {border-radius:.2rem;overflow: hidden;} a:hover {color: #14a83b;} #loading {position: fixed;width: 100%;height: 100%;top:0;left:0;z-index: 1000;} #loading .bg {position: absolute;width: 100%;height: 100%;top:0;left:0;background-color:#fff;z-index: 100;webkit-animation: opa .5s linear 4s;animation: opa .5s linear 4s;animation-fill-mode:forwards;} #loading .mask{position: absolute;width: 100vw;height: 100vh;-webkit-animation: mask .5s linear;animation: mask .5s linear;z-index: 101;overflow: hidden;} #loading .mask svg{ width: 100vw; height: 100vh; overflow: hidden;} #loading .svg1 { -webkit-animation: opa .5s linear 4s;animation: opa .5s linear 4s;animation-fill-mode:forwards;z-index: 101;} #loading .svg1 path{ transform: scale(1) translate(calc(50% - 142px),calc(50% - 142px));transform-origin: center;} #loading #svgPath{ transform: scale(1) translate(calc(50% - 142px),calc(50% - 142px));transform-origin: center;} .loading_show .svg2 { transform: scale(2);} .loading_show #svgPath { -webkit-animation: svg2 1s linear 6s;animation: svg2 1s linear 6s;animation-fill-mode:forwards;} #loading .layer {position: absolute;top: calc(50% + 120px);left:50%;transform: translateX(-50%);z-index: 100;} #loading .layer .process {width: 1.6rem;height: .05rem;margin: .63rem auto 0;border-radius: .05rem;background: #d4d4d4;} #loading .layer .process.act {transform: translateY(0);} #loading .layer .process span {display: block;height: 100%;background: #14a83b;-webkit-animation: process 4s linear;animation: process 4s linear;animation-fill-mode:forwards} @-webkit-keyframes mask { 0% {opacity: 0; transform:translateY(30px);} 100% {opacity: 1;transform:translateY(0);} } @keyframes mask { 0% {opacity: 0;transform:translateY(30px);} 100% {opacity: 1;transform:translateY(0);} } @-webkit-keyframes opa { 0% {opacity: 1;} 100% {opacity: 0;}.bottom .copyright } @keyframes opa { 0% {opacity: 1;} 100% {opacity: 0;} } @-webkit-keyframes svg2 { 0% {-webkit-transform: scale(1) translate(calc(50% - 142px),calc(50% - 142px))} 100% {-webkit-transform: scale(24) translate(calc(50% - 142px),calc(50% - 142px));} } @keyframes svg2 { 0% {-webkit-transform: scale(1) translate(calc(50% - 142px),calc(50% - 142px));transform: scale(1) translate(calc(50% - 142px),calc(50% - 142px))} 100% {-webkit-transform: scale(24) translate(calc(50% - 142px),calc(50% - 142px));transform: scale(24) translate(calc(50% - 142px),calc(50% - 142px));} } @-webkit-keyframes process { 0% {width:0;} 100% {width: 100%;} } @keyframes process { 0% {width:0;} 100% {width: 100%;} } body.ovh {height: 100vh!important;overflow: hidden;} body.ovh #fullpage { height: 100vh !important; overflow: hidden;} .loading_show #fullpage .page1 {width: 100%;height: 100%;top: 0;left:0;clip-path: url(#svgPath);overflow: hidden;} @media (max-width: 768px) { body.ovh {height: 100vh!important;overflow: hidden;} body.ovh #fullpage { height: 100vh !important; overflow: hidden;} #loading .svg1 path{ transform: scale(0.7) translate(calc(50% - 142px),calc(50% - 180px));will-change: transform;} #loading #svgPath{ transform: scale(0.7) translate(calc(50% - 142px),calc(50% - 180px));will-change: transform;} #loading .layer { top: 62vh;} #loading .layer .process { width: 50vw; height: 4px;} } /*Top002282*/ .Top002282 .bg{ position:fixed;width: 100%;height: 100%;top:1rem;left:0;background:/* url("../images/top_bg.png") no-repeat right top*/ rgba(0, 0, 0, 0.4);transition: .3s;display: none;z-index:1;} .Top002282.show .bg, .Top002282.login_show .bg{display: block;} .Top002282{background:#fff; position:fixed; width: 100%; height: 1rem;z-index:100; transition: 0.5s;} .Top002282.Down{transform: translateY(-1rem);} .Top002282::before {position: absolute;content:'';width: 6.5rem;height: 6.1rem;top: 0;right: 0;background: url("../images/top_bg.png") no-repeat center;z-index: 100;display: none;} /*.Top002282.show::before {display: block;}*/ .Top002282::after {position: absolute;content:'';width: 100%;height: 1px;bottom: 0;left: 0;background-color: #f4f4f4;} .Top002282 .header{ width: 100%;height:1rem;} .Top002282 .header-left{ float:left; height:100%; display:table; width:1.29rem;} .Top002282 .header-left .logo{ display:table-cell; vertical-align:middle;} .Top002282 .header-left .logo img{width: 1.29rem;} .Top002282 .header-left .logo img.white{display: none;} .Top002282 .header-right, .Top002282 .header-mid{ float:right;} .Top002282 .header-menu li{ width:auto !important;} .Top002282 .header-menu li em{ padding:0 .39rem; line-height:1rem; position:relative;} /*.Top002282 .header-menu li em::after{content: "";position: absolute;top: 50%;margin-top: -4px;right: 0;display: block; border-right:1px dotted #7a7a7a;width: 1px;height: 8px;}*/ .Top002282 .header-menu li em a{ position:relative; color:#2e2e2e;font-size: 1.125em; } .Top002282 .header-menu li em a::before, .Top002282 .header-menu li em a::after{ position:absolute; content:'';left:50%; transform:translateX(-50%);} /*.Top002282 .header-menu li em a::before{ border:4px solid transparent; border-bottom-color:#0a3190; bottom:3px; opacity:0;}*/ .Top002282 .header-menu li em a::after{ width:0; height:1px; background:#14a83b; bottom:0; z-index: 10; transition:0.3s;} .Top002282 .header-menu li:hover em a, .Top002282 .header-menu li.aon em a{ color:#14a83b;} .Top002282 .header-menu li:hover em a::after, .Top002282 .header-menu li.aon em a::after{ width:100%;} .Top002282 .header-menu li:hover em a::before, .Top002282 .header-menu li.aon em a::before{ opacity:1;} .Top002282 .sub-menu-layer{ background:#fff;z-index: 10;} .Top002282 .header-menu li .sub-menu dt a{line-height: .86rem;color:#666;padding: 0 .55rem;} .Top002282 .header-menu li .sub-menu dt:last-child a{padding-right: 0;} .Top002282 .header-menu li .sub-menu dt a:hover{ color:#14a83b;background:transparent;} .Top002282 .header-menu li.listPic .sub-menu dt a:hover {color:#14a83b;} .Top002282 .header-right{/*padding-top:.35rem;*/ padding-left:.1rem; line-height: 1rem;} .Top002282 .header-right dd{ float:left;position:relative; height: 1rem; z-index:100;} .Top002282 .top-language {position: relative;padding-left: .4rem;} .Top002282 .top-language:before{position: absolute;content:'';width: 1px;height: .16rem;left:0;top:50%;transform:translate(-50%,-50%);background-color:#f4f4f4;} .Top002282 .top-language a{line-height: .3rem;font-size: 1.125em;color: #14a83b;font-family: Arial;} .Top002282 .top-search{width:.3rem; margin-left: .3rem;transition:width 0.3s;} .Top002282 .open-search{ width:.3rem; height:1rem; display:block; /*background:url(../images/btn_search.png) no-repeat center center;*/ position:relative; z-index:2; } .Top002282 .search-box{ position:absolute; right:0; top:0; width:100%; overflow:hidden;} .Top002282 .search-box .text{ height:.3rem; width:100%; border:1px solid transparent; line-height:.3rem; padding:0 .3rem 0 5px;background:none; } .Top002282 .search-box .btn{ position:absolute; right:0; top:0; height:100%; width:.3rem;background:url(../images/btn_search.png) no-repeat center center/.18rem; } .Top002282 .top-search-show .search-box {z-index:3;} .Top002282 .top-search-show .search-box .text {border-color: #14a83b;} .Top002282 .top-login {margin-left: .3rem;} .Top002282 .top-login > a{ width:.3rem; height: 1rem; background:url(../images/btn_login.png) no-repeat center/.18rem; display:block;transition:background ease-out 0.3s;} .Top002282 .header-right .top-login {position: static;} .Top002282 .top-login .sub { position: absolute;width: 100%;top:100%;left: 0;padding:.4rem 0 .7rem;background:url("../images/top_bg.png") no-repeat right top #fff;z-index: 200; display: none;} .Top002282 .top-login dl , .Top002282 .top-login dl dt {float: none;} .Top002282 .top-login dl {width: 100%;text-align: center;} .Top002282 .top-login dt {display: inline-block;margin:0 .2rem;} .Top002282 .top-login .sub-menu dt a{ display: block;width: 3.17rem;height: 2.08rem;line-height: 1;padding:.64rem 0;border-radius:.2rem;background:#f6f6f6;transition: .3s;} .Top002282 .top-login .sub-menu dt a:hover {background:#f6f6f6;box-shadow: 0 0 .1rem 0 #ccc;} .Top002282 .top-login .sub-menu dt a aside {margin-top: .25rem;transition: .3s; color:#333;} .Top002282 .top-login .sub-menu dt a:hover aside {color:#14a83b;} .Top002282 .top-webchat-show figure{ height:120px;} .Top002282 .top-webchat-show .open-webchat{ background-position:0 0;} .homeTop { position: absolute;width: 100%;height: 1rem;} .hover .Top002282{ position: fixed; width: 100%;/*transform: translateY(30px);opacity: 0;*/background:transparent;transition: .3s; z-index:100; background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 82%, rgba(0,0,0,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 82%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 82%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */ } .hover.ani .Top002282 { transform: translateY(0);opacity: 1;} .hover .Top002282::after {display: none;} .hover .Top002282 .header-left .logo img {display: none;} .hover .Top002282 .header-left .logo img.white {display: block;} .hover .Top002282 .header-menu li em a {color:#fff;} .hover .Top002282 .Stock_code{ color:#fff; } .Top002282 .wap_code{ display:none; } .hover .Top002282 .search-box .text {color:#fff;} .hover .Top002282 .top-search-show .search-box .text {border-color:#fff;} .hover .Top002282 .search-box .btn {background-image: url("../images/btn_search_w.png")} .hover .Top002282 .top-language a {color:#fff;} .hover .Top002282 .top-login a {background-image: url("../images/btn_login_w.png")} .Top002282 .Stock_code{ padding: 0 0.3rem; line-height: 1rem; color:#14a83b; } .Top002282 .Stock_code2{ color:#14a83b; } @media(min-width:1025px){ .Top002282 li.listPic {position: static;} .Top002282 li.listPic .sub {width: 100%!important;left: 0!important;padding: .8rem 0 1.3rem;background:url("../images/top_bg.png") no-repeat right top;z-index: 200;} .Top002282 li.listPic dl dt {float: none;} .Top002282 li.listPic dl {width: calc(60% + 1.1rem);margin: 0 -.55rem;} .Top002282 li.listPic dt {display: inline-block;margin-bottom: .6rem;text-align: center;} .Top002282 li.listPic .sub-menu dt a {line-height: 1;} .Top002282 li.listPic .sub-menu dt a aside {margin-top: .3rem;} .Top002282 li.listPic .sub-menu .icon {display: block;height: .48rem;line-height: .48rem;} .Top002282 li.listPic .sub-menu .icon img {max-height:.42rem;vertical-align: middle;-webkit-filter:grayscale(100%);-ms-filter:grayscale(100%);-moz-filter:grayscale(100%);filter:grayscale(100%);} .Top002282 li.listPic .sub-menu .pic {float: left;margin-left: .55rem;margin-top: -0.2rem;} .Top002282 li.listPic .sub-menu .pic img {width: 4.07rem; } .Top002282 li.listPic .sub-menu dt:hover .icon img { -webkit-filter:grayscale(0);-moz-filter:grayscale(0);-ms-filter:grayscale(0);filter:grayscale(0); } .Top002282 li.picTxt {position: static;} .Top002282 li.picTxt .sub {width: 100%!important;left: 0!important;padding:.4rem 0 .7rem;background:url("../images/top_bg.png") no-repeat right top;z-index: 200;} .Top002282 li.picTxt dl , .Top002282 li.picTxt dl dt {float: none;} .Top002282 li.picTxt dl {width: 100%;text-align: center;} .Top002282 li.picTxt dt {display: inline-block;margin:0 .2rem;} .Top002282 li.picTxt .sub-menu dt a{width: 3.17rem;height: 2.08rem;line-height: 1;padding:.64rem 0;border-radius:.2rem;background:#f6f6f6;transition: .3s;} .Top002282 li.picTxt .sub-menu dt a:hover {background:#f6f6f6;box-shadow: 0 0 .1rem 0 #ccc;} .Top002282 li.picTxt .sub-menu dt a aside {margin-top: .25rem;transition: .3s} .Top002282 li.picTxt .sub-menu dt a:hover aside {color:#14a83b;} } @media(max-width:1024px){ .Top002282 .header-right dd {margin-left: .3rem;} .Top002282 .top-language:before{ display:none; } .Top002282 .header-right dd.top-language{ margin-left:0; padding-left:0; } .Top002282 .top-language a{ font-size: 2vw;} .Top002282 .search-box .btn { background-size:16px} .Top002282 .search-box .text { height: .5rem; line-height: .5rem;} .Top002282 .top-login a {background-size:16px;} .Top002282 .top-login .sub dl {display: flex;justify-content: space-between;} .Top002282 .top-login .sub dl dt {width: 32%;margin:0 2%;} .Top002282 .top-login .sub-menu dt a {width: auto;} .Top002282 .top-webchat{ margin-right:12px;} .Top002282 .pc_code{ display:none; } .Top002282 .wap_code{ display:block; } .Top002282 #open_menu{ width:.34rem; height:.34rem;position: absolute; top: 50%;transform: translateY(-50%);} .Top002282 #open_menu i::before, .Top002282 #open_menu i::after, .Top002282 #open_menu i{width:100%; background:#14a83b;} .Top002282 #open_menu i{height:.02rem;margin-top:-.015rem;} .hover .Top002282 #open_menu i::before, .hover .Top002282 #open_menu i::after, .hover .Top002282 #open_menu i{background:#fff;} .Top002282 #header-menu{ position:absolute; width:100%; top:100%; right:0;height: calc(100vh - 1rem); overflow-y: auto; z-index:100; text-align:center; background: #f9f9f9; display:none;} .Top002282 #header-menu .sub-menu { max-width: 88%;margin:0 auto;} .Top002282 #header-menu ul { padding: 4vw 0;} .Top002282 #header-menu li {margin-bottom: .2rem;} .Top002282 #header-menu li em {border-bottom: 0;padding:0 25px;} .Top002282 #header-menu li em a{ padding:0;border-bottom: 0;color:#000;font-weight: bold; position: relative;text-align: left;/*font-size: .24rem;*/line-height: 12vw; border-bottom: 1px solid #e8e8e8;} .Top002282 #header-menu li.has-sub em a::after { position: absolute;content:''; width: 10px; height: 6px;top:50%;right:0; margin-top: -3px;background:url("../images/arrow_down.png") no-repeat right center;transition: .3s;} {position: relative;border-bottom: 0;padding:0 25px;} .Top002282 #header-menu li.has-sub.clickon em a::after { transform: rotate(180deg);} .Top002282 #header-menu li .sub-menu img { display: none;} .Top002282 #header-menu li .sub-menu dl { padding: 2.66vw 3% 0;} .Top002282 #header-menu li .sub-menu dt a{line-height: 12vw;font-size: 1.125em;color:#333;border-bottom: 1px solid #e8e8e8;text-align: left;} .Top002282 #header-menu li:last-child em a, .Top002282 #header-menu li:last-child em{ border-bottom:0;} #fullpage {transform: none!important;} .hover .Top002282.Down{transform: translateY(-1rem);} .hover .Top002282.Down{transform: translateY(-1rem);} } @media(max-width:640px) { .Top002282 .top-language a {font-size: 4vw;} } /*innerBanner*/ .innerBanner {position: relative; margin-top: 1rem;} .innerBanner .wap { display: none;} .innerBanner .text {position: absolute; width: 100%; height: 100%;top:0;left:0;color:#fff;font-weight: bold;font-size: .5rem;} .innerBanner .text .auto-1400 , .innerBanner .text .ytable { height: 100%;} @media(max-width:768px){ .innerBanner .pc { display: none;} .innerBanner .wap { display: block;} .innerBanner .wap img { width: 100%;max-width: none;} } /*innerNav*/ .innerNav {border-bottom: 1px solid #eaeaea;} .innerNav li {position: relative;float: left;margin-right: .6rem;} .innerNav li:after {position: absolute;content:'';bottom:0;left:0;width: 100%;height: 1px;background:#14a83b;opacity: 0;transition: .3s;} .innerNav li.on:after, .innerNav li:hover:after {opacity: 1;} .innerNav li a {display: block;line-height: .6rem;color:#666;} .innerNav li.on a, .innerNav li:hover a {color:#000;} @media (max-width: 768px) { .innerNav { /*padding-bottom: 4vw;*/text-align: left;overflow-x: auto;} .innerNav ul {white-space: nowrap;} .innerNav li {float: none;display: inline-block;} .innerNav li a { line-height: 1rem;} } /*innerTitle*/ .innerTitle {position: relative;font-size: .4rem;font-weight: bold;color:#333;} .innerTitle.tac {text-align: center;} .innerTitle .slick_btns {position: absolute;top:50%;right:0;transform: translateY(-50%); font-size: 0;} .innerTitle .slick_btns .slick-arrow{position: relative;display: inline-block;width: .43rem;height:.43rem;margin-left: .15rem;border-radius:50%;background-repeat:no-repeat;background-position:center;background-size:.43rem;cursor: pointer;transition: .3s;} /*.innerTitle .slick_btns .slick-arrow::after {position: absolute;content:'<';top:50%;left:50%;transform:translate(-50%,-50%);text-align: center;line-height: .44rem;font-family: '宋体';font-weight: bold;font-size: .32rem;color: #a9a9a9;}*/ .innerTitle .slick_btns .slick-arrow.slick-prev{background-image:url("../images/arrow_l.png");} .innerTitle .slick_btns .slick-arrow.slick-prev:hover {background-image:url("../images/arrow_l_h.png");} .innerTitle .slick_btns .slick-arrow.slick-next{background-image:url("../images/arrow_r.png");} .innerTitle .slick_btns .slick-arrow.slick-next:hover {background-image:url("../images/arrow_r_h.png");} /*.innerTitle .slick_btns .slick-arrow:before, .innerTitle .slick_btns .slick-arrow:after {position: absolute;content:'';width:40%;height:2px;top:50%;background:#a9a9a9;transition: .3s;}*/ /* .innerTitle .slick_btns .slick-arrow.slick-prev:before, .innerTitle .slick_btns .slick-arrow.slick-prev:after {left:26%;} .innerTitle .slick_btns .slick-arrow.slick-next:before, .innerTitle .slick_btns .slick-arrow.slick-next:after {left:36%;} .innerTitle .slick_btns .slick-arrow.slick-prev:before {transform: rotate(45deg);margin-top:.06rem;} .innerTitle .slick_btns .slick-arrow.slick-prev:after {transform: rotate(-45deg);margin-top:-.05rem;} .innerTitle .slick_btns .slick-arrow.slick-next:before {transform: rotate(-45deg);margin-top:.06rem;} .innerTitle .slick_btns .slick-arrow.slick-next:after {transform: rotate(45deg);margin-top:-.05rem;} .innerTitle .slick_btns .slick-arrow:hover {border-color:#14a83b;} .innerTitle .slick_btns .slick-arrow:hover:before, .innerTitle .slick_btns .slick-arrow:hover:after{background:#14a83b;} */ /*product*/ .pro_one {padding: 1rem 0 1.1rem;background: url("../images/pro_bg1.png") no-repeat right bottom;} .pro_one .word {padding-top: .3rem;font-size: 1.125em;line-height: 1.8;vertical-align: top;} @media (min-width: 1025px) { .pro_one .pic {width: 46.4%;border-radius:.2rem;overflow: hidden;} .pro_one .pic img {transition: .3s;} .pro_one .pic:hover img {transform: scale(1.08)} .pro_one .word {padding-left: .7rem;} } @media (max-width: 1024px) { .pro_one .ytable, .pro_one .ytable-cell {display: block;} } .pro_two {padding: 1.2rem 0;background:#f6f6f6;} .pro_two ul {padding-top: .6rem;margin:0 -.2rem;} .pro_two li {position: relative;margin: 0 .2rem;overflow: hidden;} .pro_two li:after {position: absolute;content:'';width: 100%;height: .9rem;bottom:0;left:0;background:linear-gradient(to bottom, rgba(34, 34, 34, 0), rgba(34, 34, 34, 0.4));z-index: 1;} .pro_two li figure {padding-bottom: 65.9%;transition: .3s;} .pro_two li:hover figure {transform: scale(1.08);} .pro_two li aside {position: absolute;bottom:0;left:0;width: 100%;color:#fff;line-height: .58rem;text-align: center;font-size: 1.25em;font-weight: bold;z-index: 2;} @media (max-width: 1024px) { .pro_two li {margin: 0 .14rem;} .pro_two li aside {padding: 0 2%;} } .pro_three {padding: 1.2rem 0 1.8rem;} .pro_three ul {padding-top: .6rem;margin:0 -.35rem;} .pro_three li {position: relative;margin: 0 .35rem;overflow: hidden;cursor: pointer;} .pro_three li figure {padding-bottom: 75.7%;} .pro_three li:hover figure {transform: scale(1.08);} .pro_three li aside {width: 100%;padding-bottom: .1rem;color:#383838;line-height: .9rem;text-align: center;font-size: 1.125em;background:#f6f6f6;transition: background-color .3s;} .pro_three li:hover aside {color:#fff;background:url("../images/pro_bg3.png") no-repeat right .08rem #14a83b;} .pro_three li .content {display: none} @media (max-width: 1024px) { .pro_three li {margin: 0 .14rem;} .pro_three li aside {padding: 0 2%;} } .pro_popup {position: fixed;width: 100%;height: 100%;top:0;left: 0;background-color: rgba(0,0,0,0.3);z-index: 100;display: none;} .pro_popup .wrap {position: absolute;top:50%;left:50%;width: 11rem;transform:translate(-50%,-50%);padding:.7rem;background-color:#fff;} .pro_popup .wrap .close {position: absolute;width: .3rem;height: .3rem;top:.58rem;right:.72rem;background: url("../images/btn_close.png") no-repeat center/.16rem;cursor: pointer;transition: .3s;} .pro_popup .wrap .close:hover {transform: rotate(90deg)} .pro_popup .wrap .popTit {padding-bottom: .5rem;font-size: .34rem;font-weight: bold;color:#333;} .pro_popup .wrap .popPic p {margin:0;font-size: 1.125em;text-align: center;line-height: .65rem;background-color: #f9f9f9;} .pro_popup .wrap .popTable table {width: 100%;} .pro_popup .wrap .popTable td {padding-left: .6rem;font-size: 1.125em;line-height: .52rem;} .pro_popup .wrap .popTable tr:not(:last-of-type) {border-bottom: 1px solid #eeeeee;} .pro_popup .wrap .popTable td:nth-child(1) {width: 40.2%;color:#333;background-color: #f2f2f2} .pro_popup .wrap .popTable td:nth-child(2) {background-color: #f9f9f9} @media (min-width: 1025px) { .pro_popup .wrap .popPic {width: 26.1%;} .pro_popup .wrap .popTable {width: 70.8%;} } @media (max-width: 1024px) { .pro_popup .wrap { width: 90%;padding: 10% 7% 7% 7%;} .pro_popup .wrap .close { top: 2%; right: 3%;} .pro_popup .wrap .content { max-height: 70vh; padding-right: 4%; overflow-y: auto;} } .pro_four {padding: 1.2rem 0 .8rem;background:#f6f6f6;} .pro_four .innerTitle {margin-bottom: .9rem;} .pro_four .wrap li:not(:last-of-type) {padding-bottom: .2rem;margin-bottom: .2rem;border-bottom: 1px solid #efefef;} .pro_four .pic {position: relative;padding-right:.43rem;} .pro_four .pic .pic_ani{border-radius:.2rem;} .pro_four .pic figure {padding-bottom: 65.71%;} .pro_four .pic .icon {position: absolute;right: 0;top:50%;transform: translateY(-50%);width: .88rem;transition: .3s;} /*.pro_four li:hover .pic .icon {transform: translateY(-50%) rotateY(180deg);}*/ .pro_four .word {font-size: 1.125em;line-height: 1.8;} .pro_four .word aside {font-size: .26rem;color:#333;font-weight: bold;} .pro_four .icon_list {padding-top: 1rem;} .pro_four .icon_list li {float: left;width: 16.66%;text-align: center;padding: .5rem 2.7%;border-right: 1px solid #eeeeee;background:#fff;} .pro_four .icon_list li .icon {height: .52rem;display: flex;align-items: center;justify-content: center;} .pro_four .icon_list li aside {padding: .3rem 0 .2rem;font-size: 1.25em;color:#333; font-family: 'Aileron-b';} .pro_four .icon_list li p {height: .75rem;margin:0;font-size: 1.125em;line-height: 1.4;} .pro_four .icon_list li i {display: inline-block;width: .15rem;height: .13rem;margin-top: .2rem;background: url("../images/btn_more.png") no-repeat center/contain;} .en_pro_four .word p{ line-height:24px; font-size:14px; } @media (min-width: 1025px) { .pro_four .fl{width:62.14%;} .pro_four .fr{width:33.42%;} .pro_four .pic {width:37.24%;} .pro_four .word {width:58.62%;} } @media (max-width: 1024px) { .pro_four .fr{margin-top: .4rem;} .pro_four li{flex-wrap:wrap;} .pro_four li .pic {width: 100%;padding-right:.73rem;margin-bottom: .4rem;} .pro_four li .pic .icon {width: 1.4rem;} .pro_four .icon_list ul {display: flex;flex-wrap: wrap;} .pro_four .icon_list li {width: 33.3%;margin-bottom: 5%;} .pro_four .icon_list li p {height: auto;} .pro_four .word aside {font-size: 4.6vw;} } .pro_five {padding: 1rem 0;} .pro_five .innerTitle {margin-bottom: .5rem;} .pro_six {padding: 1rem 0 1.8rem;background: #f9f9f9;} .pro_six .slick-list {padding:.1rem 0;} .pro_six ul {padding-top: .6rem;margin:0 -.35rem;} .pro_six li {position: relative;margin: 0 .35rem;overflow: hidden;transition: .3s;} .pro_six li:hover {box-shadow: 0 0 0.1rem 0.04rem #c6c6c6;} .pro_six li figure {padding-bottom: 75.7%;} .pro_six li aside {width: 100%;padding-bottom: .1rem;color:#383838;line-height: .9rem;text-align: center;font-size: 1.125em;background:#fff;transition: background-color .3s;} .pro_six li:hover aside {color:#fff;background:url("../images/pro_bg3.png") no-repeat right .08rem #14a83b;} @media (max-width: 1024px) { .pro_six li {margin: 0 .14rem;} .pro_six li aside {padding: 0 2%;} } .pro_seven {padding: 1rem 0;} .pro_seven .innerTitle {margin-bottom: .6rem;} .pro_seven li {float: left;width: 30.85%;padding: .5rem .68rem;background-color: #f8f8f8;} .pro_seven li {float: left;width: 30.85%;padding: .5rem .68rem;background-color: #f8f8f8;} .pro_seven li .icon {height: .52rem;display: flex;align-items: center;} .pro_seven li aside {padding: .26rem 0 .38rem;font-size: .25rem;color:#333;font-weight: bold;} .pro_seven li p {height: .81rem;margin:0;font-size: 1.125em;color:#383838;line-height: 1.5;} @media (min-width: 1025px) { .pro_seven li:not(:nth-of-type(3n)) {margin-right: 3.725%;} } @media (max-width: 1024px) { .pro_seven ul {display: flex;border-radius:.2rem;} .pro_seven li {padding: 5vw 2vw;width: 33.3%;text-align: center;border-radius:0;} .pro_seven li .icon {justify-content: center;} .pro_seven li .icon img {width: .47rem;} .pro_seven li aside {font-size: 4.2vw;} .pro_seven li p {height: auto;} } .pro_eight {padding: 1.2rem 0;background: #f9f9f9;} .pro_eight .innerTitle {margin-bottom: .6rem;} .pro_eight ul {overflow:hidden} .pro_eight li {height: 1.45rem;line-height: 1.45rem;text-align: center;vertical-align: middle;border-right:1px solid #f1f1f1;background:#fff;overflow: hidden;float:left;width:25%;border-bottom:1px solid #f1f1f1;} .pro_eight li img {transition: .3s;} .pro_eight li:hover img {transform: scale(1.1)} .pro_night {padding: .9rem 0;} .pro_night .innerTitle {margin-bottom: .6rem;} .pro_night .content {position: relative;} .pro_night .pic {width: 87.14%;} .pro_night .pic figure {padding-bottom: 49.26%;} .pro_night .word {position: absolute;right:0;top:50%;width: 31.28%;padding:.7rem;transform:translateY(-50%);background:url("../images/pro_bg2.jpg") no-repeat right bottom #14a83b;} .pro_night .word aside {font-size: .4rem;font-weight: bold;color: #fff;} .pro_night .word p {margin:.4rem 0 .8rem;font-size: 1.125em;color: #fff;} .pro_night .word .more {display: block;width: 1.5rem;line-height: .5rem;color: #14a83b;border-radius:10px;text-align: center;background:url("../images/btn_more2.png") no-repeat right center#fff;transition: .3s;} .pro_night .word .more:hover {background-position: 130% center;} @media (max-width: 1024px) { .pro_night .pic {width: 100%;} .pro_night .word {position: relative;width: 100%;top:0;transform:none;} .pro_night .word .more {width: 2.5rem;line-height: .7rem;} } .bottom {padding-top: .85rem;background: url("../images/btm_bg.jpg") no-repeat left bottom #f6f6f6} .bottom .code {display: inline-block;text-align: center;} .bottom .code p {margin:0;color:#333;line-height: 2;} .bottom .btn_nav dl{ float: left;width: 2.1rem} .bottom .btn_nav dl:not(:last-of-type){margin-right: 1.06rem;} .bottom .btn_nav dl dt {position: relative;padding-bottom: .24rem;margin-bottom: .2rem;font-size: 1.125em;font-weight: bold;color:#333;border-bottom: 1px solid #e8e8e8;} .bottom .btn_nav dl dt:after {position: absolute;content:'';width: .08rem;height: .08rem;right:0;bottom:0;margin-bottom:-0.04rem;border-radius:50%;background:#e8e8e8;} .bottom .btn_nav dl dd { float: left;width: 2.1rem;} .bottom .btn_nav dl dd a { line-height: 2.5} .bottom .btn_nav dl dd a:hover { color:#14a83b;} .bottom .btn_nav dl:nth-of-type(1) dd {display: inline-block;width: 50%;} .bottom .link{margin-top:.3rem} .bottom .link a{margin-right:.1rem} .bottom .copyright {margin-top: .3rem;line-height: .7rem;border-top: 1px solid #dadada;} .bottom .copyright p {float: left; margin: 0;} .bottom .copyright .share {float: right;} .bottom .copyright .share .social-share {display: inline-block;} .bottom .copyright .share .social-share-icon:before {display: none;} .bottom .copyright .share .social-share .icon-qq {background:url("../images/share_qq.png") no-repeat center;} .bottom .copyright .share .social-share .icon-wechat {background:url("../images/share_wechat.png") no-repeat center;} .bottom .copyright .share .social-share .icon-weibo {background:url("../images/share_weibo.png") no-repeat center;} @media (max-width: 1024px) { .bottom { padding-top: 4%;text-align: center;background: url("../images/news_bg1.png") no-repeat left 60% #f6f6f6;} .bottom .btn_nav { float: none; width: 100%; margin-bottom: 3vw;overflow: hidden;} .bottom .btn_nav dl { width: 100%; } .bottom .btn_nav dl dt { position: relative;text-align: left; font-size: .24rem;line-height: 12vw; padding-bottom: 0;} .bottom .btn_nav dl dt::after { position: absolute;content:''; width: 10px; height: 6px;top:50%;right:0; margin-top: -3px;background:url("../images/arrow_down.png") no-repeat right center;transition: .3s;} .bottom .btn_nav dl.clickon dt::after { transform: rotate(180deg);} .bottom .btn_nav dl .wrap { display: none;padding-bottom: 10vw; overflow: hidden;} .bottom .btn_nav dl dd, .bottom .btn_nav dl:nth-of-type(1) dd { width: 100%;text-align: left;} .bottom .btn_nav dl dd { padding:2.66vw 3% 0;} .bottom .btn_nav dl dd a { display: block; line-height: 9vw;font-size: .24rem;border-bottom: 1px solid #e8e8e8;} .bottom .copyright { margin-top: 6vw;background: rgba(205, 210, 213, 0.51);} .bottom .copyright p, .bottom .copyright .share {float: none;} .bottom .copyright p { margin:0;padding:4% 0;} .bottom .copyright .share { display: none;} } @media (max-width: 640px) { .bottom .copyright p { font-size:12px; line-height:18px; } } /*about*/ .about_one {padding: 1.28rem 0 1.5rem;background: url("../images/about_bg.jpg") no-repeat left bottom;} .about_one .word .tit {float: left;font-size: .41rem;font-weight: bold;color:#333;} .about_one .word .intro {float: right;width: 70%;font-size: 1.25em;line-height: 1.9;} .about_one .word .intro p {margin-top: 0;} .about_one .numBox {padding-top: 1rem;} .about_one .numBox li{display: inline-block;text-align: center;} .about_one .numBox li p {margin:0;color:#14a83b;} .about_one .numBox li p .counter {font-family:Arial;font-size: .65rem;font-weight: bold;} .about_one .numBox li p em {font-style: normal;font-size: .14rem;font-weight: bold;margin-top:0.5rem} .about_one .numBox li .txt {color:#000;} @media (max-width: 1024px) { .about_one .word .intro {width: 100%;margin-top: 4%;font-size: 4vw;} .about_one .numBox ul {flex-wrap: wrap;justify-content: flex-start;} .about_one .numBox li {width: 33%;margin-bottom: 4%;} .about_one .numBox li p {justify-content: center;} .about_one .numBox .counter i {font-size: 9vw;} } .about_two {padding: 1.1rem 0;background: url("../images/about_bg2.jpg") no-repeat left bottom/cover;} .about_two .innerTitle {margin-bottom: .6rem;} .about_two ul {background:#fcfcfc;} .about_two li {float: left;width: 50%;padding: .4rem .34rem;text-align: center;} .about_two li:not(:last-of-type) {border-right: 1px solid #e3e3e3;} .about_two li aside {margin-bottom: .28rem;font-size: 1.25em;color: #403939;font-weight: bold;} @media (min-width: 1025px) { .about_two li {width: 14.28%;} } .about_three {padding: 1.1rem 0;} .about_three .img{ border-radius:20px; } .about_three .innerTitle {margin-bottom: .6rem;} .about_three li {float: left;width: 100%;} .about_three li .word {position: relative;height: 3.2rem;padding:.5rem .6rem;background-color: #f4f4f4;transition: .3s;} .about_three li .word .icon {position: absolute;display: block;width: .42rem;height: .42rem;top:.5rem;right:.7rem;background-repeat: no-repeat;background-position: center;background-size: .42rem;transition: .3s;} .about_three li:nth-child(1) .word .icon {background-image: url("../images/about_icon1.png")} .about_three li:nth-child(2) .word .icon {background-image: url("../images/about_icon2.png")} .about_three li:nth-child(3) .word .icon {background-image: url("../images/about_icon3.png")} .about_three li .word p {color: #191919;transition: .3s;font-size:1.5em; font-weight: bold;} .about_three li .word aside {width: 100%;font-size: 1.1em;color: #333;transition: .3s;} .about_three li .pic figure {width: 100%;padding-bottom: 68.66%;} .about_three li .word:hover {background-color: #14a83b;} .about_three li .word:hover p, .about_three li .word:hover aside {color: #fff;} .about_three li:nth-child(1) .word:hover .icon {background-image: url("../images/about_icon1_h.png")} .about_three li:nth-child(2) .word:hover .icon {background-image: url("../images/about_icon2_h.png")} .about_three li:nth-child(3) .word:hover .icon {background-image: url("../images/about_icon3_h.png")} @media (min-width: 1025px) { .about_three li {position: relative;width: 33.33%;} .about_three li .pic {position: absolute;left:0;width: 100%;height:3.2rem;} .about_three li .pic {position: absolute;left:0;width: 100%;height:3.2rem;} .about_three li:nth-child(odd) {padding-bottom: 3.2rem;} .about_three li:nth-child(odd) .pic {bottom:0;} .about_three li:nth-child(even) {padding-top: 3.2rem;;} .about_three li:nth-child(even) .pic {top:0;} } @media (max-width: 1024px) { .about_three li .word{height:auto} .about_three li .word p {font-size: 4vw;} .about_three li .word aside {font-size: 4.4vw;} } .about_four {background:url("../images/about_bg3.png") no-repeat bottom center #f9f9f9;} .about_five {padding: 1.2rem 0;background-color: #f6f6f6;} .about_five .top {position: relative;margin-bottom: .7rem;} .about_five .top .tab .item {position: relative;display: inline-block;} .about_five .top .tab span {position: relative;display: inline-block;font-size: .4rem;font-weight: bold;color:#333;cursor: pointer;} .about_five .top .tab .item.on span {color:#14a83b;} .about_five .top .tab .item:not(:first-child):before {position: absolute;content:'';width: 1px;height: .4rem;top:50%;left:0;margin-top: -.2rem;background:#cdcdcd;} .about_five .top .tab span::after {position: absolute;content:'';width: 100%;height: 1px;bottom:0;left:0;background:#14a83b;display: none;} .about_five .top .tab .item.on span::after {display: block;} .about_five .top .tab .item:not(:first-child) {margin-left: .38rem;padding-left: .38rem;} .about_five .list .swiper {margin: 0 -.1rem;overflow: visible;} .about_five .list .swiper .swiper-wrapper {padding: .1rem .1rem .6rem .1rem;} .about_five .list .swiper-slide {padding:.8rem .4rem;box-shadow: 0 0 .1rem 0 #eee;height:4.17rem;background:url("../images/about_bg4.png") no-repeat bottom center #fff;transition: .3s;} .about_five .list .swiper-slide:hover {background-color:#14a83b;} .about_five .list .swiper-slide aside {font-size: .65rem;font-weight: bold;color: #14a83b;font-family: Arial;} .about_five .list .swiper-slide aside span {display: inline-block;margin-left: 5px;color: #333; font-size:.24em;} .about_five .list .swiper-slide p{font-size: 1.1em;color: #444444;} .about_five .list .swiper-slide:hover {background-color:#14a83b;} .about_five .list .swiper-slide:hover aside , .about_five .list .swiper-slide:hover aside span , .about_five .list .swiper-slide:hover p {color:#fff;} .about_five .list .swiper-horizontal > .swiper-scrollbar {height: 2px;} .about_five .list .swiper-scrollbar-drag {position: relative;background-color: #14a83b} .about_five .list .swiper-scrollbar-drag::before {position: absolute;content:'';width: 6px;height: 6px;top:0;left:0;margin-top:-2px;border-radius:50%;background-color: #14a83b} .about_five .btns {position: absolute;top:50%;right:0;transform: translateY(-50%);} .about_five .btns .swiper-button-prev, .about_five .btns .swiper-button-next{position: relative;display: inline-block;left:0;width: .44rem;height:.44rem;background-repeat:no-repeat;background-position:center;background-size:contain; background-size: .43rem;cursor: pointer;transition: .3s;} .about_five .btns .swiper-button-prev{background-image: url("../images/arrow_l.png");} .about_five .btns .swiper-button-next{margin-left: .15rem;background-image: url("../images/arrow_r.png");} .about_five .btns .swiper-button-prev:after, .about_five .btns .swiper-button-next:after { display: none;} .about_five .btns .swiper-button-prev:hover{background-image: url("../images/arrow_l_h.png");} .about_five .btns .swiper-button-next:hover {background-image: url("../images/arrow_r_h.png")} .about_five .swiper-horizontal > .swiper-pagination-progressbar {position: relative;} .about_five .swiper-horizontal > .swiper-pagination-progressbar:after { position: absolute;content: '';width: 6px;height: 6px;top: 0;left: 0;margin-top: -2px;border-radius: 50%;background-color: #14a83b;;} .about_five .swiper-horizontal > .swiper-pagination-progressbar, .about_five .swiper-horizontal > .swiper-pagination-progressbar {top:100%;height: 2px;} .about_five .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {;background: #2c9e41;} .about_six {padding: 1rem 0;} .about_six .innerTitle {margin-bottom: .6rem;} .about_six ul li {position: relative;float: left;} .about_six ul li figure {padding-bottom: 77.46%;} .about_six ul li:nth-child(1) figure {padding-bottom: 69.58%;} .about_six ul li:nth-child(2), .about_six ul li:nth-child(3) {margin-bottom: 1.5%;} .about_six ul li p {position: absolute;width: 100%;left:0;bottom:0;margin:0;text-align: center;color:#fff;font-size: 1.125em;background-color: rgba(0, 0, 0, 0.4);transition: .3s;padding:.15rem .03rem} .about_six ul li:hover p {background-color: rgba(20, 168, 59, 0.9);} @media (min-width: 1025px) { .about_six ul li {width: 22.42%;margin-left: 1.5%;} .about_six ul li:nth-child(1) {width: 52.14%;margin-left: 0;} } @media (max-width: 1024px) { .about_six ul li {width: 48.5%;margin-bottom: 3%;} .about_five .list .swiper-slide{ margin-right:20px !important; padding: 0.8rem 0.3rem; } .about_five .list .swiper-slide aside{ font-size:.50rem; } .about_five .list .swiper-slide p{ font-size:12px; } .about_six ul li:nth-child(1) {width: 100%;} .about_six ul li:nth-child(2n) {margin-right: 3%;margin-bottom: 3%;} } .about_seven {padding: 1rem 0;} .about_seven .innerTitle {margin-bottom: .6rem;} .about_seven ul li {position: relative;float: left;} .about_seven ul li figure {padding-bottom: 77.46%;} .about_seven ul li:nth-child(1) figure {padding-bottom: 69.58%;} .about_seven ul li:nth-child(2), .about_seven ul li:nth-child(3) {margin-bottom: 1.5%;} .about_seven ul li p {position: absolute;width: 100%;left:0;bottom:0;margin:0;text-align: center;color:#fff;font-size: 1.125em;background-color: rgba(0, 0, 0, 0.4);transition: .3s;padding:.15rem .03rem} .about_seven ul li:hover p {background-color: rgba(20, 168, 59, 0.9);} @media (min-width: 1025px) { .about_seven ul li {width: 22.42%;margin-left: 1.5%;} .about_seven ul li:nth-child(1) {width: 52.14%;margin-left: 0;} } @media (max-width: 1024px) { .about_seven ul li {width: 48.5%;margin-bottom: 3%;} .about_seven .list .swiper-slide{ margin-right:20px !important; padding: 0.8rem 0.3rem; } .about_seven .list .swiper-slide aside{ font-size:.50rem; } .about_seven .list .swiper-slide p{ font-size:12px; } .about_seven ul li:nth-child(1) {width: 100%;} .about_seven ul li:nth-child(2n) {margin-right: 3%;margin-bottom: 3%;} } @media (max-width: 1024px) { .about_five .top .tab span{font-size:.3rem} } .factory_one {padding:1.1rem 0;background: url("../images/factory_bg1.png") no-repeat right center;} .factory_one .tit aside {line-height: 1;font-size: .4rem;font-weight: bold;color:#333;} .factory_one .top .subMenu { } .factory_one .top .subMenu li {position: relative;display: inline-block;} .factory_one .top .subMenu li a {position: relative;font-size: 18px;color: #767676;padding-bottom: .1rem;} .factory_one .top .subMenu li a::after {position: absolute;content:'';width: 100%;height: 2px;bottom:0;left:0;background:#14a83b;display: none;} .factory_one .top .subMenu li.on a::after, .factory_one .top .subMenu li:hover a::after {display: block;} .factory_one .content {padding-top: .8rem;} .factory_one .pic figure {padding-bottom: 58.92%;} .factory_one .pic:hover figure {transform: scale(1)} .factory_one .pic .slick-arrow {position: absolute;display: block;width: .43rem;height: .43rem;top:50%;transform: translateY(-50%);background-repeat: no-repeat;background-position: center;background-size: contain;z-index: 12;} .factory_one .pic .slick-arrow.slick-prev {left:.2rem;background-image: url("../images/arrow_prev_w.png")} .factory_one .pic .slick-arrow.slick-next {right:.2rem;background-image: url("../images/arrow_next_w.png")} .factory_one .pic li.slick-slide{position: relative; } .factory_one .pic li.slick-slide video{position: absolute; z-index: 10; left: 50%; top: 50%; transform: translate(-50%,-50%);height: 100%; width: 100%;background: #000;} .factory_one .word .tit{position: relative;margin-bottom: .4rem;font-size: .24rem;font-weight: bold;color: #333;} .factory_one .word .intro{font-size: 1.125em;line-height: 1.8;} .factory_one .numBox {margin-top: .76rem;overflow: hidden;} .factory_one .numBox li{float: left;padding: .34rem .4rem;background: url("../images/factory_bg2.jpg") no-repeat right bottom #f6f6f6;height:2rem} .factory_one .numBox li aside {position: relative;font-size: 1.25em;font-weight: bold;color: #333;padding-left: .14rem;line-height: 1;} .factory_one .numBox li aside::before {position: absolute;content:'';width: 3px;height: 100%;top:0;left:0;background:#14a83b} .factory_one .numBox li p {margin: .15rem 0 .2rem;font-size: 1em;} @media (min-width: 1025px) { .factory_one .factory_one_nav .tit {float:left;} .factory_one .tit aside { padding-bottom:30px;} .factory_one .factory_one_nav .top {float:right;width:75%;} .factory_one .top .subMenu { text-align:right;} .factory_one .top .subMenu li:not(:last-child) {margin-right: 1.5%; margin-bottom:1.5%; } .factory_one .pic {float: left;width: 60%;} .factory_one .word {float: right;width: 35%;} .factory_one .numBox li{width: 23.42%;} .factory_one .numBox li:not(:nth-child(4n)){margin-right: 2.1%;} } @media (min-width: 1025px) and (max-width: 1280px) { .factory_one .top .subMenu li a {font-size: 16px;} } @media (max-width: 1024px) { .factory_one .content { padding-top: .6rem;} .factory_one .top .subMenu { padding-top: .4rem;padding-bottom: 4vw;text-align: left;overflow-x: auto;} .factory_one .top .subMenu ul {white-space: nowrap;} .factory_one .top .subMenu li { margin-right: .4rem; margin-bottom: 0;} .factory_one .top .subMenu li a { display: block;} .factory_one .word {margin-top: .4rem;} .factory_one .numBox ul {display: flex;flex-wrap: wrap;} .factory_one .numBox li{width: 48.5%;margin-bottom: 3%;} .factory_one .numBox li:not(:nth-child(2n)){margin-right: 3%;} } .factory_two {background:url("../images/factory_bg3.jpg") no-repeat bottom center;} .factory_two .innerTitle {color:#fff;} .factory_two .innerTitle .slick_btns .slick-arrow.slick-prev{background-image: url("../images/arrow_prev_w.png")} .factory_two .innerTitle .slick_btns .slick-arrow.slick-next{background-image: url("../images/arrow_next_w.png")} .factory_two .innerTitle .slick_btns .slick-arrow.slick-prev:hover{background-image: url("../images/arrow_l_h.png")} .factory_two .innerTitle .slick_btns .slick-arrow.slick-next:hover{background-image: url("../images/arrow_r_h.png")} .factory_three {padding: 1rem 0;} .duty {padding: 1.2rem 0 .5rem;} .duty .list li {float: left;} .duty .list li .pic {border-radius: .2rem .2rem 0 0;overflow: hidden;} .duty .list li .pic figure {padding-bottom: 68.18%;transition: .3s;} .duty .list li .word {padding: .5rem .68rem .5rem .5rem;background-color: #f6f6f6; border-radius: 0 0 .2rem .2rem;transition: .3s;} .duty .list li:hover .word {box-shadow:0 0.05rem 0.1rem 0.02rem #eee;background:url("../images/factory_bg4.jpg") no-repeat center #fff;} .duty .list li .word aside {font-size: 1.375em;font-weight: bold;color:#333;} .duty .list li .word p {height: .84rem;line-height: 1.7;color:#666;} .duty .list li .btn_more {} .duty .list li:hover .btn_more {color:#fff;background: url(../images/btn_more2_h.png) no-repeat right center/0.32rem 0.05rem #14a83b;} .gcjs{ background:#f6f6f6; padding: 1.2rem 0 0.8rem; } .gcjs .ul{ padding-top:.6rem; } .gcjs .list li .word{padding: .2rem .68rem .2rem .5rem; background-color: #fff; text-align:center} .gcjs .list li .word aside{ font-size:1.1em; } @media (min-width: 1025px) { .duty .list li {width: 31.42%;margin-bottom: 2.87%;} .duty .list li:not(:nth-child(3n)) {margin-right: 2.87%;} } @media (max-width: 1024px) { .duty .list li {width: 48.5%;margin-bottom: 3%;} .duty .list li:not(:nth-child(2n)) {margin-right: 3%;} .duty .list li .word {padding: 4vw;} .duty .list li .word p { height: auto;} .duty .list li .more {background-image:none;} } .welfare {padding: .9rem 0;} .welfare .innerTitle {margin-bottom: .6rem;} .welfare .list li {margin-bottom: .3rem;} .welfare .list li .pic {width: 100%;border-radius: .2rem 0 0 .2rem;overflow: hidden;} .welfare .list li .pic figure {padding-bottom: 68.26%;transition: .3s;} .welfare .list li .word {padding: 0 .9rem 0 .8rem;background: #f6f6f6; border-radius: 0 .2rem .2rem 0 ;transition: background-color .3s;} .welfare .list li:hover .word {box-shadow:.05rem 0 0.1rem 0.02rem #eee;background:url("../images/welfare_bg1.png") no-repeat right bottom/2.75rem #fff;} .welfare .list li .word aside {position: relative;padding-left: .16rem;font-size: .24rem;font-weight: bold;color:#333;} .welfare .list li .word aside::before {position: absolute;content:'';width: .05rem;height: .24rem;top:50%;left:0;margin-top:-.12rem;border-radius:0.03rem;background:#14a83b;} .welfare .list li .word p {margin-top: .45rem; font-size: 1.125em;line-height: 1.77;color:#666;} @media (min-width: 1025px) { .welfare .list li .pic {width: 37.14%;margin-bottom: 2.87%;} } @media (max-width: 1024px) { .welfare .list li .pic, .welfare .list li .word {display: block;width: 100%;} .welfare .list li .pic {border-radius: .2rem .2rem 0 0;} .welfare .list li .word {padding: .5rem;border-radius: 0 0 .2rem .2rem;} } .envir {padding: 2rem 0 1rem 0; } .envir .innerTitle {margin-bottom: .6rem;} .envir .list li {margin-bottom: .3rem;padding:.5rem .45rem .5rem .7rem;background: #f6f6f6;transition: .3s;} .envir .list li:hover {box-shadow:0 0 0.1rem 0.02rem #eee ;background: url("../images/news_bg1.png") no-repeat left center #fff;} .envir .list li .pic {width: 100%;overflow: hidden;} .envir .list li .pic figure {padding-bottom: 68.26%;transition: .3s;} .envir .list li .word {padding-right: .8rem;transition: background-color .3s;} .envir .list li .word time {color:#666;} .envir .list li .word aside {position: relative;padding-top: .2rem;font-size: 1.375em;font-weight: bold;color:#333;transition: .3s;} .envir .list li:hover .word aside {color:#14a83b;} .envir .list li .word p { font-size: 1.125em;line-height: 1.77;color:#666;} .btn_more {display: block;width: 1.5rem;line-height: 3.125em;color: #14a83b;border-radius: .1rem;text-align: center;border:1px solid #14a83b;background: url(../images/btn_more2.png) no-repeat right center/.32rem .05rem;transition: .3s;} .btn_more:hover {color:#fff;background: url(../images/btn_more2_h.png) no-repeat right center/.32rem .05rem #14a83b} @media (min-width: 1025px) { .envir .list li .pic {width: 3.2rem;margin-bottom: 2.87%;} } @media (max-width: 1024px) { .envir .list li .ytable, .envir .list li .pic, .envir .list li .word {display: block;width: 100%;} .envir .list li .word {padding: 0 0 .5rem;} .btn_more {width: 1.8rem;} } .staff {padding: 1rem 0;} .staff .innerTitle {margin-bottom: .6rem;} .staff .list li {position: relative; float:left;transition: .3s;} .staff .list li .pic {width: 100%;overflow: hidden;} .staff .list li .pic figure {padding-bottom: 73.7%;transition: .3s;} .staff .list li aside {position: absolute;width: 100%;line-height: .6rem;bottom:0;left:0;text-align: center;color:#fff;font-size: 1.25em;background:rgba(0,0,0,0.4);transition: .3s;} .staff .list li:hover aside {background: rgba(20, 168, 59, 0.9) } @media (min-width: 1025px) { .staff .list li {width: 32.14%;margin-bottom: 1.79%;} .staff .list li:not(:nth-child(3n)) {margin-right: 1.79%;} } @media (max-width: 1024px) { .staff .list li {width: 48.5%;margin-bottom: 3%;} .staff .list li:not(:nth-child(2n)) {margin-right: 3%;} } /*innerPage */ .innerPage { padding: .5rem 0 0 0; text-align: center; font-family: Arial;position: relative; } .innerPage .Pages a.a_first, .innerPage .Pages a.a_end, .innerPage .Pages > span:not(.p_page) { display: none; } .innerPage .Pages em { float: left; font-style: normal; } .innerPage .Pages .p_page { display: flex;justify-content:center; margin: 0 auto; } .innerPage .Pages a,.innerPage .Pages .p_page span { float: left; line-height: 50px; width: 50px; border-radius: .05rem; margin: 0 .12rem;background:#f6f6f6; } .innerPage .Pages .p_page span, .innerPage .Pages a:hover { color: #fff; background: #14a83b; } .innerPage .Pages .p_page > a,.innerPage .Pages .p_page span { width: 50px; position: relative; } @media(max-width:640px) { .innerPage { padding: 6vw 0 8vw 0; } .innerPage .Pages a,.innerPage .Pages .p_page span {margin: 0 .05rem;line-height: 30px; width: 30px;} } .news {background: url("../images/news_bg.jpg") no-repeat center top;} .news .top {position: relative;padding-bottom: .3rem;} .news .top .innerTitle {position: relative;padding-bottom: .38rem;margin-bottom: .3rem;} .news .top .innerTitle::after {position: absolute;content:'';width: .63rem;height: .07rem;bottom:0;left:50%;margin-left: -.32rem;background:url("../images/news_icon.png") no-repeat center/contain;} .news .top p {font-size: 1.125em;color:#333;text-align: center;} .news .top .search {position: relative;float: right;width: 3.45rem;padding-right: .56rem;border:1px solid #e5e5e5;border-radius:.5rem;background:#fff;overflow: hidden;} .news .top .search input {line-height: .5rem;padding-left: .2rem;border:0;color:#acacac;font-size: .14rem;} .news .top .search input::-webkit-input-placeholder {color:#acacac;} .news .top .search .btn {display: block;position: absolute;width: .56rem;height: 100%;top:0;right:0;background: url("../images/search_btn1.png") no-repeat center/.31rem;cursor: pointer;} .newsInfo {padding: 2rem 0 1.4rem;} .newsInfo .top{position: relative;margin-bottom: .4rem;padding-bottom: .48rem;text-align: center;} .newsInfo .top .back{ padding:.3rem 0 0; } .newsInfo .top .btn_more{ display:inline-block; } .newsInfo .top::before, .newsInfo .top::after {position: absolute;content:'';bottom:0;left:0;} .newsInfo .top::before {width: .06rem;height: .06rem; bottom: -0.02rem;border-radius:50%;background:#14a83b;} .newsInfo .top::after {width: 100%;height: .01rem;background:#14a83b;} .newsInfo .top aside {font-size: .5rem;font-weight: bold;color:#333;} .newsInfo .top time {display: block;margin:.3rem 0 0; font-size: 1.125em;color:#adadad;} .newsInfo article {font-size: 1.25em;line-height: 1.7;} .newsInfo article p {margin: .3rem 0;} @media (max-width: 1024px) { .news .top .search {float:none;margin:0 auto;} } .page_pn {margin-top: .6rem;background:#f8f8f8; display: flex;justify-content: space-between;} .page_pn span {display: inline-block;width: 40.3%;text-align: center;padding:0 .4rem;vertical-align: middle;} .page_pn span:not(:last-child) {border-right:1px solid #e8e8e8;} .page_pn span a {position: relative;display: block; line-height: .75rem;} .page_pn span a:hover {color:#14a83b;} .page_pn span.mid {width: 20%;} .page_pn span.mid a::before {content:'';display: inline-block;width: .15rem;height: .12rem;margin-right: .1rem;background:url("../images/btn_list.png") no-repeat center/.15rem;} @media (max-width: 1024px) { .page_pn { display: block;} .page_pn span, .page_pn span.mid{ width: 100%; text-align: left;} } .bsBox , #bsPanel {box-sizing: content-box;} .jobs_one {padding: 1.1rem 0;} .jobs_one .innerTitle {margin-bottom: .6rem;} .jobs_one li {float: left;width: 100%;} .jobs_one li .word {position: relative;height: 3.5rem;padding:.5rem .6rem;background-color: #f4f4f4;transition: .3s;} .jobs_one li .word .icon {position: absolute;display: block;width: .42rem;height: .42rem;top:.5rem;right:.7rem;background-repeat: no-repeat;background-position: center;background-size: .42rem;transition: .3s;} .jobs_one li:nth-child(1) .word .icon {background-image: url("../images/about_icon1.png")} .jobs_one li:nth-child(2) .word .icon {background-image: url("../images/about_icon2.png")} .jobs_one li:nth-child(3) .word .icon {background-image: url("../images/about_icon3.png")} .jobs_one li .word aside {width: 100%;font-size: .32rem;color: #333;font-weight: bold;transition: .3s;} .jobs_one li .word p {line-height: 2;color: #191919;transition: .3s;} .jobs_one li .pic figure {width: 100%;height: 3.5rem;} .jobs_one li .word:hover {background-color: #14a83b;} .jobs_one li .word:hover p, .jobs_one li .word:hover aside {color: #fff;} .jobs_one li:nth-child(1) .word:hover .icon {background-image: url("../images/about_icon1_h.png")} .jobs_one li:nth-child(2) .word:hover .icon {background-image: url("../images/about_icon2_h.png")} .jobs_one li:nth-child(3) .word:hover .icon {background-image: url("../images/about_icon3_h.png")} @media (min-width: 1025px) { .jobs_one li {position: relative;width: 33.33%;} .jobs_one li .pic {position: absolute;left:0;width: 100%;height:3.5rem;} .jobs_one li:nth-child(odd) {padding-top: 3.5rem;;} .jobs_one li:nth-child(odd) .pic {top:0;} .jobs_one li:nth-child(even) {padding-bottom: 3.5rem;} .jobs_one li:nth-child(even) .pic {bottom:0;} } @media (max-width: 1024px) { .jobs_one li .word { height: auto;} } .jobs_two {position: relative;padding: 1.3rem 0 .75rem;background: url("../images/jobs_bg.jpg") no-repeat top center/19.2rem ;} .jobs_two::after {position: absolute;content:'';width: 100%;height: calc(100% - .56rem);top:.56rem;left:0;background: linear-gradient(to bottom, #f6f6f6, #fff);z-index: -1;} .jobs_two .auto-1400 {position: relative;z-index: 2;} .jobs_two .info {width: 9.9rem;margin:0 auto;color:#fff;text-align: center;} .jobs_two .info p {font-size: 1.125em;line-height: 1.7;} .jobs_two .info aside {font-size: .45rem;font-weight: bold;} .jobs_two .search_list {margin-top: .9rem;padding-bottom: 1.1rem;text-align: center} .jobs_two .search_list span {display: inline-block;margin:0 0.05rem;width: 2.28rem;border-radius: .5rem;vertical-align: middle;background:#fff;} .jobs_two .search_list .select select {width: 100%;line-height: .48rem;padding: 0 .24rem;border-radius: .5rem;color:#333;font-size: .14rem;background:url("../images/select_icon.png") no-repeat 96% center;} .jobs_two .search_list .search {position: relative;padding-right: .56rem;border:1px solid #e5e5e5;border-radius:.5rem;background:#fff;overflow: hidden;} .jobs_two .search input {line-height: .5rem;padding-left: .2rem;border:0;color:#acacac;font-size: .14rem;} .jobs_two .search input::-webkit-input-placeholder {color:#acacac;} .jobs_two .search .btn {display: block;position: absolute;width: .56rem;height: 100%;top:0;right:0;background: url("../images/search_btn1.png") no-repeat center/.31rem;cursor: pointer;} .jobs_two .list li {float: left;padding: .4rem .5rem;box-shadow:0 0 0.05rem 0 #d2d2d2 ;cursor: pointer;background:#fff;animation-fill-mode: none;transition: .3s;} .jobs_two .list li:hover {background: url("../images/news_bg1.png") no-repeat left center/2.86rem #fff;} .jobs_two .list li aside {padding-bottom: .24rem;font-size: 1.25em;color:#333;font-weight: bold;} .jobs_two .list li dl {margin-bottom: .24rem;padding-bottom: .24rem;color: #474b51;border-bottom:1px solid #e2e2e2;} .jobs_two .list li:hover dl {border-bottom-color:#14a83b;} .jobs_two .list li dl dd {display: inline-block;padding-left: .2rem;line-height: 1;} .jobs_two .list li dl dd:nth-child(1) {border-right:1px solid #cacaca;margin-right: .2rem;padding-right: .2rem;background: url("../images/jobs_icon1.png") no-repeat left center/.18rem;} .jobs_two .list li dl dd:nth-child(2) {background: url("../images/jobs_icon2.png") no-repeat left center/.18rem;} .jobs_two .list li:hover .btn_more { color: #fff;background: url(../images/btn_more2_h.png) no-repeat right center/.32rem .05rem #14a83b;} .jobs_two .list .popInfo {position: fixed;width: 100%;height: 100%;top:0;left:0;background: rgba(0, 0, 0, 0.3);z-index: 100;display: none;} .jobs_two .list .popInfo .wrap {position: absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding: .7rem .95rem;background:#fff;} .jobs_two .list .popInfo .email {padding-left: .3rem;font-size: .14rem;color: #000;background: url("../images/btn_email.png") no-repeat left center/.2rem} .jobs_two .list .popInfo .close {position: absolute;width: .3rem;height: .3rem;top:.6rem;right:.6rem;background: url("../images/btn_close.png") no-repeat center/.16rem;cursor: pointer;transition: .3s;} .jobs_two .list .popInfo .close:hover {transform: rotate(90deg)} .jobs_two .list .popInfo .inner {width: 9rem;padding-right: 1.45rem;} .jobs_two .list .popInfo .inner aside {font-size: .28rem;} .jobs_two .list .popInfo .inner dl {border-bottom-color:#e2e2e2;} .jobs_two .list .popInfo .content {width: 9rem;height: 5rem;padding-right: 1.45rem;padding-top: .2rem;margin-bottom: .6rem;} .jobs_two .list .popInfo .content b {font-size: 1.25em;color:#000;} .jobs_two .list .popInfo .content p {color:#474b51;line-height: 2;} .jobs_two .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{position: relative;width: 2px;background-color: #14a83b;} .jobs_two .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar::before {position: absolute;content:''; width: 6px;height: 6px;top: 0;left: -2px;border-radius:50%;background-color: #14a83b;} .jobs_two .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(20, 168, 59, 0.25); filter: "alpha(opacity=25)"; -ms-filter: "alpha(opacity=25)"; } .jobs_two .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .jobs_two .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color: #14a83b; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } @media (min-width: 1025px) { .jobs_two .list li {width: 32.14%;margin-bottom: 1.79%;} .jobs_two .list li:not(:nth-child(3n)) {margin-right: 1.79%;} } @media (max-width: 1024px) { .jobs_two { padding-top: .8rem;} .jobs_two .list li {width: 48.5%;margin-bottom: 3%;} .jobs_two .list li:not(:nth-child(2n)) {margin-right: 3%;} .jobs_two .list li aside {height: 4em;} .jobs_two .info { width: 100%;} .jobs_two .list .popInfo .wrap {width: 100%;} .jobs_two .list .popInfo .inner {width: 100%;padding-right: 0;} .jobs_two .list .popInfo .content {width: 100%;padding-right: 0;} .jobs_two .search_list span { width: 47%;margin:0 1% 3vw;} } .contact {padding: .9rem 0 .5rem;} .contact .list li {width: 100%;margin-bottom: .34rem; padding: .4rem;background:url("../images/contact_bg.png") no-repeat 40% center #f6f6f6} .contact .list li figure {padding-bottom: 59%;} .contact .list li .word {padding: .2rem .9rem 0 ;vertical-align: top;} .contact .list li .word aside {position: relative;padding-left: .22rem;margin-bottom: .2rem;font-size: .24rem;color:#333;font-weight: bold;} .contact .list li .word aside::before {position: absolute;content:'';width: .05rem;height:.26rem;top:50%;left:0;margin-top:-.13rem;background:#14a83b;} .contact .list li .word dl {margin-bottom: .15rem;} .contact .list li .word dl > *{display: inline-block;vertical-align: top;} .contact .list li .word dl dt {width: 1rem;font-size: 1em;font-weight: bold;color: #333;} .contact .list li .word dl dd {width: calc(100% - .5rem);font-size: 1em;color:#666;} .contact .list li .word .btn_more {margin-top: .3rem;} .en_contact .list li .word{ padding:0.2rem 0 0 0.9rem; } .en_contact .list li .word dl dt{ width: 2rem; } @media (min-width: 1025px) { .contact .list li .pic {width: 5.5rem; min-width:550px; } } @media (max-width: 1024px) { .contact .list li .ytable, .contact .list li .pic, .contact .list li .word {display: block;width: 100%;} .contact .list li .word {padding: .4rem .4rem 0 .4rem;} .contact .list li .word dl dt {width: .8rem;font-size: 4vw;} .contact .list li .word dl dd {width: calc(100% - .8rem);font-size: 4vw;} .contact .list li .word aside {font-size: 4.4vw;} .contact .list li .pic { min-width:inherit; } } .government {padding: .7rem 0;} .government .innerTitle {padding-bottom: .6rem;} .government .top dl {padding-bottom: .68rem;text-align: center;} .government .top dd {display: inline-block;} .government .top dd a {display: block;padding: 0 .46rem;line-height: .56rem;font-size: 1.125em;color:#666;border-radius:.5rem;transition: .3s;} .government .top dd.on a, .government .top dd a:hover {font-weight: bold;color: #fff;background-color: #14a83b;} .government .shares {margin-bottom: .6rem;} .government .shares .left {padding: 0 1rem;background-color: #f6f6f6;} .government .shares .left aside {font-size: .65rem;font-family: Arial;font-weight: bold;color:#14a83b;} .government .shares .left p {color:#484848;} .government .shares .right {height: 2.8rem;padding-top: .4rem;color:#fff;background: url("../images/government_bg1.jpg") no-repeat bottom center/cover;} .government .shares .right ul {text-align: center;} .government .shares .right ul li {display: inline-block;margin: 0 .40rem;text-align:center} .government .shares .right ul li aside {font-size: .44rem;font-family: Arial;} .government .shares .right ul li p {margin-top: 0;color:rgba(255,255,255,0.7);} .government .shares .right .tips {margin-top: .7rem;color:rgba(255,255,255,0.4);text-align: center;} .government_one .info {padding: .4rem;background:#f6f6f6} .government_one .info aside {margin-bottom: .45rem;padding-left: .35rem;font-size: 1.375em;font-weight: bold;color: #333;background: url("../images/government_icon.png") no-repeat left center/.2rem;} .government_one .info p {line-height: 1.7;} .government_one .list li {margin-bottom: .2rem;padding:.4rem .6rem;border:3px solid transparent;background-repeat:no-repeat;background-position:left center;background-size:1.9rem;background-color: #f6f6f6;transition: all .3s;} .government_one .list li:hover {border-color:#14a83b;background-image:url("../images/contact_bg.png")} .government_one .list li .name {position: relative;float: left;padding-bottom: .2rem;} .government_one .list li .name::after {position: absolute;content:'';width: .25rem;height: .02rem;bottom:0;left:0;background:#14a83b;} .government_one .list li .name aside {font-size: .17rem;font-weight: bold;color: #333;} .government_one .list li p {float: right;width: 7.35rem;margin:0;line-height: 1.7;} .government_two {padding-bottom: .2rem;} .government_two .list li {margin-bottom: .2rem;border:3px solid transparent;background-color: #f6f6f6;} .government_two .list li:hover {border-color:#14a83b;background:url("../images/contact_bg.png") no-repeat left center/1.5rem #f6f6f6;} .government_two .list li a {display: block;width: 100%;height: 100%;padding: 0 .43rem 0 .5rem;height: 1rem;line-height: 1rem;background: url("../images/icon_download.png") no-repeat 97% center/.19rem;transition: all .3s;} .government_two .list li a > * {float: left} .government_two .list li a aside {max-width: 70%;padding-left: .33rem;margin-right: .3rem;color:#333;font-size: 1.25em;font-weight: bold;background:url("../images/icon_pdf.png") no-repeat left center/.17rem;} .government_two .list li a time {color:#666;font-size: .15rem;} @media (min-width: 1025px) { .government .shares .left {width: 28.57%;} .government_one .fl {width: 27.14%;} .government_one .fr {width: 71.42%;} } @media (max-width: 1024px) { .government .shares .ytable-cell {display: block;width: 100%;} .government .shares .left {padding: .6rem;} .government .shares .right { height: auto; padding-bottom: 4vw;} .government .shares .right ul {text-align: center; display: flex;} .government .shares .right ul li { text-align: center;width: 48%; margin: 0 1% 2%;} .government .shares .right ul li p {font-size: 3vw;} .government .shares .right .tips {padding: 0 4%;} .government .top dd { width: 32%;} .government .top dd a { padding: 0;} .government_one .info {margin-bottom: .4rem;} .government_one .list li p {width: 100%;margin-top: .2rem;} .government_two .list li a aside {font-size: 4vw;} } /*homeBanner*/ .homeBanner {position: relative;height: 100%;} .homeBanner .pc {height: 100vh;} .homeBanner .wap{display: none;height: 100vh;} .homeBanner li.slick-slide{position: relative;} .homeBanner li.slick-slide figure{height: 100vh;} .homeBanner li.slick-slide video{position: absolute; z-index: 10; left: 50%; top: 50%; transform: translate(-50%,-50%);min-height: 100%; min-width: 100%;object-fit:cover} .homeBanner .txt{position: absolute; left: 0; top: 0; z-index: 10; width: 100%; height: 100%;color: #fff;} .homeBanner .ytable{height: 100%;} .homeBanner .tit-1{font-size: .5rem; font-weight: bold; margin-bottom: .4rem; line-height: 1.2;} .homeBanner .btn_more {color:#fff;background-color:#14a83b;background-image: url("../images/btn_more2_h.png")} .homeBanner .btn_more:hover {border-color: #12702d;background-color: #12702d} @media(max-width:1025px){ .homeBanner .pc {display:none} .homeBanner .wap{display: block;} /*.homeBanner::after {position: absolute;content:'';width: .07rem;height: 1.14rem;left:50%;bottom: -.59rem;background:url("../images/scroll_img.png") no-repeat center/.07rem;z-index: 10;}*/ /*.homeBanner li.slick-slide img.wap{display: none;}*/ } @media(max-width:1024px){ .fp-tableCell { height:auto!important; vertical-align: top;} /*.homeBanner li.slick-slide img.pc{display: none;}*/ /*.homeBanner li.slick-slide video{left: -100%;top: 100%; opacity: 0;} .homeBanner li.slick-slide .open-video{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3) url(../images/homeBanner_play.png) no-repeat center center;background-size: auto 50px; z-index: 20;} .homeBanner li.video-show .open-video{left: -100%;opacity: 0; transform: translateX(-100%);} .homeBanner li.video-show video{left: 50%; top: 50%; opacity: 1;}*/ } .homeBanner .slick-dots{position: absolute;width: 100%;max-width: 1600px; left:50%;bottom: .5rem;transform:translateX(-50%);overflow: hidden; z-index: 10;} .homeBanner .slick-dots li{float: left; width: .16rem; height: .16rem;position: relative; border-radius: 50%; cursor: pointer;background:url("../images/icon_dots.png") no-repeat center/.16rem;} .homeBanner .slick-dots li:not(:last-child){margin-right: 10px;} .homeBanner .slick-dots li.slick-active{background-image:url("../images/icon_dots_h.png");} .homeBanner .slick-dots li button{display: none;} @media (min-width:1921px) { .homeBanner .slick-dots{max-width:16rem;} } @media (max-width:1600px) { .homeBanner .slick-dots{ max-width:90%;} } @media(max-width:640px){ .homeBanner .slick-dots {width: 94%;} .homeBanner .slick-dots li{width: 10px; height: 10px;} .homeBanner .slick-dots li:not(:last-child){margin-right: 4px;} } .trx_30 {transform: translateX(20px);opacity: 0;transition: 1.2s;} .try_30 {transform: translatey(20px);opacity: 0;transition: 1.2s;} .delay1 {transition-delay: 1s;} .delay14 {transition-delay: 1.4s;} .ani .trx_30 {transform: translateX(0);opacity: 1;} .ani .try_30 {transform: translateY(0);opacity: 1;} @media(max-width:1024px){ .homeApp .infoList .word p{ height: 8em;line-height: 2em;} } .homeApp {/*padding-top: 1.6rem;*/background: url("../images/homeApp_bg.jpg") no-repeat right top/12.2rem;} .homeApp .top aside {font-size: .5rem;color:#333;} .homeApp .infoList {position: relative;} .homeApp .infoList .slick-list {padding-top: .2rem;} .homeApp .infoList .word aside {padding-bottom: .4rem;font-size: .5rem;font-weight: bold;color:#14a83b;opacity: 0;transform: translateY(20px);transition: .3s;} .homeApp .infoList .word p {margin-bottom: .7rem;font-size: 1.125em;line-height: 2;color:#393d45;opacity: 0;transform: translateY(20px);transition: .3s .2s;} .homeApp .infoList .pic figure {padding-bottom: 67.28%;} .homeApp .infoList .slick-current .word aside, .homeApp .infoList .slick-current .word p, .homeApp .infoList .slick-current .btn_more {opacity: 1;transform: translateY(0);} .homeApp .picList {position: relative;} .homeApp .picList::after {position: absolute;content:'';width: 94%;height: 1px;top:.62rem;left:3%;border-bottom:1px dashed #e5e5e5;} .homeApp .picList li {padding-top: .2rem;cursor: pointer;} .homeApp .picList .img {position: relative;} .homeApp .picList .img figure {position: absolute;width:62px;height:62px;line-height: 62px;top:50%;left:50%;text-align: center;transform: translate(-50%,-50%);border-radius:50%;background:#fff;z-index: 10;} .homeApp .picList .img img {} .homeApp .picList p {text-align: center;color: #393d45;} .he_sysvg {width: 78px;height: 78px; transform: rotate(-90deg);margin: 0 auto;} .he_sysvgny {width: 78px;height: 78px;border-radius: 50%;position: relative;margin-bottom: 40px;transition: all .36s;} .slick-current .he_sysvgny {background: #dff9e6;box-shadow: 0 0 .2rem .04rem rgba(51,176,69,.11);} .he_sysvgny svg {position: absolute;top: 0;left: 0;width: 100%;height: 100%;} .he_sysvgny circle {stroke-dasharray: 220;stroke-dashoffset: 220;cx: 39px;cy: 39px;r: 35px;} .slick-current .circle { stroke-dasharray: 220; stroke-dashoffset: 220; -webkit-animation: 8s svgcircle linear; animation: 8s svgcircle linear; } @-webkit-keyframes svgcircle { 0% { stroke-dashoffset: 220; } 100% { stroke-dashoffset: 0; } } @keyframes svgcircle { 0% { stroke-dashoffset: 220; } 100% { stroke-dashoffset: 0; } } @media (min-width: 1025px) { .homeApp .infoList .word {width: 32.18%;} .homeApp .infoList .pic {width: 50.43%;transform:translateY(-.5rem)} } @media (max-width: 1024px) { .homeApp { padding-top: 16.6vw; margin-bottom: 10.3vw;} .homeApp .picList::after { top: 37%;} .he_sysvg, .he_sysvgny {width: 56px;height: 56px;} .he_sysvgny circle {cx: 28px;cy: 28px;r: 22px;} } @media (max-width: 640px) { .homeApp .picList .img figure {width: 42px;height: 42px;line-height: 42px;} .homeApp .picList .img figure img {width: 70%;} } .homeAbout {position: relative;height: 100%;} .homeAbout .bg {position: absolute;width: 17.6rem;height: 90%;right:0;bottom:0;border-radius: 1.5rem 0 0 0; background-repeat: no-repeat; background-position: right top;background-size:cover;z-index: -1;} /*.homeAbout .bg::before {position: absolute;content:'';width: 1.3rem;height: 1.3rem;left:-.65rem;top:1.4rem;background: url("../images/homeAbout_icon.png") no-repeat center/1.3rem;}*/ .homeAbout .auto-1600 {position: relative;height: 100%;} .homeAbout .word {padding-top: 1rem;padding-left: 1.3rem;color:#fff} .homeAbout .word .tit1 {font-size: .35rem;} .homeAbout .word .tit2 {font-size: .45rem;font-weight: bold;} .homeAbout .word p {max-width: 6.9rem;font-size: 1.125em;line-height: 1.7;} .homeAbout .word .btn_more {margin-top: .4rem;color:#fff;border-color:#fff;background-image: url("../images/btn_more2_w.png")} .homeAbout .word .btn_more:hover {border-color:#14a83b;} .homeAbout .numBox {max-width: calc(7.5rem + 1.3rem);padding-left: 1.3rem;padding-top: 1.7rem;} .homeAbout .numBox li{display: inline-block;text-align: center;} .homeAbout .numBox li p {margin:0;color:#14a83b;} .homeAbout .numBox li p .counter {font-family:Arial;font-size: .65rem;font-weight: bold;} .homeAbout .numBox li p em {font-size: .14rem;font-weight: bold;font-style: normal;margin-top:.55rem} .homeAbout .numBox li .txt {color:#000;} .homeAbout .pic {position: absolute;width: 6rem;bottom:0;right:0;opacity: 0;} .homeAbout.ani .pic {animation: homeAbout 3s linear 1s;animation-fill-mode:forwards;} .homeAbout .cloud {position: absolute;width: 8rem;bottom: 2.5rem;right: 0;transform: translateX(4rem);opacity: 0;transition: opacity .3s 1s;} .homeAbout.ani .cloud {animation: cloud 30s linear 1s infinite;opacity: 1;} @-webkit-keyframes homeAbout { 0% {transform: translateY(0.7rem);opacity: 0;} 100% {transform: translateY(0);opacity: 1;} } @keyframes homeAbout { 0% {transform: translateY(0.7rem);opacity: 0;} 100% {transform: translateY(0);opacity: 1;} } @-webkit-keyframes cloud { 0% {transform: translateX(4rem);} 50% {transform: translateX(0);} 100% {transform: translateX(4rem);} } @keyframes cloud { 0% {transform: translateX(4rem);} 50% {transform: translateX(0);} 100% {transform: translateX(4rem);} } @media (max-width:1440px) { .homeAbout .bg {width: 95%;} } @media (max-width:768px) { .homeAbout { overflow: hidden;} .homeAbout .bg { width: 100%;height: 100%;border-radius:0;background-size: cover;} .homeAbout .bg::before { display: none;} .homeAbout .word { padding-top: 21.33vw;padding-left: 6vw;} .homeAbout .numBox { padding: 22vw 0 16vw 6vw;} .homeAbout .numBox ul { flex-wrap: wrap;} .homeAbout .numBox li { width: 100%;text-align:left;margin-bottom: 2%;} .homeAbout .numBox li p { justify-content: flex-start;} .homeAbout .pic {right:0;bottom:0;width: 56vw;} .homeAbout .cloud { bottom: 1.5rem;transform: translateX(5rem);} .homeAbout.ani .cloud { animation: none;} } .homeNews .innerTitle {margin-bottom: .6rem;} .homeNews .innerTitle .btn_more {position: absolute;top:50%;right:0;transform: translateY(-50%);font-size: .4em;} .homeNews .pic {width:100%;} .homeNews .word {width:100%;} .homeNews ol {float: left;width: 100%;padding-bottom: .56rem;margin-bottom: .56rem;border-bottom: 1px solid #f0f4f1;} .homeNews ol .pic {position: relative;padding-right:.63rem;} .homeNews ol .pic figure {padding-bottom: 56.3%;} .homeNews ol:hover .pic figure {transform: scale(1.08)} .homeNews time {font-family: Arial;} .homeNews ol time {position: absolute;right: 0;top:50%;transform: translateY(-50%);width: 1.26rem;height: 1.26rem;text-align: center;color:#fff;background:url("../images/homeNews_icon.png") no-repeat center/1.26rem;transition: .3s;} .homeNews time span {font-size: .26rem;font-weight: bold;} .homeNews time aside {font-size: .14rem;font-weight: bold;} .homeNews ol .word {} .homeNews ol .word aside {margin-bottom: .4rem;font-size: .34rem;color:#000;} .homeNews ol:hover .word aside {color:#14a83b;} .homeNews ol .word p {margin-bottom: .4rem;font-size: 1.125em;line-height: 1.8;color:#666;} .homeNews li {float: left;width: 100%;} .homeNews li time {position: relative;width: 1.26rem;height: 1.26rem;color:#333;text-align: center;} .homeNews li time aside {font-weight: normal;} .homeNews li time::after {position: absolute;content:'';width: 1.26rem;height: 1.26rem;top:0;left:0;color:#fff;background:url("../images/homeNews_icon1.png") no-repeat center/1rem;z-index: -1;transition: .3s;} .homeNews li:hover time {color:#fff;} .homeNews li:hover time::after {background-image: url("../images/homeNews_icon.png");background-size:1.26rem;} .homeNews li .title {padding-left: .3rem;font-size: 1.25em;color:#333;font-weight: bold;line-height: 1.5;} @media (min-width: 1025px) { .homeNews .pic {width:50.62%;} .homeNews .word {width:49.38%;padding-left: 3.13%;} .homeNews li {width: 28.5%;} .homeNews li:not(:last-child) {margin-right: 7.25%;} } @media (max-width: 1024px) { .homeFactory .tit{margin-top:30px} .homeNews .innerTitle{margin-top:30px} .homeNews .innerTitle .btn_more {font-size: .24rem;} .homeNews ol{flex-wrap:wrap;} .homeNews ol .pic {width: 100%;padding-right:0;margin-bottom: .4rem;} .homeNews ol .pic time { display: none;} .homeNews ol a > .ytable > .ytable-cell {display: block;width: 100%;} .homeNews ol .word p {-webkit-line-clamp:3} .homeNews li {margin-bottom: .4rem;} .homeNews time span {font-size: 5vw;} .homeNews time aside {font-size: 3.4vw;} } .homeFactory {background: url("../images/factory_bg1.png") no-repeat right center #f6f6f6;} .homeFactory .tit{ padding-bottom:30px; } .homeFactory .tit aside{line-height: 1;font-size: .4rem;font-weight: bold;color:#333;} .homeFactory .top .subMenu { } .homeFactory .top .subMenu li {position: relative;display: inline-block;} .homeFactory .top .subMenu li:not(:first-child) {margin-left: .4rem;} .homeFactory .top .subMenu li a {position: relative;display: block;font-size: 1.125em;color: #767676;padding-bottom: .2rem;} .homeFactory .top .subMenu li a::after {position: absolute;content:'';width: 100%;height: 2px;bottom:0;left:0;background:#14a83b;display: none;} .homeFactory .top .subMenu li.on a, .homeFactory .top .subMenu li:hover a {font-weight: bold;color:#000;} .homeFactory .top .subMenu li.on a::after, .homeFactory .top .subMenu li:hover a::after {display: block;} .homeFactory .infoList {position: relative;overflow: hidden;} .homeFactory .infoList .content {position: relative;padding-top: .8rem;transition: .3s;} .homeFactory .infoList .content li {border-radius: .2rem;overflow: hidden;} .homeFactory .infoList .content .pic figure {max-height:5.54rem;} .homeFactory .infoList .content:hover .pic figure {transform: scale(1);} .homeFactory .infoList .content .pic video {object-fit: cover} .homeFactory .infoList .content.hide {position: absolute; width: 100%;left: -100%;top: 0;opacity: 0;} .homeFactory .pic figure {padding-bottom: 58.92%;} .homeFactory .pic .slick-arrow {position: absolute;display: block;width: .43rem;height: .43rem;top:50%;transform: translateY(-50%);background-repeat: no-repeat;background-position: center;background-size: contain;z-index: 12;} .homeFactory .pic .slick-arrow.slick-prev {left:.2rem;background-image: url("../images/arrow_prev_w.png")} .homeFactory .pic .slick-arrow.slick-prev:hover {background-image: url("../images/arrow_l_h.png")} .homeFactory .pic .slick-arrow.slick-next {right:.2rem;background-image: url("../images/arrow_next_w.png")} .homeFactory .pic .slick-arrow.slick-next:hover {background-image: url("../images/arrow_r_h.png")} .homeFactory .pic li.slick-slide{position: relative; } .homeFactory .pic li.slick-slide video{position: absolute; z-index: 10; left: 50%; top: 50%; transform: translate(-50%,-50%);height: 100%; width: 100%;background: #000;} .homeFactory .word .tit{position: relative;margin-bottom: .4rem;font-size: .4rem; color: #333;} .homeFactory .word .intro{font-size: 1.125em;line-height: 1.8;} .homeFactory .numBox {width: 100%;margin-top: .46rem;overflow: hidden;} .homeFactory .numBox li{float: left;width: 50%;padding:.2rem 0;} .homeFactory .numBox li aside {position: relative;font-size: .3rem;font-weight: bold;color: #14a83b;font-family:Aileron-b;line-height: 1;} .homeFactory .numBox li p {margin: 0;font-size: 1.125em;} .homeFactory .btn_more {margin-top: .3rem;color:#fff;background-image:url("../images/btn_more2_h.png");background-color:#14a83b;} @media (min-width: 1025px) { .homeFactory .top aside {float: left;} .homeFactory .top .subMenu { text-align:right;/*float: right;width: 67.85%;*/ } .homeFactory .pic {float: left;width: 58.75%;} .homeFactory .word {float: right;width: 33.12%;} .homeFactory .numBox li:nth-child(1), .homeFactory .numBox li:nth-child(3){padding-right: .4rem;border-right: 1px solid #e9e9e9;} .homeFactory .numBox li:nth-child(2), .homeFactory .numBox li:nth-child(4){padding-left: .4rem;} .homeFactory .numBox li:nth-child(3), .homeFactory .numBox li:nth-child(4){border-top: 1px solid #e9e9e9;} } @media (max-width: 1024px) { .homeFactory .infoList .content { padding-top: .2rem;} .homeFactory .word {margin-top: .4rem;} .homeFactory .numBox ul {display: flex;flex-wrap: wrap;} .homeFactory .numBox li{width: 48.5%;margin-bottom: 3%;} .homeFactory .numBox li:not(:nth-child(2n)){margin-right: 3%;} } @media (max-width: 768px) { .homeFactory { padding-top: 17vw; padding-bottom: 19.6vw;background:none;} .homeFactory .top .subMenu { margin-top: 10vw; padding-bottom: 4vw;text-align: left;overflow-x: auto;} .homeFactory .top .subMenu ul {white-space: nowrap;} .homeFactory .content { padding-top: 5vw;} .homeFactory .numBox ul {display: flex;flex-wrap: wrap;justify-content: space-between;} .homeFactory .numBox li{width: 48%;box-sizing:border-box; padding: 0; } .homeFactory .infoList .content li{border-radius:0} .homeFactory .numBox li:nth-child(2n+1){ padding-right: 5vw;border-right: 1px solid #e9e9e9;} .homeFactory .numBox li:not(:nth-child(2n)){margin-right: 3%;} } .pic, .pic_ani {overflow: hidden;} .pic figure, .pic_ani figure {transition: .3s;} .pic:hover figure, .pic_ani:hover figure {transform: scale(1.08);} /*数字动画*/ .numBox .counter i{overflow: hidden;font-style: normal;display: inline-block; width: 0.6em; height: 0.9em;} @media(min-width:1025px) and (max-width:1600px){ /*.numBox .counter i{font-size: 4vw;}*/ } @media(max-width:640px){ .numBox .counter i{font-size: 12vw;} } .numBox .counter i:before { line-height: 1em; /*color: #7db827;*/ display: block; white-space: normal; transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); -webkit-transform: translateY(0); transition: 0s .5s; -moz-transition: 0s .5s; -ms-transition: 0s .5s; -o-transition: 0s .5s; -webkit-transition: 0s .5s; text-align: center; } .numBox.active .counter i:before { transition: transform 2s ease-out 1.4s; -moz-transition: transform 2s ease-out 1.4s; -ms-transition: transform 2s ease-out 1.4s; -o-transition: transform 2s ease-out 1.4s; -webkit-transition: transform 2s ease-out 1.4s; } .numBox .counter i:nth-child(2n):before { content: '0 0 0 0 0 0 0 0 0 0 0 1 2 3 4 5 6 7 8 9'; } .numBox .counter i:nth-child(2n+1):before { content: '0 1 2 3 4 5 6 7 8 9 0 0 0 0 0 0 0 0 0 0'; } .numBox .counter i.n0:nth-child(2n):before, .numBox.active .counter i.n0:nth-child(2n+1):before { transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); -webkit-transform: translateY(0); } .numBox .counter i.n1:nth-child(2n):before, .numBox.active .counter i.n1:nth-child(2n+1):before { transform: translateY(-5%); -moz-transform: translateY(-5%); -ms-transform: translateY(-5%); -o-transform: translateY(-5%); -webkit-transform: translateY(-5%); } .numBox .counter i.n2:nth-child(2n):before, .numBox.active .counter i.n2:nth-child(2n+1):before { transform: translateY(-10%); -moz-transform: translateY(-10%); -ms-transform: translateY(-10%); -o-transform: translateY(-10%); -webkit-transform: translateY(-10%); } .numBox .counter i.n3:nth-child(2n):before, .numBox.active .counter i.n3:nth-child(2n+1):before { transform: translateY(-15%); -moz-transform: translateY(-15%); -ms-transform: translateY(-15%); -o-transform: translateY(-15%); -webkit-transform: translateY(-15%); } .numBox .counter i.n4:nth-child(2n):before, .numBox.active .counter i.n4:nth-child(2n+1):before { transform: translateY(-20%); -moz-transform: translateY(-20%); -ms-transform: translateY(-20%); -o-transform: translateY(-20%); -webkit-transform: translateY(-20%); } .numBox .counter i.n5:nth-child(2n):before, .numBox.active .counter i.n5:nth-child(2n+1):before { transform: translateY(-25%); -moz-transform: translateY(-25%); -ms-transform: translateY(-25%); -o-transform: translateY(-25%); -webkit-transform: translateY(-25%); } .numBox .counter i.n6:nth-child(2n):before, .numBox.active .counter i.n6:nth-child(2n+1):before { transform: translateY(-30%); -moz-transform: translateY(-30%); -ms-transform: translateY(-30%); -o-transform: translateY(-30%); -webkit-transform: translateY(-30%); } .numBox .counter i.n7:nth-child(2n):before, .numBox.active .counter i.n7:nth-child(2n+1):before { transform: translateY(-35%); -moz-transform: translateY(-35%); -ms-transform: translateY(-35%); -o-transform: translateY(-35%); -webkit-transform: translateY(-35%); } .numBox .counter i.n8:nth-child(2n):before, .numBox.active .counter i.n8:nth-child(2n+1):before { transform: translateY(-40%); -moz-transform: translateY(-40%); -ms-transform: translateY(-40%); -o-transform: translateY(-40%); -webkit-transform: translateY(-40%); } .numBox .counter i.n9:nth-child(2n):before, .numBox.active .counter i.n9:nth-child(2n+1):before { transform: translateY(-45%); -moz-transform: translateY(-45%); -ms-transform: translateY(-45%); -o-transform: translateY(-45%); -webkit-transform: translateY(-45%); } .numBox .counter i.n0:nth-child(2n+1):before, .numBox.active .counter i.n0:nth-child(2n):before { transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); } .numBox .counter i.n1:nth-child(2n+1):before, .numBox.active .counter i.n1:nth-child(2n):before { transform: translateY(-55%); -moz-transform: translateY(-55%); -ms-transform: translateY(-55%); -o-transform: translateY(-55%); -webkit-transform: translateY(-55%); } .numBox .counter i.n2:nth-child(2n+1):before, .numBox.active .counter i.n2:nth-child(2n):before { transform: translateY(-60%); -moz-transform: translateY(-60%); -ms-transform: translateY(-60%); -o-transform: translateY(-60%); -webkit-transform: translateY(-60%); } .numBox .counter i.n3:nth-child(2n+1):before, .numBox.active .counter i.n3:nth-child(2n):before { transform: translateY(-65%); -moz-transform: translateY(-65%); -ms-transform: translateY(-65%); -o-transform: translateY(-65%); -webkit-transform: translateY(-65%); } .numBox .counter i.n4:nth-child(2n+1):before, .numBox.active .counter i.n4:nth-child(2n):before { transform: translateY(-70%); -moz-transform: translateY(-70%); -ms-transform: translateY(-70%); -o-transform: translateY(-70%); -webkit-transform: translateY(-70%); } .numBox .counter i.n5:nth-child(2n+1):before, .numBox.active .counter i.n5:nth-child(2n):before { transform: translateY(-75%); -moz-transform: translateY(-75%); -ms-transform: translateY(-75%); -o-transform: translateY(-75%); -webkit-transform: translateY(-75%); } .numBox .counter i.n6:nth-child(2n+1):before, .numBox.active .counter i.n6:nth-child(2n):before { transform: translateY(-80%); -moz-transform: translateY(-80%); -ms-transform: translateY(-80%); -o-transform: translateY(-80%); -webkit-transform: translateY(-80%); } .numBox .counter i.n7:nth-child(2n+1):before, .numBox.active .counter i.n7:nth-child(2n):before { transform: translateY(-85%); -moz-transform: translateY(-85%); -ms-transform: translateY(-85%); -o-transform: translateY(-85%); -webkit-transform: translateY(-85%); } .numBox .counter i.n8:nth-child(2n+1):before, .numBox.active .counter i.n8:nth-child(2n):before { transform: translateY(-90%); -moz-transform: translateY(-90%); -ms-transform: translateY(-90%); -o-transform: translateY(-90%); -webkit-transform: translateY(-90%); } .numBox .counter i.n9:nth-child(2n+1):before, .numBox.active .counter i.n9:nth-child(2n):before { transform: translateY(-95%); -moz-transform: translateY(-95%); -ms-transform: translateY(-95%); -o-transform: translateY(-95%); -webkit-transform: translateY(-95%); } @media (max-width: 640px) { .numBox .counter i {vertical-align: middle;} .homeFactory .numBox .counter i {font-size: inherit;} }