* { margin: 0; padding: 0; font-size: 16px; } a { text-decoration: none; } .news { width: 1120px; height: auto; padding-top: 30px; } .swiper-slide { width: 100%; height: 100% } .tab .tabItem { width: 60px; height: 30px; text-align: center; line-height: 30px; } .tab .tabItem:nth-of-type(1) { border-right: #595757 1px solid; } #tab-swiper { width: 1100px; position: unset; } .swiper-button-prev.swiper-button-white { left: -50px; top: 60%; background: url(./left.png) no-repeat; } .swiper-button-next.swiper-button-white { right: -50px; top: 60%; background: url(./right.png) no-repeat; } #tabswiper .swiper-button-prev.swiper-button-white, #tabswiper .swiper-button-next.swiper-button-white { top: 60%; } #tab-swiper .swiper-wrapper img { height: 481.25px; } #lb-swiper .swiper-wrapper img { width: 100%; } .swiper-wrapper img { width: 100%; } .swiper-wrapper li img { width: 20px; margin-right: 10px; } .swiper-wrapper li { line-height: 30px; padding-left: 20px; } .swiper-wrapper li span { width: 10px; height: 10px; background: #FFFFFF; border-radius: 25px; margin-top: 5px; margin-right: 20px; float: left; display: block; } a:hover p { color: #2466c8!important; } .gsjj .titie img { width: 100%; } .gsjj .titie .background { /* min-height: 800px; */ background: #ffffff; } .gsjj .titie .background { padding: 0; font-size: 20px; line-height: 36px; color: #666666; } .gsjj ul { display: inline-block; text-align: center; width: 100%; margin-bottom: 32px; } .gsjj .cont ul { display: inline-block; text-align: center; width: 100%; margin-bottom: 0; padding: 0; margin-bottom: 0; } .gsjj ul li { display: inline-block; text-align: center; margin: 0; padding: 0; width: 340px; } .gsjj .cont ul li { display: block; text-align: left; margin: 0; position: relative; padding: 0 120px; line-height: 48px; width: auto; } .gsjj .background ul li{ display: flex; text-align: left; margin: 0; position: relative; padding: 0 120px; line-height: 48px; } .gsjj .cont ul li:nth-child(2n+2) { background: #eee; } .gsjj .cont ul li em { display: block; background: url(iconlist.png); width: 10px; height: 13px; position: absolute; top: 17px; left: 100px; } .gsjj ul li.active p { color: #2466c8; } .gsjj ul li span { color: #888888; display: none; } .gsjj ul li p { font-size: 30px; line-height: 64px; border-left: 1px solid #999999; } .gsjj .background ul li p{ border: 0; width: 20%; text-align: right; font-size: 16px; line-height: 48px; } .gsjj .cont ul li a { width: 80%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .gsjj ul li:first-child p { border-left: 0; } .gsjj ul li.active i { display: block; width: 120px; height: 6px; background: #2466c8; border-radius: 20px; text-align: center; margin: auto; } .gsjj ul li:hover i { display: block; width: 120px; height: 6px; background: #2466c8; border-radius: 20px; text-align: center; margin: auto; } a:hover { text-decoration: none; } .cont { background: #FFFFFF; } .cont .titie h1{ color: #FFFFFF; padding: 0 100px; font-size: 38px; font-weight: 500; line-height: 86px; background: linear-gradient(to right, #2466c8,#4188f1); border-radius: 4px 4px 0 0; } @media (min-width: 1920px) { .news { width: 1400px; height: auto; padding-top: 30px; } .swiper-slide { width: 100%; height: 100% } .tab .tabItem { width: 60px; height: 30px; text-align: center; line-height: 30px; } .tab .tabItem:nth-of-type(1) { border-right: #595757 1px solid; } #tab-swiper { width: 1100px; position: unset; } .swiper-button-prev.swiper-button-white { left: -50px; top: 60%; background: url(./left.png) no-repeat; } .swiper-button-next.swiper-button-white { right: -50px; top: 60%; background: url(./right.png) no-repeat; } #tabswiper .swiper-button-prev.swiper-button-white, #tabswiper .swiper-button-next.swiper-button-white { top: 60%; } #tab-swiper .swiper-wrapper img { height: 481.25px; } #lb-swiper .swiper-wrapper img { width: 100%; } .swiper-wrapper img { width: 100%; } .swiper-wrapper li img { width: 20px; margin-right: 10px; } .swiper-wrapper li { line-height: 30px; padding-left: 20px; } .swiper-wrapper li span { width: 10px; height: 10px; background: #FFFFFF; border-radius: 25px; margin-top: 5px; margin-right: 20px; float: left; display: block; } a:hover p { color: #2466c8!important; } .gsjj .titie img { width: 100%; } .gsjj .titie .background { /* min-height: 800px; */ background: #ffffff; } .gsjj .titie .background { padding: 0; font-size: 20px; line-height: 36px; color: #666666; } .gsjj ul { display: inline-block; text-align: center; width: 100%; margin-bottom: 32px; } .gsjj .cont ul { display: inline-block; text-align: center; width: 100%; /* margin-bottom: 0; */ padding: 0; } .gsjj ul li { display: inline-block; text-align: center; margin: 0; padding: 0; width: 400px; } .gsjj .cont ul li { display: block; text-align: left; margin: 0; position: relative; padding: 0 120px; line-height: 48px; } .gsjj .background ul li { display: block; text-align: left; margin: 0; position: relative; padding: 0 120px; line-height: 48px; display: flex; text-align: left; margin: 0; position: relative; padding: 0 120px; line-height: 48px; } .gsjj .cont ul li:nth-child(2n+2) { background: #eee; } .gsjj .cont ul li em { display: block; background: url(iconlist.png); width: 10px; height: 13px; position: absolute; top: 17px; left: 100px; } .gsjj ul li.active p { color: #2466c8; } .gsjj ul li span { color: #888888; display: none; } .gsjj ul li p { font-size: 30px; line-height: 64px; } .gsjj ul li.active i { display: block; width: 120px; height: 6px; background: #2466c8; border-radius: 20px; text-align: center; margin: auto; } .gsjj ul li:hover i { display: block; width: 120px; height: 6px; background: #2466c8; border-radius: 20px; text-align: center; margin: auto; } a:hover { text-decoration: none; } .cont { background: #FFFFFF; } } @media (max-width: 768px) { * { margin: 0; padding: 0; font-size: 0.16rem; } .news { width: 100%; height: auto; padding: 0.3rem 0.2rem 0; } .business1 { width: 100%; margin: 0 auto; position: relative; padding: 0.2rem; } .swiper-slide { width: 100%; height: 100% } .tab .tabItem { width: 60px; height: 30px; text-align: center; line-height: 30px; } .tab .tabItem:nth-of-type(1) { border-right: #595757 1px solid; } #tab-swiper { width: 1100px; position: unset; } .swiper-button-prev.swiper-button-white { left: -50px; top: 60%; background: url(./left.png) no-repeat; } .swiper-button-next.swiper-button-white { right: -50px; top: 60%; background: url(./right.png) no-repeat; } #tabswiper .swiper-button-prev.swiper-button-white, #tabswiper .swiper-button-next.swiper-button-white { top: 60%; } #tab-swiper .swiper-wrapper img { height: 481.25px; } #lb-swiper .swiper-wrapper img { width: 100%; } .swiper-wrapper img { width: 100%; } .swiper-wrapper li img { width: 20px; margin-right: 10px; } .swiper-wrapper li { line-height: 30px; padding-left: 20px; } .swiper-wrapper li span { width: 10px; height: 10px; background: #FFFFFF; border-radius: 25px; margin-top: 5px; margin-right: 20px; float: left; display: block; } a:hover p { color: #2466c8!important; } .gsjj .titie img { width: 100%; } .gsjj .titie .background { min-height: 800px; background: #ffffff; } .gsjj .titie .background { padding: 0; font-size: 0.28rem; line-height: 0.6rem; color: #666666; min-height: 8rem; } .gsjj ul { display: inline-block; text-align: center; width: 100%; margin-bottom: 0.32rem; } .gsjj .cont ul { width: 100%; padding: 0; } .gsjj ul li { display: inline-block; text-align: center; margin: 0; padding: 0; width: 32%; } #li672,#li674{ width: 40%; } .gsjj .cont ul li { padding: 0 0.1rem 0 0.36rem; line-height: 0.6rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .gsjj .cont ul li a { width: 70%; } .gsjj .cont ul li a{ font-size: 0.28rem; } .gsjj .cont ul li:nth-child(2n+2) { background: #eee; } .gsjj .cont ul li em { display: block; background: url(iconlist.png); background-size: cover; width: 0.14rem; height: 0.16rem; position: absolute; top: 0.22rem; left: 0.1rem; } .gsjj ul li span { color: #888888; font-size: 0.2rem; } .gsjj ul li p { font-size: 0.3rem; line-height: 0.6rem; } .gsjj .cont ul li p { font-size: 0.3rem; font-size: 0.28rem; line-height: 0.6rem; line-height: 0.6rem; text-align: right; width: 30%; } .gsjj ul li.active i { width: 1.2rem; height: 0.06rem; border-radius: 0.2rem; } .gsjj ul #li672.active i { width: 90%; } .gsjj ul li:hover i { width: 1.2rem; height: 0.06rem; border-radius: 0.2rem; } .gsjj ul #li672:hover i { width: 90%; } a:hover { text-decoration: none; } .cont { background: #FFFFFF; } .cont .titie h1 { color: #FFFFFF; padding: 0 0.4rem; font-size: 38px; font-weight: 500; line-height: 86px; background: linear-gradient(to right, #2466c8,#4188f1); border-radius: 4px 4px 0 0; font-size: 0.32rem; line-height: 0.8rem; } }