锘?{ margin: 0; padding: 0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } a{ text-decoration: none; color: #333; } li{ list-style: none; } img{ vertical-align: middle; max-width: 100%; } body{ width: 100%; max-width: 1920px; margin: 0 auto; font-size: 14px; color: #222; overflow: hidden; font-family:"寰蒋闆呴粦", "Microsoft Yahei", "Helvetica Neue", Helvetica, Tahoma, sans-serif; } /*椤堕儴*/ header{ width: 100%; height: 80px; position: fixed; top: 0; left: 0; z-index: 39; background: #fff; border-bottom: 1px solid #E5E5E5; padding: 0 80px; padding-left: 50px; } .logo{ float: left; line-height: 80px; } .header-rt{ float: right; position: relative; } .header-ch{ float: left; padding-top: 27.5px; padding-top: 25px; /*font-weight: bold;*/ overflow: hidden; } .header-ch a{ color: #666; font-size: 16px; line-height: 30px; display: inline-block; float: left; } .header-ch-d{ width: 1px; height: 15px; margin: 0 15px; margin-top: 8px; background: #E5E5E5; float: left; } .header-ch a:hover{ color: #8fc320; } .header-ch-f{ position: relative; margin-left: 40px; width: 60px; text-align: center; } .header-ch-g{ width: 30px; height: 30px; background: url(../img/ico35.png) no-repeat center; float: left; } .header-nav{ float: left; margin-right: 30px; } .header-nav li{ display: inline-block; margin-right: 40px; } .header-a{ display: inline-block; font-size: 16px; color: #222; line-height: 80px; position: relative; transition: all .3s;; -webkit-transition: all .3s; } .header-a:after{ content: ''; width: 0%; height: 2px; background: #8fc320; position: absolute; left: 0; bottom: 0; transition: all .3s;; -webkit-transition: all .3s; } .header-a:hover{ color: #8fc320; transition: all .3s;; -webkit-transition: all .3s; } .header-a:hover:after{ width: 100%; transition: all .3s;; -webkit-transition: all .3s; } .header-a:hover{ color: #8fc320; transition: all .3s;; -webkit-transition: all .3s; } .header-a:hover:after{ width: 100%; transition: all .3s;; -webkit-transition: all .3s; } .header-b{ width: 100%; height: auto; padding: 20px; text-align: center; position: absolute; left: 0; top: 80px; background: rgba(0,0,0,.5); padding-right: 335px; display: none; } .header-bb{ padding-right: 0; } .header-b.on{ display: block; } .header-b a{ display: inline-block; text-align: center; max-width: ; font-size: 16px; color: #fff; line-height: 20px; position: relative; top: 0px; margin: 0 40px; transition: all .3s;; -webkit-transition: all .3s; } .header-bb a{ margin: 0 20px; } .header-b a>div{ display: inline-block; border-radius: 100%; border: 1px solid rgba(255,255,255,.2); overflow: hidden; } .header-b a:hover{ top: -10px; transition: all .3s;; -webkit-transition: all .3s; } .header-dx{ width: 35px; margin-top: 27px; text-align: right; margin-left:15px ; overflow: hidden; display: none; } .header-dx1,.header-dx2,.header-dx3{ width: 100%; height: 4px; margin-bottom: 8px; background: #000; float: right; } .header-dx2{ /* width: 80%;*/ } .header-dx div{ transition: all .5s; } .header-dx.cli .header-dx1{ -webkit-transform: rotate(44deg); -ms-transform: rotate(44deg); transform: rotate(44deg); transform-origin:0%; -ms-transform-origin:0%; -webkit-transform-origin:0%; -moz-transform-origin:0%; transition: all .5s; } .header-dx.cli .header-dx2{ opacity: 0; transition: all .5s; } .header-dx.cli .header-dx3{ -webkit-transform: rotate(-44deg); -ms-transform: rotate(-44deg); transform: rotate(-44deg); position: relative; top:1px; transform-origin:0%; -ms-transform-origin:0%; -webkit-transform-origin:0%; -moz-transform-origin:0%; transition: all .5s; } .header-ss{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 11; background: rgba(0,0,0,.8); display: none; } .header-ss-a{ width: 600px; margin: 0 auto; height: 50px; line-height: 50px; position: absolute; top: 50%; left: 50%; margin-top: -25px; margin-left: -300px; } .header-ss-a .int1{ width: 540px; height: 50px; line-height: 50px; background: none; border: none; border-bottom: 1px solid #fff; font-size: 18px; color: #fff; padding: 0 10px; padding-right: 60px; } .header-ss-a .int2{ width: 50px; height: 50px; border: none; background: no-repeat center; background-image: url(../img/ss01.png); position: absolute; top: 0; right: 60px; cursor: pointer; } .header-ss-x{ width: 50px; height: 50px; background: url(../img/x01.png) no-repeat center; position: absolute; top: 0; right: 0; cursor: pointer; } @media(max-width:1600px){ header{ /*height: 70px;*/ padding: 0 50px; } .logo{ /*line-height: 70px;*/ } .header-ch-d{ margin-left: 8px; margin-right: 8px; } .header-ch-f{ margin-left: 20px; width: 40px; } .header-nav li{ margin-right: 20px; } .header-b a{ font-size: 14px; margin: 0 25px; } .header-bb a{ margin: 0 12px; } .header-nav{ margin-right: 15px; } } .header-j{ display: none; } @media(max-width:1200px){ header{ padding:0 30px; } .header-nav{ width: 100%; height: calc(100% - 80px); position: fixed; top: 80px; left: 0; background: #fff; padding: 30px; display: none; } .header-dx{ display: block; margin-left: 30px; } .header-nav li{ width: 100%; margin: 0; position: relative; } .header-c{ width: 100%; height: 80px; position: absolute; top: 0; left: 0; } .header-a{ width: 100%; border-bottom: 1px solid #E5E5E5; position: relative; } .header-a:after{ display: none; } .header-a:before{ content: ''; width: 18px; height: 80px; float: right; background: url(../img/ico82.png) no-repeat right center; transition: all .3s;; -webkit-transition: all .3s; } .header-nav li.on .header-a:before{ transform: rotate(45deg); transition: all .3s;; -webkit-transition: all .3s; } .header-b{ /*display: block;*/ position: relative; top: initial; left: inherit; background: initial; padding: 0; } .header-b a>div{ display: none; } .header-b a{ color: #333; width: 100%; border-bottom: 1px solid #E5E5E5; padding: 0 20px; line-height: 50px; text-align: left; margin: 0; } .header-ch-a{ display: none; } .header-j{ display: block; font-size: 16px; line-height: 80px; display: block; border-bottom: 1px solid #E5E5E5; } } @media(max-width:1000px){ .header-a,.header-c{ height: 55px; line-height: 50px; } .header-a:before{ height: 55px; } .header-j{ height: 55px; line-height: 55px; } } @media(max-width:750px){ .header-dx{ width: .45rem; margin-top: .4rem; } .header-dx1, .header-dx2, .header-dx3{ height: .05rem; margin-bottom: .1rem; } .header-bd{ top: 1rem; padding: 0 .3rem; } .header-ss-a{ width: 7rem; margin-left: -3.5rem; } .header-ss-a .int1{ width: 6rem; } header{ padding: 0 .3rem; height: 1rem; border-bottom: 1px solid #E5E5E5; box-shadow: 0 0 5px #E5E5E5; } .logo{ width: 1.5rem; line-height: 1rem; } .header-ch a{ font-size: .26rem; line-height: .6rem; } .header-ch{padding-top: .25rem;} .header-ch-d{ margin:0 .1rem ; margin-top: .15rem; } .header-nav{ height: calc(100% - 1rem); height: -webkit-calc(100% - 1rem); top: 1rem; padding: .35rem; } .header-a, .header-c,.header-j{ font-size: .28rem; line-height: .8rem; height: .8rem; } .header-a:before{ height: .8rem; background-size: .25rem } .header-b a{ font-size: .24rem; line-height: .7rem; } } /*搴曢儴*/ footer{ width: 100%; height: 535px; background: #2f2f2f; } .footer{ overflow: hidden; padding-top: 85px; } .footer-lt{ width: 220px; float: left; color: #fff; } .footer-lt .a1{ display: inline-block; margin-bottom: 30px; } .footer-lt *{ color: #fff; } .footer-lt .header-b1,.footer-lt .header-b3{ font-size: 16px; opacity: .6; } .footer-lt .header-b2{ font-size: 24px; } .footer-lt .header-b3{ margin-top: 18px; } .footer-lt .header-b4-a>div{ /*right: inherit; left: -40px;*/ } .header-b4{ margin-right: 10px; } .footer-rt{ float: right; overflow: hidden; width: calc(100% - 280px); width: -webkit-calc(100% - 280px); max-width: 1350px; margin-right: 50px; min-height: 320px; margin-bottom: 20px; padding-top: 15px; } .footer-rt-a{ width: 14.285%; float: left; padding-right: 15px; } .footer-rt-a>div{ font-size: 18px; color: #fff; line-height: 1; margin-bottom: 20px; } .footer-rt-a>li{ margin-bottom: 6px; line-height: 25px; } .footer-rt-a>li>a{ display: inline-block; font-size: 16px; color: #fff; line-height: 25px; opacity: .5; } .footer-rt-a>li>a:hover{ opacity: 1; } .footer-b{ width: 100%; float: left; padding-top: 22px; border-top: 1px solid rgba(255,255,255,.2); } .footer-b1{ font-size: 14px; line-height: 40px; float: left; color: rgba(255,255,255,.5); } .footer-b1 span{ margin-left: 15px; } .footer-b1 a{ color: rgba(255,255,255,.4); } .footer-b1 a:hover{ color: rgba(255,255,255,.6); } .footer-b2{ width: 170px; height: 40px; border: 1px solid rgba(255,255,255,.2); font-size: 12px; line-height: 38px; color: rgba(255,255,255,.3); padding: 0 15px; float: right; position: relative; background: url(../img/ico43.png)no-repeat 150px center; cursor: pointer; } .footer-lj{ position: absolute; left: 0; bottom: 40px; background: #fff; width: 100%; padding: 20px 10px 15px 10px; display: none; } .footer-lj a{ display: block; height: 25px; line-height: 25px; margin-bottom: 5px; color: #666; font-size: 14px; } .footer-lj a:hover{ color: #2dafb4; } .footer-b1-a{ display: inline-block; } .gotop{ width: 50px; height: 50px; background: url(../img/ico44.png) no-repeat center; position: fixed; right: 80px; bottom: 10%; z-index: 19; display: none; } .headerL-b1{ font-size: 18px; color: #fff; line-height: 1; opacity: .6; } .headerL-b2{ font-size: 30px; color: #fff; line-height: 1; font-family: impact; margin-top: 15px; } .headerL-b3{ font-size: 18px; color: #fff; line-height: 1; margin-top: 35px; opacity: .6; } .headerL-b4{ margin-top: 20px; height: 45px; } .headerL-b4-a{ display: inline-block; position: relative; margin-right: 5px; } .headerL-b4-a .img2{ display: none; } .headerL-b4-a:hover .img1{ display: none; } .headerL-b4-a:hover .img2{ display: inline-block; } .headerL-b4-a1 .img1{ opacity: .7; } /* .headerL-b4-a:hover{ opacity: 1; } .headerL-b4-a2:hover>img{ opacity: .6; }*/ .headerL-b4-a>div{ width: 120px; height: 120px; border: 1px solid #E5E5E5; border: 1px solid #E5E5E5; box-shadow: 0 0 5px #999; position: absolute; bottom: 45px; right: -40px; background: #fff; display: none; padding: 7px; } .headerL-b4-a:hover>div{ display: block; } @media(max-width:1600px){ .footer-rt{ margin-right: 0; width: calc(100% - 240px); width: -webkit-calc(100% - 240px); } .footer-rt-a>div{ font-size: 16px; } .footer-rt-a>li>a{ font-size: 14px; } .gotop{ right: 50px; } } @media(max-width:1200px){ .footer-lt{ width: 200px; } .footer-rt{ width: calc(100% - 200px); width: -webkit-calc(100% - 200px); } .gotop{ right: 30px; } } @media(max-width:1000px){ .footer-rt{ display: none; } .footer-lt{ text-align: center; width: 100%; line-height: 1; padding-bottom: 30px; } .footer{ padding-top: 30px; } .footer-lt .a1{ display: none; } .footer-lt>div{ display: inline-block; } .header-bx{ width: 100%; height: 1px; } .footer-lt .header-b4{ margin-top: 0; } .footer-b1-a{ display: block; } .footer-b1{ width: 100%; text-align: center; line-height: 25px; } .footer-b{ padding-bottom: 40px; } footer{ height: 260px; } .footer-b2{ display: none; } .headerL-bx{ width: 100%; } .headerL-b4-a>div{ width: 100px; height: 100px; line-height: 86px; font-size: 0; } .headerL-b3{ margin-top: 15px; } .headerL-b4{ margin-top: 5px; } } @media(max-width:750px){ .footer-b1{ font-size: .26rem; line-height: .45rem; } .footer-lt .header-b4-a>div{ /*left: inherit; right: 0;*/ } .gotop{ width: .5rem; height: .5rem; right: .3rem; opacity: .6; } .headerL-b1{ font-size: .32rem; } .headerL-b2{ font-size: .45rem; margin-top: .2rem; } .headerL-b3{ font-size: .32rem; margin-top: .3rem; } .headerL-b4{ margin-top: .2rem; } .headerL-b4-a>div{ left: 0; right: inherit; } .headerL-b4-a:hover>div { position: fixed; top: 50%; left: 50%; width: 5rem; height: 5rem; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); } } /*棣栭〉*/ .index-swiper{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .index-slide{ background: no-repeat center; background-size: cover; overflow: hidden; } .index-slide.swiper-slide-active .animated { -webkit-animation-name: fadeInUp; animation-name: fadeInUp } .index-slide.swiper-slide-active .animated-delay0 { -webkit-animation-delay: .1s; animation-delay: .1s; } .index-slide.swiper-slide-active .animated-delay1 { -webkit-animation-delay: .3s; animation-delay: .3s; } .index-slide.swiper-slide-active .animated-delay2 { -webkit-animation-delay: .5s; animation-delay: .5s; } .index-slide.swiper-slide-active .animated-delay3 { -webkit-animation-delay: .7s; animation-delay: .7s; } .index-slide.swiper-slide-active .animated-delay4 { -webkit-animation-delay: .9s; animation-delay: .9s; } .index-slide.swiper-slide-active .animated-delay5 { -webkit-animation-delay: 1.1s; animation-delay: 1.1s; } .footer-slide{ height: 535px; } .index-span{ right: 30px !important; width: 18px; text-align: center; } .index-span span{ margin: 12px 5px !important; background: #ccc; opacity: 1; } .index-span span.swiper-pagination-bullet-active{ width: 18px; height: 18px; background: url(../img/ico57.png) no-repeat center; margin-left:0px !important; } .index-span.on span{ background: #fff; } .index-span.on span.swiper-pagination-bullet-active{ background: url(../img/ico56.png) no-repeat center; } /*banner*/ .ban-swiper{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .ban-slide{ background: no-repeat center; background-size: cover; overflow: hidden; } .ban-slide-bj{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; overflow: hidden; background: no-repeat center; background-size: cover; } .ban-slide.swiper-slide-active .ban-slide-bj{ transform: scale(1.15); -ms-transform: scale(1.15); -webkit-transform: scale(1.15); transition:all linear 5s; -webkit-transition:all linear 5s; } .ban-video{ width: 100%; min-height: 100%; position: absolute; top: 0; left: 0; z-index: 2; } .ban-div{ padding: 0 80px; position: relative; z-index: 3; color: #fff; } .ban-div-a{ font-size: 60px; line-height: 75px; padding-top: 290px; max-width: 750px; position: relative; left: 15px; opacity: 0; } .ban-div-b{ font-size: 30px; line-height: 40px; margin-top: 20px; max-width: 750px; font-family: arial; position: relative; left: 15px; opacity: 0; } .ban-div-c{ width: 150px; overflow: hidden; margin-top: 50px; position: relative; left: 15px; opacity: 0; } .ban-div-c1{ width: 59px; height: 59px; border-radius:100px; background: url(../img/ico46.png) no-repeat center; float: left; } .ban-div-c2{ width: 59px; height: 59px; border-radius:100px; background: url(../img/ico47.png) no-repeat center; float: right; } .ban-div-c>div:hover{ background-color: rgba(255,255,255,.1); } .ban-div-d{ width: 100%; margin-top: 30px; position: relative; left: 15px; opacity: 0; } .ban-slide.swiper-slide-active .ban-div-a{ left: 0; opacity: 1; transition: all .5s linear .1s; -webkit-transition:all all .5s linear .1s; } .ban-slide.swiper-slide-active .ban-div-b{ left: 0; opacity: 1; transition: all .5s linear .4s; -webkit-transition:all all .5s linear .4s; } .ban-slide.swiper-slide-active .ban-div-d{ left: 0; opacity: 1; transition: all .5s linear .6s; -webkit-transition:all all .5s linear .8s; } .ban-slide.swiper-slide-active .ban-div-c{ left: 0; opacity: 1; transition: all .5s linear .6s; -webkit-transition:all all .5s linear .8s; } .rtxt{ width: 1px; height: 100%; position: absolute; top: 0; right: 80px; z-index: 10; } .rtxt.on{ background: rgba(0,0,0,.2); } @media(max-width:1600px){ .index-span{ right: 20px !important; } .rtxt{ right: 50px; } .ban-div-a{ font-size: 48px; line-height: 55px; padding-top: 180px; max-width: 600px; } .ban-div-b{ font-size: 24px; line-height: 30px; max-width: 600px } .ban-div-c{ margin-top: 50px; } .ban-div{ padding: 0 50px; } } @media(max-width:1200px){ .ban-video{ display: none; } .ban-div-a{ padding-top: 400px; } .rtxt{ display: none; } .index-span{ display: none; } } @media(max-width:1000px){ .footer-slide{ height: 280px; } } @media(max-width:750px){ .ban-div{ padding: 0 .3rem; } .ban-div-a{ font-size: .4rem; line-height: .55rem; padding-top: 5rem; max-width: 6rem; } .ban-div-b{ font-size: .3rem; line-height: .45rem; max-width: 6rem; margin-top: .3rem; } .ban-div-c{ margin-top: .6rem; width: 2rem; } .ban-div-c>div{ width: .8rem; height: .8rem; background-size: cover; } .footer-slide{ height: 5.5rem; background: #2f2f2f; } } /*棣栭〉 瑙e喅鏂规*/ .iprgm-bj{ background: no-repeat center bottom; } .iprgm-hsbj{ width: 600px; height: 100%; background: #000; position: absolute; top: 0; right: 0; z-index: 1; } .iprgm{ width: 100%; padding-top: 125px; position: relative; z-index: 2; } .iprgm-lt{ width: 34.12%; float: left; padding-top: 50px; } .iprgm-ac{ width: 100%; padding-left: 80px; padding-right: 50px; max-width: 580px; } .iprgm-a{ font-size: 42px; color: #000; line-height: 1; } .iprgm-b{ font-size: 16px; color: #4c4c4c; line-height: 30px; margin-top: 20px; } .iprgm-c{ margin-top: 35px; } .idx-but{ display: inline-block; width: 130px; height: 45px; line-height: 43px; border-radius: 25px; border: 1px solid #8fc320; background: #8fc320; font-size: 16px; color: #fff; text-align: center; transition: all .3s; -webkit-transition:all .3s; } .idx-but:hover{ border: 1px solid #8fc320; background: initial; color: #8fc320; transition: all .3s; -webkit-transition:all .3s; } .iprgm-d{ width: 100%; margin-top: 60px; } .iprgm-d li{ width: 100%; padding: 15px 0; padding-left: 80px; padding-right: 40px; cursor: pointer; transition: all .3s; -webkit-transition:all .3s; } .iprgm-d1{ font-size: 24px; color: #4c4c4c; padding-left: 65px; position: relative; } .iprgm-d1:after{ content: ''; width: 40px; height: 1px; background: #4c4c4c; position: absolute; left: 10px; top: 15px; transition: all .3s; -webkit-transition:all .3s; } .iprgm-d1-a{ font-size: 24px; line-height: 30px; transition: all .3s; -webkit-transition:all .3s; } .iprgm-d1-b{ font-size: 14px; line-height: 20px; margin-top: 5px; display: none; transition: all .3s; -webkit-transition:all .3s; } .iprgm-d li.on{ background: #2dafb4; color: #fff; transition: all .3s; -webkit-transition:all .3s; } .iprgm-d li.on .iprgm-d1{ color: #fff; padding-top: 25px; padding-bottom: 25px; /*transition: all .3s; -webkit-transition:all .3s;*/ } .iprgm-d li.on .iprgm-d1:after{ background: #fff; top: 40px; transition: all .3s; -webkit-transition:all .3s; } .iprgm-d li.on .iprgm-d1-b{ display: block; transition: all .3s; -webkit-transition:all .3s; } .iprgm-rt{ width: 65.88%; float: right; padding-right: 80px; } .iprgm-span{ display: none; } .iprgm-div{ position: absolute; left: 45px; bottom: 45px; color: #fff; } .iprgm-div>div{ font-size: 36px; line-height: 1.3; } .idx-but1{ background: initial; border: 1px solid #fff; color: #fff; line-height: 43px; } .idx-but1:hover{ background: #8fc320; border: 1px solid #8fc320; color: #fff; } .iprgm-div>a{ margin-top: 15px; } @media(max-width:1680px){ .iprgm-lt{ padding-top: 0; } .iprgm-d{ margin-top: 40px; } } @media(max-width:1600px){ .iprgm{ padding-top: 120px; } .iprgm-lt{ width: 40%; padding-top: 0; } .iprgm-rt{ width: 60%; } .iprgm-a{ font-size: 32px; } .iprgm-ac{ padding-left: 50px; padding-top: 30px; } .iprgm-c{ margin-top: 20px; } .iprgm-d{ margin-top: 40px; } .iprgm-d li{ padding: 10px 0; padding-left: 50px; padding-right: 30px; } .iprgm-d li.on .iprgm-d1{ padding-top: 10px; padding-bottom: 10px; } .iprgm-d1-a{ font-size: 20px; } .iprgm-div>div{ font-size: 30px; } .iprgm-d li.on .iprgm-d1:after{ top: 24px; } } @media(max-width:1200px){ .iprgm-hsbj{ display: none; } .iprgm-bj{ background-size: 150%; background-position-x: 0; } .iprgm-lt{ width: 100%; } .iprgm-rt{ width: 100%; padding: 30px; } } @media(max-width:1000px){ .iprgm-d{ display: none; } .iprgm-ac{ padding: 0 30px; text-align: center; max-width: initial } .iprgm-rt{ padding: 30px 0; } .iprgm-span{ display: block; width: 20px !important; line-height: 20px; left: initial !important; right: 20px !important; padding-bottom: 30px; } .iprgm-span span{ background: initial; width: 10px; height: 10px; border: 1px solid #fff; margin: 0 5px; opacity: 1; } .iprgm-span span.swiper-pagination-bullet-active{ background: #fff; } } @media(max-width:750px){ .iprgm{ padding-top:2.2rem; } .iprgm-ac{ padding: 0 .3rem; } .iprgm-a{ font-size: .4rem; font-weight: bold; } .iprgm-b{ font-size: .26rem; line-height: .45rem; margin-top: .4rem; } .iprgm-c{ margin-top: .4rem; } .idx-but{ width: 1.8rem; font-size: .26rem; line-height: .6rem; height: .6rem; } .iprgm-div{ left: .3rem; bottom: .3rem; } .iprgm-div>div{ font-size: .35rem; } .iprgm-div>a{ margin-top: .2rem; } .idx-but1{ font-size: .26rem; line-height: .58rem; } .iprgm-span{ right: .1rem !important; top: initial !important; bottom: 0 !important; height: auto !important; padding-bottom: .3rem; line-height: .15rem; transform:initial !important; } .iprgm-span span{ width: .1rem; height: .1rem; } .iprgm-rt{ padding: 0; margin-top: 1rem; } .iprgm-swiper{ height: 4.7rem; } } /*棣栭〉 浜у搧*/ .ipro{ padding: 0 80px; padding-top: 120px; text-align: center; } .ipro .iprgm-b>div{ display: inline-block; max-width: 860px; } .ipro-swiper{ margin-top: 35px; padding-right: 200px; } .ipro-swiper .swiper-slide{ width: 420px; height: 480px; background: no-repeat center; background-size: cover; margin-right: 20px; transition: all .3s; -webkit-transition:all .3s; } .ipro-swiper .swiper-slide:after{ content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #000; opacity: .2; z-index: 1; } .ipro-div{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; padding: 60px 55px; color: #fff; text-align: left; } .ipro-a{ font-size: 24px; line-height: 1.3; } .ipro-b{ font-size: 36px; line-height: 1.3; font-weight: bold; margin-top: 5px; } .ipro-c{ font-size: 16px; line-height: 25px; margin-top: 30px; opacity: 0; transition: all .3s; -webkit-transition:all .3s; } .ipro-d{ position: absolute; left: 55px; bottom: 55px; } .ipro-swiper .swiper-slide.on{ width: 500px; transition: all .3s; -webkit-transition:all .3s; } .ipro-swiper .swiper-slide.on .ipro-c{ opacity: 1; transition: all .3s; -webkit-transition:all .3s; } @media(min-width:1600px){ .ipro .history-sc{ margin-top: 40px !important; } .ipro-swiper .swiper-slide{ height: 460px; } } @media(max-width:1680px){ .ipro{ padding-top: 110px; } .ipro-swiper .swiper-slide{ width: 350px; height: 350px; } .ipro-div{ padding: 30px; } .ipro-swiper .swiper-slide.on{ width: 400px; } .ipro-a{ font-size: 20px; } .ipro-b{ font-size: 26px; } .ipro-c{ font-size: 13px; line-height: 20px; margin-top: 15px; } .ipro-d{ left: 30px; bottom: 20px; } } @media(max-width:1600px){ .ipro{ padding: 0 50px; padding-top: 110px; } } @media(max-width:1440px){ .ipro-swiper .swiper-slide{ width: 300px; height: 300px; } } @media(max-width:1200px){ .ipro{ padding: 0 30px; padding-top: 220px; } .ipro-swiper .swiper-slide{ width: 380px; height: 400px; } .ipro-swiper .swiper-slide.on{ width: 480px; } .ipro-c{ font-size: 15px; line-height: 25px; } } @media(max-width:1000px){ .ipro{ padding-top: 130px; } } @media(max-width:750px){ .ipro{ padding: 0 .3rem; padding-top: 1.8rem; } .ipro-swiper .swiper-slide{ width: auto; height: 5rem; margin-right: .2rem; } .ipro-swiper .swiper-slide.on{ width: auto; } .ipro-swiper .swiper-slide.on .ipro-c{ opacity: 0; } .ipro-swiper .swiper-slide.swiper-slide-active{ width: auto; } .ipro-swiper .swiper-slide.swiper-slide-active .ipro-c{ opacity: 1; } .ipro-c{ font-size: .24rem; line-height: .4rem; } .ipro-swiper{ margin-top: .8rem; } .ipro-div{ padding: .4rem .3rem; } .ipro-a{ font-size: .3rem; } .ipro-b{ font-size: .36rem; } .ipro-swiper{ padding: 0 .8rem; } .ipro-swiper .swiper-slide.on .ipro-c{ font-size: .24rem; line-height: .4rem; margin-top: .2rem; } .ipro-d{ left: .3rem; bottom: .3rem; } } /*棣栭〉 鏂伴椈*/ .inews{ padding: 0 80px; overflow: hidden; } .inews-lt{ width: 360px; float: left; padding-top: 260px; } .inews-lt-a{ width: 150px; overflow: hidden; margin-top: 125px; } .inews-lt-a>div{ width: 59px; height: 59px; } .inews-lt-a1{ background: url(../img/ico48.png) no-repeat center; background-size: cover; float: left; transition: all .3s; -webkit-transition:all .3s; } .inews-lt-a1:hover{ background-image: url(../img/ico48_1.png); transition: all .3s; -webkit-transition:all .3s; } .inews-lt-a2{ background: url(../img/ico49.png) no-repeat center; background-size: cover; float: right; transition: all .3s; -webkit-transition:all .3s; } .inews-lt-a2:hover{ background-image: url(../img/ico49_1.png); transition: all .3s; -webkit-transition:all .3s; } .inews-rt{ width: calc(100% - 400px); width: -webkit-calc(100% - 400px); float: right; max-width: 1310px; } .inews-sc{ display: none; } .inews-swiper{ height: 100vh; } .inews-slide{ border-left: 1px solid rgba(0,0,0,.1); padding: 0 40px; padding-top: 175px; } .inews-slide>a{ display: block; color: #212121; } .inews-a{ font-size: 18px; line-height: 1; opacity: .6; } .inews-b{ font-size: 26px; line-height: 33px; height: 96px; margin-top: 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .inews-c{ margin-top: 30px; overflow: hidden; position: relative; } .inews-cbj{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; background: no-repeat center; background-size: cover; } .inews-d{ font-size: 16px; line-height: 30px; height: 88px; opacity: .5; margin-top: 35px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .inews-e{ margin-top: 40px; } .inews-e.idx-but1{ border-color: #8fc320; color: #8fc320; } .inews-slide>a:hover .inews-e.idx-but1{ background: #8fc320; color: #fff; } @media(max-width:1600px){ .inews{ padding: 0 50px; } .inews-lt{ padding-top: 200px; } .inews-lt-a{ margin-top: 50px; } .inews-slide{ padding: 0 20px; padding-top: 130px; } .inews-b{ font-size: 20px; line-height: 25px; height: 73px; } .inews-d{ font-size: 14px; line-height: 20px; height: 58px; margin-top: 15px; } .inews-e.idx-but1{ width: 100px; height: 40px; line-height: 38px; font-size: 14px; } } @media(max-width:1200px){ .inews{ padding: 0 30px; } .inews-lt{ width: 100%; text-align: center; } .inews-lt-a{ margin-top: 30px; margin-left: 50%; position: relative; left: -75px; } .inews-rt{ height: auto; width: 100%; margin-top: 70px; } .inews-swiper{ height: auto; } .inews-slide{ padding-top: 0; padding: 0 20px; border: 0; } } @media(max-width:1000px){ .inews-lt{ padding-top: 130px; } .inews-d,.inews-e{ display: none; } } @media(max-width:750px){ .inews{ padding: 0 .3rem; } .inews-lt{ padding-top: 1.8rem; } .inews-lt-a{ display: none; } .inews-rt{ margin-top: .6rem; } .inews-a{ font-size: .26rem; } .inews-b{ font-size: .3rem; line-height: .45rem; height: .88rem; -webkit-line-clamp: 2; margin-top: .2rem; } .inews-slide{ padding: 0; padding-top: 5rem; } .inews-c{ margin: 0; position: absolute; top: 0; left: 0; } .inews-c img{ width: 100%; } .inews-sc{ display: block; padding: 0; margin-top: .3rem !important; } } /*棣栭〉 鍏充簬鎴戜滑*/ .iabt-bj{ background: no-repeat center; background-size: cover } .iabt{ padding: 0 80px; padding-top: 185px; overflow: hidden; } .iabt-lt{ width: calc(100% - 1200px); width: -webkit-calc(100% - 1200px); float: left; max-width: 485px; padding-top: 75px; } .iabt-a{ margin-top: 35px; } .iabt-b{ max-width: 280px; margin-top: 70px; overflow: hidden; } .iabt-b li{ width: 50%; max-width: 140px; float: left; padding-left: 20px; background: no-repeat left center; font-size: 12px; line-height: 20px; margin-bottom: 10px; } .iabt-rt{ width: 1166px; float: right; position: relative; } .iabt-rt li{ width: 1px; height: 1px; position: absolute; } .iabt-rt li>div{ width: 70px; height: 70px; margin-left: -35px; margin-top: -35px; background: no-repeat center; background-size: cover; animation:divscale 2s linear 0s infinite; -moz-animation:divscale 2s linear 0s infinite; -webkit-animation:divscale 2s linear 0s infinite; -o-animation:divscale 2s linear 0s infinite; } @keyframes divscale{ 0% { transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); } 50% { transform: scale(.8); -ms-transform: scale(.8); -webkit-transform: scale(.8); } 100% { transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); } } @-moz-keyframes divscale{ 0% { transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); } 50% { transform: scale(.8); -ms-transform: scale(.8); -webkit-transform: scale(.8); } 100% { transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); } } @-webkit-keyframes divscale{ 0% { transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); } 50% { transform: scale(.8); -ms-transform: scale(.8); -webkit-transform: scale(.8); } 100% { transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); } } @-o-keyframes divscale{ 0% { transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); } 50% { transform: scale(.8); -ms-transform: scale(.8); -webkit-transform: scale(.8); } 100% { transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); } } .iabt-rt .li1{ left: 591px; top: 222px; } .iabt-rt .li2{ left: 853px; top: 215px; } .iabt-rt .li3{ left: 915px; top: 204px; } .iabt-rt .li4{ left: 751px; top: 363px; } .iabt-rt .li5{ left: 661px; top: 199px; } .iabt-rt .li6{ left: 626px; top: 263px; } .iabt-rt .li7{ left: 885px; top: 255px; } .iabt-rt .li8{ left: 893px; top: 343px; } .iabt-img{ display: none; } @media(max-width:1680px){ .iabt{ padding-top: 140px; } .iabt-rt{ width: 816px; } .iabt-lt{ width: calc(100% - 850px); width: -webkit-calc(100% - 850px); padding-top: 0; } .iabt-rt li>div{ width: 50px; height: 50px; margin-left: -25px; margin-top: -25px; } .iabt-rt .li1{ left: 413px; top: 155px; } .iabt-rt .li2{ left: 597px; top: 150px; } .iabt-rt .li3{ left: 640px; top: 140px; } .iabt-rt .li4{ left: 525px; top: 254px; } .iabt-rt .li5{ left: 462px; top: 139px; } .iabt-rt .li6{ left: 439px; top: 184px; } .iabt-rt .li7{ left: 620px; top: 178px; } .iabt-rt .li8{ left: 625px; top: 238px; } } @media(max-width:1600px){ .iabt{ padding: 0 50px; padding-top: 120px; } } @media(max-width:1200px){ .iabt-lt{ width: 100%; max-width: 100%; } .iabt-rt{ float: left; margin-top: 50px; } .iabt{ padding: 0 30px; padding-top: 130px; } } @media(max-width:1000px){ .iabt-a,.iabt-b{ display: none; } .iabt{ text-align: center; } .iabt-rt{ display: none; } .iabt-img{ width: 100%; float: left; display: block; margin-top: 40px; } } @media(max-width:750px){ .iabt{ padding: 0; padding-top: 2rem; } .iabt-lt{ padding: 0 .3rem; } .iabt-img{ margin-top: .9rem; } } /*鍐呴〉瀵艰埅*/ .nynav-bj{ width: 100%; height: 65px; background: rgba(0,0,0,.6); position: fixed; z-index: 29; left: 0; top: 80px; padding: 0 80px; padding-left: 50px; } .nynav{ display: flex; text-align: center; font-size: 0; } .nynav a{ display: inline-block; width: 50%; height: 65px; padding-left: 30px; font-size: 16px; line-height: 20px; padding-top: 22px; color: #fff; padding-right: 10px; border-right: 1px solid rgba(255,255,255,.4); text-align: left; transition: all .3s; -webkit-transition:all .3s; } .nynav a:first-child{ border-left: 1px solid rgba(255,255,255,.4); } .nynav a:hover{ background: rgba(45,175,180,.5); transition: all .3s; -webkit-transition:all .3s; } .nynav a.on{ background: rgba(45,175,180,.5); transition: all .3s; -webkit-transition:all .3s; } .nynav-bj.on{ background: #fff; border-bottom: 1px solid #e5e5e5; box-shadow: 0 0 5px #999; } .nynav-bj.on a{ color: #666; border-color: #e5e5e5; } .nynav-bj.on a:hover{ background: #2dafb4; color: #fff; } .nynav-bj.on a.on{ background: #2dafb4; color: #fff; } .nynav-bj.cont .nynav{ display: block; } .nynav-bj.cont .nynav a{ width: 33.333%; max-width: 440px; } .nynav-md{ display: none; } @media(max-width:1600px){ .nynav-bj{ top: 80px; height: 50px; padding: 0 50px; } .nynav a{ height: 50px; padding-left: 15px; font-size: 14px; line-height: 15px; padding-top: 18px; } } @media(max-width:1200px){ .nynav-bj.mdxs .nynav-md{ display: block; height: 50px; width: 100%; font-size: 15px; color: #fff; line-height: 50px; background: url(../img/ico41_1.png) no-repeat right center; } .nynav-bj.on .nynav-md{ color: #333; background-image: url(../img/ico41.png); } .nynav-bj.on .nynav-md.on{ color: #333; background-image: url(../img/ico41.png); } .nynav-bj.mdxs .nynav{ width: calc(100% + 100px); width: -webkit-calc(100% + 100px); margin-left: -50px; padding: 30px 50px; display: block; background: rgba(0,0,0,.6); border-top: 1px solid rgba(255,255,255,.2); display: none; } .nynav-bj.mdxs .nynav a{ width: 100%; border: 0; /*color: #333;*/ } .nynav-bj.on.mdxs .nynav{ background: #fff; } .nynav-bj.on.mdxs.nynav a{ color: #333; } } @media(max-width:750px){ .nynav-bj{ padding: 0; top: 1rem; height: .7rem; } .nynav a{ height: .7rem; font-size: .24rem; line-height: .7rem; padding: 0; text-align: center; } .nynav-bj.mdxs{ padding: 0 .3rem; } .nynav-bj.mdxs .nynav-md{ font-size: .24rem; line-height: .7rem; padding: 0 .3rem; height: .7rem; } .nynav-bj.cont .nynav{ display: flex; } .nynav-bj.cont .nynav a{ width: 50%; } } /*浜у搧涓績*/ .product{ padding-top: 70px; padding-bottom: 50px; } .product-ul{ width: calc(100% + 40px); width: -webkit-calc(100% + 40px); overflow: hidden; margin-top: 65px; } .product-ul li{ width: calc(33.333% - 40px); width: -webkit-calc(33.333% - 40px); float: left; margin-right: 40px; margin-bottom: 40px; position: relative; } .product-ul-a{ display: block; width: 100%; height: 100%; } .product-ul li>a:after{ content: ''; width: 100%; height: 100%; background: rgba(0,0,0,.2); position: absolute; left: 0; top: 0; z-index: 2; } .product-a{ overflow: hidden; background: no-repeat center; background-size: cover; position: relative; } .product-a>i{ width: 100%; height: 100%; background: no-repeat center; background-size: cover; position: absolute; left: 0; top: 0; z-index: 1; } .product-b{ padding: 40px 50px; position: absolute; top: 0; left: 0; color: #fff; z-index: 3; } .product-b1{ font-size: 24px; line-height: 30px; } .product-b2{ font-size: 36px; line-height: 45px; margin-top: 5px; } .gymore{ width: 100%; text-align: center; margin-top: 10px; } .gymore-div{ display: inline-block; cursor: pointer; position: relative; top: 0; } .gymore-div>img{ animation:rotate 10s linear 0s infinite; -moz-animation:rotate 10s linear 0s infinite; -webkit-animation:rotate 10s linear 0s infinite; -o-animation:rotate 10s linear 0s infinite; } @keyframes rotate{0% {transform: rotate(0deg);} 100% {transform: rotate(360deg);}} @-moz-keyframes rotate{0% {transform: rotate(0deg);} 100% {transform: rotate(360deg);}} @-webkit-keyframes rotate{0% {transform: rotate(0deg);} 100% {transform: rotate(360deg);}} @-o-keyframes rotate{0% {transform: rotate(0deg);} 100% {transform: rotate(360deg);}} .gymore-div>div{ font-size: 18px; line-height: 25px; color: #2dafb4; margin-top: 10px; position: relative; top: 0; transition: all .3s; -webkit-transition:all .3s; } .gymore-div:hover>div{ top: -3px; transition: all .3s; -webkit-transition:all .3s; } @media(max-width:1600px){ .product-b{ padding: 30px; } .product-b1{ font-size: 20px; line-height: 28px; } .product-b2{ font-size: 30px; line-height: 40px; } } @media(max-width:1000px){ .product-ul li{ width: calc(50% - 40px); width: -webkit-calc(50% - 40px); } } @media(max-width:750px){ .product{ padding-top: .7rem; padding-bottom: .7rem; } .product-ul{ margin-top: .6rem; width: calc(100% + .2rem); width: -webkit-calc(100% + .2rem); } .product-ul li{ width: calc(50% - .2rem); width: -webkit-calc(50% - .2rem); margin-right: .2rem; margin-bottom: .3rem; } .product-b{ padding: .3rem; } .product-b1{ font-size: .28rem; line-height: .45rem; } .product-b2{ font-size: .32rem; line-height: .45rem; margin-top: .05rem; font-weight: bold; } .gymore-div>img{ width: .6rem; } .gymore-div>div{ font-size: .28rem; line-height: .4rem; margin-top: .05rem; } } /*浜у搧璇︽儏*/ .productinfo-bj{ background: #f5f5f5; width: 100%; } .productinfo{ padding-top: 65px; padding-bottom: 50px; } .productinfo-h3{ font-size: 48px; line-height: 60px; text-align: center; color: #000; } .productinfo-ul{ margin-top: 50px; margin-bottom: 60px; } .productinfo-ul li{ width: 100%; height: 180px; margin-bottom: 20px; overflow: hidden; padding: 15px; background: #fff; position: relative; transition: all .3s; -webkit-transition:all .3s; } .productinfo-li-new{ width: 40px; height: 40px; position: absolute; top: 0; left: 0; color: #fff; font-size: 12px; line-height: 30px; z-index: 2; } .productinfo-li-new:after{ content: ''; width: 80px; height: 80px; background: #8fc320; position: absolute; top: -40px; left: -40px; z-index: 0; transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform:rotate(45deg); } .productinfo-li-new span{ display: inline-block; color: #fff; font-size: 12px; line-height: 30px; position: relative; z-index: 2; padding-left: 2px; } .productinfo-li-bj{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; background: url(../img/img02.jpg) no-repeat center; background-size: cover; opacity: 0; transition: all .3s; -webkit-transition:all .3s; } .productinfo-lt{ width: 400px; float: left; height: 100%; color: #000; border-right: 1px solid #e5e5e5; position: relative; z-index: 2; transition: all .3s; -webkit-transition:all .3s; } .productinfo-lt>div{ position: absolute; left: 0; top: 50%; font-size: 26px; line-height: 32px; padding-left: 50px; padding-right: 10px; transform: translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform: translateY(-50%); } .productinfo-rt{ width: calc(100% - 450px); width: -webkit-calc(100% - 450px); max-width: 1230px; height: 100%; float: right; position: relative; z-index: 2; } .productinfo-rt>div{ display: inline-block; font-size: 18px; line-height: 30px; color: #666; position: absolute; left: 0; top: 50%; transform: translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform: translateY(-50%); transition: all .3s; -webkit-transition:all .3s; } .productinfo-ul li:hover .productinfo-li-bj{ opacity: 1; transition: all .3s; -webkit-transition:all .3s; } .productinfo-ul li:hover .productinfo-lt{ color: #fff; border-right-color: rgba(255,255,255,.2); transition: all .3s; -webkit-transition:all .3s; } .productinfo-ul li:hover .productinfo-rt>div{ color: #fff; transition: all .3s; -webkit-transition:all .3s; } .rmtj{ padding-top: 80px; padding-bottom: 40px; } .proinfo-swiper{ padding-bottom: 80px; margin-top: 45px; } .proinfo-span span{ width: 10px; height: 10px; margin: 0 8px !important; } .proinfo-span .swiper-pagination-bullet-active{ background: #8fc320; } @media(max-width:1600px){ .productinfo-lt{ width: 300px; } .productinfo-lt>div{ padding-left: 20px; font-size: 22px; line-height: 30px; } .productinfo-rt{ width: calc(100% - 340px); width: -webkit-calc(100% - 340px); } .productinfo-rt>div{ font-size: 16px; line-height: 25px; } .productinfo-h3{ font-size: 38px; line-height: 45px; } } @media(max-width:1000px){ .productinfo-lt{ width: 100%; border: 0; border-bottom: 1px solid #E5E5E5; } .productinfo-lt>div{ position: relative; left: inherit; top: inherit; transform: inherit; padding-left: 0; padding: 20px; padding-top: 10px; } .productinfo-ul li{ height: auto; } .productinfo-rt{ width: 100%; padding: 20px; height: auto; line-height: initial; } .productinfo-rt>div{ position: relative; left: inherit; top: inherit; transform: inherit; } } @media(max-width:750px){ .productinfo{ padding-top: .7rem; padding-bottom: .7rem; } .productinfo-h3{ font-size: .4rem; line-height: .55rem; } .productinfo-ul{ margin-top: .4rem; margin-bottom: .6rem; } .productinfo-ul li{ padding: .3rem; margin-bottom: .3rem; } .productinfo-lt{ } .productinfo-lt>div{ padding: .3rem .2rem; font-size: .35rem; line-height: .45rem; } .productinfo-rt{ font-size: .24rem; line-height: .4rem; padding: .2rem; } .rmtj{ padding-top: .7rem; padding-bottom: .7rem; } .proinfo-swiper{ margin-top: .45rem; padding-bottom: 35px; } .proinfo-span{ height: 10px !important; line-height: 10px !important; } .proinfo-span span{ width: .1rem; height: .1rem; margin: 0 3px !important; } .productinfo-rt>div{ font-size: .26rem; line-height: .4rem; } } /*瑙e喅鏂规*/ .programme{ padding-top: 75px; padding-bottom: 85px; } .programme-na{ width: 100%; text-align: center; font-size: 0; margin-top: 40px; } .programme-na>div{ font-size: 17px; color: #808080; line-height: 48px; display: inline-block; padding: 0 15px; min-width: 135px; margin: 5px; background: #ebebeb; border-radius: 25px; cursor: pointer; transition: all .3s; -webkit-transition:all .3s; } .programme-na>div:hover{ background: url(../img/ico45.png) no-repeat center; background-size: cover; color: #fff; transition: all .3s; -webkit-transition:all .3s; } .programme-na>div.on{ background: url(../img/ico45.png) no-repeat center; background-size: cover; color: #fff; } .programme-ul{ margin-top: 60px; overflow: hidden; } .programme-ul a{ display: block; width: 48%; float: left; max-width: 840px; margin-bottom: 80px; } .programme-ul a:nth-child(2n + 0){ float: right; } .programme-a{ overflow: hidden; } .programme-b{ width: 100%; padding-top: 30px; padding-left: 45px; padding-right: 110px; position: relative; color: #000; } .programme-b1{ font-size: 30px; height: 34px; line-height: 35px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .programme-b2{ font-size: 18px; height: 20px; line-height: 22px; margin-top: 12px; opacity: .6; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .programme-b:after{ content: ''; width: 60px; height: 60px; background: url(../img/ico02.png) no-repeat center; background-size: cover; position: absolute; right: 30px; top: 30px; } .programme-ul a:hover .programme-b{ color: #2dafb4; } @media(max-width:1600px){ .programme-b{ padding-left: 10px; padding-right: 80px; } .programme-b:after{ right: 10px; } } @media(max-width:1000px){ .programme-b{ padding-top: 10px; padding-left: 0; padding-right: 60px; } .programme-b:after{ width: 50px; height: 50px; right: 0; top: 10px; } .programme-b1{ font-size: 24px; line-height: 28px; height: 27px; } .programme-b2{ font-size: 15px; line-height: 20px; height: 19px; margin-top: 5px; } .programme-ul a{ margin-bottom: 30px; } } @media(max-width:1000px){ .programme{ padding-top: .7rem; padding-bottom: .7rem; } .programme-na{ margin-top: .5rem; text-align: left; } .programme-na>div{ font-size: .24rem; line-height: .6rem; min-width: 1.5rem; padding: 0 .2rem; border-radius: .3rem; margin:.05rem; } .programme-ul{ margin-top: .6rem; } .programme-ul a{ width: 100%; margin-bottom: .6rem; } .programme-b1{ font-size: 20px; } .programme-b2{ font-size: 13px; } .programme-b:after{ width: .6rem; height: .6rem; top: .45rem; } .programme-b{ padding-right: .8rem; } } /*瑙e喅鏂规璇︽儏*/ .pgminfo{ margin-top: 145px; overflow: hidden; } .pgminfo-lt{ width: 50%; float: left; position: relative; } .pgminfo-lt-a{ font-size: 60px; color: #fff; line-height: 70px; position: absolute; left: 80px; top: 130px; } .pgminfo-rt{ width: 50%; float: left; padding-top: 85px; padding-left: 95px; padding-right: 50px; padding-bottom: 50px; max-width: 860px; } .pgminfo-a{ font-size: 48px; line-height: 60px; color: #000; margin-bottom: 60px; } .pgminfo-b{ font-size: 30px; line-height: 1; color: #000; margin-top: 40px; } .pgminfo-c{ font-size: 18px; line-height: 30px; color: #666; margin-top: 25px; } #pgminfo-txt{ max-height: 290px; overflow-y: auto; padding: 10px 0; padding-right: 10px; } .pgminfo-d{ margin-top: 25px; overflow: hidden; } .pgminfo-d li{ width: 50%; float: left; padding-left: 30px; padding-right: 10px; margin-bottom: 6px; font-size: 18px; color: #666; line-height: 30px; position: relative; } .pgminfo-d li:after{ content: ''; width: 6px; height: 6px; background: url(../img/ico03.png) no-repeat center; position: absolute; left: 0; top: 12px; } .pgminfo-bj{ width: 100%; background: #f5f5f5; padding-top: 80px; padding-bottom: 50px; } .pgminfo-h4{ font-size: 36px; line-height: 1; color: #000; text-align: center; } .pgminfo-swiper{ margin-top: 50px; padding-bottom: 50px; } .pgminfo-sa{ overflow: hidden; } .pgminfo-sb{ padding: 40px; padding-bottom: 0; } .pgminfo-sb1{ font-size: 30px; color: #000; line-height: 40px; } .pgminfo-sb2,.pgminfo-sb3{ font-size: 18px; color: #666; line-height: 30px; margin-top: 5px; } .pgminfo-sb3{ margin-top: 20px; } .applications{ padding-top: 75px; padding-bottom: 130px; } .applications-ul{ margin-top: 50px; border-top: 1px solid #E5E5E5; } .applications-ul li{ border-bottom: 1px solid #E5E5E5; padding: 50px 0; overflow: hidden; } .applications-lt{ width: 300px; float: left; padding: 0 10px; font-size: 30px; color: #000; line-height: 40px; } .applications-rt{ width: calc(100% - 330px); width: -webkit-calc(100% - 330px); float: right; max-width: 1280px; font-size: 18px; color: #666; line-height: 30px; } .applications-a1{ font-size: 18px; color: #666; line-height: 30px; } .applications-a2{ margin-top: 35px; font-size: 0; overflow: hidden; } .applications-a2 img{ float: left; width: calc(25% - 12px); width: -webkit-calc(25% - 12px); margin-right: 12px; margin-bottom: 12px; } .applications-b{ overflow: hidden; } .applications-b-li{ width: 33.333%; float: left; min-height: 140px; padding: 0 10px; margin-bottom: 20px; } .applications-b1{ font-size: 24px; line-height: 1.3; color: #000; } .applications-b2{ font-size: 18px; line-height: 30px; color: #666; margin-top: 15px; } @media(max-width:1680px){ #pgminfo-txt{ max-height: 160px; } .pgminfo-rt{ padding-top: 55px; padding-left: 55px; padding-right: 40px; padding-bottom: 30px; } } @media(max-width:1600px){ .pgminfo-rt{ padding: 30px; } .pgminfo-a{ font-size: 38px; line-height: 45px; margin-bottom: 25px; } .pgminfo-b{ font-size: 24px; margin-top: 20px; } .pgminfo-c{ font-size: 15px; line-height: 25px; margin-top: 20px; } .pgminfo-d{ margin-top: 20px; } .pgminfo{ margin-top: 120px; } .pgminfo-sb{ padding: 20px; } .pgminfo-sb1{ font-size: 24px; line-height: 32px; } .pgminfo-sb2, .pgminfo-sb3{ font-size: 15px; line-height: 25px; } .pgminfo-lt-a{ font-size: 40px; left: 50px; top: 50px; } .applications-rt{ font-size: 16px; line-height: 25px; } .pgminfo-d li{ font-size: 15px; line-height: 25px; padding-left: 20px; } .pgminfo-d li:after{ top: 10px; } .applications-a1{ font-size: 16px; } .applications-b1{ font-size: 22px; } .applications-b2{ font-size: 16px; } #pgminfo-txt{ max-height: 210px; } } @media(max-width:1200px){ .applications-lt{ width: 200px; padding-right: 20px; font-size: 24px; line-height: 32px; } .applications-rt{ width: calc(100% - 220px); width: -webkit-calc(100% - 220px); } .pgminfo-lt-a{ left: 30px; } #pgminfo-txt{ max-height: 85px; } } @media(max-width:1000px){ .pgminfo-lt{ width: 100%; } .pgminfo-rt{ width: 100%; } #pgminfo-txt{ max-height: initial; } } @media(max-width:750px){ .pgminfo{ margin-top: 1.7rem; } .pgminfo-lt-a{ font-size: .5rem; left: .3rem; top: .7rem; } .pgminfo-rt{ padding: .5rem .3rem; } .pgminfo-a{ font-size: .4rem; line-height: .55rem; margin-bottom: .4rem; font-weight: bold; } .pgminfo-b{ font-size: .3rem; margin-top: .4rem; font-weight: bold; } .pgminfo-c{ font-size: .26rem; line-height: .45rem; margin-top: .2rem; } .pgminfo-d{ margin-top: .2rem; } .pgminfo-d li{ width: 100%; padding-left: .2rem; font-size: .26rem; line-height: .45rem; } .pgminfo-d li:after{ width: .1rem; height: .1rem; top: .15rem; } .pgminfo-bj{ padding-top: .7rem; padding-bottom: .4rem; } .pgminfo-h4{ font-size: .36rem; } .pgminfo-swiper{ margin-top: .5rem; padding-bottom: .5rem; } .pgminfo-sb{ padding: .2rem; } .pgminfo-sb1{ font-size: 20px; line-height: 30px; } .pgminfo-sb2, .pgminfo-sb3{ font-size: 12px; line-height: 20px; } .pgminfo-sb3{ margin-top: .2rem; } .applications{ padding-top: .7rem; padding-bottom: .7rem; } .applications-ul{ margin-top: .5rem; } .applications-ul li{ padding: .3rem 0; } .applications-lt{ width: 100%; font-size: .45rem; line-height: .55rem; padding: 0; font-weight: bold; margin-bottom: .4rem; } .applications-rt{ width: 100%; font-size: .24rem; line-height: .45rem; padding: 0; } .applications-a1{ font-size: .24rem; line-height: .45rem; } .applications-a2{ margin-top: .2rem; } .applications-a2 img{ width: calc(50% - 12px); width: -webkit-calc(50% - 12px); margin-right: 10px; } .applications-b-li{ width: 100%; margin-bottom: .3rem; min-height: auto; padding: 0; } .applications-b1{ font-size: .34rem; } .applications-b2{ font-size: .24rem; line-height: .45rem; margin-top: .15rem; } } /*鏂伴椈涓績*/ .news{ padding-top: 80px; padding-bottom: 65px; } .news-tj{ margin-top: 55px; overflow: hidden; } .news-tj li{ width: calc(50% - 20px); width: -webkit-calc(50% - 20px); float: left; position: relative; } .news-tj li a{ display: block; width: 100%; height: 100%; } .news-tj li:last-child{ float: right; } .news-tj-a{ overflow: hidden; } .news-tj-b{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url(../img/ico04.png) no-repeat center bottom; z-index: 1; } .news-tj-c{ width: 100%; font-size: 16px; color: #fff; line-height: 1; padding: 0 35px; position: absolute; left: 0; bottom: 110px; z-index: 3; } .news-tj-d{ width: 100%; max-width: 750px; font-size: 26px; color: #fff; line-height: 35px; height: 70px; padding: 0 35px; padding-right: 120px; position: absolute; left: 0; bottom: 20px; z-index: 2; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .news-tj-e{ width: 55px; height: 55px; background: url(../img/ico05.png) no-repeat center; background-size: cover; position: absolute; right: 40px; bottom: 25px; z-index: 3; } .news-tj li a:hover .news-tj-e{ background-image: url(../img/ico05_1.png); } .news-cont{ margin-top: 80px; overflow: hidden; } .news-lt{ width: calc(100% - 540px); width: -webkit-calc(100% - 540px); float: left; padding-right: 95px; border-right: 1px solid #E5E5E5; } .news-a{ display: block; overflow: hidden; padding: 35px 0; border-bottom: 1px solid #E5E5E5; } .news-a:first-child{ padding-top: 0; } .news-a1{ width: 310px; float: left; overflow: hidden; position: relative; } .news-a1-a{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; background: no-repeat center; } .news-a2{ width: calc(100% - 355px); width: -webkit-calc(100% - 355px); float: right; } .news-a2-a{ font-size: 24px; height: 25px; line-height: 26px; color: #333; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; transition: all .3s; -webkit-transition:all .3s; } .news-a2-b{ font-size: 13px; line-height: 1; color: #808080; margin-top: 25px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .news-a2-c{ font-size: 15px; height: 48px; line-height: 25px; color: #808080; margin-top: 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .news-a2-d{ display: inline-block; padding-right: 25px; font-size: 13px; line-height: 20px; margin-top: 50px; background: url(../img/ico06.png) no-repeat right center; transition: all .3s; -webkit-transition:all .3s; } .news-a:hover .news-a2-a{ color: #2dafb4; transition: all .3s; -webkit-transition:all .3s; } .news-a:hover .news-a2-d{ color: #2dafb4; background-image: url(../img/ico07.png); transition: all .3s; -webkit-transition:all .3s; } .news-rt{ width: 440px; float: right; } .news-b{ font-size: 26px; color: #000; line-height: 1; margin-bottom: 38px; } .news-c a{ margin-top: 17px; display: block; overflow: hidden; padding: 25px 45px; background: #f5f5f5; transition: all .3s; -webkit-transition:all .3s; } .news-c1{ font-size: 24px; color: #333; line-height: 35px; height: 104px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; transition: all .3s; -webkit-transition:all .3s; } .news-c2{ font-size: 12px; color: #808080; margin-top: 10px; transition: all .3s; -webkit-transition:all .3s; } .news-c a:hover{ background: url(../img/img09.jpg) no-repeat center; background-size: cover; transition: all .3s; -webkit-transition:all .3s; } .news-c a:hover *{ color: #fff; transition: all .3s; -webkit-transition:all .3s; } .page{ width: 100%; height: 80px; padding-top: 20px; background: #f5f5f5; text-align: center; font-size: 0; } .page .pagination { display: inline-block; padding-left: 0; border-radius: 4px; } .page a{ display: inline-block; zoom: 1; vertical-align: top; width: 40px; height: 40px; font-size: 18px; line-height: 38px; color: #333; text-align: center; border: 1px solid #F5F5F5; margin: 0 2px; transition: all .3s; -webkit-transition:all .3s; } .page a:hover{ border-color: #33b0aa; transition: all .3s; -webkit-transition:all .3s; } .page a.prev{ background: url(../img/ico08.png) no-repeat center; margin-right: 40px; } .page a.next{ background: url(../img/ico09.png) no-repeat center; margin-left: 40px; } .page a[rel=prev]{ background: url(../img/ico08.png) no-repeat center; margin-right: 40px; } .page a[rel=next]{ background: url(../img/ico09.png) no-repeat center; margin-left: 40px; } .page a.active{ border: 0; background: url(../img/ico10.png) no-repeat center; line-height: 40px; background-size: cover; color: #fff; } .news .page{ margin-top: 50px; } @media(max-width:1600px){ .news-tj-d{ font-size: 18px; line-height: 25px; height: 48px; bottom: 10px; padding-left: 20px; } .news-tj-c{ bottom: 65px; padding-left: 20px; } .news-rt{ width: 350px; } .news-c a{ padding: 20px 30px; } .news-c1{ font-size: 18px; line-height: 25px; height: 72px; } .news-lt{ width: calc(100% - 380px); width: -webkit-calc(100% - 380px); padding-right: 30px; } .news-a1{ width: 260px; } .news-a2{ width: calc(100% - 280px); width: -webkit-calc(100% - 280px); } .news-a2-d{ margin-top: 18px; } .news-a{ padding: 23px 0; } } @media(max-width:1000px){ .news-rt{ display: none; } .news-lt{ width: 100%; padding: 0; border: 0; } .news-tj li{ width: 100%; margin-bottom: 25px; } } @media(max-width:750px){ .news{ padding-top: .7rem; padding-bottom: .7rem; } .news-tj{ margin-top: .5rem; } .news-tj-e{ width: .55rem; height: .55rem; right: .3rem; bottom: .4rem; } .news-tj-d{ padding-left: .2rem; padding-right: 1rem; font-size: .26rem; line-height: .4rem; height: .78rem; bottom: .2rem; } .news-tj-c{ font-size: .24rem; padding: 0 .2rem; bottom: 1.2rem; } .news-cont{ margin-top: .6rem; } .news-a1{ width: 2.5rem; } .news-a2{ width: calc(100% - 2.65rem); width: -webkit-calc(100% - 2.65rem); } .news-a2-a{ font-size: .28rem; height: .66rem; line-height: .34rem; -webkit-line-clamp: 2; font-weight: bold; } .news-a2-b{ font-size: .24rem; margin-top: .1rem; } .news-a2-c{ font-size: .26rem; line-height: .4rem; height: .38rem; margin-top: .1rem; -webkit-line-clamp: 1; display: none; } .news-a2-d{ font-size: .24rem; margin-top: -.1rem; } .news-a{ padding: .2rem 0; } .page{ height: .8rem; padding-top: .1rem; } .page a{ font-size: .24rem; line-height: .6rem; width: .6rem; height: .6rem; margin: 0 .05rem; } .page a.active{ line-height: .6rem; } .page a.prev,.page a[rel=prev]{ margin-right: .1rem; } .page a.next,.page a[rel=next]{ margin-left: .1rem; } .news .page{ margin-top: .5rem; } } /*鏂伴椈璇︽儏*/ .newsinfo{ padding-top: 215px; padding-bottom: 70px; overflow: hidden; } .newsinfo-lt{ width: calc(100% - 460px); width: -webkit-calc(100% - 460px); float: left; } .newsinfo-a{ background: #fff; padding: 60px 90px; } .newsinfo-a1{ font-size: 36px; color: #333; line-height: 45px; } .newsinfo-a2{ font-size: 16px; color: #8e8e8e; line-height: 1; margin-top: 20px; } .newsinfo-a3{ margin-top: 28px; padding-top: 28px; border-top: 1px solid #E5E5E5; font-size: 18px; color: #666; line-height: 35px; } .newsinfo-b{ display: inline-block; float: right; margin-top: 25px; transition: all .3s; -webkit-transition:all .3s; } .newsinfo-b:hover{ opacity: .8; transition: all .3s; -webkit-transition:all .3s; } .newsinfo-rt{ width: 420px; background: #fff; padding: 30px; float: right; } .newsinfo-rt-a{ font-size: 24px; color: #000; line-height: 1; } .newsinfo-rt-b a{ display: block; padding: 25px 0; border-bottom: 1px solid #E5E5E5; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; transition: all .3s; -webkit-transition:all .3s; } .newsinfo-rt-b a>div{ font-size: 18px; line-height: 30px; height: 58px; color: #000; padding-left: 20px; position: relative; transition: all .3s; -webkit-transition:all .3s; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .newsinfo-rt-b a>div:after{ content: ''; width: 6px; height: 6px; background: #666; border-radius: 100%; position: absolute; left: 0; top: 13px; transition: all .3s; -webkit-transition:all .3s; } .newsinfo-rt-b a:hover{ border-bottom-color: #2dafb4; transition: all .3s; -webkit-transition:all .3s; } .newsinfo-rt-b a:hover>div{ color: #2dafb4; transition: all .3s; -webkit-transition:all .3s; } .newsinfo-rt-b a:hover>div:after{ background: #2dafb4; transition: all .3s; -webkit-transition:all .3s; } @media(max-width:1600px){ .newsinfo-rt{ width: 360px; } .newsinfo-lt{ width: calc(100% - 400px); width: -webkit-calc(100% - 400px); } .newsinfo-a1{ font-size: 26px; line-height: 35px; } .newsinfo-a{ padding: 50px; } } @media(max-width:1200px){ .newsinfo-lt,.newsinfo-rt{ width: 100%; } .newsinfo-rt{ margin-top: 40px; } } @media(max-width:750px){ .newsinfo{ padding-top: 2.4rem; padding-bottom: .7rem; } .newsinfo-a{ padding: .4rem .3rem; } .newsinfo-a1{ font-size: .32rem; line-height: .45rem; font-weight: bold; } .newsinfo-a2{ font-size: .28rem; margin-top: .2rem; } .newsinfo-a3{ font-size: .26rem; line-height: .45rem; margin-top: .3rem; padding-top: .3rem; } .newsinfo-b{ width: .8rem; margin-top: .2rem; } .newsinfo-rt{ margin-top: .3rem; padding:.4rem .3rem; } .newsinfo-rt-a{ font-size: .34rem; font-weight: bold; margin-bottom: .2rem; } .newsinfo-rt-b a{ padding: .2rem 0; } .newsinfo-rt-b a>div{ font-size: .28rem; line-height: .4rem; height: .78rem; } .newsinfo-rt-b a>div:after{ top: .15rem; } } /*鍏充簬鎴戜滑*/ .about{ padding-top: 70px; } .about-a{ margin-top: 40px; padding-top: 55px; border-top: 1px solid #e5e5e5; overflow: hidden; } .about-a1{ width: 100%; float: left; font-size: 36px; line-height: 45px; color: #000; margin-bottom: 25px; } .about-a2{ width: calc(100 - 580px); width: -webkit-calc(100% - 580px); float: left; max-width: 1040px; padding-right: 40px; font-size: 18px; color: #666; line-height: 35px; } .about-a3{ width: 580px; position: relative; overflow: hidden; float: right; } .about-a3 li{ width: 33.333%; float: left; } .about-a3 .li2{ text-align: center; } .about-a3 .li3{ text-align: right; } .about-a3-a{ font-size: 16px; line-height: 1; color: #404040; } .about-a3-a .sp1{ font-size: 48px; color: #2dafb4; line-height: 1; font-family: impact; } .about-a3-a .sp3{ color: #2dafb4; position: relative; top: -20px; font-size: 30px; } .about-a3-b{ font-size: 16px; line-height: 20px; margin-top: 5px; } .about-b{ margin-top: 50px; overflow: hidden; } .about-b .about-a2{ padding-top: 35px; } .about-a3-c{ display: inline-block; text-align: center; } .about-a3-c>div{ font-size: 18px; line-height: 25px; margin-top: 10px; color: #666; } .about-c{ margin-top: 40px; padding: 0 100px; position: relative; } .about-c2{ font-size: 16px; color: #666; line-height: 25px; padding-top: 10px; text-align: center; } .aboutC-prev{ width: 55px; height: 55px; background: url(../img/ico23.png) no-repeat center; background-size: cover; left: 0 !important; margin-top: -40px !important; /*transition: all .3s; -webkit-transition:all .3s;*/ } .aboutC-prev:hover{ background-image: url(../img/ico48_1.png); /*transition: all .3s; -webkit-transition:all .3s;*/ } .aboutC-next{ width: 55px; height: 55px; background: url(../img/ico24.png) no-repeat center; background-size: cover; right: 0 !important; margin-top: -40px !important; /*transition: all .3s; -webkit-transition:all .3s; */ } .aboutC-next:hover{ background-image: url(../img/ico49_1.png); /*transition: all .3s; -webkit-transition:all .3s;*/ } .about-d{ margin-top: 70px; padding: 40px; padding-top: 75px; background: #f5f5f5; } .about-d1{ font-size: 36px; color: #000; text-align: center; line-height: 1; } .about-d2{ width: 100%; overflow: hidden; margin-top: 70px; } .about-d2 li{ width: 25%; float: left; height: 230px; margin-bottom: 10px; text-align: center; padding: 0 20px; } .about-d2-a{ height: 60px; line-height: 60px; } .about-d2-a img{ max-height: 100%; } .about-d2-b{ font-size: 24px; line-height: 30px; margin-top: 20px; color: #000; } .about-d2-c{ font-size: 16px; line-height: 25px; margin-top: 10px; color: #404040; } .about-d2-c>span{ display: block; } .about-e{ padding-top: 75px; padding-bottom: 35px; } .about-e2{ font-size: 18px; color: #666; line-height: 30px; margin-top: 25px; text-align: center; } .about-e2>span{ display: block; } .aboutE-swiper{ padding-bottom: 50px; margin-top: 40px; } .history{ padding: 75px 0; background: #F5F5F5; } .history-swiper{ margin-top: 60px; text-align: center; } .history-div{ width: 100%; } .history-a{ font-size: 24px; color: #000; line-height: 1; } .history-b{ font-size: 16px; color: #666; line-height: 25px; height: 50px; max-width: 255px; margin: 0 auto; margin-top: 10px; padding: 0 10px; } .history-c{ margin-top: 10px; margin-bottom: 20px; } .history-c img{ width: 100%; } .history-d{ padding: 0 10px; } .history-sc{ margin-top: 60px; height: 20px; } .history-scrollbar{ height: 2px; } .swiper-scrollbar-drag{ height: 5px; background: #2dafb4; position: relative; } @media(max-width:1600px){ .about-a1{ font-size: 30px; line-height: 38px; } .about-a3{ width: 450px; } .about-a2{ width: calc(100 - 450px); width: -webkit-calc(100% - 450px); } .about-c{ padding: 0 70px; } .history-sc{ margin-top: 30px; } } @media(max-width:1400px){ .about-a2{ font-size: 16px; line-height: 35px; } .about-a3-b{ font-size: 14px; } .about-a3-a .sp1{ font-size: 44px; } .about-a3-c>div{ font-size: 16px; line-height: 20px; } } @media(max-width:1200px){ .about-d2-c{ font-size: 13px; line-height: 20px; } .about-d2-b{ font-size: 20px; } } @media(max-width:1000px){ .about-a2{ width: 100%; padding-right: 0; } .about-a3{ float: left; margin-top: 30px } .about-d2 li{ width: 33.333%; } .about-d2-c{ font-size: 12px; line-height: 18px; } } @media(max-width:750px){ .aboutC-next,.aboutC-prev{ width: .6rem; height: .6rem; margin-top: -.5rem !important; } .about-c{ padding: 0 .8rem; } .about-c2{ font-size: .24rem; line-height: .4rem; } .about-d{ margin-top: .5rem; padding: .6rem .3rem; } .about-d2{ margin-top: .5rem; } .about-d2 li{ width: 50%; height: 3.2rem; padding: 0 .1rem; } .about-d2-a{ height: .7rem; line-height: .7rem; } .about-d2-b{ font-size: .32rem; margin-top: .15rem; } .about-d2-c{ font-size: .24rem; line-height: .4rem; margin-top: .1rem; } .about-d2-c>span{ display: inline; } .about-e{ padding-top: .7rem; } .aboutE-swiper{ margin-top: .5rem; padding-bottom: .5rem; } .history-swiper{ margin-top: .5rem; } .history-b{ font-size: .26rem; line-height: .40rem; height: .78rem; } .history-a{ font-size: .4rem; font-weight: bold; margin-bottom: .1rem; } .history-c{ margin-top: .1rem; margin-bottom: .2rem; } .about{ padding-top: .7rem; } .about-a{ margin-top: .5rem; padding-top: .4rem; } .about-a1{ font-size: .35rem; line-height: .45rem; margin-bottom: .2rem; } .about-a2{ font-size: .26rem; line-height: .45rem; } .about-a3-a{ font-size: .26rem; } .about-a3-a .sp1{ font-size: .5rem; } .about-a3{ width: 100%; } .about-a3-a .sp3{ font-size: .35rem; top: -.15rem; } .about-a3-b{ font-size: .24rem; line-height: .4rem; } .about-b{ margin-top: .5rem; } .about-b .about-a2{ padding-top: 0; } .about-a3-c>img{ width: 1rem; } .about-a3-c>div{ font-size: .26rem; line-height: .4rem; } .about-c{ margin-top: .4rem; } } /*浼佷笟鏂囧寲*/ .culture-bj{ background: no-repeat center; background-size: cover; height: 960px; margin-top: 80px; } .culture{ padding-top: 160px; overflow: hidden; } .culture-lt{ width: calc(100% - 470px); width: -webkit-calc(100% - 470px); max-width: 835px; float: left; padding-right: 30px; } .culture-a{ font-size: 60px; color: #333; line-height: 1; padding-top: 60px; margin-bottom: 90px; } .culture-b{ margin-bottom: 50px; } .culture-b1{ font-size: 22px; line-height: 40px; color: #333; } .culture-b1>img{ margin-right: 8px; position: relative; top: -1px; } .culture-b2{ font-size: 28px; color: #333; line-height: 35px; margin-top: 5px; } .culture-rt{ width: 470px; float: left; padding: 50px 0; position: relative; } .culture-swiper{ height: 580px; } .culture-prev,.culture-next{ width: 40px; height: 25px; background: url(../img/ico15.png) no-repeat center; position: absolute; top: 0; left: 50%; margin-left: -20px; cursor: pointer; } .culture-next{ background: url(../img/ico16.png) no-repeat center; top: inherit; bottom: 0; } @media(max-width:1600px){ .culture-rt{ width: 350px; } .culture-swiper{ height: 420px; } .culture-a{ font-size: 40px; padding-top: 40px; margin-bottom: 40px; } .culture-lt{ width: calc(100% - 350px); width: -webkit-calc(100% - 350px); padding-left: 100px; } .culture-b2{ font-size: 20px; line-height: 30px; } .culture-b1>img{ width: 30px; } .culture-b1{ font-size: 18px; } .culture{ margin-top: 0px; } .culture-bj{ margin-top: 70px; } .culture-lt{ padding-left: 0; } } @media(max-width:1000px){ .culture-rt{ width: 300px; } .culture-swiper{ height: 380px; } .culture-lt{ width: calc(100% - 300px); width: -webkit-calc(100% - 300px); } } @media(max-width:750px){ .culture-bj{ margin-top: 1rem; height: auto; } .culture-lt{ width: 100%; } .culture{ padding-top: 1.5rem; padding-bottom: .8rem; } .culture-a{ font-size: .5rem; padding-top: 0; margin-bottom: .3rem; } .culture-b1{ font-size: 16px; } .culture-b{ margin-bottom: .3rem; } .culture-b2{ font-size: .28rem; line-height: .4rem; margin-top: 0; } .culture{ text-align: center; } .culture-rt{ display: inline-block; float: inherit; width: 6.5rem; } .culture-swiper{ height: 8.5rem; } .culture-lt{ display: inline-block; float: initial; width: 6.5rem; text-align: left; padding: 0; margin-bottom: .5rem; } } /*鑱旂郴鎴戜滑*/ .contact{ padding-top: 70px; } .contact-idx{ margin-top: 45px; padding-bottom: 20px; overflow: hidden; } .contact-idx .iabt{ padding: 0 !important; } .outlets-bj{ width: 100%; background: #f5f5f5; } .outlets{ padding-bottom: 45px; padding-top: 80px; } .outlets-a{ font-size: 36px; line-height: 1; color: #000; text-align: center; } .outlets-b{ text-align: center; margin-top: 35px; } .outlets-b li{ font-size: 16px; color: #666; line-height: 50px; padding: 0 20px; border-radius: 25px; border: 1px solid #E5E5E5; display: inline-block; margin: 0 2px; min-width: 155px; background: #fff; cursor: pointer; transition: all .3s; -webkit-transition:all .3s; } .outlets-b li:hover{ color: #fff; background: #8fc320; transition: all .3s; -webkit-transition:all .3s; } .outlets-b li.on{ color: #fff; background: #8fc320; transition: all .3s; -webkit-transition:all .3s; } .outlets-c{ width: 103.4%; overflow: hidden; margin-top: 50px; overflow: hidden; } .outlets-c li{ width: 21.6%; margin-right: 3.4%; float: left; border-bottom: 1px solid #E5E5E5; padding-bottom: 15px; margin-bottom: 45px; } .outlets-c1{ font-size: 22px; color: #000; line-height: 26px; height: 50px; } .outlets-c2{ font-size: 16px; line-height: 20px; margin-top: 5px; color: #666; padding-left: 30px; background: url(../img/ico17.png) no-repeat left center; } .outlets-c3{ background-image: url(../img/ico18.png); } @media(max-width:1600px){ .outlets-c1{ font-size: 18px; } } @media(max-width:1200px){ .outlets-c li{ width: 46.6%; } } @media(max-width:1000px){ .contact-idx .iabt-b{ display: block; margin-top: 30px; } } @media(max-width:750px){ .contact{ padding-top: .7rem; } .contact-idx{ margin-top: .5rem; } .outlets{ padding-top: .7rem; padding-bottom: .4rem; } .outlets-a{ font-size: .36rem; font-weight: bold; } .outlets-b li{ font-size: .22rem; line-height: .6rem; padding: 0 .2rem; min-width: initial; margin: 0; margin-bottom: .1rem; } .outlets-b{ margin-top: .4rem; text-align: left; } .outlets-c{ margin-top: .4rem; width: 100%; } .outlets-c1{ } .outlets-c li{ width: 100%; margin: 0; margin-bottom: .4rem; } .outlets-c1{ font-size: 16px; line-height: 22px; height: 42px; } .outlets-c2{ font-size: 12px; } } /*鍔犲叆鎴戜滑*/ .join{ padding-top: 85px; padding-bottom: 75px; } .join-tit{ width: 100%; margin-top: 70px; background: #2dafb4; padding: 0 60px; height: 65px; overflow: hidden; color: #fff; } .join-li{ line-height: 65px; padding-right: 10px; } .join-li>span{ display: inline-block; font-size: 15px; line-height: 25px; } .join-li6{ width: 100px; float: right; } .join-li2,.join-li3,.join-li4{ width: 260px; float: left; } .join-li1{ width: calc(45% - 440px); width: -webkit-calc(45% - 440px); float: left; } .join-li5{ width: calc(55% - 440px); width: -webkit-calc(55% - 440px); float: left; } .join-div{ border: 1px solid #E5E5E5; border-bottom: inherit; } .join-list{ border-bottom: 1px solid #E5E5E5; } .join-top{ height: 65px; overflow: hidden; padding: 0 60px; } .join-sp1{ line-height: 1.2; color: #2dafb4; border-bottom: 1px solid #2dafb4; cursor: pointer; } .join-sp1:hover{ opacity: .9; } .join-i1{ display: inline-block; width: 60px; height: 60px; background: url(../img/ico19.png) no-repeat center; float: right; cursor: pointer; display: none; } .join-top.on{ background: #dddddd; } .join-top.on .join-sp1{ display: none; } .join-top.on .join-i1{ display: block; } .join-cont{ border: 2px solid #dddddd; padding: 55px; display: none; } .join-a{ overflow: hidden; margin-bottom: 30px; } .join-a1{ font-size: 16px; color: #333; line-height: 25px; width: 50%; float: left; padding-right:10px ; margin-bottom: 10px; } .join-b{ font-size: 16px; color: #000; line-height: 1.3; margin-bottom: 25px; font-weight: bold; } .join-c{ font-size: 15px; color: #222222; line-height: 30px; margin-bottom: 45px; } .join-d{ display: inline-block; width: 130px; height: 45px; font-size: 15px; color: #fff; line-height: 43px; text-align: center; background: #8fc320; border: 1px solid #8fc320; transition: all .3s; -webkit-transition:all .3s; } .join-d:hover{ color: #8fc320; background: initial; transition: all .3s; -webkit-transition:all .3s; } .join-a{ display: none; } .jointk-bj{ width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 59; background: rgba(0,0,0,.5); display: none; } .jointk{ width: 680px; min-height: 500px; background: #fff; position: absolute; top: 50%; left: 50%; margin-top: -250px; margin-left: -340px; padding-bottom: 20px; background: #fff; text-align: center; } .jointk-tit{ font-size: 30px; color: #000; line-height: 1; padding-top: 55px; } .jointk-gb{ width: 30px; height: 30px; background: url(../img/ico38.png) no-repeat center; position: absolute; top: 10px; right: 10px; } .jointk-form{ display: inline-block; width: 460px; margin-top: 40px; overflow: hidden; } .jointk-form li{ width: 100%; height: 47px; border: 1px solid #ccc; overflow: hidden; float: left; margin-bottom: 12px; } .jointk-a{ width: 45px; height: 45px; line-height: 45px; float: left; } .jointk-b{ width: 1px; height: 20px; background: #e5e5e5; float: left; margin-top: 14px; } .jointk-c{ width: calc(100% - 48px); width: -webkit-calc(100% - 48px); float: left; border: 0; font-size: 16px; line-height: 45px; padding: 0 15px; } .jointk-form li.li4{ width: calc(100% - 100px); width: -webkit-calc(100% - 100px); overflow: initial; } .jointk-cc{ width: 410px; margin-left: 48px; } .jointk-cc .jointk-c{ width: 310px; } .jointk-cc .captcha{ max-width: 87px; max-height: 47px; margin-left: 13px; } .jointk-cc .captcha_no{ display: none; } .yzimg{ width: 87px; height: 47px; border: 1px solid #ccc; float: right; line-height: 45px; text-align: center; font-size: 0; } .yzimg img{ max-height: 100%; } .jointk-sub{ display: inline-block; width: 130px; height: 45px; margin-top: 25px; font-size: 16px; color: #fff; background: #8fc320; border: 0; transition: all .3s; -webkit-transition:all .3s; } .jointk-sub:hover{ background: #2dafb4; transition: all .3s; -webkit-transition:all .3s; } .jointk-e{ width: 100%; overflow: hidden; margin-top: 8px; height: 35px; line-height: 35px; font-size: 14px; color: #8b8b8b; text-align: left; } .jointk-e1{ display: inline-block; font-size: 16px; color: #333; line-height: 35px; padding-right: 10px; cursor: pointer; } .jointk-f{ margin-top: 5px; width: 100%; float: left; text-align: left; overflow: hidden; display: none; } .jointk-f1{ margin-left: -90px; } @media(max-width:1600px){ .join-li2, .join-li3, .join-li4{ width: 150px; } .join-li1{ width: calc(45% - 290px); width: -webkit-calc(45% - 290px); } .join-li5{ width: calc(55% - 290px); width: -webkit-calc(55% - 290px); } .join-li>span{ font-size: 13px; line-height: 20px; } } @media(max-width:1200px){ .join-a{ display: block; } .join-li2, .join-li3, .join-li4,.join-li5{ display: none; } .join-li1{ width: calc(100% - 200px); width: -webkit-calc(100% - 200px); } .join-tit{ padding: 0 30px; } .join-top{ padding: 0 30px; } .join-cont{ padding: 40px; } } @media(max-width:750px){ .join{ padding-top: .7rem; padding-bottom: .7rem; } .join-tit{ margin-top: .5rem; height: .7rem; padding: 0 .3rem; } .join-li{ line-height: .7rem; } .join-li>span{ font-size: .24rem; line-height: .3rem; } .join-li6{ width: 1.5rem; padding-right: 0; } .join-top{ padding: 0 .3rem; height: .7rem; } .join-i1{ width: .6rem; height: .6rem; margin-top: .1rem; } .join-cont{ padding: .4rem .3rem; } .join-a{ margin-bottom: .4rem; } .join-a1{ width: 100%; font-size: .26rem; line-height: .45rem; } .join-b{ font-size: .3rem; margin-bottom: .2rem; } .join-c{ font-size: .26rem; line-height: .45rem; margin-bottom: .3rem; } .join-d{ width: 1.8rem; height: .7rem; font-size: .26rem; line-height: .68rem; } } @media(max-width:750px){ .jointk{ width: 7rem; margin-left: -3.5rem; padding: .3rem; } .jointk-form{ width: 100%; } .jointk-tit{ font-size: .35rem; padding-top: .5rem; font-weight: bold; } .jointk-form{ margin-top: .5rem; } .jointk-form li{ height: .7rem; } .jointk-a{ width: .7rem; height: .68rem; line-height: .68rem; } .jointk-c{ font-size: .26rem; line-height: .65rem; padding: 0 .2rem; } .jointk-b{ height: .3rem; margin-top: .2rem; } .yzimg{ width: 1.4rem; height: .7rem; line-height: .65rem; } .jointk-form li.li4{ width: calc(100% - 1.6rem); width: -webkit-calc(100% - 1.6rem); } .jointk-e{ margin-top: .1rem; } .jointk-sub{ width: 2rem; height: .7rem; font-size: .28rem; line-height: .7rem; margin-top: .3rem; } .jointk{ min-height: 8rem; padding-bottom: .3rem; margin-top: -4rem; } .jointk-cc{ width: 6.1rem; margin-left: .7rem; } .jointk-cc .jointk-c{ width: 4rem; } .jointk-cc .captcha{ max-width: 1.4rem; max-height: .7rem; height: .5rem; margin-top: .08rem; margin-left: .25rem; float: left; line-height: .7rem; } } /*鍙寔缁彂灞?/ .responsibility-txt{ display: inline-block; max-width: 1000px; } .responsibility-swiper{ padding-left: 80px; padding-right: 180px; } .responsibility-swiper .swiper-slide{ width: 400px; height: 370px; padding: 35px 50px; color: #666; text-align: left; background: #fff; transition: all .3s; -webkit-transition:all .3s; } .responsibility-a{ height: 90px; line-height: 90px; } .responsibility-a img{ max-height: 100%; } .responsibility-a .img2{ display: none; } .responsibility-b{ font-size: 36px; line-height: 1; margin-top: 45px; } .responsibility-c{ font-size: 18px; line-height: 30px; margin-top: 15px; } .responsibility-swiper .swiper-slide:hover{ background: #2dafb4; color: #fff; transition: all .3s; -webkit-transition:all .3s; } .responsibility-swiper .swiper-slide:hover .responsibility-a .img1{ display: none; } .responsibility-swiper .swiper-slide:hover .responsibility-a .img2{ display: inline-block; } .responsibility .history-sc{ padding-left: 55px; margin-top: 75px; } .responsibility-div{ padding-top: 90px; padding-bottom: 40px; } .responsibility-list{ margin-top: 55px; width: 102.7%; overflow: hidden; } .responsibility-list a{ display: block; width: 22.3%; margin-right: 2.7%; margin-bottom: 40px; float: left; } .responsibility-f{ overflow: hidden; } .responsibility-e{ border: 1px solid #E5E5E5; padding: 30px; } .responsibility-e1{ font-size: 24px; color: #333; line-height: 30px; height: 58px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; transition: all .3s; -webkit-transition:all .3s; } .responsibility-e2{ font-size: 12px; color: #666; margin-top: 12px; margin-bottom: 15px; line-height: 1; } .responsibility-e3{ font-size: 16px; color: #666; line-height: 25px; height: 48px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .responsibility-e4{ width: 130px; height: 45px; font-size: 16px; color: #fff; line-height: 45px; text-align: center; border-radius: 25px; background: #8fc320; margin-top: 20px; transition: all .3s; -webkit-transition:all .3s; } .responsibility-list a:hover .responsibility-e1{ color: #2dafb4; transition: all .3s; -webkit-transition:all .3s; } .responsibility-list a:hover .responsibility-e4{ background: #2dafb4; transition: all .3s; -webkit-transition:all .3s; } @media(max-width:1600px){ .responsibility-swiper .swiper-slide{ width: 320px; height: 280px; padding: 30px; } .responsibility-swiper{ padding-left: 50px; } .responsibility-b{ font-size: 30px; margin-top: 25px; } .responsibility-e{ padding: 20px; } .responsibility-e1{ font-size: 20px; } } @media(max-width:1000px){ .responsibility-list a{ width: 47.3%; } } @media(max-width:750px){ .history{ padding: .7rem 0; } .about-d1{ font-size: .38rem; font-weight: bold; } .about-e2{ font-size: .285rem; line-height: .45rem; margin-top: .3rem; } .about-e2>span{ display: inline; } .responsibility-swiper{ width: calc(100% - .6rem); margin-top: .5rem; padding:0; } .responsibility .history-sc{ margin-top: .4rem; padding: 0 .3rem; } .responsibility-swiper .swiper-slide{ width: 100%; height: 3.5rem; padding: .4rem; } .responsibility-a{ height: .9rem; line-height: .9rem; } .responsibility-b{ font-size: .32rem; margin-top: .2rem; } .responsibility-c{ font-size: .28rem; line-height: .4rem; margin-top: .2rem; } .responsibility-div{ padding-top: .7rem; padding-bottom: .7rem; } .responsibility-list{ margin-top: .5rem; } .responsibility-e{ padding: .2rem; } .responsibility-e1{ font-size: .28rem; line-height: .4rem; height: .78rem; font-weight: bold; } .responsibility-e2{ margin: .1rem 0; } .responsibility-e3{ font-size: .24rem; line-height: .4rem; height: .78rem; display: none; } .responsibility-e4{ width: 1.8rem; font-size: .24rem; line-height: .6rem; height: .6rem; margin-top: .2rem; } .responsibility-list a{ margin-bottom: .2rem; } } /*绀句細鍏泭*/ .welfare{ padding-top: 90px; padding-bottom: 60px; } .welfare-list{ width: calc(100% + 25px); width: -webkit-calc(100% + 25px); overflow: hidden; margin-top: 55px; } .welfare-list a{ display: block; color: #666; width: calc(33.333% - 25px); width: -webkit-calc(33.333% - 25px); float: left; margin-right: 25px; margin-bottom: 25px; padding: 60px 65px; border: 1px solid #E5E5E5; background: #fff; } .welfare-a{ overflow: hidden; } .welfare-b{ font-size: 24px; line-height: 35px; height: 68px; margin-top: 20px; color: #333; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; transition: all .3s; -webkit-transition:all .3s; } .welfare-c{ font-size: 12px; line-height: 1; margin-top: 10px; } .welfare-d{ font-size: 16px; line-height: 25px; height: 48px; margin-top: 15px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .welfare-e{ border: 1px solid #2dafb4; width: 130px; height: 45px; font-size: 16px; color: #2dafb4; line-height: 43px; text-align: center; margin-top: 35px; border-radius: 25px; transition: all .3s; -webkit-transition:all .3s; } .welfare-list a:hover .welfare-b{ color: #8fc320; transition: all .3s; -webkit-transition:all .3s; } .welfare-list a:hover .welfare-e{ color: #fff; border-color: #8fc320; background: #8fc320; transition: all .3s; -webkit-transition:all .3s; } .welfare .page{ background: #fff; margin-top: 40px; } .welfare .page a{ border-color: #fff; } .welfare .page a:hover{ border-color: #8fc320; } .rlyinfo .newsinfo-lt{ width: 100%; } @media(max-width:1600px){ .welfare-list a{ padding: 30px; } .welfare-b{ font-size: 20px; line-height: 25px; height: 48px; } } @media(max-width:1000px){ .welfare-list a{ width: calc(50% - 25px); width: -webkit-calc(50% - 25px); } } @media(max-width:750px){ .welfare{ padding-top: .7rem; padding-bottom: .7rem; } .welfare-list{ width: calc(100% + .2rem); width: -webkit-calc(100% + .2rem); margin-top: .5rem; } .welfare-list a{ width: calc(50% - .2rem); width: -webkit-calc(50% - .2rem); margin-right: .2rem; margin-bottom: .3rem; padding: .2rem; } .welfare-b{ font-size: .28rem; line-height: .4rem; height: .78rem; margin-top: .1rem; font-weight: bold; } .welfare-c{ margin-top: .1rem; } .welfare-d{ font-size: .24rem; line-height: .4rem; height: .78rem; margin-top: .1rem; display: none; } .welfare-e{ width: 1.8rem; height: .7rem; font-size: .24rem; line-height: .68rem; margin-top: .2rem; } .welfare .page{ margin-top: .4rem; } } /*鏅鸿兘鍒堕€?/ .intelligence{ padding-top: 90px; padding-bottom: 90px; } .intelligence-a{ margin-top: 60px; position: relative; } .intelligence-a1{ width: 100%; } .intelligence-a1 li{ position: relative; display: none; } .intelligence-a1 li>i{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url(../img/ico29.png) no-repeat center; background-size: cover; } .intelligence-a1 li>div{ width: calc(100% - 900px); width: -webkit-calc(100% - 900px); font-size: 24px; color: #fff; line-height: 35px; padding: 0 50px; position: absolute; left: 0; bottom: 20px; } .intelligence-a2{ display: flex; background: #fff; padding-top: 15px; max-width: 900px; position: absolute; right: 0; bottom: 0; z-index: 3; } .intelligence-a2 li{ position: relative; margin-left: 15px; } .intelligence-a2 li>div{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: no-repeat center; background-size: cover; } .intelligence-a2 li.on{ border: 2px solid #2dafb4; } .intelligence-bc{ /*overflow: hidden;*/ margin-top: 85px; min-height: 605px; } .intelligence-b{ width:47%; max-width: 740px; padding-right: 30px; float: left; padding-top: 85px; padding-bottom: 50px; } .intelligence-b1{ font-size: 36px; color: #000; line-height: 1; } .intelligence-b2{ font-size: 18px; color: #666; line-height: 35px; margin-top: 35px; } .intelligence-b3{ margin-top: 70px; } .sfszul{ overflow: hidden; } .sfszul li{ width: 33.333%; float: left; padding-right: 10px; } .sfszul-a{ font-size: 18px; line-height: 1; color: #2dafb4; } .sfszul-a .sp1{ font-size: 48px; font-family: impact; } .sfszul-a .sp2{ font-size: 22px; position: relative; top: -20px; } .sfszul-b{ font-size: 16px; line-height: 25px; color: #666; margin-top: 5px; } .intelligence-c{ width: 53%; padding-left: 50px; position: relative; float: right; } .intelligence-swiper{ width: calc(100% + 80px); width: calc(100% + 80px); } .intelligence-swiper .swiper-slide{ } .intelligence-span{ display: inline-block !important; width: 40px !important; bottom: 0 !important; left: 0 !important; line-height: 1 !important; } .intelligence-span span{ margin: 0 15px !important; margin-top: 10px !important; } .intelligence-span .swiper-pagination-bullet-active{ background: #acd259; } @media(max-width:1600px){ .intelligence-a2{ max-width: 500px; } .intelligence-a2 li{ max-width: 150px; } .intelligence-a1 li>div{ width: calc(100% - 500px); width: -webkit-calc(100% - 500px); padding: 0 30px; font-size: 18px; line-height: 25px; } .intelligence-b{ padding-top: 0; } .intelligence-b2{ font-size: 15px; line-height: 25px; margin-top: 20px; } .intelligence-b3{ margin-top: 40px; } .intelligence-swiper{ width: calc(100% + 50px); width: calc(100% + 50px); } .intelligence-bc{ min-height: 500px; } } @media(max-width:1000px){ .intelligence-a2{ display: block; position: relative; bottom: inherit; right: auto; margin-top: 30px; width: 100%; padding: 0; font-size: 0; text-align: center; max-width: initial; } .intelligence-a2 li{ display: inline-block; width: 19%; margin: 0 0.5%; } /*.intelligence-a2 li:first-child{ margin-left: 0; }*/ .intelligence-a1 li>div{ width: 100%; } .intelligence-bc{ height: auto; } .intelligence-b{ float: inherit; width: 100%; } .intelligence-c{ width: 100%; float: inherit; padding-bottom: 30px; padding-left: 0; } .intelligence-span{ width: 100% !important; } .intelligence-swiper{ width: 100%; } } @media(max-width:750px){ .intelligence{ padding-top: .7rem; padding-bottom: .7rem; } .intelligence-a{ margin-top: .5rem; } .intelligence-a1 li>div{ font-size: .26rem; line-height: .4rem; padding: 0 .3rem; bottom: .2rem; } .intelligence-a2{ margin-top: .3rem; } .intelligence-a2 li{ width: 32.333%; } .intelligence-bc{ min-height: auto; margin-top: .6rem; } .intelligence-b1{ font-size: .42rem; font-weight: bold; } .intelligence-b2{ font-size: .26rem; line-height: .45rem; margin-top: .3rem; } .intelligence-b3{ margin-top: .3rem; } .sfszul-a{ font-size: .28rem; } .sfszul-a .sp1{ font-size: .45rem; } .sfszul-a .sp2{ font-size: .32rem; top: -.2rem; } .sfszul-b{ font-size: .24rem; line-height: .4rem; } .intelligence-b{ padding: 0; margin-bottom: .4rem; } .intelligence-span span{ margin: 0 .15rem !important; } } /*绉戞妧鍒涙柊*/ .innovate-a{ padding-top: 85px; padding-bottom: 60px; } .innovate-a1{ margin-top: 40px; } .innovate-bc{ position: relative; height: 680px; overflow: hidden; } .innovate-bc-bj{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; z-index: 1; } .innovate-bc-lt{ width: 50%; height: 100%; background: no-repeat center; background-size: cover; position: absolute; top:0; left: 0; } .innovate-bc-rt{ width: 50%; height: 100%; background: no-repeat center; background-size: cover; position: absolute; top:0; right: 0; } .innovate-bc-cont{ overflow: hidden; } .innovate-b{ width: 50%; float: left; text-align: center; line-height: 680px; position: relative; z-index: 2; } .innovate-c{ width: 50%; float: right; padding-top: 105px; padding-left: 50px; position: relative; z-index: 2; } .innovate-c1{ overflow: hidden; position: relative; padding: 0 85px; } .innovateC-swiper{ text-align: center; } .innovateC-swiper .swiper-wrapper{ z-index: 2; } .innovate-c3{ width: 100%; height: 10px; background: #fff; border-radius: 6px; position: absolute; left: 0; top: 50%; margin-top: -11px; z-index: 1; } .innovate-c2{ display: inline-block; width: 99px; height: 231px; background: url(../img/ico31.png) no-repeat center; } .innovateC-swiper .swiper-slide:nth-child(2n + 0) .innovate-c2{ background-image: url(../img/ico32.png); margin-top: 221px; } .innovate-c2-a{ width: 60px; height: 60px; line-height: 60px; text-align: center; margin-top: 18px; margin-left: 20px; position: relative; } .innovate-c2-a1{ font-size: 16px; color: #fff; line-height: 22px; position: absolute; left: 0; top: 50%; text-align: center; width: 100%; transform: translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform: translateY(-50%); } .innovateC-swiper .swiper-slide:nth-child(2n + 0) .innovate-c2-a{ margin-top: 152px; } .innovateC-prev,.innovateC-next{ width: 60px; height: 60px; background:url(../img/ico34.png) no-repeat center; background-size: cover; margin-top: -35px; } .innovateC-prev{ left: 0; } .innovateC-next{ background-image: url(../img/ico34_1.png) ; right: 0; } .innovate-d-bj{ background: #f5f5f5; } .innovate-d{ padding-top: 75px; padding-bottom: 85px; } .innovate-p18{ font-size: 18px; color: #666; line-height: 38px; text-align: center; margin-top: 25px; } .innovate-p18 .div1{ display: inline-block; max-width: 1000px; } .innovate-p18 .div1>div{ display: block; } .innovate-p18 span.sp1{ display: inline-block; font-size: 30px; color: #2dafb4; font-family: impact; position: relative; top: 5px; } .innovate-p18 span.sp2{ display: inline-block; font-size: 26px; color: #2dafb4; position: relative; top: 2px; font-weight: bold; } .innovate-d1{ margin-top: 50px; } .innovateD-swiper .swiper-slide>img{ transform: scale(.9); -ms-transform: scale(.9); -webkit-transform: scale(.9); transition: all .3s; -webkit-transition:all .3s; } .innovateD-swiper .swiper-slide.swiper-slide-active>img{ transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transition: all .3s; -webkit-transition:all .3s; } .innovateD-swiper .swiper-slide-prev>img{ margin-left: -5%; } .innovateD-swiper .swiper-slide-next>img{ position: relative; left: 5%; } .innovate-d1-a{ font-size: 24px; line-height: 1; color: #bfbfbf; position: absolute; top: 50%; left: 30.2%; z-index: 3; } .innovate-d1-a .sp1{ font-size: 30px; color: #8fc320; font-family: impact; } .innovate-d1-a .sp2{ position: relative; top: 7px; left: -7px; } .innovate-d1-a .sp3{ position: relative; top: 15px; left: -12px; font-family: impact; } .innovateD-span{ width: 15px; height: auto; line-height: 20px; position: absolute; top:50%; left: 68%; transform: translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform: translateY(-50%); z-index: 3; } .innovateD-span .swiper-pagination-bullet-active{ background: #8fc320; } .innovate-e{ padding-top: 85px; padding-bottom: 15px; } .innovate-e1{ margin-top: 45px; text-align: center; font-size: 0; } .innovate-e1-a{ display: inline-block; font-size: 16px; color: #666; line-height: 40px; background: #f0f0f0; text-align: center; padding: 0 20px; min-width: 130px; margin: 0 3px; border-radius: 20px; cursor: pointer; transition: all .3s; -webkit-transition:all .3s; } .innovate-e1-a:hover{ color: #fff; background: #2dafb4; transition: all .3s; -webkit-transition:all .3s; } .innovate-e1-a.on{ color: #fff; background: #2dafb4; } .innovateE-swiper{ margin-top: 40px; padding-bottom: 60px; } .innovate-fg{ background: #f5f5f5; padding-top: 55px; padding-bottom: 75px; } .innovate-f{ margin-top: 60px; background: #2dafb4; overflow: hidden; padding: 50px; padding-top: 80px; min-height: 280px; } .innovate-f2{ width: 680px; float: right; } .innovate-f2 *{ color: #fff; } .innovate-f1{ width: calc(100% - 680px); width: -webkit-calc(100% - 680px); float: left; padding-left: 70px; padding-right: 40px; color: #fff; } .innovate-f1-a{ font-size: 18px; line-height: 32px; padding-left: 20px; position: relative; } .innovate-f1-a:after{ content: ''; width: 5px; height: 5px; border-radius: 100%; background: #fff; position: absolute; left: 0; top: 14px; } @media(max-width:1600px){ .innovate-b{ padding-right: 20px; } .innovate-f{ padding:40px 30px; padding-top: 60px; height: auto; } .innovate-f2{ width: 500px; } .innovate-f1{ width: calc(100% - 500px); width: -webkit-calc(100% - 500px); padding: 0; padding-right: 20px; } .innovate-c1{ padding: 0 65px; } } @media(max-width:1000px){ .innovate-bc{ height: auto; } .innovate-b{ width: 100%; line-height: 300px; height: 400px; padding: 50px; } .innovate-b img{ max-height: 100%; } .innovate-c{ width: 100%; padding-left: 0; height: 550px; padding: 40px 0; } .innovate-bc-lt{ width: 100%; height: 400px; position: relative; } .innovate-bc-rt{ width: 100%; height: 550px; position: relative; } .innovate-f1{ width: 100%; margin-bottom: 30px; } .innovate-f2{ width: 100%; } .innovate-d1{ padding-bottom: 50px; } .innovate-d1-a{ left: 0; top: initial; bottom: 0; } .innovateD-span{ width: 100%; top: initial; bottom: 0 !important; height: 10px; left: 0 !important; line-height: 10px; } .innovateD-span span{ margin: 0 5px; } .innovateD-swiper .swiper-slide>img{ transform: scale(.95); -ms-transform: scale(.95); -webkit-transform: scale(.95); } } @media(max-width:750px){ .innovate-a{ padding-top: .7rem; padding-bottom: .7rem; } .innovate-a1{ margin-top: .4rem; } .innovate-b{ padding: 20px; line-height: 360px; } .innovate-d{ padding-top: .7rem; padding-bottom: .7rem; } .innovate-p18{ font-size: .28rem; line-height: .55rem; margin-top: .4rem; } .innovate-p18 .div1>div{ display: inline; } .innovate-p18 span.sp1{ font-size: .4rem; top: 2px; } .innovate-d1{ margin-top: .5rem; } .innovate-e{ padding-top: .7rem; padding-bottom: .7rem; } .innovate-p18 span.sp2{ font-size: .35rem; top: 0; } .innovate-e1-a{ font-size: .24rem; height: .6rem; line-height: .6rem; padding: 0 .2rem; min-width: 1.5rem; margin: .1rem; } .innovateE-swiper{ margin-top: .4rem; padding-bottom: .5rem; } .innovate-f{ margin-top: .4rem; padding: .4rem .3rem; } .innovate-f1-a{ font-size: .28rem; line-height: .45rem; } .innovate-f1-a:after{ top: .15rem; } .innovate-e1{ margin-top: .45rem; } .innovate-e2{ text-align: center; font-size: 0; } .innovateE-swiper{ display: inline-block; } .innovateC-prev,.innovateC-next{ width: .7rem; height: .7rem; margin-top: -.4rem; } .innovate-c1{ padding: 0 .9rem; } .innovate-c2{ width: 1.5rem; height: 3.5rem; background-size: cover; } .innovateC-swiper .swiper-slide:nth-child(2n + 0) .innovate-c2{ margin-top: 3.33rem; } .innovate-c3{ height: .1rem; margin-top: -0.15rem; } .innovate-c2-a{ width: 1rem; height: 1rem; margin-left: .25rem; margin-top: .25rem; } .innovate-c2-a1{ font-size: .24rem; line-height: .35rem; } .innovateC-swiper .swiper-slide:nth-child(2n + 0) .innovate-c2-a{ margin-top: 2.3rem; } .innovate-c{ height: auto; } } /*鎼滅储缁撴灉椤?/ .searchs{ margin-top: 175px; padding-bottom: 150px; overflow: hidden; } .searchs-rt{ width: 325px; float: right; font-size: 16px; color: #333; line-height: 55px; } .searchs-rt-a{ padding-left: 20px; background: #2dafb4; color: #fff; } .searchs-rt-b{ display: block; width: 100%; height: 55px; color: #333; line-height: 55px; margin-top: 5px; padding-left: 20px; background: #fff; transition: all .3s; -webkit-transition:all .3s; } .searchs-rt-b.on{ color: #fff; background: #8fc320; } .searchs-rt-b:hover{ color: #fff; background: #8fc320; transition: all .3s; -webkit-transition:all .3s; } .searchs-lt{ width: calc(100% - 375px); width: -webkit-calc(100% - 375px); float: left; } .searchs-lt-a{ padding: 40px; margin-bottom: 20px; background: #fff; } .searchs-lt-a li{ } .searchs-lt-a li>a{ display: block; padding: 30px 0; border-bottom: 1px solid #E5E5E5; color: #333; } .searchs-a{ font-size: 28px; line-height: 35px; height: 33px; font-weight: bold; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .searchs-b{ font-size: 18px; line-height: 30px; height: 28px; margin-top: 15px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .searchs-c{ font-size: 14px; line-height: 1; margin-top: 15px; transition: all .3s; -webkit-transition:all .3s; } .searchs-lt-a .product-ul{ margin-top: 0; } .searchs-lt-a .programme-ul{ margin-top: 0; } .searchs-lt-a .news-lt{ display: block; float: inherit; width: 100%; border: 0; } .searchs .page{ background: #fff; margin-top: 50px; } @media(max-width:1600px){ .searchs-rt{ width: 260px; } .searchs-lt{ width: calc(100% - 300px); width: -webkit-calc(100% - 300px); } .searchs-a{ font-size: 22px; height: 30px; line-height: 32px; } .searchs-b{ font-size: 16px; } .searchs-c{ font-size: 14px; } } @media(max-width:1200px){ .searchs-rt{ width: 100%; margin-bottom: 40px; float: left; } .searchs-lt{ width: 100%; } .searchs-rt-b{ display: inline-block; width: 300px; margin-bottom: 10px; } .searchs-rt-a{ display: none; } .searchs-rt{ font-size: 0; } .searchs-rt-b{ width: 19%; line-height: 55px; margin-right: 1%; font-size: 16px; } .searchs-lt-a{ padding: 20px; } } @media(max-width:750px){ .searchs{ margin-top: 1.8rem; padding-bottom: .7rem; } .searchs-rt-b{ width: 32.333%; height: .7rem; padding-left: .2rem; font-size: .26rem; line-height: .7rem; margin: 0; margin-left: 1%; margin-bottom: .1rem; } .searchs-rt{ margin-bottom: .4rem; line-height: .7rem; } .searchs-lt-a{ padding: .15rem; } .searchs .page{ margin-top: .5rem; } .searchs-lt-a li>a{ padding: .3rem 0; } .searchs-a{ font-size: .32rem; height: .36rem; line-height: .38rem; } .searchs-b{ font-size: .28rem; line-height: .35rem; height: .33rem; margin-top: .2rem; } .searchs-c{ font-size: .24rem; margin-top: .2rem; } } /*鑱氶叝鏍戣剛*/ .resin-a{ padding-top: 75px; padding-bottom: 90px; text-align: center; } .resin-a2{ font-size: 18px; line-height: 35px; max-width: 1050px; margin: 0 auto; margin-top: 30px; } .resin-b{ padding-top: 75px; padding-bottom: 75px; } .resin-bul{ width: calc(100% + 20px); width: -webkit-calc(100% + 20px); display: flex; margin-top: 35px; } .resin-bli{ width: calc(33.333% - 20px); width: -webkit-calc(33.333% - 20px); margin-right: 20px; height: 100%; min-height: 330px; background: #fff; padding: 30px 70px; position: relative; } .resin-b1{ width: 60px; height: 40px; text-align: right; position: absolute; top: 25px; left: 0; } .resin-b2{ font-size: 24px; line-height: 30px; color: #000; } .resin-b3{ margin-top: 15px } .resin-b3>li{ padding-left: 18px; font-size: 16px; color: #666; line-height: 30px; position: relative; } .resin-b3>li:after{ content: ''; width: 5px; height: 5px; background: #2dafb4; border-radius: 100%; position: absolute; left: 0; top: 12px; } .resin-c{ padding-top: 65px; padding-bottom: 85px; } .resin-cul{ margin-top: 35px; border-bottom: 1px solid #ccc; } .resin-cli{ width: 100%; overflow: hidden; background: #f5f5f5; border: 1px solid #ccc; border-bottom: 0; } .resin-cli:nth-child(2n + 0){ background: #fff; } .resin-c1{ width: 50%; float: left; text-align: center; font-size: 24px; line-height: 70px; } .resin-c2{ width: 50%; float: left; text-align: center; font-size: 18px; line-height: 70px; } .resin-c1:first-child,.resin-c2:first-child{ border-right: 1px solid #ccc; } .resin-c3{ padding: 25px 60px; overflow: hidden; } .resin-c3 li{ width: 33.333%; text-align: center; float: left; padding: 0 15px; } .resin-c3 li>div{ display: inline-block; max-width: 380px } .resin-c3-a{ font-size: 18px; line-height: 25px; color: #000; } .resin-c3-b{ font-size: 16px; line-height: 25px; color: #666; } .resin-d{ width: 25%; float: left; font-size: 0; } .resin-e{ padding-top: 70px; padding-bottom: 20px; } .resin-eul{ margin-top: 45px; width: calc(100% + 40px); width: -webkit-calc(100% + 40px); overflow: hidden; } .resin-swiper{ margin-top: 45px; padding-bottom: 40px; } .resin-span{ height: 20px; bottom: 0; } .resin-span span{ opacity: 1; background: initial; border: 1px solid #8fc320; } .resin-span .swiper-pagination-bullet-active{ background: #8fc320; } .resin-eul li{ width: calc(25% - 40px); width: -webkit-calc(25% - 40px); margin-right: 40px; margin-bottom: 20px; float: left; } .resin-e1{ /*min-height: 140px;*/ padding-top: 25px; } .resin-e1>div{ font-size: 22px; line-height: 30px; color: #000; text-align: center; } .resin-e1>p{ font-size: 16px; line-height: 24px; color: #666; text-align: center; margin-top: 5px } @media(max-width:1600px){ .resin-bli{ padding: 20px 50px; } .resin-b1{ width: 40px; top: 15px; } .resin-b3>li{ font-size: 15px; line-height: 25px; } .resin-b2{ font-size: 20px; } .resin-eul{ width: calc(100% + 20px); width: -webkit-calc(100% + 20px); } .resin-eul li{ width: calc(25% -20px); width: -webkit-calc(25% - 20px); margin-right: 20px; } .resin-e1>div{ font-size: 20px; line-height: 25px; } .resin-e1>p{ font-size: 14px; } } @media(max-width:1200px){ .resin-bli{ padding-right: 30px; min-height: 380px; } } @media(max-width:1000px){ .resin-bul{ display: block; } .resin-bli{ width: 100%; min-height: auto; margin-bottom: 20px; } .resin-c1{ font-size: 20px; font-weight: bold; } .resin-c2{ font-size: 16px; } .resin-c3{ padding: 20px; } .resin-eul li{ width: calc(50% -20px); width: -webkit-calc(50% - 20px); } } @media(max-width:750px){ .resin-a,.resin-b,.resin-c,.resin-e{ padding-top: .8rem; padding-bottom: .8rem; } .resin-a2{ font-size: .28rem; line-height: .45rem; margin-top: .5rem; } .resin-b2{ font-size: .3rem; font-weight: bold; } .resin-b3>li{ font-size: .26rem; } .resin-cul{ margin-top: .5rem; } .resin-c1{ font-size: .3rem; line-height: .45rem; padding:.25rem .15rem; } .resin-c2{ font-size: .26rem; line-height: .45rem; padding:.25rem .15rem; } .resin-c3{ padding: .25rem; } .resin-c3 li{ width: 100%; padding: 0; margin-bottom: .25rem; } .resin-c3-a{ font-size: .26rem; line-height: .4rem; font-weight: bold; } .resin-c3-b{ font-size: .24rem; line-height: .4rem; } .resin-d{ width: 50%; } .resin-eul{ margin-top: .5rem; width: calc(100% + .2rem); width: -webkit-calc(100% + .2rem); } .resin-swiper{ padding-bottom: 30px; } .resin-eul li{ width: calc(50% - .2rem); width: -webkit-calc(50% - .2rem);margin-right: .2rem; margin-bottom: .25rem; } .resin-e1>div{ font-size: .28rem; line-height: .45rem; font-weight: bold; } .resin-e1>p{ font-size: .24rem; line-height: .4rem; margin-top: .1rem } .resin-e1{ /*min-height: 2rem;*/ padding-top: .3rem; } }