body,input,h1,h2,h3,h4,h5,h6,b,c,e,i,g,p,div,dl,dt,dd,select,textarea,font,right,left{ margin:0; padding:0;color:#555; font-size:12px; font-family:arial, "微软雅黑"; line-height:1;font-weight: normal;letter-spacing: 0.8px;} body,html{height:100%;position:relative;width: 100%;background-color: #ffffff;} #mobile_chat_talk_str div{color:#ffffff!important;} img{display: block;} a{ color:#333; text-decoration:none;} ul, ol, li, dl, dd {margin: 0;padding: 0; list-style:none;} html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6,span,dd,dt,b,c,e,a,font,right,left{ -webkit-text-size-adjust:100%;} .fl{float: left;} .fr{float: right;} .clearfix:after{display: block;content: '';clear: both;} .bg_big{width: 100%;height: auto;background-color: #f8f8f8;font-family: arial;} img{pointer-events: none;} .compatibleStyle { backface-visibility:hidden; -webkit-backface-visibility:hidden; /* Chrome 和 Safari */ -moz-backface-visibility:hidden; /* Firefox */ -ms-backface-visibility:hidden; /* Internet Explorer */ -webkit-perspective: 0; -webkit-transform: translate3d(0,0,0); visibility:visible; } .figure{text-align:center;width:100%!important;} .figure img{width:100%!important;} /*IE*/ .web-ie2018{ font-family: Light; position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 9999999999999;background: #666;zoom:1;} .web-ie2018 dl{ position: absolute;width: 700px;height: auto;top: 50%;margin-top: -200px;left: 50%;margin-left: -350px;background: #fff;} .web-ie2018 dl #img{ display: block;margin: 50px auto;} .web-ie2018 dl h3{ display: block;text-align: center;font-size: 28px;font-weight: normal;letter-spacing: 2px;margin: 0 auto 30px;} .web-ie2018 dl h4{ display: block;text-align: center;font-size: 18px;font-weight: normal;letter-spacing: 2px;margin: 50px auto 50px;} .web-ie2018 dl dd{ margin: 0 auto 50px; display: block;text-align: center; margin-bottom:50px;} .web-ie2018 dl dd a{ display: inline-block;margin: 0 20px;} .web-ie2018 dl dd a img{display: block;margin: 0 auto;text-align: center;width: 50%;} .web-ie2018 dl dd a span{display: block;font-size: 16px; color:#666;} /*<------------------------------------->*/ /*header*/ .headerwarp{width: 100%;height: auto;box-sizing: border-box;position: fixed;top: 0;left: 0;z-index: 15;z-index: 15; box-shadow: 0px 0px 5px rgba(0,0,0,0.5)} .headerwarp .top{width: 100%;height: auto;background-color: #000000;box-shadow: 0px 0px 5px rgba(0,0,0,0.3);} .headerwarp .header{width: 1300px;margin: auto;box-sizing: border-box;display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;padding: 10px 0;} .headerwarp .header .right{width: auto;box-sizing: border-box;display: -webkit-flex;display: flex;-webkit-flex-flow: row;flex-flow: row;-webkit-align-items: center;align-items: center;} .headerwarp .header .right .item{display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;} /*.headerwarp .header .right .item .icon{display: block;width: 40px;height: 40px;background-color: #003f2d;font-size: 18px;color: #fff;border-radius: 5px;text-align: center;line-height: 40px;}*/ .headerwarp .header .right .item .text{font-size: 12px;color: #333333;margin-left: 5px;} .headerwarp .header .right .item .text span{display: block;font-size: 22px;color: #003f2d;} .headerwarp .header .right .item:first-child{} .headerwarp .header font{font-size: 16px;color: #ffffff;display: flex;display: -webkit-flex;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:center;align-items:center;} .headerwarp .header font:before{content: '';display: block;width: 50px;height: 1px;background-color: #fff;margin-right: 10px;} .headerwarp .header .right .item span{font-size: 14px;color: #ffffff;margin-left:10px;} .headerwarp .header .right .item p{display: block;width: 1px;height: 14px;background-color: #fff;margin: 0 20px;} .headerwarp .header .right .item span i{font-size: 14px;color: #fff;margin-right: 10px;} .headerwarp .bot{width: 100%;box-sizing: border-box;padding: 0 calc((100% - 1300px)/2);display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;background-color: #fff;} /*nav*/ .nav{width: 70%;margin: 0;box-sizing: border-box;display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;} .nav .item a{font-size: 16px;color: #000000;position: relative;box-sizing: border-box;display: block;line-height: 70px;} /*.nav .item a{font-size: 16px;color: #000000;position: relative;display: block;box-sizing: border-box;line-height: 80px;padding: 0px 10px;}*/ .nav .item>a:after{content: '';display: block;width: 0%;height: 2px;background-color: #002f1b;position: absolute;bottom: 0;left: 0;transition: all .3s;} .nav .item a:hover:after,.nav .active a:after{width: 100%;} .nav .item .navitem{width: 150px;position: absolute;box-sizing: border-box;padding: 20px 0;display: none;background-color: #fff;box-shadow: 0px 0px 5px rgba(0,0,0,0.5);left: 50%;transform: translateX(-50%);-webkit-transform:translateX(-50%);} /*.nav .item .navitem{width: 150px;position: absolute;box-sizing: border-box;padding: 10px 0;display: none;background-color: #fff;box-shadow: 0px 0px 5px rgba(0,0,0,0.5);text-align: center;text-align: center; right: 280px;}*/ .nav .item .navitem a{display: block;font-size: 14px;color: #000;line-height: 30px;padding-bottom: 0;text-align: center;} .nav .item .navitem a:hover:after{display: none;} .nav .item .navitem a:hover{text-decoration: underline;} .nav .item:hover .navitem{display: block;} .headerwarp .bot .logo{width: auto;display: block;} .headerwarp .bot .logo img{display: block;width: auto;height: 34px;} .nav .item{position: relative;} /*banner*/ .bannerwarp{width: 100%;height: 100%;overflow: hidden;box-sizing: border-box;padding-top: 106px;position: relative;} .bannerwarp .swiper-container01{width: 100%;height: auto;} .bannerwarp .swiper-container01 .item{display: block;width: 100%;} .bannerwarp .swiper-container01 .item img{display: block;width: 100%;} .bannerwarp .swiper-container01 .item .sjbanner{display: none;} .bannerwarp .swiper-pagination-bullet{width: 45px;height: 4px;background-color: #fff;border-radius: 0;} .bannerwarp .swiper-pagination-bullet-active{background-color: #fff;} .bannerwarp .swiper-pagination{bottom: 36px;} .bannerwarp .swiper-button-next,.bannerwarp .swiper-button-prev{background-size: 100%;width: 14px;height: 20px; top: 63%;} .bannerwarp .swiper-button-next{right: 150px;} .bannerwarp .swiper-button-prev{left: 150px;} .bannerwarp .swiper-container01 .item .text{background-color:rgba(0,0,0,0.17);padding:30% 0 ; position: absolute;top: 35%;transform: translateY(-50%);-webkit-transform: translateY(-50%);left: 0;text-align: center;width: 100%;} .bannerwarp .swiper-container01 .item .text h3{font-weight: 600;font-size: 50px;color: #ffffff;display: inline-block;padding-bottom: 20px;margin-bottom: 20px;border-bottom: 1px solid rgba(255,255,255,0.5);} .bannerwarp .swiper-container01 .item .text .linkmin{width: 100%;box-sizing: border-box;display: -webkit-flex;display: flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;} .bannerwarp .swiper-container01 .item .text .linkmin span{font-size: 14px;color: #ffffff;width: auto;box-sizing: border-box;padding: 10px 25px;background-color: rgba(49,49,49,0.14);display: block;margin-right: 10px;} .bannerwarp .swiper-container01 .item .text .linkmin span:last-child{margin-right: 0;} .bannerwarp .swiper-container01 .item .text .more{position:absolute;margin:0 auto; width: 240px;height: 60px;line-height: 60px;margin: auto;margin-top: 100px;overflow: hidden;left:45%;} .bannerlist{width: 100%;box-sizing: border-box;background-color: #00000000;padding: 40px 0;position: absolute;left: 0;bottom: 0;z-index: 2;border-top:1px solid #ffffff2e;} .bannerlist li{width: 20%;float: left;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;border-right: 1px solid rgba(255,255,255,0.4);box-sizing: border-box;} .bannerlist li img{display: block;width: auto;margin-right: 20px;transition: all .6s;} .bannerlist li .text span{display: inline-block;padding-bottom: 5px;border-bottom: 1px solid #fff;font-size: 18px;color: #fff;margin-bottom: 10px;} .bannerlist li .text p{text-transform: uppercase;color: #fff;font-size: 14px;} .bannerlist li:hover img{transform: rotateY(180deg);} /*index01*/ .index01warp{width: 100%;box-sizing: border-box;overflow: hidden;} .indx01{width: 1300px;margin: 100px auto;box-sizing: border-box;overflow: hidden;} .title{width: 360PX;box-sizing: border-box;text-align: center;margin:auto;margin-bottom: 50px;display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content:center;align-items: center;-webkit-align-items:center;flex-flow: column;-webkit-flex-flow:column;padding: 20px 0;position: relative;} .title p{font-size: 16px;color: #999999;text-transform: uppercase;margin-bottom: 20px;} .title h3{font-size: 40px;color: #333333;display: -webkit-flex;display: flex;align-items: center;-webkit-align-items: center;-webkit-justify-content: center;justify-content: center;margin-bottom: 20px;} .title:before,.title:after{content: '';display: block;width: 30px;height: 30px;position: absolute;} .title:before{top: 0;left: 0;border-left: 2px solid #003f2d;border-top: 2px solid #003f2d;} .title:after{bottom: 0;right: 0;border-right: 2px solid #003f2d;border-bottom: 2px solid #003f2d;} /*.title h3:before,.title h3:after{content: '';display: block;width: 160px;height: 1px;background-color: #333333;} .title h3:before{margin-right: 20px;} .title h3:after{margin-left: 20px;}*/ .title h4{font-size: 14px;color: #999999;} .indx01 .min{width: 100%;height: auto;box-sizing: border-box;overflow: hidden;position: relative;} .indx01 .min .hd{width: 100%;margin: auto;} .indx01 .min .tab{width: 100%;box-sizing: border-box;} .indx01 .min .tab li{display: block;width: 25%;float: left;margin-right: -1px;border: 1px solid #003f2d;font-size: 24px;color: #000000;height: 74px;line-height: 74px;box-sizing: border-box;text-align: center;transition: all .3s;cursor: pointer;} .indx01 .min .tab .on{background-color: #003f2d;color: #fff;} .indx01 .min .tab li:hover{background-color: #003f2d;color: #fff;} .indx01 .min .info{width: 100%!important;margin: auto;box-sizing: border-box;overflow: hidden;position: relative;margin-top: 1px;min-height: 560px;} .indx01 .min .info .item{display: block;width: 100%!important;} .indx01 .min .info .item:first-child{display: block;} .indx01 .min .info .item .left{width: 50%;float: left;overflow: hidden;} .indx01 .min .info .item .left img{display: block;width: 100%;transition: all .6s;} .indx01 .min .info .item:hover .left img{transform: scale(1.1);} .indx01 .min .info .item .right{width: 50%;height: 100%;position: absolute;right: 0;top: 0;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;background-color: #f5f5f5;} .indx01 .min .info .item .right .cont{width: 100%;box-sizing: border-box;padding: 0 140px 0 80px;} .indx01 .min .info .item .right .cont img{display: block;width: auto;margin-bottom: 40px;} .indx01 .min .info .item .right .cont h1{font-size: 24px;color: #003f2d;line-height: 42px;text-transform: uppercase;margin-bottom: 20px;} .indx01 .min .info .item .right .cont h4{font-size: 14px;line-height: 28px;color: #000000;text-align: justify;margin-bottom: 40px;} .more{display: block;width: 152px;height: 50px;border-radius: 2rem;text-align: center;line-height: 50px;border: 1px solid #003f2d;color: #fff;background-color: #003f2d;font-size: 14px;position: relative;z-index: 0;overflow: hidden;} .more:after{content: '';display: block;width: 0%;height: 100%;background-color: #fff;position: absolute;top: 0;left: 0;z-index: -1;transition: all .3s;border-radius: 2rem;} .more:hover:after{width: 100%;} .indx01 .min .prev{width: 50px;height: 50px;top: calc(50% + 28px);left: 0;cursor: pointer;position: absolute;background-color: #003f2d;} .indx01 .min .prev:before{content: '';display: block;width: 10px;height: 10px;border-top: 1px solid #fff;border-left: 1px solid #fff;position: absolute;transform: rotate(-45deg);top: 20px;left: 20px;} .indx01 .min .next{width: 50px;height: 50px;top: calc(50% + 28px);right: 0;cursor: pointer;position: absolute;background-color: #003f2d;} .indx01 .min .next:before{content: '';display: block;width: 10px;height: 10px;border-top: 1px solid #fff;border-right: 1px solid #fff;position: absolute;transform: rotate(45deg);top:20px;left: 20px;} .index02warp{width: 100%;height: auto;overflow: hidden;box-sizing: border-box;} .index02warp .min{width: 100%;box-sizing: border-box;overflow: hidden;} .index02warp .min li{width: calc((100% - 1px)/2);width: -webkit-calc((100% - 1px)/2);margin-right: 1px;float: left;margin-bottom: 1px;} .index02warp .min li:nth-of-type(2n){margin-right: 0;} .index02warp .min li a{display: block;width: 100%;height: auto;box-sizing: border-box;position: relative;overflow: hidden;} .index02warp .min li a img{display: block;width: 100%;transition: all .6s;} .index02warp .min li a:hover img{transform: scale(1.1);} .index02warp .min li a .text{display: block;width: 100%;height: auto;box-sizing: border-box;font-size: 24px;color: #ffffff;text-align: center;position: absolute;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);z-index: 2;opacity: 0;transition: all .3s;} .index02warp .min li a:before{content: '';display: block;width: 100%;height: 100%;background-color: rgba(0,0,0,0.3);position: absolute;top: 0;left: 0;z-index: 1;opacity: 0;transition: all .3s;} .index02warp .min li a:hover:before{opacity: 1;} .index02warp .min li a:hover .text{opacity: 1;} .index02warp .min li .item{width: calc((100% - 1px)/2);width: -webkit-calc((100% - 1px)/2);float: left;margin-right: 1px;} .index02warp .min li .item:nth-of-type(2n){margin-right: 0;} .index02warp .more{width: 262px;height: 54px;line-height: 54px;margin: auto;margin-top: 50px;} /*index03warp*/ .index03warp{width: 100%;box-sizing: border-box;overflow: hidden;margin: 100px 0 80px;} .index03warp .cont{width: 100%;box-sizing: border-box;padding: 100px 0;background: url(../img/hui_1.jpg) no-repeat fixed;background-size: 100%;} .index03warp .top{width: 100%;box-sizing: border-box;margin-bottom: 70px;} .index03warp .top .text{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;} .index03warp .top .text span{font-size: 20px;color: #ffffff;} .index03warp .top .text i{display: block;width: 5px;height: 5px;background-color: #fff;border-radius: 50%;margin: 0 30px;} .index03warp .top .text:before{content: '';background: url(../img/bantoum_03.png) no-repeat 100%;width: 45px;height: 1px;margin-right: 12px;} .index03warp .top .text:after{content: '';background: url(../img/bantoum_05.png) no-repeat 100%;width: 45px;height: 1px;margin-left: 12px;} .index03warp .min{display: block;width: 1300px;margin: auto;margin-top: 60px;box-sizing: border-box;} .index03warp .min a{display: block;width: 23.5%;float: left;margin-right: 2%;margin-bottom: 20px;} .index03warp .min a:nth-of-type(4n){margin-right: 0;} .index03warp .min a .imgbox{width: 100%;overflow: hidden;box-sizing: border-box;} .index03warp .min a .imgbox img{display: block;width: 100%;transition: all .6s;} .index03warp .min a:hover .imgbox img{transform: scale(1.1);} .index03warp .min a .text{width: 100%;box-sizing: border-box;padding-bottom: 10px;border-bottom: 1px solid rgba(255,255,255,0.3);margin-top: 20px;position: relative;font-size: 16px;color: #fff;} .index03warp .min a .text:after{content: '';display: block;width: 0%;height: 1px;position: absolute;left: 0;bottom: 0;background-color: #fff;transition: all .3s;} .index03warp .min a:hover .text:after{width: 100%;} .index04warp{width: 100%;box-sizing: border-box;overflow: hidden;} .index04warp .index04{width: 1300px;margin: auto;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;position:relative;margin-bottom: 120px;} .index04warp .index04 .start{width: calc((100% - 1300px)/2);display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;font-size: 24px;color: #003f2d;text-transform: uppercase;display: flex;align-items: center;display: -webkit-flex;-webkit-align-items: center;} .index04warp .index04 .start:before{content: '';display: block;width: 115px;height: 1px;border-bottom: 1px dashed #ddd;margin-right: 10px;} .index04warp .index04 .start:after{content: '';display: block;width: 88px;height: 1px;border-bottom: 1px dashed #ddd;margin-left: 10PX;} .index04warp .index04 .min{width: 86%;position: relative;} .index04warp .index04 .min .line{display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;padding-left: 10px;position: absolute;top: 50%;left: 0;transform: translateY(-50%);width: 100%;z-index: 0;} .index04warp .index04 .min .line img{width: auto;display: block;margin-right: 10px;} .index04warp .index04 .min .line:after{content:'';display: block;width: 100%;height: 1px;background-color: rgba(0,63,45,0.3);} .index04warp .index04 .min .cont{width: 96%;position: relative;z-index: 2;float: right;} .index04warp .index04 .min .cont .swiper-slide{box-sizing: border-box;padding: 30px 0 30px 30px;width: 20%;margin-top: 175px;} .index04warp .index04 .min .cont .swiper-slide .item{width: 100%;box-sizing: border-box;position: relative;} .index04warp .index04 .min .cont .swiper-slide .item h3{font-size: 14px;color: #333333;line-height: 24px;box-sizing: border-box;padding: 30px 0 30px 20px;border-left: 1px solid #003f2d;height: 160px;} .index04warp .index04 .min .cont .swiper-slide .item p{font-size: 26px;color: #003f2d;box-sizing: border-box;padding-left: 40px;position: relative;margin-top: -13px;} .index04warp .index04 .min .cont .swiper-slide .item p:before{content: '';display: block;width: 30px;height: 1px;background-color: #003f2d;top: 13px;left: 0;position: absolute;} .index04warp .index04 .min .cont .swiper-slide .item p:after{content: '';display: block;width: 5px;height: 5px;border-radius: 50%;background-color: #003f2d;position: absolute;top: 11px;left: 25px;} .index04warp .index04 .min .cont .swiper-slide .item font{display: block;width: 24px;height: 24px;border-radius: 50%;background-color: #FFFFFF;box-sizing: border-box;border: 4px solid #003f2d;position: absolute;top: -12px;left: -12px;} .index04warp .index04 .min .cont .swiper-slide:nth-of-type(2n){margin-top: 0;} .index04warp .index04 .min .cont .swiper-slide:nth-of-type(2n) .item p{margin-top: 0;margin-bottom: -13px;} .index04warp .index04 .min .cont .swiper-slide:nth-of-type(2n) .item font{top: initial;bottom: -12px;} .index04warp .index04 .swiper-scrollbar{opacity: 1!important;width: 1300px;height: 6px;position: absolute;bottom: 100px;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);cursor: pointer;} .index04warp .index04 .swiper-scrollbar-drag{background: #003f2d;border-radius: 10px;} /*index04重置*/ .index04warp .index04 .left{width: 50%;box-sizing: border-box;padding-right: 120px;} .index04warp .index04 .left h3{font-size: 24px;color: #000000;margin-bottom: 20px} .index04warp .index04 .left h4{font-size: 24px;color: #000000;padding-bottom: 30px;margin-bottom: 30px;border-bottom: 1px solid #ddd;text-transform: uppercase;} .index04warp .index04 .left h5{font-size: 14px;color: #000000;line-height: 28px;margin-bottom: 50px;text-align: justify;} .index04warp .index04 .rightmin{width: 50%;position: relative;} .index04warp .index04 .rightmin>img{display: block;width: 100%;overflow: hidden;opacity: 0} .index04warp .index04 .rightmin .right{width: 100%;position: absolute;height: 100%;box-sizing: border-box;top: 0;left: 0;} #i-video{position: relative;width: 100%;height: 100%;} #i-video video{width: 100%;object-fit:fill;height: 100%;} .jsmodern-video{width: 100%!important;z-index: 2!important;height: 100%!important;} .sunroom01 .jsmodern-video{ z-index: 1!important; height: 100%!important;} /*index05warp*/ .index05warp{width: 100%;height: auto;overflow: hidden;box-sizing: border-box;} .index05warp .index05 .title h3:before,.index05warp .index05 .title h3:after{background-color: #fff;} .index05warp .index05{width: 100%;margin: auto;box-sizing: border-box;position: relative;} /*05重置*/ .index05warp .index05 .left{width: calc((100% - 1300px)/2);float: left;background: url(../img/dongtai_01.jpg) no-repeat;background-size: 100%;position: absolute;left: 0;top: 0;height: 100%;display: flex;display: -webkit-flex;-webkit-justify-content:flex-start;justify-content: flex-start;flex-flow: column;-webkit-flex-flow:column;align-items: center;-webkit-align-items:center;padding-top: 254px;} .index05warp .index05 .left a{display: block;font-size: 20px;color: #fff;padding-bottom: 10px;border-bottom: 1px solid rgba(255,255,255,0.6);margin-bottom: 30px;position: relative;} .index05warp .index05 .left a:last-child{margin-bottom: 0;} .index05warp .index05 .left a i{font-size: 20px;color: inherit;margin-left: 50px;} .index05warp .index05 .min{width: 100%;margin: auto;box-sizing: border-box;background: url(../img/dongtai_02.jpg) no-repeat;background-size: 100%;padding: 0 calc((100% - 1300px)/2);padding-top: 90px;padding-bottom: 90px;} .index05warp .index05 .left a:after{content: '';display: block;width: 0%;height: 1px;background-color: #fff;position: absolute;left: 0;bottom: 0;transition: all .3s;} .index05warp .index05 .left a:hover:after{width: 100%;} .index05warp .index05 .min .cont{width: 100%;box-sizing: border-box;padding-left: 70px;} .index05warp .index05 .min .cont .item .link{display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-flex-wrap: wrap;flex-wrap: wrap;} .index05warp .index05 .min .cont .item .link a{display: block;width: 49%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;margin-bottom: 20px;} .index05warp .index05 .min .cont .item:last-child{display: none;} /* .index05warp .index05 .min .cont .item .link a:last-child{margin-right: 0;} */ .index05warp .index05 .min .cont .item .link a .imgbox{width: 40%;overflow: hidden;box-sizing: border-box;position: relative;} .index05warp .index05 .min .cont .item .link a .imgbox img{display: block;width: 100%;transition: all .6s;} .index05warp .index05 .min .cont .item .link a:hover .imgbox img{transform: scale(1.1);} .index05warp .index05 .min .cont .item .link a .imgbox span{display: block;width: 60px;height: 34px;text-align: center;line-height: 34px;font-size: 12px;color: #fff;background-color: #003f2d;position: absolute;top: 0;left: 0;} .index05warp .index05 .min .cont .item .link a .text{width: 60%;box-sizing: border-box;padding: 0 0 0 20px;} .index05warp .index05 .min .cont .item .link a .text font{display: block;font-size: 14px;color: #000000;margin-bottom: 10px;} .index05warp .index05 .min .cont .item .link a .text h3{font-size: 16px;color: #000000;line-height: 26px;margin-bottom: 30px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;font-weight: bold;} .index05warp .index05 .min .cont .item .link a .text p{font-size: 14px;color: #000000;display: flex;display: -webkit-flex;justify-content: flex-start;-webkit-justify-content:flex-start;align-items: center;-webkit-align-items:center;} .index05warp .index05 .min .cont .item .link a .text p i{display: block;width: 20px;height: 1px;background-color: #000000;position: relative;transition: all .3s;margin-left: 10px;} .index05warp .index05 .min .cont .item .link a .text p i:after{content: '';display: block;width: 6px;height: 6px;border-top: 1px solid #000000;border-right: 1px solid #000000;position: absolute;transform: rotate(45deg);-webkit-transform:rotate(45deg);top: 50%;margin-top: -3px;right: 0} .index05warp .index05 .min .cont .item .link a:hover .text p i{width: 40px;} .index05warp .index05 .min .cont .more{margin: auto;margin-top: 30px;width:200px;left:-50px;} /*index06warp*/ .index06warp{width: 100%;box-sizing: border-box;padding: 90px 0;background:url(../img/index_fbg.jpg) no-repeat;background-size:cover;} .index06warp h3{font-size: 36px;color: #333333;margin-bottom: 30px;display: block;text-align: center;} .index06warp h4{font-size: 24px;color: #333333;margin-bottom: 30px;display: block;text-align: center;} .index06warp h4 #top-title-num{color: #ffae00;font-size: 26px;font-weight: bold;font-style: italic;} .index06warp form{width: 900px;margin: auto;box-sizing: border-box;} .index06warp form p{display: block;width: 49%;float:left;margin-right: 2%;} .index06warp form .lab{height:50px;line-height:50px;float:left;text-align:center;font-size:14px;font-weight:600;} .index06warp form p:nth-child(2){margin-right: 0;} .index06warp form p input{background-color:#fff;display: block;width: 100%;box-sizing: border-box;outline: none;border: none;font-size: 14px;color: #333333;padding-left: 10px;height: 50px;} .index06warp .more{width: 200px;height: 52px;line-height: 52px;margin: auto;margin-top:35px;outline: none; cursor: pointer;} /*footerwarp*/ .footerwarp{width: 100%;box-sizing: border-box;padding: 100px 0;background: url(../img/shouye_79.webp) no-repeat;background-size: 100% 100%;} .footerwarp .footer{width: 1300px;margin: auto;box-sizing: border-box;} .footerwarp .footer .top{padding-bottom: 30px;margin-bottom: 30px;border-bottom: 1px solid rgba(255,255,255,0.5);} .footerwarp .footer .top .min{display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;margin-bottom: 30px;} .footerwarp .footer .top .left{width: 30%;box-sizing: border-box;} .footerwarp .footer .top .left img{display: block;width: auto;height: auto;max-width: 100%;} .footerwarp .footer .top .left h3:last-child{margin-right: 0;} .footerwarp .footer .top .left h3{display: block;width: auto;height: auto;max-width: 124px;margin-right: 20px;float: left;} .footerwarp .footer .top .left h3 span{font-size: 14px;color: #ffffff;margin-top: 20px;display: block;} .footerwarp .footer .top .right{display: flex;display: -webkit-flex;-webkit-flex-flow: row;flex-flow: row;-webkit-justify-content: space-between;justify-content: space-between;width: 70%;} .footerwarp .footer .top .right li{width: auto;} .footerwarp .footer .top .right li h3{font-size: 16px;color: #fff;margin-bottom: 20px;} .footerwarp .footer .top .right li a{font-size: 14px;color: #fff;display: block;margin-bottom: 15px;} .footerwarp .footer .top .right li a:hover{color: #003f2d;} .footerwarp .footer .top .right li a:last-child{margin-bottom: 0;} .footerwarp .footer .top .friendly-link span{font-size: 16px;color: #fff;} .footerwarp .footer .top .friendly-link a{font-size: 14px;color: rgba(255,255,255,0.8);margin-left: 30px;} .footerwarp .footer .top .friendly-link a:hover{color: #003f2d;} .footerwarp .footer .ba{width: 100%;box-sizing: border-box;} .footerwarp .footer .ba .left{width: auto;float: left;} .footerwarp .footer .ba .left span,.footerwarp .footer .ba .left a{font-size: 12px;color: #fff;line-height: 24px;display: block;} .footerwarp .footer .ba .right{width: auto;float: right;} .footerwarp .footer .ba .right h3{font-size: 12px;color: #fff;margin-bottom: 15px;text-align: right;} .footerwarp .footer .ba .right .fx{width: auto;display: flex;display: -webkit-flex;} .footerwarp .footer .ba .right .fx a{background-image: none;display: block;width: 35px;height: 35px;border: 1px solid rgba(255,255,255,0.5);font-size: 16px;text-align: center;line-height: 35px;box-sizing: border-box;padding: 0;color: #fff;margin: 0;margin-right: 10px;} .footerwarp .footer .ba .right .fx a:last-child{margin-right: 0;} .footerwarp .footer .ba .right .fx a:hover{color: #003f2d;border-color: #003f2d;} /*case*/ .in-banner{width: 100%;box-sizing: border-box;overflow: hidden;position: relative;padding-top: 106px;height: 100%;} .in-banner img{width: auto;min-width: 100%;} .in-banner .text{position: absolute;top: 50%;left: 50%;width: auto;display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content: center;flex-flow: column;-webkit-flex-flow: column;align-items: center;-webkit-align-items: center;transform: translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);padding: 50px;margin-top: 40px;} .in-banner .text h3{font-size: 40px;color:#fff;font-weight: bold;/*padding-bottom: 20px;border-bottom: 1px solid rgba(255,255,255,0.5);margin-bottom: 20px;*/} .in-banner .text h4{font-size: 18px;color: #FFFFFF;text-transform: uppercase;text-align: justify;} .in-banner .text p{font-size: 30px;color: #fff;margin-bottom: 40px;} .in-banner .text font{font-size: 40px;color:#fff;font-weight: bold;/*padding-bottom: 20px;border-bottom: 1px solid rgba(255,255,255,0.5);margin-bottom: 20px;*/} .in-banner .text:before{content: '';display: block;width: 30px;height: 30px;border-top: 2px solid #fff;border-left: 2px solid #fff;position: absolute;left: 0;top: 0;} .in-banner .text:after{content: '';display: block;width: 30px;height: 30px;border-bottom: 2px solid #fff;border-right: 2px solid #fff;position: absolute;right: 0;bottom: 0;} .in-banner .text .right{display: block;width: 30px;height: 30px;border-top: 2px solid #fff;border-right: 2px solid #fff;position: absolute;right: 0;top: 0;} .in-banner .text .left{display: block;width: 30px;height: 30px;border-bottom: 2px solid #fff;border-left: 2px solid #fff;position: absolute;left: 0;bottom: 0;} /*case01*/ .case01warp{width: 100%;box-sizing: border-box;overflow: hidden;} .case01warp .tab{width: 1300px;margin: 50px auto;box-sizing: border-box;overflow: hidden;position: relative;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;align-items: center;-webkit-align-items: center;} .case01warp .tab a{display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;align-items: center;-webkit-align-items: center;width: 220px;height: 60px;background-color: #003F2D;border: 1px solid #003F2D;color: #FFFFFF;font-size: 16px;box-sizing: border-box;padding: 0 30px;transition: all .3s;} .case01warp .tab a img{display: block;width: auto;max-width: 48px;} .case01warp .tab a img:nth-of-type(2){display: none;opacity: 0;visibility: hidden;transition: all .3s;} .case01warp .tab a:hover img:nth-of-type(1),.case01warp .tab .active img:nth-of-type(1){display: none;opacity: 0;visibility: hidden;} .case01warp .tab a:hover img:nth-of-type(2),.case01warp .tab .active img:nth-of-type(2){display: block;opacity: 1;visibility: visible;} .case01warp .tab a:hover,.case01warp .tab .active{background-color: #FFFFFF;color: #003F2D;} .case01warp .case01{width: 100%;box-sizing: border-box;background-color: #f5f5f5;padding:30px 21px 90px;} .case01warp .case01 .min{width: 100%;box-sizing: border-box;} .case01warp .case01 .min a{display: block;width: calc((100% - 150px)/4);float: left;margin-right: 50px;position: relative;margin-bottom: 50px;position: relative;} .case01warp .case01 .min a:after{content: '';display: block;width: 0%;height: 1px;background-color: #003F2D;position: absolute;left: 0;bottom: 0;transition: all .3s;} .case01warp .case01 .min a:hover:after{width: 100%;} .case01warp .case01 .min a:nth-of-type(4n){margin-right: 0;} .case01warp .case01 .min a .imgbox{width: 100%;overflow: hidden;box-sizing: border-box;} .case01warp .case01 .min a .imgbox img{display: block;width: auto;min-width: 100%;height: 350px;transition: all .6s;} .case01warp .case01 .min a:hover .imgbox img{transform: scale(1.1);} .case01warp .case01 .min a .text{display: block;width: 100%;box-sizing: border-box;padding: 20px 0;border-bottom: 1px solid #ddd;} .case01warp .case01 .min a .text h3{display: inline-block;width: 100%;line-height:20px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 18px;color: #333333;font-weight: bold;} .c-more{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;-webkit-justify-content: flex-start;justify-content: flex-start;font-size: 16px;color: #333333;} .c-more i{display: inline-block;width: 20px;height: 1px;position: relative;transition: all .3s;margin-left: 5px;} .c-more i:after{content: '';height: 1px;background-color: #333333;position: absolute;left: 0;bottom: 0;transform-origin: 100% 100%;} .c-more i:before{content: '';width: 6px;height: 6px;border-top: 1px solid #333333;border-right: 1px solid #333333;transform: rotate(45deg);-webkit-transform: rotate(45deg);right: 0;display: block;position: absolute;top: -3px;} .c-more i:after{width: 100%;} .case01warp .case01 .min a:hover .c-more i{margin-left: 20px;} .case01warp .case01 .min a:hover .c-more i:after{background-color: #003F2D;} .case01warp .case01 .min a:hover .c-more i:before{border-color: #003F2D;} .case01warp .case01 .min a:hover .c-more{color: #003F2D;} .case01warp .case01 .min a:hover .text h3{color: #003F2D;} .c-fy{display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;} .c-fy a,.c-fy .navigation .nav-links span{display: block;width: auto;height: 45px;min-width: 45px;background-color: #003f2d;color: #FFFFFF;font-size: 16px;box-sizing: border-box;padding: 0 16px;margin-right: 10px;border-radius: 5px;line-height: 43px;text-align: center;transition: all .3s;border: 1px solid #003f2d;} .c-fy a:last-child{margin-right: 0;} .c-fy a:hover{background-color: transparent;color: #003f2d;} .c-fy .navigation .nav-links span{background-color: transparent;color: #003f2d;} /*case02*/ .case02{width: 90%;margin: 90px auto;box-sizing: border-box;overflow: hidden;} .case02 a{display: block;width: 30%;float: left;margin-right: 5%;position: relative;overflow: hidden;} .case02 a:after{content: '';display: block;width: 100%;height: 100%;position: absolute;z-index: 1;background-color: rgba(0,63,45,0.6);top: 0;left: 0;} .case02 a:last-child{margin-right: 0;} .case02 a img{display: block;width: 100%;transition: all .6s;} .case02 a:hover img{transform: scale(1.1);} .case02 a .text{width: 100%;height: 100%;box-sizing: border-box;position: absolute;top: 0;left: 0;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;-webkit-flex-flow: column;flex-flow: column;z-index: 2;} .case02 a .text h3{font-size: 24px;color: #ffffff;font-weight: bold;} .case02 a .text strong{display: block;width: 45px;background-color: #FFFFFF;height: 2px;margin: 20px 0;} .case02 a .text p{font-size: 16px;color: #ffffff;text-transform: uppercase;} .case02 a .text font{width: 106px;height: 30px;line-height: 30px;font-size: 14px;color: #103729;background-color: #FFFFFF;border-color: #FFFFFF;margin-top: 30px;} .case02 a .text font:after{background-color: #103729;} .case02 a:hover .text font{color: #FFFFFF;border-color: #103729;} .case02 a:hover .text font:after{width: 100%;} /*caseinfo*/ .caseinfowarp{width: 100%;height: auto;overflow: hidden;box-sizing: border-box;background-color: #f2f5f4;padding: 125px calc((100% - 1300px)/2);display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;position: relative} .caseinfowarp #crumbs,.newsinfo01warp #crumbs{position: absolute;top: 22px;display: flex;justify-content: flex-start;width: 100%;font-size:16px;color: #666;visibility:hidden;} .caseinfowarp #crumbs li,.newsinfo01warp #crumbs li{display: inline-block;text-decoration: none;margin-right: 10px} .caseinfowarp #crumbs li:after,.newsinfo01warp #crumbs li:after{content: '>'} .caseinfowarp #crumbs li:last-child:after,.newsinfo01warp #crumbs li:last-child:after{content: ''} .caseinfowarp .case-show-side-bar .case-show-side-title {display: none} .caseinfowarp .caseinf01{width: 70%;margin: auto;box-sizing: border-box;} .caseinfowarp .caseinf01 .slideTxtBox{width: 100%;position: relative;} .caseinfowarp .caseinf01 .slideTxtBox .bd{width: 84%;float: left;} .caseinfowarp .caseinf01 .slideTxtBox .hd{width: 18%;height: 100%;box-sizing: border-box;position: absolute;top: 0;right: 0;overflow: hidden;padding-left: 40px;} .caseinfowarp .caseinf01 .slideTxtBox .hd ul{width: 100%;height: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-flex-flow: wrap;flex-flow: wrap;} .caseinfowarp .caseinf01 .slideTxtBox .hd ul li{height: calc((100% - 100px)/5);} .caseinfowarp .caseinf01 .slideTxtBox .hd ul li:nth-of-type(5n){margin-bottom: 0;} .caseinfowarp .caseinf01 .slideTxtBox .hd ul li img{display: block;width: auto;height: 100%;} .zzxk{color:red;font-weight:600;text-align:center;} .caseinfowarp .caseinf01 .slideTxtBox .bd .bigimg{width: 100%;height: auto;box-sizing: border-box;overflow: hidden;} .caseinfowarp .caseinf01 .slideTxtBox .bd .bigimg img{display: block;width: 100%;} .caseinfowarp .caseinf01 .slideTxtBox .hd ul .on{border: 2px solid red;} .caseinfowarp .caseinf01 .text{width: 100%;height: auto;overflow: hidden;box-sizing: border-box;} .caseinfowarp .caseinf01 .text .top{width: 100%;margin-top: 20px;} .caseinfowarp .caseinf01 .text .top font{display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;align-items: center;-webkit-align-items: center;font-size: 16px;color: #333333;font-weight: bold;text-transform: uppercase;margin-bottom: 10px;} .caseinfowarp .caseinf01 .text .top font:before{content: '';display: block;width: 60px;background-color: #333333;height: 1px;margin-right: 5px;} .caseinfowarp .caseinf01 .text .top .right{text-align: right} .caseinfowarp .caseinf01 .text .top .right h6{padding: 5px 0} .caseinfowarp .caseinf01 .text .top .right .bdsharebuttonbox a{float: none;background-image: none;display: block;width: 35px;height: 35px;border: 1px solid rgba(0,0,0,0.5);font-size: 16px;text-align: center;line-height: 35px;box-sizing: border-box;padding: 0;color: #333;margin: 0;margin-left: 10px;} .caseinfowarp .caseinf01 .text .top .right .bdsharebuttonbox {display: flex; justify-content: flex-end} .caseinfowarp .caseinf01 .text .top h1{font-size: 24px;color: #333333;} .caseinfowarp .caseinf01 .text .list{width: 100%;height: auto;overflow: hidden;box-sizing: border-box;padding: 20px 0 0;border-top: 1px solid #cccecd;border-bottom: 1px solid #cccecd;margin: 20px 0;} .caseinfowarp .caseinf01 .text .list li{font-size: 18px;color: #333333;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;position: relative;padding-left: 20px;width: 50%;float: left;box-sizing: border-box;margin-bottom: 20px;} .caseinfowarp .caseinf01 .text .list li:before{content: '';display: block;width: 6px;height: 6px;background-color: #333;border-radius: 50%;position: absolute;top: 5px;left: 0;} .caseinfowarp .caseinf01 .text .list li i{display: block;width: 1px;height: 18px;background-color: #333;margin: 0 10px} .caseinfowarp .caseinf01 .text .textinfo{width: 100%;box-sizing: border-box;} .caseinfowarp .caseinf01 .text .textinfo .moremin{display: flex;display: -webkit-flex;justify-content: flex-end;-webkit-justify-content:flex-end;align-items: flex-end;-webkit-align-items:flex-end;} .videoinfo01warp .videoinfo01 .moremin{display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content:center;align-items: center;-webkit-align-items:center;padding-top:20px;} .caseinfowarp .caseinf01 .text .textinfo .moremin a:first-child{margin:0 auto;} .videoinfo01warp .videoinfo01 .moremin a:first-child{margin:0 auto;} .videoinfo01warp .videoinfo01 .moremin a i{color:#fff;margin-right: 5px;} .caseinfowarp .caseinf01 .text .textinfo h1{font-size: 32px;color: #333333;font-weight: bold;margin-bottom: 10px;} .caseinfowarp .caseinf01 .text .textinfo h2{font-size: 24px;color: #333333;font-weight: bold;margin-bottom: 10px;} .caseinfowarp .caseinf01 .text .textinfo h3{font-size: 20.8px;color: #333333;font-weight: bold;margin-bottom: 10px;} .caseinfowarp .caseinf01 .text .textinfo h4{font-size: 16px;color: #333333;font-weight: bold;margin-bottom: 10px;} .caseinfowarp .caseinf01 .text .textinfo h5{font-size: 12.8px;color: #333333;font-weight: bold;margin-bottom: 10px;} .caseinfowarp .caseinf01 .text .textinfo h6{font-size: 11.2px;color: #333333;line-height: 26px;text-align: justify;margin-bottom: 20px} .caseinfowarp .caseinf01 .text .textinfo p{font-size: 16px;color: #333333;line-height: 26px;text-align: justify;margin-bottom: 20px;text-indent:2em;} .caseinfowarp .caseinf01 .text .textinfo a{width: 172px;height: 46px;/*line-height: 46px*/;margin-top: 20px;} .caseinfowarp .caseinf01 .text .textinfo h4 img{display: block;width: auto;max-width: 100%;height: auto;} .caseinfowarp .caseinf01 .text .textinfo p a{display: inline;} .caseinfowarp .caseinf01 .text .textinfo p a img{display: block;width: 100%;height: auto;} .caseinfowarp .caseinf01 .text .textinfo .change_post {width: 100%;display: flex;justify-content: space-between;padding: 20px 0;font-size: 20px} .caseinfowarp .caseinf01 .text .textinfo .change_post .next{font-size: 16px} .caseinfowarp .caseinf01 .text .textinfo .change_post .prev{font-size: 16px} .casetl{font-size:18px;color: #333333;font-weight: bold;margin-bottom:20px;} .case-show-side-bar{width: 30%;box-sizing: border-box;padding-left: 40px;} .case-show-side-bar .caselist{width: 100%;box-sizing: border-box;} .caselist{width: 30%;box-sizing: border-box;padding-left: 40px;} .caselist a{width: 100%;float: left; width: 47%; margin:2px 1%; text-align: center;} .caselist a:last-child{margin-bottom: 0;} .caselist a .imgbox{overflow: hidden;} .caselist a .text{box-sizing: border-box;padding:5px 0;position: relative;background-color: #003f2d;} .caselist a .text span{display: none;} .caselist a .text h3{font-size: 12px;line-height: 20px;min-height: auto;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;font-weight: bold;color:#fff;} .caselist a .text p{top: 0!important;left: 20px;font-size: 14px;color: #999999;position: absolute;} .caselist a .imgbox img{width:100%;height:auto;} .caselist a .text font{margin-bottom: 0;font-size: 12px;-webkit-justify-content: flex-start!important;justify-content: flex-start!important;} /*电动屋顶*/ .roof-banner{width: 100%;height: 100%;padding-top: 106px;overflow: hidden;box-sizing: border-box;position: relative;} .roof-banner img.inner-banner{display: block;width: 100%;height: 100%;} .roof-banner .text{background-color: rgba(30,23,23,0.3);padding: 3% 0;width: 100%;padding:100% 0; height: auto;box-sizing: border-box;position: absolute;top: 47%;left: 0;transform: translateY(-50%);-webkit-transform: translateY(-50%);display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-flex-flow: column;flex-flow: column;align-items: center;-webkit-align-items: center;} .roof-banner .text font{font-size: 20px;margin-bottom: 20px;color: #FFFFFF;} .roof-banner .text h1{font-size: 50px;color: #FFFFFF;font-weight: bold;margin-bottom: 20px;letter-spacing: 8px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,0.5);} .roof-banner .text p{font-size: 30px;color: #ffffff;margin-bottom: 60px;} .roof-banner .text .font{display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;} .roof-banner .text .font font{font-size: 16px;color: #ffffff;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;-webkit-justify-content: flex-start;justify-content: flex-start;margin-right: 30px;} .roof-banner .text .font font:last-child{margin-right: 0;} .roof-banner .text .font font i{width: 16px;height: 16px;background-color: #FFFFFF;border-radius: 50%;display: block;margin-right: 10px;position: relative;} .roof-banner .text .font font i:before{content: '';display: block;position: absolute;width: 8px;height: 4px;border: 1px solid #003f2d;border-top: none;border-right: none;transform: rotate(-45deg);top: 4px;left: 4px;} .roof-banner .bot{background:rgba(0,0,0,0.08);; width: 100%;box-sizing: border-box;padding: 20px 0;position: absolute;left: 0;bottom: 0;display: flex;display: -webkit-flex;-webkit-justify-content: space-around;justify-content: space-around;-webkit-align-items: center;align-items: center;border-top: 1px solid rgba(255,255,255,0.5);} .roof-banner .bot h3{cursor: default;width: 25%;display: block;} .roof-banner .bot h3 img{display: block;width: auto;margin: auto;transition: all .3s;max-width: 60px;height: auto;} .roof-banner .bot h3 p{font-size: 18px;color: #FFFFFF;margin: 10px 0;text-align: center;} .roof-banner .bot h3 font{font-size: 12px;color: #FFFFFF;text-transform: uppercase;text-align: center;display: block;} .roof-banner .bot i{display: block;width: 1px;height: 80px;background-color: rgba(255,255,255,0.5);} .roof-banner .bot h3:hover img{transform: rotateY(180deg);} /*roof01*/ .roof01{width: 1300px;margin: 70px auto;box-sizing: border-box;overflow: hidden;} .r-title{width: 100%;box-sizing: border-box;margin-bottom: 40PX;} .r-title p{font-size: 24px;color: #000000;margin-bottom: 10px;text-align: center;text-transform: uppercase;} .r-title .r-title-b{font-size:14px;margin-top:10px; line-height: 20px; word-break: keep-all;} .r-title h3{font-size: 24px;color: #000000;text-align: center;} .roof01 .min{width: 100%;box-sizing: border-box;overflow: hidden;position: relative;} .roof01 .min .left{width: 49%;float: left;display: block;} .roof01 .min .imgbox{width: 100%;overflow: hidden;} .roof01 .min .imgbox img{display: block;width: 100%;transition: all .6s;} .roof01 .min a:hover .imgbox img{transform: scale(1.1);} .roof01 .min .left .imgbox img{width: auto;height: 600px;min-width: 100%;} .roof01 .min .right .imgbox img{width: auto;height: 264px;min-width: 100%;} .roof01 .min a h3{font-size: 16px;color: #181818;line-height: 26px;display: block;box-sizing: border-box;padding: 10px 0;min-height: 72px;} .roof01 .min .right{width: 49%;height: 100%;position: absolute;right: 0;top: 0;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-flex-flow: wrap;flex-flow: wrap;} .roof01 .min .right a{width: 48%;float: left;} .roof01 .more{width: 142px;height: 38px;line-height: 38px;font-size: 14px;margin: auto;margin-top: 40px;} /*roof02warp*/ .roof02warp{width: 100%;overflow: hidden;box-sizing: border-box;position: relative;} .roof02warp .imgbox{width: 100%;position: relative;} .roof02warp .imgbox img{display: none;width: 100%;} .roof02warp .imgbox img:nth-of-type(1){display: block;} .roof02warp .text{width: 1300px;height: 100%;position: absolute;top: 0;left: calc((100% - 1300px)/2);border-left: 1px solid rgba(255,255,255,0.5);} .roof02warp .text li{width: 25%;height: 100%;float: left;box-sizing: border-box;border-right: 1px solid rgba(255,255,255,0.5);display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;-webkit-flex-flow: column;flex-flow: column;position: relative;padding: 0 30px;} .roof02warp .text li font{font-size: 30px;color: #ffffff;font-weight: bold;margin-bottom: 30px;position: relative;z-index: 1} .roof02warp .text li h3{font-size: 20px;color: #ffffff;position: relative;z-index: 1} .roof02warp .text li strong{display: block;width: 70px;height: 2px;background-color: #FFFFFF;margin: 20px 0;position: relative;z-index: 1} .roof02warp .text li h4{font-size: 16px;color: #ffffff;line-height: 26px;text-align: center;position: relative;z-index: 1} .roof02warp .text li:after{content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-color: rgba(0,0,0,0.6);opacity: 0.3;transition: all .3s;z-index: 0;} .roof02warp .text li:hover:after{opacity: 0.5;} .roof03warp{width: 100%;box-sizing: border-box;overflow: hidden;} .roof03warp .roof03{width:100%;margin: auto;box-sizing: border-box;padding: 110px 0;background: url(../img/roof_25.jpg) no-repeat;background-size:cover;} .roof03warp .roof03 li{width: 100%;height: auto;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;margin-bottom: 15px;} .roof03warp .roof03 li .item{width: 282px;height: auto;padding: 10px 0 20px;text-align: center;border: 1px solid rgba(255,255,255,0.5);margin-right: 15px;position: relative;overflow: hidden;} .roof03warp .roof03 li .item img{display: block;width: auto;margin: auto;} .roof03warp .roof03 li .item h3{font-size: 18px;color: #FFFFFF;margin-top: 10px;} .roof03warp .roof03 li .item:last-child{margin-right: 0;} .roof03warp .roof03 li:last-child{margin-bottom: 0;} .roof03warp .roof03 li .item:before,.roof03warp .roof03 li .item:after{position:absolute;content:'';visibility:hidden;width: 0;height: 0;-webkit-transition:all 600ms ease-in-out;-moz-transition:all 600ms ease-in-out;-o-transition:all 600ms ease-in-out;transition:all 600ms ease-in-out;} .roof03warp .roof03 li .item:before{bottom: 0;right: 0;border-bottom: 1px solid #fff;border-right: 1px solid #fff;} .roof03warp .roof03 li .item:after{top: 0;left: 0;border-top: 1px solid #fff;border-left: 1px solid #fff;} .roof03warp .roof03 li .item:hover:after,.roof03warp .roof03 li .item:hover:before{width: 100%;height: 100%;visibility: visible;} /*roof04warp*/ .roof04warp{width: 100%;height: auto;box-sizing: border-box;padding: 120px 0;overflow: hidden;background: url(../img/beijing.webp) no-repeat fixed; background-size:cover;} .roof04warp .min{width: 1300px;margin: auto;box-sizing: border-box;} .roof04warp .min .r-title h3,.roof04warp .min .r-title p{color: #FFFFFF;} .roof04warp .min .r-title strong{display: block;width: 140px;height: 2px;background-color: rgba(255,255,255,0.5);margin: 20px auto;} .roof04warp .min .r-title h4{font-size: 16px;color: #fefefe;text-align: center;} .roof04warp .roof04{width: 100%;box-sizing: border-box;margin-top: 60px;} .roof04warp .roof04 li{display: block;width: 23.5%;float: left;margin-right: 2%;box-sizing: border-box;overflow: hidden;transition: all .3s;} .roof04warp .roof04 li:last-child{margin-right: 0;} .roof04warp .roof04 li .imgbox{width: 100%;overflow: hidden;position: relative;} .roof04warp .roof04 li .imgbox .big{display: block;width: 100%;} .roof04warp .roof04 li .imgbox .icon{width: auto;max-width: 80px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);transform: translate(-50%,-50%);transition: all .3s;} .roof04warp .roof04 li .text{width: 100%;height: auto;box-sizing: border-box;background-color: #FFFFFF;padding: 20px;} .roof04warp .roof04 li .text h3{font-size: 20px;color: #333333;text-align: center;} .roof04warp .roof04 li .text strong{display: block;width: 50px;height: 1px;background-color: #333333;margin: 10px auto;} .roof04warp .roof04 li .text h4{font-size: 16px;color: #333333;text-transform: uppercase;text-align: center;} .roof04warp .roof04 li:hover{transform: translateY(-20px);-webkit-transform: translateY(-20px);} .roof04warp .roof04 li:hover .imgbox .icon{transform: translate(-50%,-50%) rotate(180deg);transform: translate(-50%,-50%) rotate(180deg);} /*roof05*/ .roof05warp{width: 100%;box-sizing: border-box;overflow: hidden;margin: 0 auto 0;background-color:#fff;padding-top:40px;} .roof05warp .roof05{width: 1300px;margin: auto;box-sizing: border-box;} .roof05warp .roof05 li{display: block;width: 49%;float: left;margin-right: 2%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-around;-webkit-align-items: center;align-items: center;margin-bottom: 30px;} .roof05warp .roof05 li:nth-of-type(2n){margin-right: 0;} .roof05warp .roof05 li .imgbox{width: 80%;position: relative;z-index: 0;overflow: hidden;} .roof05warp .roof05 li .imgbox img{display: block;width: 100%;transition: all .6s;} .roof05warp .roof05 li .text{width: 30%;margin-left: -10%;background-color: #FFFFFF;box-shadow: 0px 0px 5px rgba(51,51,51,0.5);box-sizing: border-box;padding: 40px 10px;position: relative;z-index: 2;transition:all .3s;} .roof05warp .roof05 li .text p{font-size: 24px;color: #003f2d;text-align: center;text-shadow: 2px 2px 2px rgba(51,51,51,0.5);margin-bottom: 20PX;} .roof05warp .roof05 li .text h3{font-size: 18px;color: #333333;text-align: center;} .roof05warp .roof05 li .text strong{display: block;width: 50px;height: 1px;background-color: #333333;margin: 15px auto;} .roof05warp .roof05 li .text h4{font-size: 20px;color: #333333;text-align: center;} .roof05warp .roof05 li:hover .imgbox img{transform: scale(1.1);} .roof05warp .roof05 li:hover .text{opacity: 0.8;} /*roof06*/ .roof04warpwar{width: 100%;box-sizing: border-box;overflow: hidden;padding: 80px 0;background-color: #f2f5f4;} .roof04warpwar .roof06{width: 1300px;margin: auto;} .roof04warpwar .roof06 .min{margin-top: 50px;} .roof06 .left,.roof06 .right{width:50%;float:left;} .roof06 .left img,.roof06 .right img{width:100%} .roof06 .right .kh_imgbox2{width:49.6%;float:left;border:1px solid #ececec;} .kh_imgbox{border:1px solid #ececec;} .roof06 .left .kh_imgbox2{width:25%;float:left;} .zzry{margin-top:20px;padding:40px 0;margin-bottom:40px;background:url(../img/dongtai_02.jpg);background-position: left;background-size:cover;} .zzry img{width:100%;} .zzry h1{ font-size: 24px; color: #000000; text-align: center;margin:20px;} /*num*/ #wrapper section #section-home #block-4 ul{display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;} #wrapper section #section-home #block-4 ul li{width: 16.66%;} #wrapper section #section-home #block-4{padding: 0;} #wrapper section #section-home #block-4 ul li .text font{display: block;font-size: 12px;color: #333333;text-align: center;text-transform: uppercase;} #wrapper section #section-home #block-4 ul li .text strong{display: block;width: 30px;height: 1px;background-color: #666766;margin: 10px auto;} #wrapper section #section-home #block-4 ul li .text p{font-size: 18px;color: #333333;text-align: center;padding-top: 0;line-height: 1;} #wrapper section #section-home .centered{max-width: 100%;} #wrapper section #section-home #block-4 ul > li .icon{width: 115px;height: 115px;margin-bottom: 20px;} #wrapper section #section-home #block-4 ul > li .icon .knob{font-size: 40px!important;font-weight: bold;color: #003f2d!important;} /*roof07warp*/ .roof07warp{width: 100%;box-sizing: border-box;overflow: hidden;padding: 100px 0;background: url(../img/roof_45.jpg) no-repeat fixed;background-size: 100%;} .roof07warp .roof07{width: 850px;margin: auto;box-sizing: border-box;} .roof07warp .roof07 .top{margin-bottom: 40px;} .roof07warp .roof07 .top h3{font-size: 30px;color: #ffffff;font-weight: bold;text-align: center;} .roof07warp .roof07 .top p{font-size: 18px;color: #ffffff;margin: 10px 0;text-align: center;} .roof07warp .roof07 .top .check{display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;align-items: center;-webkit-align-items: center;font-size: 16px;color: #FFFFFF;} .roof07warp .roof07 .top .check label{font-size: 16px;color: #FFFFFF;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;align-items: center;-webkit-align-items: center;margin-left: 20px;} .roof07warp .roof07 .top .check label input{margin-right: 5px;width: 20px;height: 20px;} .roof07warp .roof07 .top .check label:last-child{margin-right: 0;} .roof07warp .roof07 .min{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-flex-flow: wrap;flex-flow: wrap;} .roof07warp .roof07 .min h3{display: block;width: 49%;margin-right: 2%;margin-bottom: 20px;float:left;} .roof07warp .roof07 .min h3:nth-of-type(2n){margin-right: 0;} .roof07warp .roof07 .min h3 font{display: block;font-size: 16px;color: #ffffff;margin-bottom: 10px;} .roof07warp .roof07 .min h3 input{display: block;width: 100%;background-color: transparent;height: 44px;box-sizing: border-box;padding: 0 20px;border-radius: 5px;border: 1px solid #FFFFFF;outline: none;font-size: 14px;color: #FFFFFF;} .roof07warp .roof07 .min h3:last-child{margin-right: 0;} .roof07warp .roof07 .min h3 textarea{display: block;width: 100%;box-sizing: border-box;border-radius: 5px;border: 1px solid #FFFFFF;padding: 20px;background-color: transparent;resize: none;height: 110px;outline: none;font-size: 14px;color: #FFFFFF;} .roof07warp .roof07 button{width: 116px;height: 36px;line-height: 34px;color: #000000;font-size: 16px;background-color: #FFFFFF;border-color: #FFFFFF;margin: auto;margin-top: 30px;transition: all .3s;} .roof07warp .roof07 button:after{display: none;} .roof07warp .roof07 button:hover{background-color: transparent;color: #FFFFFF;} /*移动阳光房*/ /*sunroom01warp*/ .sunroom01warp{width: 100%;box-sizing: border-box;overflow: hidden;margin: 70px 0;} .sunroom01warp .sunroom01{width: 100%;position: relative;} .sunroom01warp .sunroom01:before{content: '';display: block;width: 100%;height: 70%;background-color: #f5f5f5;position: absolute;top: 70px;left: 0;z-index: 0;} .sunroom01warp .sunroom01 .top{width: 100%;box-sizing: border-box;overflow: hidden;padding-left: calc((100% - 1300px)/2); padding-right: calc((100% - 1300px)/2); display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;padding-top: 70px;position: relative;z-index: 2;margin-bottom: 30px;} .sunroom01warp .sunroom01 .top .left{width: 35%;padding-top:5%;} .sunroom01warp .sunroom01 .top .left h3{font-size: 20px;color: #333333;margin-bottom: 20px;} .sunroom01warp .sunroom01 .top .left p{text-shadow: 0px 5px 3px #6d6d6d; display: inline-block; align-items: center; -webkit-justify-conten: flex-start;justify-content: flex-start;font-size: 16px;color: #333333;margin-bottom: 12px;} .sunroom01warp .sunroom01 .top .left p:before{display: block;width: 30px;height: 1px;background-color: #333333;margin-right: 10px;} .sunroom01warp .sunroom01 .top .left h4{font-size: 16px;color: #333333;line-height: 28px;text-align: justify;} .sunroom01warp .sunroom01 .top .left span{font-size: 16px;color: #333333;line-height: 28px;text-align: justify;margin-bottom: 50px;} .sunroom01warp .sunroom01 .top .left a{width: 142px;height: 38px;line-height: 38px;margin-top: 30px;} .sunroom01warp .sunroom01 .top .right{width: 60%;overflow: hidden;margin-top: -70px;} .sunroom01warp .sunroom01 .top .right img{display: block;width: 100%;} .sunroom01warp .sunroom01 .bot{width: 1300px;margin: auto;box-sizing: border-box;position: relative;z-index: 2;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;} .sunroom01warp .sunroom01 .bot:after{display: none;} .sunroom01warp .sunroom01 .bot a{width: 24%;float: left;margin-right: 0;display: block;overflow: hidden;} .sunroom01warp .sunroom01 .bot a:last-child{margin-right: 0;} .sunroom01warp .sunroom01 .bot a .imgbox{width: 100%;overflow: hidden;/* max-height: 360px; */} .sunroom01warp .sunroom01 .bot a .imgbox img{display: block;width: 100%;min-width: 100%;transition: all .6s;} .sunroom01warp .sunroom01 .bot a .text{font-size: 16px;color: #181818;padding: 20px 0;border-bottom: 1px solid #333333;position: relative;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .sunroom01warp .sunroom01 .bot a:hover .imgbox img{transform: scale(1.1);} .sunroom01warp .sunroom01 .bot a .text:after{content: '';display: block;width: 0%;height: 1px;background-color: #003f2d;transition: all .3s;position: absolute;bottom: 0;left: 0;} .sunroom01warp .sunroom01 .bot a:hover .text:after{width: 100%;} .sunroom01warp .sunroom01 .bot a:hover .text{color: #003f2d;} .sunroom01warp .sunroom01 .fontbg{position: absolute;right: 0px;top: 100px;z-index: 0;width: 100%;overflow: hidden;height: 200px;} .sunroom01warp .sunroom01 .fontbg span{font-size: 200px;color: #eaeaea; font-weight: bold;letter-spacing: 30px;text-transform: uppercase;-webkit-animation: about-anim 30s linear infinite normal;animation: about-anim 30s linear infinite normal;position: absolute;display: block;white-space: nowrap;top: 0;left: 0;font-family: arial;} .sunroom01warp .sunroom01 .fontbg span i{font-size: 30px;color: inherit;margin: 0 40px 0 20px;} @-webkit-keyframes about-anim { 0% { -webkit-transform: translateX(-33.33%); } 100% { -webkit-transform: translateX(-66.66%); } } @keyframes about-anim { 0% { transform: translateX(-33.33%); } 100% { transform: translateX(-66.66%); } } /*sunroom02warp*/ .sunroom02warp{width: 100%;box-sizing: border-box;overflow: hidden;padding: 90px 0;margin: 70px 0 0;background: url(../img/sunroom_1.jpg) no-repeat fixed;background-size: 100%;} .sunroom02warp .sunroom02{width: 1300px;margin: auto;box-sizing: border-box;} .sunroom02warp .sunroom02 .min{width: 100%;box-sizing: border-box;padding-top: 50px;} .sunroom02warp .sunroom02 .min a{display: block;width:32%;float: left;margin-right: 1%;padding: 0 15px 0px;box-sizing: border-box;position: relative;} .rf02wrap .sunroom02 .min a{width:24%;} .sunroom02warp .sunroom02 .min a:last-child{margin-right: 0;} .sunroom02warp .sunroom02 .min a .imgbox{position:relative;z-index:1; width: auto;height: auto;max-width: 100px;border-radius: 50%;border: 2px solid #003f2d;background-color: #FFFFFF;padding: 20px;box-sizing: border-box;margin: auto;margin-top: -50px;transition: all .3s;top:-10px;} .sunroom02warp .sunroom02 .min a .imgbox img{display: block;width: 100%;} .sunroom02warp .sunroom02 .min a .text{width: 100%;box-sizing: border-box;padding:10px 0;position: relative;z-index: 1;} .sunroom02warp .sunroom02 .min a .text h3{font-size: 22px;color: #fff;text-align: center;margin:20px 0;text-shadow: 0px 5px 5px #6d6d6d;} .sunroom02warp .sunroom02 .min a .text strong{display: block;width: 60px;height: 1px;margin: 20px auto;} .sunroom02warp .sunroom02 .min a .text h4{text-shadow: 5px 5px 5px #6d6d6d;font-size: 16px;line-height: 28px;color: #fff;text-align: center;min-height: 112px;} .sunroom02warp .sunroom02 .min a:after{content: '';display: block;width: 0;height: 2px;position: absolute;left: 0;bottom: 0;transition: all .3s;} .sunroom02warp .sunroom02 .min a:hover:after{width: 100%;} .sunroom02warp .sunroom02 .min a:hover .imgbox{transform: rotateY(180deg);-webkit-transform: rotateY(180deg);} .sunroom02warp .sunroom02 .min a:hover{box-shadow: 2px 2px 15px rgba(0,0,0,0.5);} .sunroom02warp .sunroom02 .min a .imgbox-2 img{width: 100%;} .sunroom02warp .pc-hidden{display:none;} #white p,#white h3{color:#fff;} /*sunroom03warp*/ .sunroom03warp{width: 100%;box-sizing: border-box;overflow: hidden;margin: 70px auto 0;} .sunroom03warp .top{width: 1300px;margin: 0 auto 70px;box-sizing: border-box;} .sunroom03warp .top .min{width: 100%;background: url(../img/sunroom_2.jpg) no-repeat fixed;background-size: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;position: relative;box-sizing: border-box;} .sunroom03warp .top .min .item{width: 100%;background-color: rgba(255, 255, 255, 0.644);padding: 60px 20px;} .sunroom03warp .top .min .item .i-title{font-size: 28px;color: #ffffff;margin-bottom: 30px;text-align: center;padding: 60px 20px;} .sunroom03warp .top .min .item ul{width: 100%;box-sizing: border-box;} .sunroom03warp .top .min .item ul li{position: relative;} .sunroom03warp .top .min .img{width: auto;box-sizing: border-box;position: relative;z-index: 2;} .sunroom03warp .top .min .img img{display: block;width: auto;max-width: 170px;} .sunroom03warp .bot{width: 1300px;margin: 70px auto;box-sizing: border-box;} .sunroom03warp .bot li{display: block;width: 23.5%;float: left;margin-right: 2%;box-sizing: border-box;overflow: hidden;transition: all .3s;box-shadow: 0px 0px 5px rgba(0,0,0,0.3);} .sunroom03warp .bot li:last-child{margin-right: 0;} .sunroom03warp .bot li .imgbox{width: 100%;overflow: hidden;position: relative;} .sunroom03warp .bot li .imgbox .big{display: block;width: 100%;} .sunroom03warp .bot li .imgbox .icon{width: auto;max-width: 80px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);transform: translate(-50%,-50%);transition: all .3s;} .sunroom03warp .bot li .text{width: 100%;height: auto;box-sizing: border-box;background-color: #FFFFFF;padding: 20px;} .sunroom03warp .bot li .text h3{font-size: 20px;color: #333333;text-align: center;} .sunroom03warp .bot li .text strong{display: block;width: 50px;height: 1px;background-color: #333333;margin: 10px auto;} .sunroom03warp .bot li .text h4{font-size: 16px;color: #333333;text-transform: uppercase;text-align: center;} .sunroom03warp .bot li:hover{transform: translateY(-20px);-webkit-transform: translateY(-20px);} .sunroom03warp .bot li:hover .imgbox .icon{transform: translate(-50%,-50%) rotate(180deg);transform: translate(-50%,-50%) rotate(180deg);} .sunroom03warp .top .min .item ul li{position: relative;width: 50%;float: left;} .sunroom03warp .top .min .item ul li .yd{width:45%;float: left;padding:1%;} .sunroom03warp .top .min .item ul li .yd p{color: #818181;line-height: 25px;} .sunroom03warp .top .min .item ul li .yd.colorful p,.sunroom03warp .top .min .item ul li .yd.colorful h3{color: #000;} .icon_vs{position: absolute;height: 75px;width: 85px;left: 40%;top: 25%;} .sunroom03warp .top .min .item ul li .img-box img{width: 100%;} .sunroom04warp{width: 100%;box-sizing: border-box;padding: 80px 0;background: url(../img/sunroom_3.jpg) no-repeat fixed;position: relative;} .sunroom04warp:before{content: '';display: block;width: 50%;height: 100%;background-color: rgba(12,11,11,0.8);position: absolute;left: 0;top: 0;z-index: 1;} .sunroom04warp .sunroom04{width: 1300px;margin: auto;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-around;-webkit-align-items: center;align-items: center;position: relative;z-index: 2;} .sunroom04warp .sunroom04 .left{width: 30%;} .sunroom04warp .sunroom04 .left .r-title p{color: #FFFFFF;text-align: left;} .sunroom04warp .sunroom04 .left .r-title h3{color: #FFFFFF;text-align: left;} .sunroom04warp .sunroom04 .left .r-title{margin-bottom: 20px;} .sunroom04warp .sunroom04 .left h4{font-size: 16px;color: #ffffff;line-height: 28px;text-align: justify;padding-top: 20px;border-top:1px solid #FFFFFF;} .sunroom04warp .sunroom04 .right{width: 60%;box-sizing: border-box;background: url(../img/sunroom04_03.jpg) no-repeat;background-size: 100%;padding: 30px 80px;} .sunroom04warp .sunroom04 .right a{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-around;-webkit-align-items: flex-start;align-items: flex-start;padding: 15px 0;border-top:1px solid rgba(51,51,51,0.3);border-bottom:1px solid rgba(51,51,51,0.3);margin-bottom: -1px;} .sunroom04warp .sunroom04 .right a .img{width: 30%;overflow: hidden;} .sunroom04warp .sunroom04 .right a .img img{display: block;width: 100%;transition: all .6s;} .sunroom04warp .sunroom04 .right a:hover .img img{transform: scale(1.1);} .sunroom04warp .sunroom04 .right a .text{width: 70%;box-sizing: border-box;padding-left: 20px;} .sunroom04warp .sunroom04 .right a .text img{display: block;width: auto;margin-bottom: 5px;} .sunroom04warp .sunroom04 .right a .text h3{font-size: 16px;color: #333333;line-height: 28px;text-align: justify;} .sunroom04warp .fontbg{position: absolute;left: 0px;top: 150px;z-index: 2;width: 50%;overflow: hidden;height: 200px;} .sunroom04warp .fontbg span{font-size: 200px;color: rgba(255,255,255,0.08); font-weight: bold;letter-spacing: 30px;text-transform: uppercase;-webkit-animation: about-anim 30s linear infinite normal;animation: about-anim 30s linear infinite normal;position: absolute;display: block;white-space: nowrap;top: 0;left: 0;font-family: arial;} /*contact*/ .in-banner .text02 h3{margin-bottom: 0;padding-bottom: 0;border-bottom: none;} .contact01warp{width: 100%;box-sizing: border-box;margin: 70px auto;} .contact01warp .contact01{width: 100%;box-sizing: border-box;padding: 0 calc((100% - 1300px)/2);} .contact01warp .contact01 .left{width: 30%;float: left;padding-top: 70px;} .l-h3{font-size: 30px;color: #333333;margin-bottom: 10px;} .l-h4{font-size: 20px;color: #333333;margin-bottom: 30px;text-transform: uppercase;} .contact01warp .contact01 .left p{font-size: 20px;color: #333333;padding-left: 20px;position: relative;margin-bottom: 10px;font-weight: bold;} .contact01warp .contact01 .left p:before{content: '';display: block;width: 5px;height: 5px;background-color: #333333;position: absolute;top: 8px;left: 0;} .contact01warp .contact01 .right{width: 70%;float: right;overflow: hidden;} .contact01warp .contact01 .right img{display: block;width: 100%;transition: all .6s;} .contact01warp .contact01 .right:hover img{transform: scale(1.1);} .contact01warp .bot{width: 100%;box-sizing: border-box;width: calc(1300px + ((100% - 1400px)/2));position: relative;background-color: #e6e6e6;padding: 70px 0;padding-left: calc((100% - 1300px)/2);margin-top: -70px;float: left;} .contact01warp .bot h3{width: 80%;background-color: #FFFFFF;border-radius: 2rem;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: flex-start;justify-content: flex-start;font-size: 16px;color: #333333;height: 60px;margin-bottom: 20px;box-sizing: border-box;padding: 0 40px;position: relative;} .contact01warp .bot h3:last-child{margin-bottom: 0;} .contact01warp .bot h3 img{display: block;width: auto;margin: 0 20px;} .contact01warp .bot h3:before{content: '';display: block;width: 125px;height: 1px;background-color: #003f2d;opacity: 1;} .contact01warp .bot h3:after{content: '';display: block;width: 0;height: 1px;background-color: #003f2d;position: absolute;top: 50%;left: 40px;transition: all .8s;} .contact01warp .bot h3:hover:after{width: 125px;} .contact01warp .bot h3:hover:before{opacity: 0;} .contact02warp{width: 100%;box-sizing: border-box;padding: 80px 0;background: url(../img/lx_01.jpg) no-repeat;background-size: cover;display: block;} .contact02warp .contact02{width: 1300px;margin: auto;} .contact02warp .contact02 .left{width: 30%;float: left;padding-right: 80px;box-sizing: border-box;} .contact02warp .contact02 .left .l-h3,.contact02warp .contact02 .left .l-h4{color: #FFFFFF;} .contact02warp .contact02 .left h5{font-size: 16px;color: #ffffff;line-height: 30px;} .contact02warp .contact02 .left .item{margin-top: 80px;} .contact02warp .contact02 .left .item li{display: block;width: 180px;height: 84px;background-color: #50555f;display: flex;display: -webkit-flex;-webkit-align-items: flex-end;align-items: flex-end;-webkit-justify-content: flex-start;justify-content: flex-start;margin-bottom: 70px;position: relative;} .contact02warp .contact02 .left .item li p{font-size: 16px;color: #ffffff;padding-left: 20px;padding-bottom: 20px;} .contact02warp .contact02 .left .item li span{font-size: 70px;color: #FFFFFF;position: absolute;right: -60px;top: -20px;font-style: italic;} .contact02warp .contact02 .left .item li span:after{content: '+';font-size: 40px;color: #FFFFFF;vertical-align: text-top;margin-left: 10px;} /*map*/ .contact02warp .contact02 .right{width: 840px;float: left;position: relative;} .contact02warp .contact02 .right img{display: block;width: 100%;} .contact02warp .contact02 .right .map_dots{width: 100%;height: 100%;position: absolute;top: 0;left: 0;} .contact02warp .contact02 .right .map_dots .dot .pulsator{position:absolute;} .contact02warp .contact02 .right .map_dots .dot{position: absolute;} .contact02warp .contact02 .right .map_dots .dot.dot-1 {top: 60%;left: 65%} .contact02warp .contact02 .right .map_dots .dot.dot-2 {top: 74%;left: 67%} .contact02warp .contact02 .right .map_dots .dot.dot-3 {top: 83%;left: 69%} .contact02warp .contact02 .right .map_dots .dot.dot-4 {top: 57%;left: 81%} .contact02warp .contact02 .right .map_dots .dot.dot-5 {top: 64%;left: 82%} .contact02warp .contact02 .right .map_dots .dot.dot-6 {top: 37%;left: 74%} .contact02warp .contact02 .right .map_dots .dot.dot-7 {top: 91%;left: 62%} .contact02warp .contact02 .right .map_dots .dot.dot-8 {top: 81%;left: 68%} .contact02warp .contact02 .right .map_dots .dot.dot-9 {top: 41%;left: 76%} .contact02warp .contact02 .right .map_dots .dot.dot-10 {top: 64%;left: 57%} .contact02warp .contact02 .right .map_dots .dot.dot-11 {top: 50%;left: 78%} .contact02warp .contact02 .right .map_dots .dot.dot-12 {top: 65%;left: 50%} .contact02warp .contact02 .right .map_dots .dot.dot-13 {top: 71%;left: 82%} .contact02warp .contact02 .right .map_dots .dot.dot-14 {top: 44%;left: 76%} .contact02warp .contact02 .right .map_dots .dot.dot-15 {top: 51%;left: 75%} .contact02warp .contact02 .right .map_dots .dot.dot-16 {top: 75%;left: 69%} .contact02warp .contact02 .right .map_dots .dot.dot-17 {top: 70%;left: 63%} .contact02warp .contact02 .right .map_dots .dot.dot-18 {top: 67%;left: 84%} .contact02warp .contact02 .right .map_dots .dot.dot-19 {top: 87%;left: 66%} .contact02warp .contact02 .sjmap{display: none;} .contact02warp .contact02 .right .map_dots .dot .adds{padding-bottom: 9px;border-bottom: 1px solid #FFFFFF;margin-left: 10%;width: 160px;margin-top: -24%;} .contact02warp .contact02 .right .map_dots .dot .addl{ margin-left: -105%;} .contact02warp .contact02 .right .map_dots .dot .addl span{text-align: left !important;} .contact02warp .contact02 .right .map_dots .dot .addl p{text-align: left !important;} .contact02warp .contact02 .right .map_dots .dot .adds span{font-size: 13px;color:#FFFFFF;display: block;margin-bottom: 7px;text-align: right;} .contact02warp .contact02 .right .map_dots .dot .adds p{font-size: 12px;color: #FFFFFF;text-align: right;line-height:16px;} .contact02warp .contact02 .right .map_dots .dot.pulse {-webkit-animation-delay: 5s;animation-delay: 5s} .contact02warp .contact02 .right .map_dots .dot-2 .pulse{-webkit-animation-delay: 7s;animation-delay: 7s} .contact02warp .contact02 .right .map_dots .pulse-dot { width: 0; height: 0; border: 3px solid #FFFFFF; border-radius: 30px; background-color: #FFFFFF; -moz-box-sizing: content-box; box-sizing: content-box; } .contact02warp .contact02 .right .map_dots .pulse { border: 5px solid #FFFFFF; border-radius: 60px; -webkit-animation: pulse-tb 2s ease-out; animation: pulse-tb 2s ease-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite } .contact02warp .contact02 .right .map_dots .dot .pulse, .contact02warp .contact02 .right .map_dots .dot .pulse-2 { background: transparent; height: 35px; width: 35px; position: absolute; top: -18px; left: -18px; z-index: 1; opacity: 0 } .contact02warp .contact02 .right .map_dots .dot .pulse-2 { border: 3px solid #FFFFFF; border-radius: 60px; -webkit-animation: pulse-tb 2s ease-out .5s; animation: pulse-tb 2s ease-out .5s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite } .contact02warp .contact02 .right .map_dots .dots .pulse-dot { width: 0; height: 0; border: 3px solid #FFFFFF; border-radius: 30px; background-color: #FFFFFF; -moz-box-sizing: content-box; box-sizing: content-box } @-webkit-keyframes pulse-tb { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 0 } 25% { -webkit-transform: scale(.1); transform: scale(.1); opacity: .1 } 50% { -webkit-transform: scale(.5); transform: scale(.5); opacity: .3 } 75% { -webkit-transform: scale(1); transform: scale(1); opacity: .5 } to { -webkit-transform: scale(1.5); transform: scale(1.5); opacity: 0 } } @keyframes pulse-tb { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 0 } 25% { -webkit-transform: scale(.1); transform: scale(.1); opacity: .1 } 50% { -webkit-transform: scale(.5); transform: scale(.5); opacity: .3 } 75% { -webkit-transform: scale(1); transform: scale(1); opacity: .5 } to { -webkit-transform: scale(1.5); transform: scale(1.5); opacity: 0 } } @-webkit-keyframes pound-tb { to { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes pound-tb { to { -webkit-transform: scale(1.1); transform: scale(1.1) } } /*企业简介*/ .synopsis01warp{width: 100%;box-sizing: border-box;padding-right: calc((100% - 1300px)/2);position: relative;} .synopsis01warp .synopsis01{width: 100%;box-sizing: border-box;padding: 80px 0;} .synopsis01warp:after{content: '';display: block;width: 70%;height: 100%;background-color: #f5f5f5;position: absolute;top: 0;right: 0;z-index: 1;} .synopsis01warp .synopsis01 .s-title{margin-bottom: 40px;box-sizing: border-box;padding-left: calc(100% - 1300px);} .synopsis01warp .synopsis01 .s-title h3{font-size: 30px;color: #333333;font-weight: bold;margin-bottom: 10px;} .synopsis01warp .synopsis01 .s-title p{font-size: 14px;color: #333333;text-transform: uppercase;} .synopsis01warp .synopsis01 .min{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;position: relative;z-index: 2;} .synopsis01warp .synopsis01 .min .left{width: 60%;float: left;overflow: hidden;} .synopsis01warp .synopsis01 .min .left img{display: block;width: 100%;transition: all .6s;} .synopsis01warp .synopsis01 .min .left:hover img{transform: scale(1.1);} .synopsis01warp .synopsis01 .min .right{width: 40%;box-sizing: border-box;padding-left: 80px;} .synopsis01warp .synopsis01 .min .right ul{width: 100%;} .synopsis01warp .synopsis01 .min .right ul li{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: flex-start;justify-content: flex-start;margin-bottom: 30px;} .synopsis01warp .synopsis01 .min .right ul li img{display: block;width: auto;box-sizing: border-box;margin-right: 20px;} .synopsis01warp .synopsis01 .min .right ul li .text h3{font-size: 16px;color: #333333;margin-bottom: 10px;text-transform: uppercase;} .synopsis01warp .synopsis01 .min .right ul li .text h4{font-size: 16px;color: #333333;line-height: 30px;} .synopsis01warp .synopsis01 .min .right ul li:last-child{margin-bottom: 0;} .synopsis02warp{width: 100%;box-sizing: border-box;padding: 140px 0;background: url(../img/jianjie_00.jpg) no-repeat fixed;background-size: 100%;} .synopsis02warp .synopsis02{width: 1300px;margin: auto;box-sizing: border-box;} .synopsis02warp .synopsis02 .left{width: 35%;float: left;padding-top: 30px;} .synopsis02warp .synopsis02 .left .l-h3,.synopsis02warp .synopsis02 .left .l-h4{color: #FFFFFF;} .synopsis02warp .synopsis02 .left ul li p{font-size: 20px;color: #ffffff;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;margin-bottom: 10px;} .synopsis02warp .synopsis02 .left ul li p:after{content: '';display: block;width: 70px;height: 1px;background-color: #FFFFFF;margin-left: 20px;} .synopsis02warp .synopsis02 .left ul li h3{font-size: 16px;color: #FFFFFF;} .synopsis02warp .synopsis02 .left ul li{margin-bottom: 30px;} .synopsis02warp .synopsis02 .left ul li:last-child{margin-bottom: 0;} .synopsis02warp .synopsis02 .right{width: 65%;float: left;} .synopsis02warp .synopsis02 .right a{display: block;width: 48%;float: left;margin-right: 4%;} .synopsis02warp .synopsis02 .right a:last-child{margin-right: 0;} .synopsis02warp .synopsis02 .right a .imgbox{width: 100%;position: relative;overflow: hidden;} .synopsis02warp .synopsis02 .right a .imgbox img{display: block;width: 100%;transition: all .6s;} .synopsis02warp .synopsis02 .right a:hover .imgbox img{transform: scale(1.1);} .synopsis02warp .synopsis02 .right a .text{width: 100%;box-sizing: border-box;padding: 30px;background-color: #FFFFFF;} .synopsis02warp .synopsis02 .right a .text h3{font-size: 22px;color: #333333;margin-bottom: 10px;} .synopsis02warp .synopsis02 .right a .text h4{font-size: 16px;color: #333333;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;} .synopsis02warp .synopsis02 .right a .text h4:before{content: '';display: block;width: 60px;height: 1px;background-color: #333333;margin-right: 10px;} /*synopsis03warp*/ .synopsis03warp{width: 100%;box-sizing: border-box;overflow: hidden;margin: 80px 0;} .synopsis03warp .synopsis03{width: 1300px;margin: auto;} .synopsis03warp .synopsis03 .min{width: 100%;box-sizing: border-box;} .synopsis03warp .synopsis03 .min .gallery-top .swiper-slide{width: 100%;text-align: center;} .synopsis03warp .synopsis03 .min .gallery-top .swiper-slide img{display: block;width: auto;margin: auto;} .synopsis03warp .synopsis03 .min .gallery-top .swiper-slide .imgbox{margin-bottom: 30px;} .synopsis03warp .synopsis03 .min .gallery-top .swiper-slide h3{font-size: 16px;color: #000000;} .synopsis03warp .synopsis03 .min .gallery-top .swiper-slide h1{font-size: 34px;color: #003f2d;margin-bottom: 30px;font-weight: bold;} .synopsis03warp .synopsis03 .min .gallery-thumbs{width: 100%;box-sizing: border-box;padding: 0 40px;padding-top: 70px;position: relative;} /*.synopsis03warp .synopsis03 .min .gallery-thumbs .swiper-wrapper{display: block;width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content:space-around ;justify-content: space-around;position: relative;}*/ .synopsis03warp .synopsis03 .min .gallery-thumbs:before{content: '';display: block;width: calc((100% - 80px));height: 1px;position: absolute;top: 70px;left: 40px;background-color: #003f2d;} .synopsis03warp .synopsis03 .min .gallery-thumbs .swiper-wrapper .swiper-slide{text-align: center;} .synopsis03warp .synopsis03 .min .gallery-thumbs .swiper-wrapper .swiper-slide span{display: block;margin: auto;width: 8px;height: 8px;border-radius: 50%;background-color: #003f2d;margin-bottom: 35px;position: relative;margin-top: -4px;} .synopsis03warp .synopsis03 .min .gallery-thumbs .swiper-wrapper .swiper-slide span:before{content: '';display: block;width: 18px;height: 18px;border-radius: 50%;position: absolute;top: 50%;left: 50%;margin-top: -9px;margin-left: -9px;background-color: rgba(0,63,45,0.5);} .synopsis03warp .synopsis03 .min .gallery-thumbs .swiper-wrapper .swiper-slide span:after{content: '';display: block;width: 40px;height: 40px;border-radius: 50%;position: absolute;top: 50%;left: 50%;margin-top: -20px;margin-left: -20px;background-color: rgba(0,63,45,0.3);opacity: 0;transition: all .6s;} .synopsis03warp .synopsis03 .min .gallery-thumbs .swiper-wrapper .swiper-slide p{font-size: 16px;color: #003f2d;} .swiper-button-prev, .swiper-button-next{background-image: none;} .synopsis03warp .swiper-button-prev{position: absolute;left: 0;top: 72px;background: url(../img/jianjie_1.png) no-repeat;width: 40px;height: 40px;background-size: 100%} .synopsis03warp .swiper-button-next{position: absolute;right: 0;top: 72px;background: url(../img/jianjie_2.png) no-repeat;width: 40px;height: 40px;background-size: 100%} .synopsis03warp .synopsis03 .min .gallery-thumbs .swiper-wrapper .swiper-slide-thumb-active span:after{opacity: 1;} .synopsis04warp{width: 100%;box-sizing: border-box;background-color: #1c1c1c;padding: 70px 0;} .synopsis04warp .synopsis04{width: 1200px;margin: auto;box-sizing: border-box;} .synopsis04warp .synopsis04 .min{width: 100%;box-sizing: border-box;position: relative;padding-bottom: 60px;margin-top: 60px;} .synopsis04warp .synopsis04 .l-h3,.synopsis04warp .synopsis04 .l-h4{color: #fff;} .synopsis04warp .synopsis04 .min a{display: block;width: 100%;} .synopsis04warp .synopsis04 .min a img{display: block;width: 100%;} .synopsis04warp .synopsis04 .swiper-button-prev, .synopsis04warp .synopsis04 .swiper-button-next{top: initial;bottom: 0;height: auto;margin-top: 0;outline: none;} .synopsis04warp .synopsis04 .swiper-button-prev i,.synopsis04warp .synopsis04 .swiper-button-next i{display: block;width: 30px;position: relative;height: 1px;background-color: #fff;margin: auto;top: 15px} .synopsis04warp .synopsis04 .swiper-button-prev i:after,.synopsis04warp .synopsis04 .swiper-button-next i:after{content: '';display: block;width: 6px;height: 6px;border-top: 1px solid #fff;border-right: 1px solid #fff;position: absolute;} .synopsis04warp .synopsis04 .swiper-button-prev i:after{transform: rotate(-135deg);-webkit-transform:rotate(-135deg);top: 50%;margin-top: -4px;left: 0;} .synopsis04warp .synopsis04 .swiper-button-next i:after{transform: rotate(45deg);-webkit-transform:rotate(45deg);top: 50%;margin-top: -4px;right: 0;} .synopsis04warp .synopsis04 .swiper-button-prev{right: 50px;left: initial;} .synopsis04warp .synopsis04 .swiper-button-next{right: 4px;} /*企业展示*/ .exhibition01warp{width: 100%;overflow: hidden;box-sizing: border-box;padding: 80px 0 10px;} .exhibition01warp .exhibition01{width: 1300px;box-sizing: border-box;margin: auto;} .exhibition01warp .exhibition01 a{display: block;width: 48%;float: left;margin-right: 4%;position: relative;margin-bottom: 70px} .exhibition01warp .exhibition01 a:nth-of-type(2n){margin-right: 0;} .exhibition01warp .exhibition01 a .imgbox{width: 100%;overflow: hidden;} .exhibition01warp .exhibition01 a .imgbox img{display: block;width: 100%;transition: all .6s;} .exhibition01warp .exhibition01 a:hover .imgbox img{transform: scale(1.1);} .exhibition01warp .exhibition01 a .text{width: 80%;height: 100px;box-sizing: border-box;box-shadow: 0px 0px 5px rgba(0,0,0,0.3);display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;padding: 0 40px 0 20px;position: relative;float: right;margin-top: -50px;background-color: #FFFFFF;z-index: 2;transition: all .3s;} .exhibition01warp .exhibition01 a .text h3{font-size: 20px;color: #333333;} .exhibition01warp .exhibition01 a .text p{font-size: 16px;color: #003f2d;} .exhibition01warp .exhibition01 a:hover .text{padding-right: 100px;} .exhibition01warp .exhibition01 a .text:after{content: '';display: block;width: 50px;height: 1px;background-color: #003f2d;position: absolute;right: -25px;top: 50%;transition: all .6s;} .exhibition01warp .exhibition01 a:hover .text:after{width: 100px} /*视屏详情*/ .videoinfo01warp{width: 100%;box-sizing: border-box;overflow: hidden;padding-top: 80px;} .videoinfo01warp .videoinfo01{width: 1300px;margin: 80px auto;box-sizing: border-box;} .videoinfo01warp .videoinfo01 .v-title{font-size: 20px;color: #333333;text-align: center;padding-bottom: 20px;border-bottom: 1px solid #c1c1c1;margin-bottom: 40px;} #video{width: 100%;box-sizing: border-box;position: relative;} #video video{ width:100%;object-fit: fill;margin: 0 auto;display: block; height:auto;} .VideoBtn {position: absolute;left: 50%;top: 50%;display: block;width: 70px;height: 70px;margin-left: -35px;margin-top: -35px;cursor: pointer;z-index: 10;} .v-more{margin: auto;margin-top: 40px;width: 240px;height: 60px;line-height: 60px;} .v-more i{font-size: 20px;color: inherit;margin-right: 10px;vertical-align: middle;} /*视频展示*/ .videowarp{width: 100%;box-sizing: border-box;overflow: hidden;margin: 80px 0;} .videowarp .top{width: 1300px;margin: auto;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;border-bottom: 1px solid #ddd;} .videowarp .top .left{font-size: 20px;color: #333333;} .videowarp .top .right{display: flex;display: -webkit-flex;-webkit-justify-content: flex-end;justify-content: flex-end;-webkit-align-items: center;align-items: center;} .videowarp .top .right a{display: block;font-size: 20px;color: #333333;line-height: 60px;margin-left: 40px;position: relative;} .videowarp .top .right a:after{content: '';display: block;width: 0%;height: 2px;background-color: #003f2d;position: absolute;left: 0;bottom: 0;transition: all .3s;} .videowarp .top .right a:hover:after,.videowarp .top .right .active:after{width: 100%;} .video{width:1300px;box-sizing: border-box;position: relative;margin: auto;margin-bottom: 40px;} .video li{width: 25%;padding: 10px 1%;border-bottom: 1px solid #ddd;float:left;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;box-sizing: border-box;border-bottom: 1px solid #ddd;} .video li .left{width: 100%;} .video li .left p{line-height:24px;font-size: 18px;color: #003f2d;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; text-overflow: ellipsis;margin:10px 0;overflow:hidden;} .video li .left .imgbox{width: 100%;overflow: hidden;position: relative;} .video li .left .imgbox img{display: block;width: 100%;transition: all .6s;} .video li .left .imgbox:hover>img{transform: scale(1.1);} .video li .left .imgbox a{display: block;width: 40px;position: absolute;top: 50%;left: 50%;margin-top: -20px;margin-left: -20px;} .video li .left .imgbox a img{direction: bl;width: 100%;} .video li .right{width: 40%;box-sizing: border-box;padding-left: 70px;} .video li .right h3{font-size: 24px;color: #333333;margin-bottom: 20px;font-weight: bold;} .video li .right p{position: relative;padding-left: 20px;font-size: 16px;color: #333333;margin-bottom: 20px;} .video li .right p:before{content: '';display: block;width: 4px;height: 4px;background-color: #333333;position: absolute;left: 0;top: 5px;} .video li .right .link{margin-top: 40px;} .video li .right .link a{width: 170PX;height: 40PX;line-height: 40px;margin-bottom: 20px;} .video li .right .link a:last-child{margin-bottom: 0;} /*新闻*/ .news01warp{width: 100%;box-sizing: border-box;overflow: hidden;box-sizing: border-box;margin: 80px 0;} .news01warp .top{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;} .news01warp .top a{display: block;width: 216px;height: 60px;line-height: 60px;text-align: center;box-sizing: border-box;border: 1px solid #003f2d;color: #003f2d;transition: all .3s;font-size: 24px;margin-right: -1px;} .news01warp .top a:hover,.news01warp .top .active{background-color: #003f2d;color: #FFFFFF} .news01warp .news01{width: 1300px;margin: auto;margin-top:40px;position: relative;padding-bottom: 40px;border-bottom: 1px solid #ddd;display: none;} .news01warp .news01 a{display: flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: space-between;justify-content: space-between;display: -webkit-flex;background-color: #fafafa;} .news01warp .news01 a .left{width: 50%;overflow: hidden;} .news01warp .news01 a .left img{display: block;width: 100%;transition: all .6s;} .news01warp .news01 a:hover .left img{transform: scale(1.1);} .news01warp .news01 a .right{width: 50%;box-sizing: border-box;padding: 0 140px 0 50px;} .news01warp .news01 a .right span{display: inline-block;font-size: 12px;color: #FFFFFF;background-color: #003f2d;box-sizing: border-box;padding: 6px 5px;border-radius: 5px;text-transform: uppercase;margin-bottom: 20px;} .news01warp .news01 a .right h3{font-size: 16px;color: #333333;line-height: 24px;font-weight: bold;margin-bottom: 20px;} .news01warp .news01 a .right h4{font-size: 14px;line-height: 24px;color: #333333;} .news01warp .news01 a .right font{font-size: 14px;color: #333333;margin-top: 50PX;} .news01warp .news01 a .right P{font-size: 14px;color: #999999;margin-top: 30px;} .news01warp .news01 .swiper-pagination{width: 100%;bottom: 15px;} .news01warp .news01 .swiper-pagination .swiper-pagination-bullet{background-color: #99b2ab;opacity: 1;margin-right: 10px;width: 10px;height: 10px;outline: none;} .news01warp .news01 .swiper-pagination .swiper-pagination-bullet-active{background-color: #003f2d;} .swiper-pagination-bullet:last-child{margin-right: 0;} .news02warp{width: 100%;box-sizing: border-box;overflow: hidden;margin: 80px 0;} .news02warp .news02{width: 1300px;margin: auto;margin-bottom: 30PX;} .news02warp .news02 a{display: block;width: calc((100% - 60px)/4);float: left;margin-right:20px ;background-color: #f5f5f5;position: relative;margin-bottom: 20px;} .news02warp .news02 a:nth-of-type(4n){margin-right: 0;} .news02warp .news02 a .imgbox{width: 100%;overflow: hidden;box-sizing: border-box;} .news02warp .news02 a .imgbox img{display: block;width: 100%;transition: all .6s;} .news02warp .news02 a:hover .imgbox img{transform: scale(1.1);} .news02warp .news02 a .text{box-sizing: border-box;padding: 30px;} .news02warp .news02 a .text span{display: inline-block;font-size: 12px;color: #FFFFFF;text-transform: uppercase;background-color: #003f2d;padding: 6px 5px;border-radius: 5px;margin-bottom: 15px;} .news02warp .news02 a .text h3{font-size: 16px;color: #333333;line-height: 24px;font-weight: bold;margin-bottom: 20px;min-height: 48px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; } .news02warp .news02 a .text font{font-size: 14px;color: #333333;margin-bottom: 30px;} .news02warp .news02 a .text p{font-size: 14px;color: #999999;} .news02warp .news02 a:before{content: '';display: block;width: 0%;height: 2px;background-color: #003f2d;position: absolute;left: 0;bottom: 0;transition: all .3s;} .news02warp .news02 a:hover:before{width: 100%;} /*新闻详情*/ .newsinfo01warp{width: 1300px;box-sizing: border-box;padding-top:85px;padding-bottom:85px;overflow: hidden;margin: auto;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;position:relative;} .newsinfo01warp .caseinfowarp{width: 30%} /*.newsinfo01 .text{!*width: 100%;padding-bottom: 10px;*!}*/ .newsinfo01warp .newsinfo01 .text .textinfo .change_post {width: 100%;display: flex;justify-content: space-between;padding: 20px 0;font-size: 20px} .newsinfo01warp .newsinfo01 .text .textinfo .change_post .next{font-size: 16px;} .newsinfo01warp .newsinfo01 .text .textinfo .change_post .prev{font-size: 16px;} .change_post .next,.change_post .prev{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; } .change_post .next:hover a,.change_post .prev:hover a{color:red;} .newsinfo01warp .newsinfo01 .text .textinfo{width: 100%;box-sizing: border-box;} .newsinfo01warp .newsinfo01 .text .textinfo .moremin{border-top: 1px solid #ddd;display: flex;display: -webkit-flex;justify-content: flex-end;-webkit-justify-content:flex-end;align-items: flex-end;-webkit-align-items:flex-end;padding-top: 20px} .newsinfo01warp .newsinfo01 .text .textinfo .moremin a:first-child{margin-right: 30px;} .newsinfo01warp .newsinfo01 .text .textinfo .moremin i,.caseinf01 .textinfo .moremin i{color:#fff;margin-right:5px;} .newsinfo01warp .case-show-side-bar .case-show-side-title{display: none} .newsinfo01{width: 70%;box-sizing: border-box;margin: 0 auto;} .newsinfo01 .n-title{font-size: 20px;color: #333333;padding-bottom: 20px;border-bottom: 1px solid #ddd;font-weight: bold;text-align: center;margin-bottom: 20px;} .newsinfo01 .min{width: 100%;box-sizing: border-box;} .newsinfo01 .min .data{font-size: 16px;color: #333333;text-align: center;margin-bottom: 20px;display: block;} .newsinfo01 .min .cont{width: 100%;/*border-bottom: 1px solid #ddd;padding-bottom: 10px;*/} .newsinfo01 .min .cont p{font-size: 16px;color: #333333;line-height: 24px;text-indent: 2rem;margin-bottom: 10px;letter-spacing:0px;} .newsinfo01 .min .cont img,.caseinfowarp .caseinf01 .text .textinfo p img{display: block;width: auto;margin-bottom: 30px; margin: auto;} .newsinfo01 .min .cont h1{font-size: 20px;color: #333333;font-weight: bold;margin-bottom: 10px;} .newsinfo01 .min .cont h2{font-size: 18px;color: #333333;font-weight: bold;margin-bottom: 10px;} .newsinfo01 .min .cont h3{font-size: 16px;color: #333333;font-weight: bold;margin-bottom: 10px;} .newsinfo01 .min .cont h4{font-size: 14px;color: #333333;font-weight: bold;margin-bottom: 10px;} .newsinfo01 .min .cont h5{font-size: 12.8px;color: #333333;font-weight: bold;margin-bottom: 10px;} .newsinfo01 .min .cont ul {list-style: circle;padding-left: 40px;font-size: 16px} .newsinfo01 .min .cont ul li{list-style: circle;font-size: 14px;padding: 5px 0;line-height: 20px} .newsinfo01 .min .cont ol {list-style: decimal;padding-left: 40px;font-size: 16px} .newsinfo01 .min .cont ol li{list-style: decimal;font-size: 14px;padding: 5px 0;line-height: 20px} .newsinfo01 .pagelink{width: 100%;display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content: center;margin-top: 30px;} .newsinfo01 .pagelink a{margin: 0;margin-right: 20px;} .newsinfo01 .pagelink a:last-child{margin-right: 0;} .newslit{width: 30%;box-sizing: border-box;padding-left: 40px;margin-top: 80px;} .newslit-tl{font-size: 26px;color: #333;font-weight: bold;margin-bottom: 30px;} /* .newslitmin a{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;} .newslitmin a .imgbox{width: 30%;box-sizing: border-box;overflow: hidden;} */ .newslitmin a{width: 100%;margin-right: 0;margin-bottom: 30px;display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;} .newslitmin a:last-child{margin-bottom: 0;} .newslitmin a .imgbox{width: 40%;overflow: hidden;} .newslitmin a .text{width: 60%;box-sizing: border-box;padding: 0;padding-left: 20px;position: relative;} .newslitmin a .text h3{font-size: 16px;line-height: 24px;min-height: auto;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;font-weight: bold;margin-bottom: 20px;} .newslitmin a .text font{font-size: 14px;} .newslitmin a .text .c-more i{width: 15px;} .newslitmin a:hover .text .c-more i{width: 20px;} .newslitmin a .imgbox img{width: auto;height: 120px;} .newslitmin a{margin-bottom: 20px;} .newslitmin a:hover .text h3{color: #003f2d;} /*服务*/ .servicewarp{width: 100%;box-sizing: border-box;overflow: hidden;} .servicewarp .service01{width: 1300px;margin: 80px auto;box-sizing: border-box;padding: 70px 0;background: url(../img/fuwu_00.jpg) no-repeat;} .servicewarp .service01 a{display: block;width: 25%;float: left;box-sizing: border-box;text-align: center;position: relative;} .servicewarp .service01 a img{display: block;width: auto;margin: auto;transition: all .6s;} .servicewarp .service01 a strong{display: block;width: 40px;height: 2px;background-color: #f8ac08;margin: 20px auto;} .servicewarp .service01 a p{font-size: 20px;color: #ffffff;margin-bottom: 10px;} .servicewarp .service01 a font{font-size: 16px;color: #ffffff;text-transform: uppercase;} .servicewarp .service01 a:after{content: '';display: block;width: 1px;height: 50%;background-color: rgba(255,255,255,0.5);position: absolute;right: 0;top: 25%;} .servicewarp .service01 a:last-child:after{display: none;} .servicewarp .service01 a:hover img{transform: rotateY(180deg);} .service02{width: 1300px;margin: 80px auto;box-sizing: border-box;} .s-top{text-align: center;margin-bottom: 40px;} .s-top h3{font-size: 30px;color: #333333;margin-bottom: 15px;} .s-top h4{font-size: 16px;color: #333333;} .service02 .min{width: 100%;box-sizing: border-box;} .service02 .min a{display: block;width: 49%;float: left;margin-right: 2%;position: relative;} .service02 .min a:before{content: '';display: block;width: 100%;height: 100%;background-color: rgba(0,63,45,0.7);position: absolute;left: 0;top: 0;z-index: 1;opacity: 0;transition: all .3s;} .service02 .min a:last-child{margin-right: 0;} .service02 .min a img{display: block;width: 100%;} .service02 .min a .text{width: 90%;position: absolute;left: 5%;box-sizing: border-box;padding-left: 80px;bottom: 40px;z-index: 2;} .service02 .min a .text font{display: block;width: 46px;height: 46px;background-color: #003f2d;color: #FFFFFF;font-size: 20px;line-height: 46px;text-align: center;position: absolute;left: 0;} .service02 .min a .text h3{font-size: 20px;color: #003f2d;margin-top: 13px;font-weight: bold;} .service02 .min a .text .hove{margin-top: 40px;opacity: 0;margin-bottom: -26%;transition: all .6s;} .service02 .min a .text p{display: block;position: relative;padding-left: 15px;font-size: 16px;margin-bottom: 20px;color: #FFFFFF;} .service02 .min a .text p:before{content: '';display: block;width: 4px;height: 4px;background-color: #FFFFFF;position: absolute;left: 0;top: 10px;} .service02 .min a .text p:last-child{margin-bottom: 0;} .service02 .min a:hover:before{opacity: 1;} .service02 .min a:hover .text font{color: #003f2d;background-color: #FFFFFF;} .service02 .min a:hover .text h3{color: #FFFFFF;} .service02 .min a:hover .text .hove{opacity: 1;margin-bottom: 0;} .service03{width: 100%;box-sizing: border-box;background: url(../img/fu_01.jpg) no-repeat fixed;background-size: 100%;padding: 130px 0;} .service03 .min{width: 1300px;margin: auto;} .service03 .min .s-top h3,.service03 .min .s-top h4{color: #FFFFFF;} .service03 .min ul{width: 100%;box-sizing: border-box;} .service03 .min ul li{width: 100%;box-sizing: border-box;display: flex;-webkit-justify-content: space-between;justify-content: space-between;display: -webkit-flex;} .service03 .min ul li .item{width: 49%;border: 1px solid rgba(255,255,255,0.5);box-sizing: border-box;padding: 50px 40px;display: flex;-webkit-justify-content: flex-start;justify-content: flex-start;display: -webkit-flex;position: relative;overflow: hidden;} .service03 .min ul li .item h3{font-size: 48px;color: #ffffff;margin-right: 20px;} .service03 .min ul li .item .text font{font-size: 12px;color: #ffffff;margin-bottom: 10px;display: block;} .service03 .min ul li .item .text h4{font-size: 16px;color: #ffffff;line-height: 24px;} .service03 .min ul li:nth-of-type(2){margin-top: 30px;} .service03 .min ul li:nth-of-type(2) .item{width: 32%;} .service03 .min ul li .item:before,.service03 .min ul li .item:after{position:absolute;content:'';visibility:hidden;width: 0;height: 0;-webkit-transition:all 600ms ease-in-out;-moz-transition:all 600ms ease-in-out;-o-transition:all 600ms ease-in-out;transition:all 600ms ease-in-out;} .service03 .min ul li .item:before{bottom: 0;right: 0;border-bottom: 1px solid #fff;border-right: 1px solid #fff;} .service03 .min ul li .item:after{top: 0;left: 0;border-top: 1px solid #fff;border-left: 1px solid #fff;} .service03 .min ul li .item:hover:after,.service03 .min ul li .item:hover:before{width: 100%;height: 100%;visibility: visible;} .service04{width: 1300px;margin: 80px auto;box-sizing: border-box;} .service04 .s-top{text-align: left;} .service04 .min{width: 100%;box-sizing: border-box;position: relative;} .service04 .min .left{width: 50%;position: absolute;left: 0;top: 0;height: 100%;padding-right: 70px;box-sizing: border-box;} .service04 .min .left li{width: 100%;height: 25%;border-top: 1px solid #ddd;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;} .service04 .min .left li:last-child{border-bottom: 1px solid #ddd;} .service04 .min .right{width: 50%;float: right;overflow: hidden;} .service04 .min .right img{display: block;width: 100%;} .service04 .min .left li h3{font-size: 20px;color: #333333;width: 10%;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: flex-start;justify-content: flex-start;} .service04 .min .left li h3:before{content: '';display: block;width: 4px;height: 4px;background-color: #333333;margin-right: 10px;} .service04 .min .left li .text{width: 90%;} .service04 .min .left li .text p{font-size: 16px;color: #333333;margin-bottom: 10px;text-transform: uppercase;} .service04 .min .left li .text h4{font-size: 16px;color: #333333;font-weight: bold; line-height: 24px;} .service04 .min .left li:hover h3,.service04 .min .left li:hover .text p,.service04 .min .left li:hover .text h4{color: #003f2d;} .service04 .min .left li:hover h3:before{background-color: #003f2d;} /*泳池*/ .swimming01warp{width: 100%;box-sizing: border-box;overflow: hidden;margin: 70px 0;} .swimming01warp .swimming01{width: 100%;position: relative;box-sizing: border-box;padding-top: 50px;} .swimming01warp .swimming01:before{content: '';display: block;width: 100%;height: 60%;background-color: #f5f5f5;position: absolute;top: 0;left: 0;z-index: 0;} .swimming01warp .swimming01 .min{width: 1300px;margin: auto;box-sizing: border-box;position: relative;z-index: 2;} .swimming01warp .swimming01 .min .left{display: block;width: 45%;float: left;overflow: hidden;box-sizing: border-box;position: relative;} .swimming01warp .swimming01 .min .left img{display: block;width: auto;transition: all .6s;min-width: 100%;height: 600px;} .swimming01warp .swimming01 .min .left:hover img{transform: scale(1.1);} .swimming01warp .swimming01 .min .font{width: 100%;position: absolute;bottom: 0;left: 0;background-color: rgba(9,9,9,0.8);font-size: 16px;line-height: 24px;color: #FFFFFF;padding: 20px;box-sizing: border-box;min-height: 88px;} .swimming01warp .swimming01 .min .right{width: 50%;position: absolute;right: 0;top: 0;height: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-flex-flow: column;flex-flow: column;} .swimming01warp .swimming01 .min .right .text{width: 100%;} .swimming01warp .swimming01 .min .right .text h3{font-size: 20px;color: #333333;margin-bottom: 20px;} .swimming01warp .swimming01 .min .right .text h4{font-size: 16px;color: #333333;line-height: 24px;margin-bottom: 30px;} .swimming01warp .swimming01 .min .right .text a{width: 142px;line-height: 36px;height: 36px;} .swimming01warp .swimming01 .min .right .imgbox{width: 100%;box-sizing: border-box;} .swimming01warp .swimming01 .min .right .imgbox a{display: block;width: 48%;float: left;margin-right: 4%;position: relative;overflow: hidden;box-sizing: border-box;} .swimming01warp .swimming01 .min .right .imgbox a:last-child{margin-right: 0;} .swimming01warp .swimming01 .min .right .imgbox a img{display: block;width: auto;transition: all .6s; height: 320px;min-width: 100%;} .swimming01warp .swimming01 .min .right .imgbox a:hover img{transform: scale(1.1);} /*swimming02*/ .swimming02warp{width: 1300px;margin: auto;box-sizing: border-box;overflow: hidden;} .swimming02warp .swimming02{width: 100%;box-sizing: border-box;padding-bottom: 170px;} .swimming02warp .swimming02 a{display: block;width: 48%;float: left;margin-right: 4%;position: relative;} .swimming02warp .swimming02 a:last-child{margin-right: 0;} .swimming02warp .swimming02 a .imgbox{width: 100%;overflow: hidden;} .swimming02warp .swimming02 a .imgbox img{display: block;width: 100%;transition: all .6s;} .swimming02warp .swimming02 a:hover .imgbox img{transform: scale(1.1);} .swimming02warp .swimming02 a .text{width: 76%;height: auto;box-sizing: border-box;background-color: #FFFFFF;position: absolute;left: 12%;bottom: -70px;box-shadow: 0px 0px 5px rgba(0,0,0,0.3);} .swimming02warp .swimming02 a .text .cont{overflow: hidden;width: 100%;height: auto;padding: 50px 60px;box-sizing: border-box;} .swimming02warp .swimming02 a .text .top{text-align: center;} .swimming02warp .swimming02 a .text .top p{font-size: 16px;color: #333333;margin-bottom: 10px;text-transform: uppercase;} .swimming02warp .swimming02 a .text .top h3{font-size: 20px;color: #333333;font-weight: bold;} .swimming02warp .swimming02 a .text .info{font-size: 16px;color: #333333;line-height: 24px;text-align: center;margin-top: 30px;opacity: 0;transition: all .6s;margin-bottom: -34%;min-height: 72px;} .swimming02warp .swimming02 a:hover .text .info{opacity: 1;margin-bottom: 0;} .swimming02warp .swimming02 a .text:before{content: '';display: block;width: 1px;height: 60px;background-color: #167b5b;position: absolute;top: -30px;left: 50%;} .swimming03warp{width: 100%;box-sizing: border-box;overflow: hidden;background: url(../img/hei.jpg) no-repeat fixed;background-size: 100%;padding: 60px 0;} .swimming03warp .swimming03{width: 1300px;margin: auto;box-sizing: border-box;} .swimming03warp .swimming03 .r-title p,.swimming03warp .swimming03 .r-title h3{color: #FFFFFF;} .swimming03warp .swimming03 .min{width: 100%;box-sizing: border-box;} .swimming03warp .swimming03 .min .item{width: calc((100% - 40px)/2);float: left;margin-right: 40px;} .swimming03warp .swimming03 .min .item:last-child{margin-right: 0;} .swimming03warp .swimming03 .min .item .one{width: 100%;box-sizing: border-box;margin-bottom: 40px;display: block;overflow: hidden;} .swimming03warp .swimming03 .min .item .one img{display: block;width: 100%;transition: all .6s} .swimming03warp .swimming03 .min .item .one:hover img{transform: scale(1.1);} .swimming03warp .swimming03 .min .item .two{width: 100%;box-sizing: border-box;} .swimming03warp .swimming03 .min .item .two a{display: block;width: calc((100% - 40px)/2);margin-right: 40px;float: left;overflow: hidden;} .swimming03warp .swimming03 .min .item .two a img{display: block;width: 100%;transition: all .6s;} .swimming03warp .swimming03 .min .item .two a:hover img{transform: scale(1.1);} .swimming03warp .swimming03 .min .item .two a:last-child{margin-right: 0;} .swimming03warp .swimming03 .min .item:last-child .two{margin-bottom: 40px;} /*swimming04warp*/ .swimming04warp{width: 100%;box-sizing: border-box;overflow: hidden;margin: 80px 0;position: relative;} .swimming04warp .swimming04{width: 1300px;margin: auto;box-sizing: border-box;} .swimming04warp .swimming04 .swiper-slide .imgbox{width: 240px;height: 240px;border-radius: 50%;overflow: hidden;position: relative;margin: auto;} .swimming04warp .swimming04 .swiper-slide .imgbox>img{display: block;width: auto;} .swimming04warp .swimming04 .swiper-slide .imgbox .mask{width: 100%;height: 100%;box-sizing: border-box;position: absolute;top: 0;left: 0;opacity: 1;transition: all .3s;} .swimming04warp .swimming04 .swiper-slide .imgbox .mask img{display: block;width: auto;max-width: 70px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);} .swimming04warp .swimming04 .swiper-slide .imgbox:hover .mask{opacity: 0;} .swimming04warp .swimming04 .swiper-slide .text{text-align: center;margin-top: 30px;} .swimming04warp .swimming04 .swiper-slide .text h3{font-size: 18px;color: #1b1b1b;font-weight: bold;margin-bottom: 10px;} .swimming04warp .swimming04 .swiper-slide .text p{font-size: 16px;color: #1b1b1b;line-height: 24px;} .swimming04warp .swiper-button-prev,.swimming04warp .swiper-button-next{width: 54px;height: 50px;background-color: #003f2d;text-align: center;line-height: 50px;top: 95px;margin-top: 0;outline: none;} .swimming04warp .swiper-button-prev i,.swimming04warp .swiper-button-next i{font-size: 18px;color: #FFFFFF;} .swimming04warp .swiper-button-prev{left: calc((100% - 1450px)/2);} .swimming04warp .swiper-button-next{right: calc((100% - 1450px)/2);} /*swimming05warp*/ .swimming05warp{width: 100%;box-sizing: border-box;overflow: hidden;padding-left: calc((100% - 1300px)/2);margin-bottom: -120px;position: relative;z-index: 2;} .swimming05warp .swimming05{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;align-items: center;} .swimming05warp .swimming05 .text{width: 30%;height: auto;box-sizing: border-box;padding: 120px 50px;background-color: #FFFFFF;box-shadow: 0px 0px 5px rgba(0,0,0,0.5);position: relative;z-index: 2;margin-right: -10%;transition: all .6s;} .swimming05warp .swimming05 .text .r-title p,.swimming05warp .swimming05 .text .r-title h3{text-align: left;} .swimming05warp .swimming05 .text h4{position: relative;padding-left: 15px;box-sizing: border-box;font-size: 18px;color: #333333;margin-bottom: 10px;} .swimming05warp .swimming05 .text h4:before{content: '';display: block;width: 4px;height: 4px;background-color: #333333;position: absolute;left: 0;top: 6px;} .swimming05warp .swimming05 .img{width: 80%;float: left;overflow: hidden;} .swimming05warp .swimming05 .img img{display: block;width: 100%;transition: all .6s;} .swimming05warp .swimming05 .img:hover img{transform: scale(1.1);} .swimming05warp .swimming05 .text:hover{transform: translateY(-5%);} /*swimming06warp*/ .swimming06warp{width: 100%;box-sizing: border-box;overflow: hidden;padding: 170px 0 90px;background-color: #151515;} .swimming06warp .swimming06{width: 1300px;margin: auto;box-sizing: border-box;} .swimming06warp .swimming06 a{display: block;width: 23.5%;float: left;margin-right: 2%;} .swimming06warp .swimming06 a:last-child{margin-right: 0;} .swimming06warp .swimming06 a .imgbox{width: 100%;box-sizing: border-box;overflow: hidden;} .swimming06warp .swimming06 a .imgbox img{display: block;width: 100%;transition: all .6s;} .swimming06warp .swimming06 a:hover .imgbox img{transform: scale(1.1);} .swimming06warp .swimming06 a .text{width: 100%;box-sizing: border-box;font-size: 16px;color: #ffffff;line-height: 24px;padding-top: 20px;text-align: justify;} /*右侧边栏*/ .fixed-sub{ position: fixed; z-index:999; right:0; top:50%; margin-top: -170px; height: 340px; width: 65px; z-index: 999;} .fixed-sub li{ margin-bottom: 3px; position: relative;} .fixed-sub li a{ display: block; position: relative; width: 65px; height: 65px; padding-top:7px; background:#003f2d; border-radius:5px; color: #FFFFFF; text-align: center; -o-box-shadow:0 0 10px rgba(0,0,0,.08); -ms-box-shadow:0 0 10px rgba(0,0,0,.08); -moz-box-shadow:0 0 10px rgba(0,0,0,.08); -webkit-box-shadow:0 0 10px rgba(0,0,0,.08); box-shadow:0 0 10px rgba(0,0,0,.08); } .fixed-sub li span{ display:inline-block; width: 34px; height: 32px;} .fixed-sub li .icon_01{ background-image: url(../img/fixed_ico_1h.png);} .fixed-sub li .icon_02{ background-image: url(../img/fixed_ico_2h.png);} .fixed-sub li .icon_03{ background-image: url(../img/fixed_ico_3h.png);} .fixed-sub li .icon_04{ background-image: url(../img/fixed_ico_4h.png);} .fixed-sub li .icon_05{ background-image: url(../img/fixed_ico_5h.png);} .fixed-sub li p{ font-size: 12px; line-height:16px; height: 16px;color: #fff;} .fixed-sub li .tel{ display: none; position: absolute; top:0; right:68px; width: 180px; letter-spacing: 1px; border-radius:3px; font-size: 18px; font-weight: bold; height: 65px; line-height: 65px; color: #FFFFFF; background: #11946b; color: #FFFFFF;} .fixed-sub li .tel img{width:100%;height:auto;} .fixed-sub li:hover a{ background: #11946b; } .fixed-sub li:hover .tel{ display: block; } .fixed-sub li .ewm{ display: none; position: absolute; top:0; right:68px;background-color: #11946b;padding: 20px;border-radius: 5px;} .fixed-sub li:hover .ewm{display: block;} .fixed-sub li:hover .ewm img{display: block;width: auto;} .fixed-sub li a .sjmf,.fixed-sub li a .sjimg{display: none;} .fixed-sub li:nth-last-child(2){display: none;} .fixed-sub li:nth-last-child(4){display: none;} .headerwarp .sjfont,.headerwarp .sjtel{display: none;} .index05warp .index05 .min .sjtab{display: none;} .bd-mask{width: 100%;height: 100%;position: fixed;top:0;left: 0;z-index: 9999;background-color: rgba(0,0,0,0.8);} .offertc,.ordertc{display: none;} .bd-mask .tcbox{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-image: url();display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content:center;align-items: center;-webkit-align-items:center;} .bd-mask .tcbox .contwarp{width: 770px;height: auto;background-color: #fff;box-sizing: border-box;padding: 40px;position: relative;} .bd-mask .tcbox .contwarp .cont{width: 100%;box-sizing: border-box;/*border:1px solid #333;*/position: relative;padding: 50px 0;} .bd-mask .tcbox .contwarp .cont .top,.bd-mask .tcbox .contwarp .cont .bot{font-size: 14px;color: #333333;display: inline-block;box-sizing: border-box;padding: 0 20px;background-color: #fff;position: absolute;left: 50%;transform: translateX(-50%);-webkit-transform:translateX(-50%);} .bd-mask .tcbox .contwarp .cont .top{top: -7px;} .bd-mask .tcbox .contwarp .cont .top span{color:#ffc000 ;} .bd-mask .tcbox .contwarp .cont .bot{bottom: -7px;} .bd-mask .tcbox .contwarp .cont form{width: 60%;margin:auto;margin-bottom: auto;box-sizing: border-box;} .bd-mask .tcbox .contwarp .cont form input,.bd-mask .tcbox .contwarp .cont form select{display: block;width: 49%;float: left;margin-right: 2%;background-color: #fff;border:1px solid #ddd;outline: none;border-radius: 5px;margin-bottom: 20px;height: 40px;box-sizing: border-box;padding-left: 10px;} .bd-mask .tcbox .contwarp .cont form input:nth-of-type(2n){margin-right: 0;} .bd-mask .tcbox .contwarp .cont form h3{font-size: 24px;color: #333333;font-weight: bold;text-align: center;margin-bottom: 30px;} .bd-mask .tcbox .contwarp .cont form h3 span{color: #ffc602;} .bd-mask .tcbox .contwarp .cont form input:last-child{margin-right: 0;} .bd-mask .tcbox .contwarp .cont form button{display: block;width: 160px;height: 40px;border: 1px solid #003f2d;background-color: #003f2d;color: #fff;font-size: 12px;color: #ffffff;margin: auto;outline: none;transition: all .3s; } .bd-mask .tcbox .contwarp .cont form button:hover{background-color: transparent;color: #003f2d;} .bd-mask .tcbox .contwarp .close {position: absolute;right: -120px;top: -100px;transition: all .3s; pointer-events: painted;} .bd-mask .tcbox .contwarp .close:hover{transform: rotate(180deg);} /**/ .buttonTab{ height: 40px; width: 100%; } .buttonM{ font-weight: 600; display: block; float: left; height: 40px; line-height: 40px; width: 48%; font-size: 17px; border: 1px solid #003F2D; text-align: center; border-radius: 25px 0 0 0; color: #fff; background-color: #003F2D; } #btm2{ border-radius: 0 25px 0 0; background-color: #fff; color: #003F2D; } #btm1:hover{color:#003F2D;background-color:#fff;} #btm1:hover#btm2{ color: #fff; background-color: #003F2D;} #btm2:hover{ color: #fff; background-color: #003F2D; } #btm2:hover#btm1{ color: #003F2D; background-color: fff; } /*dx*/ .jyBtn,.gcBtn{float:left;height:40px;background-color:#fff;color:#003F2D;line-height:40px;width:50%;text-align:center;border:1px solid #003f2d;box-sizing:border-box;} .activeBn{background-color:#003F2D;color:#fff;} .TabBtn{padding-right:10px;padding-left:3px;} .TabBtn .jyBtn{border-right:1px solid #003F2D;box-sizing: border-box;} .caselistmin:last-child{display:none;} /*表单*/ .index06_box{max-width:1000px;width:auto;margin:0 auto;} .index06warp form p.fqy{float:unset;text-align:center;margin-top:35px;width:100%;} .index06warp form p span,.roof07warp .roof07 .min h3 span{position: relative;display: block;float:left;} .index06warp form p span>span,.roof07warp .roof07 .min h3 span>span{font-size: 12px;color: #f00;position: absolute;right: 20px;top: 50%;margin-top: -6px;} .wpcf7-validation-errors{font-size: 12px;color: #f00;text-align: center;margin-top: 20px;} .roof07warp .roof07 button{outline: none;} .roof07warp .roof07 .top .check span>span{display: flex;} .c-fy .navigation .screen-reader-text{display: none;} .c-fy .navigation .nav-links{display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content:center;align-items: center;-webkit-align-items:center;} .bd-mask .tcbox .contwarp .cont form span{display: block;width: 49%;float: left;margin-right: 2%;} .bd-mask .tcbox .contwarp .cont form span:nth-of-type(2n){margin-right: 0;} .bd-mask .tcbox .contwarp .cont form span input{float: none;width: 100%;} .bd-mask .tcbox .contwarp .cont form select{width: 100%;} .wpcf7-mail-sent-ok{width: 100%;height: 100%;background-color: rgba(0,0,0,0.8);position: fixed;top: 0;left: 0;z-index: 99999;} .tcmask{text-align: center;font-size: 18px;color: #666;width: 1000px;height: 300px;background-color: #fff;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items:center;justify-content: center;-webkit-justify-content:center;flex-flow: column;-webkit-flex-flow:column;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);position: absolute;} .wpcf7-mail-sent-ok .tcbtn{font-size: 14px;color: #fff;width: 140px;height: 40px;line-height: 40px;background-color: #ffae00;margin-top: 50px;cursor: pointer;} .roof-banner .text .sjmore{display: none;} .s-sjnav{display: none;} @media only screen and (max-width: 1600px){ .headerwarp .header,.nav{width: 1200px;} .headerwarp .header .right .item .text span{font-size: 20px;} .bannerwarp .swiper-container01 .item .text h3{font-size: 36px;} .bannerwarp .swiper-container01 .item .text .more{position:absolute;left:45%; width: 200px;height: 48px;line-height: 48px;margin-top: 80px;} .bannerlist li img{width: 40px;} .bannerlist li .text span{font-size: 16px;margin-bottom: 5px;} .bannerlist li .text p{font-size: 12px;} .bannerlist{padding: 30px 0;} .indx01{margin: 80px auto;width: 1200px;} /*.indx01 .min .prev,.indx01 .min .next{width: 20px;height: 20px;}*/ .title h3{font-size: 36px;} .indx01 .min .tab a{font-size: 22px;} .indx01 .min .info .item .right .cont img{width: 50px;margin-bottom: 30px;} .indx01 .min .info .item .right .cont h3{font-size: 22px;line-height: 40px;} .indx01 .min .info .item .right .cont h4{line-height: 26px;margin-bottom: 30px;} .indx01 .min .info .item .right .cont .more{height: 48px;line-height: 48px;} .headerwarp .header .right .item .text span{margin-top: 2px;} .index03warp .min,.index05warp .index05{width: 1200px;} .index05warp .index05 .min .right{padding-left: 80px;} .index05warp .index05 .min .right .item span{font-size: 68px;font-weight: bold;} .index05warp .index05 .min .right .item .text h3{margin-bottom: 20px;font-size: 18px;} .index06warp{padding: 80px 0;} .footerwarp .footer{width: 1200px;} .footerwarp .footer .top .left img{width: 100px;} .index05warp{background-size: cover;} .index02warp .more{width: 220px;height: 48px;line-height: 48px;} .index04warp .index04 .swiper-scrollbar{width: 1200px;} .index04warp .index04{background-size: cover;} .index04warp .index04 .start{width: 14%;font-size: 20px;} .index04warp .index04 .min .line img{width: 40px;} .index04warp .index04 .min .cont{width: 95%;} .index04warp .index04 .min .cont .swiper-slide{margin-top: 177px;} .index04warp .index04 .min .cont .swiper-slide .item h3{padding: 20px 0 20px 20px;} .index04warp .index04 .min .cont .swiper-slide .item font{width: 18px;height: 18px;top: -12px;left: -9px;} .index04warp .index04 .min .cont .swiper-slide .item p{font-size: 24px;margin-top: -12px;} .index04warp .index04 .min .cont .swiper-slide .item p:after{top: 9px;} .index04warp .index04 .min .cont .swiper-slide .item p:before{top: 11px;} .roof01,.roof04warp .min,.roof05warp .roof05,.roof04warpwar .roof06,.case01warp .tab{width: 1200px;} .roof02warp .text{width: 1200px;left: calc((100% - 1200px)/2);} .roof-banner .text h1{font-size: 42px;} .roof-banner .bot h3 img{width: 50px;} .roof-banner .bot h3 p{font-size: 16px;} .roof-banner .text p{font-size: 26px;margin-bottom: 50px;} .roof05warp .roof05 li .text h4{font-size: 18px;} .index06warp h3{font-size: 32px;} .index06warp .more{width: 180px;height: 46px;line-height: 46px;} .case02 a .text strong{margin:10px auto;} .case02 a .text h3{font-size: 20px;} .case02 a .text p{font-size: 14px;} .case02 a .text font{margin-top: 20px;} .case01warp .case01 .min a .text h3{font-size: 16px;} .c-more{font-size: 14px;} .c-more i{width: 15px;} .c-fy a{font-size: 12px;min-width: 40px;height: 40px;line-height: 38px;} .caseinfowarp .caseinf01 .text .top h1{font-size: 22px;} .caseinfowarp .caseinf01 .text .textinfo h3{font-size: 18px;} .caseinfowarp .caseinf01 .text .textinfo h4{font-size: 14px;line-height: 24px;} .caseinfowarp .caseinf01 .text .list li{font-size: 16px;} .caseinfowarp .caseinf01 .text ul {list-style: circle;padding-left: 40px;font-size: 16px} .caseinfowarp .caseinf01 .text ul li{list-style: circle;font-size: 14px;padding: 5px 0;line-height: 20px} .caseinfowarp .caseinf01 .text ol {list-style: decimal;padding-left: 40px;font-size: 16px} .caseinfowarp .caseinf01 .text ol li{list-style: decimal;font-size: 14px;padding: 5px 0;line-height: 20px} .caseinfowarp .caseinf01 .text .list li{font-size: 16px;} .caseinfowarp .caseinf01 .text .textinfo p img{display: block;width: 100%;height: auto;text-indent:2em;letter-spacing:0px;} /*服务*/ .servicewarp .service01,.service02,.service03 .min,.service04,.synopsis02warp .synopsis02,.synopsis03warp .synopsis03,.videowarp .top,.video,.exhibition01warp .exhibition01,.news01warp .news01,.news02warp .news02,.videoinfo01warp .videoinfo01{width: 1200px;} .caseinfowarp .case-show-side-bar .case-show-side-title{display: none} .caseinfowarp .tab{width: 1300px;margin: 50px auto;box-sizing: border-box;overflow: hidden;position: relative;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;align-items: center;-webkit-align-items: center;} .caseinfowarp .tab a{display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;align-items: center;-webkit-align-items: center;width: 220px;height: 60px;background-color: #003F2D;border: 1px solid #003F2D;color: #FFFFFF;font-size: 16px;box-sizing: border-box;padding: 0 30px;transition: all .3s;} .caseinfowarp .tab a img{display: block;width: auto;max-width: 48px;} .caseinfowarp .tab a img:nth-of-type(2){display: none;opacity: 0;visibility: hidden;transition: all .3s;} .caseinfowarp .tab a:hover img:nth-of-type(1),.case01warp .tab .active img:nth-of-type(1){display: none;opacity: 0;visibility: hidden;} .caseinfowarp .tab a:hover img:nth-of-type(2),.case01warp .tab .active img:nth-of-type(2){display: block;opacity: 1;visibility: visible;} .caseinfowarp .tab a:hover,.case01warp .tab .active{background-color: #FFFFFF;color: #003F2D;} /**/ /*关于*/ .synopsis01warp{padding-right: calc((100% - 1200px)/2); } .synopsis01warp .synopsis01 .s-title{padding-left: calc(100% - 1200px);} .synopsis01warp .synopsis01 .min .left{width: 55%;} .synopsis01warp .synopsis01 .min .right{width: 45%;padding-left: 40px;} .synopsis01warp .synopsis01 .min .right ul li .text h4{font-size: 14px;line-height: 24px;letter-spacing: 0;} .synopsis01warp .synopsis01 .min .right ul li{margin-bottom: 20px;} /*contact*/ .contact01warp .contact01{padding: 0 calc((100% - 1200px)/2); } .contact01warp .bot{width: calc(1200px + ((100% - 1300px)/2));padding: 60px 0;padding-left: calc((100% - 1200px)/2);} .contact01warp .bot h3{height: 54px;} .contact02warp .contact02{width: 1200px;} .contact02warp .contact02 .right{width: 800px;} /*swimming*/ .swimming01warp .swimming01 .min,.swimming02warp,.swimming03warp .swimming03,.swimming06warp .swimming06{width: 1200px;} .swimming01warp .swimming01 .min .right .text h4{margin-bottom: 20px;font-size: 14px;} .swimming02warp .swimming02 a .text .cont{padding: 50px;} .swimming04warp .swimming04{width: 1100px;} .swimming04warp .swimming04 .swiper-slide .imgbox{width: 200px;height: 200px;} .swimming04warp .swiper-button-prev{left: calc((100% - 1250px)/2);} .swimming04warp .swiper-button-next{right: calc((100% - 1250px)/2);} .swimming05warp{padding-left: calc((100% - 1200px)/2);} .swimming05warp .swimming05 .text{padding: 50px 20px;} /*sunroom*/ .sunroom01warp .sunroom01 .top{padding-left: calc((100% - 1200px)/2);} .sunroom01warp .sunroom01 .top .left{width: 35%;} .sunroom01warp .sunroom01:before{top: 50px;height: 70%;} .sunroom01warp .sunroom01 .fontbg span{font-size: 160px;} .sunroom01warp .sunroom01 .top .left h4{margin-bottom: 30px;} .sunroom01warp .sunroom01 .bot,.sunroom02warp .sunroom02,.sunroom03warp .top,.sunroom03warp .bot,.sunroom04warp .sunroom04{width: 1200px;} .sunroom03warp .top .min .item ul li h3{padding-bottom: 10px; font-size: 16px;font-weight: bold;border-bottom: 1px solid #818181;color:#818181;margin:10px 0;} /*20191226*/ /*hreder*/ .headerwarp .bot{padding: 0 calc((100% - 1200px)/2);} .nav{width: 70%;} /*index*/ .index04warp .index04{width: 1200px;} .index04warp .index04 .left{padding-right: 80px;} .index05warp .index05{width: 100%;} .index05warp .index05 .min{padding: 90px calc((100% - 1200px)/2) 90px 20%;background-size: cover;} .index05warp .index05 .left{width: 20%;background-size: cover;} .index05warp .index05 .min .cont{padding-left: 50px;} .case01warp .tab,.swimming01warp .swimming01 .min{width: 1100px;} .case01warp .tab a{width: 210px;} .case01warp .case01{padding: 60px 90px 60px;} .case01warp .case01 .min a .imgbox img{height: 250px;} .swimming01warp .swimming01 .min .right .imgbox a img{height: 250px;} .swimming01warp .swimming01 .min .left img{height: 500px;} .newsinfo01warp{width: 1200px;} .case01warp{width: 100%;box-sizing: border-box;overflow: hidden;} } .center-menu h2{font-size: 18px;margin-bottom: 10px;font-weight: bold;} .center-menu{margin-bottom:20px;padding-left: 40px;} .center-menu a{border-bottom: 2px solid #fff; width:100%;line-height: 40px;display: block;text-align: center; height:40px;background-color: #003F2D;color: #FFFFFF;font-size: 14px;box-sizing: border-box;padding: 0 10px;transition: all .3s; width: 32%; float: left;margin-right:1%;} .hFix{ position: fixed; top: 110px; padding-right: 16%;} .case-info-right{position: relative;} .center-menu a:last-child{display: none;} .center-menu a:nth-child(5){display: none;} .center-menu a img{display: block;width: auto;max-width: 48px;} .center-menu a img:nth-of-type(2){display: none;opacity: 0;visibility: hidden;transition: all .3s;} .center-menu a:hover img:nth-of-type(1),.case01warp .tab .active img:nth-of-type(1){display: none;opacity: 0;visibility: hidden;} .center-menu a:hover img:nth-of-type(2),.case01warp .tab .active img:nth-of-type(2){display: block;opacity: 1;visibility: visible;} .center-menu a:hover,.case01warp .tab .active{background-color: #FFFFFF;color: #003F2D;} .sunroom03warp .top .min .item ul li h3{padding-bottom: 10px; font-size: 16px;font-weight: bold;border-bottom: 1px solid #818181;color:#818181;margin:10px 0;} .case-news h2{text-align: center;color: #000;font-size: 36px;font-weight: 600;margin: 40px 0;} .case-news{width: 90%; margin: 0 auto; box-sizing: border-box; overflow: hidden;} .case-news ul li .text p{color: #6d6d6d;font-size: 16px;font-weight: 600;margin: 15px 0;} .case-news ul li{width: 14%;padding:0 1%;float: left;} .case-news ul li img{width: 100%;} .case-news ul li .text h3{color: #000;font-size: 14px; line-height: 20px; min-height: auto; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; font-weight: bold; margin-bottom: 20px;} .sj-banner{display:none;} .news-case-div{padding-bottom:50px;background:#f9f9f9;} .show-xs{display: none;} .sunroom02warp .sunroom02 .min a:after{width: 100%;height: 100%;z-index: 0;opacity: 0.5;} .roof02warp .imgbox:after{content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0,0,0,0.9); opacity: 0.3; transition: all .3s; z-index: 0;} a.phone{ text-align: center; display: block; margin-bottom: 15px; font-size: 12px; padding:10px; border-radius: 5px; width: 50%; margin: 15px auto 25px; background-color: #003f2d; color:#fff; } video::-internal-media-controls-download-button {display:none;} video::-webkit-media-controls-enclosure {overflow:hidden;} video::-webkit-media-controls-panel { width: calc(100% + 30px); } .phone i.fa.fa-wechat.icon { margin-right: 5px; color: #fff; } .more:hover,.newsinfo01warp .newsinfo01 .text .textinfo .moremin:hover i, .caseinf01 .textinfo .moremin:hover i{color: #003f2d;} .h5-slide{display: none;} /*4.20*/ .screen-reader-response{display: none;} .centerBig img{-webkit-animation-name:centerBig;animation-name:centerBig;} @-webkit-keyframes centerBig{ 100%{transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);}} @keyframes centerBig{ 100%{transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);}} .bannerwarp .item img,.roof-banner img.inner-banner,.roof-banner img.sj-banner{animation-duration:5s;animation-timing-function:linear;animation-fill-mode: forwards;-webkit-animation-duration:5s;-webkit-animation-timing-function:linear;-webkit-animation-fill-mode: forwards; } /*9/8*/ #TaList{padding: 1px 1px -5px 1px;} #TaList a:nth-child(9n){background-color: #4A4A4A;} #TaList a:nth-child(9n+1){background-color: #428BCA;} #TaList a:nth-child(9n+2){background-color: #706a25;} #TaList a:nth-child(9n+3){background-color: #2d2507;} #TaList a:nth-child(9n+4){background-color: #039075;} #TaList a:nth-child(9n+5){background-color: #ce2004;} #TaList a:nth-child(9n+6){background-color: #0780b9;} #TaList a:nth-child(9n+7){background-color: #f900a1;} #TaList a:nth-child(9n+8){background-color: #b2cff3;} #TaList a{opacity: 0.80;filter:alpha(opacity=80);color: #fff;display: inline-block;border-radius: 4px;margin: 0 5px 5px 0;padding: 2px 2px;line-height: 17px;width:unset;height:17px;} #TaList a:hover{opacity: 1;filter:alpha(opacity=100);} /*tags结束*/ /*#9.26*/ #cont-news h2{margin:20px 0;font-size:18px;} .newsinfo01warp{position:relative;}