body { width: 100%; } /* .container { /* min-width: 1200px; margin: 0px auto; background: #fff; } */ .w { /* width: 1200px; */ margin: 0px auto; } .w1220 { /* width: 1220px !important; */ margin: 0px auto; } a { color: inherit; text-decoration: none; -webkit-transition: .2s ease-in; transition: .2s ease-in; } a:hover { text-decoration: none; color: none; } a:visited { text-decoration: none; } .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0 } /* logo */ .sm-logo { background-color: #fff !important; } .sm-logo img { width: 270px; height: 35px; } /* 鑿滃崟鏍廲ss */ .menutong { width: 100%; height: 50px; background: #F3F3F3; } .menudiv .navlist { float: left; height: 100%; line-height: 50px; color: #333; font-size: 18px; position: relative; width: 12.25%; text-align: center; margin-right: 1px; } .menudiv .navlist:last-child {} .menudiv .active { background: #60b53c; color: #fff; } .menudiv .active, .menudiv .navlist:hover { background: #60b53c; color: #fff; } .menudiv .active, .menudiv .navlist a:hover { color: #fff !important; } .menudiv .active, .menudiv .navlist a { display: block; } .menudiv .navlist ul { background: #F5F5F5; width: 100%; height: auto; position: absolute; top: 50px; left: 0; z-index: 2; text-align: center; display: none; box-shadow: 0px 8px 20px #000; } .menudiv .navlist ul li { height: 50px; line-height: 50px; text-align: center; color: #333; overflow: hidden; font-size: 16px; border-bottom: 1px solid #60b53c; } .menudiv .navlist ul li:hover { color: #333; /* box-shadow: 0px 0px 10px #6fd145 inset; */ background: #60b53c; } /* banner鍥惧垏鎹㈠渾鐐瑰浘鏍囬鑹查噸鍐 */ .swiper-pagination-bullet { background: #fff; filter: alpha(opacity=100); /*IE婊ら暅锛岄€忔槑搴?0%*/ -moz-opacity: 1; /*Firefox绉佹湁锛岄€忔槑搴?0%*/ opacity: 0.5; /*鍏朵粬锛岄€忔槑搴?0%*/ border-radius: 15px; } .swiper-pagination-bullet-active { background: #60b53c; width: 2.1%; filter: alpha(opacity=100); /*IE婊ら暅锛岄€忔槑搴?0%*/ -moz-opacity: 1; /*Firefox绉佹湁锛岄€忔槑搴?0%*/ opacity: 1; /*鍏朵粬锛岄€忔槑搴?0%*/ border-radius: 15px; } .my-4 { margin-bottom: 1.5rem !important; margin-top: 1.5rem !important; display: block; text-align: center; } /*鍒嗛〉鏍峰紡 */ .page-num:not(:disabled) { cursor: pointer; } .page-num, .page-link { position: relative; padding: .5rem .75rem; margin-left: -1px; line-height: 1.25; color: #60b53c; background-color: #fff; border: 1px solid #dee2e6; } a.page-num:hover, .page-link:hover { text-decoration: none; color: #60b53c; } .page-num-current { z-index: 1; color: #fff; background-color: #60b53c; border-color: #60b53c; } .page-num-current:hover { color: #fff; } /* 鎼滄鏍峰紡 */ .input-search { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .input-search>.form-control { position: relative; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 1%; min-width: 0; margin-bottom: 0; } .form-search { display: block; width: 100%; padding: 0rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: 0.25rem; border-top-right-radius: 0; border-bottom-right-radius: 0; -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; } .search-btn { margin-left: -1px; display: inline-block; font-weight: 400; color: #212529; text-align: center; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: transparent; border: 1px solid transparent; padding: 0.375rem 0.75rem; font-size: 1rem; height: 32px; border-radius: 0.25rem; border-top-left-radius: 0; border-bottom-left-radius: 0; margin-top: 0px; } .logodiv { padding-top: 20px; padding-bottom: 20px; display: flex; justify-content: space-between; align-items: center; } /* 澶у浘杞挱鏂囧瓧 */ .top-container { position: relative; } .top-container .container { height: 480px; margin-top: -480px; position: relative; } .top-container .ani { color: #fff; /* width: 40%; */ width: max-content; height: auto; padding: 3% 4%; background: rgba(255, 255, 255, 0.3); color: #fff; position: relative; margin-top: 155px; position: relative; margin-bottom: 150px; } .top-container .ani .h1 { font-size: 48px; font-family: 'microsoft yahei'; text-shadow: 0, 0, -10px, #000; font-weight: bold; } /* 鏂伴椈澶存潯 */ .brief { font-size:24px; font-family: \\5FAE\8F6F\96C5\9ED1; color: #57a536; margin-top: 10px; /* margin-left: 70px; */ cursor: pointer; } .main-top-box { background: #fff; padding: 20px 10px 20px 10px; text-align: center; } .newsTitle .word p { color: #666; } .newsTitle .word { font-size: 14px; font-family: \\5FAE\8F6F\96C5\9ED1; line-height: 44px; margin-bottom: 12px; border-bottom: 1px dotted #ccc; } .newsTitle .word p .more-top { color: red; margin-left: 10px; cursor: pointer; } /* 鏂伴椈鏍忕洰css */ .new-container { width: 100%; height: 626px; } .new-container .new { width: 100%; height: 50px; line-height: 50px; background: #f5f5f5; } .new-container .new .newflex { display: flex; justify-content: space-between; } .newcontentmidlle { display: flex; /* justify-content: space-between; */ width: 100%; } .swiper3 .swiper-wrapper .newleft span { margin-left: 20px; color: #777777; } .new-container .new .newflex .newright { margin-top: 5px; } /* #test1 .layui-carousel-ind { display: none; } */ /* 鏂伴椈骞荤伅鐗 */ #newslide .layui-carousel-ind { display: flex; justify-content: flex-end; margin-right: 10px; } /* #test1, #test1 .layui-this, #test1 .lyuiduv { height: 550px !important; } #test1 img { width: 100%; height: 550px; } */ .layui-carousel>[carousel-item]>* { display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #f8f8f8; transition-duration: .3s; -webkit-transition-duration: .3s; } .swiper2 { width: 660px; height: 400px; } .swiper2 img { width: 660px; height: 400px; } .swiper3 { margin: 0%; width: 80%; height: 50px; } .swiper3 p { height: 50px; font-size: 16px; } /* .swiper3 .swiper-wrapper .newleft p:hover { color: #60b53c; } */ .newlaybox { position: relative; } .newlay { position: absolute; bottom: 0; left: 0; right: 0; /* background: #58a636; */ background-color: rgb(29 30 29 / 50%); /* background:transparent; */ /* background: linear-gradient(0deg, #000 0%, #000 20%, #000 100%); opacity: 0.6; */ /* height: 30px; */ color: #fff; padding: 13px 40px 13px 20px; font-size: 18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #newtab0 li .t::before { padding-right: 10px; color: #60b53c; } #newtab1 li .t::before { padding-right: 10px; color: #f4b62e; } #newtab2 li .t::before { padding-right: 10px; color: #0482c4; } #newtab3 li .t::before { padding-right: 10px; color: #e54d42; } .tab-pane li .t { float: left; /* min-width: 51%; line-height: 40px; */ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .newcontentcenter { padding-top: 25px; display: flex; justify-content: space-between; align-items: center; } .newcontentcenter .newcontentcenterdiv { display: flex; justify-content: flex-start; /* height: 115px; */ /* margin-top: 10px; */ } .newcontentcenter .newcontentcenterdiv p { width: 5px; height: 30px; background: #60b53c; margin-right: 15px; } .newcontentcenter .newcontentcenterdiv h3 { color: #58a636; font-size: 20px; font-weight: bold; line-height: normal !important; } .newcontentcenter .newcontentcenterdiv span { margin-left: 20px; color: #e0e0df; font-size: 20px; } .newcontentcenter .newborder { width: 740px; height: 1px; background: #eee; margin-top: 50px; } .newcontenttop .newmore { display: flex; justify-content: flex-end; font-size: 16px; color: #bbbbbb; /* padding-bottom: 10px; */ } .newcontentmidlle .newcontenmidlles { margin-top: 10px; /* width: 450px; */ margin-left: 20px; } .layui-tab-title li { position: relative; line-height: 40px; min-width: 65px; padding: 0 15px; text-align: center; cursor: pointer; } /* .newcontentmidlle .newcontenmidlles * { box-sizing: content-box; } */ .newcontentmidlle .newcontenmidlles .newdata { height: 180px; overflow: hidden; } .newcontentmidlle .newcontenmidlles .newdata h2 { font-size: 16px; font-weight: 500; line-height: 30px; } .newcontentmidlle .newcontenmidlles .newdata a:hover h2 { color: #60b53c; } .newcontentmidlle .newcontenmidlles .newdata a:hover span { color: #60b53c; } .newcontentmidlle .newcontenmidlles .newdata a:hover p { color: #60b53c; } .newcontentmidlle .newcontenmidlles .newdata span { font-size: 14px; font-weight: 300; color: #666666; float: right; } .newcontentmidlle .newcontenmidlles .newp { font-size: 14px; color: #999; margin-top: 20px; line-height: 25px; margin-bottom: 48px; overflow: hidden; } .tab-content { padding-top: 10px; width: 456px; } .nav-tabs { color: #000; } .nav-tabs .nav-item a { /* font-size: 14px; */ /* color: #000; */ font-size: 16px; /* font-weight: bold; */ } .nav-tabs .nav-item a:hover { color: #60b53c !important; } .tab-pane li span { float: right; } .tab-pane a { display: flex; } .tab-pane a li { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; line-height: 35px; height: 35px; padding-right: 10px; color: #666; } .tab-pane a li:hover { color: #60b53c; } .tab-pane a span { width: auto; text-align: center; line-height: 35px; color: #999999; } /* .businesecontainer { width: 100%; padding-bottom: 40px; } */ /* .businesenum { display: flex; justify-content: flex-start; } .businesenumdiv { width: 25%; margin-top: 60px; transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out; cursor: pointer; } .businesenum h6 { margin-top: 30px; width: 2px; height: 150px; background: #e5e5e5; color: #e5e5e5; } .businesenumdiv:hover { transform: rotate(30deg); transform: translate(100px, 50px); transform: scale(1.1); } .businesenumdiv:nth-last-child(1) { border: 0; } .businesenumdiv h5 { font-size: 36px; font-weight: 700; margin: 0 auto; text-align: center; } .businesenumdiv p { font-size: 24px; color: #999; font-weight: 500; line-height: 70px; text-align: center; } */ /* 鍏氱殑寤鸿css */ .partybuilding-container-01 { background: #f5f5f5; padding-bottom: 40px; } .partybuilding-container { background: #f5f5f5; padding-bottom: 40px; background: url(../images/ershidasybg.jpg) no-repeat center bottom; background-size:100% 100%; } .am-gallery { padding: 0px -10px 0 -10px; list-style: none; } .am-gallery-item { box-shadow: 0 0 2px rgba(0, 0, 0, 0.35); padding: 10px; margin: 10px 0px; } .am-avg-lg-4>li { /* width: 25%; */ } .am-avg-lg-4>li:nth-of-type(n) { clear: none; } .am-avg-lg-4>li:nth-of-type(4n + 1) { clear: both; } [class*="am-avg-"]>li { display: block; height: auto; float: left; } .customer-case-img { width: 100%; overflow: hidden; position: relative; } .am-gallery-item img { width: 100%; height: 177px; } .am-gallery-item:hover img { transform: scale(1.1, 1.1); overflow: hidden; transition: all 0.3s ease-in; } .am-gallery-item .am-gallery-title { font-weight: normal; color: #333; display: block; text-overflow: ellipsis; white-space: normal; overflow: hidden; } .am-gallery-title { margin: 12px 0 !important; font-size: 16px !important; display: inline-block; word-wrap: break-word; height: 50px; line-height: 1.6; } .am-gallery-item .am-gallery-desc { color: #999999; font-size: 14px; } .gallery-words { height: 125px; width: 100%; line-height: 26px; overflow: hidden; } .am-gallery-item:hover h3 { color: #60b53c; } .container-fluid { padding-right: 0px; padding-left: 0px; margin-right: auto; margin-left: auto; } .index_gg img { width: 100%; } /* 鍏氱殑寤鸿css end*/ /* 缁忚惀涓氬姟css */ .businesss-container { overflow: hidden; background: #f5f5f5; } .businesscontent { width: 100%; margin-top: 10px; padding-bottom: 30px; } .businesscontent .businessshow { /* width: 25%; float: left; */ /* margin: 0 1%; */ } .businesscontent .businessshow:nth-last-child(1) { margin-right: 0; } .businesscontent .businessshow img { width: 100%; float: left; border-radius: 3px; height: 100%; } .businesscontent .businessshow div { overflow: hidden; height: 189px; /* margin: 10px; */ } .businesscontent .businessshow img:hover { transform: scale(1.1, 1.1); height: 189px; overflow: hidden; transition: all 0.3s ease-in; } .businesscontent .businessshow p { font-size: 16px; text-align: center; line-height: 40px; } /* 鍚堜綔鏈烘瀯 */ .Cooperativecontent { padding: 15px 0; overflow: hidden; } .Cooperativecontent .swiper-slide { height: 104px; text-align: center; border: 1px dotted #bbbbbb; box-sizing: border-box; padding-top: 12px; } /* .Cooperativecontent .swiper-slide img:hover { transform: scale(1.05, 1.05); transition: all 0.3s ease-in; } */ /* 鍙嬫儏閾炬帴 */ .friendlink { display: flex; justify-content: space-between; line-height: 38px; padding-top: 30px; padding-bottom: 30px; } .friendlink select { width: 28%; margin-left: 5px; height: 38px; } /* 椤甸潰搴曢儴css */ .hbnd-footer-01 { width: 100%; /* height: 250px; */ /* background: #0055aa; */ background: #2f2f2f; /* background-image: url(../image/bg-pic2.png); */ color: #fff; font-size: 14px; text-align: center; } .hbnd-footer { width: 100%; background: url(../images/foot_bg.png) no-repeat center bottom; background-size:100% 100%; color: #3d3636; font-size: 14px; text-align: center; } .hbnd-footer .footer ul { display: flex; justify-content: center; padding-top: 48px; color: #227c3f; font-size: 16px; font-weight: bold; } .hbnd-footer .footer ul li { cursor: pointer; } .hbnd-footer .footer ul li a:hover{ color: #60b53c; } .hbnd-footer .footer ul span { margin: 0 10px; font-size: 16px; } .hbnd-footer .footer h1 { margin-top: 15px; font-size: 14px; line-height: 40px; } .hbnd-footer .footer h2 { font-size: 14px; line-height: 40px; } .hbnd-footer .footer h2 span { margin-right: 8px; } .hbnd-footer .footer p { font-size: 14px; line-height: 40px; } .newflex #test11 { width: 100%; height: 50px !important; } .new-container .layui-carousel-ind { display: none; } .new-container .new .newflex .swiper-container .swiper-button-prev { opacity: 1; left: 790px; width: 50px; height: 50px; background-color: #f5f5f5; margin-top: -25px; } .new-container .new .newflex .swiper-container .swiper-button-next { right: 0px; margin-top: -25px; width: 50px; height: 50px; background-color: #f5f5f5; } .new-container .new .newflex .layui-carousel:hover .layui-carousel-arrow[lay-type=add], .new-container .new .newflex .layui-carousel[lay-arrow=always] .layui-carousel-arrow[lay-type=add] { right: -155px; } .new-container .new .newflex .layui-carousel-arrow { display: none\9; opacity: 0; position: absolute; right: 10px; top: 50%; margin-top: -18px; width: 23px; height: 23px; line-height: 23px; text-align: center; font-size: 20px; /* border: 0; */ /* border-radius: 50%; */ background-color: #DCDCDC; color: #000; -webkit-transition-duration: .3s; transition-duration: .3s; cursor: pointer; } /* 棣栭〉鏍峰紡淇敼 */ .new-container .new .newflex .layui-carousel[lay-arrow=always] .layui-carousel-arrow { top: 32px; color: #666666; width: 24px; height: 24px; border-radius: 0; font-size: 14px; } .layui-carousel-arrow { color: #60b53c; background-color: rgba(255, 255, 255, 0.5); border-radius: 0; width: 60px; height: 60px; font-size: 30px; } .newcontentmidlle .newcontenmidlles .newdata h2 { color: #333333; } .newcontentmidlle .newcontenmidlles .newdata h2 { height: 150px; -webkit-box-orient: vertical; -webkit-line-clamp: 4; display: inline-block; overflow: hidden; font-size: 18px; font-weight: 700; } .newcontentmidlle .newcontenmidlles .newdata span { line-height: 30px; /* margin-top: -30px; */ } .newcontentmidlle .newcontenmidlles .newp { height: 90px; margin-bottom: 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; margin: 10px 0; line-height: 30px; } .contentdanging img { width: 50px; height: 50px; margin: 20px; } .contentleftword p { margin-top: 0; } .contentleftword { margin-top: 0; } .contentleftword { margin-left: 0; flex: 1; padding-left: 10px; } .contentleft { border-right: 1px solid #f5f5f5; margin-right: 15px; padding-right: 15px; } .cloud-product-ul li.active { box-shadow: inherit; } .cloud-product-box { background-color: inherit; margin-top:150px; } .contentleftword p { font-size: 14px; color: #999999; } .conteleftshow:hover .contentleftword p { color: #60b53c; } .conteleftshow:hover .contentleftword span { color: #60b53c; } .contentleftimg img { border-radius: 2px; } .conteleftshow { margin-bottom: 8px; } .contentleftword span { margin-top: 5px; color: #aaa; } .contentp { line-height: 30px; } .headerword p { font-size: 24px; color: #ffffff; line-height: 34px; } .onlinebox input { padding-left: 20px; } .onlinebox select { padding-left: 20px; cursor: pointer; } .layui-textarea { padding: 20px; resize: none; } .layui-textarea { border-right: 5px } button { border-radius: 5px; font-size: 18px; cursor: pointer; } .friendlink select { border: solid 1px #eeeeee; padding-left: 15px; color: #666666; font-size: 16px; cursor: pointer; margin-left: 2%; } .friendlink p { font-size: 16px; color: #333333; } .hbnd-footer .footer h2 { line-height: 30px; } .hbnd-footer .footer h1 { margin-top: 30px; } .loginleft li { border-radius: 3px; } .loginleft li a { font-size: 13px; display: block; } .cloud-product-box { background: #f5f5f5; overflow: hidden; } .swiper3 strong { font-weight: normal; } .newlay p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; padding: 0 42px; } .newmore p { cursor: pointer; font-size: 14px; line-height: 50px; /* color: #c0c4cc; */ color: #666; } .newmore p:hover { color: #60b53c; } .newcontentmidlle .newcontenmidlles .newdata h2 { cursor: pointer; } .businesscontent .businessshow { cursor: pointer; overflow: hidden; } .businesscontent .businessshow:hover p { color: #60b53c; } .cloud-product-ul li { cursor: pointer; } .Cooperativecontent li { cursor: pointer; } input:-webkit-autofill { -webkit-box-shadow: inset 0 0 0 1000px #fff; background-color: transparent; } .login-show { position: fixed; top: 0; bottom: 0; right: 0; left: 0; z-index: 999; } .admin-login-background { width: 50%; height: 450px; position: absolute; left: 50%; top: 20%; margin-left: -25%; z-index: 9999; text-align: center; background-color: #fff; border-radius: 5px; } .layui-form { width: 400px; height: 300px; margin: 0 auto; margin-top: 30px; } .layui-form h2 { color: #60b53c; font-size: 24px; font-weight: bold; line-height: 100px; } .djtop img{ width: 100%; } /* 鍚堜綔鏈烘瀯 */ .top-container .swiper-container { height: 480px; width: 100%; } .Cooperativecontent .swiper-slide { border-radius: 3px; } .swiper-container1 { height: auto; width: 100%; position: relative; } .swiper-container1 .swiper-button-next, .swiper-button-prev { margin-top: -28px; } .swiper-container1 .swiper-button-next, .swiper-container-rtl .swiper-button-prev { right: 0; } .swiper-container1 .swiper-button-prev, .swiper-container-rtl .swiper-button-next { left: 0; } .swiper-container1 { height: auto; width: 100%; position: relative; } .swiper-container1 .swiper-button-next, .swiper-button-prev { margin-top: -28px; } .swiper-container1 .swiper-button-next, .swiper-container-rtl .swiper-button-prev { right: 0; } .swiper-container1 .swiper-button-prev, .swiper-container-rtl .swiper-button-next { left: 0; } .swiper-slide a { display: block; } .swiper1 .swiper-slide a img { width: 100%; /* height: 550px; */ height: 480px; } /* .swiper-slide a p { font-size: 50px; position: absolute; left: 20%; top: 60%; color: #fff; } */ .swiper-button-next, .swiper-container-rtl .swiper-button-prev { right: 20px; color: #60b53c; background-color: rgba(255, 255, 255, 0.5); border-radius: 0; width: 60px; height: 60px; background-size: 50% 50%; } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-size: 50% 50%; color: #60b53c; background-color: rgba(255, 255, 255, 0.5); border-radius: 0; width: 60px; height: 60px; font-size: 30px; left: 20px; } .swiper-button-prev:hover { background-color: rgba(0, 0, 0, 0.2); transition-duration: .3s; cursor: pointer; } .swiper-button-next:hover { background-color: rgba(0, 0, 0, 0.2); transition-duration: .3s; cursor: pointer; } .swiper2 a img { height: 400px; width: 660px; } .newleft a p { color: #333; } .new-container .new .newflex .layui-carousel[lay-arrow=always] .layui-carousel-arrow:hover { background-color: rgba(0, 0, 0, 0.2); transition-duration: .3s; cursor: pointer; } .newcontentcenterdiv:hover { /* animation-name: shake; animation-duration: 1s; animation-fill-mode: both; */ } .newmore p:hover { /* transform-origin: top center; animation-name: swing; animation-duration: 1s; animation-fill-mode: both; */ } .Cooperativecontent .swiper-slide:hover { animation-name: bounce; animation-fill-mode: both; animation-duration: 1s; } .Cooperativecontent .swiper-slide img { /* width: 200px; */ } .wx-shadow { position: fixed; right: 100px; z-index: 6666; bottom: 10px; padding: 10px; background-color: #fff; display: none; /* height: 375px; */ height: 282px; line-height: 282px; /* line-height: 375px; */ box-sizing: border-box; } .wx-shadow img { width: 200px; } .login-show-shadow { position: fixed; top: 0; bottom: 0; right: 0; left: 0; background: rgba(0, 0, 0, 0.5); z-index: 999; } .newcontentmidlle { height: 436px; } .header { padding-top: 0px; padding-bottom: 0px; } .active1 { color: #ffffff; background-color: #60b53c; border-bottom: 0px; } .d-xl-block { display: block !important; } .container2 { background: none; width: 1200px; height: 480px; } .hbnd-footer .footer .companyinfo { text-align: left; } .hbnd-footer .footer .weixin { margin-top: 35px; justify-content: flex-end; display: flex; } .hbnd-footer .footer .sll { text-align: start; } @media screen and (min-width: 1440px){ /* 棣栭〉宸︿晶鎮诞 */ .nyb_notice { position: fixed; /* top: 870px; */ bottom: 0px; left: 0px; z-index: 1; width: 200px; /* background: #DCDCDD; */ padding: 5px 5px; } .nyb_notice a img { width: 200px; height: auto; margin-top:2px; } .nyb_notice .weixin img { width:100px; height: auto; margin-top:2px; } .nyb_notice_close { position: absolute; right: -18px; top: -15px; width:60px; height: 42px; background: url(../images/index/closegg1000.png) no-repeat; /* background: url(./images/nyb_notice_close.png) no-repeat; */ cursor: pointer; } /* 棣栭〉鍙充晶鎮诞 */ .weixin_notice { position: fixed; /* top: 870px; */ bottom:0px; right: 10px; z-index: 1; width: 200px; /* background: #DCDCDD; */ padding: 5px 5px; } .weixin_notice .weixin img { width:200px; height: auto; margin-top:2px; } .weixin_notice_close { position: absolute; right: -18px; top: -15px; width:60px; height: 42px; background: url(../images/index/closegg1000.png) no-repeat; /* background: url(./images/nyb_notice_close.png) no-repeat; */ cursor: pointer; } .pz2 { width: 200px; position: fixed; /* top: 585px; */ bottom: 0px; left: 0px; z-index: 1; padding: 5px 5px; } .pz2 a img { width: 200px; height: auto; } .pz2_close { position: absolute; right: -15px; top: -16px; width:60px; height: 42px; cursor: pointer; background: url(../images/index/closegg1000.png) no-repeat; } } /* 鍒ゆ柇ipad */ @media only screen and (min-width : 576px) and (max-width : 768px) { .newcontentmidlle { height: auto; display: block; justify-content: space-between; } .tab-content { height: 370px; width: 100%; } .swiper-container { height:380px; width: 100%; } .swiper-slide a img { width: 100%; height: 380px; } .partybuilding-container{ background:#f5f5f5; } .cloud-product-box{ margin-top: 0px; } } /* 鎵嬫満css */ @media screen and (max-width: 576px) { .login-show { display: none; } .newcontentmidlle { height: auto; } .Cooperativecontent .swiper-slide img { width: 100% !important; } .Cooperativecontent .swiper-slide { margin-right: 5px !important; } .swiper-container { height: 230px; width: 100%; } .swiper-slide a img { width: 100%; height: 230px; } .swiper-slide a p { font-size: 26px; position: absolute; left: 20%; top: 60%; color: #fff; } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-size: 50% 50%; color: #60b53c; background-color: rgba(255, 255, 255, 0.5); border-radius: 0; width: 30px; height: 30px; font-size: 30px; left: 2%; } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { right: 2%; color: #60b53c; background-color: rgba(255, 255, 255, 0.5); border-radius: 0; width: 30px; height: 30px; background-size: 50% 50%; } .newcontentmidlle { display: block; justify-content: space-between; } .newcontentmidlle .newcontenmidlles { width: 100%; margin-left: 0px; } #newslide, .newlaybox .layui-this { width: 100% !important; height: 230px !important; } #newslide img { width: 100%; height: 230px; } #newslide .layui-carousel-ind { display: flex; justify-content: flex-end; margin-right: 10px; } .layui-carousel[lay-arrow=always] .layui-carousel-arrow { left: 2%; width: 30px; height: 30px; font-size: 15px; line-height: 30px; margin-left: 0; } .tab-content { height: 370px; width: 100%; } .newlay { font-size: 14px; } .hbnd-footer .footer ul { padding-top: 20px; } .hbnd-footer .footer h1 { margin-top: 5px; } .hbnd-footer .footer .companyinfo { text-align: center; } .hbnd-footer .footer .weixin { margin-top: 0px; justify-content: center; } .partybuilding-container{ background:#f5f5f5; } .cloud-product-box{ margin-top: 0px; } .newcontentcenter{ padding-top:10px; } .hbnd-footer .footer .sll { text-align:center; } }