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;}