* { margin: 0; padding: 0; box-sizing: border-box; } ul li { list-style: none; } a { text-decoration: none; } .head-box { width: 100%; height: 8.33vw; background: linear-gradient(0deg, rgba(14, 84, 156, 0.1) 0%, rgba(14, 84, 156, .9) 100%); /* opacity: 0.9; */ } .head-box1{ background: #2D4386; width: 100%; } .w { width: 73.96vw; height: 100%; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; } .logo { width: 18.18vw; height: 3.85vw; display: block; } .top-box { width: 68%; display: flex; flex-direction: column; } .notice-box { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.35vw; } .notice { width: 20.63vw; height: 3.75vw; display: block; } .sc-box { display: flex; flex-direction: column; align-items: center; } .sc-box-a { display: flex; align-items: center; margin-bottom: 0.78vw; } .sc-box-a span { font-size: 0.83vw; font-family: Source Han Sans CN; font-weight: 400; color: #FFFFFF; line-height: 1.04vw; cursor: default; } .sc-box-a a { font-size: 0.83vw; font-family: Source Han Sans CN; font-weight: 400; color: #FFFFFF; line-height: 1.04vw; } .line { width: 0.1vw; height: 0.73vw; background-color: #fff; margin: 0 0.31vw; } .search { width: 9.38vw; height: 1.56vw; background: rgba(100, 122, 189, 0.2); border: 1px solid #2D4386; border-radius: 0.78vw; display: flex; justify-content: space-between; align-items: center; } input { border: none; outline: none; background-color: transparent; } .input-box { width: 82%; padding-left: 0.52vw; line-height: 1.46vw; color: #FFFFFF; font-size: 0.83vw; font-family: Source Han Sans CN; } .suosuoBTn { width: 1.56vw; height: 1.56vw; background: #2D4386; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; } .btn { width: 0.94vw; height: 0.94vw; background: url(../images/search.png) no-repeat center; background-size: 100% 100%; cursor: pointer; } #nav { display: block; width: 50.42vw; height: 2.08vw; margin: 0 auto; display: flex; justify-content: space-between; } #nav .mainlevel { float: left; height: 2.08vw; margin: 0 0px; } #nav>.mainlevel a { font-size: 0.94vw; font-family: Source Han Sans CN; font-weight: 500; color: #FFFFFF; line-height: 2.08vw; text-align: center; } #nav .mainlevel:hover { border-bottom: #2D4386 2px solid; } #nav .mainlevel:hover>a { color: #ffffff; } .click { background: #1f4792 !important; } #nav .mainlevel ul { display: none; position: absolute; z-index: 999; background: #FFFFFF; width: 50.42vw; left: 67%; margin-left: -30.26vw; border-bottom: #ededed 1px solid; } #nav .mainlevel li { background: #FFFFFF; } #nav .mainlevel li a { width: 10.05vw; float: left; display: block; line-height: 2.6vw; height: 2.6vw; font-size: 0.83vw; font-weight: normal; color: #666666; } #nav .mainlevel li a:hover { color: #1f4792; } .head-box-one{ width: 100vw; height: 6.15vw; background: #FFFFFF; box-shadow: 0px 10px 14px 0px rgba(0,0,0,0.1); } .logo-one{ width: 16.93vw; height: 3.54vw; display: block; } .sc-box-one{ display: flex; align-items: center; } .sc-box-one-a{ display: flex; align-items: center; margin-right: 0.83vw; } .sc-box-one-a span{ font-size: 0.83vw; font-family: Source Han Sans CN; font-weight: 400; color: #333; line-height: 1.04vw; cursor: default; } .sc-box-one-a a{ font-size: 0.83vw; font-family: Source Han Sans CN; font-weight: 400; color: #333; line-height: 1.04vw; } .line-one{ width: 0.1vw; height: 0.73vw; background-color: #333; margin: 0 0.31vw; } #nav-one { display: block; width: 50.42vw; height: 2.08vw; margin: 0 auto; display: flex; justify-content: space-between; } #nav-one .mainlevel-one { float: left; height: 2.08vw; margin: 0 0px; } #nav-one>.mainlevel-one a { font-size: 0.94vw; font-family: Source Han Sans CN; font-weight: 500; color: #333; line-height: 2.08vw; text-align: center; } #nav-one .mainlevel-one:hover { border-bottom: #2D4386 2px solid; } #nav-one .mainlevel-one:hover>a { color: #1f4792; } .click-one { background: #1f4792 !important; } #nav-one .mainlevel-one ul { display: none; position: absolute; z-index: 999; background: #FFFFFF; width: 50.42vw; left: 67%; margin-left: -30.26vw; border-bottom: #ededed 1px solid; } #nav-one .mainlevel-one li { background: #FFFFFF; } #nav-one .mainlevel-one li a { width: 10.05vw; float: left; display: block; line-height: 2.6vw; height: 2.6vw; font-size: 0.83vw; font-weight: normal; color: #666666; } #nav-one .mainlevel-one li a:hover { color: #1f4792; } .mainlevel-one:hover a{ color: #1f4792; } .search-one { width: 1.56vw; height: 1.56vw; background: transparent; border: 1px solid #2D4386; border-radius: 0.78vw; display: flex; justify-content: space-between; align-items: center; display: block; } .search-one-active{ width: 9.38vw; height: 1.56vw; background: rgba(100, 122, 189, 0.2); border: 1px solid #2D4386; border-radius: 0.78vw; display: flex; justify-content: space-between; align-items: center; } input { border: none; outline: none; background-color: transparent; } .input-box-one { width: 82%; padding-left: 0.52vw; line-height: 1.46vw; color: #333; font-size: 0.83vw; font-family: Source Han Sans CN; display: none; } .suosuoBTn-one { width: 1.56vw; height: 1.56vw; background: #2D4386; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; position: relative; bottom: 1px; right: 1px; } .suosuoBTn-one-active{ right: 0; bottom: 0; } .btn-one { width: 0.94vw; height: 0.94vw; background: url(../images/search.png) no-repeat center; background-size: 100% 100%; cursor: pointer; } .search-two { width: 9.38vw; height: 1.56vw; background: rgba(100,122,189,0.2); border: 1px solid #5972BE; border-radius: 0.78vw; display: flex; justify-content: space-between; align-items: center; } input { border: none; outline: none; background-color: transparent; } .input-box-two { width: 82%; padding-left: 0.52vw; line-height: 1.46vw; color: #FFFFFF; font-size: 0.83vw; font-family: Source Han Sans CN; } .suosuoBTn-two { width: 1.56vw; height: 1.56vw; background: #5972BE; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; } .btn-two { width: 0.94vw; height: 0.94vw; background: url(../images/search.png) no-repeat center; background-size: 100% 100%; cursor: pointer; } #nav-two { display: block; width: 50.42vw; height: 2.08vw; margin: 0 auto; display: flex; justify-content: space-between; } #nav-two .mainlevel-two { float: left; height: 2.08vw; margin: 0 0px; } #nav-two>.mainlevel-two a { font-size: 0.94vw; font-family: Source Han Sans CN; font-weight: 500; color: #fff; line-height: 2.08vw; text-align: center; } #nav-two .mainlevel-two:hover { border-bottom: #fff 2px solid; } #nav-two .mainlevel-two:hover>a { color: #fff; } .click-two { background: #1f4792 !important; } #nav-two .mainlevel-two ul { display: none; position: absolute; z-index: 999; background: #FFFFFF; width: 50.42vw; left: 67%; margin-left: -30.26vw; border-bottom: #ededed 1px solid; } #nav-two .mainlevel-two li { background: #FFFFFF; } #nav-two .mainlevel-two li a { width: 10.05vw; float: left; display: block; line-height: 2.6vw; height: 2.6vw; font-size: 0.83vw; font-weight: normal; color: #666666; } #nav-two .mainlevel-two li a:hover { color: #1f4792; } .mainlevel-two:hover a{ color: #1f4792; } .w1 { width: 73.96vw; margin: 0 auto; overflow: hidden; } /* 底部 */ .ui-foot{ width: 100%; height: 17.45vw; background: url(../images/foot-back.png) no-repeat center; background-size: 100% 100%; position: absolute; left: 0; bottom: 0; } .ui-footer{ position: relative; } .foot-top{ width: 100%; height: 12.19vw; display: flex; justify-content: space-between; padding-bottom: 1.41vw; border-bottom: 1px solid #7f93cf; } .foot-top-one{ display: flex; /* align-items: center; */ align-items: flex-end; } .foot-logo{ width: 18.18vw !important; height: 3.85vw !important; display: block; margin-right: 2.81vw; } .foot-top-cont{ width: 40%; display: flex; flex-wrap: wrap; flex-direction: row; } .foot-phone{ display: flex; align-items: center; } .foot-phone:first-child{ margin-right: 2.08vw; } .phone{ width: 0.73vw !important; height: 0.73vw !important; display: block; } .email{ width: 0.73vw !important; height: 0.63vw !important; display: block; } .weizhi{ width: 0.57vw !important; height: 0.73vw !important; display: block; margin-right: 0.16vw; position: relative; left: 0.1vw; } .foot-phone-span{ font-size: 0.73vw; font-family: Source Han Sans CN; font-weight: 500; color: #7F93CF; line-height: 1.88vw; text-align: left; margin-left: 0.26vw; } .four-icon{ width: 28%; height: auto; display: flex; align-items: flex-end; position: relative; justify-content: center; } .icon{ width: 3.65vw; height: 3.65vw; margin: 0 0.68vw; position: relative; } .weixin-a{ width: 3.65vw; height: 3.65vw; background: url(../images/vx-img.png) no-repeat center; background-size: 100% 100%; display: inline-block; } .weixin:hover .weixin-a{ background: url(../images/vx-img-active.png) no-repeat center; background-size: 100% 100%; } .shiph-a{ width: 3.65vw; height: 3.65vw; background: url(../images/sph-img.png) no-repeat center; background-size: 100% 100%; display: inline-block; } .shiph:hover .shiph-a{ background: url(../images/sph-img-active.png) no-repeat center; background-size: 100% 100%; } .douyin-a{ width: 3.65vw; height: 3.65vw; background: url(../images/dy-img.png) no-repeat center; background-size: 100% 100%; display: inline-block; } .douyin:hover .douyin-a{ background: url(../images/dy-img-active.png) no-repeat center; background-size: 100% 100%; } .weibo-a{ width: 3.65vw; height: 3.65vw; background: url(../images/vb-img.png) no-repeat center; background-size: 100% 100%; display: inline-block; } .weibo:hover .weibo-a{ background: url(../images/vb-img-active.png) no-repeat center; background-size: 100% 100%; } .img{ width: 6.46vw !important; height: 6.93vw !important; display: none; position: absolute; top: -7.08vw; left: -1.56vw; z-index: 2; } .img img{ width: 100% !important; height: 100% !important; display: block; } .foot-bot{ width: 100%; height: 5.21vw; display: flex; align-items: flex-start; padding-top: 1.15vw; } .foot-p{ font-size: 0.73vw; font-family: Source Han Sans CN; font-weight: 500; color: #7F93CF; line-height: 1.46vw; margin-right: 2.08vw; } .foot-a{ font-size: 0.73vw; font-family: Source Han Sans CN; font-weight: 500; color: #7F93CF; line-height: 1.25vw; } .hz{ width: 0.94vw !important; height: 1.04vw !important; margin-right: 0.21vw; position: relative; top: 0.21vw; display: inline !important; } @media screen and (max-width: 1420px) { body{ width: 1420px !important; } .ui-header{ width: 1420px !important; } .body{ width: 1420px !important; min-height: 2029px !important; } .ui-foot{ width: 1420px !important; } .head-box{ width: 1420px !important; } .w{ width: 1420px !important; padding: 0 10px !important; } .lunbo-box{ width: 1420px !important; } .ui-foot{ height: 335px !important; } .head-box{ height: 160px !important; } .logo { width: 349px !important; height: 74px !important; display: block !important; } .notice { width: 396px !important; height: 72px !important; display: block !important; } .sc-box-a span{ font-size: 20px !important; line-height: 20px !important; } .sc-box-a a { font-size: 20px !important; line-height: 20px !important; } .search-two{ width: 180px !important; height: 30px !important; } .input-box{ line-height: 18px !important; font-size: 16px !important; } .suosuoBTn-two{ width: 30px !important; height: 30px !important; } .btn-two{ width: 18px !important; height: 18px !important; } #nav-two{ width: 990px !important; height: 20px !important; } #nav-two .mainlevel-two{ height: 20px !important; } #nav-two>.mainlevel-two a{ font-size: 18px !important; line-height: 18px !important; } .foot-top{ height: 234px !important; } .foot-logo { width: 349px !important; height: 74px !important; } .foot-phone-span{ font-size: 20px !important; line-height: 20px !important; } .phone{ width: 14px !important; height: 14px !important; } .email { width: 14px !important; height: 12px !important; } .weizhi{ width: 11px !important; height: 14px !important; } .foot-bot{ height: 99px !important; } .foot-p { font-size: 16px !important; line-height: 16px !important; } .foot-a { font-size: 16px !important; line-height: 16px !important; } .hz { width: 18px !important; height: 20px !important; } .icon { width: 70px !important; height: 70px !important; } .douyin-a { width: 70px !important; height: 70px !important; } .weibo-a{ width: 70px !important; height: 70px !important; } .weixin-a{ width: 70px !important; height: 70px !important; } .img { width: 236px !important; height: 237px !important; } .w1{ width: 1420px !important; padding: 0 10px !important; } .w3{ width: 1420px !important; padding: 0 10px !important; } .news-List-top{ height: 40px !important; } .news-List-p{ font-size: 20px !important; line-height: 20px !important; text-indent: 33px !important; } .weiz-tit { font-size: 20px !important; line-height: 20px !important; } .news-Detail{ padding: 14px 0 !important; } .news-Detail-p{ font-size: 24px !important; line-height: 24px !important; } .news-Detail-span { font-size: 16px !important; line-height: 16px !important; } .news-Detail-tit{ padding: 14px 0 !important; } .news-Detail-cont{ font-size: 20px !important; line-height: 20px !important; } .news-Detail-next { font-size: 18px !important; line-height: 18px !important; } .cd { padding: 6px 8px 6px 0 !important; font-size: 18px !important; line-height: 18px !important; } .cf{ font-size: 18px !important; line-height: 18px !important; margin-top: 9px !important; } .news-List-a { font-size: 20px !important; line-height: 20px !important; } .top-box{ width: 71%; } }