@charset "utf-8"; .in-banner .swiper-slide a { display: block; height: 100%; width: 100%; position: relative; background-repeat: no-repeat; background-size: cover; background-position: center; } .in-banner .swiper-slide a:before { content: ''; position: absolute; left: 0; top: 0; right: 0; height: 30%; background: url(../images/bamask1.png) no-repeat top center; background-size: 100% 100%; z-index: 3 } .in-banner .swiper-slide a:after { content: ''; opacity: .8; position: absolute; left: 0; bottom: 0; right: 0; height: 15%; background: url(../images/bamask.png) no-repeat top center; background-size: 100% 100%; z-index: 3 } .in-banner .swiper-slide img { width: 100% } .in-banner .swiper-pagination-bullets .swiper-pagination-bullet { width: 14px; height: 14px; margin: 0 6px; background: #fff; opacity: .7 } .in-banner .swiper-pagination-bullets .swiper-pagination-bullet-active { opacity: 1; width: 40px } .in-banner .swiper-pagination { bottom: 35px } @media screen and (max-width:1200px) { .in-banner .swiper-pagination { bottom: 20px } .in-banner .swiper-slide a:before { display: none } } @media screen and (max-width:768px) { .in-banner .swiper-pagination-bullets .swiper-pagination-bullet { width: 12px; height: 12px } .in-banner .swiper-pagination-bullets .swiper-pagination-bullet-active { opacity: 1; width: 30px } } @media screen and (max-width:480px) { .in-banner .swiper-pagination { bottom: 10px } .in-banner .swiper-pagination-bullets .swiper-pagination-bullet { width: 8px; height: 8px; } .in-banner .swiper-pagination-bullets .swiper-pagination-bullet-active { opacity: 1; width: 25px } } .overhide { overflow: hidden; } .in-tit { text-align: center; margin-bottom: .55rem } .in-tit h3 { position: relative; font-size: .36rem; font-weight: bold; top: 3px; background: url(../images/titbg.svg) no-repeat left top; background-size: .8rem .82rem; padding: .08rem 0 .2rem; color:#333; } .in-tit span { font-size: .44rem; display: block; color: #e0ebff; margin: 0 .1rem; padding: .08rem 0 .2rem; text-transform: uppercase; } .in-tit a { padding: .18rem 0 .2rem; display: block; } .in-tit a i { font-size: .4rem; color: #00437c; transition: .3s; display: block; margin-top: 4px; } .in-tit a img { width: .42rem; transition: .3s; display: block; } .in-tit a:hover i { transform: translateX(10px) } .in-tit a:hover img { transform: translateX(10px) } @media screen and (max-width:768px) { .in-tit a:hover i { transform: none } .in-tit a:hover img { transform: none } } @media screen and (max-width:640px) { .in-tit { text-align: center; margin-bottom: .35rem } .in-tit h3 { font-size: .28rem; background-size: .60rem .62rem; padding: .08rem 0 .26rem } .in-tit span { font-size: .28rem; padding: .12rem 0 0; margin: 0 .05rem; } .in-tit a { padding: .08rem 0 0 } .in-tit a i { font-size: .4rem; } } @media screen and (max-width:370px) { .in-tit h3 { font-size: .22rem; background-size: .55rem .57rem; padding: .08rem 0 .26rem } .in-tit span { font-size: .22rem; padding: .12rem 0 0 } .in-tit a { padding: .04rem 0 0 } .in-tit a i { font-size: .4rem; } } .homea { padding: .7rem 0 .8rem } .homea .aright { width: 310px } .homea .aleft { width: calc(100% - 350px); padding-bottom: .3rem; } .homea .aleft:before { content: ''; position: absolute; left: -.3rem; bottom: 0; width: 40%; height: 40%; background: #015bb1 } .homea .aleft .pic { height: 6.18rem } .homea .aleft .txt { position: absolute; /* top: 0; */ right: 0; bottom: 0; width: 60%; background: rgba(1, 91, 177, .5); padding: .33rem .4rem .33rem .4rem; z-index: 4; color: #fff } /* 修改2021-12-10,新增时间样式 */ .homea .aleft .txt .ea_time { text-align: center; padding-top: 0.08rem; font-size: 0.14rem; color: #fff; position: absolute; top: 0; right: 0; background: url(../images/x_beijing.png)no-repeat; width: 1.14rem; height: 0.34rem; } .homea .aleft .txt h4 { font-size: .2rem; line-height: 1.8em; margin-bottom: 0rem } .homea .aleft .txt p { font-size: .16rem; line-height: 2.2em; margin-bottom: .5rem; max-height: 280px\0; display: block\0; display: none; } .homea .aleft .txt a { color: #fff; max-height: 78px\0; display: block\0; width: 83%; } .homea .aleft .txt .more { position: absolute; right: .3rem; bottom: .36rem; } .homea .aleft .txt .more a { font-size: 14px;display:flex;display:-webkit-flex;width:100% } .homea .aleft .txt .more a i { font-size: 24px; vertical-align: -3px; margin-left: 5px } .homea .aright a { color: #fff } .homea .aright ul li:first-child { margin-bottom: .21rem } .homea .aright ul li .pic { height: 1.78rem } /* 修改2021-12-10,修改背景颜色 */ .fqbox { height: 6.11rem; border-right: 0; width: 100%; } .fqbox .fqboxBg{width: 2.98rem;position: relative;height: 100%;justify-content: flex-start;background-size: cover;background-position:center ;background-repeat: no-repeat;transition: all .8s;-webkit-transition: all .8s; } .fqbox .fqboxBg .fqboxtext{opacity: 0;} .fqbox .fqboxBg.on{ width:calc(100% - 2.98rem); height: 100%; float: left; background-size: cover; /* transition: all .7s ease 0s; */ position: relative; } .fqbox .fqboxBg .tit{ position: absolute; top: .3rem; left: .3rem; z-index: 2; background: #ba991c; color: #fff; font-size: .24rem; font-weight: bold; width: .45rem; padding: .15rem 0; text-align: center; border-radius: .35rem; line-height: 1.2em; border: .01rem solid #ebd47b; } .fqbox .fqboxBg02 .tit{ position: absolute; top: .3rem; left: .3rem; z-index: 2; background: #15519d; color: #fff; font-size: .24rem; font-weight: bold; width: .45rem; padding: .15rem 0; text-align: center; border-radius: .35rem; line-height: 1.2em; border: .01rem solid #5f87b9; } .fqbox .fqboxBg.on .fqboxtext{width: 100%;position: absolute;left: 0px;bottom: 0;padding: .3rem;width: 100%;background: url(../images/fqbg.png)repeat-y left top;display: block;opacity: 1;} .fqbox .fqboxBg02.on .fqboxtext{width: 100%;position: absolute;left: 0px;bottom: 0;padding: .3rem;width: 100%;background: url(../images/fqbg2.png)repeat-y left top;display: block;opacity: 1;} .fqbox .fqboxBg.on .fqboxtext .txt{width: 80%;position: relative;} .fqbox .fqboxBg.on .fqboxtext .txt h4 a{font-size: 18px;font-weight: bold;color: #fff;line-height: .3rem;} .fqbox .fqboxBg.on .fqboxtext .txt .x_right_des{font-size: .14rem;height: .9rem;line-height: .30rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;color: #fff;margin-top: .15rem;margin-bottom: .3rem;} .fqbox .fqboxBg.on .fqboxtext .txt::before{content: '';background: url(../images/limore.png)no-repeat right bottom;width: .29rem;height: .05rem;background-size: 100% 100%;right: 0;bottom: -.2rem;position: absolute;} .fqbox .fqboxBg .More,.fqbox .fqboxBg02 .More{width: .3rem;height: .6rem;border-radius: 20px;background: #ba991c;color: #fff;font-size: .14rem;padding: .10rem 0;text-align: center;position: absolute;right: .3rem;bottom: .3rem;direction: rtl!important; direction:inherit; writing-mode: tb-rl;line-height: .3rem;} .fqbox .fqboxBg .More a,.fqbox .fqboxBg02 .More a{color: #fff;font-size: .14rem;} .fqbox .fqboxBg02 .More, .fqbox .fqboxBg02.on .More{background: #fff;} .fqbox .fqboxBg02 .More a, .fqbox .fqboxBg02.on .More a{color: #306dbd;} .homea .aright ul li .txt { height: 1.4rem; background: #00437c; padding: .15rem .3rem; position: relative; } .x_right {width: 30%;padding: 20px 10px 0 ;border: 1px #e6e6e6 solid;background-color: #fff;} .x_right .pic{height: 2.34rem;position: relative;} .x_right .tit { position: absolute; top: .15rem; right: .15rem; z-index: 2; background: #2f39b4; color: #fff; font-size: .24rem; font-weight: bold; width: .45rem; padding: .15rem 0; text-align: center; border-radius: .35rem; line-height: 1.2em; border: .01rem solid #fff; } .x_right .txt{padding: 20px 20px 15px;background: #fff} .x_right .txt h4{font-size: .18rem;font-weight: bold;} .x_right .txt h4 a{max-height: 45px\0;display: block\0;} .x_right .txt h4:after{content: '';display: block;width: 20px;height: 4px;background: #4c89e7;border-radius: 5px;margin: 10px 0} .x_right .txt .x_right_des{font-size: .14rem;margin-bottom:.2rem;height: 2.24rem;line-height: .32rem;border-bottom: 1px #eeeeee solid;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 7;overflow: hidden;} .x_right .txt .author i{display:inline-block;width: 22px;height: 22px;background-repeat: no-repeat;background-position: center;background-size: cover;vertical-align: -3px;margin-right: 5px} .x_right .txt .author time{font-weight: 100;color: #999} .x_right .txt .author time span{font-size: 20px} /* 修改2021-12-10,新增时间样式 */ .homea .aright ul li .txt .ea_time { text-align: center; padding-top: 0.08rem; font-size: 0.14rem; color: #fff; position: absolute; bottom: 0; left: 0; background: url(../images/x_beijing.png)no-repeat; width: 1.14rem; height: 0.34rem; } .homea .aright ul li .txt h4 { line-height: 1.7em; font-size: 16px } .homea .aright ul li .txt h4 a { max-height: 54px\0; display: block\0; } .homea .aright .txt .more a { font-size: 14px; } .homea .aright .txt .more a i { font-size: 24px; vertical-align: -3px; margin-left: 5px } /* 修改2021-12-10,修改背景颜色,新增阴影样式 */ .homea .aright .more1 { height: .45rem; background: #fff; /* box-shadow: 0 0 0.2rem rgba(1, 91, 177, .16); */ } /* 修改2021-12-10,修改字体颜色 */ .homea .aright .more1 a { font-size: 16px; font-weight: bold; color: #094e9c;text-align: right; } .homea .aright .more1 a i { font-size: 40px; vertical-align: -8px; margin-left: 15px; display: inline-block; transition: .3s } .homea .aright .more1 a:hover i { transform: translateX(10px) } .homeb { background: url(../images/hbbg.jpg) no-repeat top center; padding: .6rem 0 2rem; color: #fff; background-size: auto 100% } .homeb .in-tit span { color: #0f4d93 } .homeb .in-tit h3 { background: url(../images/titbg1.svg) no-repeat left top; color: #fff } .homeb .aleft { width: 61.4%; /* background: rgba(6, 62, 125, .8); padding: .3rem; border-radius: 15px;*/ /* border: 1px solid #275793; */ color: #fff } .homeb .aleft a { color: #fff } .homeb .aright { width: 32%; } .homeb .aleft .topnews { padding-bottom: .2rem; /* border-bottom: 1px solid #275793 */ } .homeb .aleft .topnews .pic { width: 45%; } .homeb .aleft .topnews .pic a { height: 215px; border-radius: 10px; position: relative; } /* 修改2021-12-10,新增样式 */ .homeb .aleft .topnews .pic .more { position: absolute; top: 205px; right: 30px; } .homeb .aleft .topnews .pic .center { padding-top: 30px; color: #fff; } .homeb .aleft .topnews .pic .center .x_title { font-size: 18px; font-weight: bold; line-height: 32px; transition: all .8s; -webkit-transition: all .8s; } .homeb .aleft .topnews .pic .center .x_bod { padding-top: 20px; font-size: 14px; line-height: 32px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; max-height: 116px; } .homeb .aleft .topnews .pic .center .x_ed { padding-top:20px; display: flex; justify-content: flex-start; } .homeb .aleft .topnews .pic .center .x_ed .c_time { font-size: 12px; padding:2px 5px; border: 1px dashed #fff; } .homeb .aleft .topnews .pic .center .x_ed .x_pic { padding-top: 16px; } /* 修改2021-12-10,新增样式 */ .homeb .aleft .topnews .txt { width: 50%; padding-top: 15px; } .homeb .aleft .topnews .txt .t_title { font-size: 16px; line-height: 32px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height: 32px; transition: all .8s;-webkit-transition: all .8s; } .homeb .aleft .topnews .txt .x_item { padding-bottom: 32px; } .homeb .aleft .topnews .txt .x_item:hover .t_title{ padding-left: 15px; } .homeb .aleft .topnews .txt .x_ed { padding-top: 20px; display: flex; justify-content: flex-start; } .homeb .aleft .topnews .txt .x_ed .c_time { font-size: 12px; padding:2px 5px; border: 1px dashed #fff; } .homeb .aleft .topnews .txt .x_ed .x_pic { padding-top: 16px; } /* .homeb .aleft .topnews .txt h4 { font-size: 18px; font-weight: bold; padding-bottom: .2rem; background: url(../images/line.png) no-repeat bottom center; line-height: 1.6em; margin-bottom: .2rem } .homeb .aleft .topnews .txt h4 a { max-height: 56px\0; display: block\0; } .homeb .aleft .topnews .txt p { line-height: 2em; font-size: 14px; margin-bottom: .3rem; max-height: 56px\0; display: block\0; } */ .homeb .aleft .topnews .more a { font-size: 14px; background: #1e63b5; padding: 5px 15px; border-radius: 30px; transition: all .8s; } .homeb .aleft .topnews .more a i{ font-size: 24px; vertical-align: -3px; margin-left: 5px } .homeb .aleft .topnews .txt .more a i { font-size: 24px; vertical-align: -3px; margin-left: 5px } .homeb .aleft .topnews .pic:hover .more a{background: #d9c270;} .homeb .aleft .topnews .pic:hover .center .x_title{padding-left: 15px;} /* .homeb .aleft ul li { padding: .2rem 0; border-bottom: 1px solid #275793; display: flex; justify-content: space-between; } .homeb .aleft ul li time { width: 50px; height: 50px; border: 1px solid #275793; color: #fff; text-align: center; padding-top: 3px; font-size: 18px; display: block; } .homeb .aleft ul li time span { display: block; font-size: 14px } .homeb .aleft ul li h4 { width: calc(100% - .8rem); font-size: 16px } .homeb .aleft ul li h4 a { color: #bbcfe2 } */ .homeb .aright{align-items: flex-start;flex-direction: row;height: 100%;position: relative;} .PYitem { position: absolute; text-align: center; width: 1rem; height: 1rem; padding: .1rem 0; cursor: pointer; transition: .3s; top: 50%; left: 50%; transform: translate(-50%,-50%); } .PYitem .dots { width: .7rem; height: .7rem; border: .01rem dashed rgba(255, 255, 255, .2); border-radius: 50%; position: absolute; left: 50%; top: 50%; margin-left: -.35rem; margin-top: -.35rem; display: block; /*animation: roted 55s linear infinite;*/ } .PYitem .dots:before { display: block; width: .08rem; height: .08rem; background: #fff; border-radius: 50%; box-shadow: 0 0 20px #fff; position: absolute; top: 50%; left: 50%; margin-top: -.04rem; margin-left: -.04rem; transform-origin: 1.28rem -1.28rem; content: ''; transition: .4s } .PYitem .dots.sta1:before{transform:translateX(-.25rem) translateY(-.25rem); } .PYitem .dots.sta2:before{transform:translateX(.25rem) translateY(-.25rem); } .PYitem .dots.sta3:before{transform:translateX(.25rem) translateY(.25rem); } .PYitem .dots.sta4:before{transform:translateX(-.25rem) translateY(.25rem); } .PYitem .wr { background:transparent; width: .3rem; height: .3rem; border-radius: 50%; margin: 0 auto; border: .01rem dashed rgba(255, 255, 255, .2); position: relative; z-index: 3; } .homeb .aright li { width: calc(50% - .15rem); display: flex; justify-content: space-between; height: 2.26rem; /* border: 1px solid rgba(255, 255, 255, .4); */ /* border-radius: 15px; */ padding: .25rem .3rem; position: relative; flex-direction: column; margin-bottom: .28rem; } .homeb .aright li:nth-child(1) { background: url(../images/hb3.png) no-repeat center; background-size: 100% 100% } .homeb .aright li:nth-child(2) { background: url(../images/hb4.png) no-repeat center; background-size: 100% 100% } .homeb .aright li:nth-child(3) { background: url(../images/hb5.png) no-repeat center; background-size: 100% 100%;margin-bottom: 0; } .homeb .aright li:nth-child(4) { background: url(../images/hb6.png) no-repeat center; background-size: 100% 100%;margin-bottom: 0; } .homeb .aright li .txt { width:100%; } .homeb .aright li .txt h4 { font-size: .22rem; margin-bottom: .1rem } .homeb .aright li .txt span { font-size: 12px; font-weight: 100; font-family: microsoft Yahei light; } .homeb .aright li .pic { width: .9rem; height: .9rem; border-radius: 50%; border: 1px dashed #fff; position: relative; margin: 0 auto; } .homeb .aright li .pic i { width: .8rem; height: .8rem; border-radius: 50%; border: 1px dashed #fff; display: block; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); } .homeb .aright li:hover .pic { transform: rotate(360deg); transition: .8s } .homec { background: url(../images/rainbow.jpg) no-repeat bottom center; background-size: 100% auto } .homeca { padding-bottom: .75rem } .homeca .aleft { width: 61.4%; background: #fff; border-radius: 15px; ; padding: .3rem; box-shadow: 0 0 10px rgba(9, 51, 102, .2); } .homeca .aleft .more a{font-size: 14px; background: #00437c; padding: 5px 15px; border-radius: 30px; color: #fff; margin-top: 0.15rem; } .homeca .aright { width: 32%; background: #003e7d; color: #fff; border-radius: 0 15px 15px 15px } .homeca .aright a { color: #fff } .homeca .aright ul li .txt { padding: .35rem .35rem .35rem .7rem } /* 修改2021-12-10,添加下边距 */ .homeca .aright ul{ padding-bottom: 35px; } .homeca .aright ul li .txt h4 { font-size: 20px; font-weight: bold; line-height: 1.5em; margin-bottom: .3rem } .homeca .aright ul li .txt h4 a { max-height: 60px\0; display: block\0; } .homeca .aright ul li .txt p span { display: block; padding: 5px 0; font-size: 14px } .homeca .aright ul li .txt p span i { color: #d9c270; font-size: 20px; vertical-align: -2px; margin-right: 8px } .homeca .aright ul li .time { line-height: 32px; } /* 修改2021-12-10,布局样式修改 */ @-webkit-keyframes wateranimate { 0% { -webkit-transform: scale(1); opacity: 0.5; } 100% { -webkit-transform: scale(3); opacity: 0; } } @keyframes wateranimate { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 0.5; } 100% { -webkit-transform: scale(3); transform: scale(3); opacity: 0; } } @-webkit-keyframes wateranimate02 { 0% { -webkit-transform: scale(1.5); opacity: 0.5; } 100% { -webkit-transform: scale(3); opacity: 0; } } @keyframes wateranimate02 { 0% { -webkit-transform: scale(1.5); transform: scale(1.5); opacity: 0.5; } 100% { -webkit-transform: scale(3); transform: scale(3); opacity: 0; } } .swcontainer { position: relative; width: 1.38rem; height: 1.5rem; margin: 0 auto; overflow: hidden; } .st_pic { position: absolute; top: .58rem; left: .52rem; z-index: 20; } .water1, .water2, .water3, .water4 { padding: 25%; position: absolute; left: 24%; top: 26%; border: 1px solid #1067c9; border-radius: 100%; /* z-index: 1; */ /* opacity: 0; */ } .water1 { z-index: 15; opacity: 1; box-shadow: 0 0 120px 30px rgb(12, 131, 241) inset; } .water2 { -webkit-animation: wateranimate02 8s 6s ease-out infinite; animation: wateranimate02 8s 6s ease-out infinite; box-shadow: 0 0 120px 30px #1c75d4 inset; z-index: 10; } .water3 { -webkit-animation: wateranimate 8s 3s ease-out infinite; animation: wateranimate 8s 3s ease-out infinite; z-index: 9; box-shadow: 0 0 120px 30px #1067c9 inset; } .water4 { -webkit-animation: wateranimate 8s 0s ease-out infinite; animation: wateranimate 8s 0s ease-out infinite; z-index: 8; box-shadow: 0 0 120px 30px #0062c0 inset; } .homeca .aright ul li .time p { background: #d9c270; height: 32px; border-radius: 0 30px 30px 0; padding-right: .2rem; width: calc(100% - 140px); text-align: center; } .homeca .aright ul li .time p em { font-weight: bold; } /* 修改2021-12-10,时间背景修改 */ .homeca .aright ul li .time a { font-size: 14px; padding-right: .35rem; background: #125594; height: 32px; border-radius: 30px 0 0 30px; padding-left: .2rem; width:115px; transition: all .8s; -webkit-transition: all .8s; } .homeca .aright ul li .time a i { font-size: 24px; vertical-align: -3px; margin-left: 5px } .homeca .aright ul li:hover .time a{background: #d9c270;} .homeca .aright .tit { position: absolute; top: 0; left: 0; z-index: 2; background: #d9c270; color: #fff; font-size: 18px; font-weight: bold; width: 45px; padding: 10px 10px; text-align: center; line-height: 1.2em; } .homeca .aleft .topnews { padding-bottom: .2rem; border-bottom: 1px solid #e6e6e6 } .homeca .aleft .topnews .pic { height: 215px; width: 45%; border-radius: 10px } .homeca .aleft .topnews .pic time { position: absolute; left: 0; bottom: 10px; width: 50px; height: 50px; background: #1e63b5; color: #fff; z-index: 3; text-align: center; font-size: 18px; display: block; transition: all .8s; } .homeca .aleft .topnews .pic time span { display: block; font-size: 14px } .homeca .aleft .topnews .txt { height: 2.15rem; width: 50% } .homeca .aleft .topnews .txt h4 { font-size: 18px; font-weight: bold; padding-bottom: .2rem; border-bottom: 1px solid #32547f; line-height: 1.6em; margin-bottom: .2rem } .homeca .aleft .topnews .txt h4 a { min-height: 56px; max-height: 56px\0; display: block\0; } .homeca .aleft .topnews .txt p { line-height: 2em; font-size: 14px; margin-bottom: .3rem; max-height: 56px\0; display: block\0; } .homeca .aleft .topnews:hover .txt h4 a{color: #00437c;} .homeca .aleft .topnews:hover .txt .more a{background: #d9c270;} .homeca .aleft .topnews:hover .pic time{border-radius: 5px;} /* 修改2021-12-10,修改背景颜色 */ .homeca .aleft .topnews .txt .more a { font-size: 14px; background: #00437c; padding: 5px 15px; border-radius: 30px; color: #fff } .homeca .aleft .topnews .txt .more a i { font-size: 24px; vertical-align: -3px; margin-left: 5px } .homeca .aleft ul li { padding: .2rem 0; border-bottom: 1px solid #e6e6e6; display: flex; justify-content: space-between; } /* 修改2021-12-10,修改时间样式,字体颜色,添加背景色 */ .homeca .aleft ul li time { width: 100px; height: 30px; background: #ebf2ff; border-radius: 15px; color: #015bb1; text-align: center; padding-top: 3px; font-size: 18px; display: block; transition: all .8s; -webkit-transition: all .8s; } .homeca .aleft ul li time span { display: block; font-size: 14px } /* 修改2021-12-10,修改间距 */ .homeca .aleft ul li h4 { width: calc(100% - 1.3rem); font-size: 16px } .homeca .aleft ul li:hover h4 a{color: #00437c;} .homeca .aleft ul li:hover time{background: #00437c;color: #fff;} /* 修改2021-12-10,修改间距 */ .homecb ul li { display: flex; width: 31%; margin-bottom: .5rem } .homecb ul li .time { width: 136px; background: #0062c0; } /* 修改2021-12-10,时间样式的添加 */ .homecb ul li .time .text { text-align: center; padding-top: 10px; color: #5384b4; } .homecb ul li .time p { background: #0963ba; color: #fff; height: 60px; padding-top: 15px; position: relative; text-align: center; font-size: 16px } .homecb ul li .time p:before { background: #45c4ff; height: 44px; width: 6px; position: absolute; top: 0; left: 18px; content: '' } .homecb ul li .time time { display: block; height: 50px; background: #015bb1; line-height: 50px; text-align: center; font-size: 20px; color: #fff } .homecb ul li .time time span { font-size: 28px; font-weight: 100 } .homecb ul li .txt { width: calc(100% - 136px); } /* 修改2021-12-10,布局样式修改 */ .homecb ul li .txt .bt { background: url(../images/changbj.png)no-repeat; background-size: 100% 100%; } .homecb ul li .txt .bt a { font-size: 22px; color: #fff; text-align: center; } .homecb ul li .txt h4 { box-shadow: 0 0 10px rgba(9, 51, 102, .2); background: #fff; min-height: 135px; padding: 0 20px; margin-top: .2rem; line-height: 1.8em; font-size: 16px; /* display: block\0; padding-top: 20px\0;*/ height:calc(100% - .2rem); transition: all .8s; -webkit-transition: all .8s; } .homecb ul li .txt h4::before{} .homecb ul li .txt h4 a { max-height: 84px\0; display: block\0; } .homecb ul li:hover .txt h4{background: url(../images/changbj.png)no-repeat;background-size: 100% 100%;} .homecb ul li:hover .txt h4 a{color: #fff;} @media screen and (max-width: 1600px) { .homeb .aright{width: 36%;} .x_right .txt .x_right_des{ -webkit-line-clamp: 6;height: 1.92rem;} .homeb{padding-bottom: 1rem;} } @media screen and (max-width: 1366px) { .homea .aleft .txt { /* padding: .5rem 3% .4rem; */ } .homea .aleft .txt h4 { /* font-size: 20px */ } .homea .aleft .txt p { -webkit-line-clamp: 6; font-size: 15px } .homea .aright ul li .txt h4 { line-height: 1.6em; font-size: 15px } .homeb .aleft .topnews .txt h4 { font-size: 17px } .homeca .aright ul li .txt h4 { font-size: 18px } .homeca .aright ul li .time p { width: calc(100% - 130px) } .homecb ul li .txt { width: calc(100% - 116px); } .homecb ul li .time { width: 116px; } .homecb ul li .time p:before { left: 10px; content: '' } } @media screen and (max-width: 1200px) { .homeca .aright{width: 35%;} } @media screen and (max-width: 1024px) { .homecb ul li { width: 48%; margin-bottom: .2rem } .homea .aright .more1 a:hover i { transform: none } } @media screen and (max-width: 980px) { .homea .aright { width: 100%; } .homea .aright ul { display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: .2rem } .homea .aright ul li { width: 48% } .homea .aleft { width: 100%; padding-bottom: .3rem; margin-bottom: .2rem } .homea .aright ul li .pic { height: 28vw } .homea .aleft .pic { height:55vw } .homeb .aleft { width: 100%; margin-bottom: .1rem } .homeb .aright { width: 100%; /* justify-content: center; align-items: center; */ } .homeb .aright li { width: calc(50% - .1rem); text-align: center; margin: 0rem 0 .25rem;border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 20px; } .homeb .aright li:nth-child(1) { background: #357bc0; background-size: 100% 100%; border:1px #5d9ddd solid ; } .homeb .aright li:nth-child(2) { background: #0158ac; background-size: 100% 100%; } .homeb .aright li:nth-child(3) { background: #b6a65e; background-size: 100% 100%;margin-bottom: 0; } .homeb .aright li:nth-child(4) { background:#3655bd; background-size: 100% 100%;margin-bottom: 0; } .homeca .aleft { width: 100%; margin-bottom: .2rem } .homeca .aright { width: 100%; padding-bottom: .3rem } } @media screen and (max-width:760px) { .homecb ul li .time .text{padding-top:.08rem;} .homecb ul li .txt h4{margin-top:.1rem} } @media screen and (max-width:640px) { .homea .aright ul li .pic { height: 50vw } .homea .aleft .pic { height:65vw } .homea { padding: .5rem 0 .6rem; } .homea .aleft .txt { /* padding: .5rem 3% .23rem; */ top: auto; left: 0; width: 100% } .homea .aleft .txt p { -webkit-line-clamp: 2; font-size: 14px; line-height: 1.6em; margin-bottom: .15rem } .homea .aleft .txt h4 { /* font-size: 18px; */ line-height: 1.4em; /* margin-bottom: .1rem */ } .homea .aright ul li { width: 100% } .homea .aright ul li .txt h4 { margin-bottom: .1rem } .homea .aright ul li .txt { height: auto } .homeb .aleft { /* padding: .15rem*/ } .homeb .aleft .topnews .pic { width: 100%; height: 2rem; margin-bottom: .15rem } .homeb .aleft .topnews .txt { width: 100%; height: auto } .homeb .aleft .topnews .txt h4 { font-size: 16px } .homeb .aleft .topnews .txt p { line-height: 1.6em } .homeb .aleft ul li h4 { font-size: 15px } .homeca .aleft { padding: .15rem } .homeca .aleft .topnews .pic { width: 100%; height: 2rem; margin-bottom: .15rem } .homeca .aleft .topnews .txt { width: 100%; height: auto } .homeca .aleft .topnews .txt h4 { font-size: 16px } .homeca .aleft .topnews .txt p { line-height: 1.6em } .homeca .aleft ul li h4 { font-size: 15px } .homeca .aright ul li .txt h4 { font-size: 17px } .homecb ul li { width: 100%; margin-bottom: .2rem } .homecb ul li .txt { width: calc(100% - 96px); } .homecb ul li .time { width: 1.45rem; } .homecb ul li .time p { height: 40px; padding-top: 10px; font-size: 14px } .homecb ul li .time p:before { height: 34px; width: 4px; left: 10px; content: '' } .homecb ul li .time time { height: 40px; line-height: 40px; font-size: 16px } .homecb ul li .time time span { font-size: 28px; } .homecb ul li .time .text{padding-top:.05rem;padding-bottom:.05rem;} .homecb ul li .txt h4 { min-height: 95px; padding: 0 15px; margin-top: .125rem; line-height: 1.6em; font-size: 16px } } @media screen and (max-width:380px) { .homea .aleft .txt{padding: .3rem;} .homea .aleft .txt .ea_time{height: .3rem;} .homea .aleft .txt .more{right: .15rem;bottom: .3rem;} } .homed { background: url(../images/hdbg.jpg) no-repeat top center; background-size: cover; padding-top: 1.59rem; padding-bottom: 1rem; } .homed .in-tit span { color: #1e63b5 } .homed .in-tit h3 { background: url(../images/titbg2.svg) no-repeat left top; color: #fff } .homed .aleft { width: 30%; background: rgba(255, 255, 255, .1); border: 1px solid rgba(255, 255, 255, .2); border-radius: 20px; padding: .25rem .15rem .3rem } .homed .listBox { width:100%; position: relative; } .homed .listBox ul{padding-top: .15rem} .homed .aright { width: 63% } .homed .aleft .list1 li:first-child { padding: 0; border-bottom: 0; margin-bottom: 10px; background: #fff;border-radius: 8px;padding: 20px } .homed .aleft .list1 li:first-child a{color: #444} .homed .aleft .list1 li:first-child a:hover{color: #1e63b5} .homed .aleft .list1 li:first-child time{color: #888!important} .homed .aleft .list2 li:first-child { padding-top: 0; } .homed .aleft .list1 li:first-child .pic { height: 200px;margin-top: .2rem } .homed .aleft .list li { padding: 20px 0; border-bottom: 1px dashed #ddd } .homed .aleft .list li a{color: #Fff} .homed .aleft .list li time{color: #Fff} .homed .aleft .list li .slog { background: #1e63b5; color: #fff; padding: 2px 10px; font-size: 15px; line-height: 22px } .homed .aleft .list li time { line-height: 22px; font-size: 15px; } .homed .aleft .list li h4 { margin-top: 10px; font-size: 16px; line-height: 1.6em;transition: all .8s; } .homed .aleft .list li:hover{background: #fff;border-radius: 10px;border-bottom: 0;} .homed .aleft .list li:hover a{color: #444;} .homed .aleft .list li:hover h4{padding-left: 15px;} .homed .aright .swiper-slide { } .homed .aright .swiper-slide dl { width: 47%; } .homed .aright .swiper-slide dl:nth-child(1){margin-bottom: 30px} .homed .aright .swiper-slide dl:nth-child(2){margin-bottom: 30px} .homed .aright .swiper-slide dl dt { margin-bottom: .15rem;position: relative; display: flex; justify-content: flex-start;align-items: center; } .homed .aright .swiper-slide dl dt i { display: inline-block; width: .5rem; height: .5rem; border-radius: 100%; text-align: center; line-height: .5rem; color: #fff; font-size: .3rem; vertical-align: -10px; margin-right: 10px;background-repeat: no-repeat;background-position: center;background-size: cover } .homed .aright .swiper-slide dl dt i.bili{background-image: url(../images/imgadd/mt4.png);} .homed .aright .swiper-slide dl dt i.douyin{background-image: url(../images/imgadd/mt2.png);} .homed .aright .swiper-slide dl dt i.kuaishou{background-image: url(../images/imgadd/mt1.png);} .homed .aright .swiper-slide dl dt i.weibo{background-image: url(../images/imgadd/mt3.png);} .homed .aright .swiper-slide dl dt i.weixin{background-image: url(../images/imgadd/mt5.png);} .homed .aright .swiper-slide dl dt i.xuexi{background-image: url(../images/imgadd/mt6.png);} .homed .aright .swiper-slide dl dt i.mt7{background-image: url(../images/imgadd/mt7.png);} .homed .aright .swiper-slide dl dt i.mt8{background-image: url(../images/imgadd/mt8.png);} .homed .aright .swiper-slide dl dt i.wyy{background-image: url(../images/imgadd/mt9.png);} .homed .aright .swiper-slide dl dt i.sph{background-image: url(../images/imgadd/mt10.png);} .homed .aright .swiper-slide dl dt i.xmly{background-image: url(../images/imgadd/mt11.png);} .homed .aright .swiper-slide dl dt span a{ font-size: 18px;color: #fff; } .homed .aright .swiper-slide dl dd{padding-left: 30px} .homed .aright .swiper-slide dl dd .item{ background: rgba(255, 255, 255, .1); border: 1px solid rgba(255, 255, 255, .2); border-radius:0 20px 20px 20px;padding: 15px} .homed .aright .swiper-slide dl dd .pic { height: 175px; } .homed .aright .swiper-slide dl dd .txt{padding-top: 10px} .homed .aright .swiper-slide dl dd .txt h4 { text-align: justify; line-height:26px; font-size: 14px; position: relative;padding-right: 100px } .homed .aright .swiper-slide dl dd .txt h4 a{color: #fff} .homed .aright .swiper-slide dl dd time { color: #fff; position: absolute;right: 0;top: 0;background: #000;; padding:0 10px; border-radius: 20px; font-size: 12px; } /* .swiperPage{width:.5rem ;height: 100%; background: rgba(255, 255, 255, .2); border-radius: 50px;position: absolute;right: -.8rem;top: 0;z-index: 20} .swiperPage .sbtn.on{left: 10%;top: .05rem;} .swiperPage .sbtn{width: 80%;background: rgba(255, 255, 255, .2);border-radius: 20px;position: absolute;left: 10%; top: calc(100% - .8rem);transition: .5s;cursor: pointer;} .swiperPage .sbtn1{width: 80%;background: #ca140d;border-radius: 20px;position: absolute;left: 10%; top:50%;transition: .5s;cursor: pointer;transform: translateY(-50%);} .swiperPage .icos{width: .3rem;height: .3rem;border-radius: 100%;margin: .05rem auto;position: relative;z-index: 20} .swiperPage .icos span{position: absolute;width: 90px;height: 90px;right: calc(100% + .1rem); top:50%;transform: translateY(-50%);z-index: 15;background: #fff ;display: none } .swiperPage .icos:hover span{display: block;} .swiperPage .icos span img{width: 100%} .swiperPage .icos i{color: #fff;font-size: .2rem;text-align: center;display: block;line-height: .3rem;} .swiperPage .icos.bl i{color: #009ce8;} .swiperPage .wx{background: #4fc470;} .swiperPage .dy{background: #000;} .swiperPage .ks{background: #ff7645;} .swiperPage .bl{background: #fff;color: #009ce8;} */ .swiperPage{width:.5rem ;height: 100%; background: rgba(255, 255, 255, .2); border-radius: 50px;position: absolute;right: -.8rem;top: 0;} .swiperPage .sbtn.on{left: 10%;top: .05rem;cursor: inherit;} .swiperPage .sbtn{width: 80%;background: rgba(255, 255, 255, .2);border-radius: 20px;position: absolute;left: 10%; top: calc(100% - .8rem);transition: .5s;cursor: pointer;} .swiperPage p{color: #fff;width: 20px;line-height: 1.1em;padding-bottom: 20px;background: url(../images/imgadd/mtarr.png) no-repeat bottom center; margin: 15px auto 0;text-align: center} .swiperPage ul li{width: 38px;height: 38px;border-radius: 100%;margin: .05rem auto;border: 1px dotted #fff;padding: 3px;position: relative;} .swiperPage ul li span{position: absolute;width: 1.2rem;height: 1.2rem;background: #fff;right: calc(100% + 10px);top:50%;transform: translateY(-50%);z-index: 10; display:none;border-radius: 5px} .swiperPage ul li span:after{content: '';border: 8px solid transparent;width: 0;height: 0;border-left-color: #fff;position: absolute;right: -15px; top:50%;transform: translateY(-50%);} .swiperPage ul li:hover span{display: block;} .swiperPage ul li i{display: block;height: 30px;width: 30px;border-radius: 50%;background-repeat: no-repeat; background-position: center;background-size: cover;margin:0 auto;} .swiperPage .mt1 i{background-image: url(../images/imgadd/mt1.png);} .swiperPage .mt2 i{background-image: url(../images/imgadd/mt2.png);} .swiperPage .mt3 i{background-image: url(../images/imgadd/mt3.png);} .swiperPage .mt4 i{background-image: url(../images/imgadd/mt4.png);} .swiperPage .mt5 i{background-image: url(../images/imgadd/mt5.png);} .swiperPage .mt6 i{background-image: url(../images/imgadd/mt6.png);} .swiperPage .mt7 i{background-image: url(../images/imgadd/mt7.png);} .swiperPage .mt8 i{background-image: url(../images/imgadd/mt8.png);} .swiperPage .mt9 i{background-image: url(../images/imgadd/mt9.png);} .swiperPage .mt10 i{background-image: url(../images/imgadd/mt10.png);} .swiperPage .mt11 i{background-image: url(../images/imgadd/mt11.png);} /* .homed .wxnews i.weixin::before{ background-image: url(../images/wxbg.png);background-size: 100%; } .homed .wxnews i.weibo::before{ background-image: url(../images/dybg.png);background-size: 100%; } .homed .wxnews i.douyin::before{ background-image: url(../images/ksbg.png);background-size: 100%; } .homed .wxnews i.bili::before{ background-image: url(../images/blbg.png);background-size: 100%; } */ .homed .wxnews i::before{ background-image: url(../images/imgadd/maskbg.png);background-size: 100%; } .homed .wxnews i{position: relative;} .homed .wxnews i::before{ content: ""; width: .75rem; height: .75rem; position: absolute; left: -.05rem; top: -0.05rem; z-index: -1; } /* .homed .aright .swiper-slide dl dt i::after{ content: ""; width: .76rem; height: .76rem; position: absolute; left: 50%; margin-left: -.38rem; top: 5%; z-index: -1; background-repeat: no-repeat; background-size: 100%; } .homed .aright .swiper-slide dl dt .imgcode{width: 1rem;height: 1rem;position: absolute;left: .8rem;top: 0;opacity: 0;z-index: -1;} .homed .aright .swiper-slide dl dt:hover .imgcode{opacity: 1;z-index: 3;} .homed .aright .swiper-slide dl.wxnews dt i::after{ background-image: url(../images/wxbg.png); } .homed .aright .swiper-slide dl.douyin dt i::after{ background-image: url(../images/dybg.png); } .homed .aright .swiper-slide dl.ksnews dt i::after{ background-image: url(../images/ksbg.png); } .homed .aright .swiper-slide dl.xlnews dt i::after{ background-image: url(../images/blbg.png); } .homed .aright .swiper-slide dl.wxnews dt i { background: #4fc470 } .homed .aright .swiper-slide dl.douyin dt i { background: #000 } .homed .aright .swiper-slide dl.ksnews dt i { background: #ff4604 } .homed .aright .swiper-slide dl.xlnews dt i { background: #08abec } .homed .aright .swiper-slide dl.wxnews time { background: #83c09a; } .homed .aright .swiper-slide dl.douyin time { background: #000; position: relative;z-index: 4; } .homed .aright .swiper-slide dl.wbnews dt i { background: #DF1C25 } .homed .aright .swiper-slide dl.wbnews time { background: #DF1C25; } .homed .aright .swiper-slide dl.douyin .text-r{position: relative;} .homed .aright .swiper-slide dl.douyin .text-r::after{content: '';position: absolute;width: 110px;height: 100%;border-radius: 15px;background: #ff1756;right:-3px;top: 0;z-index: 1;} .homed .aright .swiper-slide dl.ksnews time { background: #ffaf74; } .homed .aright .swiper-slide dl.xlnews time { background: #08abec; } .homed .aright .swiper-slide dl.wxnews h4 a:hover { color: #83c09a; } .homed .aright .swiper-slide dl.douyin h4 a:hover { color: #000; } .homed .aright .swiper-slide dl.ksnews h4 a:hover { color: #ffaf74; } .homed .aright .swiper-slide dl.xlnews h4 a:hover { color: #08abec; } .homed .aright .swiper-slide dl.wxnews dt a:hover { color: #4fc470 } .homed .aright .swiper-slide dl.douyin dt a:hover { color: #000 } .homed .aright .swiper-slide dl.ksnews dt a:hover { color: #ff4604 } .homed .aright .swiper-slide dl.xlnews dt a:hover { color: #08abec } .homed .aright .swiper-slide dl.wbnews dd a:hover { color: #ca140d } .homed .aright .swiper-slide dl .listr li a:hover{color: #fff} .homed .aright .swiper-pagination { bottom: -44px; text-align: center; width: 100% } */ .homed .aright .swiper-pagination-bullets .swiper-pagination-bullet { width: 8px; height: 8px; margin: 0 3px; background: #fff; opacity: .7 } .homed .aright .swiper-pagination-bullets .swiper-pagination-bullet-active { opacity: 1; width: 14px;height: 8px; } .homed .aright .swiper-pagination { bottom: -44px; text-align: center; width: 100% } .homee { background: url(../images/imgadd/hebg.png) no-repeat right bottom; padding-top: .7rem; padding-bottom: .8rem; position: relative; } .homee::before{ content: ''; position: absolute; right: 0; bottom: .8rem; width: 5.9rem; height: 6.6rem; background: url(../images/hebg.png) no-repeat 0 0; background-size: 5.9rem auto; z-index: -1; } .homee .flex { display: flex; justify-content: space-between; } .homee .flex .x_left { width: 65%; } .homef { background: url(../images/hfbg.jpg) no-repeat top center; padding-top: .75rem; padding-bottom: 1.59rem; color: #fff; background-size: auto 100% } .homef .wp { width: 100% } .homef .in-tit { margin-bottom: .1rem } .homef .in-tit h3 { background: url(../images/titbg3.svg) no-repeat left top; ; margin-right: .1rem; color: #fff } .homef .DataList { padding-bottom: .8rem; height: 5.56rem } .homef .item { text-align: center; width: 2.56rem; height: 2.76rem; margin: 0 auto; position: relative; padding: .1rem 0; cursor: pointer; transition: .3s } .homef .item .dots { width: 2.56rem; height: 2.56rem; border: 3px solid rgba(255, 255, 255, .2); border-radius: 50%; position: absolute; left: 50%; top: 50%; margin-left: -1.28rem; margin-top: -1.28rem; display: block; animation: roted 55s linear infinite; } .homef .item .dots:before { display: block; width: 12px; height: 12px; background: #fff; border-radius: 50%; box-shadow: 0 0 20px #fff; position: absolute; top: -7px; left: 50%; margin-left: -6px; transform-origin: 1.28rem -1.28rem; content: '' } .homef .swiper-slide-active .item .dots { animation: roted 25s linear infinite; } .homef .swiper-slide-prev .item .dots { animation: roted 45s linear infinite; } .homef .swiper-slide-next .item .dots { animation: roted 45s linear infinite; } .homef .item span i { font-size: .32rem;line-height:.35rem; } .homef .item p { font-size: .18rem; margin-top: 0rem } .homef .item .wr { background: rgba(0, 0, 0, .2); width: 1.8rem; height: 1.8rem; border-radius: 50%; margin: 0 auto; border: 2px solid rgba(255, 255, 255, .8); position: absolute; z-index: 3; top:50%; left:50%; transform:translate(-50%,-50%); } .homef .item .wr em{font-size:.32rem;} .homef .item:before { width: 1.85rem; height: 1.85rem; border-radius: 50%; border: 3px solid rgba(255, 255, 255, .3); position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); content: '' } .homef .swiper-slide-active .item { margin-top: .5rem } .homef .swiper-slide-prev .item { margin-top: 2rem } .homef .swiper-slide-next .item { margin-top: 2rem } .homef .swiper-pagination-bullets .swiper-pagination-bullet { background: #fff; width: 12px; height: 12px; opacity: 1; margin: 0 8px } .homef .swiper-pagination-bullets .swiper-pagination-bullet-active { background: #ffa800; box-shadow: 0 0 20px #ffd880 } .homef .item:hover { color: #ffa800 } .homef .item:hover .dots { border: 3px solid rgba(255, 165, 0, .3); } .homef .item:hover .dots:before { background: #ffa800; box-shadow: 0 0 20px #ffd880 } .homef .item:hover .wr { border: 2px solid rgba(255, 165, 0, .8); } .homef .item:hover:before { border: 3px solid rgba(255, 165, 0, 1); } .homega ul li { position: relative; padding-right: .3rem; width: 47.8%; margin-bottom: .45rem } .homega ul li a { position: relative; z-index: 4 } .homega ul li:after { position: absolute; content: ''; width: .6rem; height: .6rem; background: url(../images/hgsc.png) no-repeat center; background-size: 100% 100%; right: 0; top: 50%; margin-top: -.3rem; z-index: 1; animation: roted 15s linear infinite } .homega ul li:before { position: absolute; content: ''; width: .7rem; height: .7rem; background: transparent; border:2px #d4b262 solid; right: -0.05rem; top: 50%; margin-top: -.35rem; z-index: 1; animation: roted 15s linear infinite; border-radius: 100%; } .homegb { padding-bottom: 10px } .homegb .icoList { padding-bottom: 10px } .homegb .swiper-pagination-bullet { background: #004a80 } .homegb .swiper-pagination { display: none } .homegb .item { text-align: center; padding: 30px 0 } .homegb .item .wr { width: 100px; margin: 0 auto; transition: .3s } .homegb .item i { font-size: .62rem; display: block; margin: 0 auto; color: #4474c4; border: 1px dashed transparent; border-bottom: 0; padding: 10px 0 } .homegb .item h4 span { background: #9db8e5; color: #fff; display: block; height: 26px; line-height: 26px } .homegb .item:hover h4 span { background: #4474c4 } .homegb .item:hover i { border: 1px dotted #4474c4; border-bottom: 0 } .homegb .item:hover .wr { transform: translateY(-10px) } .homegb .slide-btn div { width: 40px; height: 40px; border-radius: 50%; text-align: center; line-height: 40px; cursor: pointer; position: absolute; top: 50%; margin-top: -20px } .homegb .slide-btn .swiper-button-disabled { opacity: .5; } .homegb .slide-btn div i { font-size: .35rem } .homegb .slide-btn div.prev { left: -45px } .homegb .slide-btn div.next { right: -45px } .homegb .slide-btn div.prev i { color: #1f7aaf } .homegb .slide-btn div.next i { color: #1f7aaf } @media screen and (min-width:1900px) { .homeb { background-size: 100% 100% } .homef { background-size: 100% 100% } .homed { background-size: 100% 100% } } @media screen and (max-width:1500px) { .swiperPage{right: -.65rem;}} @media screen and (max-width:1200px) { /* .homed .aright{width: 48%;} .homed .aright .swiper-slide dl dd ul li{ margin: 0px 0 30px;} */ .homed .aright .swiper-slide dl dd ul li{ margin: 0px 0 30px;} .x_right .txt .x_right_des{-webkit-line-clamp: 5; height:1.5rem;} .x_right{width: 32%;} .homeb .aright{width: 35%;} .homeb .aleft{padding: 0;} .homeb .aleft .topnews .txt .x_item{padding-bottom: .2rem;} .homeb .aleft .topnews .pic .center .x_bod{padding-top: 0;} .homeb .aleft .topnews .pic .center .x_ed{padding-top: 10px;} .homeb .aleft .topnews .pic .center .x_title{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .homeb{padding-bottom:1rem;} } @media screen and (max-width: 980px) { /* .homed .aright{width: 100%;} .homed .aright .swiper-slide dl dd .pic{height: 2.3rem;} .homed {background: url(../images/hdbgm.jpg) no-repeat top center;background-size: cover;} */ .swiperPage{position: static;width: 100%;height: auto;right: 0;padding: 10px;border-radius: 10px;margin-top: 50px} .swiperPage ul{display: flex;flex-wrap: wrap;justify-content: center;} .swiperPage ul li{margin: 10px} .swiperPage p{width: auto;font-size: 20px} .swiperPage ul li span{right: 50%;margin-right: -.6rem;top:100%;transform: translateY(0);} .swiperPage ul li span:after{display: none} .homee .flex .x_left{width: 62%;} .x_right{width: 35%;} .homeb .aright{width: 100%;} .homeb { padding-bottom: 2rem; } .homed .aright .swiper-pagination{bottom: -35px} .homed .aright .swiper-slide dl{width: 49%} .homed .aright{width: 100%;} .homed .aright .swiper-slide dl dd .pic{height: 2.3rem;} .homed { background: url(../images/hdbgm.jpg) no-repeat top center;background-size: auto 100%;padding-bottom: .8rem;overflow:visible; } .homed .aleft { width: 100%; margin-bottom: .3rem } .homee .list { width: 100% } .homee .list1 { margin-bottom: 20px } .homef .swiper-slide-active .item { color: #ffa800 } .homef .swiper-slide-active .item .dots { border: 3px solid rgba(255, 165, 0, .3); } .homef .swiper-slide-active .item .dots:before { background: #ffa800; box-shadow: 0 0 20px #ffd880 } .homef .swiper-slide-active .item .wr { border: 2px solid rgba(255, 165, 0, .8); } .homef .swiper-slide-active .item:before { border: 3px solid rgba(255, 165, 0, 1); } .homegb .slide-btn { display: none } .homegb .item { padding: 0 0 30px } .homegb .item:hover .wr { transform: none; } .homegb .swiper-pagination { display: block; } } @media screen and (max-width: 768px) { .homee .flex .x_left{width: 100%;} .x_right{width: 100%;margin: .3rem auto;} .x_right .pic{height: 3rem;} .x_right .txt .x_right_des{-webkit-line-clamp: 3; height:.9rem;} } @media screen and (max-width: 640px) { /* .homed .aleft .list { width: 100% } .homed .aleft .list2 { background: #fff; padding-top: 20px } .homed .aleft .list2 li:nth-last-child(1) { display: none } .homed .aleft .list2 li:nth-last-child(2) { display: none } */ .homed .aright .swiper-slide dl{width: 100%} .homed .aright .swiper-slide dl:nth-child(1){margin-bottom: 20px} .homed .aright .swiper-slide dl:nth-child(2){margin-bottom: 20px} .homed .aright .swiper-slide dl:nth-child(3){margin-bottom: 20px} /* .homed .aright .swiper-slide dl dd ul{height: 3.5rem;} */ .homed .aleft .list { width: 100% } .homed .aleft .list2 { background: #fff; padding-top: 20px } .homed .aleft .list2 li:nth-last-child(1) { display: none } .homed .aleft .list2 li:nth-last-child(2) { display: none } .homee .list li .txt h4 { font-size: 16px; line-height: 1.4em } .homee .list1 li:nth-child(1) { width: 100%; margin-bottom: 20px } .homee .list1 li:nth-child(1) .pic { height: 380px } .homee .list1 li:nth-child(1) .pic span.a { background-position: top center } .homee .list1 li:nth-child(1) .tit { position: absolute; top: 15px; left: 15px; font-size: 18px; width: 35px; padding: 15px 0; } .homee .list1 li:nth-child(1) .more { position: absolute; right: 15px; bottom: 15px; z-index: 2; background: #ba991c; color: #fff; width: 26px; padding: 10px 0; text-align: center; border-radius: 35px; font-size: 16px } .homee .list1 li:nth-child(2) { width: 100% } .homee .list1 li:nth-child(3) .pic { width: 100%; border-radius: 12px 12px 0 0 } .homee .list1 li:nth-child(3) .txt { width: 100%; border-radius: 0 0 12px 12px; border-top: 0; border-left: 1px solid #ddd } .homee .list2 li:nth-child(2) { width: 100% } .homee .list2 li:nth-child(3) { width: 100%; margin-top: 20px } .homee .list2 li:nth-child(1) .pic { width: 100%; border-radius: 12px 12px 0 0 } .homee .list2 li:nth-child(1) .txt { width: 100%; border-radius: 0 0 12px 12px; border-top: 0; border-left: 1px solid #ddd } .homef { padding-bottom: 1.09rem } .homef .DataList { padding-bottom: .8rem; height: 5.1rem } .homef .swiper-slide-active .item { margin-top: .2rem } .homef .swiper-slide-prev .item { margin-top: 1.5rem } .homef .swiper-slide-next .item { margin-top: 1.5rem } .homega ul li { padding-right: .3rem; width: 100%; margin-bottom: .25rem } } @media screen and (max-width: 360px) { .homef .item { width: 2.16rem; height: 2.16rem; } .homef .item .dots { width: 2.16rem; height: 2.16rem; margin-left: -1.08rem; margin-top: -1.08rem; } .homef .item .wr { width: 1.6rem; height: 1.6rem; } .homef .item:before { width: 1.65rem; height: 1.65rem; } .homegb .item .wr { width: 80px } } @media screen and (max-width: 1000px) {} @media screen and (max-width: 640px) { .homed .aright .swiper-slide .listr{width: 100%} .homed .aright .swiper-slide .listl{width: 100%;margin-bottom: 20px} } .homee1 dl{display: flex;flex-wrap: wrap;width: 1.2rem;transition: .3s;overflow: hidden;height: 6rem} .homee1 dl.on{width: calc(100% - 3.6rem)} .homee1 dl.on dd{opacity: 1;visibility: inherit;transition: .1s .3s} .homee1 dl dt{width: 1.2rem;height: 6rem;position: relative;cursor: pointer;} .homee1 dl dd{width: calc(100% - 1.2rem);opacity: 0;visibility: hidden;} .homee1 dl dt .tit{position: absolute;top: .3rem;right: 50%;margin-right: -.22rem;;z-index: 2;background: #ba991c;color: #fff;font-size: .24rem;font-weight: bold;width: .44rem;padding: .15rem 0;text-align: center;border-radius: .35rem;line-height: 1.2em;border: .01rem solid #ebd47b; } .homee1 dl dt .tit img{margin: 0 auto; margin-top: 10px} .homee1 dl dt .More{width: .3rem;height: .6rem;border-radius: 20px;background: #ba991c;color: #fff;font-size: .14rem;padding: .10rem 0;text-align: center;position: absolute;right: 50%;margin-right: -.15rem; bottom: .3rem;direction: rtl!important;direction:inherit;writing-mode: tb-rl;line-height: .3rem;} .homee1 dl:nth-child(2) dt .tit{background: #2948b0ba;border-color: rgba(255,255,255,.4)} .homee1 dl:nth-child(2) dt .More{background: #2948b0ba} .homee1 dl:nth-child(3) dt .tit{background: #2085dc;border-color: rgba(255,255,255,.4)} .homee1 dl:nth-child(3) dt .More{background: #2085dc} .homee1 dl:nth-child(4) dt .tit{background: #5847d4;border-color: rgba(255,255,255,.4)} .homee1 dl:nth-child(4) dt .More{background: #5847d4} .homee1 dl dd{padding: 0 5%;border: 1px solid #cde5f1;border-left: 0} .homee1 dl dd .pic{width:60%;height: 4.15rem ;border-radius: 10px} .homee1 dl dd .txt{width:40%;padding:.6rem 3%;position: relative; } .homee1 dl dd .txt h4{font-size: .2rem;font-weight: bold;} .homee1 dl dd .txt h4:before{content: '';height: 6px;width: .3rem;border-radius: 10px;background: #d2b855;display: block;margin-bottom: 10px} .homee1 dl dd .txt .desc{width:140%;padding:.35rem 15%;position: absolute;right: 0;bottom: -50px;background: rgba(255,255,255,.9);box-shadow: 0 15px 15px #ecf2f8;border-radius: 0 0 40px 40px;min-height:2.2rem} .homee1 dl dd .txt .desc p{line-height: 2em;font-size: 14px} .homee1 dl dd .txt .desc .line{position: relative;padding-top: .3rem;} .homee1 dl dd .txt .desc .line:before{content: '';height: 6px;width: .3rem;border-radius: 10px 0 0 10px;background: #d2b855;display: block;position: absolute;left: 0;top: -3px} .homee1 dl dd .txt .desc .line:after{content: '';height: 1px;width: 100%;background: #d2b855;display: block;position: absolute;top: 0;left: 0;} .homee1 dl dd .txt .desc:hover{background: rgba(255, 255, 255, 1);} .homee1 dl:nth-child(1) dd .txt h4 a:hover{color: #ba991c} .homee1 dl:nth-child(2) dd .txt h4 a:hover{color: #2948b0} .homee1 dl:nth-child(3) dd .txt h4 a:hover{color:#2085dc} .homee1 dl:nth-child(2) dd .txt h4:before{background: #2948b0} .homee1 dl:nth-child(2) dd .txt .desc .line:before{background: #2948b0} .homee1 dl:nth-child(2) dd .txt .desc .line:after{background: #2948b0} .homee1 dl:nth-child(3) dd .txt h4:before{background: #2085dc} .homee1 dl:nth-child(3) dd .txt .desc .line:before{background: #2085dc} .homee1 dl:nth-child(3) dd .txt .desc .line:after{background: #2085dc} .homee1 dl:nth-child(4) dd .txt h4:before{background: #5847d4} .homee1 dl:nth-child(4) dd .txt .desc .line:before{background: #5847d4} .homee1 dl:nth-child(4) dd .txt .desc .line:after{background: #5847d4} @media screen and (max-width: 980px){ .homee1 dl{width: 100%;margin-bottom: .2rem;height: 4.5rem} .homee1 dl dt{height: 4.5rem} .homee1 dl.on{width: 100%} .homee1 dl dd{width: calc(100% - 1.35rem);opacity:1;visibility: inherit;} .homee1 dl dd .pic{height: 2.8rem} .homee1 dl dd .txt{padding: 0 5%} .homee1 dl dd .txt .desc{min-height: inherit;bottom: -30px} .homee1 dl dd .txt .desc p{-webkit-line-clamp: 3;line-height: 1.6em} } @media screen and (max-width: 640px){ .homee1 dl{height: auto} .homee1 dl dt{width: 100%;height: .8rem;} .homee1 dl dd{width: 100%;border-left: 1px solid #cde5f1;padding: 20px;border-top: 0} .homee1 dl dt .tit{width: auto;height: 40px;padding: 0 20px;top:50%;margin-top: -20px;right: auto;margin-right: 0;left: 20px;line-height: 40px} .homee1 dl dt .tit img{display: inline-block;vertical-align: -7px;margin: 0;margin-left: 10px} .homee1 dl dt .More{width: 60px;height: 30px;writing-mode:inherit;;padding: 0;right: 20px;bottom: 50%;margin-bottom: -15px;line-height: 30px;margin-right: 0} .homee1 dl dd .txt .desc{position: static;box-shadow: none;padding:0;width: 100%;background: transparent} .homee1 dl dd .txt .desc .line{padding-top: 15px} .homee1 dl dd .txt .desc .line:before{display: none} .homee1 dl dd .txt .desc .line:after{display: none} .homee1 dl dd .pic{height: 45vw;width: 100%} .homee1 dl dd .txt{width: 100%;padding: 25px 0 10px} } .leftY{position: absolute;left: -100px;top: 7%;} .rightY{position: absolute;right: -195px;top: 15%;} @media screen and (max-width:1366px) { .leftY,.rightY{display: none;} } @media screen and (max-width:1000px) { .dlad { display:none; } } /*umming 0728*/ .homea .more1{margin-top: .4rem} .homea .more1 a,.homega .more1 a{font-size: 18px;color: #005cb3} .homea .more1 a i,.homega .more1 a i{font-size: 40px;vertical-align: -8px;margin-left: 15px;display:inline-block;transition: .3s} .homea .more1 a:hover i,.homega .more1 a:hover i{transform: translateX(10px)} .homea .addNews{margin-top: .3rem} .homea .addNews li{width: 31%} .homea .addNews li h4{font-size: .16rem;line-height: 1.8em;height: .56rem} .homea .addNews li a{display: block;position: relative;background: #fff;box-shadow: 0 0 0.1rem rgba(0,0,0,.1);padding: .25rem .25rem .5rem;min-height: 1.2rem;} .homea .addNews li time{position: absolute;left: 0;bottom: 0;background: #005cb3;color: #fff;width: 1rem;height: .3rem;line-height: .3rem;text-align: center;font-size: .14rem} .homea .addNews li span{position: absolute;right: .25rem;bottom: .15rem;color: #005cb3 } .homea .addNews li span i{font-size: .24rem;vertical-align: -3px;margin-left: 5px} .homecb .ul1{width: 31%} .homecb .ul2{width: 66.6%} .homecb ul.ul1 li{width: 100%} .homecb ul.ul2 li{width: 48%} @media (max-width: 980px){ .homecb .ul1{width: 100%} .homecb ul.ul1 li{width: 48%} .homecb .ul2{width: 100%} .homea .addNews li{width: 100%;margin-bottom: .2rem} } @media (max-width: 640px){ .homecb ul.ul1 li{width: 100%} .homecb ul.ul2 li{width: 100%} .homea .addNews li h4{font-size: .18rem;height: .6rem} } /*ie11 css hack*/ @media all and (-ms-high-contrast:none) { *: : -ms-backdrop, } /*ie11注意里面的标点符号*/ /*ie10 css hack*/ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {}