.row-a1{padding: 96px 0 0;overflow: hidden; background: linear-gradient(180deg, #E7F4F6, #FFFFFF); } .g-t1{position: relative;text-align: center;} .g-t1 .tit{display: inline-block;color: #20A08E;line-height: 1.1;} .g-t1 .tit .l{font-size: 84px;} .g-t1 .tit .r{margin-left: 12px;margin-top: 15px; text-align: left;position: relative;padding-bottom: 26px; } .g-t1 .tit .r span{font-size: 40px;display: block;} .g-t1 .tit h3{font-size: 40px;color: #20A08E;} .g-t1 .tit em{font-size: 24px;color: #E0E0E0;text-transform: uppercase;} .g-t1 .tit .r em{font-size: 24px;color: #E0E0E0;text-transform: uppercase; position: absolute;left: 0;bottom: 0;width: 500px; } .g-t1 .btn{position: absolute;top: 50%;right: 0;width: 115px;height: 40px; text-align: center;line-height: 40px;border-radius: 5px; font-size: 16px;color: #fff; background-color: #20A08E; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s; } .g-t1 .btn:after{content: '';display: inline-block;vertical-align: middle; margin-left: 11px;width: 27px;height: 8px;position: relative;top: -2px; background: url(../images/i-10.png) no-repeat center; -o-background-size: 100% auto; -ms-background-size: 100% auto; -moz-background-size: 100% auto; -webkit-background-size: 100% auto; background-size: 100% auto; } .g-t1 .btn:hover{opacity: .8;} .row-a1 .n-t1{margin-bottom: 30px;} .row-a1 .col-l{width: 853px;} .row-a1 .col-r{width: 530px;} .m-slider1 .con{display: block;} .m-slider1 .pic{padding-top: 64%;height: 0;position: relative;overflow: hidden;margin-bottom: 28px; background-color: #000; } .m-slider1 .pic img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: block; transition: .8s; -ms-transition: .8s; -moz-transition: .8s; -webkit-transition: .8s; -o-transition: .8s; } .m-slider1 .t1{font-size: 20px;color: #666;font-weight: normal;padding-right: 110px; text-overflow:ellipsis; white-space: nowrap; overflow: hidden; transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s; } .m-slider1 .con:hover .pic img{opacity: .7; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .m-slider1 .con:hover .t1{color: #20A08E;} .m-slider1 .slick-arrow{position: absolute;bottom: 0;z-index: 2; width: 37px;height: 37px;border: 1px solid #D2D2D2;border-radius: 50%; font-size: 0;text-indent: 9999px;cursor: pointer; background-color: #fff; background-position: center;background-repeat: no-repeat; -o-background-size: 20px auto; -ms-background-size: 20px auto; -moz-background-size: 20px auto; -webkit-background-size: 20px auto; background-size: 20px auto; transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s; } .m-slider1 .slick-prev{right: 50px;background-image: url(../images/i-11.png);} .m-slider1 .slick-next{right: 0;background-image: url(../images/i-12.png);} .m-slider1 .slick-prev:hover{background-image: url(../images/i-11-on.png);} .m-slider1 .slick-next:hover{background-image: url(../images/i-12-on.png);} .m-slider1 .slick-arrow:hover{border-color: #20A08E;} .m-list1{padding-top: 10px;} .m-list1 li{border-bottom: 1px solid #E0E0E0;margin-bottom: 30px;} .m-list1 .con{display: block;padding-bottom: 20px;} .m-list1 .date{display: block;font-size: 14px;padding-left: 24px;margin-bottom: 12px; color: #20A08E;font-weight: bold;font-family: arial; background: url(../images/i-13.png) no-repeat left center; -o-background-size: 17px auto; -ms-background-size: 17px auto; -moz-background-size: 17px auto; -webkit-background-size: 17px auto; background-size: 17px auto; } .m-list1 .tit{font-size: 18px;line-height: 1.56;height: 3.12em;color: #2C2D2D;font-weight: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s; } .m-list1 .con:hover .tit{color: #20A08E;} .row-a2{padding: 65px 0 0;} .m-list2{overflow: hidden;margin: 0 -30px;padding-top: 58px;} .m-list2 li{width: 33.33%;float: left;} .m-list2 .con{display: block;overflow: hidden;margin: 0 30px;} .m-list2 .date{float: left;width: 112px;text-align: center;margin-right: 30px; background-color: #E8F5F3;font-family: arial; } .m-list2 .date span{display: block;height: 55px;line-height: 55px;font-size: 40px; color: #20A08E;font-weight: bold; } .m-list2 .date em{height: 33px;line-height: 33px;font-size: 14px;color: #fff;display: block; background-color: #20A08E; } .m-list2 .txt{overflow: hidden;} .m-list2 .tit{font-size: 18px;line-height: 1.67;color: #222;font-weight: normal;margin-bottom: 16px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s; } .m-list2 .desc{font-size: 14px;line-height: 1.71;color: rgba(40, 40, 40, .55);margin-bottom: 26px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } .m-list2 .btn{display: block;width: 101px;height: 37px;border-radius: 4px; border: 1px solid #D9D9D9;font-size: 16px;color: rgba(40, 40, 40, .72); text-align: center;line-height: 35px; transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s; } .m-list2 .btn:after{content: '';display: inline-block;vertical-align: middle; width: 7px;height: 10px;position: relative;top: -1px;margin-left: 13px; background: url(../images/i-14.png) no-repeat center; transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s; } .m-list2 .con:hover .tit{color: #20A08E;} .m-list2 .con:hover .btn{border-color: #20A08E;background-color: #20A08E; color: #fff; } .m-list2 .con:hover .btn:after{background-image: url(../images/i-14-on.png);} .row-a3{overflow: hidden;padding: 100px 0 260px;margin-top: -37px; background: url(../images/p-bg1.jpg) no-repeat center; -o-background-size: cover; -ms-background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; } .row-a3 .col-l{width: 551px;margin-right: 62px;} .row-a3 .col-r{float: none;overflow: hidden;} .row-a3 .n-t1{margin-bottom: 69px;} .m-news{height: 569px;margin-top: 12px; background: #FFFFFF; border: 1px solid #20A08E; border-radius: 15px; } .m-news .con{display: block;overflow: hidden;padding: 28px 0;} .m-news .top{overflow: hidden;position: relative;padding-right: 21px;} .m-news .lab{float: left;padding: 0 28px;height: 39px;border-radius: 0 20px 20px 0; font-size: 20px;color: #fff;line-height: 39px;position: relative; background-color: #20A08E; } .m-news .lab:after{content: '';position: absolute;top: 50%;left: 100%;margin-left: 18px; width: 300px;height: 1px;background-color: #E0E0E0; } .m-news .date{float: right;line-height: 39px;font-size: 14px;color: #20A08E; font-weight: bold;font-family: arial;padding-left: 17px;position: relative;z-index: 2; background-color: #fff; } .m-news .t-c{padding: 17px 18px 0;} .m-news .pic{padding-top: 58%;height: 0;position: relative;overflow: hidden;margin-bottom: 16px;} .m-news .pic img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: block; transition: .8s; -ms-transition: .8s; -moz-transition: .8s; -webkit-transition: .8s; -o-transition: .8s; } .m-news .t1{font-size: 18px;color: #2C2D2D;margin-bottom: 6px; text-overflow:ellipsis; white-space: nowrap; overflow: hidden; transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s; } .m-news .desc{font-size: 14px;color: #858585;line-height: 1.79;margin-bottom: 15px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .m-news .btn{display: block;width: 115px;height: 44px; text-align: center;line-height: 44px;border-radius: 5px; font-size: 16px;color: #fff; background-color: #20A08E; transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s; } .m-news .btn:after{content: '';display: inline-block;vertical-align: middle; margin-left: 11px;width: 27px;height: 8px;position: relative;top: -2px; background: url(../images/i-10.png) no-repeat center; -o-background-size: 100% auto; -ms-background-size: 100% auto; -moz-background-size: 100% auto; -webkit-background-size: 100% auto; background-size: 100% auto; } .m-news .btn:hover{opacity: .8;} .m-news .con:hover .t1{color: #20A08E;} .m-news .con:hover .pic img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .m-list3{overflow: hidden;margin: 0 -34px;} .m-list3 li{width: 50%;float: left;margin-bottom: 21px;} .m-list3 .con{display: block;margin: 0 34px;padding-bottom: 36px; background: url(../images/i-15.png) no-repeat left bottom; -o-background-size: 376px auto; -ms-background-size: 376px auto; -moz-background-size: 376px auto; -webkit-background-size: 376px auto; background-size: 376px auto; } .m-list3 .top{overflow: hidden;margin-bottom: 5px;} .m-list3 .lab{float: left;padding: 0 15px;height: 34px;line-height: 34px; border-radius: 17px;font-size: 20px;color: #20A08E; background-color: #fff; } .m-list3 .date{float: right;font-size: 14px;color: #fff;line-height: 34px; font-weight: bold;font-family: arial; } .m-list3 .tit{font-size: 18px;line-height: 1.56;color: #FFF;font-weight: normal;height: 3.12em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s; } /*.m-list3 .con:hover .tit{text-decoration: underline;}*/ .row-a4{margin-top: -112px;padding-bottom: 99px;} .m-list4{overflow: hidden;margin: 0 -15px;padding-top: 56px;} .m-list4 li{width: 33.33%;float: left;} .m-list4 .con{display: block;margin: 0 15px;} .m-list4 .pic{padding-top: 67%;height: 0;position: relative;overflow: hidden;margin-bottom: 32px;} .m-list4 .pic img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: block; transition: .8s; -ms-transition: .8s; -moz-transition: .8s; -webkit-transition: .8s; -o-transition: .8s; } .m-list4 .tit{font-size: 18px;color: #282828;line-height: 1.33;margin-bottom: 15px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s; } .m-list4 .desc{font-size: 14px;line-height: 1.71;color: #282828;opacity: .55;margin-bottom: 18px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .m-list4 .date{display: block;font-size: 14px;padding-left: 24px;margin-bottom: 12px; color: #20A08E;font-weight: bold;font-family: arial; background: url(../images/i-13.png) no-repeat left center; -o-background-size: 17px auto; -ms-background-size: 17px auto; -moz-background-size: 17px auto; -webkit-background-size: 17px auto; background-size: 17px auto; } .m-list4 .con:hover .pic img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .m-list4 .con:hover .tit{color: #20A08E;} .row-a5{padding: 81px 0 125px; background: url(../images/p-bg2.jpg) no-repeat top center; -o-background-size: cover; -ms-background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; } .m-list5{overflow: hidden;margin-top: 35px;} .m-list5 li{float: left;width: 123px;cursor: pointer;} .m-list5 li.on{width: 1070px;} .m-list5 li.on .right{display: block;} .m-list5 .left{position: relative;overflow: hidden;height: 615px;width: 123px; float: left;padding-top: 60px; border-top-right-radius: 30px; background-position: center;background-repeat: no-repeat; -o-background-size: cover; -ms-background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; } .m-list5 .right{overflow: hidden;display: none;} .m-list5 .ico{display: block;width: 60px;height: 60px;margin: 0 auto;} .m-list5 .ico img{width: 100%;height: 100%;display: block;} .m-list5 .tit{position: absolute;top: 50%;left: 50%;width: 45px;padding: 21px 0; border: 1px solid #fff;border-radius: 23px;text-align: center; font-size: 26px;color: #fff;line-height: 1.15; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .m-list5 .btn{position: absolute;left: 50%;bottom: 30px;width: 30px;padding: 16px 0; text-align: center;border-radius: 15px;color: #fff;font-size: 16px;line-height: 1.1; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .m-list5 .i1 .btn{background-color: #34B6A4;} .m-list5 .i2 .btn{background-color: #E9B665;} .m-list5 .i3 .btn{background-color: #2A8CF2;} .m-list5 .i4 .btn{background-color: #DEAC9C;} .m-list5 dl{overflow: hidden;padding: 0 9px;} .m-list5 dd{margin-bottom: 20px;width: 50%;float: left;} .m-list5 .con{display: block;margin: 0 9px;position: relative;} .m-list5 .pic{padding-top: 66.6%;height: 0;position: relative;overflow: hidden;} .m-list5 .pic img{position: absolute;top: 0;left: 0;width: 100%;height: 100%; transition: .8s; -ms-transition: .8s; -moz-transition: .8s; -webkit-transition: .8s; -o-transition: .8s; } .m-list5 .pic:after{content: '';position: absolute;left: 0;right: 0;bottom: 0;top: 0; background: url(../images/i-bg5.png) no-repeat center bottom; -o-background-size: 100% auto; -ms-background-size: 100% auto; -moz-background-size: 100% auto; -webkit-background-size: 100% auto; background-size: 100% auto; } .m-list5 .t1{position: absolute;left: 0;right: 0;bottom: 20px;z-index: 2; font-size: 18px;font-weight: normal;line-height: 1.67;color: #fff; text-align: center;padding: 0 15px; text-overflow:ellipsis; white-space: nowrap; overflow: hidden; } .m-list5 .con:hover .pic img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .row-a5-2{padding: 96px 0 0;} .m-list6{overflow: hidden;margin: 0 -15px;padding-top: 56px;} .m-list6 li{width: 25%;float: left;} .m-list6 .con{display: block;margin: 0 15px;} .m-list6 .pic{padding-top: 44%;height: 0;position: relative;overflow: hidden;border-radius: 15px; background-color: #000; } .m-list6 .pic img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: block; transition: .8s; -ms-transition: .8s; -moz-transition: .8s; -webkit-transition: .8s; -o-transition: .8s; } .m-list6 .con:hover .pic img{opacity: .7; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .row-a6{padding: 77px 0 160px; background: url(../images/p-bg3.jpg) no-repeat center; -o-background-size: cover; -ms-background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; } .m-slider2{text-align: center;margin-top: 90px;position: relative;} .m-slider2:after{content: '';position: absolute;left: 50%;bottom: 7px; height: 1px;width: 1352px;background-color: #D5D5D5; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .m-slider2 .slider{position: relative;z-index: 2;} .m-slider2 .con{padding-bottom: 57px;position: relative;z-index: 2; background: url(../images/i-25.png) no-repeat center bottom; -o-background-size: 15px auto; -ms-background-size: 15px auto; -moz-background-size: 15px auto; -webkit-background-size: 15px auto; background-size: 15px auto; } .m-slider2 .ico{width: 191px;height: 191px;position: relative; display: block;margin: 0 auto 20px; } .m-slider2 .ico img{position: absolute;top: 0;left: 0;width: 100%;height: 100%; transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s; } .m-slider2 .i-on{opacity: 0;} .m-slider2 .num{font-size: 18px;line-height: 1.1;margin-bottom: 4px;} .m-slider2 .num span{font-family: arial;font-size: 50px;font-weight: bold; background: linear-gradient(0deg, #0e7a66 0%, #44bbad 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .m-slider2 .desc{font-size: 20px;color: #353535;} .m-slider2 .con:hover .i-ok{opacity: 0;} .m-slider2 .con:hover .i-on{opacity: 1;} .m-slider2 .slick-arrow{position: absolute;bottom: -15px;z-index: 2; width: 49px;height: 49px;border: 1px solid #D2D2D2;border-radius: 50%; font-size: 0;text-indent: 9999px;cursor: pointer; background-color: #fff; background-position: center;background-repeat: no-repeat; -o-background-size: 20px auto; -ms-background-size: 20px auto; -moz-background-size: 20px auto; -webkit-background-size: 20px auto; background-size: 20px auto; transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s; } .m-slider2 .slick-prev{left: 0;background-image: url(../images/i-11.png);} .m-slider2 .slick-next{right: 0;background-image: url(../images/i-12.png);} .m-slider2 .slick-prev:hover{background-image: url(../images/i-11-on.png);} .m-slider2 .slick-next:hover{background-image: url(../images/i-12-on.png);} .m-slider2 .slick-arrow:hover{border-color: #20A08E;} .row-a7{padding: 66px 0 160px; background: url(../images/p-bg4.jpg) no-repeat center; -o-background-size: cover; -ms-background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; } .m-list7{overflow: hidden;margin-top: 63px;} .m-list7 li{width: 16.66%;float: left;} .m-list7 .con{text-align: center;display: block;} .m-list7 .ico{display: block;margin: 0 auto 20px;width: 110px;height: 110px; background: #EEF6F7;position: relative; border: 1px dashed #20A08E; border-radius: 50%; transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s; } .m-list7 .ico img{position: absolute;top: 0;left: 0;width: 100%;height: 100%; transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s; } .m-list7 .i-on{opacity: 0;} .m-list7 h3{font-size: 20px;color: #666;font-weight: normal;} .m-list7 .con:hover .ico{background-color: #20A08E;} .m-list7 .con:hover .i-ok{opacity: 0;} .m-list7 .con:hover .i-on{opacity: 1;} .ban{height: 650px; background-position: center;background-repeat: no-repeat; -o-background-size: cover; -ms-background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; } .row-b1{padding: 15px 0 50px;overflow: hidden; background: url(../images/p-bg5.jpg) no-repeat center bottom; -o-background-size: 100% auto; -ms-background-size: 100% auto; -moz-background-size: 100% auto; -webkit-background-size: 100% auto; background-size: 100% auto; } .g-t2{position: relative;text-align: center;margin-bottom: 25px;} .g-t2 .tit{display: inline-block;color: #20A08E;line-height: 1.1;padding: 35px 0; background: url(../images/i-34.png) no-repeat center; -o-background-size: 120px auto; -ms-background-size: 120px auto; -moz-background-size: 120px auto; -webkit-background-size: 120px auto; background-size: 120px auto; } .g-t2 .tit .l{font-size: 84px;position: relative;} .g-t2 .tit .l:after{content: '';position: absolute;bottom: -8px;left: -10px; width: 33px;height: 3px;background-color: #20A08E; } .g-t2 .tit .r{margin-left: 12px;margin-top: 25px; text-align: left;position: relative; } .g-t2 .tit .r span{font-size: 40px;display: block;} .g-t2 .tit h3{font-size: 40px;} .g-tab{overflow: hidden;line-height: 76px; border-bottom: 1px solid #D3D3D3; } .g-tab .tab{float: left;} .g-tab .tab li{float: left;margin-right: 36px;} .g-tab .tab li a{display: block;font-size: 20px;color: #999;position: relative;} .g-tab .tab li a:after{content: '';position: absolute;left: 50%;right: 50%;bottom: 0; height: 3px;background-color: #20A08E; transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s; } .g-tab .tab li:hover a:after,.g-tab .tab li.on a:after{left: 0;right: 0;} .g-tab .tab li:hover a,.g-tab .tab li.on a{color: #20A08E;font-weight: bold;} .g-tab .cur{float: right;font-size: 16px;color: #999;} .g-tab .cur a{color: #999;} .g-tab .cur span{color: #20A08E;font-weight: bold;} .g-tab .cur a:hover{color: #20A08E;} .m-list8{} .m-list8 li{margin-bottom: 36px;} .m-list8 .con{display: block;overflow: hidden;padding-bottom: 34px;padding-right: 40px;position: relative; transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s; } .m-list8 .con:after{content: '';position: absolute;left: 348px;right: 0;bottom: 0;height: 1px; background-color: #D3D3D3; } .m-list8 .pic{float: left;width: 348px;height: 225px;overflow: hidden;} .m-list8 .pic img{width: 100%;height: 100%;display: block; transition: .8s; -ms-transition: .8s; -moz-transition: .8s; -webkit-transition: .8s; -o-transition: .8s; } .m-list8 .txt{overflow: hidden;padding-left: 45px;padding-top: 38px;} .m-list8 .tit{font-size: 20px;font-weight: normal;color: #282828;margin-bottom: 21px; text-overflow:ellipsis; white-space: nowrap; overflow: hidden; transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s; } .m-list8 .desc{font-size: 16px;color: rgba(40,40,40,.55);margin-bottom: 34px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .m-list8 .date{display: block;font-size: 14px;padding-left: 24px;margin-bottom: 12px; color: #20A08E;font-weight: bold;font-family: arial; background: url(../images/i-13.png) no-repeat left center; -o-background-size: 17px auto; -ms-background-size: 17px auto; -moz-background-size: 17px auto; -webkit-background-size: 17px auto; background-size: 17px auto; } .m-list8 .con:hover{background: linear-gradient(180deg, #E7F4F6, #FFFFFF);} .m-list8 .con:hover .tit{font-weight: bold;color: #20A08E;} .m-list8 .con:hover .pic img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .pages { margin: 80px 0; display: -webkit-flex; display: flex; flex-wrap: wrap; justify-content: center } .pages ul{ display: -webkit-flex; display: flex; flex-wrap: wrap; justify-content: center } .pages ul li{padding: 0 2px} .pages ul li a,.pages ul li span{ padding: 0 5px; display: block; font-size: 16px; color: #959595; min-width: 34px; line-height: 32px; border: 1px solid #ccc; text-align: center; border-radius: 4px } .pages ul li span{border: none} .pages ul .next a,.pages ul .prev a{ min-width: 0; width: 34px; height: 34px; background-repeat: no-repeat; background-position: center; background-size: 13px auto } .pages ul .prev a{background-image: url(../images/i-35.png);} .pages ul .next a{background-image: url(../images/i-36.png);} .pages ul .prev a:hover{background-image: url(../images/i-35-on.png);} .pages ul .next a:hover{background-image: url(../images/i-36-on.png);} .pages ul .active a { border-color: #20A08E; background-color: #20A08E; color: #fff } .pages .go { margin-left: 12px; font-size: 16px; color: #666; display: -webkit-flex; display: flex; align-items: center } .pages .go .inp { margin: 0 10px; width: 34px; height: 34px; border: 1px solid #ccc; border-radius: 4px; font-size: 16px; color: #959595;background-color: transparent; text-align: center } .pages .go .sur { margin-left: 8px; width: 60px; height: 34px; line-height: 34px; background-color: #20A08E; border-radius: 4px; font-size: 16px; color: #fff; text-align: center } .pages ul li a:hover { background-color: #20A08E; border-color: #20A08E; color: #fff } .m-list9{padding: 124px 0 68px; background: rgba(255,255,255,.83) url(../images/p-bg6.jpg) repeat-x left top; box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.1); -o-background-size: auto 68px; -ms-background-size: auto 68px; -moz-background-size: auto 68px; -webkit-background-size: auto 68px; background-size: auto 68px; } .m-list9 ul{overflow: hidden;position: relative;} .m-list9 ul:after{content: '';position: absolute;top: 0;bottom: 50px;left: 50%;width: 1px; background-color: #e2e2e2; } .m-list9 li{width: 50%;float: left;margin-bottom: 50px;} .m-list9 .con{display: block;margin: 0 25px;overflow: hidden;padding-bottom: 50px; border-bottom: 1px solid #e2e2e2; } .m-list9 .lab{float: left;width: 268px;height: 176px;text-align: center;position: relative; margin-right: 78px; } .m-list9 .lab span{position: absolute;top: 50%;left: 0;right: 0; font-size: 30px;color: #20A08E;line-height: 1.3; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .m-list9 .lab:after{content: '';position: absolute;right: 0;top: 50%;width: 1px;height: 40px; background-color: #cecece; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .m-list9 .right{overflow: hidden;} .m-list9 .pic{float: left;width: 142px;height: 176px;overflow: hidden;margin-right: 29px;} .m-list9 .pic img{width: 100%;height: 100%;display: block;} .m-list9 .name{font-size: 24px;overflow: hidden;display: block;line-height: 176px;} .m-box1{border-top: 6px solid #20A08E;margin-bottom: 40px; background: #FFFFFF;padding: 32px 60px 38px 66px; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.08); } .m-box1 .tit{font-size: 30px;color: #20A08E;font-weight: normal;margin-bottom: 23px;} .m-box1 .list{overflow: hidden;margin: 0 -53px;} .m-box1 .list li{width: 33.33%;float: left;margin-bottom: 20px;} .m-box1 .list li a{display: block;height: 54px;line-height: 54px; background-color: #F0FBF9;margin: 0 53px;padding-left: 32px; font-size: 20px;color: #333; background-position: right center;background-repeat: no-repeat; -o-background-size: 51px auto; -ms-background-size: 51px auto; -moz-background-size: 51px auto; -webkit-background-size: 51px auto; background-size: 51px auto; transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s; } .m-box1 .list li a:hover{color: #fff;background-color: #20A08E; background-image: url(../images/i-37.png); } .m-list10{overflow: hidden;margin: 0 -24px;} .m-list10 li{width: 50%;float: left;margin-bottom: 30px;} .m-list10 .con{display: block;overflow: hidden;margin: 0 24px;} .m-list10 .date{float: left;width: 82px;height: 104px;text-align: center; color: #20A08E;font-family: arial;font-weight: bold;line-height: 1.1; padding-top: 18px; transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s; } .m-list10 .date span{display: block;font-size: 48px;} .m-list10 .date em{font-weight: bold;} .m-list10 .txt{overflow: hidden;position: relative; padding: 22px 27px 14px 35px; background-position: center;background-repeat: no-repeat; -o-background-size: cover; -ms-background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s; } .m-list10 .txt:after{content: '';position: absolute;left: 11px;top: 22px;bottom: 0; width: 1px;background-color: #D3D3D3; transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s; } .m-list10 .t1{font-size: 20px;line-height: 1.2;height: 2.4em;color: #282828;font-weight: normal; padding-right: 50px;margin-bottom: 13px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s; } .m-list10 .desc{font-size: 16px;color: rgba(40,40,40,.55);margin-bottom: 24px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s; } .m-list10 .more{display: block;font-size: 16px;color: #20A08E;padding-left: 22px; background: url(../images/i-38.png) no-repeat left center; -o-background-size: 16px auto; -ms-background-size: 16px auto; -moz-background-size: 16px auto; -webkit-background-size: 16px auto; background-size: 16px auto; transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s; } .m-list10 .con:hover .date{background-color: #C99E59;color: #fff;} .m-list10 .con:hover .txt{background-image: url(../images/p-bg7.jpg);} .m-list10 .con:hover .t1{color: #fff;} .m-list10 .con:hover .desc{color: rgba(255,255,255,.55);} .m-list10 .con:hover .more{color: #fff;background-image: url(../images/i-39.png);} .m-list10 .con:hover .txt:after{opacity: 0;} .row-b2{position: relative;margin-bottom: 13px;padding-bottom: 330px;overflow: hidden; background: url(../images/p-bg8.jpg) no-repeat center bottom; -o-background-size: 1553px auto; -ms-background-size: 1553px auto; -moz-background-size: 1553px auto; -webkit-background-size: 1553px auto; background-size: 1553px auto; } .row-b2:before{content: '';height: 237px;position: absolute;left: 0;right: 0;top: 0; background: linear-gradient(180deg, #E7F4F6, #FFFFFF); } .row-b2 .wp{position: relative;z-index: 2;} .m-details{padding: 85px 0 0;max-width: 1330px;margin: 0 auto;} .m-details h1{font-size: 26px;font-weight: normal;color: #222;text-align: center; margin-bottom: 18px; } .m-details .info{text-align: center;font-size: 15px;color: #999; border-bottom: 1px solid #D3D3D3;padding-bottom: 35px; } .m-details .txt{padding: 40px 10px;font-size: 18px;line-height: 2; color: #444;text-align: justify; } .m-details .txt p{text-indent:2em} .m-details .txt *{text-align: justify;} .m-details .arrow{overflow: hidden;padding-top: 16px;} .m-details .item{/*max-width: 450px;*/margin-bottom: 10px;} /*.m-details .prev{float: left;} .m-details .next{float: right;}*/ .m-details .item a{color: #444;font-size: 18px;display: block; background-repeat: no-repeat; -o-background-size: 51px auto; -ms-background-size: 51px auto; -moz-background-size: 51px auto; -webkit-background-size: 51px auto; background-size: 51px auto; text-overflow:ellipsis; white-space: nowrap; overflow: hidden; transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s; } .m-details .item.prev a{padding-left: 76px; background-position: left center; background-image: url(../images/i-l.png); } .m-details .item.next a{padding-left: 76px; background-position: left center; background-image: url(../images/i-r.png); } .m-details .item.prev a:hover{ background-image: url(../images/i-l-on.png); } .m-details .item.next a:hover{ background-image: url(../images/i-r-on.png); } .m-details .item a:hover{color: #20A08E;} .m-list6 .slick-dots, .m-list7 .slick-dots{text-align: center;font-size: 0;overflow: hidden; padding-top: 30px; } .m-list6 .slick-dots li,.m-list7 .slick-dots li{display: inline-block;float: none;width: auto; margin: 0 5px; } .m-list6 .slick-dots li button, .m-list7 .slick-dots li button{width: 12px;height: 12px;display: block; border: 0;cursor: pointer;font-size: 0;text-indent: 9999px; background-color: transparent;border-radius: 50%;padding: 0; background-position: center;background-repeat: no-repeat; background-color: rgba(0,0,0,.3); } .m-list6 .slick-dots li.slick-active button, .m-list7 .slick-dots li.slick-active button{background-color: #20A08E;} .m-list11{overflow: hidden;margin: 0 -26px;} .m-list11 li{width: 33.33%;float: left;margin-bottom: 66px;} .m-list11 .con{margin: 0 26px;display: block;} .m-list11 .pic{padding-top: 65%;height: 0;position: relative;overflow: hidden;margin-bottom: 34px;} .m-list11 .pic img{position: absolute;top: 0;left: 0;width: 100%;height: 100%; transition: .8s; -ms-transition: .8s; -moz-transition: .8s; -webkit-transition: .8s; -o-transition: .8s; } .m-list11 .tit{font-size: 20px;font-weight: normal;color: #282828;height: 3em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s; } .m-list11 .con:hover .pic img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .m-list11 .con:hover .tit{color: #20A08E;} .n-t1{position: relative;text-align: center;} .n-t1 .tit{display: inline-block;color: #20A08E;line-height: 1.1;position: relative;text-align: left;} .n-t1 .tit h3{font-size: 40px;color: #20A08E;} .n-t1 .tit em{font-size: 24px;color: #E0E0E0;text-transform: uppercase;} .n-t1 .tit:before{content: '';position: absolute;left: -57px;top: -50px; width: 92px;height: 89px; background: url(../images/i-t1.png) no-repeat center; -o-background-size: 100% auto; -ms-background-size: 100% auto; -moz-background-size: 100% auto; -webkit-background-size: 100% auto; background-size: 100% auto; } .n-t1 .btn{position: absolute;top: 50%;right: 0;width: 115px;height: 40px; text-align: center;line-height: 40px;border-radius: 5px; font-size: 16px;color: #fff; background-color: #20A08E; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s; } .n-t1 .btn:after{content: '';display: inline-block;vertical-align: middle; margin-left: 11px;width: 27px;height: 8px;position: relative;top: -2px; background: url(../images/i-10.png) no-repeat center; -o-background-size: 100% auto; -ms-background-size: 100% auto; -moz-background-size: 100% auto; -webkit-background-size: 100% auto; background-size: 100% auto; } .n-t1 .btn:hover{opacity: .8;} .n-t1-1{padding-top: 60px;margin-bottom: 35px;} .n-t1-1 .sel{position: absolute;right: 0;bottom: 0;width: 171px;height: 40px; border: 1px solid #d3d3d3;font-size: 16px;color: #999;padding-left: 16px; background: url(../images/i-50.png) no-repeat right 12px center;border-radius: 0; -o-background-size: 10px auto; -ms-background-size: 10px auto; -moz-background-size: 10px auto; -webkit-background-size: 10px auto; background-size: 10px auto; } .row-b2 .col-l{width: 1078px;} .row-b2 .col-r{width: 300px;padding-top: 79px;} .z-t1{font-size: 26px;color: #20A08E;margin-bottom: 34px;} .z-list1{position: relative;overflow: hidden;} .z-list1:after{content: '';position: absolute;top: 3px;left: 8px;bottom: 0; width: 1px;background-color: #E0E0E0; } .z-list1 li{margin-bottom: 28px;position: relative;z-index: 2;} .z-list1 .date{display: block;font-size: 14px;color: #20A08E;padding-left: 24px; font-family: arial;font-weight: bold;margin-bottom: 12px; background: url(../images/i-51.png) no-repeat left center; -o-background-size: 17px auto; -ms-background-size: 17px auto; -moz-background-size: 17px auto; -webkit-background-size: 17px auto; background-size: 17px auto; } .z-list1 .tit{font-size: 18px;color: #2C2D2D;font-weight: normal;font-weight: normal; padding-left: 24px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s; } .z-list1 .con:hover .tit{color: #20A08E;} .nav .so{display: none;} @media only screen and (max-width: 1199px) { .nav .so{display: block;float: none;width: auto;margin: 0 15px;} .so .inp{height: 40px;} .so .btn{height: 40px;} }