@charset "utf-8"; * { box-sizing: border-box; } a,img { vertical-align: top; } .mainMore { font-size: 16px; border:1px solid #faa434; transition: all 0.6s; line-height: 32px; color:#fff; padding:10px 30px; background: #faa434; border-radius: 50px; display: inline-block; } .mainMore span { display: inline-block; width: 26px; vertical-align: top; height: 32px; display: inline-block; background: url(../images/mainbga.png) no-repeat right center;} .mainMore:hover { background: #faa434; color:#fff; border-color:#faa434; } .mainMoreA { border:1px solid #dddddd; background: none; color:#666666; } .mainMoreA span { background: url(../images/t_mainbgb2.png) no-repeat right center;} .mainMoreA:hover span { background: url(../images/mainbga.png) no-repeat right center;} .alignC { text-align: center; } .colorWhite { color:#fff!important; } .container { width: 73%; margin: 0 auto; } .container2 { width: 89%; margin: 0 auto; } .mainMore:hover span:before { width: 180px; } .ny_text16{font-size: 16px;} @media(max-width: 1480px){ .container { width: 80%; } } @media(max-width: 1024px){ .container { width: 94%; } } @media(max-width: 1680px){ .mainTit .t { font-size: 40px; } .ny_text16{font-size: 14px;} } @media(max-width: 1480px){ .mainTit .t { font-size: 32px; } .mainMore { padding: 6px 20px;} } @media(max-width: 1280px){ .mainTit .t { font-size: 28px; } .mainMore { padding: 2px 14px;} } @media(max-width: 1100px){ .mainTit .t { font-size: 24px; line-height: 1.4; } .mainTit .c { font-size: 18px; } .mainTit .c:after { width: 20px; height: 17px; position: absolute; right: -32px; bottom:0; } } @media(max-width: 1024px){ .mainTit .c { font-size: 16px; } .mainMore { font-size: 14px;} } @media(max-width: 600px){ .mainTit .t { font-size: 22px; } } @media(max-width: 380px){ .mainTit .t { font-size: 20px; } } .topHeader { width: 100%; position: fixed; z-index: 1000; left:0; top:0; background: linear-gradient(270deg, rgba(42, 138, 142, 0.8) 0%, rgba(0, 82, 94, 0.8) 100%);} .header { position: relative; padding: 0 60px; } .header .logo { float: left; position: relative; padding: 10px 0; } .header .logo span.navBtn { display: none; width: 40px; height: 60px; position: absolute; right:40px; top:50%; transform: translateY(-50%); background: url(../images/navBtn.png) no-repeat center; cursor: pointer; } .header .logo img { height: 50px; } .header .lang { float: right; position: relative; line-height: 70px; cursor: pointer; } .header .lang,.header .lang a { font-size: 16px; color:#c6d1d3;} .header .lang a { display: inline-block;} .header .lang a.cur,.header .lang a:hover { color:#fff; } .header .lang a:nth-child(1) { margin-right: 10px; padding-right: 11px; position: relative; } .header .lang a:nth-child(1):after { content: ''; width: 1px; height: 12px; background: #c6d1d3; position: absolute; right:0; top:50%; transform: translateY(-50%); } .header .search { float: right; width: 40px; margin-left: 20px; position: relative; height: 70px; background: url(../images/searchBtnbg.png) no-repeat center; cursor: pointer; } .fixed-head { /*background: rgba(0,0,0,0.3);*/ackground: url(../images/t_banner_bg.png) center center/cover;} .header .search .subsearch {position: absolute;top: 5px;right: -2px;padding-top: 36px;display: none;z-index: 9;} .header .search .subsearch, .header .search .subsearch {top: 40px;padding-top: 20px;} .header .search .subsearch .subsearcha {background: #fff;border-radius: 3px;position: relative;width: 524px;height: 57px;} .header .search .subsearch .subsearcha .inp {width: 90%;height: 100%;border: 0;margin-top: 20px;font-size: 14px;color: #666666;padding-left: 18px;} .header .search .subsearch .subsearcha .sub {border: none;outline: none;position: absolute;right: 20px;top: 50%;height: 15px;background: url(../images/searchx.png) no-repeat center;font-size: 0;width: 26px;transform: translateY(-50%);} .header .search:hover .subsearch {display: block;} .nav { float: right; margin-right: 30px;} .nav ul li { position: relative; float: left; } .nav ul li.sub:before{ background: url(../images/t_header_jt.png) center center/cover; width: 9px; height: 4px; content: ""; top: 50%; transform: translateY(-50%); right: 6px; position: absolute; } .nav ul li.cur:before,.nav ul li:hover:before{ background: url(../images/t_header_jt2.png) center center/cover; } .nav ul li a { display: block; line-height: 70px; font-size: 16px; color:#fff;padding: 0 20px; } .nav ul li.cur>a,.nav ul li:hover>a { color:#faa434; } .nav ul li .sub { text-align: center; background: #fff; padding: 10px 0; display: none; width: 140px; line-height: 2; position: absolute; left: 50%; transform: translateX(-50%); top:62px; z-index: 10000;} .nav ul li .sub a { line-height: 2; font-size: 15px; padding: 0 10px; color:#333; } .nav ul li .sub a:hover { color:#fff; background: #333; } .nav ul li:hover .sub { display: block; } @media(max-width: 1680px){ .header { padding: 0 50px; } } @media(max-width: 1480px){ .header { padding: 0 40px; } .header .logo { padding: 10px 0; } .header .logo span.navBtn { right: 15px; } .nav ul li a { line-height: 60px; } .header .search { height: 60px; margin-left:15px; } .header .lang { line-height: 60px; } .langSub { top:60px; } .nav ul li .sub { top:60px; } .nav ul li a { padding: 0 16px;} .header .logo img { height: 40px; } } @media(max-width: 1280px){ .header { padding: 0 30px; } .header .logo span.navBtn { right: 10px; } .nav ul li a { font-size: 15px; font-weight: normal;} } @media(max-width: 1200px){ .nav ul li a { padding: 0 12px; } } @media(max-width: 1024px){ .header { padding: 0 3%; } .nav {display: none;} .topHeader { background: rgba(0,0,0,0.6); } .header .logo img { height: 30px; } .header .logo { padding: 10px 0;} .header .search .subsearch, .header .search .subsearch { padding-top: 20px; } .header .lang p { background: url(../images/lang.png) no-repeat left center; } .header .lang p:after { content:''; width: 15px; height: 20px; position: absolute; right:0; top:50%; transform: translateY(-50%); background: url(../images/lanjt.png) no-repeat right center; } .header .lang p { color:#333; } .header .search .subsearch .subsearcha { width: 300px; height: 50px; } .header .search .subsearch .subsearcha .inp { margin-top:15px; } .header .search { margin-left:15px; } .header .lang p span {display: none;} .header .search { height: 50px; } .header .lang { line-height: 50px; } .header .logo span.navBtn { height: 50px; margin-top:-1px; } .langSub { top:50px; } .header .logo span.navBtn { display: inline-block; } } @media(max-width: 450px){ .header .search .subsearch .subsearcha { width: 240px; } } /*banner*/ .banner .swiper-pagination {left: 50%; bottom: 3vw; z-index: 1000; text-align: left;position: absolute;width: 73%;transform:translateX(-50%);} .banner .swiper-pagination .swiper-pagination-bullet { opacity: 1; margin: 0 10px 0 0; width: 65px; height: 3px; background: rgba(255,255,255,0.5); border-radius: 0; position: relative;} .banner .swiper-pagination .swiper-pagination-bullet:after { content:''; width: 0; height: 3px; background: #fff; position: absolute; left:0; top:0; } .banner .swiper-pagination .swiper-pagination-bullet-active:after {-webkit-animation:wid 5s linear infinite;} @-webkit-keyframes wid { 0% { width: 0%; } 25% { width: 25%; } 50% { width: 50%; } 75% { width: 75%; } 100% { width: 100%; } } .banner .swiper-container-top .swiper-wrapper .swiper-slide {position: relative;display: inline-block;} .banner .swiper-slide .con {position: absolute;width: 100%;left: 0;bottom: 12vw;z-index: 10;} .banner .swiper-slide .con .nr_box{ display: inline-block; padding: 40px; /*background: url(../images/t_banner_bg.png) center center/cover;*/ background: linear-gradient(270deg, rgba(42, 138, 142, 0.8) 0%, rgba(0, 82, 94, 0.8) 100%); } .banner .swiper-slide .con .t {font-size: 60px;color: #ffffff;line-height: 1.2;} .banner .swiper-slide .con .c {font-size: 18px;color: #ffffff;text-transform: uppercase;} .banner .swiper-slide .con .cc { margin-bottom:36px; line-height: 1.4; } .topBanner {position: relative;} .topBanner:before { content: ''; width: 420px; height: 95px; background: url(../images/t_topbannera.png) no-repeat center/cover; position: absolute; left:40px; top:70px; z-index: 10;} .topBanner:after { content: ''; width: 516px; height: 323px; background: url(../images/topbannerb.png) no-repeat center/cover; position: absolute; right:0; bottom:0; z-index: 10; display: none;} .topBanner .bannerDowm { padding-bottom: 60px; position: absolute; z-index: 100; cursor: pointer; bottom: 0; right: 60px; width: 20px; text-align: center; color: rgba(255,255,255,0.6);} .bannerDowm:after { content:'';width: 1px;height: 60px;background: rgba(255,255,255,0.4); position: absolute; left:50%; bottom:0; } .bannerDowm:before { content:'';width: 5px;height: 20px;background: rgba(255,255,255,1); position: absolute; left:50%; margin-left:-2px; bottom:40px; } .bannerDowm:before{-webkit-animation:scoll 2s linear infinite;} @-webkit-keyframes scoll{ 0%{bottom:40px; opacity: 1;} 25%{bottom:30px; opacity: 0.75;} 50%{bottom:20px; opacity: 0.5;} 75%{bottom:10px; opacity: 0.25;} 100%{bottom:0px; opacity: 0;} } @-webkit-keyframes haha1 { 0% { top: 0; opacity: 1; } 25% { top: 25%; opacity: 0.75; } 50% { top: 50%; opacity: 0.5; } 75% { top: 75%; opacity: 0.25; } 100% { top: 100%; opacity: 0; } } @-webkit-keyframes haha2 { 0% { transform: scale(1) } 10% { transform: scale(1.01) } 20% { transform: scale(1.02) } 30% { transform: scale(1.03) } 40% { transform: scale(1.04) } 50% { transform: scale(1.05) } 60% { transform: scale(1.06) } 70% { transform: scale(1.07) } 80% { transform: scale(1.08) } 90% { transform: scale(1.09) } 100% { transform: scale(1.1) } } @media(max-width:1780px) { .banner .swiper-slide .con .t {font-size: 42px;} } @media(max-width:1680px) { .banner .swiper-slide .con .t {/* font-size: 46px; */font-size: 38px;} .banner .swiper-slide .con .c {font-size: 16px;} .topBanner:before { width: 380px; height: 85px; } .topBanner:after { width: 380px; height: 240px; } } @media(max-width:1480px) { .topBanner:before{ top: 60px; width: 300px; height: 66px; } .banner .swiper-pagination { width: 80%; } } @media(max-width:1280px) { .banner .swiper-slide .con .t {font-size: 32px;} .banner .swiper-slide .con .c {font-size: 16px;} .banner .swiper-slide .con .cc { margin-bottom: 20px; } } @media(max-width:1024px) { .banner .swiper-pagination { width: 94%; bottom: 40px; } .banner .swiper-slide .con { bottom: 80px; } .topBanner:before,.topBanner:after { display: none;} .banner .swiper-slide .con .t {font-size: 28px;} .banner .swiper-slide .con .c {font-size: 16px;} .banner img.pic2 {display: block;width: 100%;} .banner img.pic1 {display: none;} .topBanner .bannerDowm { right: 3%; } } @media(max-width:640px) { .banner .swiper-slide .con .t {font-size: 24px;line-height: 1.4;} } @media(max-width:450px) { .header .search { margin-left:0; } } /* www.3833.com */ .homeBoxA { padding: 6vw 0 7vw; background: url(../images/homeabg.jpg) no-repeat center/cover; } .homeBoxA-b { margin-top:3vw; } .homeBoxA-b ul li { float: left; width: 32%; margin-right: 2%; } .homeBoxA-b ul li:nth-child(3n) { margin-right:0; } .homeBoxA-b ul li a { display: block; padding: 1.4vw; background: #fff; } .homeBoxA-c .d { margin-top: 1.4vw; font-size: 14px;color:#2a8a8e; } .homeBoxA-c .t { margin-top: 8px; font-size: 22px;color:#333333;overflow:hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; height: auto; } .homeBoxA-c .c { margin: 1vw 0 2vw; font-size: 15px;color:#999999; line-height: 1.8; overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; } .homeBoxA-c .img { height: 11vw; } @media(max-width: 1680px){ .homeBoxA-c .t { font-size: 20px; margin-bottom: 25px;} } @media(max-width: 1480px){ .homeBoxA-c .t { font-size: 18px; } .homeBoxA-c .c { font-size: 14px; } .homeBoxA-b ul li a { padding: 16px 16px 24px; } .homeBoxA-c .img { height: 13vw; } } @media(max-width: 1024px){ .homeBoxA-b ul li { width: 100%; margin-right: 0%; } .homeBoxA-b ul li:nth-child(n+2) { margin-top:20px; } .homeBoxA-c .d { margin-top:10px; } .homeBoxA-c .t { font-size: 16px; } .homeBoxA-c .c { margin: 8px 0 12px; } .homeBoxA-c .img { height: 50vw; } } @media(max-width: 640px){ .homeBoxA-b { margin-top:20px; } .homeBoxA-b ul li:nth-child(n+2) { margin-top:16px; } .homeBoxA-b ul li a { padding: 12px 12px 20px; } } @media(max-width: 1024px) { .homeBoxA { padding: 30px 0 40px; } } .homeBoxB { padding: 6vw 0 0;} .homeBoxB-a .mainMore { position: absolute; right:0; top:50%; transform: translateY(-50%);} .homeBoxB-a .mainTit { width: calc(100% - 250px);} .iconT { padding-left: 50px; position: relative; } .iconT .icon { position: absolute; left: 0; height: 40px; top:50%; transform: translateY(-50%); } .iconT .icon img { height: 40px; } @media(max-width: 1680px){ .iconT { padding-left: 40px; } .iconT .icon { height: 30px; } .iconT .icon img { height: 30px; } } @media(max-width: 1280px){ .homeBoxB-a .mainTit { width: calc(100% - 200px);} .iconT { padding-left: 32px; } .iconT .icon { height: 24px; } .iconT .icon img { height: 24px; } } @media(max-width: 750px){ .homeBoxB-a .mainTit { width: calc(100% - 180px);} } @media(max-width: 640px){ .homeBoxB-a .mainTit { width: 100%; } .homeBoxB-a .mainMore { position: relative; margin-top: 10px; right:auto; top:0; transform: translateY(0%);} } .homeBoxB { position: relative; z-index: 10;} .homeBoxB-b { background: #f9f9f9; border:1px solid #ddd; margin-top:3vw;} .homeBoxB-c { position: relative; z-index: 10;} .homeBoxB-d { width: 14vw; float: left; height: 30vw; overflow-y: scroll; } .homeBoxB-d span { background: #f5f5f5; position: relative; font-size: 18px; color:#333333; padding:1.4vw 0 1.4vw 2vw; border-bottom:1px solid #ddd; border-right:1px solid #ddd; display: block; } .homeBoxB-d span .img{ width: 25px; display: inline-block; position: relative; top: 6px; } .homeBoxB-d span .img .img2{ display: none; } .homeBoxB-d .box{ position: relative; display: inline-block; } .homeBoxB-d span .box:before{ width: 18px; height: 12px; background: url(../images/t_mainbgb2.png) center center/cover; position: absolute; right: 0; top: 50%; transform: translateY(-50%); content: ""; transition: all 0.4s; opacity: 0; } .homeBoxB-d span.cur .box:before{ opacity: 1; right: -30px; } .homeBoxB-d span.cur { border-right:none; background: #f9f9f9;} .homeBoxB-d span.cur:after { content:''; width: 3px; height: 100%; position: absolute; left:-1px; top:0; background: #faa434;} .homeBoxB-d span.cur .img .img1{ display: none; } .homeBoxB-d span.cur .img .img2{ display: inline-block; } .homeBoxB-e { float: right; padding:2vw 3vw; height: 30vw; width: calc(100% - 14vw);} .homeBoxB-e .topTit .t { font-size: 2vw; color:#111111; } .homeBoxB-e .topTit .c { font-size: 14px; color:#666666; line-height: 1.8; margin-top: 10px; } .homeBoxB-e .img { margin-top: 2vw;} .homeBoxB-d{scrollbar-color: rgba(255,255,255,0) rgba(0,0,0,0); scrollbar-width: thin; -ms-overflow-style:none;} .homeBoxB-d::-webkit-scrollbar {width: 3px;height: 1px;} .homeBoxB-d::-webkit-scrollbar-thumb { border-radius: 3px;-webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0);background: rgba(255,255,255,0);} .homeBoxB-d::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0);border-radius: 3px;background: rgba(255,255,255,0);} .homeBoxB-c { overflow: hidden;} @media(max-width: 1680px){ .homeBoxB-d span { font-size: 16px; } .homeBoxB-e .img { margin-top: 1.5vw; } .homeBoxB-e { padding: 1.5vw 2.8vw; } } @media(max-width: 1480px){ .homeBoxB-d,.homeBoxB-e { height: 34vw; } .homeBoxB-d { width: 16vw; } .homeBoxB-e { width: calc(100% - 16vw);} } @media(max-width: 1280px){ .homeBoxB-d,.homeBoxB-e { height: 35vw; } } @media(max-width: 1024px){ .homeBoxB-d,.homeBoxB-e { height: auto; } .homeBoxB-d { width: 100%; width: 100%; overflow-x: scroll; } .homeBoxB-e { width: 100%; padding: 20px;} .homeBoxB-d .tabTit { width: 216vw; } .homeBoxB-d span { float: left; width: 24vw; padding-left:0; text-align: center; padding: 16px 0; border-right:1px solid #ddd; } .homeBoxB-d span.cur:after { width: 100%; height: 3px; } .homeBoxB-d span.cur { border-right:1px solid #ddd; border-bottom:none; } .homeBoxB-d span.cur .box:before { display: none; } .homeBoxB-d span .img img { height: 25px; } } @media(max-width: 640px){ .homeBoxB-d .tabTit { width: 288vw; } .homeBoxB-d span { width: 32vw; } .homeBoxB-e .topTit .t { font-size: 20px; } .homeBoxB-d span.cur .box:before{display: none;} .banner .swiper-pagination .swiper-pagination-bullet{ width: 40px; } .banner .swiper-slide .con .nr_box{ padding: 30px 20px; } } @media(max-width: 500px){ .homeBoxB-d .tabTit { width: 369vw; } .homeBoxB-d span { padding: 10px 0; } .homeBoxB-d span { width: 41vw; } .homeBoxB-d span.cur { border-bottom:1px solid #f5f5f5; } .homeBoxB-e { padding: 16px 12px 20px;} .homeBoxB-d span { font-size: 14px; } } .homeBoxC { padding: 12vw 0 6vw; margin-top:-5vw; background: url(../images/t_homeca.jpg) no-repeat center/cover;} .homeBoxC-a { overflow: hidden;} .homeBoxC-b { position: relative; padding-bottom: 30px; } .homeBoxC-b .mySwiper2 { overflow: hidden; float: right; width: calc(100% - 20vw);} .homeBoxC-b .mySwiper { height: 7vw; float: left; width: 20vw; } .homeBoxC-d { line-height: 3.4vw; font-size: 2vw; color:#fff; opacity: 0.4; transition: all 0.6s; } .homeBoxC-b .mySwiper .swiper-slide-thumb-active .homeBoxC-d { opacity: 1; font-size: 2.4vw; } .homeBoxC-c { max-width: 40vw; } .homeBoxC-c .c { font-size: 20px; color:#fff; line-height: 1.8; padding-top: 1vw; margin-bottom:2vw; } .homeBoxC-b .swiper-button-prev,.homeBoxC-b .swiper-button-next { position: absolute; margin-top:0; top:8vw; left: auto; right:auto; top:8vw; width: 54px; height: 54px; border-radius: 50%; border:1px solid rgba(255,255,255,0.3); } .homeBoxC-b .swiper-button-prev:after,.homeBoxC-b .swiper-button-next:after { font-size: 20px; color:#fff;} .homeBoxC-b .swiper-button-prev:hover,.homeBoxC-b .swiper-button-next:hover { background: #faa434; border-color:#faa434; } .homeBoxC-b .swiper-button-next { left: 66px;} @media(max-width: 1480px){ .homeBoxC-c { max-width: 100%; } .homeBoxC-c .c { padding-top:0; font-size: 18px; } } @media(max-width: 1280px){ .homeBoxC-c { max-width: 100%; } .homeBoxC-c .c { padding-top:0; font-size: 16px; } .homeBoxC-b .swiper-button-prev,.homeBoxC-b .swiper-button-next { width: 42px; height: 42px; } .homeBoxC-b .swiper-button-next { left: 56px;} } @media(max-width: 1024px){ .homeBoxC-b .mySwiper { width: 100%; height: 30px; text-align: center; margin-bottom: 20px; } .homeBoxC-b .mySwiper2 { width: 100%; } .homeBoxC-d { line-height: 1; font-size: 18px; } .homeBoxC-b .mySwiper .swiper-slide-thumb-active .homeBoxC-d { font-size: 24px; } .homeBoxC-b { padding-bottom: 60px; } .homeBoxC-b .swiper-button-prev,.homeBoxC-b .swiper-button-next { top:auto; bottom:0;} } .homeBoxD { display: none; padding: 0 60px; margin-top:-20.5vw; } @media(max-width: 1680px){ .homeBoxD { padding: 0 50px;} } @media(max-width: 1480px){ .homeBoxD { padding: 0 40px;} } @media(max-width: 1280px){ .homeBoxD { padding: 0 30px;} } @media(max-width: 1024px){ .homeBoxD { padding: 0 3%;} } .homeBoxE { padding: 6vw 0 6vw; } .homeBoxE-a ul li { float: left; width: 48%; margin-right: 4%; } .homeBoxE-a ul li:nth-child(2) { margin-right:0; } .homeBoxE-a .t { font-size: 2.5vw; color:#2a8a8e; } .homeBoxE-a .c { font-size: 16px;color:#666666; line-height: 1.8; margin-top:10px; max-width: 520px; } .homeBoxE-a .mainMore { margin: 1.5vw 0 2vw;} @media(max-width: 1024px){ .homeBoxE-a ul li { width: 100%; margin-right:0; } .homeBoxE-a ul li:nth-child(2) { margin-top:30px; padding-top: 30px; border-top:1px solid #ddd; } .homeBoxE-a .t { font-size: 24px; } .homeBoxE-a .mainMore { margin: 15px 0 20px; } } @media(max-width: 640px){ .homeBoxE-a ul li:nth-child(2) { margin-top:24px; padding-top: 20px; border-top:1px solid #ddd; } .homeBoxE-a .t { font-size: 20px; } .homeBoxE-a .mainMore { margin: 15px 0 20px; } } /*网站底部*/ .footer { padding:3vw 0 0; /*background: url(../images/footbg.jpg) no-repeat top center/cover; */background: #969696;} .footerA-d { position: relative; } .footerA-d:before { content:''; width: 1px; height: 100%; position: absolute; left:55%; top:0; background: rgba(255,255,255,0.1); display: none;} .footerA-d .footerA-a:before { content:''; width: 1px; height: 100%; position: absolute; right: 0; top:0; background: rgba(255,255,255,0.1);} .footerA-a { float: left; width: 55%; position: relative;} .footerA-a .img{width: 33.3%;} .footerA-a .con { position: absolute; left: 42%; top:50%; transform: translateY(-50%); width: 47.5%;} .footerA-a .con p { font-size: 14px;color:rgba(255,255,255,1); line-height: 28px; } .footerA-a .con p span { font-size: 16px; } .footerA-b { position: absolute; width: 40%; right:0; top:50%; transform: translateY(-50%); display: none;} .footerA-c { float: left; } .footerA-c a { display: block; font-size: 16px;color:rgba(255,255,255,0.6); line-height: 2.4; } .footerA-e { float: right; } .footerA-e ul li { margin-left: 36px; float: left; text-align: center; } .footerA-e ul li .t { background: url(../images/fd.png) no-repeat left center; font-size: 14px; color:rgba(255,255,255,0.6); padding:10px 0 10px 22px; } .footerA-e ul li:nth-child(1) { margin-left:0; } .footerA { padding-bottom:4vw; } @media(max-width: 1980px){ .footerA-a { width: 55%; } .footerA-d:before { left: 64%; } .footerA-b { width: 34%; } } @media(max-width: 1780px){ /*.footerA-a { width: 58%; }*/ .footerA-d:before { left: 58%; } /*.footerA-a .img img { width: 240px; }*/ .footerA-a .con { max-width: 360px; width: 360px; } .footerA-a .con p { line-height: 1.6; } .footerA-e ul li { margin-left: 25px; } .footerA-b { width: 39%; } } @media(max-width: 1480px){ .footerA-e ul li { margin-left: 10px; } .footerA-c a { font-size: 14px; } .footerA-e ul li img { width: 80px; } .footerA-e ul li .t { font-size: 12px; background: none; padding:5px 0; } } @media(max-width: 1480px){ /*.footerA-a { width: 60%; }*/ .footerA-d:before { left: 60%; } .footerA-a .img img { width: 220px; } .footerA-a .con { max-width: 340px; left: 240px; } .footerA-a .con p { line-height: 1.6; } .footerA-e ul li { margin-left: 25px; } .footerA-b { width: 37%; } } @media(max-width: 1200px){ .footerA-a { width: 360px; } .footerA-d:before { left: 360px; } .footerA-a .img { display: none; } .footerA-a .con { max-width: 340px; left: 0; position: relative; top:0; transform: translate(0); } .footerA-a .con p { line-height: 1.6; } .footerA-e ul li { margin-left: 25px; } .footerA-b { width: calc(100% - 380px); } } @media(max-width: 750px){ .footer { padding-top: 20px; } .footerA { padding-bottom: 30px; } .footerA-a { width: 100%; float: left; } .footerA-d:before { display: none; } .footerA-a .con { max-width: 100%; } .footerA-a .con p { line-height: 1.6; } .footerA-e ul li { margin-left: 10px; } .footerA-b { float: left; position: relative; top: 0; transform: translateY(0); padding-top: 20px; margin-top: 20px; border-top: 1px solid rgba(255,255,255,0.1); width: 100%; } } .footerB { padding:16px 0; background: #171717; display: none;} .footerB-a { float: left; } .footerB-b { float: right; } .footerB-a p,.footerB-b p,.footerB-b a,.footerB-a p a { font-size: 12px; color:rgba(255,255,255,0.2); } .footerB-b a:hover,.footerB-a p a:hover { color:#ffffff; } @media(max-width: 750px){ .footerA-a .con{width: 100%;} .footerB-a,.footerB-b {text-align: center; width: 100%; } .footerB-b { margin-top: 5px; } } .footer .right{ padding-left: 80px; width: 45%; float: right; } .footer .right .l{ float: left; width: 26%; } .footer .right .l .bt{ font-size: 16px; color: #ffffff; } .footer .right .l .footer_box{ margin-top: 12px; } .footer_box a{ font-size: 14px; color: #fff; display: block; margin-bottom: 10px; padding-left: 14px; position: relative; } .footer_box a:last-child{margin-bottom: 0;} .footer_box a:before{ width: 6px; height: 9px; background: url(../images/t_footer_jt.png) center center/cover; content: ""; position: absolute; left: 0; top: 3px; } .footer .right .r{ float: right; width: 74%; } .footer .right .r .footer_box a{ padding-left: 0; } .footer .right .r .footer_box a:before{ display: none; } .footerA-a .con .bt{ font-size: 16px; color: #fff; margin-bottom: 6px; } .footer .right .r .fx{ margin-top: 20px; } .footer .right .r .fx a{ width: 40px; height: 40px; float: left; margin-right: 5px; position: relative; } .footer .right .r a:last-child{margin-right: 0;} .footer .right .r a.weixin{ background: url(../images/t_footer_icon1.png) center center/cover; } .footer .right .r a.weibo{ background: url(../images/t_footer_icon2.png) center center/cover; } .footer .right .r a.qita{ background: url(../images/t_footer_icon3.png) center center/cover; } .footer .right .r .fx a .ewm{ position: absolute; bottom: 56px; width: 120px; left: 50%; transform: translateX(-50%); background: #fff; padding: 6px; font-size: 12px; color: #666666; display: none; } .footer .right .r .fx a .ewm:before{ width: 14px; height: 9px; content: ""; position: absolute; bottom: -9px; left: 50%; transform: translateX(-50%); background: url(../images/ewm_jt.png); } .footer .right .r .fx a .ewm img{ width: 100%; margin-bottom: 3px; line-height: 0; } .footer .right .r .fx a:hover .ewm{display: block;text-align: center; } @media(max-width: 1680px){ .footer .right{ padding-left: 20px; } } @media(max-width: 1440px){ .footer .right .l{display: none;} .footer .right .r{ width: 100%; } .footer .footerA-a{ width: 64%; } .footer .right{ width: 36%; } } @media(max-width: 1100px){ .footerA-d .footerA-a:before{display: none;} .footer .footerA-a{ width: 100%; } .footer .right{ width: 100%; padding-left: 0; margin-top: 20px; } } .nybanner .img2{display: none;} .nybanner .img:hover img{ transform: scale(1); } .about{ background: url(../images/about_bg.png) left top no-repeat #f5f5f5; } .about_nav{ border-bottom: 1px solid #e5e5e5; } .about_nav .ol{ float: right; } .about_nav .ol li a{ font-size: 14px; color: #666666; float: left; margin-right: 26px; padding: 22px 0; position: relative; } .about_nav .ol li a:last-child{margin-right: 0;} .about_nav .ol li a.cur,.about_nav .ol li a:hover{ color: #f9a434; } .about_nav .ol li a.cur:before{ position: absolute; left: 50%; width: 80%; transform: translateX(-50%); bottom: 0; height: 2px; background: #f9a434; content: ""; } .about_a{ padding: 80px 0 114px; } .about_a .text{ margin-top: 20px; line-height: 1.8; color: #666666; } .about_a .ol{ margin-top: 50px; } .about_a .ol li{ margin-right: 150px; float: left; } .about_a .ol li:last-child{margin-right: 0;} .about_a .ol li .icon{ width: 115px; display: inline-block; vertical-align: middle; } .about_a .ol li .wenzi{ margin-left: 20px; display: inline-block; vertical-align: middle; font-weight: normal; } .about_a .ol li .wenzi .dz{ font-size: 60px; color: #2a8a8e; line-height: 1; } .about_a .ol li .wenzi .xz{ color: #2a8a8e; margin-top: 6px; font-size: 18px; } .about_a .img{ margin-top: 56px; border-radius: 8px; overflow: hidden; } @media(max-width: 1680px){ .about_a .ol li .wenzi .dz{ font-size: 46px; } .about_a .ol li .wenzi .xz{ font-size: 16px; } } @media(max-width: 1500px){ .about_a { padding: 60px 0 90px; } .about_a .ol li .wenzi .dz { font-size: 40px; } .about_a .ol li .icon{ width: 100px; } .about_a .ol li{margin-right: 100px;} } @media(max-width: 1024px){ .about_nav{display: none;} .about_a { padding: 40px 0 50px; } .about_a .ol li{ width: 100%; margin-right: 0; margin-bottom: 20px; } .about_a .ol li:last-child{ margin-bottom: 0; } .about_a .ol li .wenzi .dz { font-size: 30px; } .about_a .ol li .wenzi .xz{font-size: 14px;} .about_a .ol li .icon { width: 70px; } .about_a .ol { margin-top: 24px; } .about_a .img{margin-top: 40px;} } @media(max-width: 640px){ .nybanner .img1{display: none;} .nybanner .img2{display: block;} } .yewu_a{ padding-bottom: 90px; } .yewu_a .left{ width: 30%; float: left; border-top: 3px solid #f9a434; background: #fff; padding: 36px 30px 50px; } @media(max-width: 1680px){ .yewu_a .left {width: 35%;} } .yewu_a .left .box{display: none;} .yewu_a .left .box.cur{display: block;} .yewu_a .left .bt{ color: #2a8a8e; font-size: 24px; } .yewu_a .left .nr{ margin-top: 20px; color: #666666; line-height: 1.6; } .yewu_a .left .nr .ol li{ border-bottom: 1px solid #eeeeee; position: relative; padding: 14px 0; } .yewu_a .left .nr .ol li:last-child{border-bottom: none;} .yewu_a .left .nr .ol li .t{position: relative;padding-left: 16px;} .yewu_a .left .nr .ol li .t:before{ width: 6px; height: 6px; border: 1px solid #8ab1ae; border-radius: 100%; content: ""; position: absolute; left: 3px; top: 9px; } .yewu_a .right{ /*width: 884px;*/ width: 63.1%; float: right; margin-top: -40px; position: relative; } .yewu_a .right .icon{line-height: 0;} .yewu_a .right .icon img{width: 100%;} .yewu_a .right .icon .yanhai{ /*background: url(../images/yanhai.png) center center/cover;*/ width: 15.2%; position: absolute; bottom: 0; right: -20px; content: ""; } @media(max-width: 1100px){ .yewu_a .right .icon .yanhai{right: 0;} } .yewu_a .right .ul li{ position: absolute; width: 21px; height: 19px; /*background: #2a8a8e; */ border-radius: 100%; /*overflow: hidden;*/ cursor: pointer; transform: translate(-50%, -50%); top: 60%; left: 74%; } .yewu_a .right .ul li:after {content:''; width:5px; height:5px; margin:auto; background:#2a8a8e;position: absolute; left:50%; top:50%; } .yewu_a .right .ul li:after{content:''; width:4px; height:4px; margin:auto; background:#2a8a8e;position: absolute; left:50%; top:50%;border-radius: 5px; transform: translate(-50%, -50%);} .yewu_a .right .ul li.cur:after { display: none; } .yewu_a .right .ul li span { font-size: 0; } .yewu_a .right .ul li.cur{ background: #faa434; } .yewu_a .right .ul li.li1{ position: absolute; top: 12.3%; left: 84.6%; } .yewu_a .right .ul li.li2{ position: absolute; top: 14.2%; left: 81.9%; } .yewu_a .right .ul li.li3{ position: absolute; top: 15.7%; left: 85%; } .yewu_a .right .ul li.li4{ position: absolute; top: 18%; left: 75.9%; } .yewu_a .right .ul li.li5{ position: absolute; top: 18.1%; left: 70.3%; } .yewu_a .right .ul li.li6{ position: absolute; top: 21.1%; left: 71.7%; } .yewu_a .right .ul li.li7{ position: absolute; top: 30.1%; left: 75.3%; } .yewu_a .right .ul li.li8{ position: absolute; top: 31.7%; left: 72.1%; } .yewu_a .right .ul li.li9{ position: absolute; top: 33%; left: 73.9%; } .yewu_a .right .ul li.li10{ position: absolute; top: 34.4%; left: 73.3%; } .yewu_a .right .ul li.li11{ position: absolute; top: 35%; left: 61.6%; } .yewu_a .right .ul li.li12{ position: absolute; top: 36.6%; left: 64.5%; } .yewu_a .right .ul li.li13{ position: absolute; top: 36.9%; left: 67.6%; } .yewu_a .right .ul li.li14{ position: absolute; top: 37.5%; left: 63.1%; } .yewu_a .right .ul li.li15{ position: absolute; top: 40.1%; left: 66%; } .yewu_a .right .ul li.li16{ position: absolute; top: 42.3%; left: 61.5%; } .yewu_a .right .ul li.li17{ position: absolute; top: 44.8%; left: 66.2%; } .yewu_a .right .ul li.li18{ position: absolute; top: 43.9%; left: 72.7%; } .yewu_a .right .ul li.li19{ position: absolute; top: 47%; left: 59.5%; } .yewu_a .right .ul li.li20{ position: absolute; top: 47%; left: 70.7%; } .yewu_a .right .ul li.li21{ position: absolute; top: 48%; left: 64.7%; } .yewu_a .right .ul li.li22{ position: absolute; top: 49.7%; left: 66.7%; } .yewu_a .right .ul li.li23{ position: absolute; top: 51.1%; left: 62.1%; } .yewu_a .right .ul li.li24{ position: absolute; top: 53.7%; left: 60.9%; } .yewu_a .right .ul li.li25{ position: absolute; top: 55.6%; left: 53.5%; } .yewu_a .right .ul li.li26{ position: absolute; top: 56%; left: 63.1%; } .yewu_a .right .ul li.li27{ position: absolute; top: 52.9%; left: 70.1%; } .yewu_a .right .ul li.li28{ position: absolute; top: 55.6%; left: 72.6%; } .yewu_a .right .ul li.li29{ position: absolute; top: 58.1%; left: 72%; } .yewu_a .right .ul li.li30{ position: absolute; top: 59.3%; left: 71.1%; } .yewu_a .right .ul li.li31{ position: absolute; top: 59.5%; left: 73.7%; } .yewu_a .right .ul li.li32{ position: absolute; top: 62.7%; left: 46.7%; } .yewu_a .right .ul li.li33{ position: absolute; top: 65.8%; left: 46.7%; } .yewu_a .right .ul li.li34{ position: absolute; top: 69%; left: 49.6%; } .yewu_a .right .ul li.li35{ position: absolute; top: 63.1%; left: 62.6%; } .yewu_a .right .ul li.li36{ position: absolute; top: 66%; left: 62.2%; } .yewu_a .right .ul li.li37{ position: absolute; top: 63.5%; left: 68.7%; } .yewu_a .right .ul li.li38{ position: absolute; top: 63.8%; left: 72.8%; } .yewu_a .right .ul li.li39{ position: absolute; top: 65.4%; left: 73.7%; } .yewu_a .right .ul li.li40{ position: absolute; top: 69.8%; left: 67.1%; } .yewu_a .right .ul li.li41{ position: absolute; top: 74.2%; left: 63.5%; } .yewu_a .right .ul li.li42{ position: absolute; top: 70.1%; left: 73.9%; } .yewu_a .right .ul li.li43{ position: absolute; top: 78%; left: 71.6%; } .yewu_a .right .ul li.li44{ position: absolute; top: 80.5%; left: 70.1%; } .yewu_a .right .ul li.li45{ position: absolute; top: 82.4%; left: 43.3%; } .yewu_a .right .ul li.li46{ position: absolute; top: 84.6%; left: 55.3%; } .yewu_a .right .ul li.li47{ position: absolute; top: 89.4%; left: 53.6%; } .yewu_a .right .ul li.li48{ position: absolute; top: 82.6%; left: 65.3%; } .yewu_a .right .ul li.li49{ position: absolute; top: 84%; left: 61.7%; } .yewu_a .right .ul li.li50{ position: absolute; top: 84.2%; left: 63.5%; } .yewu_a .right .ul li.li51{ position: absolute; top: 87.3%; left: 62.2%; } .yewu_a .right .ul li.li52{ position: absolute; top: 24.8%; left: 21%; } .yewu_a .right .ul li.cur{ background: url(../images/yewu_icon.png) center center/cover; width: 21px; height: 19px; overflow: initial; top: 60%; left: 74%; } .yewu_a .right .ul li span{ position: absolute; left: 17px; color: #666; font-size: 12px; top: 50%; transform: translateY(-50%); width: 50px; text-align: left; } .yewu_a .right .ul li.zuo span{ position: absolute; left: -46px; color: #666; font-size: 12px; top: 50%; transform: translateY(-50%); text-align: right; } .yewu_a .right .ul li.cur span{ color: #333333; } .yewu_a .right .ul li.you.cur span{ /*position: absolute; left: -85px; color: #666; font-size: 12px; top: 50%; transform: translateY(-50%); width: 80px; text-align: right;*/ } .yewu_a .right .ul li.shang span{ position: absolute; left: 50%; color: #666; font-size: 12px; top: -13px; transform: translateX(-50%); text-align: center; } .yewu_a .right .ul li.shang.cur span{ /*position: absolute; left: 50%; color: #666; font-size: 12px; top: -17px; transform: translateX(-50%); text-align: center;*/ } .yewu_a .right .ul li.xia span{ position: absolute; left: 50%; color: #666; font-size: 12px; top: auto; bottom: -9px; transform: translateX(-50%); text-align: center; } .yewu_a .right .ul li.xia.cur span{ /*position: absolute; left: 50%; color: #faa434; font-size: 12px; top: auto; bottom: -16px; transform: translateX(-50%); width: 80px; text-align: center;*/ } .swiper-slide{overflow: hidden;} .img{overflow: hidden;width: 100%;} .img img{width: 100%;} .img img{width: 100%;transform: scale(1);transition: all 0.8s;} .img:hover img{ transform: scale(1.2); } .center{text-align: center;} .hidden{overflow: hidden;} .relative{position: relative;} @media(max-width: 1500px){ .yewu_a .left .bt{font-size: 20px;} .yewu_a .right .ul li{width: 21px;height:19px;} } @media(max-width: 1024px){ .yewu_a .left{ /* display:none;*/ width: 100%; padding: 20px 20px 40px; } .yewu_a .right .ul li span { display: none; } .yewu_a .right{ margin-top: 20px; margin-top:20; width: 100%; } /* .yewu_a .right .ul li.cur { background: none; }*/ /* .yewu_a .right .ul li.cur:after { display: inline-block; }*/ } @media(max-width: 640px){ .yewu_a .right .ul li { width: 4px; height: 4px; } .yewu_a .right .ul li:after { width: 2px; height: 2px; } .yewu_a .left .nr{ margin-top: 14px; } .yewu_a .left .nr .ol li{ padding: 10px 0; } .yewu_a .right .ul li.cur span{font-size: 12px;left: 17px;} .yewu_a .right .ul li.cur{ width: 15px; height: 12px; } } .fazhan{ padding-top: 94px; } .fazhan .fazhan_box{ padding: 0 24px; } .fazhan .fazhan_box .top{ margin-top: 46px; } .fazhan .fazhan_box .top .box { padding: 15px; background: #fff; opacity: 0.2; } .fazhan .fazhan_box .top .swiper-slide-active .box{ opacity: 1; } .fazhan .fazhan_box .top .box .img{ float: left; width: 41.4%; } .fazhan .fazhan_box .top .box .text{ float: left; width: 58.6%; padding-left: 20px; padding-top: 5px; } .fazhan .fazhan_box .top .box .text .bt{ color: #333333; font-size: 24px; } .fazhan .fazhan_box .top .box .text .js{ color: #666666; line-height: 1.6; margin-top: 6px; height: 110px; overflow: hidden; } @media(max-width: 1024px){ .fazhan { padding-top: 4vw;} .fazhan .fazhan_box .top { margin-top: 30px;} .fazhan .fazhan_box { padding-bottom: 40px; } } @media(max-width: 640px){ .fazhan .fazhan_box .top .box .text { padding-top:10px;} } @media(max-width: 540px){ .fazhan { padding-top: 30px;} .fazhan .fazhan_box .top { margin-top: 20px;} .fazhan .fazhan_box { padding-bottom: 40px; } .fazhan .fazhan_box .top .box .img { width: 100%; } .fazhan .fazhan_box .top .box .text { padding:10px 0 0; width: 100%;} .fazhan .fazhan_box .top .box .text { width: 100%; } .fazhan .fazhan_box .top .box .text .js { height: auto; } .fazhan .fazhan_box { padding: 0 3% 40px;} .fazhan .fazhan_box .top .box .text .bt { font-size: 20px; } } /* .fazhan .fazhan_box .btm_box{text-align: center;margin-top: 50px;position: relative;overflow: hidden;} .fazhan .fazhan_box .btm{ width: 770px; height: 300px; margin: 0 auto; position: relative; overflow: hidden; padding-top: 20px; } .fazhan .fazhan_box .btm_box:before{ content: ""; width: 820px; height: 820px; bottom: -490px; left: 50%; transform: translateX(-50%); border-radius: 100%; background: #fff; position: absolute; } .fazhan .fazhan_box .btm_box:after{ content: ""; width: 740px; height: 740px; bottom: -420px; left: 50%; transform: translateX(-50%); border-radius: 100%; border: 1px solid #e5e5e5; position: absolute; } .fazhan .fazhan_box .btm_box .bt{ font-size: 60px; color: #2a8a8e; } .fazhan .fazhan_box .btm_box .nf{ color: #666666; font-size: 26px; } .fazhan .fazhan_box .btm_box .swiper-slide{ padding-top: 154px; transform: rotate(-50deg); transition: all 0.3s; } .fazhan .fazhan_box .btm_box .swiper-slide-prev, .fazhan .fazhan_box .btm_box .swiper-slide-next{ padding-top: 50px; } .fazhan .fazhan_box .btm_box .swiper-slide-prev{transform: rotate(-40deg);} .fazhan .fazhan_box .btm_box .swiper-slide-next{ transform: rotate(40deg); } .fazhan .fazhan_box .btm_box .swiper-slide-active{ padding-top: 0; transform: rotate(0); margin: 0 -20px; } .fazhan .fazhan_box .btm_box .swiper-slide-next + .swiper-slide{ transform: rotate(50deg); } .fazhan .fazhan_box .btm{margin-top: 40px;}*/ /*发展历史*/ .history_year{position: relative; background: url(../images/history_bg2.jpg) no-repeat center bottom;width: 850px;height: 434px;margin: auto; padding-top: 0;overflow: hidden;margin-top: 50px;} .history_year .leftbox{width:434px;height:850px; margin:auto;} .history_year .leftbox .swiper-container{height: 100%;width: 100%} .history_year a{color: #666666;display: block;margin: auto;width:100%; height: 100%; line-height: 110px; text-align: center;position: relative;opacity: 0;transform-origin:50% 50%;font-size: 22px;} .history_year .leftbox .swiper-slide i{width: 23px;height: 23px;background: url(../images/history_icon.png) no-repeat center center/cover;display: block;display: none; position: absolute; top:98px; left: 50%;margin-left: -8px;} .history_year .leftbox .swiper-slide em{display: none;position: absolute;top:-15px;left: 0;color: #e3254c;width: 100%;text-align: center;line-height: 30px; font-family: "Arial"; text-transform: uppercase; font-weight: bold;} .history_year .leftbox .swiper-slide-active i{display: block;} .history_year .swiper-button-prev:after,.history_year .swiper-button-next:after{display: none !important;} .history_cont .swiper-slide.swiper-slide-active .topnum{ visibility: visible; opacity:1;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; } .topnum{ opacity:0;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; text-align: center;color: #2a2a2a;background: url(../images/his_line01.png) no-repeat center center;margin-bottom: 15px; visibility: hidden; } .topnum a{background: #fff;padding: 0 10px;} .topnum a i{ font-family: "Arial"; color: #e3254c;} .history_year li{float: left; width: 100%; padding: 35px 0; border-bottom:#bebebe solid 1px;overflow: hidden;} .history_cont dl{overflow: hidden;padding: 30px;background: #efefef;} .history_cont dt{float: left;width: 215px;} .history_cont dd{float: right;width: calc(100% - 230px)} .history_cont dd h3{font-family: "Arial";color:#000;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .his_p{color: #666;line-height: 1.8em;height: 9em;overflow: hidden;} .his_p p{background: url(../images/his_cicle.png) no-repeat 0 12px;padding-left: 18px;/*white-space:nowrap; overflow:hidden; text-overflow:ellipsis;*/} .history_cont{margin-bottom: 80px;} .history_cont .swiper-container{padding-bottom:15px;} .history_cont .swiper-slide-prev{top:30px;} .history_cont .swiper-slide-next{top:30px;} .ie9 .history_cont .swiper-slide img{width: 100%;} .history_cont .swiper-slide-duplicate-prev,.history_cont .swiper-slide-duplicate-next{opacity:0;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0;top:30px;} .history_cont .swiper-slide-duplicate-prev img,.history_cont .swiper-slide-duplicate-next img{opacity:0;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0;} .history_cont .swiper-container-3d .swiper-slide-shadow-right,.history_cont .swiper-container-3d .swiper-slide-shadow-left{ background-image: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.0)),to(rgba(0,0,0,0))); background-image: -webkit-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0)); background-image: -moz-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0)); background-image: -o-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0)); background-image: linear-gradient(to right,rgba(0,0,0,0),rgba(0,0,0,0)); } .history_cont .swiper-slide-next,.history_cont .swiper-slide-prev{opacity:0.4;filter:alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity:0.4;} .history_cont .swiper-pagination{display: none;} .history_cont .but>div{width: 25%;height: 87%;margin-top: 0;top:30px;background:url(../images/wite_bg.png) repeat;} .history_cont .but>div.swiper-button-prev{left: 0;} .history_cont .but>div.swiper-button-next{right: 0;} /*大事记改*/ .history_cont .swiper-slide{opacity:0;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0;top:30px;} .history_cont .swiper-slide img{opacity:0;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0;} .history_cont .swiper-slide.swiper-slide-active,.history_cont .swiper-slide.swiper-slide-active img{opacity:1;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1;} .history_cont .swiper-slide.swiper-slide-prev,.history_cont .swiper-slide.swiper-slide-prev img{opacity:0.4;filter:alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity:0.4;} .history_cont .swiper-slide.swiper-slide-next,.history_cont .swiper-slide.swiper-slide-next img{opacity:0.4;filter:alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity:0.4;} .history_cont .swiper-slide.swiper-slide-prev dl,.history_cont .swiper-slide.swiper-slide-next dl{margin-top: 30px;} /*大事记改*/ @media only screen and (min-width:1025px){ .history_year .leftbox .swiper-slide-active a{font-size:60px;opacity: 1; color: #2a8a8e;} .history_year .leftbox a{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;} .history_year .leftbox .prev_nth2Mode a{transform: rotate(62deg) translateX(5px) translateY(18px);opacity: 1;} .history_year .leftbox .next_nth2Mode a{transform: rotate(121deg) translateX(-15px) translateY(22px);opacity: 1;} .history_year .leftbox .prev_nth3Mode a{transform: rotate(33deg) translateX(-57px) translateY(118px);opacity: 1;} .history_year .leftbox .next_nth3Mode a{transform: rotate(149deg) translateX(58px) translateY(123px);opacity: 1;} .history_year .leftbox .prev_nth4Mode a{transform: rotate(-80deg) translateX(-126px) translateY(-143px);} .history_year .leftbox .next_nth4Mode a{transform: rotate(80deg) translateX(-214px) translateY(162px);} .history_year .leftbox .prev_nth5Mode a{transform: rotate(-25deg) translateX(-65px);opacity: 1;} .history_year .leftbox .next_nth5Mode a{transform: rotate(25deg) translateX(-65px) translateY(20px);opacity: 1;} .history_year .leftbox .prev_nth6Mode a{transform: rotate(-30deg) translateX(-99px);opacity: 1;} .history_year .leftbox .next_nth6Mode a{transform: rotate(30deg) translateX(-99px) translateY(20px);opacity: 1;} .fnt_20 { font-size: 20px; } .history_year .swiper-button-prev{width: 28px;height: 51px;background: url(../images/fazhan_jt1.png) no-repeat center center; position: absolute;left: 255px;top:0px;margin-top: 15px;transition: all 0.4s;} .history_year .swiper-button-next{width: 28px;height: 51px;background: url(../images/fazhan_jt2.png) no-repeat center center;position: absolute;right: 255px;top:0px;margin-top: 15px;transition: all 0.4s;} .history_year .swiper-button-prev:hover{background: url(../images/fazhan_jt01.png) no-repeat center center;} .history_year .swiper-button-next:hover{background: url(../images/fazhan_jt02.png) no-repeat center center;} .history_year .leftbox .swiper-container{padding-right: 150px;} .history_year .leftbox .swiper-slide-active a{transform: rotate(90deg) translateX(-6px) translateY(-150px);} .history_year .leftbox{transform: rotate(-90deg) translateX(275px); } } .history_year .leftbox .swiper-slide{overflow: initial;} @media only screen and (max-width:1279px){ .history_cont dl{padding: 20px;} .history_cont dd{width: calc(100% - 230px)} } @media only screen and (max-width:1024px){ .history_cont .but>div{width: 27px;height: 44px;margin-top:-22px; top:50%;display: none;} .history_cont .but>div.swiper-button-prev{left: 0; background: url(../images/prev02.png) no-repeat center center;} .history_cont .but>div.swiper-button-next{right: 0; background: url(../images/next02.png) no-repeat center center;} .history_year .leftbox .swiper-slide.on a{font-size:32px;opacity: 1; color: #3e3e3e;} .history_cont .swiper-slide-prev{top:0px;} .history_cont .swiper-slide-next{top:0px;} .history_year .leftbox .prev_nth2Mode a{transform: rotate(0deg) translateX(0) translateY(0);} .history_year .leftbox .next_nth2Mode a{transform: rotate(0deg) translateX(0) translateY(0);} .history_year .leftbox .prev_nth3Mode a{transform: rotate(0deg) translateX(0) translateY(0);} .history_year .leftbox .next_nth3Mode a{transform: rotate(0deg) translateX(0) translateY(0);} .history_year .leftbox .prev_nth4Mode a{transform: rotate(0deg) translateX(0) translateY(0);} .history_year .leftbox .next_nth4Mode a{transform: rotate(0deg) translateX(0) translateY(0);} .history_year .leftbox .prev_nth5Mode a{transform: rotate(0deg) translateX(0) translateY(0);} .history_year .leftbox .next_nth5Mode a{transform: rotate(0deg) translateX(0) translateY(0);} .history_year .leftbox .prev_nth6Mode a{transform: rotate(0deg) translateX(0) translateY(0);} .history_year .leftbox .next_nth6Mode a{transform: rotate(0deg) translateX(0) translateY(0);} .history_year .leftbox .swiper-slide-active a{transform: rotate(0deg) translateX(0px) translateY(0px);} .history_year .leftbox{transform: rotate(0deg) translateX(0px); } .history_year .leftbox .swiper-slide-active a{color: #000;} .history_year,.history_year .leftbox{width: 100%;height: auto;} .history_year .leftbox .swiper-container{padding-right: 0px;} .history_year{padding-top:0;background: none;} .history_year a{opacity: 1;} .history_year .swiper-button-next.swiper-button-disabled,.history_year .swiper-button-prev.swiper-button-disabled{opacity: 0.5; cursor: pointer; pointer-events: inherit;} .history_year .swiper-button-next.disabled,.history_year .swiper-button-prev.disabled{opacity: 0.35; cursor: default;} .history_year .leftbox .swiper-slide-active i{display: none;} .history_year a{line-height: 32px;} .history_year .swiper-button-prev{width: 28px;height:28px;background: url(../images/his_prev.png) no-repeat center center; position: absolute;left:0px;top:50%;margin-top: -14px; background-size: cover;} .history_year .swiper-button-next{width: 28px;height:28px;background: url(../images/his_next.png) no-repeat center center;position: absolute;right:0px;top:50%;margin-top: -14px;background-size: cover;} .history_cont{margin-bottom: 0;} .about_history{position: relative;padding:60px 0;} .history_year{padding: 0 30px; box-sizing: border-box; position: absolute;top:0;left:3%;width: 94%;} .history_cont .swiper-pagination{display: block;text-align: center;width: 100%;margin-top:10px;} .history_cont .swiper-pagination span{margin: 0 5px;width: 10px;height: 10px;} .topnum{background-size: 100%;} .history_cont .swiper-slide.swiper-slide-prev,.history_cont .swiper-slide.swiper-slide-prev img{opacity:1;filter:alpha(opacity=10); -moz-opacity:1; -khtml-opacity:1;} .history_cont .swiper-slide.swiper-slide-next,.history_cont .swiper-slide.swiper-slide-next img{opacity:1;filter:alpha(opacity=10); -moz-opacity:1; -khtml-opacity:1;} .history_cont .swiper-slide.swiper-slide-prev dl,.history_cont .swiper-slide.swiper-slide-next dl{margin-top:0px;} .history_cont .swiper-slide{top:0;} } @media only screen and (max-width:767px){ .about_history{padding:50px 0;} .history_cont dl{padding:10px;} .history_cont dd{width:100%;} .history_cont dt{width: 100%;margin-bottom: 20px;} .history_year .leftbox .swiper-slide.on a{font-size: 24px;} .history_year .swiper-button-next,.history_year .swiper-button-prev{width: 20px;height: 20px;margin-top: -10px;} } /*循环经济*/ .xunhuan_a{ padding: 100px 0 110px; } .xunhuan_a .left{ float: left; width: 46%; padding-top: 16px; } .xunhuan_a .left .text{ line-height: 1.8; margin-top: 20px; color: #666666; } .xunhuan_a .right{ float: right; width: 49.2%; } .xunhuan_b{ background: #fff; padding: 90px 0 100px; } .xunhuan_b .homeBoxA-b{ margin-top: 30px; } .xunhuan_b .homeBoxA-b .swiper-slide{margin-right: 0;margin-top: 0 !important;} .xunhuan_b .homeBoxA-b .swiper-slide a{background: #f9f9f9;} .xunhuan_b .homeBoxA-b .swiper-slide .t{margin-top: 36px;} .xunhuan_b .swiper-button-prev:after, .xunhuan_b .swiper-button-next:after{ display: none; } .xunhuan_b .swiper-button-prev, .xunhuan_b .swiper-button-next{ width: 52px; height: 52px; transition: all 0.4s; } .xunhuan_b .swiper-button-prev{ left: auto; right: 66px; background: url(../images/jt_l.png) center center/cover; } .xunhuan_b .swiper-button-next{ right: 0; background: url(../images/jt_r.png) center center/cover; } .xunhuan_b .swiper-button-prev:hover{ background: url(../images/jt_l2.png) center center/cover; } .xunhuan_b .swiper-button-next:hover{ background: url(../images/jt_r2.png) center center/cover; } @media(max-width: 1680px){ .xunhuan_a { padding: 70px 0 90px; } .xunhuan_a .left{ padding-top: 0; } .xunhuan_b{ padding: 70px 0 80px; } .xunhuan_b .swiper-button-prev, .xunhuan_b .swiper-button-next{ width: 50px; height: 50px; } } @media(max-width: 1500px){ .xunhuan_b .homeBoxA-b .swiper-slide .t { margin-top: 20px; } .xunhuan_b .swiper-button-prev, .xunhuan_b .swiper-button-next { width: 40px; height: 40px; } .xunhuan_b .swiper-button-prev{ right: 56px; } } @media(max-width: 1024px){ .xunhuan_a { padding: 40px 0 50px; } .xunhuan_a .left{ width: 100%; } .xunhuan_a .left .text{margin-top: 16px;} .xunhuan_a .right{ width: 100%; margin-top: 20px; } .xunhuan_b { padding: 40px 0 50px; } .xunhuan_b .homeBoxA-b { margin-top: 24px; } } .xunhuan_xq{ padding: 64px 0 100px; } .xunhuan_xq .bt{ font-size: 32px; color: #2a8a8e; } .xunhuan_xq .left{ float: left; width: 71.4%; padding: 38px 30px; background: #fff; } .xunhuan_xq .left .text{ line-height: 1.8; color: #666666; margin-top: 12px; } .xunhuan_xq .right{ float: right; width: 27.1%; } .xunhuan_xq .right .box{ background: #fff; padding: 38px 26px; margin-bottom: 18px; } .xunhuan_xq .right .box:last-child{ margin-bottom: 0; } .xunhuan_xq .right .box .ul{ margin-top: 14px; } .xunhuan_xq .right .box .ul li{ position: relative; padding: 18px 50px 18px 0; border-bottom: 1px solid #f2f2f2; } .xunhuan_xq .right .box .ul li:after{ position: absolute; content: ""; width: 18px; height: 12px; background: url(../images/t_mainbgb2.png) center center/cover; right: 5px; top: 50%; transform: translateY(-50%); transition: all 0.4s; } .xunhuan_xq .right .box .ul li:last-child{border-bottom: none;} .xunhuan_xq .right .box .ul li .t{ color: #666666; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .xunhuan_xq .right .box .ul li:before{ width: 0; height: 1px; position: absolute; bottom: -1px; left: 0; content: ""; background: #f9a434; transition: all 0.4s; } .xunhuan_xq .right .box .ul li:hover:before,.xunhuan_xq .right .box .ul li.cur:before{width: 100%;} .xunhuan_xq .right .box .ul li:hover .t,.xunhuan_xq .right .box .ul li.cur .t{color: #faa434;} .xunhuan_xq .right .box .ul li:hover:after,.xunhuan_xq .right .box .ul li.cur:after{background: url(../images/t_mainbgb.png) center center/cover;} .xunhuan_xq .right .ol{ margin-top: 12px; } .xunhuan_xq .right .ol li{ padding: 18px 0; border-bottom: 1px solid #eeeeee; position: relative; } .xunhuan_xq .right .ol li:last-child{border-bottom: none;} .xunhuan_xq .right .ol li a{color: #666666;display: block;} .xunhuan_xq .right .ol li .t{ padding-left: 18px; position: relative; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; line-height: 1; } .xunhuan_xq .right .ol li .t:before{ position: absolute; top: 50%; transform: translateY(-50%); left: 3px; width: 5px; height: 5px; border: 1px solid #a0a0a0; border-radius: 100%; content: ""; } .xunhuan_xq .right .ol li.cur a,.xunhuan_xq .right .ol li:hover a{ color: #f9a434; } .xunhuan_xq .right .ol li.cur .t:before,.xunhuan_xq .right .ol li:hover .t:before{ border-color: #f9a434; } .xunhuan_xq .right .ol li:before{ width: 0; height: 1px; position: absolute; bottom: -1px; left: 0; content: ""; background: #f9a434; transition: all 0.4s; } .xunhuan_xq .right .ol li.cur:before,.xunhuan_xq .right .ol li:hover:before{ width: 100%; } .xunhuan_xq .esg .right .ol li.cur:before, .xunhuan_xq .esg .right .ol li:hover:before { width: 0; } @media(max-width: 1680px){ .xunhuan_xq { padding: 50px 0 80px; } .xunhuan_xq .bt{ font-size: 28px; } } @media(max-width: 1500px){ .xunhuan_xq .bt{ font-size: 26px; } .xunhuan_xq .right .box{ padding: 24px; } } @media(max-width: 1024px){ .xunhuan_xq { padding: 40px 0 50px; } .xunhuan_xq .right{display: none;} .xunhuan_xq .left{ width: 100%; padding: 30px 20px; } .xunhuan_xq .bt { font-size: 22px; } } .chuangxin_a{ padding: 90px 0 120px; } .chuangxin_a .ol{ margin-top: 36px; } .chuangxin_a .ol li{ float: left; width: 49.2%; position: relative; margin-right: 1.6%; } .chuangxin_a .ol li:last-child{ margin-right: 0; } .chuangxin_a .ol li .icon{ line-height: 0; position: absolute; width: 89px; right: 50px; top: 36px; } .chuangxin_a .ol li .text{ width: 100%; bottom: 0; position: absolute; left: 0; padding: 0 28px 36px; } .chuangxin_a .ol li .text .bt{ color: #ffffff; font-size: 30px; } .chuangxin_a .ol li .text .js{ line-height: 1.6; color: #ffffff; margin-top: 6px; height: 76px; overflow: hidden; } .chuangxin_b{ padding: 90px 0; } .chuangxin_b .left{ float: left; width: 42.1%; color: #666666; line-height: 1.8; padding-top: 110px; } .chuangxin_b .right{ width: 50.7%; float: right; } .chuangxin_c{ background: #f9f9f9; padding: 100px 0 110px; } .chuangxin_c .text{ line-height: 1.6; color: #666666; margin-top: 16px; } @media(max-width: 1680px){ .chuangxin_a { padding: 70px 0 100px; } .chuangxin_a .ol { margin-top: 30px; } .chuangxin_a .ol li .icon{ width: 70px; } .chuangxin_a .ol li .text .bt{font-size: 24px;} .chuangxin_b { padding: 70px 0; } .chuangxin_c { padding: 70px 0 80px; } } @media(max-width: 1500px){ .chuangxin_a .ol li .text .bt { font-size: 22px; } .chuangxin_a .ol li .text .js{ height: 64px; } .chuangxin_a .ol li .icon { width: 60px; right: 40px; top: 30px; } .chuangxin_b .left{ padding-top: 0px; } } @media(max-width: 1024px){ .chuangxin_a { padding: 40px 0 40px; } .chuangxin_a .ol { margin-top: 20px; } .chuangxin_a .ol li{ width: 100%; margin-bottom: 20px; } .chuangxin_a .ol li .text{ padding: 0 20px 20px; } .chuangxin_a .ol li .text .bt { font-size: 18px; } .chuangxin_a .ol li .text .js{height: auto;} .chuangxin_a .ol li .icon{ width: 50px; right: 20px; top: 20px; } .chuangxin_b { padding: 40px 0; } .chuangxin_b .left{ width: 100%; padding-top: 0; } .chuangxin_b .right{ width: 100%; margin-top: 20px; } .chuangxin_c { padding: 40px 0 50px; } } .rongyu_a{ padding: 80px 0 60px; } .rongyu_a .top .ol{ position: absolute; right: 0; bottom: 4px; } .rongyu_a .top .ol li{ float: left; margin-right: 12px; } .rongyu_a .top .ol li:last-child{margin-right: 0;} .rongyu_a .top .ol li a{ color: #666666; font-size: 16px; padding: 14px 56px; border: 1px solid #c9c9c9; display: block; border-radius: 50px; overflow: hidden; transition: all 0.3s; } .rongyu_a .top .ol li.cur a,.rongyu_a .top .ol li:hover a{ border-color: #faa434; background: #faa434; color: #fff; } .rongyu_a .btm{ margin-top: 50px; } .rongyu_a .btm .ol > li{ margin-bottom: 16px; background: #ffffff; } .rongyu_a .btm .ol > li:last-child{margin-bottom: 0;} .rongyu_a .btm .ol > li .t .bt{ padding: 24px 20px; color: #666666; font-size: 22px; cursor: pointer; } .rongyu_a .btm .ol > li .t .anniu{ width: 16px; height: 16px; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); } .rongyu_a .btm .ol > li .t .anniu:before{ width: 100%; height: 2px; left: 0; top: 50%; transform: translateY(-50%); position: absolute; content: ""; background: #999999; transition: all 0.4s; opacity: 1; } .rongyu_a .btm .ol > li .t .anniu:after{ width: 2px; height: 100%; left: 50%; top: 0; transform: translateX(-50%); position: absolute; content: ""; background: #999999; transition: all 0.4s; opacity: 1; } .rongyu_a .btm .ol > li.cur .t .bt{ background: #2a8a8e; color: #fff; } .rongyu_a .btm .ol > li.cur .t .anniu:before{background: #fff;} .rongyu_a .btm .ol > li.cur .t .anniu:after{ opacity: 0; } .rongyu_a .btm .ol > li .b{ display: none; background: url(../images/rongyu_bg.png) right top no-repeat; padding: 40px 140px 60px 70px; } .rongyu_a .btm .ol > li .b .left{ float: left; width: 50%; } .rongyu_a .btm .ol > li .b .left .bt{ font-size: 20px; color: #333333; margin-top: 26px; } .rongyu_a .btm .ol > li .b .left .text{ line-height: 1.6; margin-top: 10px; } .rongyu_a .btm .ol > li .b .right{ float: right; width: 48%; padding: 0 100px; } .rongyu_a .btm .ol > li .b .right .swiper-button-prev:after, .rongyu_a .btm .ol > li .b .right .swiper-button-next:after{ display: none; } .rongyu_a .btm .ol > li .b .right .swiper-button-prev, .rongyu_a .btm .ol > li .b .right .swiper-button-next{ width: 52px; height: 52px; transition: all 0.4s; } .rongyu_a .btm .ol > li .b .right .swiper-button-prev{ left: 0; background: url(../images/jt_l.png) center center/cover; } .rongyu_a .btm .ol > li .b .right .swiper-button-next{ right: 0; background: url(../images/jt_r.png) center center/cover; } .rongyu_a .btm .ol > li .b .right .swiper-button-prev:hover{ background: url(../images/jt_l2.png) center center/cover; } .rongyu_a .btm .ol > li .b .right .swiper-button-next:hover{ background: url(../images/jt_r2.png) center center/cover; } .rongyu_a .page{ margin-top: 70px; } @media(max-width: 1680px){ .rongyu_a { padding: 70px 0 50px; } .rongyu_a .btm .ol > li .t .bt{ font-size: 20px; padding: 20px 20px; } .rongyu_a .btm .ol > li .b{ padding: 30px 100px 40px 60px; } .rongyu_a .btm .ol > li .b .left .bt{font-size: 18px;} } @media(max-width: 1500px){ .rongyu_a .top .ol li a{ padding: 10px 40px; font-size: 14px; } .rongyu_a .btm { margin-top: 30px; } .rongyu_a .btm .ol > li .t .bt { padding: 14px 20px; } .rongyu_a .btm .ol > li .b .right{ padding: 0 70px; } .rongyu_a .page { margin-top: 50px; } } @media(max-width: 1024px){ .rongyu_a { padding: 40px 0 50px; } .rongyu_a .top .ol{ position: initial; margin-top: 20px; } .rongyu_a .top .ol li a { padding: 6px 20px; } .rongyu_a .btm .ol > li .t .bt { padding: 10px 16px; font-size: 18px; } .rongyu_a .btm .ol > li .b { padding: 0 20px 30px; } .rongyu_a .btm .ol > li .b .left{ width: 100%; } .rongyu_a .btm .ol > li .b .right{ width: 100%; margin-top: 20px; } .rongyu_a .btm .ol > li .b .right .swiper-button-prev, .rongyu_a .btm .ol > li .b .right .swiper-button-next{ width: 40px; height: 40px; } .rongyu_a .btm .ol > li .b .right{ padding: 0 40px; } .page a{ width: 40px; height: 40px; line-height: 40px; margin: 0 2px; } .rongyu_a .page { margin-top: 30px; } } .yuanjing_a{ padding: 100px 0; } .yuanjing_a .mainTit .t2{ font-size: 36px; color: #2a8a8e; } .yuanjing_a .text{ color: #666666; line-height: 1.8; width: 1000px; margin: 16px auto 0; } .yuanjing_a .ol{ width: 1000px; margin: 50px auto 0; } .yuanjing_a .ol li{ float: left; width: 33.3%; text-align: center; } .yuanjing_a .ol li .icon{ width: 88px; display: inline-block; line-height: 0; } .yuanjing_a .ol li .bt{ font-size: 18px; color: #055751; margin-top: 10px; } .yuanjing_b{ padding: 110px 0 120px; } .yuanjing_b .ol{ margin-top: 36px; } .yuanjing_b .ol li{ float: left; width: 49.2%; margin-bottom: 20px; margin-right: 1.6%; position: relative; } .yuanjing_b .ol li:nth-child(2n){ margin-right: 0; } .yuanjing_b .ol li .text{ position: absolute; width: 100%; bottom: 0; left: 0; padding: 0 24px 30px; } .yuanjing_b .ol li .text .bt{ color: #fff; font-size: 30px; } .yuanjing_b .ol li .text .bt .xq{ line-height: 1.6; margin-top: 10px; display: none; /*transition: all 0.4s;*/ } /*.yuanjing_b .ol li:hover .text .bt .xq{ opacity: 1; }*/ @media(max-width: 1680px){ .yuanjing_a { padding: 70px 0; } .yuanjing_a .mainTit .t2{ font-size: 30px; } .yuanjing_a .ol li .icon{ width: 70px; } .yuanjing_a .ol li .bt{ font-size: 16px; } .yuanjing_b { padding: 80px 0 90px; } .yuanjing_b .ol li .text .bt{ font-size: 26px; } .yuanjing_b .ol li .text{ padding: 0 20px 20px; } .yuanjing_b .ol li .text .bt{font-size: 22px;} } @media(max-width: 1500px){ .yuanjing_a .ol{ margin-top: 40px; } .yuanjing_b { padding: 70px 0 80px; } .yuanjing_b .ol { margin-top: 30px; } .yuanjing_b .ol li .text .bt { font-size: 20px; } .yuanjing_a .mainTit .t2 { font-size: 24px; } .yuanjing_b .ol li .text .bt .xq{ margin-top: 6px; } } @media(max-width: 1024px){ .yuanjing_a .mainTit .t2{font-size: 18px;} .yuanjing_a { padding: 40px 0 50px; } .yuanjing_a .text{ width: 100%; } .yuanjing_a .ol{ width: 100%; margin-top: 20px; } .yuanjing_a .ol li .icon { width: 60px; } .yuanjing_b { padding: 40px 0; } .yuanjing_b .ol { margin-top: 20px; } .yuanjing_b .ol li .text{ padding: 0 14px 12px; } .yuanjing_b .ol li .text .bt{font-size: 16px;} } @media(max-width: 500px){ .yuanjing_b .ol li{ width: 100%; margin-bottom: 10px; } .yuanjing_a .ol li .bt{font-size: 14px;} } .chixu_banner .box{ position: absolute; left: 0; bottom: 0; z-index: 1; background: url(../images/chixu_bg.png) center center/cover; } .chixu_banner .box a{ padding: 34px 40px; color: #fff; font-size: 30px; display: inline-block; line-height: 1; } .chixu_banner .box a i{ background: url(../images/chixu_jt.png) center center/cover; width: 32px; height: 32px; display: inline-block; vertical-align: middle; margin-left: 8px; } .chixu_a{background-color: #fff;} .chixu_a .img{ margin-top: 30px; } .chixu_b{ padding: 120px 0; background: #f5f5f5; } .chixu_b .homeBoxA-b{ margin-top: 0; } .chixu_b .homeBoxA-b ul li{ margin-bottom: 16px; width: 32.7%; margin-right: 0.95%; } .chixu_b .homeBoxA-b ul li:nth-child(3n){margin-right: 0;} .chixu_b .homeBoxA-c .t{ margin-top: 30px; } .chixu_c{ padding: 110px 0 130px; background: #fff; } .mainTit .c2{ margin-top: 16px; line-height: 1.6; color: #666666; font-size: 18px; height: auto; } .chixu_c .btm{ margin-top: 100px; } @media(max-width:1280px){ .chixu_c .btm { margin-top: 80px; } } @media(max-width:640px){ .chixu_c .btm{ margin-top: 50px; } } .chixu_c .btm .box{ float: left; width: 32.1%; margin-right: 1.85%; background: #f5f5f5; padding: 0 40px 30px; } .chixu_c .btm .box:last-child{margin-right: 0;} .chixu_c .btm .box .t{ text-align: center; } .chixu_c .btm .box .t .icon{ line-height: 0; width: 134px; margin: -66px auto 0; } .chixu_c .btm .box .t .bt{ color: #2a8a8e; font-size: 30px; margin-top: 10px; } .chixu_c .btm .box .b{ margin-top: 36px; padding-bottom: 32px; } .chixu_c .btm .box .b .ol li a{ position: relative; padding: 14px 16px 14px 0; display: block; color: #666666; font-size: 20px; border-top: 1px solid #e3e3e3; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .chixu_c .btm .box .b .ol li:last-child a{border-bottom: 1px solid #e3e3e3;} .chixu_c .btm .box .b .ol li a:after{ width: 7px; height: 12px; background: url(../images/chixu_c_jt.png) center center/cover; position: absolute; right: 5px; top: 50%; transform: translateY(-50%); content: ""; } .chixu_c .btm .box .b .ol li a:before{ width: 0; height: 1px; bottom: 0; left: 0; position: absolute; background: #2a8a8e; content: ""; transition: all 0.4s; } .chixu_c .btm .box .b .ol li:hover a:before{ width: 100%; } .chixu_c .btm .box .b .ol li:hover a{ color: #2a8a8e; } .chixu_c .btm .box .b .swiper-pagination{ bottom: 0; } .chixu_c .btm .box .b .swiper-pagination-bullet{ width: 8px; height: 8px; background: #cccccc; opacity: 1; } .chixu_c .btm .box .b .swiper-pagination-bullet-active{ background: #2a8a8e; } .chixu_c .btm .box2 .t .bt{ color: #fba335; } .chixu_c .btm .box2 .b .ol li:hover a{ color: #fba335; } .chixu_c .btm .box2 .b .ol li a:before{ background: #fba335; } .chixu_c .btm .box2 .b .swiper-pagination-bullet-active{ background: #fba335; } .chixu_c .btm .box3 .t .bt{ color: #ee6947; } .chixu_c .btm .box3 .b .ol li:hover a{ color: #ee6947; } .chixu_c .btm .box3 .b .ol li a:before{ background: #ee6947; } .chixu_c .btm .box3 .b .swiper-pagination-bullet-active{ background: #ee6947; } .chixu_d_bg{ /*background: url(../images/chixu_d_bg.jpg) center center/cover;*/ padding: 100px 0; background: #f5f5f5; } .chixu_d{ padding: 0 !important; margin-bottom: 80px; } .chixu_d:last-child{margin-bottom: 0;} /*.chixu_d .mainTit .t{color: #fff;}*/ .chixu_d .chixu_d_box{ margin-top: 40px; } .chixu_d .chixu_d_box .box{ padding: 40px; text-align: center; background: #fff; border: 1px solid rgba(255, 255, 255, 0.1); } .chixu_d .chixu_d_box .box .icon{ line-height: 0; width: 82px; display: inline-block; } .chixu_d .chixu_d_box .box .bt{ margin-top: 16px; font-size: 30px; color: #2a8a8e; line-height: 1; } .chixu_d .chixu_d_box .box .js{ color: #666666; font-size: 17px; line-height: 1.6; margin-top: 10px; } .chixu_d .swiper-button-next:after, .chixu_d .swiper-button-prev:after{ display: none; } .chixu_d .swiper-button-next, .chixu_d .swiper-button-prev{ width: 52px; height: 52px; top: 62%; transition: all 0.4s; } .chixu_d .swiper-button-prev{ left: -70px; background: url(../images/chixu_d_jt1.png) center center/cover; } .chixu_d .swiper-button-next{ right: -70px; background: url(../images/chixu_d_jt2.png) center center/cover; } .chixu_d .swiper-button-prev:hover{ background: url(../images/chixu_d_jt01.png) center center/cover; } .chixu_d .swiper-button-next:hover{ background: url(../images/chixu_d_jt02.png) center center/cover; } @media(max-width: 1680px){ .chixu_b{ padding: 90px 0; } .chixu_c { padding: 80px 0 100px; } .chixu_c .btm .box .t .icon{ margin-top: -55px; width: 110px; } .chixu_c .btm .box .t .bt{ font-size: 24px; } .chixu_c .btm .box{ padding: 0 30px 30px; } .chixu_c .btm .box .b{margin-top: 30px;} .chixu_c .btm .box .b .ol li a{ font-size: 16px; } .chixu_d{ padding: 80px 0; margin-bottom: 60px; } .chixu_d_bg{ padding: 80px 0; } .chixu_d .chixu_d_box .box .bt{font-size: 27px;} .chixu_d .chixu_d_box .box .js{font-size: 16px;} .chixu_d .chixu_d_box .box{ padding: 40px 20px; } .chixu_banner .box a{font-size: 26px;padding: 24px 40px;} } @media(max-width: 1500px){ .chixu_b { padding: 70px 0; } .chixu_b .homeBoxA-c .t { margin-top: 20px; } .chixu_c { padding: 70px 0 80px; } .mainTit .c2{font-size: 16px;margin-top: 12px;} .chixu_c .btm .box .t .icon{ width: 90px; } .chixu_c .btm .box .t .bt { font-size: 20px; } .chixu_d .chixu_d_box .box .bt { font-size: 18px; } .chixu_d .chixu_d_box .box .js { font-size: 12px; } .chixu_banner .box a{font-size: 22px;padding: 24px 40px;} .chixu_banner .box a i{ width: 26px; height: 26px; } } @media(max-width: 1024px){ .chixu_b { padding: 40px 0; } .chixu_b .homeBoxA-b ul li{ width: 100%; margin-right: 0; margin-bottom: 0; } .chixu_c { padding: 40px 0 50px; } .chixu_c .btm .box{ width: 100%; margin-bottom: 70px; } .chixu_c .btm .box:last-child{margin-bottom: 0;} .chixu_c .btm .box { padding: 0 20px 30px; } .chixu_d { padding: 40px 0; margin-bottom: 30px; } .chixu_d .swiper-button-next, .chixu_d .swiper-button-prev{display: none;} .chixu_d .chixu_d_box .box .bt{ font-size: 26px; } .chixu_d .chixu_d_box .box .icon{width: 70px;} .chixu_d .chixu_d_box .box { padding: 30px 20px; } .chixu_d .chixu_d_box { margin-top: 26px; } .chixu_banner .box a{font-size: 18px;padding: 20px;} .chixu_banner .box a i{ width: 20px; height: 20px; } } @media(max-width: 640px){ .chixu_c .btm .box .t .icon { width: 60px; margin-top: -30px; } .chixu_c .btm .box .b .ol li a { font-size: 14px; } } .mbx { border-bottom: 1px solid #e5e5e5; } .mbx .nr{ padding: 20px 0; color: #666666; font-size: 14px; } .mbx .nr a{color: #666666;} .mbx .nr a.cur{color: #faa434;} .baogao{ padding: 60px 0 90px; } .baogao .left{ background: #fff; padding: 40px 30px; width: 71.4%; float: left; } .baogao .bt{ font-size: 36px; color: #2a8a8e; } .baogao .top{ position: relative; z-index: 6; margin-top: 20px; } .baogao .top .select-btn{ float: left; width: 43.6%; border: 1px solid #cccccc; overflow: hidden; position: relative; } .baogao .top .select-btn select{ width: 100%; border: none; background: none; height: 50px; color: #999999; font-size: 16px; padding: 0 20px; appearance: none; -moz-appearance: none; -webkit-appearance: none; } .baogao .top .select-btn::before { content: ""; position: absolute; right: 20px; top: 50%; width: 13px; height: 8px; background: url(../images/baogao_jt.png) no-repeat center center/cover; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } .baogao .top .input-btn{ width: 55.7%; position: relative; float: right; border: 1px solid #cccccc; } .baogao .top .input-btn .text{ height: 50px; padding: 0 20px; width: 100%; background: none; border: none; font-size: 16px; color: #999999; } .baogao .top .input-btn .btn{ width: 17px; height: 17px; background: url(../images/baogao_sousuo.png) center center/cover; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); border: none; } .baogao .btm{ margin-top: 30px; } .baogao .btm .ol li{ float: left; width: 32.3%; margin-bottom: 30px; margin-right: 1.55%; } .baogao .btm .ol li .img { height: 21vw; } .baogao .btm .ol li:nth-child(3n){margin-right: 0;} .baogao .btm .ol li .text{ padding: 20px 0; border-bottom: 1px solid #e5e5e5; font-size: 18px; color: #666666; position: relative; } .baogao .btm .ol li .text .wz{ overflow: hidden; text-overflow:ellipsis; white-space: nowrap; text-align:center; } .baogao .btm .ol li .text:before{ width: 0; height: 2px; background: #fba335; position: absolute; transition: all 0.4s; bottom: -2px; left: 0; content: ""; } .baogao .btm .ol li:hover .text:before{width: 100%;} .baogao .btm .ol li:hover .text{ color: #fba335; } .baogao .right{ float: right; width: 27.1%; padding: 38px 26px; background: #fff; } .baogao .right .ol{ margin-top: 12px; } .baogao .right .ol li{ padding: 18px 0; border-bottom: 1px solid #eeeeee; position: relative; } .baogao .right .ol li:last-child{border-bottom: none;} .baogao .right .ol li a{color: #666666;display: block;} .baogao .right .ol li .t{ padding-left: 18px; position: relative; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; line-height: 1; } .baogao .right .ol li .t:before{ position: absolute; top: 50%; transform: translateY(-50%); left: 3px; width: 5px; height: 5px; border: 1px solid #a0a0a0; border-radius: 100%; content: ""; } .baogao .right .ol li.cur a,.baogao .right .ol li:hover a{ color: #f9a434; } .baogao .right .ol li.cur .t:before,.baogao .right .ol li:hover .t:before{ border-color: #f9a434; } .baogao .right .ol li:before{ width: 0; height: 1px; position: absolute; bottom: -1px; left: 0; content: ""; background: #f9a434; transition: all 0.4s; } .baogao .right .ol li.cur:before,.baogao .right .ol li:hover:before{ width: 100%; } .baogao .left .page{ margin-top: 20px; } @media(max-width: 1680px){ .baogao .bt { font-size: 30px; } .baogao .btm .ol li .text{font-size: 16px;} } @media(max-width: 1500px){ .baogao .bt { font-size: 26px; } .baogao .top .select-btn select,.baogao .top .input-btn .text{ height: 42px; font-size: 14px; } .baogao .btm .ol li{margin-bottom: 20px;} .baogao .btm .ol li .text { font-size: 14px; padding: 14px 0; } .page a{ width: 44px; height: 44px; line-height: 44px; } } @media(max-width: 1100px){ .baogao .right{ display: none; } .baogao { padding: 40px 0 50px; } .baogao .left{ width: 100%; padding: 30px 20px; } .baogao .btm .ol li{ width: 49%; margin-right: 2%; } .baogao .btm .ol li .img{ height: 59vw; } .baogao .btm .ol li:nth-child(3n){margin-right: 2%;} .baogao .btm .ol li:nth-child(2n){margin-right: 0;} .baogao .bt { font-size: 22px; } } @media(max-width: 640px){ .baogao .btm .ol li{ width: 100%; margin-right: 0; } .baogao .btm .ol li .img{ height: auto; } .baogao .top .select-btn{width: 100%;} .baogao .top .input-btn{width: 100%;margin-top: 12px;} .page a { width: 40px; height: 40px; line-height: 40px; } } .topBanner2{ position: relative; z-index: 3; } .topBanner2:before{ background: url(../images/t_topbannera2.png) no-repeat center/cover; } .anquan{ position: relative; padding-bottom: 90px; background: url(../images/about_bg.png) left top no-repeat #f5f5f5; } .anquan:before{ position: absolute; width: 100%; height: 100%; background: #f5f5f5; content: ""; top: 0; left: 0; z-index: -1; } .anquan_a{ padding: 86px 0 110px; } .anquan_a .container .left{ background: #fff; padding: 40px 30px; width: 71.4%; float: left; } .anquan_a .right{ float: right; width: 27.1%; padding: 38px 26px; background: #fff; } .anquan_a .right{ font-size: 36px; color: #2a8a8e; } .anquan_a .right ol{ margin-top: 12px; } .anquan_a .right ol li{ padding: 18px 0; border-bottom: 1px solid #eeeeee; position: relative; } .anquan_a .right .ol li:before{ width: 0; height: 1px; position: absolute; bottom: -1px; left: 0; content: ""; background: #f9a434; transition: all 0.4s; } .anquan_a .right .ol li:last-child{border-bottom: none;} .anquan_a .right .ol li a{color: #666666;display: block;} .anquan_a .right .ol li .t{ padding-left: 18px; position: relative; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; line-height: 1; } .anquan_a .right .ol li .t:before{ position: absolute; top: 50%; transform: translateY(-50%); left: 3px; width: 5px; height: 5px; border: 1px solid #a0a0a0; border-radius: 100%; content: ""; } .anquan_a .right .ol li.cur>a,.anquan_a .right .ol li:hover>a{ color: #f9a434; color:#2a8a8e; } .anquan_a .right .ol li.cur .t:before,.anquan_a .right .ol li:hover .t:before{ border-color: #f9a434; } .anquan_a .right ol li.sub>a { position: relative; } .anquan_a .right ol li.sub>a:after { content: ''; width: 24px; height: 24px; position: absolute; right: 0; top: 0; background: url(../images/icon-arrow.png) no-repeat right center;transform: rotate(-90deg);} .anquan_a .right ol li.sub.cur>a:after,.anquan_a .right ol li.sub:hover>a:after { transform: rotate(0deg);} .anquan_a .right ol li.sub .subA { display: none; } .anquan_a .right ol li.sub.cur .subA,.anquan_a .right ol li.sub:hover .subA { display: block; } .anquan_a .right ol li.sub .subA { padding: 16px 0; margin-left: 27px;} .anquan_a .right ol li.sub .subA a { display: block; padding: 6px 0 6px 12px; line-height: 2; font-size: 14px;color:#333; } .anquan_a .right ol li.sub .subA a.cur,.anquan_a .right ol li.sub .subA a:hover { color:#f9a434; } .baogao .right .ol li.cur>a,.baogao .right .ol li:hover>a{ color: #f9a434; } .baogao .right .ol li.cur .t:before,.baogao .right .ol li:hover .t:before{ border-color: #f9a434; } .baogao .right ol li.sub>a { position: relative; } .baogao .right ol li.sub>a:after { content: ''; width: 24px; height: 24px; position: absolute; right: 0; top: 0; background: url(../images/icon-arrow.png) no-repeat right center;transform: rotate(-90deg);} .baogao .right ol li.sub.cur>a:after,.baogao .right ol li.sub:hover>a:after { transform: rotate(0deg);} .baogao .right ol li.sub .subA { display: none; } .baogao .right ol li.sub.cur .subA,.baogao .right ol li.sub:hover .subA { display: block; } .baogao .right ol li.sub .subA { padding: 16px 0; } .baogao .right ol li.sub .subA a { display: block; padding: 6px 0 6px 12px; line-height: 2; font-size: 16px;color:#333; } .baogao .right ol li.sub .subA a.cur,.baogao .right ol li.sub .subA a:hover { color:#f9a434; } .anquan_a .text { margin-top: 20px; line-height: 1.8; } .anquan_a .img{ margin-top: 44px; } .anquan_b{ background: #fff; } .mbx{ position: relative; z-index: 9; } .anquan_b{ padding: 30px 0 0; background: #fff; } .anquan_b .btm{margin-top: 0;} .anquan_b .btm .ol > li{ border: 1px solid #eeeeee; } .anquan_b .btm .ol > li .b{ background: none; padding: 34px 30px; } .chanpin_xq .left .anquan_b .btm .bt { margin-bottom:0; } .anquan_b .btm .ol > li .b .wenben{ color: #666666; line-height: 1.8; } .anquan_b .btm .ol > li .b .wenben table{ border: 1px solid #eeeeee; } .anquan_b .btm .ol > li .b .wenben ul { margin-left: 22px; list-style: disc; } .anquan_b .btm .ol > li .b .wenben ol { margin-left: 22px; list-style: decimal; } .anquan_b .btm .ol > li .b .wenben table th,.anquan_b .btm .ol > li .b .wenben table td{ padding: 14px 50px; } .anquan_b .btm .ol > li .b .wenben table th{ background: #e5eeed; color: #2a8a8e; font-size: 18px; font-weight: initial; } .anquan_b .btm .ol > li .b .wenben table td{ font-size: 14px; color: #666666; } .anquan_b .btm .ol > li .t{ background: #f9f9f9; } .anquan_c{ background: #f9f9f9; } .anquan_c .homeBoxA-b .swiper-slide a{ background: #fff; } @media(max-width: 1680px){ .anquan_a { padding: 60px 0 90px; } .anquan_a .img { margin-top: 40px; } .anquan_b { padding: 30px 0 0; } .anquan_b .btm .ol > li .b .wenben table th{font-size: 16px;} .anquan_b .btm .ol > li .b .wenben table th, .anquan_b .btm .ol > li .b .wenben table td { padding: 10px 30px; } } @media(max-width: 1500px){ .rongyu_a .btm .ol > li .t .bt{font-size: 16px;} } @media(max-width: 1024px){ .anquan { padding-top: 50px; } .anquan_a { padding: 50px 0 50px; } .anquan_a .text{margin-top: 14px;} .anquan_a .img { margin-top: 30px; } .anquan_b { padding: 30px 0 0; } .anquan_b .btm .ol > li .b { padding: 20px; } .anquan_b .btm .ol > li .b .wenben table th, .anquan_b .btm .ol > li .b .wenben table td { padding: 10px; } .anquan_b .btm .ol > li .b .wenben table th{font-size: 14px;} .mbx .nr{ padding: 12px 0; } } .zhengce_a{ margin-top: 50px; } .zhengce_a .bt{ color: #2a8a8e; font-size: 32px; } .zhengce_a .ol{ margin-top: 24px; } .zhengce_a .ol li{ float: left; width: 32.8%; background: #fff; margin-right: 0.8%; padding: 34px 30px 70px; } .zhengce_a .ol li:last-child{margin-right: 0;} .zhengce_a .ol li .t{ color: #666666; font-size: 24px; height: 58px; overflow: hidden; } .zhengce_a .ol li .ol_box{ margin-top: 30px; } .zhengce_a .ol li .ol_box .box{ padding: 20px 6px; border-top: 1px solid #eeeeee; } .zhengce_a .ol li .ol_box .box .icon{ width: 15.3%; display: inline-block; vertical-align: middle; } .zhengce_a .ol li .ol_box .box .text2{ display: inline-block; vertical-align: middle; color: #666666; line-height: 1.6; width: 80%; height: 72px; overflow: hidden; padding-left: 14px; } .zhengce_b .c{ color: #666666; line-height: 1.8; margin-top: 20px; } .zhengce_b .btm{ margin-top: 50px; } .zhengce_b .ol > li .wenben .h3{ font-size: 18px; color: #2a8a8e; margin-bottom: 10px; } .zhengce_b .ol > li .wenben ul li{ padding-left: 20px; margin-bottom: 30px; position: relative; } .zhengce_b .ol > li .wenben ul li:last-child{margin-bottom: 0;} .zhengce_b .ol > li .wenben ul li:before{ position: absolute; width: 4px; height: 4px; border-radius: 100%; background: #999999; left: 0; top: 12px; content: ""; } @media(max-width: 1680px){ .zhengce_a .bt{font-size: 26px;} .zhengce_a { margin-top: 30px; } .zhengce_a .ol li .t{ font-size: 20px; height: 50px; } .zhengce_a .ol li .ol_box .box .text2{height: 64px;} } @media(max-width: 1500px){ .zhengce_b .ol > li .wenben .h3{font-size: 16px;} .zhengce_b .btm { margin-top: 30px; } } @media(max-width: 1024px){ .zhengce_a .bt { font-size: 20px; } .zhengce_a .ol li{ width: 100%; margin-right: 0; padding: 30px 20px; margin-bottom: 12px; } .zhengce_a .ol li .ol_box .box .icon{ width: 50px; } .zhengce_a .ol li .ol_box .box .text2{width: 100%;margin-top: 14px;height: auto;padding-left: 0;} .zhengce_a .ol li .ol_box .box { padding: 12px 4px; } .zhengce_a .ol li .ol_box { margin-top: 20px; } .zhengce_a .ol li .t{font-size: 18px;height: auto;} .zhengce_b .c{font-size: 14px;margin-top: 14px;} } .news_a .homeBoxA-b { margin-top: 36px; } .news_a .homeBoxA-b ul li{ width: 49.3%; margin-right: 1.4%; } .news_a .homeBoxA-b ul li:last-child{margin-right: 0;} .news_a .homeBoxA-b ul li .smallMore{margin-top: 28px;} .news_a .btm ul li{ width: 100%; margin-bottom: 16px; } .news_a .btm ul li:last-child{ margin-bottom: 0; } .news_a .btm {margin-top: 16px;} .news_a .btm .homeBoxA-b{margin-top: 0;} .news_a .btm ul li .homeBoxA-c .d{margin-top: 0;} .news_a .btm ul li .smallMore{margin-top: 0;} .news_a .btm ul li .homeBoxA-c .c{ overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .news_a .btm .page{ margin-top: 70px; } .news_a {background: none;padding: 80px 0;} .news_a .homeBoxA-c .img { height: 19vw; } @media(max-width: 1680px){ .news_a {padding: 70px 0;} .news_a .btm .page { margin-top: 40px; } } @media(max-width: 1480px){ .news_a .homeBoxA-c .img { height: 21vw; } } @media(max-width: 1024px){ .news_a { padding: 40px 0; } .news_a .homeBoxA-b { margin-top: 26px; } .news_a .homeBoxA-c .img { height: 52vw; } .news_a .homeBoxA-b ul li { width: 100%; } } @media(max-width: 640px){ .news_a .homeBoxA-b ul li{ width: 100%; margin-right: 0; margin-bottom: 14px; } .rightNav a { margin-bottom: 6px; } .rightNav a.sign { margin-right: 5px;} .news_a .homeBoxA-b ul li:last-child{margin-bottom: 0;} .news_a .homeBoxA-b ul li{margin-bottom: 0;} } .new_xq .bt_box{ color: #999999; margin-top: 16px; padding-bottom: 26px; margin-bottom: 26px; border-bottom: 1px solid #f2f2f2; } .new_xq .bt_box .sj{ float: left; } .new_xq .bt_box .zz{ float: left; margin-left: 40px; } .new_xq .bt_box .fx{ float: right; } .new_xq .bt_box .fx a{ display: inline-block; vertical-align: middle; width: 20px; height: 17px; margin-right: 8px; } .new_xq .bt_box .fx a:last-child{margin-right: 0;} .new_xq .bt_box .fx a.weixin{ background: url(../images/new_xq_icon1.png) center center/cover; } .new_xq .bt_box .fx a.weibo{ background: url(../images/new_xq_icon2.png) center center/cover; } .new_xq .btm{ border-top: 1px solid #f2f2f2; padding-top: 30px; margin-top: 50px; } .new_xq .btm .l{ float: left; } .new_xq .btm .l a{ margin-right: 14px; float: left; } .new_xq .btm .r{float: right;} .mainMoreA2 span{ background-image: url(../images/t_mainbgb2_2.png); } .mainMoreA2:hover span{ background-image: url(../images/t_mainbgb_22.png); } @media(max-width: 1500px){ .new_xq .btm { padding-top: 20px; margin-top: 30px; } } @media(max-width: 1024px){ .new_xq .bt_box{ padding-bottom: 20px; margin-bottom: 20px; } .new_xq .bt_box .zz{ margin-left: 30px; } } @media(max-width: 640px){ .new_xq .bt_box .fx{ width: 100%; margin-top: 12px; } .new_xq .btm .r{ width: 100%; margin-top: 12px; } .new_xq .btm .r a{ width: 100%; text-align: center; } .new_xq .btm .l{width: 100%;} .new_xq .btm .l a{width: 48%;margin-right: 0;text-align: center;} .new_xq .btm .l a:last-child{float: right;} } .chanpin_a { padding: 110px 0 60px; } .chanpin_a .ul li{ position: relative; float: left; margin-bottom: 14px; width: 32.6%; margin-right: 1.1%; } .chanpin_a .ul li a { display: block; position: relative; overflow: hidden; height: 14vw; } .chanpin_a .ul li:nth-child(3n){margin-right: 0;} .chanpin_a .ul li .bt{ color: #ffffff; font-size: 26px; position: absolute; left: 0; bottom: 0; padding: 0 30px 30px; width: 100%; } /*.chanpin_a .ul li.li3, .chanpin_a .ul li.li4, .chanpin_a .ul li.li5{ width: 33%; margin-right: 0.33%; } .chanpin_a .ul li.li2,.chanpin_a .ul li.li7,.chanpin_a .ul li.li5{margin-right: 0;}*/ .chanpin_a .page{ margin-top: 50px; } @media(max-width: 1680px){ .chanpin_a { padding: 70px 0 50px; } .chanpin_a .ul li .bt{ font-size: 26px; padding: 0 24px 24px; } .chanpin_a .page { margin-top: 30px; } } @media(max-width: 1500px){ .chanpin_a .ul li .bt { font-size: 22px; padding: 0 20px 20px; } } @media(max-width: 1024px){ .chanpin_a { padding: 40px 0 50px; } .chanpin_a .ul li .bt { font-size: 18px; padding: 0 14px 14px; } } @media(max-width: 640px){ .chanpin_a .ul li{ width: 100% !important; margin-right: 0; } .chanpin_a .ul li a { height: 46vw;} } .chanpin_xq .left{ padding-bottom: 70px; } .chanpin_xq .right .ol li i{ display: inline-block; width: 25px; } .chanpin_xq .right .ol li i .img2{display: none;} .chanpin_xq .right .ol li .t2{display: inline-block;margin-left: 6px;} .chanpin_xq .right .ol li.cur i .img1,.chanpin_xq .right .ol li:hover i .img1{display: none;} .chanpin_xq .right .ol li.cur i .img2,.chanpin_xq .right .ol li:hover i .img2{ display: inline-block; } .chanpin_xq .left .bt{ padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #f2f2f2; padding-left: 50px; } .chanpin_xq .left .text{line-height: 2;} .chanpin_xq .left .text ul { margin-left: 22px; list-style: disc; } .chanpin_xq .left .text ol { margin-left: 22px; list-style: decimal; } .chanpin_xq .left .bt i{ width: 39px; height: 39px; top: 3px; left: 6px; position: absolute; } @media(max-width: 1500px){ .chanpin_xq .left .bt i{ width: 30px; } .chanpin_xq .left .bt{ padding-left: 46px; } } @media(max-width: 1024px){ .chanpin_xq .left .bt i{ width: 26px; } .chanpin_xq .left .bt{ padding-left: 40px; } .chanpin_xq .left { padding-bottom: 40px; } } .touzi_banner .text{ position: absolute; left: 0; right: 0; top: 34.5%; } .touzi_banner .text .box{ width: 604px; padding: 44px 50px; background: url(../images/touzi_bg.png) center center/cover; color: #fff; } .touzi_banner .text .box .bt{ font-size: 40px; } .touzi_banner .text .box .bt span{ font-size: 30px; margin-left: 16px; vertical-align: bottom; } .touzi_banner .text .box .top{ margin-top: 30px; } .touzi_banner .text .box .top .l{ float: left; } .touzi_banner .text .box .top .l .num{ color: #faa434; font-size: 64px; font-weight: bold; line-height: 1; position: relative; } .touzi_banner .text .box .top .l .num i{ position: absolute; right: -40px; bottom: 6px; background: url(../images/touzi_icon.png) center center/cover; width: 22px; height: 22px; } .touzi_banner .text .box .top .l .xz{ color: rgba(255, 255, 255, 0.6); line-height: 1.6; } .touzi_banner .text .box .top .r{ float: right; width: 244px; } .touzi_banner .text .box .top .r .ul li{ width: 50%; float: left; padding: 8px; border-left: 1px solid rgba(255, 255, 255, 0.2); font-size: 20px; color: #fff; } .touzi_banner .text .box .btm{ margin-top: 26px; padding-top: 26px; border-top: 1px solid rgba(255, 255, 255, 0.2); color: rgba(255, 255, 255, 0.6); line-height: 1.6; } .touzi_a{ padding: 90px 0 110px; } .touzi_a .ul{ margin-top: 36px; } .touzi_a .ul li{ margin-bottom: 16px; position: relative; } .touzi_a .ul li a{display: inline-block;width: 100%;} .touzi_a .ul li:last-child{ margin-bottom: 0; } .touzi_a .ul li .box{ padding: 26px; background: #fff; } .touzi_a .ul li .box .bt{ color: #666666; float: left; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; width: 50%; padding-left: 16px; line-height: 1; position: relative; } .touzi_a .ul li .box .bt:before{ top: 50%; left: 4px; transform: translateY(-50%); position: absolute; width: 5px; height: 5px; background: #666666; border-radius: 100%; content: ""; } .touzi_a .ul li .box .time{ float: right; color: #bbbbbb; margin-right: 70px; } .touzi_a .ul li .icon{ width: 29px; height: 33px; position: absolute; content: ""; top: 50%; transform: translateY(-50%); right: 30px; background: url(../images/touzi_pdf.png) center center/cover; } .touzi_b{ background: #fff; padding: 110px 0; } .touzi_b .left{ width: 63.8%; float: left; } .touzi_b .right{ float: right; width: 30.4%; padding-top: 60px; padding-right: 24px; } .touzi_b .right .text{ line-height: 1.8; color: #666666; margin-top: 24px; } .touzi_b .right .mainMore { margin-top: 40px; } .touzi_c{ padding: 110px 0 140px; background: url(../images/touzi_c_bg.jpg) center center/cover; } .touzi_c .left { width: 38.5%; } .touzi_c .left .mainTit .t{color: #fff;} .touzi_c .left .ol{ margin-top: 30px; padding-top: 30px; border-top: 1px solid rgba(255, 255, 255, 0.1); } .touzi_c .left .ol li{ margin-bottom: 20px; position: relative; } .touzi_c .left .ol li:last-child{margin-bottom: 0;} .touzi_c .left .ol li .icon{ line-height: 0; width: 97px; } .touzi_c .left .ol li .text{ color: #ffffff; font-size: 18px; line-height: 1.8; position: absolute; left: 120px; top: 50%; transform: translateY(-50%); } @media(max-width: 1680px){ .touzi_banner .text .box{ padding: 40px 30px; } .touzi_banner .text .box .bt { font-size: 34px; } .touzi_banner .text .box .bt span{font-size: 26px;} .touzi_banner .text .box .top .l .num{font-size: 50px;} .touzi_a { padding: 70px 0 90px; } .touzi_b { padding: 80px 0; } .touzi_b .right { padding-top: 40px; padding-right: 0; } .touzi_c { padding: 80px 0 100px; } .touzi_c .left .ol li .text{font-size: 16px;} } @media(max-width: 1500px){ .touzi_b .right .text{margin-top: 16px;} .touzi_b .right .mainMore { margin-top: 30px; } .touzi_c .left .ol li .icon{width: 80px;} .touzi_c .left .ol li .text{ left: 100px; font-size: 15px; } .touzi_banner .text .box .bt { font-size: 30px; } .touzi_banner .text .box .bt span{font-size: 22px;} .touzi_banner .text .box .top .l .num { font-size: 44px; } .touzi_banner .text .box .top .l .num i{right: -20px;width: 20px;} .touzi_banner .text .box .btm{ margin-top: 20px; padding-top: 20px; } } @media(max-width: 1024px){ .touzi_banner .text{ display: none; } .touzi_a { padding: 40px 0 50px; } .touzi_a .ul li .box { padding: 20px; background: #fff; } .touzi_b { padding: 40px 0; } .touzi_b .right{ width: 100%; padding-top: 0; } .touzi_b .left{ width: 100%; margin-top: 20px; } .touzi_c { padding: 40px 0 50px; } .touzi_c .left{ width: 100%; } .touzi_c .left .ol{ padding-top: 20px; margin-top: 20px; } .touzi_c .left .ol li .icon{ width: 60px; } .touzi_c .left .ol li .text{ left: 70px; font-size: 14px; } } @media(max-width: 640px){ .touzi_banner .text{ display: block; } .touzi_banner .text{ top: 56%; transform: translateY(-50%); } .touzi_banner .text .box { width: 100%; padding: 26px 20px; } .touzi_banner .text .box .bt { font-size: 24px; } .touzi_banner .text .box .bt span { font-size: 16px; margin-left: 10px; } .touzi_banner .text .box .top { margin-top: 14px; } .touzi_banner .text .box .top .r .ul li{font-size: 16px;} .touzi_banner .text .box .top .l .num { font-size: 34px; } .touzi_banner .text .box .top .r{ width: 100%; } .touzi_banner .bannerDowm{display: none;} .touzi_banner .text .box .btm { margin-top: 14px; padding-top: 14px; } .touzi_banner .text .box .top .l .num i{right: 0;} .touzi_a .ul { margin-top: 20px; } .touzi_a .ul li { } .touzi_a .ul li .box{ padding: 20px 16px; } .touzi_a .ul li .box .time{display: none;} .touzi_a .ul li .box .bt{width: 80%; } .touzi_a .ul li .icon{ width: 24px; height: 28px; } } .gonggao{ background: url(../images/gonggao_icon.png) bottom left no-repeat #f5f5f5; } .gonggao_a .page{ margin-top: 64px; } .gonggao_a .rightNav .select-btn{ float: left; width: 210px; border: 1px solid #cccccc; overflow: hidden; position: relative; margin-right: 14px; } .gonggao_a .rightNav .select-btn::before { content: ""; position: absolute; right: 20px; top: 50%; width: 13px; height: 8px; background: url(../images/gonggao_jt.png) no-repeat center center/cover; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } .gonggao_a .rightNav .select-btn select{ width: 100%; border: none; background: none; height: 50px; color: #999999; font-size: 16px; padding: 0 20px; appearance: none; -moz-appearance: none; -webkit-appearance: none; background: none; position: relative; z-index: 2; } .gonggao_a .rightNav .input-btn{ float: left; width: 256px; } .gonggao_a .rightNav .input-btn{ border: 1px solid #cccccc; position: relative; } .gonggao_a .rightNav .input-btn .text{ width: 100%; height: 50px; border: none; background: none; font-size: 16px; padding: 0 36px 0 22px; color: #999999; } .gonggao_a .rightNav .input-btn .text::placeholder{ color: #999999; } .gonggao_a .rightNav .input-btn .btn{ width: 17px; height: 17px; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); border: none; background: url(../images/gonggao_ss.png) center center/cover; } @media(max-width: 1500px){ .gonggao_a .rightNav .select-btn select,.gonggao_a .rightNav .input-btn .text{font-size: 14px;height: 44px;} .gonggao_a .page { margin-top: 40px; } } @media(max-width: 640px){ .gonggao_a .rightNav .select-btn{ width: 100%; } .gonggao_a .rightNav .input-btn{width: 100%;margin-top: 10px;} .gonggao_a .rightNav .select-btn select,.gonggao_a .rightNav .input-btn .text{height: 40px;} .gonggao_a .page { margin-top: 30px; } } .shipin{ background: url(../images/shipin_bj.png) left top no-repeat #f5f5f5; } .shipin_a{ padding: 60px 0 90px; } .shipin_a .shipin_box{ margin-top: 30px; position: relative; line-height: 0; } .shipin_a .shipin_box:before{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; content: ""; background: rgba(0, 0, 0, 0.2); } .shipin_a .shipin_box video{ object-fit: fill; width: 100%; } .shipin_a .shipin_box .bofang{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 64px; height: 64px; background: url(../images/shipin_bofang.png) center center/cover; content: ""; cursor: pointer; z-index: 9; } @media(max-width: 1024px){ .shipin_a { padding: 40px 0 50px; } .shipin_a .shipin_box .bofang{ width: 50px; height: 50px; } } @media(max-width: 640px){ .shipin_a .shipin_box .bofang{ width: 40px; height: 40px; } .shipin_a .shipin_box{margin-top: 20px;} } .caiwu_a{ padding: 70px 0; } .caiwu_a .ol{ margin-top: 30px; } .caiwu_a .ol li{ float: left; width: 24%; margin-bottom: 18px; margin-right: 1.33%; background: #fff; padding: 30px; text-align: center; } .caiwu_a .ol li:nth-child(4n){margin-right: 0;} .caiwu_a .ol li .bt{ padding: 20px 0 0; font-size: 18px; color: #333333; } @media(max-width: 1500px){ .caiwu_a { padding: 50px 0; } .caiwu_a .ol li .bt{ font-size: 16px; padding: 14px 0 0; } .caiwu_a .ol li{ padding: 20px; } } @media(max-width: 1024px){ .caiwu_a .ol li{ width: 49%; margin-right: 2%; margin-bottom: 12px; } .caiwu_a .ol li:nth-child(4n){margin-right: 2%;} .caiwu_a .ol li:nth-child(2n){margin-right: 0;} .caiwu_a .ol li:last-child{margin-bottom: 0;} } @media(max-width: 640px){ .caiwu_a { padding: 40px 0; } .caiwu_a .ol { margin-top: 20px; } .caiwu_a .ol li{ width: 100%; } .caiwu_a .ol li .bt { font-size: 14px; padding: 10px 0 0; } } /* 社会责任 */ .shzrA { margin-top: 40px; } .shzrA ul li a { display: block; padding:1.2vw; } .shzrA ul li { background: #fff; float: left; width: 32%; margin-right:2%; } .shzrA ul li:nth-child(3n) { margin-right:0;} .shzrA ul li:nth-child(n+4) { margin-top:2%;} .shzrA ul { display: flex; flex-wrap: wrap;} .shzrA ul .t { font-size: 1.4vw; color:#333333; padding:1.2vw 0 6px;} .shzrA ul .c { overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; font-size: 15px; color:#999999; line-height: 1.8; margin-bottom:2vw; } .shzrA ul li:hover { background: #2a8a8e; } .shzrA ul li:hover .t,.shzrA ul li:hover .c { color:#fff; } .shzrA ul li:hover .smallMore { color:#fff; background: url(../images/smallbg.png) no-repeat right center; } @media(max-width: 1480px){ .shzrA { margin-top: 30px; } .shzrA ul li a { padding:1vw; } .shzrA ul .t { font-size: 1.4vw; padding:1vw 0 6px;} .shzrA ul .c { font-size: 14px; line-height: 1.8; margin-bottom:1.5vw; } } @media(max-width: 1024px){ .shzrA { margin-top: 20px; } .shzrA ul li a { padding:12px; } .shzrA ul .t { font-size: 18px; } .shzrA ul .c { margin-bottom:16px; } .shzrA ul li { width: 49%; margin-right:2%; } .shzrA ul li:nth-child(3n) { margin-right:2%;} .shzrA ul li:nth-child(2n) { margin-right:0;} .shzrA ul li:nth-child(n+3) { margin-top:2%;} } @media(max-width: 640px){ .shzrA ul .t { font-size: 16px; } .shzrA ul .c { margin-bottom:16px; } } @media(max-width: 500px){ .shzrA ul .t { font-size: 18px; padding:12px 0 6px;} .shzrA ul li { width: 100%; margin-right:0; } .shzrA ul li:nth-child(3n) { margin-right:0;} .shzrA ul li:nth-child(2n) { margin-right:0;} .shzrA ul li:nth-child(n+2) { margin-top:16px ;} } /* 财务数据摘要 */ .cwsjA {margin-top: 40px; } .cwsjA dl { display: flex; flex-wrap: wrap; } .cwsjA dl dt span { display: block;} .cwsjA dl dd:last-child { border-right: 1px solid #f0f0f0; } .cwsjA { width: 100%; overflow-x: scroll; padding-bottom: 1.5vw;} .cwsjA dl { width: 73vw; } .cwsjA dl dt { width: 28vw; } .cwsjA dl dd { width: 11.2vw; } .cwsjA dl dt,.cwsjA dl dd { float: left; } .cwsjA dl dd:nth-child(2){text-align: right;} .cwsjA dl dd:nth-child(3){text-align: right;} .cwsjA dl dd:nth-child(4){text-align: right;} .cwsjA dl dd .t,.cwsjA dl dd .t { font-size: 16px;color:#666666; } .cwsjA dl dt .t { color:#055751; } .cwsjA dl dt .t,.cwsjA dl dd .t { background: #fafafa; border-top: 1px solid #f0f0f0; position: relative; display: block; height: 58px; } .cwsjA dl dt .t1,.cwsjA dl dd .t1 { font-size: 18px;color:#ffffff; height: 70px; background: #2a8a8e; } .cwsjA dl .t i { font-style: normal; position: absolute; width: 100%; top:50%; transform: translateY(-50%); left:0; } .cwsjA dl dd .t{ border-left: 1px solid #f0f0f0; } .cwsjA dl dd .t1{ border-left:1px solid #fff;text-align: center;} .cwsjA dl dt .t i { padding-left: 3vw; } .cwsjA dl dd .t i { padding-left: 2vw; } .cwsjA::-webkit-scrollbar {/*滚动条整体样式*/ width: 3px; /*高宽分别对应横竖滚动条的尺寸*/ height: 3px; } .cwsjA::-webkit-scrollbar-thumb {/*滚动条里面小方块*/ border-radius: 3px; -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0); background: #f8bf74; } .cwsjA::-webkit-scrollbar-track {/*滚动条里面轨道*/ -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0); border-radius: 3px; background: rgba(0,0,0,0.2); } @media(max-width: 1480px){ .cwsjA dl dd .t,.cwsjA dl dd .t { font-size: 14px;} .cwsjA dl dt .t1,.cwsjA dl dd .t1{ font-size: 16px; height: 64px; } .cwsjA dl dt .t, .cwsjA dl dd .t { height: 50px;} .cwsjA dl dt .t i { padding:0 16px 0 24px; } .cwsjA dl dd .t i { padding: 0 16px 0 20px; } .cwsjA dl dd { width: 13vw;} .cwsjA dl { width: 80vw;} } @media(max-width: 1280px){ .cwsjA {margin-top: 30px; } .cwsjA dl { width: 1140px; } .cwsjA dl dt { width: 320px; } .cwsjA dl dd { width: 200px; } .cwsjA dl dt .t i { padding:0 12px 0 16px; } .cwsjA dl dd .t i { padding: 0 12px 0 16px; } } @media(max-width: 750px){ .cwsjA {margin-top: 20px; } .cwsjA dl { width: 730px; } .cwsjA dl dt { width: 240px; } .cwsjA dl dd { width: 120px; } .cwsjA dl dd .t,.cwsjA dl dd .t { font-size: 12px;} .cwsjA dl dt .t1,.cwsjA dl dd .t1{ font-size: 14px; height: 58px; } .cwsjA dl dt .t, .cwsjA dl dd .t { height: 46px;} } @media(max-width: 450px){ .cwsjA {margin-top: 20px; } .cwsjA dl { width: 660px; } .cwsjA dl dt { width: 200px; } .cwsjA dl dd { width: 110px; } .cwsjA dl dt .t i,.cwsjA dl dd .t i { padding: 0 8px 0 12px; } } .sitemap-box{ width:100%; height:auto; margin-bottom:40px; padding-left:0px; } .sector-left .sitemap-one{ width:100%; margin-bottom:10px; font-size:20px; color:#00535b; } .sector-left .sitemap-one a{ color:#00535b; } .sitemap-lists{ width:100%; height:auto; border-top:solid 1px #CCCCCC; overflow:hidden; } .sitemap-lists a{ font-size:16px; color:#666666; /* margin-right:50px; */ width: 25%; float: left; margin-top:20px; display:inline-block; } .siteMap { padding: 4vw 0 5vw; } @media(max-width: 1024px){ .sitemap-box { margin-bottom: 20px;} .sitemap-lists a { width: 33.3333%; } } @media(max-width: 640px){ .siteMap { padding: 30px 0 40px; } .sitemap-lists a { width: 50%; } } @media(max-width: 400px){ .sitemap-lists a { width: 100%; } } .search-show{ width:100%; padding-top:45px; padding-bottom:30px; border-bottom:solid 1px #DCDCDC; font-size:16px; color:#000; } .search-show font{ color:#00535b; } .search-title{ width:100%; font-size:24px; color:#00535b; margin-top:48px; } .search-result-box{ width:100%; height:auto; overflow:hidden; } .search-result-box ul li{ padding:25px 0px; border-bottom:solid 1px #DCDCDC; overflow:hidden; } .result-title{ width:100%; color:#333333; font-size:20px; } .re-one{ width:1000px; display:inline-block; float:left; } .re-two{ width:190px; float:right; display:inline-block; font-size:14px; color:#666666; text-align:right; margin-top:5px; } .result-content{ width:100%; height:60px; line-height:30px; overflow:hidden; font-size:14px; color:#666666; padding-top:20px; } .load-more{ width:100%; margin-top:30px; text-align:center; } .load-more a{ font-size:14px; color:#00535b; } hr{ margin:40px 0px; } .awardA p { font-size: 16px; line-height: 2;} .awardA .mainTit { margin-bottom: 30px; } @media(max-width: 1024px){ .awardA .mainTit { margin-bottom: 12px; } } /*二级菜单*/ .nav ul > li:before{ display: none; } .nav ul li.sub > a{position: relative;} .nav ul li.sub > a:before{ background: url(../images/t_header_jt.png) center center/cover; width: 9px; height: 4px; content: ""; top: 50%; transform: translateY(-50%); right: 6px; position: absolute; } .nav ul li.cur > a:before,.nav ul li:hover > a:before{ background: url(../images/t_header_jt2.png) center center/cover; } .nav ul li{ position: initial; } .nav .xl_box{ padding: 70px 0; position: absolute; width: 100%; left: 0; top: 100%; background: #ffffff; display: none; } .nav ul li:hover .xl_box{ display: block; } .nav .xl_box .left{ float: left; width: 41.5%; } .nav .xl_box .right{ float: right; width: 51.7%; margin-right: -70px; } .nav .xl_box .ol{ width: 100%; overflow: auto; } .nav .xl_box .ol{ width: 100%; overflow: auto; height: 16vw; padding-right: 70px; } .nav .xl_box .ol::-webkit-scrollbar{ width: 4px; background: #f1f1f1; border-radius: 25px; } .nav .xl_box .ol::-webkit-scrollbar-track{ width: 4px; } .nav .xl_box .ol::-webkit-scrollbar-track-piece{ width: 4px; } .nav .xl_box .ol::-webkit-scrollbar-thumb{ background: #2a8a8e; border-radius: 25px; border: 5px; } .navbox::-webkit-scrollbar-button{ display: none; } .nav .xl_box .ol li{ display: block; float: left; width: 46%; position: relative; border-bottom: 1px solid #eaeaea; } .nav .xl_box .ol li:nth-child(2n) { float: right;} .nav .xl_box .ol li:before{ width: 0; height: 2px; bottom: -1px; background-image: none; background: #278a8e; position: absolute; left: 0; bottom: 0; content: ""; transition: all 0.4s; } .nav .xl_box .ol li:hover:before{ width: 100%; } .nav .xl_box .ol li:after{ content: ""; background: url(../images/xl_box_jt.png) center center/cover; width: 8px; height: 14px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); } .nav .xl_box .ol li:hover:after{ background: url(../images/xl_box_jt02.png) center center/cover; } .nav .xl_box .ol:nth-child(2n){ float: right; } .nav .xl_box .ol li .bt{ font-size: 16px; color: #666666; padding: 0 12px 0 40px; transition: all 0.4s; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .nav .xl_box .ol li:hover .bt{ color: #2a8a8e; } .nav .xl_box .ol li .icon{ line-height: 0; width: 28px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); } .nav .xl_box .ol li .icon img{width: 100%;} .nav .xl_box .ol li .icon .img2{display: none;} .nav .xl_box .ol li:hover .icon .img1{display: none;} .nav .xl_box .ol li:hover .icon .img2{display: block;} @media(max-width: 3000px){ .nav .xl_box .ol li a{ line-height: initial; padding: 24px 0; font-size: initial; } } @media(max-width: 1920px){ .nav .xl_box .ol li a{ padding: 20px 0; } } @media(max-width: 1600px){ .nav .xl_box .ol li a{ padding: 16px 0; } .nav .xl_box .ol li .bt{ font-size: 14px; padding: 0 12px 0 36px; } .nav .xl_box .ol li .icon{width: 24px;} .nav .xl_box .ol li:after{ width: 8px; height: 12px; } .nav .xl_box .right{margin-right: -40px;} .nav .xl_box .ol{padding-right: 40px;} } .esgZc { background: #f5f5f5; } .esgZcA-a { margin:2.5vw 0 1.5vw; } .esgZcA-a p { font-size: 1.7vw; color:#2a8a8e; font-family: "Arial"; font-weight: bold; } .esgZcA-b ul { display: flex; flex-wrap: wrap; } .esgZcA-b ul li { background: #ffffff; float: left; width: 33%; margin-right:0.5%; } .esgZcA-c .topTit { padding: 1.5vw 1.6vw 0; border-top:3px solid #faa434; } .esgZcA-d { padding-bottom: 2vw; } .esgZcA-d dl { padding: 0 1.6vw; overflow-x: scroll; max-height: 24vw; } .esgZcA-b ul li:last-child { margin-right:0; } .esgZcA-c .topTit .t { font-size: 1.25vw; color:#666666; height: 4.5vw; font-family: "Arial"; font-weight: bold; } .esgZcA-d dl{ scrollbar-color: #2a8a8e rgba(0,0,0,0.2); /* 第一个方块颜色,第二个轨道颜色(用于更改火狐浏览器样式) */ scrollbar-width: thin; /* 火狐滚动条无法自定义宽度,只能通过此属性使滚动条宽度变细 */ -ms-overflow-style:none; /* 隐藏滚动条(在IE和Edge两个浏览器中很难更改样式,固采取隐藏方式) */ } /* 以下是chrome浏览器自定义滚动条样式方式 */ .esgZcA-d dl::-webkit-scrollbar {/*滚动条整体样式*/ width: 3px; /*高宽分别对应横竖滚动条的尺寸*/ height: 1px; } .esgZcA-d dl::-webkit-scrollbar-thumb {/*滚动条里面小方块*/ border-radius: 3px; -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0); background: #2a8a8e; } .esgZcA-d dl::-webkit-scrollbar-track {/*滚动条里面轨道*/ -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0); border-radius: 3px; background: rgba(0,0,0,0); } .esgZcA-d dl dd { border-top:1px solid #ededed; } .esgZcA-e { padding: 1vw 0; padding-left: 4vw; min-height: 4vw; } .esgZcA-e .icon { position: absolute; left: 0.5vw; top: 50%; transform: translateY(-50%); width: 2.6vw; } .esgZcA-e .icon img { width: 100%; } .esgZcA-e .tit { font-size: 0.85vw; color:#666666; line-height: 1.6; font-family: arial; } @media(max-width: 1480px){ .esgZcA-c .topTit .t { font-size: 20px; line-height: 1.5; height: 80px; } .esgZcA-e .tit { font-size: 16px; } .esgZcA-d dl { max-height: 450px; } } @media(max-width: 1280px){ .esgZcA-c .topTit .t { font-size: 17px; line-height: 1.5; height: 80px; } } @media(max-width: 1024px){ .esgZcA-b ul li { width: 100%; margin-right:0; } .esgZcA-b ul li:nth-child(n+2) { margin-top: 16px; } .esgZcA-c .topTit .t { font-size: 17px; line-height: 1.5; height: auto; padding-bottom: 0px; } .esgZcA-c .topTit { padding: 16px 12px; } .esgZcA-d dl { padding: 0 12px; } .esgZcA-d { padding-bottom: 24px; } .esgZcA-e { padding: 12px 0 12px 45px; } .esgZcA-e .icon { left: 5px; width: 30px; } } .esgZcB .mainTit { margin-bottom:20px; } .esgZcB .ny_text16 p:nth-child(n+2) { margin-top: 16px; } .ny_text16 table td { padding: 0 10px; } .esgZcB .btm { margin-top: 30px; } @media(max-width: 1024px){ .esgZcB .mainTit { margin-top: 16px; } .esgZcB .ny_text16 p:nth-child(n+2) { margin-top: 12px; } .esgZcB .btm { margin-top: 20px; } } .noBannerA { padding-top: 70px;} @media(max-width: 1480px){ .noBannerA { padding-top: 60px;} } @media(max-width: 1024px){ .noBannerA { padding-top: 54px;} .anquan_a .right { display: none;} .anquan_a .container .left { width: 100%; } } .kcxAA .right .ol li.cur>a, .kcxAA .right .ol li:hover>a { color:#2a8a8e; } /*2022-3-17esg调整*/ .esg{ padding: 40px 0 100px; } .esg .mainTit{ margin-bottom: 30px; } .esg .container .left{padding: 0;background: none;} .esg .left .homeBoxA-b{margin-top: 0;} .esg .left .homeBoxA-b .img{ float: left; width: 46.8%; margin-top: 0; } .esg .left .homeBoxA-b .con{ float: right; width: 50%; } .esg .left .homeBoxA-c{display: block;} .esg .left .homeBoxA-b ul li{width: 100%;} .esg .left .btm{margin-top: 0;} .esg .left .btm .homeBoxA-b .con{ float: none; width: 100%; } .esg .left .btm .homeBoxA-b ul li { margin-top: 16px; margin-bottom: 0; } .esg .left .homeBoxA-b ul li a{padding: 1.6vw;} /* .esg .right .ol li i img{opacity: 0;} .esg .right .ol li i{position: relative;width: 12px;} .esg .right .ol li i:before{ position: absolute; width: 2px; height: 2px; background: #feead0; left: 50%; top: 50%; transform: translate(-50%,-50%); border: 2px solid #a0a0a0; border-radius: 100%; content: ""; } .esg .right .ol li.cur i:before,.esg .right .ol li:hover i:before{border: 2px solid #f9aa42;} */ .esg .homeBoxA-c .img { height: 16vw; } @media(max-width: 1680px){ .anquan_a .right{font-size: 30px;} } @media(max-width: 1500px){ .anquan_a .right{font-size: 28px;} } @media(max-width: 1100px){ .esg .mainTit { margin-bottom: 20px; } } @media(max-width: 768px){ .esg .left .homeBoxA-b .img{width: 100%;height: auto;} .esg .left .homeBoxA-b .con{width: 100%;margin-top: 20px;} .esg .left .btm .homeBoxA-b .con{margin-top: 0;} .esg .homeBoxA-c .t{height: auto;} .esg .left .homeBoxA-b ul li a{padding: 20px;} } .t_zhengce .esgZcA-b ul li{ background: #fcfcfc; } .t_zhengce .left{background: #fff;} .t_zhengce .t_qitazhengce{ margin-top: 50px; } .t_zhengce .text{ margin-top: 20px; } .t_zhengce .t_qitazhengce { padding-bottom: 50px; } .t_zhengce .t_qitazhengce .ul{ margin-top: 30px; } .t_zhengce .t_qitazhengce .ul li{ padding: 0 20px; margin-bottom: 16px; border: 1px solid #eeeeee; position: relative; } .t_zhengce .t_qitazhengce .ul li:last-child{margin-bottom: 0;} .t_zhengce .t_qitazhengce .ul li .biaoti{ color: #666666; font-size: 20px; padding: 20px 40px 20px 14px; position: relative; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .t_zhengce .t_qitazhengce .ul li .biaoti:before{ width: 6px; height: 6px; background: #666666; position: absolute; left: 0; top: 50%; transform: translateY(-50%); content: ""; border-radius: 100%; } .t_zhengce .t_qitazhengce .ul li .biaoti:after{ background: url(../images/t_pdf.png) center center/cover; width: 29px; height: 33px; content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%); } .t_zhengce .t_qitazhengce .ul li:hover{ background: #2a8a8e; } .t_zhengce .t_qitazhengce .ul li:hover .biaoti{color: #fff;} .t_zhengce .t_qitazhengce .ul li:hover .biaoti:before{background: #fff;} .t_zhengce .t_qitazhengce .ul li:hover .biaoti:after{background: url(../images/t_pdf2.png) center center/cover;} @media(max-width: 1680px){ .t_zhengce .t_qitazhengce .ul li .biaoti{ font-size: 16px; padding: 20px 40px 20px 16px; } } @media(max-width: 1500px){ .t_zhengce .t_qitazhengce .ul li{padding: 0 14px;} .t_zhengce .t_qitazhengce .ul li .biaoti{font-size: 14px;padding: 14px 30px 14px 12px;} .t_zhengce .t_qitazhengce .ul li .biaoti:after{ width: 26px; height: 30px; } } @media(max-width: 1100px){ .t_zhengce .t_qitazhengce{padding-bottom: 0;} .t_zhengce .t_qitazhengce .ul li{margin-bottom: 12px;} } .header .navBtn { display: none; width: 40px; height: 60px; position: absolute; right:0; top:50%; transform: translateY(-50%); background: url(../images/navBtn.png) no-repeat center; cursor: pointer; } @media(max-width: 1024px){ .header .search { margin-right: 20px; } .header .navBtn { height: 50px; margin-top:-1px; } .header .navBtn { display: inline-block; } } /**mobile nav**/ .nav_box {width: 100%;height: 100%;position: fixed;right: auto;top: 0;bottom: 0;left: -100%;overflow: auto;z-index: 99999999;background: rgba(50, 58, 67,0.96);transition: all .8s;-o-transition: all .8s;-moz-transition: all .8s;-ms-transition: all .8s;-webkit-transition: all .8s;} .nav_box.cur {left: 0;transition: all .8s;-o-transition: all .8s;-moz-transition: all .8s;-ms-transition: all .8s;-webkit-transition: all .8s;} .nav_box .box {/*background: #212222;*/width: 100%;height: 100%;position: relative;z-index: 2;} .nav_box .nav-title {height: 57px;position: relative;border-bottom: 1px solid rgba(255, 255, 255, 0.06);} .nav_box .nav-title .navclose {width: 22px;height: 22px;display: block;font-size: 0;line-height: 41px;position: absolute;right: 15px;top: 50%;z-index: 2;transform: translateY(-50%);} .nav_box .nav-title .navclose img {width: 100%;} .nav_box .nav-title h1 {text-align: left;width: 150px;margin-left: 15px;line-height: 0;padding-top: 11px;} .nav_box .nav-title h1 img {width: 80px;} .nav_box .navlist {width: 100%;padding-bottom: 20px;} .nav_box .navlist ul>li {float: left;width: 100%;font-size: 16px;line-height: 60px;border-bottom: 1px solid rgba(255, 255, 255, .06);padding: 0 15px;text-transform: capitalize;} .nav_box .navlist ul>li>a {display: block;color: #fff;position: relative;} .nav_box .navlist ul>li>a.sub:before {content: "";position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 8px;height: 14px;background: url(../images/icon_jt.png) no-repeat center center / cover;} .nav_box .navlist ul>li .navlist2 {border-top: 1px solid rgba(255, 255, 255, .06);display: none;padding: 10px 0;} .nav_box .navlist ul>li .navlist2 a {display: block;width: 100%;color: #fff;font-size: 14px;line-height: 34px;} .nav_box .navlist ul li a { font-size: 16px; } .nav .xl_box .ol li .sanji{ position: absolute; left: 100%; bottom: 0; width: 118%; display: none; padding-left: 36px; z-index: 99999; } .nav .xl_box .ol li .sanji.r{ position: absolute; left: auto; right: 100%; padding-left: 0; padding-right: 36px; } .nav .xl_box .ol li .sanji_box{ padding: 14px 20px; height: 240px; overflow: auto; background: #eeeeee; } .nav .xl_box .ol li .sanji_box::-webkit-scrollbar{ width: 4px; background: #f1f1f1; border-radius: 25px; } .nav .xl_box .ol li .sanji_box::-webkit-scrollbar-track{ width: 4px; } .nav .xl_box .ol li .sanji_box::-webkit-scrollbar-track-piece{ width: 4px; } .nav .xl_box .ol li .sanji_box::-webkit-scrollbar-thumb{ background: #2a8a8e; border-radius: 25px; border: 5px; } .nav .xl_box .ol li .sanji_box::-webkit-scrollbar-button{ display: none; } .nav .xl_box .ol li .sanji a{ color: #666666; font-size: 14px; display: block; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow:ellipsis; padding: 7px 0; border-bottom: 1px solid rgba(0, 0, 0, 0); } .nav .xl_box .ol li .sanji a:hover{ color: #008d90; border-bottom: 1px solid #008d90; } .nav .xl_box .ol li:hover .box .sanji{ display: block; } @media(max-width: 3000px){ .nav .xl_box .ol li .sanji_box{ height: 280px; } } @media(max-width: 1920px){ .nav .xl_box .ol li .sanji_box{ height: 240px; } } @media(max-width: 1500px){ .nav .xl_box .ol li .sanji_box{ height: 200px; } } .xl_box .l{ width: 37.8%; float: left; } .xl_box .l .ul li{ float: left; width: 45.2%; display: block; position: relative; border-bottom: 1px solid #eaeaea; margin-bottom: 20px; } .xl_box .ul li a{line-height: initial;padding: 20px 0;} .xl_box .l .ul li:nth-child(2n){float: right;} .xl_box .ul li .bt{ font-size: 16px; color: #666666; padding: 0 12px 0 30px; transition: all 0.4s; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .xl_box .ul li:hover .bt{ color: #2a8a8e; } .xl_box .ul li .icon{ line-height: 0; width: 20px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); } .xl_box .ul li .icon img{width: 100%;} .xl_box .ul li .icon .img2{display: none;} .xl_box .ul li:hover .icon .img1{display: none;} .xl_box .ul li:hover .icon .img2{display: block;} .xl_box .ul li:after{ width: 0; height: 2px; bottom: -1px; background-image: none; background: #278a8e; position: absolute; left: 0; bottom: 0; content: ""; transition: all 0.4s; } .xl_box .l .ul li:hover:after{ width: 100%; } .xl_box .ul li .box:before{ content: ""; background: url(../images/xl_box_jt.png) center center/cover; width: 8px; height: 14px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); } .xl_box .ul li:hover .box:before{ background: url(../images/xl_box_jt02.png) center center/cover; } .xl_box .r{ width: 58.2%; float: right; } .xl_box .r .ul li{ float: left; width: 32%; margin-right: 2%; position: relative; } .xl_box .r .ul li a{ border-bottom: 1px solid #eaeaea; position: relative; } .xl_box .r .ul li a:before{ width: 0; height: 2px; bottom: -1px; background-image: none; background: #278a8e; position: absolute; left: 0; bottom: 0; content: ""; transition: all 0.4s; } .xl_box .r .ul li:hover a:before{ width: 100%; } .xl_box .r .ul li:nth-child(3n){margin-right: 0;} .xl_box .r .ul li .zilei{ padding-left: 36px; padding-top: 6px; padding-bottom: 6px; } .xl_box .r .ul li .zilei a{ display: block; padding: 6px 0 6px 16px; font-size: 16px; position: relative; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; line-height: initial; color: #777777; border-bottom: none; } .xl_box .r .ul li .zilei a:before{ content: ""; position: absolute; left: 0; width: 4px; height: 4px; border-radius: 100%; background: #777777; top: 50%; transform: translateY(-50%); } .xl_box_fz .container{ width: 80%; } @media(max-width: 1600px){ .xl_box .ul li a { padding: 16px 0; } .xl_box .ul li .bt { font-size: 14px; padding: 0 12px 0 26px; text-overflow: initial; } .xl_box .r .ul li .zilei a{font-size: 14px;} .xl_box .r .ul li .zilei{padding-left: 20px;} } @media(max-width:1400px){.xl_box .ul li .bt{font-size:12px;}} .caiwu_a .table{ margin-top: 30px; } .caiwu_a .table th{ color: #fff; font-size: 16px; text-align: left; background: #2b8a8e; padding-left: 64px; padding-top: 18px; padding-bottom: 18px; } .caiwu_a .table tr{ background: #f4f4f4; } .caiwu_a .table td{ padding-left: 64px; padding-top: 16px; padding-bottom: 16px; font-size: 14px; } .caiwu_a .table tr:nth-child(2n){background: #fff;} .caiwu_a .table td .icon{ width: 21px; } @media(max-width: 1500px){ .caiwu_a .table td,.caiwu_a .table th{padding-left: 40px;} } @media(max-width: 900px){ .caiwu_a .table td,.caiwu_a .table th{padding-left: 26px;} .caiwu_a .table{overflow: auto;} .caiwu_a .table .nr{width: 900px;} } @media(max-width: 600px){ .caiwu_a .table .nr{width: 700px;} } .add516 { display: none; } .add516A ul { padding: 0 1px;} .add516A ul li { overflow: hidden; margin-bottom:12px; border:1px solid #ddd; border-radius: 8px; } .add516A .t { position: relative; padding:12px 30px 12px 15px; font-size: 18px;color:#1e7372; } .add516A .t:after { content:''; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); width: 10px; height: 18px; background: url(../images/ywa.png) no-repeat center/cover; } .add516A .con {background: #fff; display: none; padding: 18px 15px 20px; } .add516A ul li.cur .t { color:#fff; background: #1e7372; } .add516A .con p { font-size: 16px;color:#555555; padding: 12px 0 12px 12px; position: relative; border-bottom:1px solid #ddd; } .add516A .con p:last-child { border:none; } .add516A ul li.cur .t:after { background: url(../images/ywabg.png) no-repeat center/cover; width: 18px; height: 10px; } .add516A .swiper-container { padding-bottom: 40px; } .add516A .swiper-container .swiper-pagination .swiper-pagination-bullet-active { background: #1e7372; } .add516A .con p:after { content:''; width: 5px; height: 5px; border:1px solid #f9b457; border-radius: 50%; position: absolute; left:0; top:50%; transform: translateY(-50%); } @media(max-width: 1024px){ .yewu_a .left { display: none; } .add516 {display: block;} } .logowall { padding: 80px 0 114px; } .logowallA { margin-top: 50px; } .logowallA ul { display:flex; flex-wrap:wrap; } .logowallA ul li { text-align:center; float:left; width: calc(16.6666666% - 10px); margin-right: 12px; } .logowallA ul li:nth-child(6n) { margin-right:0; } .logowallA ul li:nth-child(n+7) { margin-top:12px; } @media(max-width:1500px){ .logowall { padding: 60px 0 90px; } .logowallA { margin-top: 40px; } // .logowallA ul li { padding: 10px; float:left; width: calc(20% - 12px); margin-right: 15px; } // .logowallA ul li:nth-child(6n) { margin-right:15px; } // .logowallA ul li:nth-child(5n) { margin-right:0; } // .logowallA ul li:nth-child(n+6) { margin-top:15px; } } @media(max-width:1024px){ .logowallA { margin-top: 30px; } .logowall { padding: 40px 0 50px; } .logowallA ul li { padding: 10px; float:left; width: calc(33.3333333% - 10px); margin-right: 15px; } .logowallA ul li:nth-child(5n) { margin-right:15px; } .logowallA ul li:nth-child(3n) { margin-right:0; } .logowallA ul li:nth-child(n+4) { margin-top:15px; } } @media(max-width:600px){ .logowallA { margin-top: 20px; } .logowall { padding: 40px 0 50px; } .logowallA ul li { padding: 10px; float:left; width: calc(50% - 6px); margin-right: 12px; } .logowallA ul li:nth-child(5n),.logowallA ul li:nth-child(3n) { margin-right:12px; } .logowallA ul li:nth-child(2n) { margin-right:0; } .logowallA ul li:nth-child(n+3) { margin-top:12px; } }