锘?banner{ position: relative; } .banner-con{ width: 100%; overflow: hidden; } .banner .swiper-pagination{ position: absolute; left: 46%; bottom: 60px; } .banner .swiper-pagination-bullet{ width: 18px; height: 18px; background-color: transparent; background-image: url(../images/banner_btn.png); outline: none; opacity: 1; } .banner .swiper-pagination-bullet-active{ background-color: transparent; background-image: url(../images/banner_btn_active.png) } .banner ul li{ float: left; } .banner button{ width: 50px; height: 50px; position: absolute; background-color: transparent; border: none; top: 45%; background-size: contain; } .banner-left{ background-image: url(../images/arrow_left.png); left: 10%; } .banner-right{ background-image: url(../images/arrow_right.png); right: 10%; } /* 鍏憡鍏ず */ .notice{ margin-top:-40px; background-color: #ffffff; border-radius: 3px; box-shadow: 3px 3px 5px #dddddd; position: relative; z-index: 11; padding: 26px 30px; } .notice-con{ margin-left: 35px; overflow: hidden; height: 32px; } .notice-con li{ padding: 6px 0; } .notice-con li a{ display: inline-block; padding:0 50px; line-height: 16px; } .notice-con li a:first-of-type{ border-right: 1px solid #dddddd; } .notice-con li a h4{ width: 310px; font-weight: normal; } .notice-con li a span{ color: #999999; } .notice-nav{ position: static; } /* 鍏憡鍏ず鍒嗛〉鏍峰紡閲嶇疆 */ .notice-nav .swiper-pagination-bullet{ width: 5px; height: 5px;display: block; border: none; margin-bottom: 8px; outline: none; border-radius: 50%; background-color: #cccccc; } .notice-nav .swiper-pagination-bullet{ opacity: 1; } .notice-nav .swiper-pagination-bullet-active{ background-color: #ec200a; } .notice-nav button:last-of-type{ margin-bottom: 0; } .home-new01{ margin-top: -40px; padding:80px 0 40px 0; } /* 鏂伴椈澶存潯 */ .home-new01-left{ width: 690px; padding-bottom: 16px; border-bottom: 1px solid #dddddd; } .home-new01-left ul li > a{ display: block; } .home-new01-left-img{ padding: 3px; } .home-new01-left-img img{ box-shadow: 0 0 5px #aaaaaa; width: 684px; height: 294px; } .home-new01-left-top{ margin-top: 20px; } .home-new01-left-top h4{ font-size: 16px; width: 570px; } .home-new01-left{ position: relative; } .home-new01-left .btn{ position: absolute; right: 0; z-index: 2; bottom: 83px; background-color: #ffffff; } .home-new01-left .btn button{ background-color: transparent; border: none; width: 30px; height: 18px; margin-left: 10px; } .home-new01-left-bot{ margin-top:16px; display: block; } .home-new01-left-bot .date{ border-right:1px solid #dddddd; padding-right: 20px; margin-right: 20px; } .home-new01-left-bot .date strong{ font-size: 22px; color: #666666; display: block; } .home-new01-left-bot .date span{ font-size: 12px; color: #999999; } .home-new01-left-bot .fr{ line-height: 22px; font-size: 12px; color: #999999; height:44px; width: 590px; overflow: hidden; } .home-new01-left ul li:hover p,.home-new01-left ul li:hover strong,.home-new01-left ul li:hover span ,.home-new01-left ul li:hover h4{ color: #ec200a; } .home-new01-right{ width: 470px; } .home-new01-right-tit{ border-bottom: 1px solid #dddddd; margin-bottom: -1px; } .home-new01-right-tit .fl a{ font-size: 18px; font-weight: bold; position: relative; width: 116px; height: 40px; line-height: 40px; text-align: center; display: inline-block; } .home-new01-right-tit .fl a.active{ border-top-left-radius: 5px; border-top-right-radius: 5px; background-color: #ec200a; color: #ffffff; } .home-new01-right-tit .fl a.active::after{ content: ''; border:5px solid #ec200a; border-bottom: none; border-left-color: transparent; border-right-color: transparent; position: absolute; left: 49%; bottom: -5px; } .home-new01-right-tit .fr{ margin-top: 8px; } .home-new01-right ul li{ border-bottom: 1px solid #dddddd; padding: 22px 0; } .home-new01-right ul li div h4{ font-size: 16px; width: 430px; height: 22px; } .home-new01-right ul li div span{ color: #999999; font-size: 12px; margin-top: 3px; } .home-new01-right ul li p{ color: #999999; font-size: 12px; line-height: 24px; height: 48px; overflow: hidden; margin-top: 13px; } .home-new01-right ul li:hover h4,.home-new01-right ul li:hover span,.home-new01-right ul li:hover p{ color: #ec200a; } /* 琛屼笟鍔ㄦ€佸叕鍏辨牱寮 */ .home-new02{ background-color: #f8f8f8; padding: 40px 0; z-index: 99; } .home-new-con{ width: 590px; margin-right: 20px; height: 385px; overflow: hidden; position: relative;/*20190712鏂板*/ } .home-new-con:nth-of-type(2n){ margin-right: 0; } .home-new-right{ width: 590px; } .home-new-tit{ background-image: url(../images/home_bg01.png); position: relative; width: 100%; height: 90px; } .home-new-tit div{ position: absolute; bottom: 0; left: 20px; } .home-new-tit div a{ display: inline-block; color: #ffffff; width: 120px; line-height: 40px; text-align: center; font-weight: bold; font-size: 16px; } .home-new-tit div a.active{ background-color: #ffffff; color: #2f7bd3; border-top-left-radius: 5px; border-top-right-radius: 5px; } .home-new-con ul{ padding:20px 0; background-color: #ffffff; } .home-new-con ul li{ padding: 0 28px; margin-bottom: 20px; } .home-new-con ul li:last-of-type{ margin-bottom: 0; } .home-new-con ul li img{ display: none } .home-new-con ul li h4{ color: #777777; width: 480px; font-weight: normal; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; float: left; } .home-new-con ul li span{ font-size: 12px; color: #999999; float: right; } .home-new-con ul li.new-img img{ width: 138px; height: 60px; border-radius: 3px; float: left; margin-right: 20px; display: block; } .home-new-con ul li.new-img h4{ float: none; width: 362px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 3px; } .home-new-con ul li.new-img span{ float: none; } .home-new-con ul li:hover h4{ font-weight: bold; color: #ec200a; } .home-new-con ul li:hover span{ color: #ec200a; } .home-new02-right-tit{ background-image: url(../images/home_bg02.png) } /*.home-new02-right-tit a.active{ color: #33b08e!important; }*/ /* 鍥涙潯鏂伴椈 */ .home-new03{ position: relative; padding: 30px 0; } .home-new03-con{ height: 110px; overflow: hidden; width: 100%; } .home-new03-btn-left,.home-new03-btn-right{ position: absolute; top: 50px; } .home-new03-btn-left{ left: -27px; } .home-new03-btn-right{ right: -27px; } .home-new03-con ul li{ display: inline-block; margin-right: 10px; } .home-new03-con ul li img{ width: 289px; height: 107px; } .home-new03-con ul li:last-of-type{ margin-right: 0; } /* 浜у搧鏈嶅姟 */ .home-new04{ padding-bottom:130px; padding-top: 100px; position: relative; height: 520px; } .home-new04 > img{ width: 100%; position: absolute; left: 0; top: 0; z-index: -1; } .home-new-con{ box-shadow: 3px 3px 3px #dddddd; } .home-new04-con .home-new04-left-tit{ background-image: url(../images/home_bg03.png); } /* 浼佷笟鏂囧寲 */ .home-new04-right-tit{ background-image: url(../images/home_bg04.png) } .home-new04-right-tit a.active{ color: #1196e2!important; } .home-new04-right-con{ } .home-new04-compony{ background: url(../images/home_bg06.png) 100% 100%; padding: 20px; position: relative; } .home-new04-right-con h6{ font-size: 14px; color: #666666; line-height: 32px; font-weight: normal; width: 346px; } .home-new04-right-con img{ position: absolute; right: 15px; bottom: 0; } /* 鍛樺伐椋庨噰 */ .home-staff{ position: relative; background-color: #ffffff; padding: 28px 35px; } .home-staff-left,.home-staff-right{ position: absolute; top: 100px; left: 0; outline: none; } .home-staff-right{ left: auto; right: 0; } .home-staff img{ position: static; } .home-staff ul{ padding: 0; background-color: transparent; } .home-staff ul li{ padding: 0; margin:0; } .home-staff ul li a{ display: block; float: left; margin-right: 10px; margin-bottom: 10px; } .home-staff ul li a:nth-of-type(3n){ margin-right: 0; } .home-staff ul li a img{ width: 166px; display: block; height: 118px; position: static; }