.banner{width: 100%;min-width: 1200px;height: auto;text-align: center;margin: 0 auto; } .news-slider__pagination { text-align: center; } .news-slider__pagination .swiper-pagination-bullet { display: inline-block; width: 16px; height: 16px; opacity: 1; border-radius: 10px; background: #3ebcc7; cursor: pointer; transition: width 0.3s ease-in-out; } .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0px 8px !important; } .news-slider__pagination .swiper-pagination-bullet-active { opacity: 1; background: #3ebcc7; width: 50px; transition-delay: 0s; } .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 45px !important; } .banner img{width: 100%;height: 100%;} /*banner 缁撴潫*/ .garden {padding-top: 30px;min-width: 1200px;width: 1200px;height: auto;zoom:1;margin: 0 auto;padding-bottom: 50px;} .garden_title {min-width: 1200px;width: 1200px;height: 90px;text-align: center;margin-bottom: 16px;background: url(../img/title-bg.png)center bottom no-repeat;} .garden_title h2 {font-size: 40px;color: #444444;} .garden_title p {font-size: 18px;color: #444444;} /*涔愬洯澶撮儴*/ .garden_top {width: 1200px;height: 60px;background: url(../img/garden-top.png)center bottom no-repeat;text-align: center;margin-top: 30px;} .garden_top ul { width: 610px;height: 60px;margin: 0 auto;} .garden_top ul li {float: left;width: 200px;margin: 0px 1px;height: 60px;font-size: 18px;line-height: 45px;color: #999999;cursor: pointer;} .garden_top ul .active {border-bottom: 2px solid #009C43;color: #009C43 !important;} /*涔愬洯宸﹁竟*/ .garden_within {min-width: 1200px;width: 1200px;height: 400px;margin: 40px auto 0px;box-shadow: 0px 0px 24px #E8E8E8;} .garden_within>div{display:none;} .garden_within>div:nth-child(1){display:block;} .garden_left {width: 550px;height: 400px;float: left;} .garden_left img{width: 100%;height: 100%;} .cmswiper {width: 550px;height: 480px;margin-right: 40px;} /*涔愬洯鍙宠竟*/ .garden_right {width: 600px;height: auto;padding-top: 26px;float: right;margin-right: 30px;} .garden_right div:nth-child(2), .garden-right div:nth-child(3) {display: none;} .garden_right_title {width: 600px;height: 71px;border-bottom: 1px solid #009C43;} .garden_right_title h2 {float: left;color: #444;font-size: 32px;margin-top: 15px;height: 45px;padding-left: 10px;border-left: 5px solid #009C43;} .garden_right_title img {width: 151px;height: 61px;} .garden_right_li {display: block !important;padding-top: 20px;width: 670px;height: 155px;margin-bottom: 10px;} .garden_right_li li {float: left;width: 90px;height: 130px;text-align: center;margin: 0px 6px;} .garden_right_li li img {width: 74px;height: 74px;} .garden_right_li li hr { margin: 15px auto;border: none;height: 2px;background: #009C43;} .garden_right_li li a {display: block;width: 100%;height: 20px;line-height: 20px;text-align: center;font-size: 22px;color: #7d7d7d;} .garden_right_li li:hover a {color: #009C43;} .garden_main {display: block !important;width: 600px;height: 106px;margin: 0 auto;font-size: 22px;} .garden_main p {width: 100%;height: 60px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;margin-bottom: 5px;} .garden_main a {display: block;float: right;text-align: center;width: 125px;height: 38px;border: 1px solid #009C43;font-size: 18px;color: #009C43;line-height: 38px;border-radius: 30px;} /*涔愬洯缁撴潫*/ .product{min-width:1200px;width: 100%;height: auto;zoom: 1;overflow: hidden;padding: 40px 0px;background: #f8f8f8;} .product_box{width: 1200px;margin: 0 auto;min-width: 1200px;} .product_top{width: 100%;height: 500px;} .product_top ul li{width: 390px;height: 380px;float: left;margin: 10px 5px;border-radius: 10px;overflow: hidden;position: relative;} .product_top ul li:nth-child(1),.product_top ul li:nth-child(2){width: 590px;height: 380px; } .product_top_box{width: 100%;height: 100%;position: relative;} .product_top_box img{width: 100%;height: 100%;} .product_top_box h2{position: absolute;width: 100%;height: 50px;line-height: 50px;padding: 0px 30px;bottom: 0px;background: rgba(51,51,51,0.6);color: #fff;font-weight: normal;font-size: 24px;} .product_top_none{display: none;width: 100%;height: 100%;position: absolute;background: rgba(51,51,51,0.7);top: 0px;padding: 30px;} .product_top_none h2{color: #fff;font-size: 24px;font-weight: normal;} .product_top_none p{color: #F8F8F8;font-size: 18px;margin-top: 10px;line-height: 34px;} .product_top ul li:hover .product_top_none{display: block; } .product_top ul li:hover .product_top_box h2{display: none;} .news{width: 1200px;min-width: 1200px;height: auto;zoom: 1;overflow: hidden;padding-bottom: 20px;margin: 0 auto;margin-top: 30px;} .news-left{width: 820px;float: left;height: auto;zoom: 1;overflow: hidden;} .news-l-title{width: 800px;margin: 0 auto;height: 50px;} .news-l-title ul li{width: 100px;height: 40px;float: left;text-align: center;line-height: 40px;color: #7D7D7D;margin: 0px 7px;cursor: pointer;} .news-l-title ul .active{background-image: linear-gradient(to right, #85E381 20%, #448432 100%);color: #fff;border-radius: 10px;} .news-l-top{width: 820px;height: auto;zoom: 1;overflow: hidden;} .news-l-top div{display: none;} .news-l-top div:nth-child(1){display: block;} .news-l-top ul li{width: 820px;height: 180px;border: 2px solid #fff; border-bottom: 1px solid #e8e8e8;padding: 30px 13px;margin-bottom: 20px;} .news-l-im{display: block !important;float: left;width: 220px;height: 124px;overflow: hidden;position: relative;} .news-l-im span{position: absolute;top: 8px;left: 8px;display: block;width: 66px;height: 24px;background: rgb(0,0,0,0.45);color: #fff;font-size: 12px;line-height: 24px;text-align: center;border-radius: 5px;} .news-l-im img{width: 220px;height: 124px;} .news-l-text{display: block !important;width: 550px;float: right;} .news-l-text h2{font-size: 18px;color: #333333;height: 24px;line-height: 24px;font-weight: normal;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .news-l-text span{display: block;float: left;font-size: 14px;color: #bbbbbb;height: 30px;line-height: 30px;margin: 15px 20px 10px 0px;} .news-l-text span img{margin-right: 5px;margin-top: 6px;} .news-l-text span:nth-child(3) img{margin-top: 8px; } .news-l-text p{clear: both;display: block;width: 500px;font-size: 14px;line-height: 24px;color: #bbbbbb;overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;} .news-l-top ul li:hover{border: 2px solid #85E381;transform: 0.5s;transition: 0.5s;} .news-l-top ul li:hover h2{color: #85E381;} /**/ .news-right{width: 290px;height: auto;zoom: 1;overflow: hidden;float: right;} .news-r-title{width: 100%;min-width: 1200px;height: 40px;margin-bottom: 10px;} .news-r-title h2{font-size: 14px;height: 40px;color: #7d7d7d;font-weight: normal;line-height: 40px;} .news-r-top ul li{width: 290px;height: 70px;overflow: hidden;margin-bottom: 20px;} .news-r-top ul li img{transition: all 0.5s; } .news-r-top ul li a{color:#333;} .news-r-im{width: 100px;height: 70px;float: left;overflow: hidden;} .news-r-im img{width: 100px;height: 70px;} .news-r-text{width: 180px;float: right;} .news-r-text h3{width: 180px;font-weight: normal;height: 50px;line-height: 24px;overflow: hidden;font-size: 14px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .news-r-text span{font-size: 12px;color: #999;} .news-r-top ul li:hover img{transform: scale(1.11);} .news-r-b-title{width: 100%;min-width: 1200px;height: 40px;margin-bottom: 10px;} .news-r-b-title h2{font-size: 14px;height: 40px;float: left;color: #7d7d7d;font-weight: normal;line-height: 40px;} .news-r-b-title a{float: right;display: block;height: 40px;line-height: 45px;font-size: 12px;color: #7d7d7d;} .news-r-top ul li:hover .news-r-text h3{color: #3EBCC7;} .news-r-b-top ul li{width: 290px;height: 70px;overflow: hidden;margin-bottom: 20px;} .news-r-b-top ul li img{transition: all 0.5s; } .news-r-b-top ul li:hover img{transform: scale(1.11);} .news-r-b-top ul li:hover .news-r-text h3{color: #3EBCC7;} /*鏂伴椈鐗堝潡瀹屾垚*/ /*搴曢儴鐗堝潡瀹屾垚 link head-foot.css*/ /*鍏充簬鎴戜滑*/