html,
body {
padding: 0;
margin: 0;
background-color: #fff;
text-size-adjust: auto !important;
}
body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
legend,
button,
input,
textarea,
th,
td,
img {
margin: 0;
padding: 0;
font-weight: normal
}
body,
button,
input,
select,
textarea label {
/* font-family: "Microsoft YaHei", \9ed1\4f53, \5b8b\4f53, "Microsoft JhengHei"; */
outline: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {}
address,
cite,
dfn,
em {
font-style: normal
}
i {
font-style: normal
}
ul,
ol,
dl,
li {
list-style: none;
/* display: flex; */
/* align-items: center; */
/* justify-content: space-between; */
}
a {
text-decoration: none;
outline: none;
cursor: pointer;
}
img {
border: 0
}
table {
border-collapse: collapse;
border-spacing: 0
}
@font-face {
font-family: 'icomoon';
src: url('../fonts/icomoon.eot');
src: url('../fonts/icomoon.eot') format('embedded-opentype'), url('../fonts/icomoon.ttf') format('truetype'), url('../fonts/icomoon.woff') format('svg');
font-weight: normal;
font-style: normal;
}
.fl {
float: left;
}
.fr {
/* float: right; */
}
.clear {
clear: both
}
.clearFix:after {
content: "";
display: block;
height: 0;
clear: both;
*zoom: 1
}
.ellipsis {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
/* */
.ellipsis2,
.ellipsis3,
.ellipsis4,
.ellipsis5,
.ellipsis6,
.ellipsis7 {
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden
}
.ellipsis2 {
-webkit-line-clamp: 2;
}
.ellipsis3 {
-webkit-line-clamp: 3
}
/* */
.ellipsis4 {
-webkit-line-clamp: 4
}
.ellipsis5 {
-webkit-line-clamp: 5
}
.ellipsis6 {
-webkit-line-clamp: 6
}
.ellipsis7 {
-webkit-line-clamp: 7
}
/* */
html {
font-size: 16px;
}
body {
position: relative;
overflow-x: hidden;
}
.inner {
max-width: 1440px;
margin: 0 auto;
/* position: relative; */
/* display: flex; */
align-items: center;
justify-content: space-between;
}
.inner .logo {
margin-right: 2%;
margin-top: 10px;
}
.inner1 {
width: 1920px;
margin: 0 auto;
position: relative
}
a {
font-size: 18px;
color: #ffffff;
}
/* */
.swiper {
/* width: 100%; */
height: 100%;
}
.DnnModule-68970 #swiper-wrapper-4510a39a3d5aa1d8b {
padding-bottom: 10px !important
}
.swiper-slide {
/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.swiper-slide img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
/* */
.nav_main {
display: none;
}
.index_zhxg .header {
width: 100%;
height: 80px;
position: absolute;
top: 0px;
left: 50%;
z-index: 2;
transform: translate(-50%, 0%);
}
.index_zhxg .header:before {
content: '';
position: absolute;
bottom: -3px;
width: 100%;
height: 1px;
background-color: rgba(255, 255, 255, 0.5);
}
.index_zhxg .header .logo {
/* width: 278px; */
/* height: 54px; */
/* margin-top: 10px; */
}
.index_zhxg .header .logo img {
width: 100%;
height: 100%;
}
.index_zhxg .header .nav {
height: 80px;
line-height: 80px;
}
.index_zhxg .header .nav li {
float: left;
position: relative;
}
.index_zhxg .indexHearderNav {
/* position: absolute; */
/* top: 2px; */
/* right: 0; */
float: right;
height: 80px;
width: 12%;
/* background: pink; */
}
.index_zhxg .indexNav {
line-height: 80px;
position: relative;
}
.index_zhxg .indexNav span {
display: inline-block;
position: relative;
}
.index_zhxg .indexNav span:nth-of-type(1) {
width: 1px;
height: 30px;
margin-right: 40px;
background-color: #efeff1;
position: relative;
top: 10px;
}
.index_zhxg .indexNav span:nth-of-type(1) i {
display: none;
}
.index_zhxg .indexNav span:nth-of-type(2) {
margin-right: 20px;
}
.index_zhxg .indexNav span:nth-of-type(2) i {
display: inline-block;
width: 18px;
height: 31px;
color: rgba(255, 255, 255, 0.5);
position: relative;
top: 0;
margin-left: 13px;
/* margin-right: -9px; */
}
.index_zhxg .indexNav span:nth-of-type(2) a {
font-size: 18px;
color: #ffffff;
}
.index_zhxg .indexNav span:nth-of-type(2) a:nth-of-type(2) {
color: rgba(255, 255, 255, 0.5);
}
.index_zhxg .indexNav span:nth-of-type(3) {
width: 18px;
height: 18px;
position: relative;
top: 3px;
left: 20px;
}
.index_zhxg .indexNav span:nth-of-type(3) img {
display: block;
width: 18px;
width: 18px;
}
.navmenu-container .navmenu li.level-0-first {
color: #fff;
border-bottom: 3px solid #ffffff;
box-sizing: content-box;
}
.navmenu-container .navmenu li.level-0:hover {
color: #fff;
border-bottom: 3px solid #ffffff;
}
.index_zhxg .header .nav li span {
display: block;
margin: 28.5px 20px;
width: 1px;
height: 30px;
background-color: #efeff1;
}
.index_zhxg .header .nav li a {
padding: 28.5px 0px;
margin: 0 20px;
}
.index_zhxg .header .nav li a i {
color: rgba(255, 255, 255, 0.5);
}
.index_zhxg .header .nav li a img {
width: 18px;
height: 20px;
}
.index_zhxg .header .nav li a:hover {
color: #fff;
border-bottom: 3px solid #ffffff;
}
.index_zhxg .header .nav li .navigation {
position: absolute;
top: 83px;
left: 0px;
/* transform: translate(-49%, 0px); */
z-index: 99;
width: 100%;
width: 1440px;
height: auto;
background: rgba(255, 255, 255, 0.7);
}
.index_zhxg .header .nav li .navigation ul {
position: relative;
left: 0px;
}
.index_zhxg .header .nav li .navigation ul a {
padding: 30px 0;
margin: 0 20px;
font-size: 18px;
color: #333;
}
/* .index_zhxg .header .nav li .navigation ul a:nth-child(1) {
color: #2f5597;
} */
.index_zhxg .header .nav li .navigation ul a:hover {
color: #2f5597;
border: 0px;
}
/* */
.index_zhxg .footer {
border-top: 3px solid #2f5597;
}
.index_zhxg .footer1 {
clear: both;
padding: 35px 0;
display: flex;
align-items: flex-start;
justify-content: space-between;
}
.index_zhxg .footer .footer-left {
width: 16%;
/* margin-right: 80px; */
/* display: flex; */
/* margin-top: -85px; */
}
.index_zhxg .footer .footer-left .logo {
width: 100%;
height: 100%;
}
.index_zhxg .footer .footer-left .logo img {
width: 100%;
height: 100%;
}
.index_zhxg .footer .footer-left .logo a {
width: 100%;
height: 100%
}
.index_zhxg .footer .footer-left .footerLeftBottom {
width: 100%;
height: 35px;
margin-top: 40px;
border-radius: 5px;
font-size: 16px;
color: #999999;
position: relative;
}
.index_zhxg .footer .footer-left .footerLeftBottom .footerInput {
position: absolute;
top: 0;
width: calc(100% - 10px);
height: 100%;
padding-left: 10px;
border: 1px solid #cccccc;
border-radius: 5px;
font-size: 16px;
color: #999999;
cursor: pointer;
}
.index_zhxg .footer .footer-left .footerLeftBottom p {
position: absolute;
top: 16px;
right: 12px;
width: 0px;
height: 0px;
border: 6px solid transparent;
border-top-color: #999999;
transform-origin: 50% 20%;
transition: all .4s linear;
/* cursor: pointer; */
}
.index_zhxg .footer .footer-left .footerLeftBottom .footer-item {
position: absolute;
top: -301px;
display: none;
width: 100%;
height: 300px;
/* border-bottom-right-radius: 15px; */
/* border-bottom-left-radius: 15px; */
background-color: #f7f7f7;
}
.index_zhxg .footer .footer-left .footerLeftBottom .footer-item::-webkit-scrollbar {
width: 0 !important
}
.index_zhxg .footer .footer-left .footerLeftBottom .footer-item span {
display: block;
/* width: calc(100% - 25px); */
height: 20px;
line-height: 20px;
padding-left: 9px;
/* text-align: center; */
font-size: 12px;
/* background-color: #ececec; */
padding: 5px 0 5px 13px;
white-space: nowrap;
overflow: hidden;
}
.index_zhxg .footer .footer-left .footerLeftBottom .footer-item span:hover {
background: rgb(231 228 228);
}
.index_zhxg .footer .footer-left .footerLeftBottom .footer-item span a {
font-size: 12px;
color: #333;
}
.index_zhxg .footer .footer-left .footerLeftBottom .footer-item span a:hover {
color: #2f5597
}
.index_zhxg .footer .footer-right {
width: 60%;
display: flex;
/* align-items: center; */
justify-content: space-around;
}
.index_zhxg .footer .footer-right dl {
/* float: left; */
/* width: 10.6%; */
/* display: flex; */
/* align-items: center; */
}
.index_zhxg .footer .footer-right dl:nth-child(7) {
width: 36%;
}
.index_zhxg .footer .footer-right dt,
.index_zhxg .footer .footer-right dt a {
font-size: 18px;
color: #333;
}
.index_zhxg .footer .footer-right dd,
.index_zhxg .footer .footer-right dd a {
font-size: 16px;
color: #666;
margin-top: 10px;
}
.index_zhxg .footer .footer-right dd a:hover {
color: #2f5597
}
.index_zhxg .footer .copyRight {
height: 55px;
line-height: 55px;
background-color: #2f5597;
text-align: center;
font-size: 16px;
color: #fff;
}
.index_zhxg .footer .copyRight span {
margin-left: 50px;
}
.index_zhxg .footer .copyRight p {
font-size: 16px;
color: #fff;
}
/* banner */
.index_zhxg .carousel {
height: 800px;
width: 100%;
position: relative;
z-index: 1;
}
.index_zhxg .carousel .swiper-button-prev:after,
.index_zhxg .carousel .swiper-rtl .swiper-button-next:after {
content: "";
}
.index_zhxg .carousel .swiper-button-next:after,
.index_zhxg .carousel .swiper-rtl .swiper-button-prev:after {
content: "";
}
.index_zhxg .carousel .mySwiper1 {
height: 800px;
}
.index_zhxg .carousel .gsgg {
overflow: hidden;
position: absolute;
left: 50%;
bottom: 20px;
transform: translate(-50%, 0%);
z-index: 99;
background: url(../images/gonggao.png) no-repeat top center;
}
.gsgg1 {
height: 140px;
width: 1440px;
}
.index_zhxg .carousel .gsgg .gsgg-left {
padding-top: 40px;
padding-left: 10px;
width: 197px;
height: 100px;
}
.index_zhxg .carousel .gsgg .gsgg-left h3 {
font-size: 20px;
color: #fff;
padding-left: 40px;
background: url(../images/yinli.png) no-repeat left center;
}
.index_zhxg .carousel .gsgg .gsgg-left p {
display: block;
margin: 10px 0 0 3px;
font-size: 14px;
color: #fff;
}
.index_zhxg .carousel .gsgg-swiper {
/* float: right; */
/* width: 1233px; */
/* height: 110px; */
width: calc(100% - 207px);
padding-top: 20px;
}
.mySwiper2 {
padding-right: 37px;
}
.index_zhxg .carousel .gsgg-swiper .swiper-slide {
width: 50%;
}
/* .index_zhxg .carousel .gsgg-swiper .swiper-slide:nth-of-type(1) {
margin-left: -290px;
width: 50% !important;
}
.index_zhxg .carousel .gsgg-swiper .swiper-slide:nth-of-type(2) {
width: 50% !important;
} */
.index_zhxg .carousel .swiper-horizontal>.swiper-pagination-bullets,
.index_zhxg .carousel .swiper-pagination-bullets.swiper-pagination-horizontal,
.index_zhxg .carousel .swiper-pagination-custom,
.index_zhxg .carousel .swiper-pagination-fraction {
/* text-indent: -95px; */
bottom: -4px !important;
right: 4px !important;
/* width: 100%!important; */
text-align: right;
/* margin-right: -2px; */
left: -50px;
}
.index_zhxg .carousel .gsgg-swiper .gsgg-right {
overflow: hidden;
width: 100%;
height: 100%;
padding-right: 30px;
margin-left: 40px;
border-right: 1px solid #cccccc;
}
.index_zhxg .carousel .gsgg-swiper .gsgg-right .swiper-pagination-bullet {
background: #fff !important;
opacity: 1 !important;
}
.index_zhxg .carousel .gsgg-swiper .gsgg-right:hover h4 a,
.index_zhxg .carousel .gsgg-swiper .gsgg-right:hover h4 span,
.index_zhxg .carousel .gsgg-swiper .gsgg-right:hover p a {
color: #2f5597;
}
.index_zhxg .carousel .gsgg-swiper .swiper-slide:nth-of-type(2) .gsgg-right {
border-right: 0px;
}
.index_zhxg .carousel .gsgg-swiper .gsgg-right h4 {
width: 100%;
height: 38px;
white-space: nowrap;
}
.index_zhxg .carousel .gsgg-swiper .gsgg-right h4 a {
display: inline-block;
width: 80%;
font-size: 18px;
color: #333333;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.index_zhxg .carousel .gsgg-swiper .gsgg-right h4 a.edit-handle {
width: 16px;
}
.index_zhxg .carousel .gsgg-swiper .gsgg-right h4 span {
float: right;
font-size: 16px;
color: #999999;
}
.index_zhxg .carousel .gsgg-swiper .gsgg-right p {
line-height: 30px;
}
.index_zhxg .carousel .gsgg-swiper .gsgg-right p a {
font-size: 16px;
color: #666666;
}
/* */
.index_zhxg .zhxg {
padding-bottom: 80px;
background: url(../images/bannner_02.jpg) no-repeat top center;
background-size: 100% 100%;
}
.index_zhxg .zhxg .zhxg-left {
width: 680px;
padding-top: 175px;
padding-right: 37px;
float: left;
}
.index_zhxg .zhxg .zhxg-left h2 a {
font-weight: 700;
font-size: 24px;
color: #2f5597;
text-align: left;
transform: translate(0, 100%);
transition: all .8s;
}
.index_zhxg .zhxg .zhxg-left h2 .news-title {
transform: translate(0, 0);
}
.index_zhxg .zhxg .zhxg-left p {
line-height: 30px;
text-indent: 2em;
margin: 40px 0;
font-size: 16px;
color: #333333;
}
.index_zhxg .zhxg .zhxg-left .numCount {
margin-top: 30px;
}
.index_zhxg .zhxg .zhxg-left .numCount li {
/* float: left; */
width: 33.3%;
/* text-align: center; */
}
.index_zhxg .zhxg .zhxg-left .numCount li .item {
/* margin: 0 10px; */
}
.index_zhxg .zhxg .zhxg-left .numCount li .numU {
line-height: 1.3;
}
.index_zhxg .zhxg .zhxg-left .numCount li .numCX {
font-size: 45px;
color: #2f5597;
font-weight: 400;
}
.index_zhxg .zhxg .zhxg-left .numCount li .indc {
font-size: 16px;
line-height: 1.3;
/* margin-left: 0.3em; */
color: #666666;
text-indent: 24px;
}
.index_zhxg .zhxg .zhxg-left .numCount li .numU sup {
vertical-align: top;
}
.index_zhxg .zhxg .zhxg-left .numCount li .numU sub {
vertical-align: baseline;
font-size: 18px;
color: #2f5597;
}
.index_zhxg .zhxg .zhxg-right {
float: right;
overflow: hidden;
width: 720px;
height: 480px;
margin-top: 80px;
border-bottom-right-radius: 80px;
border-top-left-radius: 80px;
}
.index_zhxg .zhxg .zhxg-right img {
/* width: 100%;
height: 100%; */
transition: all .4s linear;
}
.index_zhxg .zhxg .zhxg-right:hover img {
transform: scale(1.1);
}
/* */
.index_zhxg .xwdt {
display: block;
padding: 80px 0;
}
.index_zhxg .xwdt .xwdt-left {
width: 720px;
}
.index_zhxg .xwdt .xwdt-left h3 {
font-size: 24px;
color: #333333;
margin-bottom: 40px;
position: relative;
}
.index_zhxg .xwdt .xwdt-left h3:before {
content: "";
position: absolute;
left: 0;
bottom: -10px;
width: 45px;
height: 3px;
background-color: #2f5597;
}
.index_zhxg .xwdt .xwdt-left .xwdtLeftBottom {
width: 100%;
position: relative;
}
.index_zhxg .xwdt .xwdt-left .xwdtLeftBottom .swiper-slide {
overflow: hidden;
width: 720px;
height: 483px;
}
.index_zhxg .xwdt .xwdt-left .xwdtLeftBottom .swiper-pagination-bullet {
background: #fff !important;
width: 12px;
height: 12px;
opacity: 1;
}
.index_zhxg .xwdt .xwdt-left .xwdtLeftBottom .swiper-pagination-bullet-active {
background: #0052a2 !important;
}
.index_zhxg .xwdt .xwdt-left .xwdtLeftBottom img {
height: 100%;
transition: all .4s linear;
}
.index_zhxg .xwdt .xwdt-left .xwdtLeftBottom img:hover {
transform: scale(1.1);
}
.index_zhxg .xwdt .xwdt-left .xwdtLeftBottom p {
position: absolute;
bottom: 0;
width: calc(100% - 20px);
height: 50px;
line-height: 50px;
padding-left: 20px;
text-align: left;
background-color: rgba(0, 0, 0, 0.7);
}
.index_zhxg .xwdt .xwdt-left .xwdtLeftBottom p a {
display: block;
width: 100%;
font-size: 18px;
color: #fff
}
.index_zhxg .xwdt .xwdt-left .xwdtLeftBottom p a:nth-of-type(1) {
/* width: 15px; */
}
.index_zhxg .xwdt .swiper-horizontal>.swiper-pagination-bullets,
.index_zhxg .xwdt .swiper-pagination-bullets.swiper-pagination-horizontal,
.index_zhxg .xwdt .swiper-pagination-custom,
.index_zhxg .xwdt .swiper-pagination-fraction {
/* bottom: 18px !important; */
/* left: 570px !important; */
}
.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
/* width: 30% */
}
.index_zhxg .xwd .swiper-pagination-bullet {
background: #ffffff !important;
}
.index_zhxg .xwd .swiper-pagination-bullet-active {
background: #0052a2 !important;
opacity: 1;
}
.index_zhxg .xwdt .xwdt-right {
width: 720px;
}
.index_zhxg .xwdt .xwdt-right .xwdtRightTop .xwdtRightSpan {
float: right;
}
.index_zhxg .xwdt .xwdt-right .xwdtRightTop .xwdtRightSpan a {
float: left;
display: block;
width: 120px;
height: 38px;
line-height: 38px;
margin: 0 10px;
border: 1px solid #999999;
text-align: center;
font-size: 20px;
color: #333;
}
.index_zhxg .xwdt .xwdt-right .xwdtRightTop .xwdtCurrent {
border: 1px solid #2f5597;
background-color: #2f5597;
color: #fff !important;
}
.index_zhxg .xwdt .xwdt-right #dnn_xwdtRightBottomPane {}
.index_zhxg .xwdt .xwdt-right #Content-69854,
.index_zhxg .xwdt .xwdt-right #Content-69844,
.index_zhxg .xwdt .xwdt-right #Content-69842 {
margin: 40px 0 0 40px;
width: 690px;
}
.index_zhxg .xwdt .xwdt-right #Content-69842 .xwdtRightUl,
.index_zhxg .xwdt .xwdt-right #Content-69854 .xwdtRightUl,
.index_zhxg .xwdt .xwdt-right #Content-69844 .xwdtRightUl {
display: none;
margin-right: 20px;
}
.index_zhxg .xwdt .xwdt-right #Content-69854 .xwdtRightUl:nth-child(1),
.index_zhxg .xwdt .xwdt-right #Content-69844 .xwdtRightUl:nth-child(1),
.index_zhxg .xwdt .xwdt-right #Content-69842 .xwdtRightUl:nth-child(1) {
display: block;
margin: 0;
}
.index_zhxg .xwdt .xwdt-right #Content-69854 .xwdtRightUl li,
.index_zhxg .xwdt .xwdt-right #Content-69844 .xwdtRightUl li,
.index_zhxg .xwdt .xwdt-right #Content-69842 .xwdtRightUl li {
width: 670px;
height: 85px;
padding-bottom: 18.8px;
margin-top: 20px;
border-bottom: 1px solid #d2d2d2;
}
.index_zhxg .xwdt .xwdt-right #Content-69854 li:nth-child(1),
.index_zhxg .xwdt .xwdt-right #Content-69844 li:nth-child(1),
.index_zhxg .xwdt .xwdt-right #Content-69842 li:nth-child(1) {
margin-top: 0;
}
.index_zhxg .xwdt .xwdt-right #Content-69854 li:hover h5 a,
.index_zhxg .xwdt .xwdt-right #Content-69844 li:hover h5 a,
.index_zhxg .xwdt .xwdt-right #Content-69842 li:hover h5 a,
.index_zhxg .xwdt .xwdt-right #Content-69854 li:hover p a,
.index_zhxg .xwdt .xwdt-right #Content-69844 li:hover p a,
.index_zhxg .xwdt .xwdt-right #Content-69842 li:hover p a {
color: #2f5597;
}
.index_zhxg .xwdt .xwdt-right #Content-69854 li>span.currentdate,
.index_zhxg .xwdt .xwdt-right #Content-69844 li>span.currentdate,
.index_zhxg .xwdt .xwdt-right #Content-69842 li>span.currentdate {
float: left;
padding: 0 10px;
margin-right: 25px;
border-right: 1px solid #d2d2d2;
font-size: 16px;
color: #999999;
}
.index_zhxg .xwdt .xwdt-right #Content-69854 li .currentdate i,
.index_zhxg .xwdt .xwdt-right #Content-69844 li .currentdate i,
.index_zhxg .xwdt .xwdt-right #Content-69842 li .currentdate i {
display: block;
text-align: center;
padding-top: 25px;
margin-bottom: 24px;
font-size: 36px;
text-align: center;
color: #333333;
}
.index_zhxg .xwdt .xwdt-right #Content-69854 li h5 a,
.index_zhxg .xwdt .xwdt-right #Content-69844 li h5 a,
.index_zhxg .xwdt .xwdt-right #Content-69842 li h5 a {
font-size: 18px;
color: #333333;
}
.index_zhxg .xwdt .xwdt-right #Content-69854 li p,
.index_zhxg .xwdt .xwdt-right #Content-69844 li p,
.index_zhxg .xwdt .xwdt-right #Content-69842 li p {
margin-top: 15px;
line-height: 25px;
}
.index_zhxg .xwdt .xwdt-right #Content-69854 li p a,
.index_zhxg .xwdt .xwdt-right #Content-69844 li p a,
.index_zhxg .xwdt .xwdt-right #Content-69842 li p a {
font-size: 16px;
color: #666666;
}
/* */
.index_zhxg .etr {
padding: 77px 0;
background: url(../images/638009930043892484.png) no-repeat top center;
background-size: 100% 100%;
}
.index_zhxg .etr .etr-left {
float: left;
width: 50%;
position: relative;
}
.index_zhxg .etr .etr-right {
float: left;
width: 50%;
}
.index_zhxg .etr #dnn_ctr69955_ContentPane .etr-left {
float: left;
width: 100%;
margin-top: 90px;
position: relative;
}
.index_zhxg .etr #dnn_ctr69955_ContentPane .etr-left li {
float: left;
width: 33.3%;
position: relative;
}
.index_zhxg .etr #dnn_ctr69955_ContentPane .etr-left li>p>a:hover {
color: #003366;
}
.index_zhxg .etr #dnn_ctr69955_ContentPane .etr-left li:nth-of-type(1) p {
color: #333;
}
.index_zhxg .etr #dnn_ctr69955_ContentPane .etr-left li:nth-of-type(1):hover p>a {
color: #75ce43;
}
.index_zhxg .etr #dnn_ctr69955_ContentPane .etr-left li:nth-of-type(2):hover p>a {
color: #d78a24;
}
.index_zhxg .etr #dnn_ctr69955_ContentPane .etr-left li:nth-of-type(3):hover p>a {
color: #0075d9;
}
.index_zhxg .etr #dnn_ctr69955_ContentPane .etr-left li:nth-of-type(1) {
background: url(../images/esgicon.png) no-repeat top left;
}
.index_zhxg .etr #dnn_ctr69955_ContentPane .etr-left li:nth-of-type(1):hover {
background: url(../images/esgiconactive.png) no-repeat top left;
}
.index_zhxg .etr #dnn_ctr69955_ContentPane .etr-left li:nth-of-type(1):hover p span {
display: block
}
.index_zhxg .etr #dnn_ctr69955_ContentPane .etr-left li:nth-of-type(1):after {
content: "";
position: absolute;
top: 72px;
left: 135px;
width: 125px;
height: 1px;
background-color: #626262;
}
.index_zhxg .etr #dnn_ctr69955_ContentPane .etr-left li:nth-of-type(2):after {
content: "";
position: absolute;
top: 72px;
left: 167px;
width: 125px;
height: 1px;
background-color: #626262;
}
.index_zhxg .etr #dnn_ctr69955_ContentPane .etr-left li:nth-of-type(3) {
background: url(../images/rczpicon.png) no-repeat 68px 0px;
}
.index_zhxg .etr #dnn_ctr69955_ContentPane .etr-left li:nth-of-type(2) {
background: url(../images/tzzgxicon.png) no-repeat 36px 0px;
}
.index_zhxg .etr #dnn_ctr69955_ContentPane .etr-left li:nth-of-type(2):hover {
background: url(../images/tzzgxiconactive.png) no-repeat 36px 0px;
}
.index_zhxg .etr #dnn_ctr69955_ContentPane .etr-left li:nth-of-type(3):hover {
background: url(../images/rczpiconactive.png) no-repeat 68px 0px;
}
.index_zhxg .etr #dnn_ctr69955_ContentPane .etr-left li:nth-child(2) p {
margin: 160px 49px 0;
}
.index_zhxg .etr #dnn_ctr69955_ContentPane .etr-left li:nth-child(3) p {
margin: 160px 90px 0;
}
.index_zhxg .etr #dnn_ctr69955_ContentPane .etr-left li img {
display: block;
width: 120px;
height: 140px;
}
.index_zhxg .etr #dnn_ctr69955_ContentPane .etr-left li p {
display: block;
width: 60%;
margin: 160px 47px 0;
font-size: 18px;
color: #333;
}
.index_zhxg .etr #dnn_ctr69955_ContentPane .etr-left li:nth-of-type(1):hover p {
color: #75ce43;
}
.index_zhxg .etr #dnn_ctr69955_ContentPane .etr-left li:nth-of-type(2):hover p {
color: #d78a24;
}
.index_zhxg .etr #dnn_ctr69955_ContentPane .etr-left li:nth-of-type(3):hover p {
color: #0075d9;
}
.index_zhxg .etr #dnn_ctr69955_ContentPane .etr-left li p span {
display: none;
width: 100%;
margin-top: 15px;
width: 31px;
height: 25px;
background: url(../images/icongreen.png) no-repeat top center;
transition: all .3s;
}
.index_zhxg .etr #dnn_ctr69955_ContentPane .etr-left li:nth-of-type(2) p span {
display: none;
margin-left: 30px;
background: url(../images/iconorange.png) no-repeat top center;
}
.index_zhxg .etr #dnn_ctr69955_ContentPane .etr-left li:nth-of-type(3) p span {
display: none;
margin-left: 20px;
background: url(../images/iconblue.png) no-repeat top center;
}
.index_zhxg .etr #dnn_ctr69955_ContentPane .etr-left li:hover p span {
display: block;
}
.index_zhxg .etr #dnn_ctr69954_ContentPane .etr-right {
float: right;
width: 100%;
}
.index_zhxg .etr #dnn_ctr69954_ContentPane .etr-right li {
float: left;
width: 300px;
height: 430px;
margin-left: 58px;
}
.index_zhxg .etr #dnn_ctr69954_ModuleContent .etr-right li p {
overflow: hidden;
width: 100%;
box-shadow: 1px 1px 15px -6px;
}
.index_zhxg .etr #dnn_ctr69954_ModuleContent .etr-right li img {
width: 100%;
height: 100%;
transition: all .4s linear;
}
.index_zhxg .etr #dnn_ctr69954_ModuleContent .etr-right li:hover img {
transform: scale(1.1);
}
.index_zhxg .etr #dnn_ctr69954_ModuleContent .etr-right li span {
display: block;
margin-top: 15px;
text-align: center;
}
.index_zhxg .etr #dnn_ctr69954_ModuleContent .etr-right li span a {
font-size: 16px;
color: #333;
}
.index_zhxg .etr #dnn_ctr69954_ModuleContent .etr-right li:hover span a {
color: #2f5597
}
/* */
.navmenu-container {
/* float: right; */
float: left;
}
.navmenu-container .navmenu {
height: 80px;
display: flex;
line-height: 80px;
align-items: center;
}
.navmenu-container .navmenu li {
float: left;
/* position: relative; */
/* width: 116px; */
}
.navmenu-container .navmenu li span {
/* display: block; */
/* margin: 28.5px 20px; */
/* width: 1px; */
/* height: 30px; */
/* background-color: #efeff1; */
}
.navmenu-container .navmenu li a {
/* padding: 28.5px 0; */
margin: 0 20px;
color: #fff;
}
.navmenu-container .navmenu li a p {
color: #d9d9df;
}
.navmenu-container .navmenu li sub {
display: none;
position: absolute;
top: 83px;
/* left: 100%; */
/* transform: translate(-49%, 0px); */
z-index: 99;
width: 100%;
width: 1440px;
height: auto;
background: rgba(255, 255, 255, 0.7) top center;
}
.navmenu-container .navmenu li .sub ul {
display: none;
position: relative;
/* left: 592px; */
}
.navmenu-container .navmenu .level-0:hover .sub ul {
display: block;
}
.navmenu-container .navmenu li:nth-child(n) .sub ul a {
border-bottom: 0px;
}
.navmenu-container .navmenu li .sub ul a {
padding: 30px 0;
margin: 0 20px;
font-size: 18px;
color: #333;
}
.navmenu-container .navmenu li .navigation ul a:hover {
color: #2f5597;
border: 0px;
}
.navmenu-container .navmenu .level-0 a {
color: #fff;
display: -ms-inline-flexbox
}
.navmenu-container .navmenu .level-0 .sub ul.navitem-1 {
left: 0;
margin-left: 0px;
width: 100%;
height: 80px;
/* line-height: 24px; */
/* background-color: rgba(255, 255, 255, 0.7); */
/* margin: 2px -13px 0; */
}
.navmenu-container .navmenu .level-0 .div-sub-1 ul.navitem-1 .level-1 {
line-height: 24px;
display: block;
}
.navmenu-container .navmenu .level-0 .sub ul.navitem-1>.level-1-first {
margin-left: 39%;
}
/* .navmenu-container .navmenu .div-sub-1 .navitem-1 li.level-1-first {
margin-left: 37%;
} */
.navmenu-container .navmenu .level-0 .sub ul {
/* top: 0; */
left: 0;
margin-left: 0px;
width: 100%;
/* background: pink; */
/* background-color: rgba(255, 255, 255, 0.7); */
margin: 0 auto;
}
.navmenu-container .navmenu .level-0:nth-of-type(4) .sub {
/* width: 803px; */
}
.navmenu-container .navmenu .level-0:nth-of-type(4) .sub ul {
/* width: 712px; */
height: 81px;
/* line-height: 24px; */
/* left: 600px !important; */
}
.navmenu-container .navmenu .level-0:nth-of-type(5) .sub {
/* width: 510px; */
width: 100%;
/* height: 81px; */
/* line-height: 24px; */
}
.navmenu-container .navmenu .level-0:nth-of-type(5) .sub ul {
/* left: 120px; */
}
.navmenu-container .navmenu .level-0:nth-of-type(6) .sub {
/* width: 100px; */
}
.navmenu-container .navmenu .level-0:nth-of-type(7) .sub {
/* width: 189px; */
/* left: 72px; */
}
/* .navmenu-container .navmenu .level-0:nth-of-type(6) .sub ul {
left: 315px;
} */
#dnn_ContentPane {
display: none;
}
/* Swiper */
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
right: 10%;
left: auto;
outline: none;
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
left: 10%;
right: auto;
outline: none;
}
.sjFooter {
display: none;
}
/* shipei */
@media screen and (max-width: 1440px) and (min-width: 1024px) {
/* */
.inner {
width: 100%;
max-width: 1440px;
}
/* heder2 */
.index_zhxg .header .inner {
width: 1200px;
}
.navmenu-container .navmenu .level-0 {
margin: 0 10px;
}
.navmenu-container .navmenu .level-0 span {
font-size: 14px;
}
.index_zhxg .indexHearderNav {
width: 140px;
}
.index_zhxg .indexNav span,
.index_zhxg .indexNav span a {
font-size: 14px !important;
}
.navmenu-container {
margin-right: -250px;
}
.index_zhxg .header .indexNav {
width: 140px;
}
.index_zhxg .header .indexNav span:nth-of-type(1) {
margin-right: 20px;
}
.ejmb_zhxg .header2 .indexNav span:nth-of-type(2) {
margin-right: 30px;
}
.index_zhxg .header {
width: 100%;
margin: 0;
}
.index_zhxg .header .logo {
width: 267px;
height: 54px;
/* margin-left: 15px; */
/* margin-top: 20px; */
}
.index_zhxg .header .nav {
height: auto;
line-height: 80px;
padding-right: 5px;
}
.index_zhxg .header .nav li span {
display: block;
margin: 28.5px 10px;
width: 1px;
height: 30px;
background-color: #efeff1;
}
.index_zhxg .header .nav li a {
padding: 28.5px 0px;
margin: 0 8px;
}
.index_zhxg .header .nav li .navigation ul a:hover {
color: #2f5597;
border: 0px;
}
/* footer */
.index_zhxg .footer .footer-right dd,
.index_zhxg .footer .footer-right dd a {
font-size: 14px;
}
.index_zhxg .footer .footer-right br {
display: block;
}
.index_zhxg .footer .inner {
width: 1200px;
}
.index_zhxg .footer .footer-left {
/* float: left; */
/* width: 17.36%; */
/* margin-right: 0px; */
}
.index_zhxg .footer .footer-left .footerLeftBottom {
width: 100%;
/* margin-left: 10px; */
}
.index_zhxg .footer .footer-right dd,
.index_zhxg .footer .footer-right dd a {
font-size: 12px;
}
.index_zhxg .footer .footer-right br {
display: block;
}
.index_zhxg .footer .inner {
width: 1200px;
}
.index_zhxg .footer .footer-left {
/* float: left; */
/* width: 17.36%; */
/* margin-right: 0px; */
}
.index_zhxg .footer .footer-left .footerLeftBottom {
width: 100%;
/* margin-left: 10px; */
}
.index_zhxg .footer .footer-right {
/* float: right; */
/* width: 78.2%; */
}
.index_zhxg .footer .footer-right dt,
.index_zhxg .footer .footer-right dt a {
font-size: 16px;
}
.bottom-right dl dd {
font-size: 14px
}
.bottom-right dl dt {
font-size: 16px
}
.index_zhxg .footer .footer-right dt {
white-space: nowrap;
}
.navmenu-container .navmenu .level-0:nth-of-type(4) .sub ul {
width: 55%;
}
.navmenu-container .navmenu .level-0:nth-of-type(5) .sub {
/* width: 35%; */
}
.navmenu-container .navmenu .level-0:nth-of-type(6) .sub {
/* width: 7%; */
}
.navmenu-container .navmenu .level-0:nth-of-type(7) .sub {
/* width: 13% */
}
/* banner shouye */
.index_zhxg .carousel .gsgg {
height: 140px;
width: 94.987%;
background: url(../images/gonggao.png) no-repeat top center;
background-size: 100% 100%;
}
.index_zhxg .carousel .gsgg1 {
width: 100%;
/* min-width: 1440px; */
/* padding: 0 2%; */
box-sizing: border-box;
background-size: cover;
}
.index_zhxg .carousel .gsgg .gsgg-left h3 {
font-size: 16px;
padding-left: 30px;
}
.index_zhxg .carousel .gsgg .gsgg-left {
width: 8%;
}
.mySwiper2 {
padding-right: 20px;
}
.index_zhxg .carousel .gsgg-swiper {
float: right;
height: 94px;
/* width: 89%; */
margin-top: 0%;
}
.index_zhxg .carousel .gsgg-swiper .gsgg-right {
overflow: hidden;
padding-right: 2%;
margin-left: 4%;
}
.index_zhxg .carousel .gsgg-swiper .swiper-slide {
/* width: 558px !important; */
}
.index_zhxg .carousel .swiper-horizontal>.swiper-pagination-bullets,
.index_zhxg .carousel .swiper-pagination-bullets.swiper-pagination-horizontal,
.index_zhxg .carousel .swiper-pagination-custom,
.index_zhxg .carousel .swiper-pagination-fraction {
bottom: -3px !important;
/* left: 45% !important; */
width: 100% !important;
}
.index_zhxg .carousel .swiper-horizontal>.swiper-pagination-bullets,
.index_zhxg .carousel .swiper-pagination-bullets.swiper-pagination-horizontal,
.index_zhxg .carousel .swiper-pagination-custom,
.index_zhxg .carousel .swiper-pagination-fraction {
/* width: 70% !important; */
}
.index_zhxg .carousel .gsgg-swiper .gsgg-right li {
float: left;
width: 45%;
height: 100%;
padding-right: 10px;
margin-left: 15px;
}
.index_zhxg .carousel .gsgg-swiper .gsgg-right li h4 i {
font-size: 14px;
}
.index_zhxg .carousel .gsgg-swiper .gsgg-right li p {
line-height: 22px;
margin-top: 10px;
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
left: 5%;
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
right: 5%
}
/* */
.index_zhxg .zhxg {
padding-bottom: 6%;
}
.index_zhxg .zhxg .inner {
width: 100%;
max-width: 1440px;
padding: 0 50px;
box-sizing: border-box;
}
.index_zhxg .zhxg .zhxg-left {
width: 46.5%;
margin-left: 0;
padding-right: 0;
float: left;
padding-top: 14%;
}
.index_zhxg .zhxg .zhxg-left p {
margin: 7% 0;
}
.index_zhxg .zhxg .zhxg-left .numCount {
margin-top: 8%;
}
.index_zhxg .zhxg .zhxg-right {
width: 50%;
/* margin-right: 1%; */
height: auto;
}
.index_zhxg .zhxg .zhxg-left .numCount li {
/* float: left; */
/* width: 21%; */
}
.index_zhxg .zhxg .zhxg-left .numCount li:nth-child(1) {
/* width: 31%; */
}
.index_zhxg .zhxg .zhxg-left .numCount li:nth-child(2) {
width: 48%;
}
/* */
.index_zhxg .xwdt {
padding: 60px 0;
}
.index_zhxg .xwdt .xwdt-left {
width: 48.5%;
margin-left: 1%;
}
.index_zhxg .xwdt .xwdt-left .xwdtLeftBottom .swiper-slide {
height: auto;
}
.index_zhxg .xwdt .xwdt-left .xwdtLeftBottom img {
width: 100%;
}
/* ESG */
.index_zhxg .xwdt .swiper-horizontal>.swiper-pagination-bullets,
.index_zhxg .xwdt .swiper-pagination-bullets.swiper-pagination-horizontal,
.index_zhxg .xwdt .swiper-pagination-custom,
.index_zhxg .xwdt .swiper-pagination-fraction {
bottom: 18px !important;
/* left: 45% !important; */
}
.xwd .swiper-pagination-bullet {
background: #ffffff !important;
}
.index_zhxg .xwdt .xwdt-right {
float: right;
width: 50%;
}
.index_zhxg .xwdt .xwdt-right #Content-69854 .xwdtRightUl li,
.index_zhxg .xwdt .xwdt-right #Content-69844 .xwdtRightUl li,
.index_zhxg .xwdt .xwdt-right #Content-69842 .xwdtRightUl li {
width: 96%;
margin-top: 4.8%;
padding-bottom: 1.4%;
}
.index_zhxg .xwdt .xwdt-right #Content-69854 .xwdtRightUl li:nth-of-type(1),
.index_zhxg .xwdt .xwdt-right #Content-69844 .xwdtRightUl li:nth-of-type(1),
.index_zhxg .xwdt .xwdt-right #Content-69842 .xwdtRightUl li:nth-of-type(1) {
margin-top: -2% !important;
}
.index_zhxg .xwdt .xwdt-right #Content-69854 li .currentdate,
.index_zhxg .xwdt .xwdt-right #Content-69844 li .currentdate,
.index_zhxg .xwdt .xwdt-right #Content-69842 li .currentdate {
margin-right: 1.5%;
}
.index_zhxg .xwdt .xwdt-right #Content-69854,
.index_zhxg .xwdt .xwdt-right #Content-69844,
.index_zhxg .xwdt .xwdt-right #Content-69842 {
margin: 7% 0 0 7%;
width: 93%;
}
.index_zhxg .etr {
/* float: left; */
width: 100%;
padding: 77px 0;
background: url(../images/bannner_04.jpg) no-repeat top center;
background-size: 100% 100%;
}
.index_zhxg .etr .inner {
width: 100%;
max-width: 1440px;
padding: 0 50px;
box-sizing: border-box;
}
.index_zhxg .etr #dnn_ctr69955_ContentPane .etr-left {
float: left;
width: 100%;
margin-left: 0%;
margin-top: 90px;
}
.index_zhxg .etr #dnn_ctr69955_ContentPane .etr-left li {
float: left;
width: 33.3%;
}
.index_zhxg .etr #dnn_ctr69955_ContentPane .etr-left li:nth-of-type(3) {
background: url(../images/rczpicon.png) no-repeat 42px 0px;
}
.index_zhxg .etr #dnn_ctr69955_ContentPane .etr-left li:nth-of-type(3):hover {
background: url(../images/rczpiconactive.png) no-repeat 42px 0px;
}
.index_zhxg .etr #dnn_ctr69955_ContentPane .etr-left li:nth-child(3) p {
margin: 160px 67px 0;
}
.index_zhxg .etr #dnn_ctr69955_ContentPane .etr-left li:nth-of-type(1):after,
.index_zhxg .etr #dnn_ctr69955_ContentPane .etr-left li:nth-of-type(2):after {
display: none;
}
.index_zhxg .etr .etr-right {
float: left;
/* margin-right: 1%; */
}
.index_zhxg .etr .etr-right>li {
width: 50%;
height: auto;
margin-left: 15px;
}
.index_zhxg .etr #dnn_ctr69954_ContentPane .etr-right li {
float: left;
width: 40%;
height: auto;
margin-left: 11.48%;
}
.index_zhxg .etr #dnn_ctr69954_ContentPane .etr-right li:nth-of-type(2) {
margin-left: 8.5%;
}
.index_zhxg .etr .etr-right>li span {
display: block;
margin-top: 15px;
text-align: center;
font-size: 16px;
color: #333;
}
/* */
.index_zhxg .footer .sjFooter {
display: none;
}
}
@media screen and (max-width: 1375px) {
/* .index_zhxg .carousel .gsgg-swiper .swiper-slide:nth-of-type(1) {
margin-left: -281px;
} */
.index_zhxg .carousel .gsgg-swiper .swiper-slide {
/* width: 500px !important; */
}
.index_zhxg .carousel .swiper-horizontal>.swiper-pagination-bullets,
.index_zhxg .carousel .swiper-pagination-bullets.swiper-pagination-horizontal,
.index_zhxg .carousel .swiper-pagination-custom,
.index_zhxg .carousel .swiper-pagination-fraction {
/* width: 70% !important; */
}
.index_zhxg .xwdt .swiper-horizontal>.swiper-pagination-bullets,
.index_zhxg .xwdt .swiper-pagination-bullets.swiper-pagination-horizontal,
.index_zhxg .xwdt .swiper-pagination-custom,
.index_zhxg .xwdt .swiper-pagination-fraction {
/* left: 77% !important; */
}
}
@media screen and (max-width: 1260px) {
.index_zhxg .carousel .gsgg-swiper {
width: 86%;
}
/* .index_zhxg .carousel .gsgg-swiper .swiper-slide:nth-of-type(1) {
margin-left: -226px !important;
} */
.mySwiper2 {
padding-right: 68px;
}
/* .index_zhxg .carousel .gsgg-swiper{
width: ;
} */
.index_zhxg .carousel .gsgg-swiper .swiper-slide {
/* width: 37% !important; */
}
.index_zhxg .carousel .swiper-horizontal>.swiper-pagination-bullets,
.index_zhxg .carousel .swiper-pagination-bullets.swiper-pagination-horizontal,
.index_zhxg .carousel .swiper-pagination-custom,
.index_zhxg .carousel .swiper-pagination-fraction {
/* width: 54% !important; */
}
.index_zhxg .carousel .gsgg .gsgg-left {
width: 9%
}
}
@media screen and (max-width:1200px) {
/* footer */
.index_zhxg .header {
width: 100%;
margin: 0;
height: 88px;
}
.index_zhxg .header .inner {
width: 100%;
padding: 0 30px;
box-sizing: border-box;
}
.index_zhxg .header .logo {
width: 34.6%;
height: 100%;
margin-left: 0;
}
.index_zhxg .indexHearderNav {}
.navmenu-container .navmenu {
display: none;
}
.index_zhxg .header .indexNav {}
.index_zhxg .header .indexNav span:nth-of-type(1) {
position: absolute;
right: 25px;
width: 36px;
height: 27px;
margin-right: 0;
background: none;
box-sizing: border-box;
top: 34px;
border: 0;
z-index: 9;
}
.index_zhxg .header .indexNav span:nth-of-type(1) i {
display: block;
position: absolute;
top: 9px;
width: 36px;
height: 2px;
background: #000;
}
.index_zhxg .header .indexNav span:nth-of-type(1) i:before,
.index_zhxg .header .indexNav span:nth-of-type(1) i:after {
content: '';
display: block;
width: 36px;
height: 2px;
position: absolute;
background: #000;
transition-property: margin, -webkit-transform;
-webkit-transition-property: margin, -webkit-transform;
transition-property: margin, transform;
transition-property: margin, transform, -webkit-transform;
transition-duration: 300ms;
-webkit-transition-duration: 300ms;
}
.index_zhxg .header .indexNav span:nth-of-type(1) i:before {
margin-top: -9px;
}
.index_zhxg .header .indexNav span:nth-of-type(1) i:after {
margin-top: 9px;
}
/* shoujidaohang */
.index_zhxg .header .indexNav .nav_main {
display: block;
}
.index_zhxg .header .indexNav .nav_main {
height: 100%;
position: fixed;
left: 0;
opacity: 0;
width: 0;
transition: all 0.4s ease 0.3s;
-webkit-transition: all 0.4s ease 0.3s;
overflow: hidden;
}
.index_zhxg .header .indexNav .nav_main ul {
padding: 0 2%;
margin-top: 85px;
background: #fff;
}
.index_zhxg .header .indexNav .nav_main li a {
/* background-position: left; */
color: #333;
height: 46px;
line-height: 46px;
display: inline-block;
background-size: 32px;
background-repeat: no-repeat;
font-size: 28px;
}
.index_zhxg .header .indexNav .nav_main .ss {
border: 1px solid #ccc;
margin-top: 20px;
}
.index_zhxg .header .indexNav .nav_main .ss .p2 {
float: right;
}
.index_zhxg .header .indexNav .nav_main .ss .p2 input {
border: 0;
/*background:url("../images/app_ss1.png") center no-repeat;*/
width: 34px;
height: 34px;
}
.index_zhxg .header .indexNav .nav_main .ss .p1 {
display: block;
margin: 0 34px 0 5px;
}
.index_zhxg .header .indexNav .nav_main .ss .p1 input {
width: 100%;
height: 34px;
line-height: 34px;
background: none;
border: 0;
font-family: "Microsoft YaHei";
font-size: 14px;
color: #fff;
}
.index_zhxg .header .indexNav .nav_main li b {
display: inline-block;
position: absolute;
right: 10px;
top: 0px;
width: 50%;
height: 50px;
background: url("../images/tb_4.png") center right no-repeat;
z-index: 99;
}
.index_zhxg .header .indexNav .nav_main .ul {
padding: 0 0 0px 20px;
margin: 0;
max-height: 0;
overflow: hidden;
transition: max-height 0.4s;
-webkit-transition: max-height 0.4s;
}
.index_zhxg .header .indexNav .nav_main .ul li {
padding: 0;
border-bottom: 0;
transform: translateX(0px);
-webkit-transform: translateX(0px);
}
.index_zhxg .header .indexNav .nav_main .ul li a {
padding: 0;
height: auto;
line-height: 30px;
font-weight: normal
}
.index_zhxg .header .indexNav .nav_main .b_one .ul {
max-height: 540px;
padding: 0 0 0px 20px;
margin-bottom: 10px;
}
.index_zhxg .header .indexNav .nav_main li {
transform: translateX(100px);
-webkit-transform: translateX(100px);
transition: all 0.8s ease;
-webkit-transition: all 0.8s ease;
border-bottom: 1px solid rgba(225, 225, 225, 0.5);
padding: 0 2%;
position: relative;
box-sizing: border-box;
}
.index_zhxg .header .indexNav .nav_main li:nth-of-type(1) {
transition-delay: 0.1s;
-webkit-transition-delay: 0.1s;
}
.index_zhxg .header .indexNav .nav_main li:nth-of-type(2) {
transition-delay: 0.2s;
-webkit-transition-delay: 0.2s;
}
.index_zhxg .header .indexNav .nav_main li:nth-of-type(3) {
transition-delay: 0.3s;
-webkit-transition-delay: 0.3s;
}
.index_zhxg .header .indexNav .nav_main li:nth-of-type(4) {
transition-delay: 0.4s;
-webkit-transition-delay: 0.4s;
}
.index_zhxg .header .indexNav .nav_main li:nth-of-type(5) {
transition-delay: 0.5s;
-webkit-transition-delay: 0.5s;
}
.index_zhxg .header .indexNav .nav_main li:nth-of-type(6) {
transition-delay: 0.6s;
-webkit-transition-delay: 0.6s;
}
.index_zhxg .header .indexNav .nav_main li:nth-of-type(7) {
transition-delay: 0.6s;
-webkit-transition-delay: 0.6s;
}
.index_zhxg .header .indexNav .nav_main li:nth-of-type(8) {
transition-delay: 0.6s;
-webkit-transition-delay: 0.6s;
}
.index_zhxg .header .indexNav .nav_main li:nth-of-type(9) {
transition-delay: 0.6s;
-webkit-transition-delay: 0.6s;
}
.index_zhxg .header .indexNav .nav_main li:nth-of-type(10) {
transition-delay: 0.6s;
-webkit-transition-delay: 0.6s;
}
/* shoujiyangshi */
/*打å¼â‚ÃââÃÆââ‚¬â„¢ÃƒÆ’†â€™Ãƒâ€šÃ‚¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚¬Ã…¡Ã‚¬Ã…¡Ãƒâ€šÃ‚¬ÃƒÆ’ƒÂ¦Ã‚ Â·Ã¥Â¼ÂÂÂÂÂÂÂÂÂÂÂÂÂÂÂ*/
.index_zhxg .header .phone_nav_one {
transition-delay: 0s;
-webkit-transition-delay: 0s;
}
.index_zhxg .header .phone_nav_one .nav_main {
opacity: 1;
width: 100%;
overflow: inherit;
}
.index_zhxg .header .phone_nav_one .nav_but {
background: rgba(0, 0, 0, 1);
}
.index_zhxg .header .phone_nav_one span:nth-of-type(1) i:before {
margin-top: 0;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}
.index_zhxg .header .phone_nav_one span:nth-of-type(1) i:after {
margin-top: 0;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
.index_zhxg .header .phone_nav_one .nav_but_box {
opacity: 0.8;
}
.index_zhxg .header .phone_nav_one .nav_main li {
width: 100%;
transform: translateX(0);
-webkit-transform: translateX(0);
}
.index_zhxg .header .b_one .ul {
max-height: 300px;
padding: 0 0 0px 20px;
margin-bottom: 10px;
}
/* shoujidaohang */
.index_zhxg {
position: relative;
}
.index_zhxg .fixedmenu {
background-color: #fff;
position: fixed;
top: 0px !important;
-moz-box-shadow: 0px 0px 10px #e5e5e5;
/*firefox*/
-webkit-box-shadow: 0px 0px 10px #e5e5e5;
/*webkit*/
box-shadow: 0px 0px 10px #e5e5e5;
/*opera或ie9*/
}
.header.menu {
position: fixed;
top: 100px;
-moz-box-shadow: 0px 0px 10px #e5e5e5;
/*firefox*/
-webkit-box-shadow: 0px 0px 10px #e5e5e5;
/*webkit*/
box-shadow: 0px 0px 10px #e5e5e5;
/*opera或ie9*/
}
/* end */
.index_zhxg .indexNav span:nth-of-type(2) {
float: right;
position: relative;
top: 30px;
line-height: 30px;
right: 30px;
margin-right: 0px;
display: inline-block;
}
.index_zhxg .indexNav span:nth-of-type(2) i {
display: none;
}
.index_zhxg .indexNav span:nth-of-type(2) a:nth-of-type(1) {
display: none
}
.index_zhxg .indexNav span:nth-of-type(2) a:nth-of-type(2) {
position: absolute;
right: 60px;
font-size: 30px !important;
color: #000;
}
.index_zhxg .indexNav span:nth-of-type(3) {
position: absolute;
top: 30px;
right: 160px;
width: 27px;
height: 27px;
}
.index_zhxg .indexNav span:nth-of-type(3) img {
width: 27px;
height: 27px;
}
/* footer */
.index_zhxg .footer .inner {
width: 100%;
padding: 3.5% 1%;
box-sizing: border-box;
}
}
@media screen and (max-width: 1180px) {
/* .index_zhxg .carousel .gsgg-swiper .swiper-slide:nth-of-type(1) {
margin-left: -189px;
} */
.index_zhxg .carousel .gsgg-swiper .swiper-slide {
/* width: 30% !important; */
}
.index_zhxg .carousel .gsgg1 {
padding-left: 0px
}
.index_zhxg .carousel .gsgg .gsgg-left {
/* width: 7%; */
}
.index_zhxg .carousel .swiper-horizontal>.swiper-pagination-bullets,
.index_zhxg .carousel .swiper-pagination-bullets.swiper-pagination-horizontal,
.index_zhxg .carousel .swiper-pagination-custom,
.index_zhxg .carousel .swiper-pagination-fraction {
/* width: 38% !important; */
bottom: -3px !important;
}
.index_zhxg .carousel .gsgg-swiper {
/* width: 90%; */
padding-top: 15px;
}
/* .index_zhxg .carousel .gsgg-swiper .swiper-slide:nth-of-type(1) {
margin-left: -189px
} */
.index_zhxg .xwdt .swiper-horizontal>.swiper-pagination-bullets,
.index_zhxg .xwdt .swiper-pagination-bullets.swiper-pagination-horizontal,
.index_zhxg .xwdt .swiper-pagination-custom,
.index_zhxg .xwdt .swiper-pagination-fraction {
bottom: 4% !important;
}
}
@media screen and (max-width: 1130px) {
/* .index_zhxg .carousel .gsgg-swiper .swiper-slide:nth-of-type(1) {
margin-left: 180px;
} */
.index_zhxg .carousel .swiper-horizontal>.swiper-pagination-bullets,
.index_zhxg .carousel .swiper-pagination-bullets.swiper-pagination-horizontal,
.index_zhxg .carousel .swiper-pagination-custom,
.index_zhxg .carousel .swiper-pagination-fraction {
/* width: 33% !important; */
}
}
@media screen and (max-width:1024px) and (min-width:320px) {
html {
font-size: 75px;
}
@media screen and (max-width:758px) {
/*--768-0--*/
.index_zhxg .header .phone_nav_one {
right: 10px;
}
.index_zhxg .header .phone_nav_one .nav_main ul {
height: 550px;
overflow-y: auto;
box-sizing: border-box;
}
.index_zhxg .header .phone_nav_one .nav_main .b_one .ul {
height: auto;
}
}
@media screen and (max-width:470px) {
/*--768-0--*/
.phone_logo {
padding: 8px 10px
}
.index_zhxg .header .phone_nav_one .nav_main ul {
height: 550px;
}
.index_zhxg .header .phone_nav_one .nav_main .b_one .ul {
height: auto;
}
}
@media screen and (min-width: 320px) {
html {
font-size: 30px;
}
}
@media screen and (min-width: 360px) {
html {
font-size: 36px;
}
}
@media screen and (min-width: 375px) {
html {
font-size: 37.5px;
}
}
@media screen and (min-width: 384px) {
html {
font-size: 38.4px;
}
}
@media screen and (min-width: 400px) {
html {
font-size: 40px;
}
}
@media screen and (min-width: 414px) {
html {
font-size: 41.4px;
}
}
@media screen and (min-width: 424px) {
html {
font-size: 42.4px;
}
}
@media screen and (min-width: 480px) {
html {
font-size: 48px;
}
}
@media screen and (min-width: 540px) {
html {
font-size: 54px;
}
}
@media screen and (min-width: 720px) {
html {
font-size: 72px;
}
}
@media screen and (min-width: 750px) {
html {
font-size: 75px;
}
}
@media screen and (min-width: 767px) {
html {
font-size: 76.7px;
}
}
@media screen and (min-width: 768px) {
html {
font-size: 76.8px;
}
}
@media screen and (min-width: 992px) {
html {
font-size: 99.2px;
}
}
.inner {
width: 100%;
padding: 0 3%;
box-sizing: border-box;
}
/* shouji */
.b_one .ul {
height: auto;
}
.header2 {
display: none;
}
.index_zhxg .header {
background: #fff;
top: -88px;
}
.index_zhxg .header:before {
display: none;
}
/* */
.index_zhxg .carousel {
margin-top: 88px;
height: 370px;
overflow: inherit;
}
.index_zhxg .carousel .mySwiper1 {
height: 370px;
}
.swiper-slide img {
background-size: cover;
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next,
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
display: none
}
/* */
.index_zhxg .carousel .gsgg {
display: block;
height: 150px;
/* left: 0; */
/* transform: translate(0px, 0px); */
}
.index_zhxg .carousel .gsgg {
bottom: -177px;
background: url(../images/sjgsgg.png) no-repeat left 4px;
background-size: cover;
}
.gsgg1 {
width: 100%;
background-size: cover;
}
.index_zhxg .carousel .gsgg .gsgg-left {
width: 25%;
padding-left: 0;
padding-top: 5%;
}
.index_zhxg .carousel .gsgg-swiper {
width: 72%;
}
/* .index_zhxg .carousel .gsgg-swiper .swiper-slide:nth-of-type(1) {
margin-left: -169px;
} */
.index_zhxg .carousel .gsgg .gsgg-left h3 {
font-size: 30px;
color: #fff;
}
.index_zhxg .carousel .gsgg .gsgg-left p {
font-size: 18px;
color: #fff;
}
.index_zhxg .carousel .gsgg-swiper .gsgg-right {
height: 130px;
padding-right: 0%;
margin-left: 4%;
border: 0;
}
.index_zhxg .carousel .gsgg-swiper .gsgg-right h4 {
position: relative;
overflow: unset;
white-space: normal;
}
.index_zhxg .carousel .gsgg-swiper .gsgg-right h4 a {
font-size: 30px;
color: #333;
white-space: normal;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.index_zhxg .carousel .gsgg-swiper .gsgg-right h4>span {
font-size: 24px;
color: #999;
position: absolute;
top: 90px;
left: 1px;
}
.index_zhxg .carousel .gsgg-swiper .gsgg-right h4>span i {
display: none;
}
.index_zhxg .carousel .gsgg-swiper .swiper-slide {}
.index_zhxg .carousel .gsgg-swiper .swiper-slide:nth-of-type(1) {
display: block;
width: 670px !important;
}
.index_zhxg .carousel .gsgg-swiper .gsgg-right p {
display: none;
}
/* */
.index_zhxg .zhxg {
margin-top: 238px;
padding-bottom: 8%;
}
.index_zhxg .zhxg .zhxg-left {
width: 100%;
padding: 0;
padding-top: 3%;
}
.index_zhxg .zhxg .zhxg-left h2 a {
font-size: 24px;
}
.index_zhxg .zhxg .zhxg-left p {
font-size: 0.4rem;
line-height: 50px;
margin: 3.5% auto 4%;
}
.index_zhxg .zhxg .zhxg-left .numCount li .numU sub,
.index_zhxg .zhxg .zhxg-left .numCount li .indc {
font-size: 26px;
}
.index_zhxg .zhxg .zhxg-right {
width: 100%;
height: auto;
margin-top: 4%;
}
.index_zhxg .zhxg .zhxg-right>img {
width: 100%;
}
/* xinwen */
.index_zhxg .xwdt {
padding-top: 3.5%;
padding: 0 3%;
position: relative;
}
.index_zhxg .xwdt .xwdt-left {
width: 100%;
height: auto;
}
.index_zhxg .xwdt .xwdt-left h3 {
font-size: 30px;
color: #333;
padding-top: 3%;
}
.index_zhxg .xwdt .xwdt-left .xwdtLeftBottom .swiper-slide {
height: auto;
}
.index_zhxg .xwdt .xwdt-left .xwdtLeftBottom .swiper-slide>span {
width: 100%;
height: auto;
}
.index_zhxg .xwdt .xwdt-left .xwdtLeftBottom p {
height: 80px;
line-height: 80px;
}
.index_zhxg .xwdt .xwdt-left .xwdtLeftBottom p a {
width: 85%;
font-size: 30px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
/* */
.index_zhxg .xwdt .xwdt-right {
width: 100%;
}
.index_zhxg .xwdt .xwdt-right .xwdtRightTop .xwdtRightSpan {
position: absolute;
top: 20px;
right: 10px;
}
.index_zhxg .xwdt .xwdt-right .xwdtRightTop .xwdtRightSpan a {
height: 55px;
width: 168px;
line-height: 55px;
font-size: 28px;
}
.index_zhxg .xwdt .xwdt-right #Content-69854,
.index_zhxg .xwdt .xwdt-right #Content-69844,
.index_zhxg .xwdt .xwdt-right #Content-69842 {
margin: 5% 0;
width: 100%;
}
.index_zhxg .xwdt .xwdt-right #Content-69854 .xwdtRightUl li,
.index_zhxg .xwdt .xwdt-right #Content-69844 .xwdtRightUl li,
.index_zhxg .xwdt .xwdt-right #Content-69842 .xwdtRightUl li {
width: 100%;
height: auto;
padding-top: 4%;
padding-bottom: 3%;
overflow: hidden;
}
.index_zhxg .xwdt .xwdt-right #Content-69854 li h5 a,
.index_zhxg .xwdt .xwdt-right #Content-69844 li h5 a,
.index_zhxg .xwdt .xwdt-right #Content-69842 li h5 a {
font-size: 34px;
line-height: 30px;
}
.index_zhxg .xwdt .xwdt-right #Content-69854 li p,
.index_zhxg .xwdt .xwdt-right #Content-69844 li p,
.index_zhxg .xwdt .xwdt-right #Content-69842 li p {
line-height: 30px;
margin-top: 2.5%;
}
.index_zhxg .xwdt .xwdt-right #Content-69854 li p a,
.index_zhxg .xwdt .xwdt-right #Content-69844 li p a,
.index_zhxg .xwdt .xwdt-right #Content-69842 li p a {
font-size: 13px;
}
.index_zhxg .xwdt .xwdt-right #Content-69854 li .currentdate i,
.index_zhxg .xwdt .xwdt-right #Content-69844 li .currentdate i,
.index_zhxg .xwdt .xwdt-right #Content-69842 li .currentdate i {
font-size: 38px;
}
.index_zhxg .xwdt .xwdt-right #Content-69854 li>span.currentdate,
.index_zhxg .xwdt .xwdt-right #Content-69844 li>span.currentdate,
.index_zhxg .xwdt .xwdt-right #Content-69842 li>span.currentdate {
font-size: 24px;
padding-bottom: 2.5%;
}
/* etr */
.index_zhxg .etr {
padding: 10% 0 13%;
}
.index_zhxg .etr .etr-left {
width: 100%;
}
.index_zhxg .etr #dnn_ctr69955_ContentPane .etr-left {
margin-top: 0px;
padding-bottom: 9.6%;
}
.index_zhxg .etr #dnn_ctr69955_ContentPane .etr-left li>p>a {
font-size: 28px;
}
.index_zhxg .etr .etr-right {
width: 100%
}
.index_zhxg .etr #dnn_ctr69954_ContentPane .etr-right li {
width: 45%;
height: auto;
margin-left: 2%;
margin-right: 6%;
}
.index_zhxg .etr #dnn_ctr69954_ContentPane .etr-right li:nth-of-type(2) {
float: right;
margin-left: 0;
margin-right: 2%;
}
.index_zhxg .etr #dnn_ctr69954_ModuleContent .etr-right li span {
margin-top: 20px;
}
.index_zhxg .etr #dnn_ctr69954_ModuleContent .etr-right li span a {
font-size: 30px;
}
.index_zhxg .etr #dnn_ctr69955_ContentPane .etr-left li:nth-of-type(1) {
background: url(../images/esgicon.png) no-repeat 10px 0px;
}
.index_zhxg .etr #dnn_ctr69955_ContentPane .etr-left li:nth-of-type(1):hover {
background: url(../images/esgiconactive.png) no-repeat 10px 0px;
}
.index_zhxg .etr #dnn_ctr69955_ContentPane .etr-left li:nth-of-type(2) {
background: url(../images/tzzgxicon.png) no-repeat top center;
}
.index_zhxg .etr #dnn_ctr69955_ContentPane .etr-left li:nth-of-type(2):hover {
background: url(../images/tzzgxiconactive.png) no-repeat top center;
}
.index_zhxg .etr #dnn_ctr69955_ContentPane .etr-left li:nth-of-type(3) {
background: url(../images/rczpicon.png) no-repeat 180px 0px;
}
.index_zhxg .etr #dnn_ctr69955_ContentPane .etr-left li:nth-of-type(3):hover {
background: url(../images/rczpiconactive.png) no-repeat 180px 0px;
}
.index_zhxg .etr #dnn_ctr69955_ContentPane .etr-left li:nth-of-type(1):after {
top: 72px;
left: 53%;
width: 62%;
}
.index_zhxg .etr #dnn_ctr69955_ContentPane .etr-left li:nth-of-type(2):after {
top: 72px;
left: 80%;
width: 62%;
}
.index_zhxg .etr #dnn_ctr69955_ContentPane .etr-left li:nth-child(2) p {
margin: 52% 27% 0;
}
.index_zhxg .etr #dnn_ctr69955_ContentPane .etr-left li:nth-child(3) p {
width: 40%;
margin: 52% 59% 0;
}
.index_zhxg .etr #dnn_ctr69955_ContentPane .etr-left li p span {
display: none !important;
}
/* sjFooter */
.index_zhxg .footer .footer-left .logo,
.index_zhxg .footer .footer-right {
display: none;
}
.index_zhxg .footer .footer-left {
width: 100%;
margin-right: 0;
}
.index_zhxg .footer .inner {
padding: 5.5% 0 6%;
}
.index_zhxg .footer .sjFooter {
display: block;
width: 100%;
text-align: center;
}
.bottom-right {
display: none
}
.index_zhxg .footer .sjFooter h6 {
font-size: 32px;
color: #333333;
}
.index_zhxg .footer .sjFooter h6>span {
display: block;
margin-top: 12px;
font-size: 28px;
color: #666666;
}
.index_zhxg .footer .sjFooter p {
font-size: 28px;
color: #666;
margin-top: 30px;
}
.index_zhxg .footer .sjFooter p:nth-of-type(1) {
margin-top: 38px;
}
.index_zhxg .footer .footer-left .footerLeftBottom {
width: 360px;
height: 50px;
margin: 40px auto 0px;
}
.index_zhxg .footer .footer-left .footerLeftBottom p {
top: 23px;
}
.index_zhxg .footer .footer-left .footerLeftBottom .footerInput {
font-size: 25px;
}
.index_zhxg .footer .footer-left .footerLeftBottom .footer-item {
top: 50px;
height: 50px;
}
.index_zhxg .footer .copyRight p {
font-size: 24px
}
/* */
.index_zhxg .carousel .swiper-horizontal>.swiper-pagination-bullets,
.index_zhxg .carousel .swiper-pagination-bullets.swiper-pagination-horizontal,
.index_zhxg .carousel .swiper-pagination-custom,
.index_zhxg .carousel .swiper-pagination-fraction {
width: 20% !important;
bottom: 23px !important;
left: 82.3% !important;
}
.index_zhxg .carousel .swiper-pagination-bullet {
width: 12px;
height: 12px;
background: #fff !important;
opacity: 1;
}
.index_zhxg .carousel .swiper-pagination-bullet-active {
background: #007aff !important;
}
}
.bottom-right {
/* margin-top: -82px; */
width: 20%;
}
.bottom-right dt {
font-size: 18px;
color: rgb(51 51 51);
margin-bottom: 10px
}
.bottom-right dd {
font-size: 16px;
color: rgb(102 102 102);
margin-bottom: 10px !important
}
.xwdtLeftBottom .mySwiper3 .swiper-slide span {
display: block;
width: 100%
}
.DnnModule-69844 {
display: none
}
.DnnModule-69854 {
display: none
}
.index_zhxg .zhxg .zhxg-left .numCount li:first-child {
/* margin-left: -34px; */
text-align: left;
}
.index_zhxg .zhxg .zhxg-left .numCount li:last-child {
/* margin-right: -146px; */
text-align: right;
}
.index_zhxg .zhxg .zhxg-left .numCount ul {
display: flex;
align-items: center;
justify-content: space-around;
}
.xwdtLeftBottom .mySwiper3 .swiper-pagination {
/* display: flex;
align-items: center;
justify-content: center */
position: absolute;
left: inherit !important;
right: 33px;
width: inherit !important;
bottom: 15px;
}
.index_zhxg .etr #dnn_ctr69955_ContentPane .etr-left li div img {
width: 30px;
height: 21px;
margin-top: 14px;
}
.index_zhxg .etr #dnn_ctr69955_ContentPane .etr-left li div {
display: none
}
.index_zhxg .etr #dnn_ctr69955_ContentPane .etr-left li:first-child div img {
margin-left: 48px;
}
.index_zhxg .etr #dnn_ctr69955_ContentPane .etr-left li:nth-child(2) div img {
margin-left: 79px;
}
.index_zhxg .etr #dnn_ctr69955_ContentPane .etr-left li:last-child div img {
margin-left: 111px;
}
.index_zhxg .etr #dnn_ctr69955_ContentPane .etr-left li:first-child:hover .etr-left-img1 {
display: block;
}
.index_zhxg .etr #dnn_ctr69955_ContentPane .etr-left li:nth-child(2):hover .etr-left-img2 {
display: block;
}
.index_zhxg .etr #dnn_ctr69955_ContentPane .etr-left li:last-child:hover .etr-left-img3 {
display: block;
}
@media screen and (max-width: 1440px) and (min-width: 1024px) {
.index_zhxg .etr #dnn_ctr69955_ContentPane .etr-left li:last-child div img {
margin-left: 88px;
}
}
.index_zhxg .zhxg .zhxg-left .numCount li:first-child .indc {
text-indent: 24px
}
.index_zhxg .zhxg .zhxg-left .numCount li:nth-child(2) .indc {
text-indent: 0px;
}
.index_zhxg .zhxg .zhxg-left .numCount li:last-child .indc {
/* text-indent: 22px; */
margin-right: 13px;
}
.index_zhxg .zhxg .zhxg-left .numCount li:nth-child(2) {
text-align: center
}
@media screen and (max-width: 1200px) and (min-width: 960px) {
.index_zhxg .zhxg .zhxg-left .numCount li .numCX {
font-size: 35px
}
.index_zhxg .zhxg .zhxg-left .numCount li:first-child .indc {
text-indent: 10px;
}
.index_zhxg .zhxg .zhxg-left .numCount li:last-child .indc {
margin-right: 4px;
}
}
.index_zhxg {
position: relative
}
.navmenu-container .navmenu .level-0 div.sub {
width: 100%;
position: absolute;
top: 81px;
left: 0;
/* width: 100vw !important; */
transition: all 2s ease 0s;
}
.navmenu-container .navmenu .level-0 div.sub .navitem-1 {
/* left: -17px; */
height: 80px;
/* line-height: 24px; */
width: 100%;
margin-top: 2px;
background-color: rgba(255, 255, 255, 0.7);
}
.navmenu-container .navmenu .level-0 div.sub .navitem-2 {
/* left: 230px; */
overflow: hidden;
height: 80px;
/* line-height: 24px; */
background-color: rgba(255, 255, 255, 0.7);
}
.navmenu-container .navmenu .level-0 .div-sub-2 ul.navitem-2 .level-1 {
line-height: 24px;
display: block;
}
.navmenu-container .navmenu .level-0 div.div-sub-2 .navitem-2>li.level-1-first {
margin-left: 44.6%;
}
.navmenu-container .navmenu .level-0 div.div-sub-3 .navitem-3 {
width: 100%;
position: absolute;
/* top: 81px; */
left: 0;
background-color: rgba(255, 255, 255, 0.7);
/* width: 100vw !important; */
transition: all 2s ease 0s;
}
.navmenu-container .navmenu .level-0 .div-sub-3 ul.navitem-3 .level-1 {
line-height: 24px;
display: block;
}
.navmenu-container .navmenu .level-0 div.div-sub-3 .navitem-3>li.level-1-first {
margin-left: 27%;
}
.navmenu-container .navmenu .level-0 div.sub .navitem-6 {
/* left: 380px; */
}
.navmenu-container .navmenu .level-0 div.div-sub-6 .navitem-6 {
height: 81px;
/* line-height: 24px; */
background-color: rgba(255, 255, 255, 0.7);
}
.navmenu-container .navmenu .level-0 .div-sub-6 ul.navitem-6 .level-1 {
line-height: 24px;
display: block;
}
.navmenu-container .navmenu .level-0 div.div-sub-6 .navitem-6>li.level-1-first {
margin-left: 60%;
}
.navmenu-container .navmenu .level-0 div.div-sub-4 .navitem-4>li.level-1-first {
margin-left: 37%;
}
.navmenu-container .navmenu .level-0 div.div-sub-4 .navitem-4 {
height: 81px;
background-color: rgba(255, 255, 255, 0.7);
}
.navmenu-container .navmenu .level-0 .div-sub-4 ul.navitem-4 .level-1 {
line-height: 24px;
display: block;
}
.navmenu-container .navmenu .level-0 div.div-sub-5 .navitem-5 {
height: 81px !important;
/* line-height: 24px !important; */
background-color: rgba(255, 255, 255, 0.7);
}
.navmenu-container .navmenu .level-0 .div-sub-5 ul.navitem-5 .level-1 {
line-height: 24px;
display: block;
}
.navmenu-container .navmenu .level-0 div.div-sub-5 .navitem-5>li.level-1-first {
margin-left: 60.2% !important;
}
@media screen and (max-width: 1440px) and (min-width: 1024px) {
.navmenu-container .navmenu {
display:
flex;
align-items:
center;
justify-content:
space-around;
}
.index_zhxg .indexNav span:nth-of-type(3) {
left: 0
}
.navmenu-container .navmenu .level-0 div.sub .navitem-1 {
/* left: 270px; */
}
.navmenu-container .navmenu .level-0 div.sub .navitem-2 {
/* left: 348px; */
}
.navmenu-container .navmenu .level-0 div.sub .navitem-3 {
/* left: 270px; */
}
.navmenu-container .navmenu .level-0 div.sub .navitem-4 {
/* left: 210px; */
}
/* .navmenu-container .navmenu .level-0 div.div-sub-4 .navitem-4>li.level-1-first {
margin-left: 37%;
} */
.navmenu-container .navmenu .level-0 div.sub .navitem-5 {
/* left: 328px; */
}
/* .navmenu-container .navmenu .level-0 div.div-sub-5 .navitem-5>li.level-1-first {
margin-left: 60.2% !important;
} */
.navmenu-container .navmenu .level-0 div.sub .navitem-6 {
/* left: 370px; */
}
.index_zhxg .carousel .gsgg-swiper .swiper-slide:nth-of-type(1) {
/* width: 550px !important */
}
.index_zhxg .carousel .gsgg-swiper .swiper-slide:nth-of-type(2) {
/* width: 550px !important */
}
.index_zhxg .carousel .gsgg-swiper #Content-68970 .swiper-pagination {
/* left: 680px !important; */
}
}
.etr-Left ul {
display: flex;
align-items: center;
justify-content: space-between
}
.etr-Left ul li p {
text-align: center;
color: #003366;
font-size: 18px;
margin-top: 24px;
}
.etr-left-img1,
.etr-left-img2,
.etr-left-img3 {
text-align: center;
margin-top: 20px;
display: none;
}
.etr-Left ul li:hover {
cursor: pointer
}
.etr-Left ul li:first-child:hover P {
color: #75CE43
}
.etr-Left ul li:nth-child(3):hover P {
color: #D78a24
}
.etr-Left ul li:last-child:hover P {
color: #0075d9
}
.etr-Left ul li:first-child:hover .etr-left-img1,
.etr-Left ul li:nth-child(3):hover .etr-left-img2,
.etr-Left ul li:last-child:hover .etr-left-img3 {
display: block
}
.etr-Left ul li.border-zhanw {
width: 20%;
height: 1px;
background: rgb(98 98 98);
margin-top: -42px;
}
@media screen and (max-width: 1024px) {
.etr-Left ul li.border-zhanw {
/* display:none; */
}
}
.gsgg-Notice {
width: 85%;
}
#Content-68970 .mySwiper2 .swiper-slide:first-child .gsgg-Notice::after {
content: "";
width: 1px;
height: 100%;
background: #cccccc;
position: absolute;
top: 0;
right: 0
}
.gsgg-Notice .NoticeTitle .news-title {
font-size: 18px;
color: #333333;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.gsgg-Notice .NoticeTitle span {
float: right;
font-size: 16px;
color: #999999;
margin-right: 10px;
}
.gsgg-Notice .NoticeSummary a {
font-size: 16px;
color: #666666;
line-height: 30px
}
@media screen and (max-width: 1024px) and (min-width:320px) {
.gsgg-Notice .NoticeTitle {
text-align: center;
overflow: hidden;
}
.gsgg-Notice .NoticeTitle .news-title {
font-size: 30px;
}
.gsgg-Notice .NoticeSummary {
display: none;
}
#Content-68970 .mySwiper2 .swiper-slide:first-child .gsgg-Notice::after {
display: none !important
}
.gsgg-Notice .NoticeTitle span {
font-size: 28px;
float:
left;
margin-left: 24px;
}
.gsgg-Notice {
width: 94%;
margin: 24px auto;
}
#Content-68970 .mySwiper2 .swiper-pagination {
left: 490px !important;
bottom: 40px !important;
}
.DnnModule-69803 #Content-69803 .inner,
.etr .inner {
flex-direction: column;
}
.etr .inner .etr-Left {
margin-bottom: 100px
}
.DnnModule-69842 #Content-69842 .xwdtRightUl ul li p a {
font-size: 18px !important;
}
}
.etr-Left_li {
height: 180px
}
@media screen and (max-width: 1280px) and (min-width: 1024px) {
#Content-68970 .mySwiper2 .swiper-slide {
/* width: 41% !important; */
}
/* .index_zhxg .carousel .gsgg-swiper .swiper-slide:nth-of-type(1) {
margin-left: -273px;
} */
.index_zhxg .carousel .gsgg .gsgg-left {
padding-left: 21px
}
.index_zhxg .xwdt .xwdt-right #Content-69842 .xwdtRightUl li {
margin-top: 4.8% ï¼ÂÂÂÂÂimportant;
}
.index_zhxg .carousel .gsgg .gsgg-left p {
font-size: 12px;
margin-left: -10px
}
.index_zhxg .carousel .gsgg .gsgg-left h3 {
font-size: 14px;
margin-left: -10px;
background-size: 24px 24px;
}
.index_zhxg .carousel .gsgg-swiper #Content-68970 .swiper-pagination {
/* left: 142px !important; */
}
.gsgg-Notice .NoticeTitle span {
margin-right: 10px
}
.gsgg-Notice .NoticeTitle .news-title {
font-size: 20px
}
.gsgg-Notice .NoticeSummary a {
font-size: 14px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.gsgg-Notice .NoticeTitle span {
font-size: 20px
}
.index_zhxg .zhxg .zhxg-left h2 a {
font-size: 22px
}
.index_zhxg .zhxg .zhxg-left p {
font-size: 14px
}
.index_zhxg .zhxg .zhxg-left .numCount li .numCX {
font-size: 42px
}
.index_zhxg .xwdt .xwdt-right .xwdtRightTop .xwdtRightSpan a {
font-size: 18px
}
.index_zhxg .xwdt .xwdt-right #Content-69854 li h5 a,
.index_zhxg .xwdt .xwdt-right #Content-69844 li h5 a,
.index_zhxg .xwdt .xwdt-right #Content-69842 li h5 a {
font-size: 16px
}
.index_zhxg .xwdt .xwdt-right #Content-69854 li p a,
.index_zhxg .xwdt .xwdt-right #Content-69844 li p a,
.index_zhxg .xwdt .xwdt-right #Content-69842 li p a {
font-size: 14px
}
.index_zhxg .footer .footer-left .footerLeftBottom .footerInput {
font-size: 12px
}
.navmenu-container .navmenu {
align-items: revert
}
.index_zhxg .header:before {
bottom: 0
}
.navmenu-container .navmenu .level-0 div.sub {
top: 80px
}
}