/* 12 */ .homeBanner { position: relative; } .homeBanner li { position: relative; max-height: 1105px; overflow: hidden; } .homeBanner li a { display: block; width: 100%; height: 100%; position: relative; } .homeBanner .txtBox { position: absolute; z-index: 1; right: 0; bottom: 180px; width: 1440px; max-width: 85%; height: 100%; /* background: url(../images/banbg.png) no-repeat right bottom; */ /* background: url(../images/bg6.png) no-repeat right bottom; */ color: white; text-align: right; background-size: 100% auto; } .homeBanner .txtBox .shape { position: absolute; width: 100%; height: 740px; right: 0; bottom: 0; } .homeBanner .txtBox .shape1 { background: url(../images/banbg1-2.png)no-repeat; animation: waveMove1 5s linear infinite; } .homeBanner .txtBox .shape2 { background: url(../images/banbg1.png)no-repeat; animation: waveMove1 5s linear infinite; animation-delay: 2.5s; } @keyframes waveMove1 { 0% { background-position: 0px 50px; } 50% { background-position: 0px 100px; } 100% { background-position: 0px 50px; } } @keyframes waveMove2 { 0% { background-position: 0px 0px; } 50% { background-position: -10px 100px; } 100% { background-position: 0px 0px; } } .homeBanner .txtBox .txt { position: absolute; right: 8%; /* top: 50%; transform: translateY(-50%); */ width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; -webkit-box-align: end; -ms-flex-align: end; -webkit-align-items: flex-end; align-items: flex-end; padding-bottom: 10%; } .homeBanner .txtBox h1 { font-size: 80px; font-weight: normal; line-height: 1.2; } .homeBanner .txtBox .info { font-size: 18px; margin-top: 20px; } .homeBanner img { max-height: 100%; } .homeBanner .slick-arrow { position: absolute; z-index: 30; cursor: pointer; top: 33%; transition: 0.3s; border: none; font-size: 0; padding: 30px; background-color: rgba(255, 255, 255, 0.1); border-radius: 50%; background-position: center; background-repeat: no-repeat; } .homeBanner .slick-arrow:hover { background-color: rgba(255, 255, 255, 0.3); } .homeBanner .slick-prev { left: 5%; background-image: url(../images/prev.png); } .homeBanner .slick-next { right: 5%; background-image: url(../images/next.png); } .homeBanner .slick-dots { position: absolute; right: 8%; /* bottom: 23%; */ bottom: 250px; font-size: 0; z-index: 12; } .homeBanner .slick-dots button { display: none; } .homeBanner .slick-dots li { display: inline-block; border-radius: 50%; margin: 0 8px; padding: 4px; background-color: white; cursor: pointer; } .homeBanner .slick-dots li.slick-active { background-color: #3B9E38; } .homeBanner i { position: absolute; z-index: 10; right: 0; bottom: 209px; width: 180px; display: inline-block; height: 180px; background: url(../images/banbg2.png) no-repeat center; } .videoPlay { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 88; background: url(../images/play.png) no-repeat center; background-size: contain; padding: 45px; cursor: pointer; } .videofloat { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 999; } .videofloat .videoBox { position: relative; top: 50%; transform: translateY(-50%); width: 50vw; max-height: 60vh; margin: 0 auto; } .videofloat .videoBox .hide { position: absolute; right: -30px; top: -30px; color: white; font-size: 36px; } .videofloat .videoBox video { width: 100%; height: 100%; } .home1 { background: url(../images/home1bg.png) no-repeat left -30px top; padding: 100px 0; background-color: white; } .home1 .slick-arrow { position: absolute; z-index: 30; cursor: pointer; top: calc(50% - 30px); transition: 0.3s; border: none; font-size: 0; padding: 30px; background-color: rgba(255, 255, 255, 0.1); border-radius: 50%; background-position: center; background-repeat: no-repeat; } .home1 .slick-arrow:hover { background-color: rgba(255, 255, 255, 0.3); } .home1 .slick-prev { left: 5%; background-image: url(../images/prev.png); } .home1 .slick-next { right: 5%; background-image: url(../images/next.png); } .home1 .txtBox .left { float: left; max-width: 530px; padding-left: 30px; } .home1 .txtBox .left h3 { font-size: 48px; color: #3B9E38; font-weight: normal; margin-bottom: 30px; } .home1 .txtBox .left .info { color: #666666; line-height: 1.8; transition: 0.3s ease-in-out; } .home1 .txtBox .left .info:hover { transform: scale(1.05); } .home1 .txtBox .right { float: right; overflow: hidden; position: relative; padding-bottom: 60px; } .home1 .txtBox .right .p1 { position: absolute; bottom: 10px; left: 0; width: 100%; text-align: center; margin-left: 35px; } .home1 .txtBox .right .item { border-radius: 50%; text-align: center; width: 220px; height: 220px; float: left; color: #bd1e4c; border: 4px solid #bd1e4c; margin-left: 70px; } .home1 .txtBox .right .item:nth-child(2) { color: #e16614; border-color: #e16614; } .home1 .txtBox .right .item:nth-child(3) { color: #3b9e38; border-color: #3b9e38; } .home1 .txtBox .right .item p.tit { background-color: white; font-size: 26px; margin-top: -5px; display: inline-block; padding: 0 10px 10px; } .home1 .txtBox .right .item .num { font-size: 70px; line-height: 1; height: 30%; } .home1 .txtBox .right .item .num em { font-style: normal; } .home1 .txtBox .right .item:first-child .num em:nth-child(3), .home1 .txtBox .right .item:nth-child(2) .num em:nth-child(3) { display: none; } .home1 .txtBox .right .item:nth-child(3) .num em:nth-child(1) { display: none; } /* .home1 .txtBox .right .item:nth-child(2) .num { font-size: 75px; } */ .home1 .slideBox { margin-top: 80px; } .home1 .slideBox li { position: relative; border-top-left-radius: 190px; border-bottom-right-radius: 190px; overflow: hidden; } .home1 .slideBox li a { display: inline-block; height: 650px; width: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative; } .home1 .slideBox li a:before { width: 800px; max-width: 80%; height: 444px; content: ''; position: absolute; right: 0; bottom: 0; background: url(../images/bg2.png)no-repeat right bottom; background-size: 100%; } .home1 .slideBox li a:after { content: ''; position: absolute; z-index: 10; right: 0; bottom: 0px; width: 20%; display: block; padding-bottom: 20%; background: url(../images/banbg2.png) no-repeat center; background-size: cover; } .home1 .slideBox li .slideTxt { position: absolute; right: 80px; bottom: 88px; color: white; text-align: right; } .home1 .slideBox li .slideTxt span.tit { font-size: 24px; display: inline-block; margin-bottom: 80px; } .home1 .slideBox li .slideTxt h3 { font-size: 40px; margin-bottom: 20px; font-weight: normal; line-height: 1.2; } .home1 .slideBox .slick-dots { position: absolute; left: 50px; bottom: 50px; z-index: 20; } .home1 .slideBox .slick-dots li { border-radius: 50%; background-color: white; padding: 3px; display: inline-block; margin: 0 10px; font-size: 0; opacity: 0.5; cursor: pointer; } .home1 .slideBox .slick-dots li button { display: none; } .home1 .slideBox .slick-dots li.slick-active { opacity: 1; } .home2 .title { font-size: 48px; color: #e16614; } .home2 .tabBox { margin-top: 20px; } .home2 .tabBox li { float: left; width: 220px; height: 75px; margin-right: 55px; border-top-left-radius: 20px; border-bottom-right-radius: 20px; overflow: hidden; position: relative; } .home2 .tabBox li.on a { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 9; } .home2 .tabBox li:last-child { margin-right: 0; } .home2 .tabBox li .txtBox { position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 15px 0; text-align: center; line-height: 40px; cursor: pointer; transition: 0.3s; } .home2 .tabBox li span { color: white; font-size: 20px; line-height: 1; vertical-align: middle; display: inline-block; margin-left: 5px; } .home2 .tabBox li:nth-child(1) .txtBox:hover { background-color: #bc1f4d; } .home2 .tabBox li:nth-child(2) .txtBox:hover { background-color: #de6515; } .home2 .tabBox li:nth-child(3) .txtBox:hover { background-color: #e1bc1a; } .home2 .tabBox li:nth-child(4) .txtBox:hover { background-color: #3c9e38; } .home2 .tabBox li:nth-child(5) .txtBox:hover { background-color: #1d6aa9; } .home2 .tabBox li:nth-child(6) .txtBox:hover { background-color: #2b49e1; } .home2 .slideBox { margin-top: 60px; } .home2 .slideBox li { border-top-left-radius: 200px; border-bottom-right-radius: 200px; overflow: hidden; position: relative; } .home2 .slideBox li .img { height: 840px; background-repeat: no-repeat; background-position: center center; background-size: cover; } .home2 .slideBox li .infoBox { position: absolute; left: 8%; bottom: 10%; color: white; max-width: 430px; } .home2 .slideBox li .infoBox .tit { font-size: 24px; } .home2 .slideBox li .infoBox h3 { font-size: 40px; font-weight: normal; margin: 70px 0 20px 0; } .home2 .slideBox li .infoBox .info { line-height: 1.8; margin-bottom: 75px; transition: 0.3s ease-in-out; } .home2 .slideBox li .infoBox .info:hover { transform: scale(1.05); } .home2 .slideBox li .infoBox .more { color: white; position: relative; } .home2 .slideBox li .infoBox .more::before { content: ""; position: absolute; right: -20px; top: 5px; padding: 7px; background: url(../images/more.png) no-repeat center; transition: 0.3s; } .home2 .slideBox li .infoBox .more:hover:before { right: -23px; } .home2 .slideBox .slick-arrow { position: absolute; right: 8%; bottom: 10%; z-index: 20; font-size: 0; border: none; padding: 15px; cursor: pointer; } .home2 .slideBox .slick-prev { right: 11%; background: url(../images/prev2.png) no-repeat center; } .home2 .slideBox .slick-prev:hover { background: url(../images/prev2hover.png) no-repeat center; } .home2 .slideBox .slick-next { background: url(../images/next2.png) no-repeat center; } .home2 .slideBox .slick-next:hover { background: url(../images/next2hover.png) no-repeat center; } @media(max-width:768px){ .home2 .slideBox li .infoBox .more { color: #4e4e4e; position: relative; } .home2 .slideBox li .infoBox .more::before { content: ""; position: absolute; right: -20px; top: 5px; padding: 7px; background: url(../images/more2.png) no-repeat center; transition: 0.3s; } .home2 .slideBox li .infoBox .more:hover:before { right: -23px; } } .home3 { padding: 100px 0; } .home3 .tabBox ul { float: left; } .home3 .tabBox ul li { display: inline-block; margin-right: 30px; font-size: 24px; } .home3 .tabBox ul li.on { font-size: 48px; } .home3 .tabBox ul li.on a { color: #3B9E38; } .home3 .tabBox .more { float: right; display: inline-block; margin-top: 30px; } .home3 .slideBox { margin-top: 50px; position: relative; overflow: hidden; } .home3 .slideBox .itemBox { position: relative; z-index: 3; left: 0; opacity: 1; } .home3 .slideBox .itemBox.on { position: absolute; left: -100%; top: 0; width: 100%; height: 100%; z-index: -1; opacity: 0; } .home3 .slideBox li { padding-bottom: 20px; background: none; margin: 0 20px; } .home3 .slideBox li h3 { color: #bc1e4e; } .home3 .slideBox li i { background: #bc1e4e; } .home3 .slideBox li:nth-child(3n-1) h3 { color: #e26515; } .home3 .slideBox li:nth-child(3n-1) i { background: #e26515; } .home3 .slideBox li:nth-child(3n) h3 { color: #3d9e37; } .home3 .slideBox li:nth-child(3n) i { background: #3d9e37; } .home3 .slideBox li .licon { box-shadow: 0 0 15px #E5E5E5; background-color: white; border-top-left-radius: 50px; border-bottom-right-radius: 50px; overflow: hidden; } .home3 .slideBox li .licon .img { position: relative; overflow: hidden; } .home3 .slideBox li .licon em { position: absolute; right: 0; bottom: 0; padding-right: 30px; padding-top: 30px; font-style: normal; color: white; text-align: right; background: url(../images/licon1.png) no-repeat center; width: 170px; height: 90px; } .home3 .slideBox li .licon img { display: inline; } .home3 .slideBox li .licon .txtBox { padding: 30px 25px; position: relative; } .home3 .slideBox li .licon .txtBox h3 { font-size: 24px; font-weight: normal; line-height: 1.2; margin-bottom: 15px; } .home3 .slideBox li .licon .txtBox i { position: absolute; left: 0; bottom: 0; width: 100%; height: 4px; } .home3 .slideBox li .licon .txtBox .info { font-size: 16px; line-height: 1.5; margin-bottom: 30px; } .home3 .slideBox li .licon .txtBox .more { position: relative; padding-right: 25px; } .home3 .slideBox li .licon .txtBox .more::before { content: ""; position: absolute; right: 4px; top: 5px; background: url(../images/more2.png) no-repeat center; padding: 7px; transition: 0.3s; } .home3 .slideBox li .licon .txtBox .more:hover:before { right: 0px; } .home3 .slideBox li:hover img { transform: scale(1.1); } .home3 .slideBox li.on .img { border-bottom-right-radius: 50px; } .home3 .slideBox .slick-dots { text-align: center; margin-top: 30px; } .home3 .slideBox .slick-dots li { display: inline-block; font-size: 0; border-radius: 50%; padding: 4px; background-color: #eaeaea; margin: 0 10px; border: 1px solid transparent; } .home3 .slideBox .slick-dots li button { display: none; } .home3 .slideBox .slick-dots li.slick-active { border: 1px solid #3B9E38; background: none; } .home4 { height: 840px; position: relative; } .home4 .txtBox { padding-top: 15%; color: white; } .home4 .txtBox h3 { font-size: 40px; font-weight: normal; margin-bottom: 30px; } .home4 .txtBox .info { line-height: 1.8; max-width: 505px; transition: 0.3s ease-in-out; } .home4 .txtBox .info:hover { transform: scale(1.05); } .home5 { background: url(../images/home5bg.png) no-repeat right bottom; padding-bottom: 110px; margin-top: 100px; } .home5 .title { font-size: 48px; color: #bd1e4c; } .home5 .innerBox { margin-top: 30px; color: #333333; } .home5 .tit h4 { font-size: 36px; font-weight: normal; } .home5 .tit p { font-size: 16px; } .home5 .left { float: left; width: 36.5%; } .home5 .left .gj { border-bottom: 1px solid #E5E5E5; padding: 10px 0; } .home5 .left .bigNum { font-size: 86px; line-height: 1; } .home5 .left .minNum { font-size: 16px; } .home5 .left .minNum i { display: inline-block; border-bottom: 12px solid #bd1e4c; border-left: 8px solid transparent; border-right: 8px solid transparent; } .home5 .left .minNum i.on { border-bottom: none; border-top: 12px solid #3B9E38; } .home5 .left ul { padding: 20px 0; border-bottom: 1px solid #E5E5E5; } .home5 .left ul li { float: left; margin-right: 40px; } .home5 .left ul li:last-child { margin-right: 0; } .home5 .left ul li p { font-size: 16px; color: #999999; } .home5 .left ul li span { font-size: 36px; } .home5 .center { float: left; width: 23.5%; margin: 0 4.5%; } .home5 .center .img { position: relative; margin-top: 32px; } .home5 .center .img .txtBox { position: absolute; top: 30px; right: 15px; color: white; font-size: 16px; } .home5 .center .img .txtBox h3 { font-size: 48px; font-weight: normal; line-height: 1; } .home5 .center .img .txtBox a { color: white; margin-top: 30px; display: inline-block; position: relative; } .home5 .center .img .txtBox a::before { content: ""; position: absolute; right: -20px; top: 4px; background: url(../images/more.png) no-repeat center; padding: 7px; transition: 0.3s; } .home5 .center .img .txtBox a:hover:before { right: -23px; } .home5 .right { float: left; width: 31%; } .home5 .right ul { margin-top: 15px; } .home5 .right ul li { padding: 15px 0 20px 0; border-bottom: 1px solid #E5E5E5; color: #666666; } .home5 .right ul li p { font-size: 16px; color: #999999; line-height: 1; margin-bottom: 4px; } @media (max-width:1600px) { .homeBanner .slick-dots { bottom: 150px; } .page { margin-top: -125px; } .homeBanner i { bottom: 124px; } .homeBanner .txtBox { padding-top: 80px; } .homeBanner .txtBox { bottom: 100px; } .homeBanner .txtBox .txt { bottom: 0%; /* transform: translateY(-35%); */ } .home2 .tabBox li { margin-right: 2%; width: 15%; } .home2 .tabBox li span { font-size: 18px; } .home2 .tabBox li .txtBox img { max-height: 30px; } .home5 .left ul li span { font-size: 28px; } } @media (max-width:1440px) { .page { border-top-left-radius: 150px; } .homeBanner .txtBox h1 { font-size: 60px; } .homeBanner .txtBox { bottom: 80px; } .home1 .txtBox .right .item { width: 190px; height: 190px; } .home1 .txtBox .right .item .num { font-size: 50px; } /* .home1 .txtBox .right .item:nth-child(2) .num { font-size: 50px; } */ .home1 .slideBox li a { height: 550px; } .home1 .slideBox li { border-top-left-radius: 100px; border-bottom-right-radius: 100px; } .home2 .slideBox li { border-top-left-radius: 150px; border-bottom-right-radius: 150px; } .home5 .left { width: 39.5%; } .home5 .left .bigNum { font-size: 60px; } .home5 .left ul li span { font-size: 28px; } .home5 .center { margin: 0 3%; } .home5 .right ul li { padding: 13px 0; } .home2 .slideBox li .img { height: 630px; } } @media (max-width:1366px) { .home1 .txtBox .left { width: 500px; } .home1 .txtBox .right .item { width: 160px; height: 160px; } .home1 .txtBox .right .item .num { font-size: 40px; } /* .home1 .txtBox .right .item:nth-child(2) .num { font-size: 40px; } */ .home5 .left ul li { margin-right: 30px; } .home5 .left ul li span { font-size: 24px; } } @media (max-width:1024px) { .page { margin-top: -90px; } .homeBanner i { display: none; } .homeBanner li { border-bottom-right-radius: 60px; } .home1 .txtBox .right, .home1 .txtBox .left { float: none; width: 100%; } .home1 .txtBox .right { margin-top: 30px; } .home1 .txtBox .right .item:first-child { margin-left: 0; } .home1 .txtBox .right .item p.tit { font-size: 20px; } .home1 .slideBox li .slideTxt span.tit { margin-bottom: 30px; } .home1 .slideBox li .slideTxt span.tit { font-size: 18px; } .home1 .slideBox li .slideTxt h3 { font-size: 24px; } .home2 .tabBox li { margin: 0 2% 15px 0; width: 23%; } .home2 .tabBox li:nth-child(4n) { margin-right: 0; } .home2 .slideBox .slick-prev { right: 20%; } .home5 .left, .home5 .center, .home5 .right { float: none; width: 100%; margin: 15px 0; } .home5 .center .img { display: inline-block; } .home1 .txtBox .right .p1 { margin-left: 0; } } @media (max-width:768px) { .homeBanner .slick-dots { bottom: 10px; } .homeBanner .slick-next { right: 0; } .homeBanner .slick-prev { left: 0; } .page { border-top-left-radius: 60px; margin-top: -55px; } .videofloat .videoBox { width: 90vw; } .videofloat .videoBox .hide { right: 0; top: -40px; } .videoPlay { padding: 30px; } .home1 .txtBox .left h3 { font-size: 30px; margin-bottom: 15px; } .home1 .txtBox .right { display: flex; display: -webkit-flex; justify-content: space-between; } .home1 .txtBox .right .item { width: 150px; height: 150px; margin-left: 30px; } .home1 { padding: 30px 0; } .home2 .title { font-size: 30px; } .home1 .slideBox { margin-top: 50px; } .home1 .slideBox li a { height: 350px; } .home1 .slideBox li .slideTxt { right: 20px; bottom: 20px; } .home1 .slideBox li .slideTxt span.tit { margin-bottom: 15px; } .home1 .slideBox li .slideTxt span.tit { font-size: 16px; } .home1 .slideBox li .slideTxt h3 { font-size: 18px; } .home1 .slideBox li { border-top-left-radius: 30px; border-bottom-right-radius: 30px; } .home2 .tabBox li { margin: 0 2% 15px 0; width: 32%; height: 60px; } .home2 .tabBox li:nth-child(3n) { margin-right: 0%; } .home2 .tabBox li:nth-child(4n) { margin-right: 2%; } .home2 .tabBox li span { font-size: 16px; } .home2 .tabBox li .txtBox { padding: 10px 0; } .home2 .slideBox { margin-top: 30px; } .home2 .slideBox li { border-top-left-radius: 50px; border-bottom-right-radius: 50px; } .home2 .slideBox li .infoBox { left: 2%; position: relative; margin-top: 10px; } .home2 .slideBox li .infoBox .tit, .home2 .slideBox li .infoBox .inner { color: #333333; } .home2 .slideBox li .infoBox h3 { font-size: 24px; margin: 10px 0; } .home2 .slideBox li .img { height: 180px; } .home2 .slideBox li .infoBox .info { margin-bottom: 30px; } .home3 { padding: 50px 0; } .home3 .tabBox .more { margin-top: 10px; } .home3 .tabBox ul li { font-size: 18px; margin-right: 15px; } .home3 .tabBox ul li.on { font-size: 24px; } .home3 .slideBox { margin-top: 30px; } .home3 .slideBox li .licon .txtBox { padding: 15px; } .home3 .slideBox li .licon .txtBox h3 { font-size: 18px; margin-bottom: 10px; } .home3 .slideBox li .licon .txtBox .info { font-size: 14px; margin-bottom: 20px; } .home4 { height: 480px; background-size: 100% !important; background-position: top !important; } .home4 .videoPlay { top: 100px; } .home4 .txtBox { padding-top: 190px; color: #000; } .home4 .txtBox h3 { font-size: 30px; margin-bottom: 10px; } .home5 { padding-bottom: 50px; margin-top: 50px; } .home5 .innerBox { margin-top: 0; } .home5 .title { font-size: 30px; } .home5 .left .bigNum { font-size: 40px; } .home5 .tit h4 { font-size: 24px; } .home5 .right ul li:first-child { padding-top: 0; } } @media (max-width:480px) { .page { border-top-left-radius: 30px; margin-top: -30px; } .home1 .txtBox .right .item { width: 100px; height: 100px; margin-left: 10px; border: none; } .home1 .txtBox .right .item:first-child { background: url(../images/bg3.png)no-repeat center; background-size: 100%; } .home1 .txtBox .right .item:nth-child(2) { background: url(../images/bg4.png)no-repeat center; background-size: 100%; } .home1 .txtBox .right .item:nth-child(3) { background: url(../images/bg5.png)no-repeat center; background-size: 100%; } .home1 .txtBox .right .item p.tit { font-size: 14px; padding: 5px; background: transparent; } .home1 .txtBox .right .item .num { font-size: 22px; height: 40%; } /* .home1 .txtBox .right .item:nth-child(2) .num { font-size: 22px; } */ .home1 .slideBox li a { height: 300px; } .home2 .tabBox li { width: 48%; } .home2 .tabBox li:nth-child(2n) { margin-right: 0%; } .home2 .tabBox li:nth-child(3n) { margin-right: 2%; } } .bgPage { background-color: white; padding-top: 60px; margin-bottom: 130px; min-height: 50vh; } .bgPage.about { padding-top: 120px; } .bgColor { background-color: #F5F5F5; margin-bottom: 0; padding-bottom: 100px; } .clumBaner { position: relative; } .clumBaner img { min-height: 220px; } .clumBaner .txtBox { position: absolute; z-index: 0; right: 0; bottom: 0px; width: 100%; height: 100%; background: url(../images/bg7.png) no-repeat right bottom; color: white; text-align: right; background-size: 100% auto; } .clumBaner .txtBox .txt { position: absolute; right: 5%; /* top: 50%; transform: translateY(-50%); */ width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: end; -ms-flex-align: end; -webkit-align-items: flex-end; align-items: flex-end; padding-bottom: 10%; } .clumBaner .txtBox h1 { font-size: 38px; font-weight: normal; line-height: 1.2; } .clumBaner .txtBox .info { font-size: 18px; margin-top: 20px; } .clumBaner i { position: absolute; z-index: 10; right: 0; bottom: 119px; width: 180px; display: inline-block; height: 180px; background: url(../images/banbg2.png) no-repeat center; } .Color i { background: url(../images/banbg2_1.png) no-repeat center; } .clumpage .title { font-size: 48px; font-weight: normal; } .Brand1 { border-top-left-radius: 110px; border-bottom-right-radius: 110px; box-shadow: 0 0 15px #E5E5E5; overflow: hidden; height: 0; padding-bottom: 31%; position: relative; } .Brand1 .clearfix { position: absolute; width: 100%; height: 100%; overflow: hidden; left: 0; top: 0; } .Brand1 .left { float: left; width: 55%; } .Brand1 .right { float: left; width: 45%; height: 100%; } .Brand1 .left span { border-bottom-right-radius: 110px; display: block; overflow: hidden; } .Brand1 .left span img { transition: 0.3s ease-in-out; } .Brand1 .left span:hover img { transform: scale(1.05); } .Brand1 .right { padding: 60px; } .Brand1 .right h3 { color: #3B9E38; margin-bottom: 30px; } .Brand1 .right .info { line-height: 1.8; font-size: 16px; transition: 0.3s ease-in-out; height: calc(100% - 100px); overflow: hidden; overflow-y: scroll; padding-right: 10px; text-align: justify; } /* 设置滚动条的样式 */ .Brand1 .right .info::-webkit-scrollbar { width: 5px; } /* 滚动槽 */ .Brand1 .right .info::-webkit-scrollbar-track { border-radius: 10px; } /* 滚动条滑块 */ .Brand1 .right .info::-webkit-scrollbar-thumb { border-radius: 10px; background: rgba(193, 193, 193, 0.8); } .Brand1 .right .info::-webkit-scrollbar-thumb:window-inactive { background: rgba(241, 241, 241, 0.4); } .Brand1 .right .info:hover { transform: scale(1.05); } .Brand2 { padding: 120px 0; } .Brand2 .title { color: #dd6617; text-align: center; background-color: white; margin-bottom: -30px; position: relative; z-index: 2; } .Brand2 .img { text-align: center; } .Brand2 .info { text-align: center; font-size: 16px; line-height: 1.8; background-color: white; margin-top: -30px; } .Brand3 .title { color: #3B9E38; text-align: center; } .Brand3 .innerBox { display: flex; display: -webkit-flex; align-items: center; flex-wrap: wrap; margin-top: 50px; padding: 40px 145px 70px 145px; border-top-left-radius: 110px; border-bottom-right-radius: 110px; box-shadow: 0 0 15px #E5E5E5; overflow: hidden; } .Brand3 .left { float: left; width: 48%; } .Brand3 .left img { -webkit-animation: loop 6s linear infinite; -moz-animation: loop 6s linear infinite; -ms-animation: loop 6s linear infinite; -o-animation: loop 6s linear infinite; animation: loop 6s linear infinite; } @keyframes loop { 0% { transform: scale(0.9); -webkit-transform: scale(0.9); } 50% { transform: scale(1); -webkit-transform: scale(1) } 100% { transform: scale(0.9); -webkit-transform: scale(0.9) } } .Brand3 .right { float: left; width: 50%; } .Brand3 .right .item { overflow: hidden; margin-bottom: 40px; } .Brand3 .right .item .img { float: left; width: 102px; } .Brand3 .right .item .txtBox { float: left; width: calc(100% - 102px); padding-left: 15px; } .Brand3 .right .item .txtBox h3 { font-size: 30px; font-weight: normal; } .Brand3 .right .item .txtBox .info { font-size: 16px; line-height: 1.8; color: #333333; } .Brand3 .right .item:nth-child(1) h3 { color: #ff0010; } .Brand3 .right .item:nth-child(2) h3 { color: #f2df30; } .Brand3 .right .item:nth-child(3) h3 { color: #0096ff; } .Brand3 .right .item:last-child { margin-bottom: 0; } .history .title { text-align: center; color: #3B9E38; } .history1 { margin-bottom: 100px; background-color: white; padding-top: 120px; } .history1 .hd { margin-top: 60px; position: relative; z-index: 90; } .history1 .hd ul { width: 600px; max-width: 100%; margin: 0 auto; } .history1 .hd li { transform: scale(0.8); -ms-transform: scale(0.8); transition: 0.3s; } .history1 .hd .img { overflow: hidden; border-radius: 15px; position: relative; display: inline-block; } .history1 .hd .img .txt { display: none; position: absolute; right: 0; bottom: 0; width: 215px; height: 90px; padding: 45px 15px 0 0; text-align: right; background: url(../images/banbg3.png) no-repeat center; color: white; font-size: 24px; } .history1 .hd .txtBox { text-align: center; } .history1 .hd .tit { font-size: 18px; color: #333333; } .history1 .hd .time { color: #3B9E38; font-size: 24px; display: none; } .history1 .hd .info { font-size: 16px; color: #888888; min-height: 88px; } .history1 .hd li.slick-slide { opacity: 0; } .history1 .hd li.slick-center { opacity: 1; } .history1 .hd li.slick-center { transform: scale(1); -ms-transform: scale(1); } .history1 .hd li.slick-center .tit { display: none; } .history1 .hd li.slick-center .time, .history1 .hd li.slick-center .txt { display: block; } .history1 .hd li.slick-center .info { color: #000; } .history1 .hd .slick-arrow { position: absolute; bottom: 20px; background: none; border: none; font-size: 0; padding: 20px; z-index: 99; cursor: pointer; } .history1 .hd .slick-prev { left: 0; background: url(../images/hisprev1.png) no-repeat center; } .history1 .hd .slick-prev:hover { background: url(../images/hisprev.png) no-repeat center; } .history1 .hd .slick-next { right: 0; background: url(../images/hisnext1.png) no-repeat center; } .history1 .hd .slick-next:hover { background: url(../images/hisnext.png) no-repeat center; } .history1 .bd ul { background: url(../images/historLine.png) repeat-x center top; padding: 0px 115px 0 115px; } .history1 .bd ul li { display: inline-block; font-size: 18px; margin-right: 55px; cursor: pointer; position: relative; padding-top: 30px; width: 90px; } .history1 .bd ul li::before { content: ""; display: none; position: absolute; left: 10px; top: 5px; background: url(../images/historItem.png) no-repeat center; padding: 15px; } .history1 .bd ul li.slick-current::before { display: block; } .history2 { padding: 100px 0; background-color: #f5f5f5; border-bottom-right-radius: 150px; position: relative; z-index: 100; } .history2 ul { margin-top: 50px; } .history2 li { padding: 20px 0; border-bottom: 1px solid #e2e2e2; } .history2 li .titTxt { float: left; max-width: 80%; font-size: 24px; color: #484848; padding-left: 45px; background: url(../images/time.png) no-repeat left center; } .history2 li a { float: right; display: inline-block; padding-right: 25px; position: relative; color: #484848; margin-top: 5px; } .history2 li a::before { content: ""; position: absolute; right: 0; top: 2px; background: url(../images/open.png) no-repeat center; padding: 10px; } .history2 li a.on::before { background: url(../images/open2.png) no-repeat center; } .history2 li .txtBox { display: none; background: #FFFFFF url(../images/hisbg.jpg) no-repeat right bottom; border-top-left-radius: 50px; border-bottom-right-radius: 50px; padding: 50px 40px; margin-top: 30px; box-shadow: 0 0 15px #E5E5E5; } .history2 li .txtBox .item { font-size: 16px; margin: 25px 0; color: #484848; position: relative; padding-left: 35px; } .history2 li .txtBox .item::before { content: ""; position: absolute; left: 8px; top: 7px; padding: 3px; background-color: #999999; border-radius: 50%; } .history2 li .txtBox .item:first-child:before { background: url(../images/historItem.png) no-repeat center; padding: 12px; top: -1px; left: 0; background-size: contain; } .ayuiBox { position: relative;text-align: left } .ayuiBox .tip { position: absolute; left: 0; bottom: 0; display: none; } .ayuiBox .tip span { display: block; margin-bottom: 15px; padding-left: 30px; color: #333333; position: relative; } .ayuiBox .tip span::before { content: ""; position: absolute; left: 0; top: 5px; width: 20px; height: 10px; } .ayuiBox .tip span:nth-child(1):before { background-color: #e16614; } .ayuiBox .tip span:nth-child(2):before { background-color: #3b9e38; } .ayuiBox .mapBox {display: inline-block;margin-top: 40px;} .ayuiBox .mapBox img{max-width: 700px;} .ayuiBox .itemBox{ position: absolute;right: 0;top: 10%;width: 45%} .ayuiBox .itemBox .item { position: relative;cursor: pointer;margin-bottom: 30px } .ayuiBox .itemBox .item .txtBox { display: block; position: relative;background-color: white; box-shadow: 0 0 15px #E5E5E5; border-top-left-radius: 100px; border-bottom-right-radius: 100px; overflow: hidden; } .ayuiBox .itemBox .item.h2 .txtBox { } .ayuiBox .itemBox .item .txtBox .img { float: left; width: 46%; border-bottom-right-radius: 100px; overflow: hidden; } .ayuiBox .itemBox .item .txtBox .info { float: right; width: 54%; padding: 28px 50px; font-size: 16px; line-height: 1.8; } .ayuiBox .itemBox .item .txtBox .info h3 { font-size: 22px; font-weight: normal; } @-webkit-keyframes changeright { 0% { -webkit-transform: rotate(0deg); } 50% { -webkit-transform: rotate(180deg); } 100% { -webkit-transform: rotate(360deg); } } @-webkit-keyframes changeright2 { 0% { -webkit-transform: rotate(0deg); } 50% { -webkit-transform: rotate(-180deg); } 100% { -webkit-transform: rotate(-360deg); } } .ayuiBox .itemBox .item.h1 { } .ayuiBox .itemBox .item.h1:before { width: 6px; height: 6px; content: ''; position: absolute; top: 32px; left: 32px; background: #e48f58; border-radius: 50%; display: none;} .ayuiBox .itemBox .item.h1 .line { content: ''; display: none; position: absolute; left: 0; top: 0; width: 70px; height: 70px; /* background: url(../images/hd.png) no-repeat center; */ /* background-size: contain; */ /* -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 100%, 0 100%); */ -webkit-animation: changeright 8s linear infinite; -moz-animation: changeright 8s linear infinite; -ms-animation: changeright 8s linear infinite; -o-animation: changeright 8s linear infinite; animation: changeright 8s linear infinite; border: 4px solid #e6ab85; border-left: 4px solid transparent; border-radius: 50%; } .ayuiBox .itemBox .item.h1 .line2 { content: ''; display: none;position: absolute; left: 5px; top: 5px; width: 60px; height: 60px; /* -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 100%, 0 100%); */ -webkit-animation: changeright2 6s linear infinite; -moz-animation: changeright2 6s linear infinite; -ms-animation: changeright2 6s linear infinite; -o-animation: changeright2 6s linear infinite; animation: changeright2 6s linear infinite; border: 4px solid #e6ab85; border-left: 4px solid transparent; border-radius: 50%; } .ayuiBox .itemBox .item.h1 .line3 { content: ''; display: none;position: absolute; left: 10px; top: 10px; width: 50px; height: 50px; /* -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 100%, 0 100%); */ -webkit-animation: changeright 6s linear infinite; -moz-animation: changeright 6s linear infinite; -ms-animation: changeright 6s linear infinite; -o-animation: changeright 6s linear infinite; animation: changeright 6s linear infinite; border: 4px solid #e48f58; border-left: 4px solid transparent; border-radius: 50%; } .ayuiBox .itemBox .item.h1 h3 { color: #e16614; } .ayuiBox .itemBox .item.h2 { } .ayuiBox .itemBox .item.h2:before { width: 6px; height: 6px; content: ''; position: absolute; top: 32px; left: 32px; background: #3b9e38; border-radius: 50%; display: none; } .ayuiBox .itemBox .item.h2 .line { content: ''; display: none;position: absolute; left: 0; top: 0; width: 70px; height: 70px; /* background: url(../images/hd.png) no-repeat center; */ /* background-size: contain; */ /* -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 100%, 0 100%); */ -webkit-animation: changeright 8s linear infinite; -moz-animation: changeright 8s linear infinite; -ms-animation: changeright 8s linear infinite; -o-animation: changeright 8s linear infinite; animation: changeright 8s linear infinite; border: 4px solid #93c797; border-left: 4px solid transparent; border-radius: 50%; } .ayuiBox .itemBox .item.h2 .line2 { content: ''; display: none; position: absolute; left: 5px; top: 5px; width: 60px; height: 60px; /* -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 100%, 0 100%); */ -webkit-animation: changeright2 6s linear infinite; -moz-animation: changeright2 6s linear infinite; -ms-animation: changeright2 6s linear infinite; -o-animation: changeright2 6s linear infinite; animation: changeright2 6s linear infinite; border: 4px solid #93c797; border-left: 4px solid transparent; border-radius: 50%; } .ayuiBox .itemBox .item.h2 .line3 { content: ''; display: none; position: absolute; left: 10px; top: 10px; width: 50px; height: 50px; /* -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 100%, 0 100%); */ -webkit-animation: changeright 6s linear infinite; -moz-animation: changeright 6s linear infinite; -ms-animation: changeright 6s linear infinite; -o-animation: changeright 6s linear infinite; animation: changeright 6s linear infinite; border: 4px solid #3b9e38; border-left: 4px solid transparent; border-radius: 50%; } .ayuiBox .itemBox .item.h2 h3 { color: #3b9e38; } .ayuiBox .auiList { position: absolute; right: 0; top: 10%; box-shadow: 0 0 15px #E5E5E5; border-radius: 10px; overflow: hidden; width: 270px; background-color: white;display: none} .ayuiBox .auiList .tit { background-color: #3B9E38; padding: 10px 20px; font-size: 24px; color: white; } .ayuiBox .auiList ul { padding: 20px 20px 20px 20px; } .ayuiBox .auiList li { padding: 30px 0; border-bottom: 1px solid #E5E5E5; } .ayuiBox .auiList li h3 { font-size: 20px; font-weight: normal; } .ayuiBox .auiList li .address { margin: 15px 0; font-size: 16px; } .Culture1 .title { text-align: center; color: #3B9E38; } .Culture1 .txtBox { margin-top: 50px; padding: 70px 105px 0; background-color: white; box-shadow: 0 0 15px #E5E5E5; border-top-left-radius: 100px; border-bottom-right-radius: 100px; overflow: hidden; } .Culture1 .info { font-size: 16px; line-height: 1.8; } .Culture1 .img { text-align: center; margin-top: 50px; position: relative; min-height: 600px; } .Culture1 .img h3 { position: absolute; top: 0; left: 0; width: 100%; text-align: center; color: #1b69aa; font-size: 32px; } .Culture1 .img section { position: absolute; top: 85px; left: 50%; width: 496px; max-width: 100%; transform: translateX(-50%); } .Culture1 .img section img { transition: 0.3s ease-in-out; } .Culture1 .img section img:hover { transform: scale(1.1); } .Culture1 .img section .item1 { margin-bottom: 10px; } .Culture1 .img section .item2 { margin-top: 18px; font-size: 0; line-height: normal; } .Culture1 .img section .item2 img:nth-child(2) { margin: 0 15px; } .Culture2 { margin-top: 50px; margin-bottom: -80px; } .Culture2 ul { display: flex; display: -webkit-flex; flex-wrap: wrap; } .Culture2 li { float: left; width: 49%; margin-right: 2%; margin-bottom: 2%; box-shadow: 0 0 15px #E5E5E5; padding: 60px; font-size: 16px; } .Culture2 li:nth-child(2n) { margin-right: 0; } .Culture2 li h3 { font-size: 32px; font-weight: normal; margin-bottom: 10px; } .Culture2 li:nth-child(1), .Culture2 li:nth-child(4) { border-top-right-radius: 50px; border-bottom-left-radius: 50px; } .Culture2 li:nth-child(2), .Culture2 li:nth-child(3) { border-top-left-radius: 50px; border-bottom-right-radius: 50px; } .Culture2 li:nth-child(1) h3 { color: #bd1e4c; } .Culture2 li:nth-child(2) h3 { color: #e37024; } .Culture2 li:nth-child(3) h3 { color: #f0ca20; } .Culture2 li:nth-child(4) h3 { color: #3B9E38; } .Culture2 li p { color: #414141; } .Culture2 li .info { margin-top: 30px; line-height: 1.8; min-height: 240px; transition: 0.3s ease-in-out; } .Culture2 li:hover .info { transform: scale(1.05); } .Culture2 li:nth-child(5) { margin-right: 0; width: 100%; float: none; border-top-left-radius: 50px; border-bottom-right-radius: 50px; } .Culture2 li:nth-child(5) .info { min-height: auto; } .Culture2 li:nth-child(5) h3 { color: #1b69aa; } .Culture2 li:nth-child(5) .fourBox { margin-top: 30px; } .Culture2 li:nth-child(5) .fourBox .item { float: left; width: 23.5%; margin-right: 2%; box-shadow: 0 0 15px #E5E5E5; border-top-left-radius: 20px; border-bottom-right-radius: 20px; overflow: hidden; } .Culture2 li:nth-child(5) .fourBox .item:last-child { margin-right: 0; } .Culture2 li:nth-child(5) .fourBox .item .img { position: relative; float: left; max-width: 110px; width: 36%; } .Culture2 li:nth-child(5) .fourBox .item .img p { position: absolute; left: 0; top: 0; width: 100%; text-align: center; line-height: 140px; color: white; font-size: 48px; font-weight: bold; } .Culture2 li:nth-child(5) .fourBox .item .txtBox { float: left; width: 64%; height: 140px; padding-left: 20px; color: #707070; } .Culture2 li:nth-child(5) .fourBox .item .txtBox h4 { color: #333333; margin-bottom: 10px; } .Honor:nth-child(2) {margin-top: 80px;} .Honor .left { float: left; width: 50%; } .Honor .left ul { padding: 0 70px; } .Honor .left li { margin: 0 35px; } .Honor .left .img { padding: 10px; background-color: #f2f2f2; } .Honor .left .img img{ max-height:347px;margin:0 auto; } .Honor .left .txt { font-size: 18px; color: #000; text-align: center; padding: 10px; } .Honor .left .slick-arrow { position: absolute; top: 40%; padding: 15px; background: none; border: none; font-size: 0; z-index: 99; cursor: pointer; } .Honor .left .slick-prev { left: 0; background: url(../images/prev2.png) no-repeat center; } .Honor .left .slick-prev:hover { background: url(../images/prev2hover.png) no-repeat center; } .Honor .left .slick-next { right: 0; background: url(../images/next2.png) no-repeat center; } .Honor .left .slick-next:hover { background: url(../images/next2hover.png) no-repeat center; } .Honor .right { float: left; width: 50%; padding-left: 90px; } .Honor .right h3 { font-size: 24px; font-weight: normal; color: #3B9E38; } .Honor .right .scrollBox { height: 350px; margin-top: 15px; } .Honor .right ul { padding-top: 20px; } .Honor .right ul li { padding: 15px 0; border-bottom: 1px solid #f5f5f5; font-size: 16px; cursor: pointer; color: #707070; } .Honor .right ul li:last-child { border: none; } .Honor .right ul li .untit { display: none; margin-top: 10px; } .Honor .right ul li.on { padding-left: 20px; border-left: 2px solid #3B9E38; background-color: #f5f5f5; } .Honor .right ul li.on .age { color: #3B9E38; } .Honor .right ul li.on .tit { color: #4d4d4d; } .Honor .right ul li.on .untit { display: block; } .Honor .right ul li .bBox, .Honor .right ul li .age { width: 80px; } .Honor .right ul li span { display: block; float: left; } .Honor .right ul li .tit, .Honor .right ul li .dw { width: calc(100% - 80px); } .Honor .right .mCSB_inside>.mCSB_container { margin-right: 15px; } .Honor .right .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #3B9E38; width: 6px; } .Honor .right .mCSB_scrollTools .mCSB_draggerRail { background-color: #f5f5f5; width: 6px; } .Contact { margin-bottom: -50px; position: relative; z-index: 100; } .Contact .title { color: #3B9E38; text-align: center; } .Contact .itemBox .item { margin-top: 50px; box-shadow: 0 0 15px #E5E5E5; background-color: white; border-top-left-radius: 100px; border-bottom-right-radius: 100px; overflow: hidden; } .Contact .itemBox .item h3 { font-weight: normal; font-size: 32px; margin-bottom: 30px; } .Contact .itemBox .item:nth-child(1) h3 { color: #1b69aa; } .Contact .itemBox .item:nth-child(2) h3 { color: #e16614; } .Contact .itemBox .item .txtBox { padding: 80px 60px; width: 40%; float: left; } .Contact .itemBox .item .info { font-size: 16px; line-height: 1.8; } .Contact .itemBox .item .mapBox { float: left; width: 60%; min-height: 350px; } .Contact .itemBox .item .mapBox img { max-width: none; } .Contact_form { margin-top: 80px; } .Contact_form ul { margin-top: 50px; } .Contact_form li { position: relative; float: left; width: 49%; margin-right: 2%; margin-bottom: 2%; border: 1px solid #e0e0e0; height: 65px; line-height: 65px; padding: 0 20px; font-size: 16px; color: #333333; } .Contact_form li:nth-child(2n) { margin-right: 0; } .Contact_form li .text { height: 65px; border: none; background: none; width: calc(100% - 60px); float: left; } .Contact_form li .down { cursor: pointer; background: url(../images/down.png) no-repeat right center; } .Contact_form li:last-child { width: 100%; height: 180px; } .Contact_form li span { display: block; float: left; width: 60px; } .Contact_form li textarea { float: left; border: none; outline: none; resize: none; width: calc(100% - 60px); height: 100%; padding: 20px 0; overflow: hidden; } .Contact_form li .downSelect { display: none; position: absolute; width: 100%; left: 0; top: 64px; background-color: white; z-index: 9; padding: 15px 30px; border: 1px solid #e0e0e0; } .Contact_form li .downSelect a { display: block; line-height: 1.5; font-size: 16px; margin-bottom: 10px; } .Contact_form li.w100 { width: 100%; } .Contact_form li.w100 span { width: 200px; } .Contact_form li.w100 .text { width: calc(100% - 220px); } .Contact_form .submit { text-align: center; margin-top: 30px; } .Contact_form .submit input { border: none; color: white; background-color: #3B9E38; padding: 10px 80px; font-size: 20px; border-top-left-radius: 20px; border-bottom-right-radius: 20px; } .governance ul { display: flex; display: -webkit-flex; flex-wrap: wrap; } .governance li { float: left; width: 32%; margin-right: 2%; margin-bottom: 2%; background: url(../images/ceobg.jpg) no-repeat right bottom; border-top-left-radius: 50px; border-bottom-right-radius: 50px; box-shadow: 0 0 15px #E5E5E5; padding: 30px; overflow: hidden; } .governance li:nth-child(3n) { margin-right: 0; } .governance li .img { float: left; width: 50%; } .governance li .txtBox { float: left; width: 50%; padding: 20px 20px 0 30px; color: #333333; } .governance li .txtBox h3 { font-size: 24px; font-weight: normal; margin-bottom: 20px; } .governance li .txtBox .info { line-height: 1.7; } .structure .title { color: #3B9E38; text-align: center; margin-bottom: 50px; } .structure .txtBox .info { font-size: 16px; line-height: 1.8; text-align: center; max-width: 1150px; margin: 0 auto; } .structure .txtBox ul { margin-top: 50px; display: flex; display: -webkit-flex; flex-wrap: wrap; } .structure .txtBox li { float: left; width: 48%; margin-right: 2%; margin-bottom: 2%; background-color: white; padding: 60px; } .structure .txtBox li .txt { transition: 0.3s ease-in-out; } .structure .txtBox li:hover .txt { transform: scale(1.05); } .structure .txtBox li:nth-child(2n) { margin-right: 0; } .structure .txtBox li h3 { font-size: 34px; margin-bottom: 20px; } .structure .txtBox li:nth-child(1) h3 { color: #1b69aa; } .structure .txtBox li:nth-child(2) h3 { color: #bd1e4c; } .structure .txtBox li:nth-child(3) h3 { color: #e37024; } .structure .txtBox li:nth-child(4) h3 { color: #f0ca20; } .structure .txtBox li .txt { font-size: 16px; line-height: 1.8; min-height: 200px; } .structure .txtBox { margin-top: 50px; } .structure .jgbox .img { text-align: center; margin-top: 30px; } .Summary .title { color: #3B9E38; text-align: center; margin-bottom: 50px; } .Summary table { width: 100%; border-color: #e2e6e1; border: 1px solid #e2e6e1; table-layout: fixed; word-break: break-word; } .Summary table th, .Summary table td { min-height: 80px; font-size: 18px; text-align: left; padding: 30px 50px; } .Summary table th { background-color: #3B9E38; color: white; } .Summary table td { color: #000; background-color: #eef2ed; } .Summary table tr:nth-child(2n) td { background-color: #f3f7f2; } .Summary table .td1 { width: 35%; } .Summary table .td2 { width: 25%; } .Summary table .td3 { width: 25%; } .Summary table .td4 { width: 15%; } .Summary .tip { background-color: #eef2ed; min-height: 80px; padding: 30px 50px; border: 1px solid #e2e6e1; border-top: none; font-size: 18px; color: #000; } .logBox table th:nth-child(1), .logBox table td:nth-child(1) { width: 35%; } .noticeBox { margin-top: 50px; } .noticeBox h3 { font-size: 30px; color: #e37024; font-weight: normal; } .noticeBox li { padding: 20px 0; border-bottom: 1px solid #eeeeee; overflow: hidden; } .noticeBox li a { color: #000000; display: block; } .noticeBox li a:hover { color: #3B9E38; } .noticeBox li p { float: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 90%; font-size: 16px; } .noticeBox li i { display: block; font-style: normal; float: right; background: url(../images/pdf.png) no-repeat center; padding: 12px; } .Performance .title { color: #3B9E38; text-align: center; margin-bottom: 50px; } .Performance li { float: left; width: 23.5%; margin-right: 2%; margin-bottom: 2%; box-shadow: 0 0 15px #E5E5E5; } .Performance li:nth-child(4n) { margin-right: 0; } .Performance li .img { border-bottom: 1px solid #EEEEEE; } .Performance li .txtBox { padding: 30px; font-size: 18px; color: #000000; overflow: hidden; } .Performance li .txtBox p { float: left; width: 75%; } .Performance li .txtBox a { display: inline-block; margin-top: 2px; float: right; padding-left: 20px; background: url(../images/download.png) no-repeat left center; font-size: 16px; color: #999999; } .Stock { height: 600px; position: relative; overflow: hidden; border-top-left-radius: 50px; border-bottom-right-radius: 50px; } .Stock .txtBox { position: absolute; left: 0; top: 0; width: 500px; height: 100%; background: rgba(246, 246, 246, 0.8); border-bottom-right-radius: 50px; padding: 110px 90px; } .Stock .txtBox .tit h4 { font-size: 36px; font-weight: normal; color: #333333; } .Stock .txtBox .tit p { font-size: 16px; } .Stock .txtBox .gj { border-bottom: 1px solid #e8e6e6; padding: 10px 0; } .Stock .txtBox .bigNum { font-size: 86px; line-height: 1; color: #333333; } .Stock .txtBox .minNum { font-size: 16px; } .Stock .txtBox .minNum i { display: inline-block; border-bottom: 12px solid #bd1e4c; border-left: 8px solid transparent; border-right: 8px solid transparent; } .Stock .txtBox .minNum i.on { border-bottom: none; border-top: 12px solid #3B9E38; } .Stock .txtBox ul { padding: 20px 0; } .Stock .txtBox ul li { float: left; width: 60%; margin-bottom: 30px; } .Stock .txtBox ul li:nth-child(2n) { width: 40%; } .Stock .txtBox ul li p { font-size: 16px; color: #999999; } .Stock .txtBox ul li span { font-size: 36px; color: #333333; } .personnel .person { margin-top: 80px; } .personnel .person1 { height: 560px; position: relative; margin-left: 40px; border-top-left-radius: 50px; border-bottom-right-radius: 50px; } .personnel .person1 .txtBox { position: absolute; left: -40px; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); width: 540px; background-color: white; padding: 70px 60px; box-shadow: 0 0 15px #E5E5E5; } .personnel .person1 .txtBox h3 { font-size: 32px; font-weight: normal; color: #1b69aa; margin-bottom: 20px; } .personnel .person1 .txtBox .info { font-size: 16px; line-height: 1.8; } .personnel .person2 li { float: left; width: 47.5%; max-width: 680px; margin-right: 5%; border-top-left-radius: 50px; border-bottom-right-radius: 50px; position: relative; height: 520px; overflow: hidden; cursor: pointer; } .personnel .person2 li:nth-child(2n) { margin-right: 0; } .personnel .person2 li .txtBox { position: absolute; left: 0; bottom: 30px; width: 100%; color: white; transition: 0.3s; padding: 0 84px; text-align: center; } .personnel .person2 li .txtBox h3 { font-size: 32px; text-align: center; position: relative; } .personnel .person2 li .txtBox .info { display: none; font-size: 16px; line-height: 1.8; text-align: left; } .personnel .person2 li::before { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 0%; background-color: rgba(59, 158, 56, 0.8); opacity: 0; transition: 0.2s; } .personnel .person2 li:hover::before { opacity: 1; height: 100%; } .personnel .person2 li:hover .txtBox { bottom: auto; top: 50%; transform: translateY(-50%); } .personnel .person2 li:hover .txtBox h3 { margin-bottom: 20px; padding-bottom: 30px; } .personnel .person2 li:hover .txtBox h3::before { content: ""; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 30px; height: 2px; background-color: white; } .personnel .person2 li:hover .txtBox .info { display: block; } .personnel .person3 { max-width: 1920px; margin: 80px auto auto; } .personnel .person3 .tit { max-width: 1440px; margin: 0 auto; } .personnel .person3 .tit .tp { color: #ecac19; font-size: 32px; display: inline-block; margin-right: 30px; } .personnel .person3 .tit .inp { font-size: 18px; color: #333333; } .personnel .person3 ul { margin-top: 40px; } .personnel .person3 li { width: 50%; float: left; position: relative; height: 440px; cursor: pointer; } .personnel .person3 li::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.5; transition: 0.3s; } .personnel .person3 li:nth-child(1)::before { background: #1b69aa; } .personnel .person3 li:nth-child(2)::before { background: #ecac19; } .personnel .person3 li:nth-child(3)::before { background: #3b9e38; } .personnel .person3 li:nth-child(4)::before { background: #dd571a; } .personnel .person3 li .txtBox { position: absolute; left: 0; top: 0; color: white; width: 100%; padding: 40px 60px; } .personnel .person3 li .txtBox h3 { font-size: 32px; } .personnel .person3 li .txtBox .info { font-size: 18px; line-height: 1.8; position: relative; padding-bottom: 30px; display: none; } .personnel .person3 li .txtBox .info::before { content: ""; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; width: 30px; height: 3px; background-color: white; } .personnel .person3 li:hover::before { opacity: 0.8; } .personnel .person3 li:hover .txtBox { left: 50%; top: 50%; transform: translate(-50%, -50%); } .personnel .person3 li:hover .txtBox h3 { text-align: center; } .personnel .person3 li:hover .txtBox .info { display: block; text-align: center; } .personnel .person4 .title { text-align: center; color: #ecac19; margin-bottom: 60px; } .personnel .person4 li { float: left; width: 48%; margin: 0 20px; background-color: #f4f4f4; border-top-left-radius: 50px; border-bottom-right-radius: 50px; overflow: hidden; } .personnel .person4 li .img { border-bottom-right-radius: 50px; overflow: hidden; width: 46%; float: left; } .personnel .person4 li .txtBox { width: 54%; float: left; padding: 90px 70px 50px 50px; color: #333333; } .personnel .person4 li .txtBox h3 { font-size: 30px; font-weight: normal; margin-bottom: 30px; } .personnel .person4 li .txtBox .info { font-size: 16px; line-height: 1.8; } .personnel .person4 .slick-dots { text-align: center; margin-top: 30px; } .personnel .person4 .slick-dots li { width: 10px; height: 10px; border-radius: 50%; font-size: 0; display: inline-block; float: none; margin: 0 10px; background-color: #EEEEEE; } .personnel .person4 .slick-dots li.slick-active { background-color: #3b9e38; } .personnel .person4 .slick-dots li button { display: none; } .Employment .Employ1 { height: 560px; position: relative; margin-left: 40px; border-top-left-radius: 50px; border-bottom-right-radius: 50px; margin-bottom: 80px; } .Employment .Employ1 .txtBox { position: absolute; left: -40px; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); width: 540px; background-color: white; padding: 70px 60px; box-shadow: 0 0 15px #E5E5E5; } .Employment .Employ1 .txtBox h3 { font-size: 32px; font-weight: normal; color: #1b69aa; margin-bottom: 20px; } .Employment .Employ1 .txtBox .info { font-size: 16px; line-height: 1.8; } .Employment .Employ1:nth-child(2n) { margin-left: 0; margin-right: 40px; } .Employment .Employ1:nth-child(2n) .txtBox { right: -40px; left: auto; } .Employment .EmployList { background-color: #f7f7f7; padding: 100px 0; display: none; } .Employment .EmployList .title { text-align: center; color: #dd571a; } .Employment .EmployList ul { margin-top: 50px; } .Employment .EmployList ul li { margin-bottom: 20px; } .Employment .EmployList ul li h3 { font-size: 24px; font-weight: normal; color: #333333; } .Employment .EmployList ul li .showBox { background-color: white; padding: 40px 60px; position: relative; border: 1px solid #f1f1f1; } .Employment .EmployList ul li .showBox .openAll { position: absolute; right: 0; bottom: 0; padding: 10px 50px 10px 30px; border: 1px solid #e2e2e2; font-size: 16px; background: #f7f7f7 url(../images/downopen.png) no-repeat right 30px center; } .Employment .EmployList ul li .lcid { margin-top: 5px; } .Employment .EmployList ul li .lcid span { display: inline-block; padding-right: 15px; border-right: 1px solid #adadad; line-height: 1; color: #333333; } .Employment .EmployList ul li .lcid span+span { padding-left: 15px; } .Employment .EmployList ul li .lcid span:last-child { border: none; } .Employment .EmployList ul li .info { margin-top: 30px; font-size: 16px; line-height: 1.8; } .Employment .EmployList ul li .info h5 { font-size: 18px; font-weight: normal; } .Employment .EmployList ul li .noneBox { display: none; box-shadow: 0 0 15px #E5E5E5; margin-top: 20px; background-color: white; padding: 40px 60px; position: relative; border: 1px solid #f1f1f1; } .Employment .EmployList ul li .noneBox .closeAll { position: absolute; right: 0; bottom: 0; padding: 10px 50px 10px 30px; color: white; font-size: 16px; background: #3b9e38 url(../images/downclose.png) no-repeat right 30px center; } .Employment .EmployList ul li .noneBox .upload { margin-top: 50px; } .Employment .EmployList ul li .noneBox .upload a { background: #3b9e38 url(../images/fj.png) no-repeat left 20px center; color: white; padding: 12px 30px 12px 50px; font-size: 18px; } .Employment .joinUs { /* padding-top: 100px; */ position: relative; z-index: 999; } .Employment .joinUs h3 { text-align: center; font-size: 48px; font-weight: normal; color: #bd1e4c; } .Employment .joinUs .info { /* text-align: center; */ margin-top: 30px; font-size: 16px; color: #333333; line-height: 1.8; } .Employment .joinUs .info a { color: #bd1e4c; } .NewBox { padding-top: 0; } .News { padding-top: 20px; position: relative; z-index: 999; } .News .NewTop { max-width: 1500px; margin: 0 auto; } .News .NewTop li { box-shadow: 0 0 15px #E5E5E5; border-top-left-radius: 50px; border-bottom-right-radius: 50px; overflow: hidden; background-color: white; font-size: 16px; margin: 0 20px; } .News .NewTop li .img { width: 50%; float: left; overflow: hidden; } .News .NewTop li:hover img { transform: scale(1.1); } .News .NewTop li .txtBox { width: 50%; float: left; padding: 50px 60px; } .News .NewTop li .txtBox .time { color: #3B9E38; } .News .NewTop li .txtBox .time .date { font-size: 48px; font-weight: bold; } .News .NewTop li .txtBox h3 { font-size: 24px; font-weight: normal; color: #3B9E38; margin-bottom: 10px; } .News .NewTop li .txtBox .info { line-height: 1.8; color: #999999; margin-bottom: 20px; } .News .NewTop .slick-list { padding: 15px 10px; } .News .NewTop .slick-dots { position: absolute; left: 53.5%; bottom: 8%; z-index: 99; } .News .NewTop .slick-dots li { border-radius: 50%; background-color: #eaeaea; padding: 4px; display: inline-block; margin: 0 13px; box-shadow: none; border: 1px solid transparent; cursor: pointer; } .News .NewTop .slick-dots li button { display: none; } .News .NewTop .slick-dots li.slick-active { background: none; border: 1px solid #3B9E38; } .News .more { position: relative; padding-right: 25px; } .News .more::before { content: ""; position: absolute; right: 4px; top: 5px; background: url(../images/more3.png) no-repeat center; padding: 7px; transition: 0.3s; } .News .more:hover:before { right: 0px; } .News .NewList { margin-top: 80px; } .News .NewList li { margin-bottom: 40px; overflow: hidden; font-size: 16px; } .News .NewList li .img { float: left; width: 22.5%; max-width: 320px; overflow: hidden; } .News .NewList li:hover img { transform: scale(1.1); } .News .NewList li .txtBox { width: 75%; float: left; margin-left: 2.5%; border-bottom: 1px solid #E5E5E5; padding: 15px 0 25px 0; } .News .NewList li .txtBox .inner { padding-right: 40px; border-right: 1px solid #E5E5E5; float: left; width: 85%; } .News .NewList li .txtBox .inner h3 { font-size: 20px; font-weight: normal; margin-bottom: 15px; } .News .NewList li .txtBox .inner .info { line-height: 1.8; margin-bottom: 20px; min-height: 56px; } .News .NewList li .txtBox .time { float: left; width: 15%; padding: 40px 0 30px 40px; } .News .NewList li .txtBox .time .date { display: block; color: #000000; font-size: 40px; line-height: 1; } .News .content .tit { text-align: center; margin-bottom: 30px; } .News .content .tit h1 { font-size: 34px; font-weight: normal; margin-bottom: 10px; } .News .content .tit .time { color: #999999; font-size: 18px; } .News .content .info { padding: 50px 0; border-top: 1px solid #E5E5E5; border-bottom: 1px solid #E5E5E5; font-size: 16px; line-height: 1.8; color: #555555; } .News .content .info p { margin-bottom: 20px; } .News .content .info .img { display: flex; flex-wrap: wrap; justify-content: space-between; } .News .content .info .img, .News .content .info .img2 { margin: 50px 0; text-indent: 0; } .News .content .newPage { margin-top: 50px; font-size: 16px; } .News .content .newPage .left { float: left; width: 80%; } .News .content .newPage .left .item { margin-bottom: 10px; color: #999999; } .News .content .newPage .blackList { float: right; width: 20%; text-align: right; padding-top: 20px; } .News .content .newPage .blackList a { color: white; padding: 12px 50px 12px 30px; border-radius: 30px; background: #3B9E38 url(../images/next.png) no-repeat right 33px center; transition: 0.2s; } .News .content .newPage .blackList a:hover { background-position: right 30px center; } .Sociology .title { text-align: center; margin-bottom: 30px; color: #3B9E38; } .Sociology .info { font-size: 16px; text-indent: 2em; line-height: 1.8; max-width: 1200px; margin: 0 auto 50px auto; } .Sociology .info p { margin-bottom: 20px; } .Sociology .Sociology_1 .subTitle { color: #3B9E38; text-align: center; font-size: 30px; margin-bottom: 30px; font-weight: normal; } .Sociology .Sociology_1 li { float: left; height: 180px; width: 18%; margin-right: 2.5%; background-position: center; background-repeat: no-repeat; font-size: 20px; padding: 30px; transition: 0.3s ease-in-out; } .Sociology .Sociology_1 li:hover { transform: scale(1.05); } .Sociology .Sociology_1 li:nth-child(1) { background-image: url(../uploadfiles/so1.png); } .Sociology .Sociology_1 li:nth-child(2) { background-image: url(../uploadfiles/so2.png); } .Sociology .Sociology_1 li:nth-child(3) { background-image: url(../uploadfiles/so3.png); } .Sociology .Sociology_1 li:nth-child(4) { background-image: url(../uploadfiles/so4.png); } .Sociology .Sociology_1 li:nth-child(5) { background-image: url(../uploadfiles/so5.png); margin-right: 0; } .Sociology .SociologyBox { margin-top: 80px; } .Sociology .SociologyBox .info p { margin-bottom: 0; } .Sociology .Sociology_2 .title { color: #d86717; } .Sociology .Sociology_2 .imgBox { position: relative; border-top-left-radius: 100px; border-bottom-right-radius: 100px; height: 350px; } .Sociology .Sociology_2 .imgBox .txtBox { position: absolute; left: 0; width: 30%; bottom: 0; padding: 0 0 50px 50px; color: white; font-size: 20px; } .Sociology .Sociology_2 .imgBox .txtBox h3 { font-size: 24px; font-weight: normal; margin-bottom: 30px; } .Sociology .Sociology_2 .imgBox .txtBox p { margin-bottom: 5px; } .Sociology .Sociology_3 .title { color: #1b69aa; } .Sociology .Sociology_4 { padding-bottom: 50px; } .Sociology .Sociology_4 .slick-list { padding: 0 18%; } .Sociology .Sociology_4 li { margin: 0 50px; border-top-left-radius: 100px; border-bottom-right-radius: 100px; overflow: hidden; position: relative; } .Sociology .Sociology_4 li:hover .txtBox { transform: scale(1.05); } .Sociology .Sociology_4 li::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.8); z-index: 9; } .Sociology .Sociology_4 li.slick-active::before { display: none; } .Sociology .Sociology_4 li .txtBox { display: none; position: absolute; left: 0; bottom: 0; width: 100%; background: rgba(59, 158, 56, 0.8); padding: 30px; text-indent: 2em; color: white; font-size: 16px; line-height: 1.8; transition: 0.3s ease-in-out; } .Sociology .Sociology_4 li.slick-active .txtBox { display: block; } .Sociology .Sociology_4 .slick-arrow { position: absolute; top: 50%; z-index: 99; cursor: pointer; transform: translateY(-50%); border: none; font-size: 0; background: none; padding: 30px; background-size: contain; background-position: center; background-repeat: no-repeat; } .Sociology .Sociology_4 .slick-prev { left: 16.5%; background-image: url(../images/prev3.png); } .Sociology .Sociology_4 .slick-next { right: 16.5%; background-image: url(../images/next3.png); } .protection .protBox { margin-top: 80px; } .protection .title { text-align: center; color: #3B9E38; margin-bottom: 30px; } .protection .subTitle { color: #333; text-align: center; font-size: 30px; margin-bottom: 30px; font-weight: normal; } .protection .info { font-size: 16px; text-indent: 2em; line-height: 1.8; max-width: 1200px; margin: 0 auto 50px auto; text-align: justify; } .protection .protection_1 .item { width: 48%; float: left; margin-right: 4%; background-position: center; background-repeat: no-repeat; background-size: 100% 100%; min-height: 330px; padding: 60px; transition: 0.3s ease-in-out; } .protection .protection_1 .item:hover { transform: scale(1.05); } .protection .protection_1 .item:last-child { margin-right: 0; } .protection .protection_1 .item h3 { font-size: 30px; font-weight: normal; color: #3B9E38; margin-bottom: 15px; } .protection .protection_1 .item .txt { font-size: 16px; line-height: 1.8; max-width: 390px; } .protection .protection_2 .imgBox { overflow: hidden; } .protection .protection_2 .imgBox img { display: block; margin-right: 4%; width: 48%; float: left; } .protection .protection_2 .imgBox img:nth-child(2n) { margin-right: 0; } .protection .protection_2 .list li { display: flex; display: -webkit-flex; align-items: center; flex-wrap: wrap; margin-top: 80px; background-color: #f5f5f5; border-top-left-radius: 100px; border-bottom-right-radius: 100px; overflow: hidden; } .protection .protection_2 .list li .img { width: 48.5%; float: left; } .protection .protection_2 .list li .txtBox { float: left; width: 51.5%; padding: 95px; } .protection .protection_2 .list li .txtBox h3 { font-size: 30px; font-weight: normal; margin-bottom: 30px; } .protection .protection_2 .list li .txtBox .txt { font-size: 16px; line-height: 1.8; } .product { position: relative; z-index: 999; } .product .title { text-align: center; color: #3B9E38; margin-bottom: 30px; } .product .info { font-size: 16px; line-height: 1.8; text-indent: 2em; max-width: 1230px; margin: 0 auto; } .product .proList { margin-top: 50px; } .product .proList li { width: 32%; float: left; margin-right: 2%; margin-bottom: 2%; border-top-left-radius: 60px; border-bottom-right-radius: 60px; overflow: hidden; } .product .proList li:nth-child(3n) { margin-right: 0; } .product .proList li .img { position: relative; overflow: hidden; } .product .proList li .txtbg { position: absolute; left: 0; bottom: -100%; width: 100%; height: 100%; background: url(../images/probg.png) no-repeat center bottom; transition: 0.3s; } .product .proList li .txtbg .txt { position: absolute; left: 0; bottom: 20px; width: 100%; color: white; padding: 20px 30px 0 30px; line-height: 1.8; } .product .proList li:hover img { transform: scale(1.1); } .product .proList li:hover .txtbg { bottom: 0; } .product .proList li .txtBox { background-color: #f7f7f7; padding: 20px 30px; overflow: hidden; } .product .proList li .txtBox h3 { float: left; font-size: 20px; font-weight: normal; color: #333333; width: 60%; } .product .proList li .txtBox .more { float: right; color: #999999; margin-top: 8px; display: inline-block; padding-right: 25px; background: url(../images/more4.png) no-repeat right 3px center; transition: 0.3s; margin-right: 15px; } .product .proList li .txtBox .more:hover { background-position: right center; color: #3B9E38; } .product .newPro { background: none; padding-top: 80px; padding-bottom: 0; } .product .newPro .slideBox { margin-top: 0; } .product .tabBox { margin-bottom: 100px; } .product .tabBox li { float: left; width: 220px; height: 75px; margin-right: 20px; margin-bottom: 20px; border-top-left-radius: 20px; border-bottom-right-radius: 20px; overflow: hidden; position: relative; } .product .tabBox li:last-child { margin-right: 0; } .product .tabBox li .txtBox { position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 0; text-align: center; line-height: 70px; cursor: pointer; transition: 0.3s; } .product .tabBox li .txtBox a { display: block; width: 100%; height: 100%; } .product .tabBox li span { color: white; font-size: 24px; line-height: 1; vertical-align: middle; display: inline-block; margin-left: 5px; } .product .tabBox li:nth-child(1) .txtBox:hover { background-color: #bc1f4d; } .product .tabBox li:nth-child(2) .txtBox:hover { background-color: #de6515; } .product .tabBox li:nth-child(3) .txtBox:hover { background-color: #e1bc1a; } .product .tabBox li:nth-child(4) .txtBox:hover { background-color: #3c9e38; } .product .tabBox li:nth-child(5) .txtBox:hover { background-color: #1d6aa9; } .product .tabBox li:nth-child(6) .txtBox:hover { background-color: #2b49e1; } .product .prodetail_1 .info { margin-bottom: 80px; } .product .prodetail_1 .proInfoList .proInfoList_list { display: flex; flex-wrap: wrap; } .product .prodetail_1 .proInfoList li { width: 32%; /* float: left; */ margin-right: 2%; margin-bottom: 2%; border-top-left-radius: 60px; border-bottom-right-radius: 60px; overflow: hidden; } .product .prodetail_1 .proInfoList li:nth-child(3n) { margin-right: 0; } .product .prodetail_1 .proInfoList li .img { overflow: hidden; position: relative; } .product .prodetail_1 .proInfoList li .img a { overflow: hidden; display: block; width: 100%; height: 100%; } .product .prodetail_1 .proInfoList li .img a img { transition: 0.3s ease-in-out; } .product .prodetail_1 .proInfoList li .img a:hover img { transform: scale(1.1); } .product .prodetail_1 .proInfoList li .txt { background-color: #f7f7f7; overflow: hidden; cursor: pointer; padding: 20px 30px; } .product .prodetail_1 .proInfoList li .txt.on h3 { color: white; } .product .prodetail_1 .proInfoList li .txt.on .more { display: none; } .product .prodetail_1 .proInfoList li h3 { float: left; color: white; font-size: 24px; font-weight: normal; color: #333; max-width: 70%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .product .prodetail_1 .proInfoList li .more { float: right; color: #999999; margin-top: 5px; margin-right: 20px; display: inline-block; padding-right: 25px; background: url(../images/more4.png) no-repeat right 3px center; transition: 0.3s; } .product .prodetail_1 .proInfoList li .more:hover { background-position: right center; color: #3B9E38; } .product .prodetail_1 .proInfoList li .txtBox { /* background-color: #f7f7f7; */ overflow: hidden; } .product .prodetail_1 .proInfoList li .txtBox .aBox { display: none; padding: 20px 30px; } .product .prodetail_1 .proInfoList li .txtBox .aBox .titA { display: block; margin: 10px 0; font-size: 16px; color: #666666; padding-left: 20px; background: url(../images/a.png) no-repeat left center; } .product .prodetail_1 .proInfoList li .txtBox .aBox .titA.on, .product .prodetail_1 .proInfoList li .txtBox .aBox .titA:hover { color: #3c9e38; background: url(../images/ahover.png) no-repeat left center; } .product .prodetail_1 .proInfoList li .txtBox .lcidBox { margin-top: 20px; padding-left: 20px; display: none; } .product .prodetail_1 .proInfoList li .txtBox .lcidBox a { display: block; float: left; width: 33.333%; color: #999999; margin: 10px 0; } .product .prodetail_1 .proInfoList li .txtBox .lcidBox a:hover { color: #3c9e38; } .product .prodetail_1 .proInfoList li:nth-child(3) .lcidBox a { width: 50%; } .product .product_info .pro_top { border-top-left-radius: 100px; border-bottom-right-radius: 100px; overflow: hidden; display: flex; display: -webkit-flex; align-items: center; flex-wrap: wrap; } .product .product_info .pro_top .left { float: left; width: 50%; border-bottom-right-radius: 100px; overflow: hidden; } .product .product_info .pro_top .right { float: left; width: 50%; padding: 60px; } .product .product_info .pro_top .right h1 { font-size: 48px; font-weight: normal; color: #3B9E38; margin-bottom: 20px; } .product .product_info .pro_top .right .detailinfo { font-size: 16px; line-height: 1.8; } .product .product_info .pro_detail { margin-top: 120px; } .product .product_info .pro_detail .tabBox { background-color: #f5f5f5; } .product .product_info .pro_detail .tabBox a { display: inline-block; padding: 20px 40px; font-size: 16px; } .product .product_info .pro_detail .tabBox a+a { margin-left: -4px; } .product .product_info .pro_detail .tabBox a:hover, .product .product_info .pro_detail .tabBox a.on { color: white; background-color: #3B9E38; } .product .product_info .pro_detail .itemBox li { display: flex; display: -webkit-flex; align-items: center; flex-wrap: wrap; border-top-left-radius: 50px; border-bottom-right-radius: 50px; box-shadow: 0 0 15px #E5E5E5; width: 32%; float: left; margin-right: 2%; overflow: hidden; } .product .product_info .pro_detail .itemBox li:nth-child(3n) { margin-right: 0; } .product .product_info .pro_detail .itemBox li .left { float: left; width: 120px; text-align: center; padding: 80px 20px; background-color: #3B9E38; border-bottom-right-radius: 50px; color: white; } .product .product_info .pro_detail .itemBox li .left h3 { font-size: 20px; font-weight: normal; margin-top: 20px; } .product .product_info .pro_detail .itemBox li .right { font-size: 16px; line-height: 1.8; padding: 10px 30px; float: left; width: calc(100% - 120px); } .product .product_info .pro_detail .itemBox:nth-child(2) h3 { color: #3B9E38; } .product .product_info .pro_detail .itemBox:nth-child(2) .iteminfo { font-size: 16px; line-height: 1.8; max-width: 1140px; margin: 0 auto; text-indent: 2em; } .product .product_info .pro_detail .itemBox .listInfo { float: left; width: 48%; margin-right: 4%; box-shadow: 0 0 15px #E5E5E5; border-top-left-radius: 50px; border-bottom-right-radius: 50px; overflow: hidden; } .product .product_info .pro_detail .itemBox .listInfo:nth-child(2n) { margin-right: 0; } .product .product_info .pro_detail .itemBox .listInfo .img { float: left; max-width: 190px; border-bottom-right-radius: 50px; overflow: hidden; } .product .product_info .pro_detail .itemBox .listInfo .txtBox { float: left; width: calc(100% - 190px); padding: 20px 30px; } .product .product_info .pro_detail .itemBox .listInfo .txtBox .txtP { height: 165px; } .product .product_info .pro_detail .itemBox .listInfo .txtBox .txtP .mCSB_scrollTools .mCSB_draggerRail { width: 3px; background-color: #dddddd; } .product .product_info .pro_detail .itemBox .listInfo .txtBox .txtP .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #de6515; width: 3px; } .product .product_info .pro_detail .itemBox .listInfo .txtBox h4 { font-size: 20px; margin-bottom: 10px; font-weight: normal; } .product .product_info .pro_detail .itemBox .listInfo .txtBox p { line-height: 1.8; position: relative; font-size: 16px; } .product .product_info .pro_detail .itemBox .listInfo .txtBox p::before { content: "·"; color: #de6515; padding-right: 5px; } .product .product_info .tableBox { margin-top: 100px; } .product .product_info .tableBox h3 { text-align: center; margin-bottom: 50px; color: #e16614; font-size: 36px; font-weight: normal; } .product .product_info .tableBox table { border-color: #FFFFFF; width: 100%; font-size: 20px; } .product .product_info .tableBox th, .product .product_info .tableBox td { border: 1px solid #FFFFFF; width: 25%; font-weight: normal; padding: 10px 0; position: relative; } .product .product_info .tableBox th { background-color: #f8decc; color: #e16614; } .product .product_info .tableBox th:nth-child(1)::before { content: ""; position: absolute; left: -5px; top: 40px; width: 110%; height: 1px; transform: rotate(11.5deg); background-color: white; } .product .product_info .tableBox th p:nth-child(1) { text-align: right; padding-right: 30px; } .product .product_info .tableBox th p:nth-child(2) { text-align: left; padding-left: 50px; } .product .product_info .tableBox td { background-color: #f5f5f5; text-align: center; padding: 23px 0; font-size: 20px; } .product .product_info .tableBox td:nth-child(1) { text-align: left; padding-left: 50px; } .product .degBox { max-width: 950px; margin: 80px auto; } .product .degBox .swiper-container { padding: 50px 0; } .product .degBox li.swiper-slide-active { transform: scale(0.85) !important; transition: 0.3s; } .product .product_2_info { margin-bottom: 80px; } .product .product_2_info .info { max-width: 90%; margin: 0 auto; margin-bottom: 50px; } .product .product_2 .listImg { overflow: hidden; } .product .product_2 .listImg img { display: block; width: 32%; margin-right: 2%; margin-bottom: 2%; float: left; } .product .product_2 .listImg img:nth-child(3n) { margin-right: 0; } .product .product_3 .listImg { overflow: hidden; } .product .product_3 .listImg img { display: block; max-width: 49%; margin-right: 2%; margin-bottom: 2%; float: left; max-height: 606px; } .product .product_3 .listImg img:nth-child(2n) { margin-right: 0; } .product .product_3 .listImg img:nth-child(2) { padding-left: 30px; } .product .product_4 .info { float: left; width: 52%; text-indent: 0; } .product .product_4 .listImg { float: left; width: 48%; text-align: right; } @media (max-width:1600px) { .page.page_index { margin-top: -125px; } .bgPage { padding-top: 50px; } .bgPage.about { padding-top: 50px; } .homeBanner .txtBox h1 { font-size: 70px; } .product .tabBox { padding-left: 10%; } .clumBaner i { bottom: 124px; } .product .tabBox li { margin-right: 2%; width: 15%; } .product .tabBox li span { font-size: 18px; } .product .tabBox li .txtBox img { max-height: 30px; } } @media (max-width:1440px) { .bgPage { padding-top: 40px; } .bgPage.about { padding-top: 40px; } .Brand3 .innerBox { padding: 50px 120px; } .Brand1 .right { padding: 30px; } .history1 .bd ul { padding: 0 6%; } .Culture2 li:nth-child(5) .fourBox .item .txtBox { height: 120px; } .Contact .itemBox .item .txtBox { padding: 60px 50px; } .Contact .itemBox .item h3 { font-size: 28px; } .governance li .txtBox { padding: 10px 10px 0 20px; } .structure .txtBox li { padding: 40px; } .personnel .person4 li .txtBox { padding: 60px 40px; } .News .NewTop li .txtBox { padding: 30px 50px; } .News .NewTop .slick-dots { bottom: 8%; left: 52.5%; } .News .NewList li .txtBox { padding: 15px 0; } .News .NewList li .txtBox .time { padding: 30px 0 30px 20px; } .News .NewList li .txtBox .time .date { font-size: 30px; } .Sociology .Sociology_4 { padding-bottom: 0; } .Sociology .Sociology_4 .slick-prev { left: 16%; } .Sociology .Sociology_4 .slick-next { right: 16%; } .protection .protection_2 .list li .txtBox { padding: 60px; } .ayuiBox .itemBox .item .txtBox { } .ayuiBox .itemBox .item .txtBox .info { padding: 15px 40px; } } @media (max-width:1366px) { .bgPage { padding-top: 30px; } .bgPage.about { padding-top: 30px; } .history1 .bd ul { padding: 0 3.8%; } .governance li { padding: 30px 20px; } .News .NewList li .txtBox .inner .info { margin-bottom: 10px; } .product .product_info .pro_detail .itemBox li .right { padding: 10px 15px; } .homeBanner .txtBox h1 { font-size: 50px; } } @media (max-width:1280px) { .bgPage { padding-top: 20px; } .bgPage.about { padding-top: 20px; } .history1 .bd ul { padding: 0 12.5%; } .structure .txtBox li h3 { font-size: 28px; margin-bottom: 10px; } .homeBanner .txtBox h1 { font-size: 40px; } } @media (max-width:1024px) { .homeBanner .txtBox h1 { font-size: 30px; } .Sociology .Sociology_2 .imgBox .txtBox { width: 50%; } .Brand3 .innerBox { padding: 30px 50px; } .Brand3 .right .item { margin-bottom: 20px; } .ayuiBox { padding-right: 0; } .ayuiBox .auiList { position: relative; left: auto; top: auto; width: 100%; margin-top: 20px; } .ayuiBox .auiList ul { padding: 30px 15px; } .ayuiBox .auiList li { padding: 20px 0; } .ayuiBox .auiList li h3 { font-size: 18px; } .ayuiBox .auiList li .address { font-size: 14px; margin: 5px 0; } .Culture2 { margin-bottom: 0; } .Culture1 .txtBox { padding: 30px; border-top-left-radius: 30px; border-bottom-right-radius: 30px; } .Culture2 li { padding: 30px 15px; float: none; width: 100%; margin-right: 0; margin-bottom: 30px; font-size: 14px; } .Culture2 li:last-child { margin-bottom: 0; } .Culture2 li:nth-child(1), .Culture2 li:nth-child(4) { border-top-right-radius: 30px; border-bottom-left-radius: 30px; } .Culture2 li:nth-child(2), .Culture2 li:nth-child(3) { border-top-left-radius: 30px; border-bottom-right-radius: 30px; } .Culture2 li .info { min-height: auto; margin-top: 10px; } .Culture2 li h3 { font-size: 18px; } .Culture2 li:nth-child(5) { border-top-left-radius: 30px; border-bottom-right-radius: 30px; } .Culture2 li:nth-child(5) .fourBox .item { width: 48%; margin-right: 4%; margin-bottom: 4%; } .Culture2 li:nth-child(5) .fourBox .item:nth-child(2n) { margin-right: 0; } .Honor .left { padding-top: 0; float: none; width: 80%; margin: 0 auto; } .Honor .right { float: none; width: 100%; margin-top: 30px; padding-left: 0; } .Honor .left li { margin: 0; max-width: 100%; text-align: center; } .Honor .left .img { max-width: 300px; display: inline-block; } .Honor .right ul { padding-top: 15px; } .Contact .itemBox .item .mapBox, .Contact .itemBox .item .txtBox { float: none; width: 100%; } .governance li { width: 48%; } .governance li:nth-child(5), .governance li:nth-child(3n) { margin-right: 2%; } .governance li:nth-child(2n) { margin-right: 0; } .structure .txtBox li { float: none; width: 100%; margin-right: 0; margin-bottom: 30px; } .Summary table th, .Summary table td, .Summary .tip { padding: 20px 30px; font-size: 14px; min-height: 60px; } .Summary table .td1 { width: 30%; } .Summary table .td2 { width: 25%; } .Summary table .td3 { width: 25%; } .Summary table .td4 { width: 20%; } .Performance li { width: 49%; margin-right: 2%; } .Performance li:nth-child(2n) { margin-right: 0; } .personnel .person2 li .txtBox { padding: 0 40px; } .personnel .person4 li .txtBox { padding: 40px 20px; } .News .NewTop li { font-size: 14px; } .News .NewTop li .txtBox { padding: 30px; } .News .NewTop li .txtBox .time .date { font-size: 24px; } .News .NewTop li .txtBox h3 { font-size: 16px; } .News .NewTop li .txtBox .info { line-height: 1.5; margin-bottom: 15px; } .News .NewList li { margin-bottom: 30px; font-size: 14px; } .News .NewList li .txtBox { padding-top: 0; } .News .NewList li .txtBox .inner { padding-right: 15px; } .News .NewList li .txtBox .inner h3 { margin-bottom: 10px; font-size: 18px; } .News .NewList li .txtBox .inner .info { min-height: 50px; } .News .NewList li .txtBox .time { padding: 20px 0 20px 15px; } .News .NewList li .txtBox .time .date { font-size: 18px; } .News .content .tit { margin-bottom: 10px; } .News .content .tit h1 { font-size: 24px; } .News .content .tit .time { font-size: 14px; } .News .content .info { font-size: 14px; padding: 30px 0; } .News .content .info p { margin-bottom: 10px; } .News .content .info .img, .News .content .info .img2 { margin: 20px 0; } .News .content .info img { display: inline-block; margin-bottom: 20px; } .News .content .newPage { margin-top: 30px; font-size: 14px; } .News .content .newPage .left { width: 100%; float: none; } .News .content .newPage .blackList { width: 100%; float: none; text-align: center; } .Sociology .Sociology_4 .slick-list { padding: 0 10%; } .Sociology .Sociology_4 li { margin: 0 30px; } .Sociology .Sociology_4 .slick-arrow { padding: 20px; } .Sociology .Sociology_4 .slick-prev { left: 8%; } .Sociology .Sociology_4 .slick-next { right: 8%; } .protection .protection_1 .item { float: none; width: 100%; margin-bottom: 20px; } .protection .protection_2 .list li .txtBox { padding: 15px; } .protection .protection_2 .list li .txtBox h3 { font-size: 20px; margin-bottom: 10px; } .product .proList li .txtBox { padding: 15px; } .product .proList li .txtBox h3 { font-size: 15px; } .product .proList li .txtBox .more { margin-top: 0; } .product .product_info .pro_top { border-top-left-radius: 30px; border-bottom-right-radius: 30px; } .product .product_info .pro_top .right, .product .product_info .pro_top .left { float: none; width: 100%; padding: 0; margin-bottom: 20px; } .product .product_info .pro_top .right h1 { font-size: 28px; margin-bottom: 10px; } .product .product_info .pro_detail { margin-top: 30px; } .product .product_info .pro_detail .itemBox li { float: none; width: 100%; margin-right: 0; margin-bottom: 20px; } .product .product_info .pro_detail .itemBox .listInfo { float: none; width: 100%; margin-right: 0; margin-bottom: 20px; } .product .product_info .itemBox .tableBox { margin-top: 30px; } } @media (max-width:768px) { .Sociology .Sociology_2 .imgBox { height: 200px; border-top-left-radius: 30px; border-bottom-right-radius: 30px; background-position: center center !important; } .Sociology .Sociology_2 .imgBox .txtBox { width: 100%; padding: 20px 30px; font-size: 14px; } .Sociology .Sociology_2 .imgBox .txtBox h3 { font-size: 16px; } .clumBaner i { display: none; } .bgPage { padding-top: 30px; margin-bottom: 80px; } .NewBox { padding-top: 0; } .bgColor { margin-bottom: 0; } .clumpage .title { font-size: 26px; } .Brand1 { border-top-left-radius: 40px; border-bottom-right-radius: 30px; height: auto; padding-bottom: 0; } .Brand1 .clearfix { position: relative; } .Brand1 .left, .Brand1 .right { float: none; width: 100%; } .Brand1 .right { padding: 30px 15px; } .Brand1 .right h3 { font-size: 26px; margin-bottom: 15px; } .Brand1 .left span { border-bottom-right-radius: 30px; } .Brand2 { padding: 50px 0; } .Brand2 .info { font-size: 14px; } .Brand3 .innerBox { padding: 30px 15px; border-top-left-radius: 30px; border-bottom-right-radius: 30px; } .Brand3 .left { text-align: center; margin-bottom: 30px; } .Brand3 .left, .Brand3 .right { float: none; width: 100%; } .Brand3 .right .item .txtBox h3 { font-size: 18px; } .Brand3 .right .item .txtBox .info { font-size: 14px; } .history2 { border-bottom-right-radius: 0px; padding: 50px 0; margin-bottom: 40px; } .history2 ul { margin-top: 30px; } .history2 li { padding: 10px 0; } .history2 li .titTxt { font-size: 14px; background-size: contain; padding-left: 30px; } .history2 li .txtBox { padding: 30px 15px; border-top-left-radius: 20px; border-bottom-right-radius: 20px; } .history2 li .txtBox .item { margin: 15px 0; font-size: 14px; } .history1 .hd .img .txt { font-size: 18px; background-size: contain; width: 155px; height: 70px; padding: 35px 15px 0 0; } .history1 .bd ul li { width: 100px; margin-right: 70px; text-align: center; } .history1 .bd ul li::before { left: 35px; } .ayuiBox .itemBox {position: relative;top: auto;right: auto;width: 100%;margin-top: 30px;} .ayuiBox .mapBox img {max-width: 100%;width: 100%} .ayuiBox .itemBox .item.h2 {} .ayuiBox .itemBox .item .txtBox {} .ayuiBox .itemBox .item .txtBox .img, .ayuiBox .itemBox .item .txtBox .info { float: none; width: 100%; } .ayuiBox .itemBox .item .txtBox .info { padding: 15px; font-size: 14px; } .ayuiBox .itemBox .item .txtBox .info h3 { font-size: 18px; } .ayuiBox .itemBox .item .txtBox .img { border-bottom-right-radius: 30px; } .ayuiBox .auiList .tit { font-size: 20px; } .ayuiBox .tip span { margin-bottom: 5px; } .Culture1 .txtBox { padding: 30px 15px; margin-top: 30px; } .Culture1 .img { margin-top: 30px; } .Honor .right h3 { font-size: 18px; } .Honor .right ul li { font-size: 14px; } .Honor .right ul li .bBox, .Honor .right ul li .age { width: 70px; } .Honor .left { width: 100%; } .Honor .left .txt { font-size: 14px; } .Honor .right ul li .tit, .Honor .right ul li .dw { width: calc(100% - 70px); } .Contact { margin-bottom: 30px; } .Contact .itemBox .item { border-top-left-radius: 30px; border-bottom-right-radius: 30px; } .Contact .itemBox .item .txtBox { padding: 30px 15px; } .Contact .itemBox .item h3 { margin-bottom: 10px; } .Contact .itemBox .item .mapBox { min-height: 250px; } .Contact_form { margin-top: 30px; } .Contact .itemBox .item { margin-top: 30px; } .Contact .itemBox .item h3 { font-size: 20px; } .Contact_form ul { margin-top: 30px; } .Contact_form li { float: none; margin-right: 0; width: 100%; font-size: 14px; height: 50px; line-height: 50px; } .Contact_form li .text { height: 50px; } .Contact_form li.w100 { height: auto; } .Contact_form li.w100 span { width: 100%; float: none; } .Contact_form li.w100 .text { display: block; float: none; width: 100%; border-bottom: 1px solid #e0e0e0; margin-bottom: 5px; } .Contact_form li:last-child { height: 50px; } .governance li { width: 100%; float: none; margin-right: 0; margin-bottom: 30px; border-top-left-radius: 30px; padding: 20px 10px; } .governance li:nth-child(5), .governance li:nth-child(3n) { margin-right: 0; } .governance li .txtBox { padding: 0 0 0 15px; } .governance li .txtBox h3 { font-size: 20px; margin-bottom: 10px; } .structure .txtBox li { padding: 20px 15px; } .structure .txtBox li h3 { font-size: 20px; } .structure .txtBox .info, .structure .txtBox li .txt { font-size: 14px; } .Performance .title, .structure .title { margin-bottom: 30px; } .structure .jgbox { margin-top: 30px; } .Summary .title { margin-bottom: 30px; } .Summary table th, .Summary table td, .Summary .tip { padding: 15px 5px; font-size: 12px; } .noticeBox { margin-top: 30px; } .noticeBox h3 { font-size: 24px; margin-bottom: 15px; } .noticeBox li { padding: 10px 0; } .noticeBox li p { font-size: 14px; } .Performance li .txtBox { padding: 20px 5px; font-size: 12px; } .Performance li .txtBox a { font-size: 12px; margin-top: 1px; } .Performance li .txtBox p { width: 70%; } .personnel .person1 { margin-left: 0; height: 450px; border-top-left-radius: 30px; border-bottom-right-radius: 30px; } .personnel .person1 .txtBox { left: 50%; transform: translate(-50%, -50%); padding: 30px 15px; max-width: 95%; } .personnel .person1 .txtBox h3 { font-size: 20px; margin-bottom: 10px; } .personnel .person1 .txtBox .info { font-size: 14px; } .personnel .person2 li { width: 100%; float: none; margin-bottom: 20px; margin-right: 0; height: 360px; border-top-left-radius: 30px; border-bottom-right-radius: 30px; } .personnel .person2 li .txtBox { padding: 0 15px; } .personnel .person2 li .txtBox h3 { padding-bottom: 15px; margin-bottom: 15px; font-size: 20px; } .personnel .person2 li .txtBox .info { font-size: 14px; } .personnel .person3 li { float: none; width: 100%; margin-bottom: 20px; height: 0; padding-bottom:66.667%; background-size:cover!important;} .personnel .person3 li .txtBox h3 { font-size: 20px; } .personnel .person3 li .txtBox { padding: 20px 15px; } .personnel .person3 li .txtBox .info { font-size: 14px; } .personnel .person3 .tit { padding: 0 2%; } .personnel .person3 .tit .tp { font-size: 24px; display: block; } .personnel .person3 .tit .inp { font-size: 14px; display: block; } .personnel .person3 ul { margin-top: 20px; } .personnel .person, .personnel .person3 { margin-top: 30px; } .personnel .person4 .title { margin-bottom: 30px; } .personnel .person4 li { width: 100%; /* float: none; */ margin-right: 0; margin-bottom: 20px; border-top-left-radius: 30px; } .personnel .person4 li .txtBox { padding: 15px 10px; } .personnel .person4 li .txtBox h3 { font-size: 20px; margin-bottom: 10px; } .personnel .person4 li .txtBox .info { font-size: 14px; } .personnel .person4 li .img { border-bottom-right-radius: 30px; } .Employment .Employ1 { margin-left: 0; height: 450px; border-top-left-radius: 30px; border-bottom-right-radius: 30px; margin-bottom: 30px; } .Employment .Employ1:nth-child(2n) { margin-right: 0; } .Employment .Employ1:nth-child(2n) .txtBox,.Employment .Employ1 .txtBox { left: 50%; transform: translate(-50%, -50%); padding: 20px 15px; max-width: 95%; } .Employment .Employ1 .txtBox h3 { font-size: 20px; margin-bottom: 10px; } .Employment .Employ1 .txtBox .info { font-size: 14px; } .Employment .EmployList { padding: 30px 0; } .Employment .EmployList ul { margin-top: 30px; } .Employment .EmployList ul li .showBox { padding: 20px 15px 50px 15px; } .Employment .EmployList ul li h3 { font-size: 18px; } .Employment .EmployList ul li .info { margin-top: 15px; font-size: 14px; } .Employment .EmployList ul li .noneBox .closeAll { bottom: 20px; right: 15px; } .Employment .EmployList ul li .noneBox .closeAll, .Employment .EmployList ul li .showBox .openAll { font-size: 14px; padding: 8px 30px 8px 20px; background-position: right 10px center; } .Employment .EmployList ul li .noneBox { padding: 30px 15px; } .Employment .EmployList ul li .noneBox .upload a { font-size: 14px; padding: 8px 15px 8px 35px; background-position: left 10px center; } .Employment .joinUs { padding-top: 30px; } .Employment .joinUs h3 { font-size: 24px; } .Employment .joinUs .info { margin-top: 15px; } .News { padding-top: 30px; } .News .NewTop li { margin: 0 10px; border-top-left-radius: 30px; border-bottom-right-radius: 30px; } .News .NewTop li .txtBox, .News .NewTop li .img { float: none; width: 100%; } .News .NewTop li .txtBox { padding: 10px 15px 30px 15px; } .News .NewTop .slick-dots { left: 0; width: 100%; bottom: 20px; text-align: center; } .News .NewTop .slick-dots li { margin: 0 5px; } .News .NewList li .img { width: 100%; float: none; text-align: center; max-width: 100%; margin-bottom: 15px; } .News .NewList li .txtBox { width: 100%; float: none; } .News .NewList li .txtBox .time { padding: 20px 0 20px 15px; width: 25%; } .News .NewList li .txtBox .time .date { font-size: 16px; } .News .NewList li .txtBox .inner { padding-right: 10px; width: 75%; } .News .NewList li .txtBox .inner h3 { font-size: 16px; margin-bottom: 5px; } .News .NewList li .txtBox .inner .info { line-height: 1.5; min-height: 38px; margin-bottom: 10px; } .News .NewList li .txtBox { padding-bottom: 10px; } .News .content .tit h1 { font-size: 18px; } .Sociology .SociologyBox { margin-top: 30px; } .Sociology .title { margin-bottom: 20px; } .Sociology .Sociology_1 .subTitle { font-size: 20px; } .Sociology .Sociology_1 li { width: 48%; margin-right: 4%; font-size: 14px; padding: 20px; height: 130px; background-size: 100% 100%; border-top-left-radius: 30px; border-bottom-right-radius: 30px; margin-bottom: 20px; } .Sociology .Sociology_1 li:nth-child(2n) { margin-right: 0; } .Sociology .info { font-size: 14px; margin-bottom: 20px; } .Sociology .Sociology_4 { padding-bottom: 60px; } .Sociology .Sociology_4 .slick-list { padding: 0; } .Sociology .Sociology_4 li { border-top-left-radius: 20px; border-bottom-right-radius: 20px; margin: 0 8px; } .Sociology .Sociology_4 li .txtBox { position: relative; } .Sociology .Sociology_4 .slick-arrow { top: auto; bottom: -60px; transform: translateY(0); } .Sociology .Sociology_4 .slick-prev { left: 30%; } .Sociology .Sociology_4 .slick-next { right: 30%; } .Sociology .Sociology_4 li .txtBox { font-size: 14px; padding: 15px; display: block; } .Sociology .Sociology_4 li::before { display: none; } .protection .info { margin-bottom: 20px; font-size: 14px; } .clumpage .title { margin-bottom: 20px; } .protection .subTitle { font-size: 20px; margin-bottom: 20px; } .protection .protBox { margin-top: 30px; } .protection .protection_1 .item { padding: 30px; min-height: 200px; } .protection .protection_1 .item h3 { font-size: 20px; margin-bottom: 5px; } .protection .protection_2 .imgBox img { width: auto; margin-right: 0; margin-bottom: 20px; } .protection .protection_2 .list li { margin-top: 30px; border-top-left-radius: 30px; border-bottom-right-radius: 30px; } .protection .protection_2 .list li .txtBox, .protection .protection_2 .list li .img { float: none; width: 100%; } .protection .protection_1 .item .txt, .protection .protection_2 .list li .txtBox .txt { font-size: 14px; } .product .newPro { padding-top: 30px; } .product .info { font-size: 14px; } .product .proList { margin-top: 30px; } .product .proList li { width: 49%; margin-right: 2%; border-top-left-radius: 30px; border-bottom-right-radius: 30px; } .product .proList li:nth-child(2n) { margin-right: 0; } .product .proList li:nth-child(3n) { margin-right: 2%; } .product .tabBox { margin-bottom: 30px; } .product .tabBox li { margin: 0 2% 15px 0; width: 32%; height: 60px; } .product .tabBox li:nth-child(3n) { margin-right: 0%; } .product .tabBox li:nth-child(4n) { margin-right: 2%; } .product .tabBox li span { font-size: 16px; } .product .tabBox li .txtBox { padding: 10px 0; line-height: 40px; } .product .prodetail_1 .info { padding: 0; margin-bottom: 30px; } .product .prodetail_1 .proInfoList { margin-top: 30px; } .product .prodetail_1 .proInfoList li { border-top-left-radius: 30px; border-bottom-right-radius: 30px; } .product .prodetail_1 .proInfoList li h3 { font-size: 18px; text-align: left; } .product .prodetail_1 .proInfoList li { width: 100%; margin-right: 0; margin-bottom: 20px; } .product .prodetail_1 .proInfoList li .img { text-align: center; } .product .prodetail_1 .proInfoList li .txt, .product .prodetail_1 .proInfoList li .txtBox .aBox { padding: 20px 15px; } .product .prodetail_1 .proInfoList li .txtBox .lcidBox { margin-top: 5px; padding-left: 0; } .product .prodetail_1 .proInfoList li:nth-child(3) .lcidBox a { width: 100%; } .product .prodetail_1 .proInfoList li .more { margin-right: 0; } .product .product_info .pro_detail .tabBox a { padding: 10px 20px; } .product .product_info .pro_detail .itemBox li { border-top-left-radius: 30px; border-bottom-right-radius: 30px; } .product .product_info .pro_detail .itemBox li .left { padding: 80px 10px; border-bottom-right-radius: 30px; width: 100px; } .product .product_info .pro_detail .itemBox li .left h3 { font-size: 16px; } .product .product_info .pro_detail .itemBox li .right { font-size: 14px; width: calc(100% - 100px); } .product .product_info .tableBox { margin-top: 30px; } .product .product_info .tableBox h3 { font-size: 24px; margin-bottom: 15px; } .product .product_info .tableBox th { font-size: 12px; padding: 5px 0; } .product .product_info .tableBox td { font-size: 12px; padding: 15px 0; } .product .product_info .tableBox th p:nth-child(1) { padding-right: 5px; padding-bottom: 5px; } .product .product_info .tableBox th p:nth-child(2) { padding-left: 5px; padding-top: 5px; } .product .product_info .tableBox th:nth-child(1)::before { transform: rotate(26.5deg); top: 28px; width: 120%; left: -10px; } .product .product_info .tableBox td:nth-child(1) { padding-left: 10px; } .product .product_info .pro_detail .itemBox .listInfo .txtBox { padding: 20px 15px; } .product .product_info .pro_detail .itemBox .listInfo .txtBox h4 { font-size: 16px; } .product .product_info .pro_detail .itemBox .listInfo .txtBox p { font-size: 14px; } .product .degBox { margin: 30px 0; } .product .degBox .swiper-container { padding: 30px 0; } .product .product_2_info { margin-bottom: 30px; } .product .product_2_info .info { max-width: 100%; margin-bottom: 20px; } .product .product_3 .listImg img { max-width: 100%; float: none; margin-right: 0; } .product .product_3 .listImg img:nth-child(2) { padding-left: 0; } .product .product_2 .listImg img { width: 100%; float: none; margin-right: 0; } .product .product_4 .listImg, .product .product_4 .info { float: none; width: 100%; } .product .product_4 .listImg { text-align: center; } .Culture1 .img { min-height: 300px; } .Culture1 .img>img { position: absolute; top: 0; left: 50%; transform: translateX(-50%); object-fit: cover; } .Culture1 .img h3 { position: relative; top: 0; } .Culture1 .img section { position: relative; top: 0; } .Culture1 .img section .item1:first-child img { width: 216px; } .Culture1 .img section .item1:nth-child(2) img { width: 372px; } .Culture1 .img section .item2 img { width: 100px; height: 115px; } .Culture1 .img section .item2 img:nth-child(2) { margin: 0 10px; } } @media (max-width:480px) { .ayuiBox .mapBox { } .ayuiBox .itemBox .item .txtBox {} .ayuiBox .itemBox .item.h2 .txtBox { } .ayuiBox .itemBox .item { } .Culture2 li:nth-child(5) .fourBox .item { float: none; width: 100%; margin-right: 0; } .Culture2 li:nth-child(5) .fourBox .item .txtBox { height: 140px; } .Culture2 li:nth-child(5) .fourBox .item:last-child { margin-bottom: 0; } .Stock { height: 500px; border-top-left-radius: 30px; border-bottom-right-radius: 30px; } .Stock .txtBox { width: 100%; padding: 60px 20px; border-bottom-right-radius: 30px; } .Stock .txtBox .bigNum { font-size: 60px; } .Stock .txtBox .tit h4, .Stock .txtBox ul li span { font-size: 28px; } .Stock .txtBox ul li, .Stock .txtBox ul li:nth-child(2n) { width: 50%; } .product .proList li { width: 100%; margin-right: 0; float: none; margin-bottom: 20px; } .product .proList li:nth-child(3n) { margin-right: 0; } .product .tabBox li { width: 48%; } .product .tabBox li:nth-child(2n) { margin-right: 0%; } .product .tabBox li:nth-child(3n) { margin-right: 2%; } } /*20210201*/ .product .prodetail_1 .proInfoList li .more { padding: 0; height: 30px; margin-top: 0; width: 30px; background: url(../images/icon-down.png) no-repeat center; margin-right: 0; } .product .prodetail_1 .proInfoList li .img { border-top-left-radius: 60px; } .product .prodetail_1 .proInfoList li { border-radius: 0; overflow: visible; position: relative; margin-bottom: 35px; } .product .prodetail_1 .proInfoList li .txt { background: #e16614; } .product .prodetail_1 .proInfoList li:nth-child(6n+2) .txt { background: #3c9e39; } .product .prodetail_1 .proInfoList li:nth-child(6n+3) .txt { background: #1d6aaa; } .product .prodetail_1 .proInfoList li:nth-child(6n+4) .txt { background: #53e114; } .product .prodetail_1 .proInfoList li:nth-child(6n+5) .txt { background: #bc1e4c; } .product .prodetail_1 .proInfoList li:nth-child(6n+6) .txt { background: #2b49e0; } .product .prodetail_1 .proInfoList li h3 { color: #fff; } .product .prodetail_1 .proInfoList li .txt.on .more { display: block; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .product .prodetail_1 .proInfoList li .more:hover { background-position: center; } .product .prodetail_1 .proInfoList li .txtBox { overflow: visible; } .product .prodetail_1 .proInfoList li.on { border-bottom-right-radius: 60px; overflow: hidden; } .product .prodetail_1 .proInfoList li .txtBox .aBox { /* position: absolute; */ top: 100%; left: 0; width: 100%; background: #f7f7f7; z-index: 10; min-height: calc(100% + 35px); border-bottom-right-radius: 60px; overflow: hidden; } .product .prodetail_1 .proInfoList li .txtBox .aBox .firstItem>a { display: block; line-height: 24px; } .product .prodetail_1 .proInfoList li .txtBox .aBox .firstItem h4 { font-size: 24px; font-weight: normal; color: #e16614; padding-right: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: relative; line-height: 44px; } .product .prodetail_1 .proInfoList li .txtBox .aBox .firstItem h4 a { color: #e16614; } .product .prodetail_1 .proInfoList li .txtBox .aBox .firstItem h4 i { position: absolute; width: 30px; height: 30px; top: 50%; margin-top: -15px; background: url(../images/icon-down-active.png) no-repeat center; right: 0; -webkit-transition: .4s; -ms-transition: .4s; transition: .4s; cursor: pointer; } .product .prodetail_1 .proInfoList li .txtBox .aBox .firstItem h4.on i { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .second { display: none; } .second >a { display: block; line-height: 24px; color: #999999; } .second >a:hover { color: #e16614; } .product .prodetail_1 .proInfoList li .txtBox .aBox .titA.on, .product .prodetail_1 .proInfoList li .txtBox .aBox .titA:hover { color: #e16614; background: url(../images/ahover2.png) no-repeat left center; } .product .prodetail_1 .proInfoList li .txtBox .lcidBox a { display: block; width: auto; float: none; } .product .prodetail_1 .proInfoList li .txtBox .lcidBox { margin-bottom: 20px; } .product .prodetail_1 .proInfoList li .txtBox .lcidBox a:hover { color: #e16614; } @media(max-width:768px) { .product .prodetail_1 .proInfoList li .txtBox .aBox .firstItem h4 { font-size: 18px; } .clumBaner .txtBox { background-size: 100% 100%; } .clumBaner .txtBox h1 { font-size: 20px; } .clumBaner .txtBox .info { font-size: 14px; } .clumBaner .txtBox .txt { width: 90%; } .homeBanner img { min-height: 220px; } .page.page_index { margin-top: -30px; } } .ul_sitemap li { } .ul_sitemap li a { margin: 5px 10px; display: inline-block; } .ul_sitemap li strong { display: block; margin-top: 15px; } .ul_sitemap li strong a { margin-left: 0; } .Contact_form { display: none; } .Contact_form.Contact_form2 { display: block; } .home1 .txtBox .right .item p.tit { margin-top: -40px; } .home1 .txtBox .right .item { margin-top: 32px; margin-bottom: 80px; position: relative; } .home1 .txtBox .right .item .bt { position: absolute; top: 100%; padding-top: 20px; line-height: 30px; max-height: 80px; overflow: hidden; left: 0; width: 100%; font-size: 16px; } @media(max-width:1200px) { .product .tabBox li span { font-size: 15px; margin-left: 0; } .product .tabBox li .txtBox img { max-height: 20px; } } @media(max-width:768px) { .home1 .txtBox .right .item { margin-bottom: 92px; } .home1 .txtBox .right .item .bt { font-size: 14px; line-height: 24px; max-height: 92px; } .home1 .txtBox .right { padding-bottom: 0; } .product .tabBox { padding-left: 0; } } @media(max-width:496px) { .Culture1 .img section .item2 img { width: 32.33%; height: auto; } .Culture1 .img section .item2 img:nth-child(2) { margin: 0 1%; } } @media(max-width:768px) { .clumBaner { min-height: 220px; background-repeat: no-repeat; background-position: center; background-size: cover; } .clumBaner img { display: none; } .homeBanner .txtBox { bottom: 20px; } .homeBanner .txtBox h1 { font-size: 20px; } .homeBanner .txtBox .info { font-size: 12px; margin-top: 5px; } .homeBanner .txtBox .txt { padding-bottom: 30px; } .homeBanner .slick-dots { bottom: 35px; } .homeBanner .slick-arrow { padding: 16px; } } /*20210602*/ .Contact_form.Contact_form2, .home1 .slideBox, .newPro.home1 { display: none; } .Contact .itemBox .item .mapBox { background-size: cover; background-repeat: no-repeat; background-position: center; }