html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, a, q, em, ul, li, ol, form, article, aside, embed, dl, dt, dd, table, td, th, input, button, legend, fiedlset, blockquote, textarea, label, strong, img, fieldset, b { margin: 0; padding: 0; }
body { font: 12px '宋体'; color: #666; color:#333}
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }
ul, li { list-style-type: none;}
.clearfix { /*font-size: 0;*/ clear: both; line-height: 0; }
.left { float: left; }
.right{ float: right; }
em, cite { font-style: normal; }
.more {float:right;}
img{border:none; vertical-align: middle;}
a { text-decoration: none;color: #333; }
a:hover { text-decoration: underline; }
.MS_1{overflow: hidden;}
.MS_C_1{overflow: hidden;}
html,body{width:100%;overflow-x:hidden;}
body{background-color: #e5e5e5;}
#L_11{width:100%;margin:0 auto;}
#L_12{width:100%;margin:0 auto;}
#L_13{width:100%;margin:0 auto;}
#M_1 .MS_C_1{background-color: #5fa234;}
#Content_1,#M_1 table{color:#ffffff;font-family:" Microsoft YaHei";font-size:14px;font-weight:normal;font-style:normal;}
#Content_1 a{color:#ffffff;font-family:" Microsoft YaHei";font-size:14px;font-weight:normal;font-style:normal;}
#Content_1 a:hover{color:#ffffff;font-family:" Microsoft YaHei";font-size:14px;font-weight:normal;font-style:normal;}
#M_1 .h-call{width:100%;height: 40px;}
#M_1 .hc-wrap{width: 1170px;height:40px;margin: 0 auto;line-height: 40px;}
#M_1 .lianxi{float: right;}
#M_1 .lianxi a{;margin: 0 5px}
#M_1 .lianxi a:hover{text-decoration: underline}
@media only screen and (max-width:1279px){
#M_1 .h-call,.c-header,.ch-r{display: none}
}#M_2{background:url(/filessource/skin/2023/0810/aa055f1f39d7f7899e0a89e2ebd26a52.png) no-repeat 4% 50%/200px 80px;}
#Content_2,#M_2 table{color:#ffffff;font-family:" Microsoft YaHei";font-size:16px;font-weight:normal;font-style:normal;}
#Content_2 a{color:#ffffff;font-family:" Microsoft YaHei";font-size:16px;font-weight:normal;font-style:normal;}
#Content_2 a:hover{font-family:"Microsoft YaHei";font-size:16px;font-weight:normal;font-style:normal;}
.left{width:100%;}
.navdonghua{height:60px !important; background-color:#ffffff !important; top:0;}
#M_2 .navdonghua1{line-height:60px !important; color:#007f3f; transition: all .3s ease;}
#M_2 {overflow:visible; box-sizing: border-box; position: fixed;z-index: 100;width: 100%;height:80px;border-bottom: 1px solid rgba(255, 255, 255, 0.15); transition: all .5s ease;}
#M_2 .MS_C_1 {overflow:visible;}
#M_2 .b-header{width:100%;position: relative;z-index:99}
#M_2 .menu_r{float:right;width:100%;height:100%;position:relative;z-index:99; padding-right: 5%;}
#M_2 .b-menu{float:right;}
#M_2 .b-menu li{float:left;position: relative;font-size:12px;}
#M_2 .b-menu li>a{display:block;width:80px;height: 100%;text-align:center;line-height: 80px;}
#M_2 .b-menu li>a:hover,.b-menu li>a.active{text-decoration: none;}
#M_2 .b-menu li>a:hover{background:#000;background:#00bf5f}
#M_2 .b-menu li
ul{width:100%;position:absolute;top:80px;left:0;text-align:center;z-index:100;background:#fff;display:none;background:#007f3f}
#M_2 .b-menu li ul li{ float:none;height:34px; line-height:34px;margin:0; }
#M_2 .b-menu li ul li a{width:100%;height:34px;line-height:34px;}
#M_2 .b-menu li ul li a:hover{ background-color:#eeeeee;background:#00bf5f}
#M_2 .nav-moblie {width: 34px;height:34px;margin-top: 25px;position: absolute;right:0;top:0;cursor: pointer;display:
table;transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;-webkit-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1)
0s;-ms-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;display:none;}
#M_2 .nav-moblie.selected {transform: rotate(0deg);}
#M_2 .nav-moblie a {/*background-color: #d7d7d7;*/display: block;height: 4px;
position: relative;
top: 50%;
width: 100%;
transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
-webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
-ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
margin: 0;
}
#M_2 .nav-moblie:hover a:before {
transform: translateY(-2px) rotate(0deg);
-webkit-transform: translateY(-2px) rotate(0deg);
-ms-transform: translateY(-2px) rotate(0deg);
}
#M_2 .nav-moblie:hover a:after {
transform: translateY(2px) rotate(0deg);
-webkit-transform: translateY(2px) rotate(0deg);
-ms-transform: translateY(2px) rotate(0deg);
}
#M_2 .nav-moblie.selected:hover a:before {
transform: translateY(0px) rotate(-55deg);
-webkit-transform: translateY(0px) rotate(-55deg);
-ms-transform: translateY(0px) rotate(-55deg);
}
#M_2 .nav-moblie.selected:hover a:after {
transform: translateY(0px) rotate(55deg);
-webkit-transform: translateY(0px) rotate(55deg);
-ms-transform: translateY(0px) rotate(55deg);
}
#M_2 .nav-moblie a:after,
#M_2 .nav-moblie a:before {
background-color: #d7d7d7;
display: block;
height: 2px;
left: 0;
position: absolute;
width: 100%;
content:'';
transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
-webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
-ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
}
#M_2 .nav-moblie a:after { top: 5px;}
#M_2 .nav-moblie a:before { top: -10px;}
#M_2 .nav-moblie.selected a:after,
#M_2 .nav-moblie.selected a:before { top: 0;}
#M_2 .nav-moblie.selected a:before {
background-color: #d7d7d7;
transform: translateY(0px) rotate(-45deg);
-webkit-transform: translateY(0px) rotate(-45deg);
-ms-transform: translateY(0px) rotate(-45deg);
}
#M_2 .nav-moblie.selected a:after {
background-color: #d7d7d7;
transform: translateY(0px) rotate(45deg);
-webkit-transform: translateY(0px) rotate(45deg);
-ms-transform: translateY(0px) rotate(45deg);
}
#M_2 .nav-moblie.selected a {background-color: transparent !important;}
#M_2 .navMobile{display:none;position:fixed;left:0;top:80px;width:100%;height:100%;background:
#fff;padding-bottom:148px;z-index:2;overflow:auto}
#M_2 .firstUl>li{position:relative;line-height: 62px;border-bottom:1px solid #edf2f4;}
#M_2 .firstUl>li>a,.firstD>a{display:block;padding-left:18px;color:#333;font-size:14px;}
#M_2 .firstUl>li.active,.firstD.active{background: #edf2f4;}
#M_2 .firstUl>li.active>a,.firstD.active>a{color:#23bbab;}
#M_2 .firstUl>li:hover{background: #edf2f4;}
#M_2 .firstUl>li>ul{display:none}
#M_2 .firstUl>li>ul li{line-height:40px;}
#M_2 .firstUl>li>ul li:hover{background: #fff;}
#M_2 .firstUl>li>ul li>a{display:block;padding-left:40px;color:#333;font-size:14px;}
#M_2 .firstD>a{position: relative;}
#M_2 .toggle{position: absolute;right:19px;top:29px;display:inline-block;background: url(../images/iconall.png)
no-repeat 0 -160px;width: 10px;height: 6px;}
#M_2
.select{position:absolute;height:60px;top:0;right:0;width:120px;text-align:left;line-height:60px;z-index:99;display:none;font-family:cursive;text-align:center}
#M_2 #menu_pc .select{display:none !important;}
#M_2 .nav_uu{position:relative;width:100%;height:calc(100% - 80px);}
#M_2 .nav_uu .firstUl{position:absolute;width:100%;height:100%;overflow:auto}
@media only screen and (max-width:1260px){
}
@media only screen and (max-width:1023px){
/*头部*/
#M_2 .b-menu{display:none;}
#M_2 .nav-moblie{display:block;}
/*top*/
#M_2 .nav-moblie.selected:hover a:before {
transform: translateY(0px) rotate(-45deg);
-webkit-transform: translateY(0px) rotate(-45deg);
-ms-transform: translateY(0px) rotate(-45deg);
}
#M_2 .nav-moblie.selected:hover a:after {
transform: translateY(0px) rotate(45deg);
-webkit-transform: translateY(0px) rotate(45deg);
-ms-transform: translateY(0px) rotate(45deg);
}
}
@media only screen and (max-width:767px){
/*top*/
#M_2 .nav-moblie{right: 20px;position: fixed;}
#M_2 #menu_moblie .hengmenu{overflow: auto;}
#M_2 .select{color:#333333;}
#M_2 .left{float:none !important;}
}
@media only screen and (max-width:330px){
/*top*/
#M_2 .firstUl>li{line-height: 50px;}
#M_2 .toggle{top:23px;}
}#Content_3,#M_3 table{color:#ffffff;font-family:" Microsoft YaHei";font-size:18px;font-weight:normal;font-style:normal;}
#Content_3 a{font-family:" Microsoft YaHei";font-size:14px;font-weight:bold;font-style:normal;}
#Content_3 a:hover{color:#ffffff;font-family:" Microsoft YaHei";font-size:14px;font-weight:bold;font-style:normal;}
#M_3 .videoBox{width: 100%;overflow: hidden;height:100%;position:relative;}
#M_3 .videoBox video{width: auto;height: auto;min-width: 100%;min-height: 100%; object-fit: cover;}
#M_3 .swiper-button-prev{
width: 20% !important;
height: 100% !important;
transform: translateY(-50%);
opacity: 0;
transition: all 0.3s;
}
#M_3 .swiper-button-next{
width: 20% !important;
height: 100% !important;
transform: translateY(-50%);
opacity: 0;
transition: all 0.3s;
}
#M_3 .swiper-button-next{background-image:url(/imgsource/skin/images/swiper-next1.png); background-size: 10% auto;}
#M_3 .swiper-button-prev{background-image:url(/imgsource/skin/images/swiper-prev1.png); background-size: 10% auto;}
#M_3 .swiper-button-prev-next:hover{opacity: 1 !important; background-size: 20% auto !important;}
#M_3 .hiddens{display:none;}
#M_3 .hiddens,.shows {
width: 100%;
height: 100%;
}
#M_3 .swiper-container img {
width: 100%;
height: auto;
}
#M_3 .swiper-slide {
width: 100%;
height: 100%;
}
#M_3 .swiper-pagination-bullet {
width: 60px !important;
border-radius: 10% !important;
opacity: 0.5;
height: 4px !important;
background-color: #ffffff !important;
}
#M_3 .swiper-pagination-bullet-active {
opacity: 0.9;
}
#M_3 .swiper-pagination {
bottom: 50px !important;
}
#M_3 .swiper-slide>div {
width: 100%;
height: 100%;
/* background: linear-gradient(rgba(52, 52, 90, 0.1) 0%, rgba(34, 34, 37, 0.5) 100%); */
background-color: rgba(34, 34, 37, 0.5);
position: absolute;
overflow: hidden;
top: 0;
left: 0;
}
#M_3 .swiper-slide>div>.gotop-text {
width: 100%;
position: absolute;
top: 60%;
opacity: 0;
transition: all 0.3s ease-out;
}
#M_3 .swiper-slide h1 {
text-align: center;
font-size: 48px;
font-weight: 700;
letter-spacing: 10px;
opacity: 0.1;
margin-bottom:20px;
animation-delay: 0.4s;
color:#ffffff;font-family:" Microsoft YaHei";font-size:46px;font-weight:bold;font-style:normal;
}
#M_3 .swiper-slide a {width:100%; height:100%;display:block;line-height: 50px;}
#M_3 .swiper-slide button {
cursor: pointer;
border: none;
border-radius: 6px;
display: block;
margin: 0 auto;
width: 150px;
height: 50px;
background-image: linear-gradient(rgba(22,71,125,0.3),rgba(22,71,125,0.9)); background-repeat: no-repeat; background-size: 0%;
opacity: 0.1;
animation-delay: 0.4s;
transition: all 0.2s;
}
#M_3 .swiper-slide button:hover{background-size: 100%;}
.h1_actives {
animation: dropdown 0.8s forwards ease-out;
}
.h4_actives {
animation: dropdown 0.5s forwards ease-out;
}
.button_actives {
animation: buttondonghua 0.5s forwards ease-out;
}
#M_3 .swiper-slide h4 {
text-align: center;
letter-spacing: 4px;
animation-delay: 0.4s;
opacity: 0.1;
margin-bottom:30px;
/* animation: dropdown 1s forwards ease-out; */
}
.swiperh1-active {
top: 36% !important;
opacity: 1 !important;
}
@keyframes dropdown {
0% {
margin-left: -6px;
padding-top: 4px;
opacity: 0.2;
}
20% {
margin-left: 0px;
padding-top: 0px;
opacity: 0.3;
}
40% {
margin-left: 6px;
padding-top: 8px;
}
60% {
margin-left: -2px;
padding-top: 2px;
opacity: 0.5;
}
70% {
margin-left: 0px;
padding-top: 0px;
opacity: 0.7;
}
100% {
margin-left: 0px;
opacity: 1;
padding-top: 0px;
}
}
@keyframes buttondonghua {
0% {
opacity: 0.2;
}
20% {
opacity: 0.3;
}
60% {
opacity: 0.5;
}
70% {
opacity: 0.7;
}
100% {
opacity: 1;
}
}
@media (max-width:760px){
#M_3 #titlesname .videoBox{display:none;}
#M_3 .shows{display:none !important;}
#M_3 .hiddens{display:block !important;}
#M_3 .swiper-button-prev{display:none !important;}
#M_3 .swiper-button-next{display:none !important;}
}
#L_4{width:100%;margin:0 auto;}
#L_5{width:100%;margin:0 auto;}
#L_6{width:100%;margin:0 auto;}
#L_7{width:100%;margin:0 auto;}
#L_8{width:100%;margin:0 auto;}
#L_9{width:1920px;margin:0 auto;}
#L_10{width:100%;margin:0 auto;}
#M_4 .MS_C_1{background-color: #f6f7fc;padding:20px 0px 0px 0px ;}
#Content_4,#M_4 table{color:#96979b;font-family:" Microsoft YaHei";font-size:16px;font-weight:normal;font-style:normal;}
#Content_4 a:hover{color:#bf0000;}
#M_4 .swiper-title{
width:100%;
box-sizing: border-box;
overflow: hidden;
padding-top: 50px;
background:#;
//padding-bottom:50px;
}
#M_4 .zhouchengdonghua1{
position:relative;
left:1000px;
opacity:0;
transition: all 0.6s ease-in-out;
}
#M_4 .zhouchengdonghua1>a{text-decoration: none !important;}
#M_4 .zhouchengdonghua2{
position:relative;
right:1000px;
opacity:0;
transition: all 0.6s ease-in-out;
}
.swiper-zhouchengtitle-actives1{left:0 !important; opacity:1 !important; }
.swiper-zhouchengtitle-actives2{right:0 !important; opacity:1 !important; }
#M_4 .swiper-title>div{width:60%; margin:0 auto;}
#M_4 .swiper-title>div:nth-child(1){
font-size: 34px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
line-height: 48px;
text-align: center;
letter-spacing: 6px;
}
#M_4 .swiper-title>div:nth-child(1)>a{color:#000000;font-family:" Microsoft YaHei";font-size:40px;font-weight:bold;font-style:normal;}
#M_4 .swiper-title>div:nth-child(2){
padding-top:16px;
font-size: 20px;
font-family: PingFangSC-Medium, PingFang SC;
line-height: 30px;
text-align: center;
letter-spacing: 4px;
color:#5fa234;font-family:" Microsoft YaHei";font-size:14px;font-weight:bold;font-style:normal;
}
#M_4 .swiper-title>div:nth-child(3){
font-family: PingFangSC-Medium, PingFang SC;
line-height: 33px;
letter-spacing: 2px;
padding-top:24px;
text-align: center;
}
@media (max-width:760px){
#M_4 .swiper-title>div{width:80%;}
}#M_5 .MS_C_1{background-color: #f6f7fc;}
#Content_5,#M_5 table{color:#96979b;font-family:" Microsoft YaHei";font-size:16px;font-weight:normal;font-style:normal;}
#Content_5 a{color:#96979b;font-family:" Microsoft YaHei";font-size:16px;font-weight:normal;font-style:normal;}
.tuwendiv_actives{
top: 0 !important;
opacity: 1 !important;
}
#M_5 .tuwen{
width: 100%;
display: flex; flex-wrap:wrap;
justify-content: space-around;
text-align: center;
padding: 4% 10%;
box-sizing: border-box;
overflow: hidden;
}
#M_5 .tuwen>div{
flex-grow: 1;
width:25%;
position: relative;
top: 200px;
opacity: 0;
}
#M_5 .tuwen>div>a{display:block;width:100%;height:100%;}
#M_5 .tuwen>div:nth-child(1){transition: all 0.4s ease-in-out;}
#M_5 .tuwen>div:nth-child(2){transition: all 0.6s ease-in-out;}
#M_5 .tuwen>div:nth-child(3){transition: all 0.9s ease-in-out;}
#M_5 .tuwen>div:nth-child(4){transition: all 1.2s ease-in-out;}
.tuwen>div:hover{transform: scale(1.1); padding-top: 12px; box-shadow: 0 0 5px #d7d9e1; transition: all 0.3s ease-in-out !important;}
#M_5 .tuwen>div>a>h2{margin-top:20px; margin-bottom:14px;color:#000000;font-family:" Microsoft YaHei";font-size:20px;font-weight:bold;font-style:normal;}
#M_5 .tuwen>div>a>h2:hover {}
#M_5 .tuwen>div>a>img{
width: 30%;
height: auto;
}
#M_5 .tuwen>div>a>p{
width:100%;
box-sizing: border-box;
padding-left: 10px;
padding-right: 10px;
margin:20px 0;
}
@media (max-width:760px) {
#M_5 .tuwen>div{
margin-top: 20px;
width:50%;
}
.tuwen>div:hover{transform: none !important; padding-top:0;}
}#Content_6,#M_6 table{color:#ffffff;font-family:" Microsoft YaHei";font-size:18px;font-weight:normal;font-style:normal;}
#Content_6 a{color:#ffffff;font-family:" Microsoft YaHei";font-size:18px;font-weight:normal;font-style:normal;}
#Content_6 a:hover{color:#aad4ff;font-family:" Microsoft YaHei";font-size:18px;font-weight:normal;font-style:normal;}
#M_6 .product_sss{
width: 100%;
/* padding: 6%; */
box-sizing: border-box; opacity:0; overflow:hidden; transition: all 2s;
}
.product_sss_actives{opacity: 1 !important;}
#M_6 .product_sss>ul{
display: flex;
justify-content: space-evenly;
flex-wrap: wrap;
}
#M_6 .product_sss>ul>li{
width: 33.3%;
height:auto;
position: relative;
overflow: hidden;
}
#M_6 .product_sss>ul>li>img{
width: 100%;
display: block;
height: 100%;
transition: all 0.5s;
}
#M_6 .product_sss>ul>li:hover img{
transform: scale(1.2);
}
#M_6 .products_tanceng{
text-align: center;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
background-color: #5fa234;
transition: all 0.5s ease-out;
}
.products_tanceng_active{
opacity: 0.6 !important;
}
#M_6 .product_sss>ul>li>h2{
position: absolute;
left: 50%;
top: 10%;
opacity: 0;
transform: translateX(-50%);
transition: all 0.3s;
color:#ffffff;
}
.products_tanceng_h2_acitve{
left: 50% !important;
top: 20% !important;
opacity: 1 !important;
}
#M_6 .product_sss>ul>li>p{
position: absolute;
left: 50%;
top: 20%;
opacity: 0;
transform: translateX(-50%);
transition: all 0.4s;
}
.products_tanceng_p_acitve{
left: 50% !important;
opacity: 1 !important;
top: 36% !important;
}
#M_6 .product_sss>ul>li>.tanspan1{
box-sizing: border-box;
cursor: pointer;
display: block; text-align: center;
position: absolute;
left: 50%;
top: 75%;
opacity: 0;
transform: translateX(-110%);
border: 1px #ffffff solid;
padding: 10px;
border-radius: 4px;
transition: all 0.3s;
}
#M_6 .product_sss>ul>li>.tanspan1:hover{
box-shadow: 2px 1px 6px 4px rgba(233, 233, 233, 0.6);
}
.products_tanceng_tanspan12_active{
left: 50% !important;
top: 55% !important;
opacity: 1 !important;
}
#M_6 .product_sss>ul>li>.tanspan2{
cursor: pointer;
display: block;
position: absolute;
left: 50%;
top: 75%;
opacity: 0;
border: 1px #ffffff solid;
/* padding: 10px; */
border-radius: 4px;
transform: translateX(10%);
transition: all 0.4s;
}
#M_6 .product_sss>ul>li>.tanspan2:hover{
box-shadow: 2px 1px 6px 4px rgba(233, 233, 233, 0.6);
}
#M_6 .product_sss>ul>li>.tanspan2>a{
width: 100%;
height: 100%;
display: block;
padding: 10px; text-align: center;
box-sizing: border-box;
}
.tancengdatu_{
z-index: -10;
position: fixed;
width: 0px;
height: 0px;
top: 50%;
left: 50%;
opacity: 0;
background-color: rgba(0, 0, 0, 0.9);
transition: all 0.5s;
cursor: pointer;
}
.tancengdatu_active{
z-index: 100 !important;
width: 100% !important;
height: 100% !important;
opacity: 1 !important;
top: 0 !important;
left: 0 !important;
}
#M_6 .tancengdatu_img1{
position: absolute;
top: 30px;
right: 30px;
}
#M_6 .tancengdatu_img2{
opacity: 0;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
transition: all 2s;
}
.tancengdatu_img2_active{
opacity: 1 !important;
}
@media (min-width:1380px) {
#M_6 .product_sss>ul>li{
width: 25%;
}
}
@media (max-width:760px) {
#M_6 .product_sss>ul>li{width:100%;}
#M_6 .tancengdatu_img2{width:100%; height:auto;}
}
#M_7 .MS_C_1{background-color: #212121;}
#Content_7,#M_7 table{color:#ffffff;font-family:" Microsoft YaHei";font-size:16px;font-weight:normal;font-style:normal;}
#M_7 .number_content{
width: 100%;
display: flex;
flex-wrap: wrap; box-sizing: border-box; padding: 50px 30px;
overflow: hidden;
justify-content: space-around;
}
#M_7 .counter>span:nth-child(2){display: none;}
#M_7 .nums_actives{
width: 22%;
flex-grow: 1;
position: relative;
/* left: 350px; */
opacity: 0;
}
#M_7 .nums_actives:nth-child(1){
transition: all 0.4s;
top: -300px;
}
#M_7 .nums_actives:nth-child(2){
transition: all 0.6s;
top: -300px;
}
#M_7 .nums_actives:nth-child(3){
transition: all 0.9s;
top: -300px;
}
#M_7 .nums_actives:nth-child(4){
transition: all 1.2s;
top: -300px;
}
#M_7 .nums_actives:nth-child(n+5){
transition: all 1.4s;
top: -200px;
}
.nums_actives_position {
top: 0 !important;
opacity: 1 !important;
}
#M_7 .nums_actives>h1{
width:100%
box-sizing: border-box;
padding: 0px 10px;
overflow: hidden;
text-align: center;
overflow: hidden;
white-space: nowrap;
font-size: 60px;
color:#ffffff;font-family:" Microsoft YaHei";font-size:48px;font-weight:bold;font-style:normal;
}
#M_7 .nums_actives>p{
width:100%;
text-align: center;
box-sizing: border-box;
padding:10px 20px;
}
@media (max-width:760px) {
#M_7 .number_content{padding:50px 0px;}
#M_7 .nums_actives{width:40%;}
#M_7 .nums_actives>h1{font-size: 28px; padding:0 10px;}
}#M_8 .MS_T_1 h3{color:#000000;font-family:" Microsoft YaHei";font-size:32px;font-weight:bold;font-style:normal;}
#M_8 .MS_T_1 a{color:#5fa234;font-family:" Microsoft YaHei";font-size:14px;font-weight:bold;font-style:normal;}
#M_8 .MS_C_1{background-color: #ffffff;}
#Content_8,#M_8 table{color:#5fa234;font-family:" Microsoft YaHei";font-size:14px;font-weight:bold;font-style:normal;}
#M_8 .titleact_spans>div:nth-child(1) {display:inline-block !important;}
#M_8 .titleact_spans>div:nth-child(1) .more {float:none; text-decoration: none;}
#M_8 .swiper_contents {
width: 100%;
box-sizing: border-box;
overflow: hidden;
}
#M_8 .swiper_contents .swiper-container-honer .swiper-wrapper{height:auto !important;}
#M_8 .titleact{
text-align: center; letter-spacing: 4px;
box-sizing: border-box;
opacity: 0;
transition: all 2s;
}
#M_8 .titleact:nth-child(2){padding-bottom:40px;}
#M_8 .titleact:nth-child(1){
padding: 20px;
padding-top: 50px;
overflow: hidden;
}
.titleact-act{
opacity: 1 !important;
}
#M_8 .swiper_contents .swiper-container-honer {
width: 100%;
margin: 0;
}
#M_8 .swiper-container-honer .swiper-slide img {
width: 100%;
/* height: 100%; */
}
#M_8 .swiper-container-honer .swiper-slide {
box-sizing: border-box;
padding: 30px;
opacity: 0;
height:auto;
position: relative;
overflow: hidden;
}
#M_8 .swiper-container-honer .swiper-slide:nth-child(4n+1){
top: 150px;
background-color: #454545;
}
#M_8 .swiper-container-honer .swiper-slide:nth-child(4n+2){
background-color: #0d5736;
top: -150px;
}
#M_8 .swiper-container-honer .swiper-slide:nth-child(4n+3){
background-color: #424081;
top: 150px;
}
#M_8 .swiper-container-honer .swiper-slide:nth-child(4n+4){
background-color: #83395a;
top: -150px;
}
#M_8 .swiper-container-honer .swiper-slide:hover{
transform: scale(1.1);
}
.swiper-slide-honner-act{top: 0 !important; left: 0 !important; opacity: 1 !important; transition: all 0.8s;}
.swiper-slide-honner-acttt{transition: all 0.8s;}
#M_8 .honner_bigimg {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999999; background-color: rgba(0, 0, 0, 0.8);}
#M_8 .honner_bigimg .swiper-container-honer-big{
width: 100%;
height: 100%;
}
#M_8 .swiper-container-honer-big img {width: auto; height: auto; max-width: 100%; max-height: 100%; margin: auto; position: relative; top: 50%; left: 50%;
transform: translate(-50%,-50%);
}
#M_8 .honner_big_close{position:absolute; top:30px; right:30px;z-index:100;}
#M_9 .MS_C_1{background-color: #ffffff;}
#Content_9,#M_9 table{color:#a9a8ad;font-family:" Microsoft YaHei";font-size:14px;font-weight:normal;font-style:normal;}
.about_us_left_right_act {
left: 0 !important;
opacity: 1 !important;
}
#M_9 .about_us_content{
width: 100%;
height: 100%;
overflow: hidden;
box-sizing: border-box;
padding: 5% 0% 5% 12%;
}
#M_9 .about_us_left_text{
width: 100%;
box-sizing: border-box;
padding-right: 30px;
overflow: hidden;
position: relative;
left: -500px;
opacity: 0;
transition: all 0.6s;
}
#M_9 .about_us_left_text>h1{width: 100%;padding: 30px 0; margin: 0; color:#000000;font-family:" Microsoft YaHei";font-size:32px;font-weight:bold;font-style:normal;}
#M_9 .about_us_left_text>p{width: 100%; padding: 0; margin: 0; margin-bottom: 30px; /* height: 40%; */ overflow: hidden;
line-height: 20px;
}
#M_9 .about_us_left_text>.us_gengduo_clone a{ background: #5fa234; display: inline-block; line-height: 20px; padding: 10px 20px; border-radius: 6px; color:#ffffff;font-family:" Microsoft YaHei";font-size:14px;font-weight:bold;font-style:normal; }
@media (max-width:760px){
#M_9 .about_us_content{
padding:5% 6% 5% 6%
}
#M_9 .about_us_left_text{width:100%; margin-bottom:30px; padding:0;}
#M_9 .about_us_right_video{width:100%;}
}#M_10 .MS_C_1{background-color: #ffffff;background:#ffffff url(/filessource/skin/2023/0810/ec05f645fba0825834be66930c10c814.png) ;}
#M_10 .about_us_right_video{
width: 100%;
padding: 5% 12% 5% 30px;
box-sizing:border-box;
overflow: hidden;
position: relative;
left: 500px;
opacity: 0;
transition: all 0.6s;
}
#M_10 .about_us_right_video>div:nth-child(1){
width: 100%;
border-radius: 10px;
overflow: hidden;
}
@media (max-width:760px){
#M_10 .about_us_right_video{
padding:5% 6% 5% 6%;
}
}#M_11 .MS_T_1{text-align:center; }
#M_11 .MS_T_1 h3{color:#000000;font-family:" Microsoft YaHei";font-size:32px;font-weight:bold;font-style:normal;}
#M_11 .MS_T_1 a{color:#5fa234;font-family:" Microsoft YaHei";font-size:14px;font-weight:bold;font-style:normal;}
#M_11 .MS_C_1{background-color: #f6f7fc;}
#Content_11,#M_11 table{color:#ffffff;font-family:" Microsoft YaHei";font-size:14px;font-weight:normal;font-style:normal;}
#Content_11 a{color:#5fa234;font-family:" Microsoft YaHei";font-size:14px;font-weight:bold;font-style:normal;}
#M_11 .news_content {
width: 100%;
padding: 4% 6%;
box-sizing: border-box;
overflow: hidden;
opacity:0;
margin-top:80px;
transition: all 1s;
}
.news_content_active{opacity: 1 !important; margin-top:0 !important;}
#M_11 .news_content_titles1{}
#M_11 .news_content_titles2{padding:20px 0 30px 0;}
#M_11 .news_content_titles2 span .more {float:none !important; letter-spacing: 4px; }
#M_11 .news_content_titles2 span .more:hover{text-decoration: none;}
#M_11 .swiper-container-news .swiper-slide{height:auto;}
#M_11 .swiper-container-news .swiper-wrapper{height:auto !important;}
#M_11 .swiper-container-news{padding-bottom: 70px;}
#M_11 .swiper-container-news .swiper-slide img{width: 100%; display: block; transition: all 0.3s;}
#M_11 .swiper-container-news .swiper-slide:hover .news_hover_img{transform: scale(1.1);}
#M_11 .news_items_text{padding: 30px; box-sizing: border-box; background-color: #212121;}
#M_11 .news_items_text>h2{
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%;
padding-bottom:16px;
color:#ffffff;font-family:" Microsoft YaHei";font-size:18px;font-weight:bold;font-style:normal;
}
#M_11 .news_items_text>h6{
color:#5fa234;font-family:" Microsoft YaHei";font-size:16px;font-weight:normal;font-style:normal;
padding-bottom:20px;
}
#M_11 .news_items_text>p{
padding-bottom:10px;
opacity:0.9;
}
#M_11 .news_items_text>a{
}
@media (min-width:1440px){
}
#L_14{width:1920px;margin:0 auto;}
#L_14{background-color:#007f3f;}
#L_20{width:100%;margin:0 auto;}
#Content_12,#M_12 table{color:#ffffff;font-family:" Microsoft YaHei";font-size:14px;font-weight:normal;font-style:normal;}
.bottom_jieanjie_flex {
display: flex;
width: 100% !important;
padding: 4% 6% 8% 6%;
overflow: hidden;
box-sizing: border-box;
}
.bottom_jieanjie_flex>.left {position:relative; top:80px; opacity:0; width:33.3% !important;}
.bottom_jieanjie_flex>div:nth-child(1){ transition: all 0.5s;}
.bottom_jieanjie_flex>div:nth-child(2){ transition: all 0.7s;}
.bottom_jieanjie_flex>div:nth-child(3){ transition: all 1s;}
.bottom_jieanjie_flex_acts{top:0 !important; opacity:1 !important;}
#M_12 .bottom_jianjie{
padding-right:20px;
box-sizing: border-box;
}
#M_12 .bottom_jianjie>img {
width:200px;
height:42px;
}
@media (max-width:760px) {
.bottom_jieanjie_flex {
flex-wrap:wrap;
padding: 4% 6% 8% 6%;
}
#M_12 .bottom_jianjie>p{padding-bottom:20px;}
.bottom_jieanjie_flex>.left {
margin-bottom:30px;
width:100% !important;
border-bottom: 1px rgba(255,255,255,0.2) solid;
}
}#M_13 .MS_T_1 h3{color:#ffffff;font-family:" Microsoft YaHei";font-size:18px;font-weight:bold;font-style:normal;}
#Content_13,#M_13 table{color:#e0dede;font-family:" Microsoft YaHei";font-size:14px;font-weight:bold;font-style:normal;}
#Content_13 a{color:#e0dede;font-family:" Microsoft YaHei";font-size:14px;font-weight:bold;font-style:normal;}
#M_13>div:nth-child(1)>h3{ padding-left: 60px;
box-sizing: border-box;}
#M_13 .bottom_nav_content{ box-sizing: border-box;
overflow: hidden;
padding: 20px 30px 0 30px;}
#M_13 .bottom_nav_content>ul>li {
padding-left: 30px; width: 50%; padding-bottom:20px;
box-sizing: border-box;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
#M_13 .bottom_nav_content>ul>li>a{
width:100%; height:100%; padding-bottom:5px; display:block; text-decoration: none;
}
#M_13 .bottom_nav_content>ul>li>.donghuaspan{
display:block;
width:0%;
height:1px;
background:#ff0000;
transition: all 0.5s ;
}
#M_13 .bottom_nav_content>ul>li:hover .donghuaspan{
width:98% !important;
border-right: 2px pink solid;
box-shadow: 0px 0 3px 1px #ff0000;
}
@media (max-width:760px){
#M_13>div:nth-child(1)>h3{padding-left:0;}
#M_13 .bottom_nav_content {padding:20px 0 0 0;}
#M_13 .bottom_nav_content>ul>li {padding-left:0;}
}#M_14 .MS_T_1 h3{color:#ffffff;font-family:" Microsoft YaHei";font-size:18px;font-weight:bold;font-style:normal;}
#Content_14,#M_14 table{color:#ffffff;font-family:" Microsoft YaHei";font-size:14px;font-weight:normal;font-style:normal;}
#M_14>div:nth-child(1){box-sizing:border-box; padding-left:40px;}
#M_14 .bottom_phone_content{
width:100%;
padding: 10px 0 40px 40px;
box-sizing: border-box;
overflow: hidden;
}
#M_14 .bottom_phone_content_h1{margin-bottom:10px;}
#M_14 .bottom_phone_content li{
line-break: anywhere;
padding:5px 0;
display:flex;
flex-wrap: nowrap;
}
#M_14 .bottom_phone_content li div{
line-break: anywhere;
display:inline-block;
}
#M_14 .iconfont {margin-right:20px;}
@media (max-width:760px) {
#M_14 .bottom_phone_content {padding-left:0;}
#M_14>div:nth-child(1){padding-left:0;}
}
#M_21 .MS_C_1{background-color: #111111;}
#Content_21,#M_21 table{color:#e5e5e5;font-family:" Microsoft YaHei";font-size:14px;font-weight:normal;font-style:normal;}
#Content_21 a{color:#e5e5e5;font-family:" Microsoft YaHei";font-size:14px;font-weight:normal;font-style:normal;}
#M_21 .b-footer{width:100%;overflow: hidden;padding:80px 0 70px;text-align: center;}
#M_21 .b-footer a{color:#fff;;}
#M_21 .fooP,#M_21 .fooP2{margin-bottom: 10px;;line-height: 18px;}
#M_21 .fooP em{display: inline-block;margin:0 7px;}
#M_21 .marSpan{margin-left: 20px;}
@media only screen and (max-width:1260px){
/*底部*/
#M_21 .b-footer{padding: 40px 0 30px;}
}
/*二级菜单横向展开*/
.hengmenu{width:190px !important;}
.hengmenu li{float:left !important;margin-left:10px !important;}
.last_hengmenu{left:-110px !important;}
.phone_layout_active_box_zdx{width:100% !important; padding:0 !important;}