@charset "utf-8"; * { margin: 0; padding: 0; border: 0; font-family: "微软雅黑"; } body { font-family: "微软雅黑"; height: 100%; width: 100%; } html { height: 100%; width: 100%; font-family: "微软雅黑"; background: #fff; } ul, ol { list-style: none; } a { border: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: transparent; outline: none; text-decoration: none; display: inline-block; cursor: pointer; } .danye{ width: 1028px; margin: 0 auto;} img { border: 0 none; } .w1480 { width: 1480px; margin: 0 auto; height: 530px; padding: 20px 30px; display: flex; justify-content: space-between; align-items: flex-start; box-sizing: border-box; } .clear { clear: both; } /*头部开始*/ .ding { margin: 0 auto; width: 1480px; height: 210px; background: rgba(255, 255, 255, 0.5); box-shadow: 0px 3px 14px 2px rgba(0, 0, 0, 0.05); border-radius: 2px; border: 1px solid rgb(219 219 219 / 70%); backdrop-filter: blur(24px); display: flex; justify-content: space-around; align-items: center; border-bottom: 0px; box-sizing: border-box; } .logo { width: 48%; } /*导航 开始*/ /*nav导航盒子*/ .nav { height: 90px; margin: 0 auto; width: 1480px; height: 90px; background: #1F62C7; font-size: 20px; line-height: 90px; } .nav ul li { float: left; cursor: pointer; text-align: center; position: relative; width: 134px; z-index: 9999; } .nav ul li ul { display: none; } .nav ul li:hover ul { display: block; position: absolute; top: 90px; left: 0; box-shadow: 0px 4px 6px 1px #c1c1c1; } .nav ul li:hover ul li a { display: block; background: #1F62C7; font-size: 16px; color: #fff; } .nav ul li:hover ul li a:hover { background: #fff; color: #1F62C7; } .nav ul li a { color: #fff; font-size: 20px; } .activ { color: #fff; font-weight: bold; } .zlm { height: 52px; line-height: 52px; width: 140px !important; } .u-flex { display: flex; justify-content: space-between; flex-wrap: wrap; width: 1400px; margin: 0 auto; } /*导航 结束*/ /* 搜索 */ .shousuo { display: flex; flex-direction: column; align-items: end; justify-content: center; } .seaech_k { width: 200px; height: 42px; outline: none; color: #787878; padding: 0px 40px 0px 15px; background: none; border: 1px solid #9b9b9b; border-radius: 30px; } .seaech { position: absolute; top: 118px; right: 90px; outline: none; cursor: pointer; } .ss { float: left; width: 205px; height: 42px; margin-right: 44px; margin-top: 31px; } #a::placeholder { color: #fff: } .rili { display: flex; align-items: center; font-size: 15px; color: #333; } .rili a { color: #333; display: flex; align-items: center; margin: 0 8px; } .rili a img { margin-right: 6px; } /*轮播图开始*/ /* banner */ .banner { min-width: 1480px; width: 100%; height: 1054px; background-image: url(../images/banner.png); background-position: top center; background-repeat: no-repeat; padding-top: 100px; box-sizing: border-box; } .bigkuai { width: 1480px; height: 500px; background: #FFFFFF; margin-left: auto; margin-right: auto; padding: 40px 30px; box-sizing: border-box; display: flex; justify-content: space-between; } .bounceIn { width: 1425px; margin: 0 auto; display: block; } .bounceIn { overflow: hidden; } .bounceIn img { transition: all 0.35s ease; width: 100%; } .bounceIn:hover img { transform: scale(1.1); } /* 焦点图开始 */ .focus { float: left; display: inline; position: relative; width: 35% !important; height: 416px; overflow: hidden; text-align: left; background: #fff; } .focus #pic { width: 100%; height: 380px; overflow: hidden; } .focus #pic ul { width: 1216px; height: 380px; float: left; } .focus #pic li { width: 100%; height: 380px; float: left; } .focus #pic li img { width: 100%; height: 380px; float: left; } .focus .tip-bg { width: 100%; height: 40px; background: #555; filter: alpha(opacity=80); opacity: 0.6; position: absolute; left: 0; bottom: 0; } .focus .txt_han { position: absolute; bottom: 0; z-index: 2; height: 40px; width: 100%; overflow: hidden; } .focus .txt_han li { height: 40px; line-height: 40px; position: absolute; bottom: -36px; } .focus .txt_han li a { color: #eee !important; display: block; padding: 0 0 0 10px; font-size: 15px; font-weight: bold; text-decoration: none; } .focus #tip { width: 80px; font-size: 12px; position: absolute; right: 0px; bottom: 5px; z-index: 13; } .focus #tip ul li { font-size: 12px; line-height: 8px; text-align: center; border-radius: 50%; color: #1F62C7; background: #fff; width: 8px; height: 8px; float: left; display: inline; margin: 10px 3px; cursor: pointer; } .focus #tip ul li.on { font-size: 12px; background: #1F62C7; color: #fff; } /*焦点图结束*/ /* 工作动态 */ .mzzj_title { width: 100%; height: 52px; background-repeat: no-repeat; background-position: bottom; line-height: 26px; border-bottom: 1px solid #e1e1e1; } .mzzj_title span { font-size: 24px; color: #333; float: left; font-weight: bold; height: 51px; border-bottom: 3px solid #1F62C7; } .mzzj { width: 32%; } .mzzj ul { margin-top: 30px; } .mzzj ul li { float: left; width: 100%; line-height: 60px; height: 60px; color: #484848; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #e7e7e7; } .mzzj ul li a em { width: 8px; height: 8px; background: #1F62C7; margin-right: 10px; border-radius: 50%; } .mzzj ul li a { color: #484848 !important; font-size: 16px; display: flex; align-items: center; } .mzzj ul li a:hover { color: #1F62C7 !important; } .mzzj ul li span { color: #939393; font-size: 14px; } .more a { font-size: 16px; color: rgba(0, 0, 0, 0.4); float: right; } .mzzj1 { width: 31%; } .mzzj1 ul { margin-top: 20px; } .mzzj1 ul li { float: left; width: 100%; line-height: 48px; height: 48px; color: #484848; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #e7e7e7; } .mzzj1 ul li a em { width: 8px; height: 8px; background: #1F62C7; margin-right: 10px; border-radius: 50%; } .mzzj1 ul li a { color: #484848 !important; font-size: 16px; display: flex; align-items: center; } .mzzj1 ul li a:hover { color: #1F62C7 !important; } .mzzj1 ul li span { color: #939393; font-size: 14px; } /* 滚图 */ .shekuai { width: 100%; min-width: 1480px; height: 184px; background: #1F62C7; box-shadow: inset 0px -1px 0px 0px #FFFFFF; } .tu { width: 1480px; margin: 0 auto; } .tu ul { display: flex; justify-content: space-between; align-items: center; } .tu ul li { width: 200px; height: 184px; box-shadow: inset 0px 0px 0px 0px #FFFFFF, inset 1px 0px 0px 0px #FFFFFF; display: flex; align-items: center; justify-content: center; } .tu ul li:last-child { border-right: 1px solid #fff; } .tu ul li a { color: #fff; font-weight: 600; font-size: 18px; display: flex; flex-direction: column; align-items: center; } .tu ul li a span { border-radius: 50%; border: 1px dashed #fff; display: flex; width: 90px; height: 90px; align-items: center; justify-content: center; margin-bottom: 12px; animation: rotate-center 20s infinite linear; transform-origin: center; } .tu ul li a p { position: relative; } .tu ul li a p img { position: absolute; top: 25%; left: 32%; } .tu ul li:hover a {} .tu ul li a * { transition: .5s; } .tu ul li a:hover img { transform: rotateY(360deg); } @keyframes rotate-center { to { transform: rotate(360deg); } } @keyframes hvr-buzz-out { 16.65% { -webkit-transform: skew(-12deg); transform: skew(-12deg); } 33.3% { -webkit-transform: skew(10deg); transform: skew(10deg); } 49.95% { -webkit-transform: skew(-6deg); transform: skew(-6deg); } 66.6% { -webkit-transform: skew(4deg); transform: skew(4deg); } 83.25% { -webkit-transform: skew(-2deg); transform: skew(-2deg); } 100% { -webkit-transform: skew(0); transform: skew(0); } } .hvr-buzz-out { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transform-origin: 0 100%; transform-origin: 0 100%; } .hvr-buzz-out:hover, .hvr-buzz-out:focus, .hvr-buzz-out:active { -webkit-animation-name: hvr-buzz-out; animation-name: hvr-buzz-out; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* 底部 */ .foot { width: 100%; display: flex; min-width: 1480px; height: 184px; background: #1F62C7; } .footer { width: 1480px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; } .tt { display: flex; justify-content: space-between; align-items: center; } .bq { display: flex; flex-direction: column; color: #fff; font-size: 14px; align-items: flex-start; height: 105px; justify-content: center; } .tel { display: flex; justify-content: space-between; height: 50px; align-items: center; } .tel span { display: flex; margin-right: 30px; align-items: center; } .tel span img { margin-right: 10px; } .link {} .white { background: none; color: #fff; height: 40px; font-size: 15px; margin-right: 22px; } .white option { color: #333; } .mar { margin: 0 26px; } .tel span i { font-style: normal; margin-right: 16px; color: #fff; opacity: 0.4; } /* 内容 */ .ab_banner { background: url(../images/ndsmzl_15.png) no-repeat center top; width: 100%; height: 202px; min-width: 1400px; } .ab_center1 { width: 1400px; height: auto; margin: 0 auto; } .about { width: 1480px; margin-left: auto; margin-right: auto; background: #fff; margin-top: 46px; height: auto; padding-bottom: 30px; border-radius: 6px; box-shadow: 0px 3px 10px 3px #e1e1e1; padding-top: 20px; } .about1 { width: 1480px; margin-left: auto; margin-right: auto; height: auto; padding-bottom: 30px; } .weizhi { width: 1028px; height: 70px; line-height: 70px; border-bottom: 1px solid #ccc; margin: 0 auto; color: #afafaf; text-align: right; margin-bottom: 20px; margin-top: 20px; font-size: 14px; } .weizhi a { color: #afafaf; font-size: 14px; } .weizhi1 { width: 1300px; height: 70px; line-height: 70px; border-bottom: 1px solid #dadfe7; margin: 0 auto; color: #afafaf; text-align: right; margin-bottom: 20px; font-size: 14px; } .weizhi1 a { color: #afafaf; font-size: 14px; } .nr_center { width: 1480px; float: left; height: auto; margin-top: 60px; } .nr_center_content { margin: 0 auto; width: 1300px; text-align: justify; line-height: 38px; padding-bottom: 80px; } .title { line-height: 35px; font-size: 29px; text-align: center; font-weight: bold; width: 1300px; margin-left: auto; margin-right: auto; } .date_x { background: #eaeaea; width: 780px; height: 44px; line-height: 44px; margin-top: 40px; margin-bottom: 40px; text-align: center; margin-left: auto; margin-right: auto; font-size: 14px; } .date_x span { margin-left: 20px; } /* 列表 */ .ab_list { width: 1300px; height: auto; text-align: justify; line-height: 28px; margin: 34px auto; } .ab_list ul li { font-size: 16px; height: 50px; line-height: 50px; border-bottom: 1px dashed #dadfe7; } .ab_list ul li span { float: right; color: #999; font-size: 13px; } .ab_list ul li img { margin-right: 8px; } .ab_list ul li i { font-style: normal; color: #224e8e; font-size: 16px; } .ab_list ul li a { color: #3d3d3d; font-size: 16px; } .ab_list ul li a:hover { color: #1f63c8; } .ab_list ul li i { background-color: #dcdcdc; width: 8px; height: 8px; display: inline-block; margin-right: 10px; float: left; margin-top: 20px; border-radius: 50%; } .ab_list ul li:hover i { background-color: #1f63c8; width: 8px; height: 8px; display: inline-block; margin-right: 10px; border-radius: 50%; } .ab_list ul li:hover span { float: right; color: #1f63c8; font-size: 13px; } /* 侧栏菜单 */ .ab_left { width: 290px; height: 726px; float: left; /* margin: 40px 44px 0 20px; */ background-color:#1f63c8; border-radius: 6px; } .ab_right { float: left; width: 1138px; min-height: 748px; background: #ffffff; border-radius: 5px; margin-top: 50px; } .liebiao { margin: 0 auto; width: 1028px; padding-bottom: 40px; } .liebiao ul li { font-size: 16px; height: 50px; line-height: 50px; border-bottom: 1px dashed #dadfe7; width:100%; } .liebiao ul li span { float: right; color: #999; font-size: 13px; } .liebiao ul li img { vertical-align: middle; } .liebiao ul li a { color: #3d3d3d; font-size: 16px; } .liebiao ul li:hover a{ color: #1f63c8; } .liebiao ul li:hover i{ background-color: #1f63c8; } .liebiao ul li:hover span{ color: #1f63c8; } .cuxian { width: auto; height: 70px; float: left; font-weight: bold; font-size: 22px; color: #1f63c8; text-align: left; border-bottom: 1px solid #1f63c8; } .liebiao ul li i { background-color: #dcdcdc; width: 7px; height: 7px; display: inline-block; margin-right: 10px; float: left; margin-top: 24px; border-radius: 50%; } /* 三级侧拉菜单 */ .content-auto-ul { width: 290px; position: absolute; top: 50px; left: 0px; z-index: 999; } .content-auto-top { width: 290px; height: 80px; line-height: 80px; font-size: 28px; font-weight: 500; color: white; padding-left: 60px; box-sizing: border-box; background: #1f4b8c; background-color: rgb(33 76 140); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#015628, endColorstr=#015628); } .accordion>.content-top-p { width: 290px; height: 68px; line-height: 68px; background: #f1f1f1; border-left: 3px solid #d0cece; margin-bottom: 1px; box-sizing: border-box; } .accordion>p.content-ai-active { border-left: 3px solid #1f4b8c; color: #1f4b8c; } .content-auto-text { width: 150px; /*text-align: center;*/ padding: 0px 0px 0px 20px; margin: 0px 0px 0px 40px; float: left; display: inline; color: #333333; font-size: 15px; } .content-auto-text:hover{ color:#1f4b8c; } .content-top-span { width: 22px; height: 22px; margin-top: 23px; float: left; display: inline; } .span-rotate { /*transform: rotate(-90deg) !important; -ms-transform: rotate(-90deg) !important;*/ /*ie9*/ -moz-transform: rotate(-90deg); /* Firefox */ -webkit-transform: rotate(-90deg); /* Safari 和 Chrome */ -o-transform: rotate(-90deg); /* Opera */ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); } .accordion>.auto-ul { width: 290px; display: none; } .accordion>.auto-ul li { height: 63px; padding: 0px 0px 0px 72px; line-height: 63px; color: #333333; font-size: 15px; background: #e4e4e4; border-left: 3px solid #d0cece; margin-top: 1px; box-sizing: border-box; } .accordion>.auto-ul li a:hover{ color: #1f4b8c; } .accordion>.auto-ul li a{ color: #333; } .accordion>.auto-ul li .auto-active { border-left: 3px solid #0f904a ; color: #1f4b8c; } /*附中概括 - 公共 - 内容左侧菜单结束*/ .baom{ width:500px;font-size:15px;padding:40px 0 0 0;box-sizing: border-box; margin:0 auto; } .baom>a{ line-height:50px;margin-top:20px;text-align:center;display: block; width:500px; padding:15px; color:#fff;font-size:22px;box-sizing: border-box; } .baom>a:hover{ box-shadow: 0px 0px 10px 4px #cccccc; }