p { margin: 0px !important; } .w420 { width: 420px !important; } .w530 { width: 530px !important; } .w246 { width: 246px !important; } .mt40 { margin-top: 40px; } .mt15 { margin-top: 15px; } .mt10 { margin-top: 10px; } .mt24 { margin-top: 24px; } .news-list a:hover, .default-list a:hover, .notice-list a:hover { color: #0061ae; } .index-content-width { width: 1254px; margin: 0 auto; } .swiper { width: 100%; position: relative; } .swiper a, .swiper img { display: block; width: 100%; height: 100%; } .swiper .swiper-pagination-bullet { width: 18px; height: 18px; background: #fff; opacity: 1; margin: 0 8px !important; } .swiper2 .swiper-pagination-bullet-active, .swiper .swiper-pagination-bullet-active { background: #d7a954 !important; } .home-container { width: 100%; } .home-container .index-content-width { /* width: 100%; */ padding: 16px 0; } .swiper2 { width: 100%; position: relative; padding-bottom: 30px !important; } .swiper2 a, .swiper2 img { display: block; width: 100%; } .swiper2 img { height: 248px; } .swiper2 a .flex { margin-top: 20px; } .swiper2 a .flex .flex-all-center2 { width: 85px; height: 85px; border-right: 1px solid #eeeeee; color: #0061ae; } .swiper2 a .flex .flex-all-center2 p { font-size: 40px; line-height: 1; font-weight: bold; } .swiper2 a .flex .w300 { padding: 0 10px; width: 300px; margin-left: auto; min-height: 130px; } .swiper2 a .flex .w300 .text-more2 { font-size: 20px; font-weight: bold; color: #343434; line-height: 24px; } .swiper2 a .flex .w300 .text-more3 { font-size: 14px; line-height: 24px; margin-top: 10px !important; } #swiper2 .swiper-slide:hover .text-more3{ color: #d7a954; } .swiper2 a span { display: block; width: 90px; height: 26px; background: #0061ae; text-align: center; line-height: 26px; margin-left: auto; margin-top: 6px; color: #fff; font-size: 12px; } .news-list { overflow: hidden; } .news-list a { color: #6e6d6d; margin-top: 17px; } .news-list a img { width: 10px; height: 10px; } .news-list a .text-more { width: 400px; margin-left: 10px !important; } .news-list a div { margin-left: auto; color: #989898; } .first-news { margin-top: 17px; } .first-news img { width: 87px; height: 58px; } .fn-right { width: 432px; margin-left: auto; position: relative; color: #989898; } .fn-right .flex-y-center { line-height: 1; } .fn-right .flex-y-center .text-more { color: #343434; width: 360px; font-size: 16px; font-weight: bold; line-height: 1; } .fn-right .text-more2 { color: #989898; line-height: 18px; position: absolute; bottom: 0; left: 0; } .fn-right .flex-y-center span { display: block; margin-left: auto; } .stock { border-left-width: 4px; border-right-width: 4px; border-bottom-width: 4px; border-top-width: 0px; border-color: #0061ae; border-style: solid; } .stock-title { background: #0061ae; color: #fff; font-size: 16px; font-weight: bold; line-height: 44px; text-align: center; } .stock-img { border-top: 4px solid #0061ae; padding: 20px 0; } .stock-img .flex-all-center2 { } .stock-img .flex-all-center2 .si-item1 { width: 100%; color: #ff0103; line-height: 1; padding: 5px 0; border-bottom: 1px solid #e1e8f5; } .stock-img .flex-all-center2 .si-item1 > p { font-size: 24px; font-weight: bold; line-height: 1; } .stock-img .flex-all-center2 .si-item1 img { margin: 0 5px; } .stock-img .flex-all-center2 .si-item1 div { text-align: right; } .stock-img .flex-all-center2 .si-item2 { width: 100%; color: #08237a; padding: 5px 0; border-bottom: 1px solid #e1e8f5; } .stock-img .flex-all-center2 .si-item3 { margin-top: 5px; } .stock-num { color: #d7a954; text-align: center; line-height: 28px; } .notice-list { margin-top: 15px; overflow: hidden; padding: 15px 10px; border: 1px solid #d8d8d8; } .notice-list a { display: block; color: #6e6d6d; } .notice-list a:not(:first-child) { margin-top: 15px; } .products { width: 100%; height: 498px; background: no-repeat; background-size: 100% 100%; overflow: hidden; } .products .pro-box { width: 1116px; padding: 0 108px 0 30px; margin: 0 auto; height: 100%; } .pb-left { margin-top: 126px; color: #fff; } .pb-left .flex-all-center2 { width: 192px; } .pb-left .flex-all-center2 p { font-size: 48px; line-height: 1; font-weight: bold; } .pb-left .flex-all-center2 span { display: block; width: 70px; height: 2px; background: #d7a954; margin-top: 10px; } .tips { margin-top: 18px; margin-left: 10px; font-size: 18px; line-height: 29px; } .pb-left a { display: inline-block; font-size: 16px; padding-bottom: 10px; border-bottom: 1px solid #fff; color: #fff; margin-top: 18px; margin-left: 10px; } .pb-right { margin-left: auto; height: 100%; } .pb-right .flex { position: relative; height: 100%; } .pro-item { display: flex; width: 166px; height: 166px; border: 2px solid #fff; color: #fff; flex-direction: column; align-items: center; justify-content: center; cursor: pointer; } .pro-item-hover { display: none; width: 150px; height: 166px; padding: 0 10px; color: #fff; flex-direction: column; align-items: flex-start; justify-content: center; cursor: pointer; background: rgba(0, 97, 174, 0.8); } .pro-item-hover p { font-size: 20px; font-weight: bold; } .pro-item-hover span { font-size: 12px; margin-top: 14px; } .pro-item-hover a { color: #fff; border-bottom: 1px solid #fff; margin-top: 30px; } .pro-item-hover a:hover { color: #fff; } .hover-box:hover .pro-item { display: none; } .hover-box:hover .pro-item-hover { display: flex; } .pro-title { font-size: 18px; margin-top: 28px !important; } .p1 { position: absolute; bottom: 0; right: 166px; } .list { width: 400px; color: #989898; font-size: 14px; } .list-header { color: #0061ae; font-size: 16px; font-weight: bold; } .list-header p { margin-left: 10px !important; } .list-header a { display: block; width: 90px; height: 26px; text-align: center; line-height: 26px; margin-left: auto; color: #fff; font-size: 12px; background: #0061ae; } .list-header a:hover { color: #fff; } .first-item { padding: 20px 0; border-bottom: 1px dashed #e7e7e7; } .first-item .flex-all-center2 { width: 88px; height: 88px; border: 3px solid #0061ae; color: #0061ae; } .first-item .flex-all-center2 p { font-size: 40px; font-weight: bold; margin-bottom: 10px; line-height: 1; } .fi-right { margin-left: auto; width: 288px; font-size: 14px; color: #989898; line-height: 18px; position: relative; } .fi-right p { font-size: 16px; font-weight: bold; color: #000000; line-height: 150%; display: block; height: 50px; } .fi-right div { position: absolute; bottom: 0; left: 0; } .default-list a { color: #6e6d6d; padding: 10px; } .default-list a:not(:last-child) { border-bottom: 1px dashed #e7e7e7; } .default-list a .text-more { width: 300px; } .default-list a div { color: #989898; margin-left: auto; } .list-bot-img { width: 100%; height: 109px; margin-top: 10px; } .mla { margin: 0 auto; } .header-nav-list li{ position: relative; height: 77px; line-height: 77px; } .header-nav-ul{ position: absolute; left: -25px; top: 77px; background: rgba(255, 255, 255, 0.9); padding: 10px 0; display: none; } .header-nav-ul li{ display: block; width: 120px; text-align: center; padding: 0 !important; margin: 0 !important; height: 36px; line-height: 36px; } .header-nav-ul li a{ font-size: 16px; } .flex-all-center2 .mt24{ width: 238px; } .news-first{ padding: 20px 0 0 0; } .news-first-img{ float: left; width: 87px; } .news-first-img img{ width: 87px; height: 58px; } .news-first-txt{ float: right; width: 430px; } .news-first-txt h4{ position: relative; color: #343434; font-size: 16px; } .news-first-txt h4 span{ position: absolute; right: 0; top: 0; font-weight: normal; font-size: 14px; color: #989898; } .news-first-txt p{ color: #989898; line-height: 150%; } .fi-rights{ width: 288px; margin-left: auto; } .fi-rights p { font-size: 16px; font-weight: bold; color: #000000; line-height: 150%; display: block; height: 50px; } .text-more2s{ color: #989898; font-size: 14px; }