4535 lines
78 KiB
CSS
4535 lines
78 KiB
CSS
|
|
|
|
@media screen and (max-width:57.6rem) {
|
|
.homea-nav .navsitem>a {
|
|
transform: scale(0.75);
|
|
transform-origin: left top;
|
|
/* width: 200%; */
|
|
}
|
|
|
|
.A_li3_name {
|
|
transform: scale(0.5);
|
|
transform-origin: left top;
|
|
width: 200%;
|
|
height: 20%;
|
|
}
|
|
|
|
.A_li3_text {
|
|
transform: scale(0.5);
|
|
transform-origin: left top;
|
|
width: 200%;
|
|
line-height: 2rem !important;
|
|
margin-top: 0rem !important;
|
|
margin-block-start: 1rem;
|
|
margin-block-end: 1rem;
|
|
margin-inline-start: 0px;
|
|
margin-inline-end: 0px;
|
|
}
|
|
|
|
|
|
.homef .home-footer .copyright {
|
|
transform: scale(0.4);
|
|
transform-origin: left top;
|
|
width: 280%;
|
|
}
|
|
|
|
.homef .home-footer .fright,
|
|
.homef .home-footer .fright a {
|
|
transform: scale(0.6);
|
|
transform-origin: left top;
|
|
width: 200%;
|
|
}
|
|
|
|
.flex-left {
|
|
transform: scale(0.5);
|
|
transform-origin: left top;
|
|
width: 200%;
|
|
}
|
|
|
|
.homef .home-footer .fright .frighta {
|
|
transform: scale(0.8);
|
|
transform-origin: left top;
|
|
width: 200%;
|
|
width: 100rem !important;
|
|
height: 130% !important;
|
|
}
|
|
|
|
.homef .home-footer .fright .frightb {
|
|
transform: scale(0.8);
|
|
transform-origin: left top;
|
|
width: 200%;
|
|
}
|
|
|
|
.homef .home-footer .fright .frighta .aright .imglink p {
|
|
transform: scale(0.6);
|
|
transform-origin: left top;
|
|
width: 100%;
|
|
}
|
|
|
|
.slideMain .more {
|
|
transform: scale(0.5);
|
|
transform-origin: left top;
|
|
}
|
|
|
|
.cdone span {
|
|
transform: scale(0.5);
|
|
transform-origin: left top;
|
|
width: 200%;
|
|
margin-right: -3rem !important;
|
|
}
|
|
|
|
.fnt_22 {
|
|
transform: scale(0.5);
|
|
transform-origin: left top;
|
|
width: 200%;
|
|
}
|
|
|
|
.des {
|
|
transform: scale(0.5);
|
|
transform-origin: left top;
|
|
width: 200%;
|
|
line-height: 2rem !important;
|
|
}
|
|
|
|
.time {
|
|
transform: scale(0.5);
|
|
transform-origin: left top;
|
|
width: 200%;
|
|
}
|
|
|
|
.crumbs {
|
|
transform: scale(0.5);
|
|
transform-origin: left top;
|
|
width: 188% !important;
|
|
}
|
|
|
|
.details_title ul li {
|
|
transform: scale(0.5);
|
|
transform-origin: left top;
|
|
}
|
|
|
|
.txts {
|
|
transform: scale(0.5);
|
|
transform-origin: left top;
|
|
width: 200% !important;
|
|
line-height: 2rem !important;
|
|
}
|
|
|
|
.main_left {
|
|
font-size: 1rem;
|
|
transform: scale(0.5);
|
|
transform-origin: left top;
|
|
width: 18rem !important;
|
|
}
|
|
|
|
.main_left ul li {
|
|
width: 18rem !important;
|
|
}
|
|
|
|
.main_left p {
|
|
width: 18rem !important;
|
|
}
|
|
|
|
.pb_sys_common {
|
|
transform: scale(0.6);
|
|
transform-origin: left top;
|
|
width: 140% !important;
|
|
}
|
|
}
|
|
|
|
|
|
html {
|
|
-webkit-text-size-adjust: none;
|
|
}
|
|
|
|
.shipei {
|
|
transform: scale(0.5);
|
|
transform-origin: left top;
|
|
width: 200%;
|
|
}
|
|
|
|
|
|
|
|
|
|
.stips {
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
z-index: 9999;
|
|
background: url(../images/Frame2.png) no-repeat left center;
|
|
background-size: 100% 100%;
|
|
display: none;
|
|
color: #fff;
|
|
font-size: .64rem;
|
|
}
|
|
|
|
.titline {
|
|
position: relative;
|
|
background-image: linear-gradient(#000, #000);
|
|
background-position: 0 100%;
|
|
background-size: 0 .04rem;
|
|
background-repeat: no-repeat;
|
|
transition: background-size .3s
|
|
}
|
|
|
|
.titlin:hover .titline {
|
|
background-size: 100% .04rem
|
|
}
|
|
|
|
.titlin .titline:hover {
|
|
background-size: 100% .04rem
|
|
}
|
|
|
|
.titline_w {
|
|
position: relative;
|
|
background-image: linear-gradient(rgba(255, 255, 255, .5), rgba(255, 255, 255, .5));
|
|
background-position: 0 100%;
|
|
background-size: 0 .04rem;
|
|
background-repeat: no-repeat;
|
|
transition: background-size .3s
|
|
}
|
|
|
|
.titlin_w:hover .titline_w {
|
|
background-size: 100% .04rem
|
|
}
|
|
|
|
.titlin_w .titline_w:hover {
|
|
background-size: 100% .04rem
|
|
}
|
|
|
|
.titline_b {
|
|
position: relative;
|
|
background-image: linear-gradient(#fff, #fff);
|
|
background-position: 0 100%;
|
|
background-size: 0 .04rem;
|
|
background-repeat: no-repeat;
|
|
transition: background-size .3s;
|
|
font-size: .86rem;
|
|
}
|
|
|
|
.titlin_b:hover .titline_b {
|
|
background-size: 100% .04rem
|
|
}
|
|
|
|
.titlin_b .titline_b:hover {
|
|
background-size: 100% .04rem
|
|
}
|
|
|
|
.titline_line2{
|
|
margin-top:0.1rem;
|
|
color: #8fa8ff;
|
|
font-size: 0.65rem;
|
|
transition: .3s;
|
|
}
|
|
.titline_bl {
|
|
position: relative;
|
|
background-image: linear-gradient(#13439b, #13439b);
|
|
background-position: 0 100%;
|
|
background-size: 0 .04rem;
|
|
background-repeat: no-repeat;
|
|
transition: background-size .3s
|
|
}
|
|
|
|
.titlin_bl:hover .titline_bl {
|
|
background-size: 100% .04rem
|
|
}
|
|
|
|
.titlin_bl .titline_bl:hover {
|
|
background-size: 100% .04rem
|
|
}
|
|
|
|
|
|
/* */
|
|
.xxjj {
|
|
width: 100%;
|
|
height: 12rem;
|
|
}
|
|
|
|
.xxjj img {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.xxjjp {
|
|
color: #fff;
|
|
font-size: .72rem;
|
|
padding: .8rem;
|
|
line-height: 2rem;
|
|
letter-spacing: .12rem;
|
|
text-align: justify;
|
|
}
|
|
|
|
.logo-b {
|
|
width: 3.4rem !important;
|
|
height: 3.4rem !important;
|
|
}
|
|
|
|
.logo-a {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.logo-a img {
|
|
width: 3rem;
|
|
height: 3rem;
|
|
}
|
|
|
|
.logo-a span {
|
|
color: #fff;
|
|
font-size: 1rem;
|
|
}
|
|
|
|
.logo-d {
|
|
width: 12rem !important;
|
|
height: 3rem !important;
|
|
margin-right: .6rem;
|
|
}
|
|
|
|
.footlogo {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
/* padding-left: 6.25vw; */
|
|
}
|
|
|
|
.footlogo img {
|
|
width: 4.2rem;
|
|
height: 4.2rem;
|
|
margin-right: .5rem;
|
|
}
|
|
|
|
.logo-c {
|
|
width: 4.4rem !important;
|
|
height: 4.4rem !important;
|
|
}
|
|
|
|
.footlogo span {
|
|
font-size: 1.5rem;
|
|
margin-left: .5rem;
|
|
font-weight: bold;
|
|
font-family: 'Noto Sans SC';
|
|
}
|
|
|
|
.goutong {
|
|
width: 3.2rem;
|
|
height: 3.2rem !important;
|
|
margin-left: 1.6rem;
|
|
}
|
|
|
|
.flex-left {
|
|
/* margin-left: 1rem; */
|
|
font-size: .72rem;
|
|
}
|
|
|
|
.pore {
|
|
display: flex;
|
|
justify-content: center
|
|
}
|
|
|
|
.pore img {
|
|
width: 10rem;
|
|
}
|
|
|
|
.bai {
|
|
color: #fff;
|
|
}
|
|
|
|
.titlea {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
padding: 0 2rem;
|
|
height: 4rem;
|
|
color: #fff;
|
|
}
|
|
|
|
.titlea span {
|
|
font-size: 1.4rem;
|
|
}
|
|
|
|
.titlea a {
|
|
font-size: .64rem;
|
|
color: #fff;
|
|
}
|
|
|
|
.txts {
|
|
width: 100%;
|
|
font-size: .8rem;
|
|
line-height: 1.4rem;
|
|
}
|
|
|
|
.santu {
|
|
width: 100%;
|
|
display: flex;
|
|
justify-content: center;
|
|
margin: 1.5rem 0rem;
|
|
}
|
|
|
|
.santu img {
|
|
max-width: 30rem;
|
|
}
|
|
|
|
.leftr {
|
|
margin-right: 5rem;
|
|
}
|
|
|
|
.deheligh {
|
|
min-height: 15rem;
|
|
}
|
|
|
|
.details_title h2 {
|
|
margin: 1.6rem 0rem .8rem 0rem;
|
|
font-family: PingFangSC-Semibold;
|
|
color: #1c1c1c;
|
|
letter-spacing: .0192rem;
|
|
text-align: center;
|
|
border: none;
|
|
font-size: 1.2rem;
|
|
}
|
|
|
|
.details_title ul {
|
|
width: 50%;
|
|
height: auto;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.details_title ul li {
|
|
width: 33%;
|
|
height: auto;
|
|
float: left;
|
|
text-align: center;
|
|
color: #ccc;
|
|
line-height: 1.2rem;
|
|
font-size: .56rem;
|
|
border-bottom: 0;
|
|
}
|
|
|
|
.zhongying {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.zhongying :first-child {
|
|
/* letter-spacing: .36rem; */
|
|
font-family: 'Noto Sans SC';
|
|
}
|
|
|
|
.zhongying :last-child {
|
|
font-size: 2rem;
|
|
font-weight: bold;
|
|
/* font-family: '楷体'; */
|
|
/* margin-top: .2rem; */
|
|
}
|
|
|
|
.flexcz {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.flexczli {
|
|
width: 100%;
|
|
background: #1c4690;
|
|
margin-top: .2rem;
|
|
padding: .2rem 1.25rem;
|
|
}
|
|
.flexczli ul li{
|
|
padding: 1.33rem 0;
|
|
border-bottom: 1px solid #4269af;
|
|
padding-right: 6.15rem;
|
|
position: relative;
|
|
font-size: .86rem;
|
|
color: #fff;
|
|
}
|
|
.flexczli ul li:last-child{
|
|
border: 0;
|
|
}
|
|
.flexczli ul li a{
|
|
color: #fff;
|
|
}
|
|
.flexczli ul li time{
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
padding: 1.35rem 0;
|
|
font-size: .65rem;
|
|
color: #cedeff;
|
|
text-align: right;
|
|
}
|
|
.flexczli ul li:hover a .titline_b{
|
|
color: #ccc;
|
|
}
|
|
.flexczli ul li:hover time {
|
|
color: #ccc;
|
|
}
|
|
.time span {
|
|
font-size: 1.2rem;
|
|
color: #fff;
|
|
}
|
|
.info h4 {
|
|
margin-top: 0.4rem;
|
|
margin-bottom: 0.24rem;
|
|
font-size: .8rem;
|
|
line-height: 1.4rem;
|
|
}
|
|
.info p {
|
|
display: flex;
|
|
padding: 0.12rem 0;
|
|
color: #777;
|
|
font-size: .72rem;
|
|
justify-content: space-between;
|
|
flex-wrap: wrap;
|
|
}
|
|
.caidanlan {
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: flex-end;
|
|
}
|
|
|
|
.zhong {
|
|
align-items: center;
|
|
}
|
|
|
|
.cdone {
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
align-items: center;
|
|
/* margin-bottom: 0rem; */
|
|
position: relative;
|
|
/* top: .4rem; */
|
|
}
|
|
|
|
.cdone span {
|
|
color: #fff;
|
|
font-size: .64rem;
|
|
margin-right: 1.5rem;
|
|
margin-left: 1rem;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.twoa {
|
|
width: 100%;
|
|
display: flex;
|
|
}
|
|
|
|
.wxdw {
|
|
/* position: absolute;
|
|
top: .2rem;
|
|
right: 0rem; */
|
|
}
|
|
|
|
.open {
|
|
display: block !important;
|
|
}
|
|
|
|
.gzhewm {
|
|
position: absolute;
|
|
width: 4rem;
|
|
height: 4rem;
|
|
right: 5rem;
|
|
top: 2rem;
|
|
display: none;
|
|
z-index: 5;
|
|
}
|
|
|
|
.listacon {
|
|
display: flex;
|
|
justify-content: center;
|
|
background-color: #ffffff;
|
|
}
|
|
|
|
.listaright {}
|
|
|
|
.detailcon {
|
|
background-color: #ffffff;
|
|
}
|
|
|
|
.main_left {
|
|
width: 10rem;
|
|
margin-top: 6rem;
|
|
margin-right: 2rem;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.main_left ul {
|
|
width: 10rem;
|
|
height: auto;
|
|
}
|
|
|
|
.main_left ul p {
|
|
font-family: PingFangSC-Regular;
|
|
font-size: 1rem;
|
|
color: #ffffff;
|
|
letter-spacing: .0032rem;
|
|
background: #062d7b;
|
|
line-height: 2.4rem;
|
|
text-indent: .8rem;
|
|
}
|
|
|
|
.main_left p {
|
|
font-family: PingFangSC-Regular;
|
|
font-size: 1rem;
|
|
color: #ffffff;
|
|
letter-spacing: .0032rem;
|
|
background: #062d7b;
|
|
line-height: 3rem;
|
|
text-indent: .8rem;
|
|
}
|
|
|
|
.main_left ul li a {
|
|
color: #7b827b;
|
|
display: block;
|
|
}
|
|
|
|
.main_left ul li a:hover {
|
|
color: #ffffff;
|
|
background: #13439b;
|
|
}
|
|
|
|
.main_left .active a {
|
|
color: #fff;
|
|
}
|
|
|
|
.main_left ul li {
|
|
width: 100%;
|
|
height: 2.4rem;
|
|
font-family: PingFangSC-Regular;
|
|
font-size: .64rem;
|
|
color: #7b827b;
|
|
letter-spacing: .002rem;
|
|
background: #f4f8fc;
|
|
border-bottom: .04rem solid #dfdedf;
|
|
line-height: 2.4rem;
|
|
cursor: pointer;
|
|
position: relative;
|
|
text-indent: .8rem;
|
|
padding: 0rem !important;
|
|
}
|
|
|
|
.main_left .active {
|
|
color: #fff;
|
|
background: #13439b;
|
|
}
|
|
|
|
.main_left ul li:hover {
|
|
color: #ffffff;
|
|
background: #13439b;
|
|
}
|
|
|
|
.main_left ul li span {
|
|
position: absolute;
|
|
right: .8rem;
|
|
}
|
|
|
|
.logo-flex {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
height: 5rem;
|
|
align-items: center;
|
|
padding: 0rem 2rem;
|
|
}
|
|
|
|
.list-logo-flex {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
height: 4rem;
|
|
align-items: center;
|
|
/* padding: 0rem 2rem; */
|
|
}
|
|
|
|
.homea-nav-flex {
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
padding: 0rem 2rem;
|
|
justify-content: space-between;
|
|
background: rgba(0, 0, 0, .2);
|
|
/* justify-content: center; */
|
|
}
|
|
|
|
.diqiu {
|
|
position: absolute;
|
|
width: 15rem;
|
|
right: 12rem;
|
|
}
|
|
|
|
.imgleft {
|
|
margin-left: 1.5rem !important;
|
|
}
|
|
|
|
.serBtn {
|
|
width: 1rem;
|
|
}
|
|
|
|
.alink {
|
|
z-index: 9999
|
|
}
|
|
|
|
.twobiaoti {
|
|
font-size: .8rem !important;
|
|
padding-bottom: 0rem !important;
|
|
}
|
|
|
|
/* */
|
|
|
|
.loader {
|
|
position: fixed;
|
|
left: 0;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
background: url(../images/Frame2.png) no-repeat center;
|
|
background-size: cover;
|
|
z-index: 999;
|
|
}
|
|
|
|
.loader img {
|
|
position: absolute;
|
|
left: 50%;
|
|
top: 50%;
|
|
transform: translateX(-50%) translateY(-50%)
|
|
}
|
|
|
|
.loader p {
|
|
position: absolute;
|
|
top: 55%;
|
|
color: #fff;
|
|
text-align: center;
|
|
left: 0;
|
|
width: 100%
|
|
}
|
|
|
|
body,
|
|
html {
|
|
position: relative;
|
|
height: 100%
|
|
}
|
|
|
|
.slideMain {
|
|
width: 100%;
|
|
height: 100%;
|
|
zoom: 100%;
|
|
}
|
|
|
|
.slideMain .swiper-slide {
|
|
height: 100%;
|
|
position: relative;
|
|
}
|
|
|
|
.slideMain .swiper-slide .container {
|
|
height: 100%;
|
|
position: relative;
|
|
z-index: 5;
|
|
/* padding-left: 6.25vw */
|
|
}
|
|
|
|
.slideMain .homef {
|
|
padding-left: 0;
|
|
height: auto !important
|
|
}
|
|
|
|
.swiper-container-vertical>.main-wrapper {
|
|
flex-direction: column;
|
|
}
|
|
|
|
.swiper-container-android .swiper-slide,
|
|
.main-wrapper {
|
|
transform: translate3d(0rem, 0, 0);
|
|
}
|
|
|
|
.main-wrapper {
|
|
position: relative;
|
|
width: 100%;
|
|
height: 100%;
|
|
z-index: 1;
|
|
display: flex;
|
|
transition-property: transform;
|
|
box-sizing: content-box;
|
|
}
|
|
|
|
.leftFix {
|
|
width: 4.7rem;
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
height: 100%;
|
|
z-index: 30;
|
|
border-right: .04rem solid #4269af
|
|
}
|
|
|
|
.leftFix.bga {
|
|
background: #13439b
|
|
}
|
|
|
|
.leftFix.bgb {
|
|
background: #062d78
|
|
}
|
|
|
|
.leftFix.bottom {
|
|
top: -11.84rem
|
|
}
|
|
|
|
.leftFix .navBtn {
|
|
position: absolute;
|
|
left: 50%;
|
|
margin-left: -0.52rem;
|
|
top: 5%;
|
|
width: 1.04rem;
|
|
height: .72rem;
|
|
background: url(../images/navbtn.svg) no-repeat center;
|
|
background-size: 1.04rem .72rem;
|
|
cursor: pointer;
|
|
transition: .3s
|
|
}
|
|
|
|
.leftFix .navBtn.on {
|
|
background: url(../images/close.svg) no-repeat center;
|
|
background-size: .72rem .72rem;
|
|
}
|
|
|
|
.leftFix .mouse {
|
|
position: absolute;
|
|
left: 50%;
|
|
bottom: 15.6%;
|
|
width: .88rem;
|
|
margin-left: -0.44rem;
|
|
animation: up 1.5s linear infinite;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.leftFix .serBtn {
|
|
position: absolute;
|
|
left: 50%;
|
|
bottom: 37%;
|
|
width: .8rem;
|
|
margin-left: -0.4rem;
|
|
}
|
|
|
|
.leftFix .pageBtn {
|
|
position: absolute;
|
|
left: 50%;
|
|
top: 26%;
|
|
width: .88rem;
|
|
margin-left: -0.52rem;
|
|
}
|
|
|
|
.leftFix .pageBtn span {
|
|
display: block;
|
|
width: .88rem;
|
|
height: 4.4rem;
|
|
margin: 1.2rem auto;
|
|
background: url(../images/dh001.png) no-repeat center;
|
|
background-size: .88rem 4.24rem;
|
|
}
|
|
|
|
.leftFix .pageBtn span.s1 {
|
|
background: url(../images/dh002.png) no-repeat center;
|
|
background-size: .88rem 4.24rem
|
|
}
|
|
|
|
.leftFix .pageBtn span.s2 {
|
|
background: url(../images/dh003.png) no-repeat center;
|
|
background-size: .88rem 4.24rem
|
|
}
|
|
|
|
.leftFix .pageBtn span.s3 {
|
|
background: url(../images/Group7.png) no-repeat center;
|
|
background-size: .88rem 4.24rem
|
|
}
|
|
|
|
.leftFix .pageBtn span.s4 {
|
|
background: url(../images/s4.svg) no-repeat center;
|
|
background-size: .88rem 5.6rem
|
|
}
|
|
|
|
/* .leftFix .pageBtn span.sall{background: url(../images/01.png) no-repeat center;background-size: 1.04rem 1.04rem} */
|
|
.leftFix .pageBtn a.swiper-button-disabled img {
|
|
opacity: .4
|
|
}
|
|
|
|
.subNav {
|
|
position: fixed;
|
|
left: -100%;
|
|
top: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
z-index: 29;
|
|
padding-left: 6.25vw;
|
|
background: url(../images/Frame2.png) no-repeat center;
|
|
background-size: 100% 100%;
|
|
transition: .3s
|
|
}
|
|
|
|
.subNav.on {
|
|
left: 0
|
|
}
|
|
|
|
.subNavList {
|
|
height: 100%
|
|
}
|
|
|
|
.subNavList .navitem {
|
|
width: 33.333333%;
|
|
height: 50%;
|
|
border-right: .04rem solid #264597;
|
|
position: relative;
|
|
cursor: pointer;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
}
|
|
|
|
.subNavList .navitem::before {
|
|
content: attr(data-name);
|
|
position: absolute;
|
|
left: 50%;
|
|
top: 50%;
|
|
transform: translateX(-50%) translateY(-50%);
|
|
color: #fff;
|
|
font-family: "bdzy";
|
|
font-size: 2.4rem;
|
|
z-index: 0;
|
|
transition: .5s
|
|
}
|
|
|
|
.subNavList .navitem:nth-child(3),
|
|
.subNavList .navitem:nth-child(6) {
|
|
border-right: 0
|
|
}
|
|
|
|
.subNavList .navitem:nth-child(1),
|
|
.subNavList .navitem:nth-child(2),
|
|
.subNavList .navitem:nth-child(3) {
|
|
border-bottom: .04rem solid #264597
|
|
}
|
|
|
|
/* .subNavList .navitem:nth-child(1){background: url(../images/t.png) no-repeat center center;background-size: auto 60%}
|
|
.subNavList .navitem:nth-child(2){background: url(../images/n.png) no-repeat center center;background-size: auto 60%}
|
|
.subNavList .navitem:nth-child(3){background: url(../images/t.png) no-repeat center center;background-size: auto 60%}
|
|
.subNavList .navitem:nth-child(4){background: url(../images/a.png) no-repeat center center;background-size: auto 60%}
|
|
.subNavList .navitem:nth-child(5){background: url(../images/l.png) no-repeat center center;background-size: auto 60%}
|
|
.subNavList .navitem:nth-child(6){background: url(../images/s.png) no-repeat center center;background-size: auto 60%} */
|
|
.subNavList .navitem ul {
|
|
padding: 5%;
|
|
position: relative;
|
|
z-index: 2;
|
|
opacity: 0;
|
|
transition: .4s;
|
|
visibility: hidden;
|
|
}
|
|
|
|
.subNavList .navitem ul:after {
|
|
width: 33.333333%;
|
|
content: '';
|
|
display: inline-block;
|
|
}
|
|
|
|
.subNavList .navitem ul li {
|
|
width: 33.333333%;
|
|
text-align: center;
|
|
font-size: .96rem;
|
|
font-weight: 100;
|
|
padding: .8rem 0;
|
|
}
|
|
|
|
.subNavList .navitem ul li a {
|
|
color: #fff;
|
|
opacity: .6;
|
|
position: relative;
|
|
transition: .3s;
|
|
display: inline-block;
|
|
}
|
|
|
|
.subNavList .navitem ul li a:hover {
|
|
opacity: 1
|
|
}
|
|
|
|
.subNavList .navitem ul li a::before {
|
|
content: '「';
|
|
position: absolute;
|
|
left: -1rem;
|
|
top: 0;
|
|
opacity: 0;
|
|
transition: .5s
|
|
}
|
|
|
|
.subNavList .navitem ul li a::after {
|
|
content: '」';
|
|
position: absolute;
|
|
right: -1rem;
|
|
bottom: 0;
|
|
opacity: 0;
|
|
transition: .5s
|
|
}
|
|
|
|
.subNavList .navitem ul li a:hover::before {
|
|
left: -0.92rem;
|
|
opacity: 1
|
|
}
|
|
|
|
.subNavList .navitem ul li a:hover::after {
|
|
right: -0.92rem;
|
|
opacity: 1
|
|
}
|
|
|
|
.subNavList .navitem:hover ul {
|
|
opacity: 1;
|
|
visibility: inherit;
|
|
}
|
|
|
|
.subNavList .navitem:hover::before {
|
|
opacity: .07;
|
|
}
|
|
|
|
.subNavList .navitem:hover {
|
|
background: transparent;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.homea {
|
|
background: url(../images/0001.png) no-repeat center;
|
|
background-size: 100% 100%
|
|
}
|
|
|
|
.homeb::before {
|
|
content: '';
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
bottom: 0;
|
|
width: 0%;
|
|
background: url(../images/0001.png) no-repeat center;
|
|
background-size: 100% 100%;
|
|
z-index: 0
|
|
}
|
|
|
|
.homeb::after {
|
|
content: '';
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
bottom: 0;
|
|
width: 100%;
|
|
background: #FFF;
|
|
z-index: -1
|
|
}
|
|
.homec {
|
|
display: flex;
|
|
background: #1c4690 ;
|
|
padding: 4.4rem 4%;
|
|
|
|
}
|
|
.homec .cleft {
|
|
width: 55%;
|
|
position:relative;
|
|
}
|
|
.homec .cleft img{
|
|
position:absolute;
|
|
-webkit-transition: all .4s;-o-transition: all .4s;transition: all .4s;
|
|
z-index:999;
|
|
}
|
|
.homec .cleft:hover img{
|
|
-webkit-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);
|
|
}
|
|
.homec .cright {
|
|
width: 45%;
|
|
background: url("../images/yrbg.png") no-repeat center;
|
|
background-size: cover;
|
|
position: relative;
|
|
}
|
|
|
|
.homec .cright .item1 {
|
|
color: #fff;
|
|
padding: 2rem 1.85rem;
|
|
height: 50%;
|
|
width: 100%;
|
|
/*border-right: 1px solid #394c8e;*/
|
|
}
|
|
.homec .cright .item1 span img {
|
|
width: 10rem;
|
|
}
|
|
.homec .cright .item1 p {
|
|
margin-bottom: 2.5rem;
|
|
margin-top: 1rem;
|
|
line-height: 1.8em;
|
|
}
|
|
.homec .cright .item1 a {
|
|
margin-top: 2.3rem;
|
|
display: block;
|
|
}
|
|
.homec .cright .item1 a:before {
|
|
position: absolute;
|
|
width: 2.3rem;
|
|
height: 2.3rem;
|
|
border-radius: 50%;
|
|
background: rgba(255,255,255,.2);
|
|
content: '';
|
|
left: -.2rem;
|
|
top: 50%;
|
|
transform: translateY(-50%);
|
|
z-index: 0;
|
|
}
|
|
.homec .cright .item1 a em {
|
|
position: relative;
|
|
z-index: 5;
|
|
color: #fff;
|
|
font-size: .66rem;
|
|
}
|
|
.homec .cright .item2 {
|
|
color: #fff;
|
|
height: 50%;
|
|
background: #7884ef;
|
|
width: 44%;
|
|
padding: 1.5rem;
|
|
background:#4f9eb0 url("../picture/cbsy06.png") no-repeat bottom;
|
|
}
|
|
.homec .cright .item .alink {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
z-index: 2;
|
|
}
|
|
.homec .cright .item span.syst {
|
|
font-size: 1rem;
|
|
opacity: .5;
|
|
text-transform: uppercase;
|
|
}
|
|
.homec .hdtit img{
|
|
width: 7rem;
|
|
}
|
|
.homec .cright .item .pic {
|
|
height: calc(90% - 6rem);
|
|
width: 64%;
|
|
}
|
|
.homec .img_vsb_content{
|
|
width: 3rem;
|
|
}
|
|
.homec .cright .item3 {
|
|
color: #fff;
|
|
background:#365faa url("../picture/cbsy04.png") no-repeat center;
|
|
width: 52%;
|
|
height: 10rem;
|
|
position: absolute;
|
|
bottom: 10rem;
|
|
right: 4%;
|
|
border-left: 1px solid #fff;
|
|
border-bottom: 1px solid #fff;
|
|
padding: 0 1.5rem;
|
|
}
|
|
.homec .cright .item4 {
|
|
color: #fff;
|
|
height: 10rem;
|
|
background:#8c4eaf url("../picture/cbsy05.png") no-repeat center;
|
|
width: 52%;
|
|
position: absolute;
|
|
border-left: 1px solid #fff;
|
|
right: 4%;
|
|
bottom: 0;
|
|
padding: 0 1.5rem;
|
|
}
|
|
.homeE {
|
|
padding: 4.5rem 0;
|
|
background: url("../images/homedimg.jpg") no-repeat center;
|
|
background-size: 100% 100%;
|
|
}
|
|
.homeE .ctit {
|
|
margin-bottom: 1.5rem;
|
|
}
|
|
.homeE .wp {
|
|
width: 69rem;
|
|
margin: 0 auto;
|
|
}
|
|
.homeE .desc {
|
|
max-width: 28rem;
|
|
line-height: 1.8em;
|
|
margin-bottom: 2.5rem;
|
|
}
|
|
.homeE .homed-slide {
|
|
height: 22.5rem;
|
|
padding-bottom: 1rem;
|
|
}
|
|
.homeE .homed-slide .swiper-slide .item {
|
|
overflow: hidden;
|
|
}
|
|
.homeE .ctit{margin-bottom: 1.5rem;width: 10rem;}
|
|
.homeE .ctit a{position:relative;top:150%;right:100%}
|
|
.homeE .desc{max-width: 28rem;line-height: 1.3rem;margin-bottom: 2.5rem;}
|
|
.homeE .homed-slide .slog{color:#fff;font-size:1rem;position:absolute;left:-3rem;top:1.15rem;z-index:5;padding: .2rem 3rem .4rem;transform:rotate(-45deg);font-family:SourceHanSerifCN-Bold!important}
|
|
.homeE .homed-slide{height: 22rem;padding-bottom: .55rem}
|
|
.homeE .homed-slide .swiper-slide:nth-child(1) .slog{background:#7884ef}
|
|
.homeE .homed-slide .swiper-slide:nth-child(2) .slog{background:#e67459}
|
|
.homeE .homed-slide .swiper-slide:nth-child(3) .slog{background:#a96ed6}
|
|
.homeE .homed-slide .swiper-slide:nth-child(4) .slog{background:#7884ef}
|
|
.homeE .homed-slide .swiper-slide:nth-child(5) .slog{background:#e67459}
|
|
.homeE .homed-slide .swiper-slide:nth-child(6) .slog{background:#a96ed6}
|
|
.homeE .homed-slide .swiper-slide:nth-child(7) .slog{background:#7884ef}
|
|
.homeE .homed-slide .swiper-slide:nth-child(8) .slog{background:#e67459}
|
|
.homeE .homed-slide .swiper-slide:nth-child(9) .slog{background:#a96ed6}
|
|
.homeE .homed-slide .swiper-slide .item{overflow:hidden}
|
|
.homeE .homed-slide .swiper-slide .pic{height: 16rem}
|
|
.homeE .homed-slide .swiper-slide p{position:absolute;background:url(../image/homedma.png) no-repeat bottom center;background-size:100% 100%;left:0;bottom:0;right:0;color:#fff;padding:2.5rem 5% 1rem;font-size:.86rem;text-align:center;opacity:0;visibility:hidden}
|
|
.homeE .homed-slide .swiper-slide-active .pic{height: 22rem}
|
|
.homeE .homed-slide .swiper-slide-active p{opacity:1;visibility:inherit}
|
|
.homeE .homed-slide .swiper-button-next{width: 6.5rem;height: 6.5rem;background:#2e2e2e;top:auto;margin-top:0;bottom:.5rem;right:calc(((100% - 3.5rem)/ 3) - 6.5rem);transition:.3s;border-radius:0 0 1rem 0;box-shadow:0 0 .5rem rgba(0,0,0,.2)}
|
|
.homeE .homed-slide .swiper-button-prev{width: 6.5rem;height: 6.5rem;background:#2e2e2e;left:calc(((100% - 3.5rem)/ 3) - 6.5rem);top:auto;margin-top:0;bottom:.5rem;transition:.3s;border-radius:1rem 0 0 0;box-shadow:0 0 .5rem rgba(0,0,0,.2)}
|
|
.homeE .homed-slide .swiper-button-next:hover{background:#13439b}
|
|
.homeE .homed-slide .swiper-button-prev:hover{background:#13439b}
|
|
.homeE .homed-slide .swiper-button-next img{height: 1.5rem}
|
|
.homeE .homed-slide .swiper-button-prev img{height: 1.5rem}
|
|
.homeE .homed-slide .slog {
|
|
color: #fff;
|
|
font-size: 1rem;
|
|
position: absolute;
|
|
left: -3rem;
|
|
top: 1.15rem;
|
|
z-index: 5;
|
|
padding: .3rem 3rem .5rem;
|
|
transform: rotate(-45deg);
|
|
font-family: SourceHanSerifCN-Bold!important;
|
|
}
|
|
.homeE .homed-slide .swiper-slide .pic {
|
|
height: 16rem;
|
|
width: 100%;
|
|
}
|
|
.homeE .homed-slide .swiper-slide-active .pic {
|
|
height: 19rem;
|
|
}
|
|
.homeE .homed-slide .swiper-slide-active p {
|
|
opacity: 1;
|
|
visibility: inherit;
|
|
}
|
|
.texto {
|
|
display: block;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
.bg-mask .pic {
|
|
overflow: hidden;
|
|
}
|
|
.bg-mask .pic a {
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
background-size: cover;
|
|
height: 100%;
|
|
display: block;
|
|
-webkit-transition: all .4s;
|
|
-o-transition: all .4s;
|
|
transition: all .4s;
|
|
}
|
|
/* .homec::before{content: '';position: absolute;left: 0;top:0;bottom: 0;width: 39.8%;background: #FFF;z-index: 0} */
|
|
/* .homec::after{content: '';position: absolute;right: 0;top:0;bottom: 0;width: 100%;background: url(../images/l002.png) no-repeat center;background-size: 100% 100%;z-index: -1} */
|
|
/* .homed::before{content: '';position: absolute;left: 0;top:0;bottom: 0;width: 39.8%;background: url(../images/l001.png) no-repeat center;background-size: 100% 100%;z-index: 0} */
|
|
/* .homed{background: rgba(255,255,255,.75) no-repeat left center;} */
|
|
.homed::after {
|
|
content: '';
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
bottom: 0;
|
|
width: 100%;
|
|
background: url(../images/dbg.jpg) no-repeat center;
|
|
/* background: rgba(0, 0, 0, .9); */
|
|
background-size: 100% 100%;
|
|
z-index: -1
|
|
}
|
|
|
|
.homee::before {
|
|
content: '';
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
bottom: 0;
|
|
width: 39.8%;
|
|
background: #FFF;
|
|
z-index: 0
|
|
}
|
|
|
|
.homee::after {
|
|
content: '';
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
bottom: 0;
|
|
width: 60.2%;
|
|
background: #FFF;
|
|
z-index: -1
|
|
}
|
|
|
|
|
|
|
|
.homea .more {
|
|
position: absolute;
|
|
left: 6vw;
|
|
bottom: -5.5vh
|
|
}
|
|
|
|
.homea .more a {
|
|
position: relative;
|
|
width: 8rem;
|
|
height: 2rem;
|
|
border: .04rem solid #4476d3;
|
|
text-align: center;
|
|
line-height: 1.6rem;
|
|
color: #fff;
|
|
display: block;
|
|
background: #062d7c
|
|
}
|
|
|
|
.homea .more a span {
|
|
position: relative;
|
|
width: 100%;
|
|
height: 100%;
|
|
display: block;
|
|
z-index: 3
|
|
}
|
|
|
|
.homea .more a:before {
|
|
position: absolute;
|
|
content: "";
|
|
width: 100%;
|
|
height: 100%;
|
|
left: -0.24rem;
|
|
top: -0.24rem;
|
|
border: .04rem solid #fff;
|
|
z-index: 2
|
|
}
|
|
|
|
.homea .more a:after {
|
|
position: absolute;
|
|
content: "";
|
|
width: 1.8rem;
|
|
height: .12rem;
|
|
left: 88%;
|
|
top: .88rem;
|
|
background: #fff;
|
|
z-index: 2
|
|
}
|
|
|
|
.homec .more {
|
|
position: absolute;
|
|
left: 6vw;
|
|
bottom: 11.4vh
|
|
}
|
|
|
|
.homec .more a {
|
|
position: relative;
|
|
width: 8rem;
|
|
height: 2rem;
|
|
border: .04rem solid #a6c4f0;
|
|
text-align: center;
|
|
line-height: 1.6rem;
|
|
color: #4d89e1;
|
|
display: block;
|
|
background: #fff
|
|
}
|
|
|
|
.homec .more a span {
|
|
position: relative;
|
|
width: 100%;
|
|
height: 100%;
|
|
display: block;
|
|
z-index: 3
|
|
}
|
|
|
|
.homec .more a:before {
|
|
position: absolute;
|
|
content: "";
|
|
width: 100%;
|
|
height: 100%;
|
|
left: -0.24rem;
|
|
top: -0.24rem;
|
|
border: .04rem solid #4d89e1;
|
|
z-index: 2
|
|
}
|
|
|
|
.homec .more a:after {
|
|
position: absolute;
|
|
content: "";
|
|
width: 1.8rem;
|
|
height: .12rem;
|
|
left: 88%;
|
|
top: .88rem;
|
|
background: #4d89e1;
|
|
z-index: 2
|
|
}
|
|
|
|
.homed .more {
|
|
position: absolute;
|
|
left: 6vw;
|
|
bottom: 10.6vh
|
|
}
|
|
|
|
.homed .more a {
|
|
position: relative;
|
|
width: 8rem;
|
|
height: 2rem;
|
|
border: .04rem solid #4476d3;
|
|
text-align: center;
|
|
line-height: 1.6rem;
|
|
color: #fff;
|
|
display: block;
|
|
background: #1353ab
|
|
}
|
|
|
|
.homed .more a span {
|
|
position: relative;
|
|
width: 100%;
|
|
height: 100%;
|
|
display: block;
|
|
z-index: 3
|
|
}
|
|
|
|
.homed .more a:before {
|
|
position: absolute;
|
|
content: "";
|
|
width: 100%;
|
|
height: 100%;
|
|
left: -0.24rem;
|
|
top: -0.24rem;
|
|
border: .04rem solid #fff;
|
|
z-index: 2
|
|
}
|
|
|
|
.homed .more a:after {
|
|
position: absolute;
|
|
content: "";
|
|
width: 1.8rem;
|
|
height: .12rem;
|
|
left: 88%;
|
|
top: .88rem;
|
|
background: #fff;
|
|
z-index: 2
|
|
}
|
|
|
|
.homee .more {
|
|
position: absolute;
|
|
left: 6vw;
|
|
bottom: -5.5vh
|
|
}
|
|
|
|
.homee .more a {
|
|
position: relative;
|
|
width: 8rem;
|
|
height: 2rem;
|
|
border: .04rem solid #a6c4f0;
|
|
text-align: center;
|
|
line-height: 1.6rem;
|
|
color: #4d89e1;
|
|
display: block;
|
|
background: #fff
|
|
}
|
|
|
|
.homee .more a span {
|
|
position: relative;
|
|
width: 100%;
|
|
height: 100%;
|
|
display: block;
|
|
z-index: 3
|
|
}
|
|
|
|
.homee .more a:before {
|
|
position: absolute;
|
|
content: "";
|
|
width: 100%;
|
|
height: 100%;
|
|
left: -0.24rem;
|
|
top: -0.24rem;
|
|
border: .04rem solid #4d89e1;
|
|
z-index: 2
|
|
}
|
|
|
|
.homee .more a:after {
|
|
position: absolute;
|
|
content: "";
|
|
width: 1.8rem;
|
|
height: .12rem;
|
|
left: 88%;
|
|
top: .88rem;
|
|
background: #4d89e1;
|
|
z-index: 2
|
|
}
|
|
|
|
.slideMain .more a:after {
|
|
transition: .3s .1s
|
|
}
|
|
|
|
.slideMain .more {
|
|
transition: .3s;
|
|
font-size: .64rem;
|
|
}
|
|
|
|
.slideMain .more:hover {
|
|
letter-spacing: .1em
|
|
}
|
|
|
|
.slideMain .more:hover a:after {
|
|
width: 4rem
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.homea-top {
|
|
height: 8rem;
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.homebtn {
|
|
position: absolute;
|
|
width: 8.5%;
|
|
height: 11vh;
|
|
;
|
|
top: 0;
|
|
right: 0
|
|
}
|
|
|
|
.homebtn img {
|
|
height: 5vh
|
|
}
|
|
|
|
.caidanlan .homea-nav .navsitem {
|
|
height: 3rem;
|
|
}
|
|
|
|
.homea-nav .navsitem {
|
|
position: relative;
|
|
cursor: pointer;
|
|
padding: 0 .8rem;
|
|
color: #fff;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
}
|
|
|
|
.homea-nav .navsitem>a {
|
|
color: #fff;
|
|
/* font-family: "SourceHanSerifCN-Bold"; */
|
|
font-size: .88rem;
|
|
font-weight: bold;
|
|
transition: .5s;
|
|
}
|
|
|
|
.homea-nav .navsitem:hover {
|
|
background: rgba(255, 255, 255, .1);
|
|
}
|
|
|
|
.homea-nav .navi1 .subnavs {
|
|
left: 0 !important;
|
|
}
|
|
|
|
.homea-nav .navi2 .subnavs {
|
|
left: 0 !important;
|
|
}
|
|
|
|
.homea-nav .navi3 .subnavs {
|
|
left: 0 !important;
|
|
}
|
|
|
|
.homea-nav .navi4 .subnavs {
|
|
left: 0 !important;
|
|
}
|
|
|
|
.homea-nav .navsitem .subnavs {
|
|
position: absolute;
|
|
top: 100%;
|
|
right: 0;
|
|
background: rgba(6, 45, 123, .9);
|
|
height: 0;
|
|
/* padding-left: 2rem; */
|
|
padding: 0rem 2rem;
|
|
opacity: 0;
|
|
visibility: hidden;
|
|
z-index: -1;
|
|
transition: .3s;
|
|
overflow: hidden;
|
|
border: .04rem solid rgba(255, 255, 255, 0.2)
|
|
}
|
|
|
|
.homea-nav .navsitem .subnavs li {
|
|
padding: .48rem .3rem
|
|
}
|
|
|
|
.homea-nav .navsitem:hover .subnavs {
|
|
opacity: 1;
|
|
visibility: inherit;
|
|
z-index: 10;
|
|
height: 3.6rem
|
|
}
|
|
|
|
.homea-nav .navsitem::before {
|
|
content: '';
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 0;
|
|
height: .12rem;
|
|
background: #2c69e7;
|
|
z-index: 5;
|
|
transition: .3s
|
|
}
|
|
|
|
.homea-nav .navsitem:hover::before {
|
|
width: 100%;
|
|
}
|
|
|
|
.homea-nav .navsitem .subnavs li a {
|
|
color: #fff;
|
|
opacity: .8;
|
|
position: relative;
|
|
transition: .3s;
|
|
display: inline-block;
|
|
}
|
|
|
|
.homea-nav .navsitem .subnavs li a:hover {
|
|
opacity: 1
|
|
}
|
|
|
|
.homea-nav .navsitem .subnavs li a::before {
|
|
content: '「';
|
|
position: absolute;
|
|
left: -1.2rem;
|
|
top: 0;
|
|
opacity: 0;
|
|
transition: .5s
|
|
}
|
|
|
|
.homea-nav .navsitem .subnavs li a::after {
|
|
content: '」';
|
|
position: absolute;
|
|
right: -1.2rem;
|
|
bottom: 0;
|
|
opacity: 0;
|
|
|
|
}
|
|
|
|
.homea-nav .navsitem .subnavs li a:hover::before {
|
|
left: -0.72rem;
|
|
opacity: 1
|
|
}
|
|
|
|
.homea-nav .navsitem .subnavs li a:hover::after {
|
|
right: -0.72rem;
|
|
opacity: 1
|
|
}
|
|
|
|
.homea-nav .navi1 .subnavs {
|
|
/* width: 22rem; */
|
|
width: max-content;
|
|
}
|
|
|
|
.homea-nav .navi1 .subnavs li {
|
|
/*width: 25%*/
|
|
}
|
|
|
|
.homea-nav .navi2 .subnavs {
|
|
/* width: 22rem */
|
|
width: max-content;
|
|
}
|
|
|
|
.homea-nav .navi3 .subnavs {
|
|
/* width: 22rem */
|
|
width: max-content;
|
|
}
|
|
|
|
.homea-nav .navi4 .subnavs {
|
|
/* width: 22rem */
|
|
width: max-content;
|
|
}
|
|
|
|
.homea-nav .navi5 .subnavs {
|
|
/* width: 22rem */
|
|
width: max-content;
|
|
}
|
|
|
|
.homea-nav .navi6 .subnavs {
|
|
/* width: 22rem */
|
|
width: max-content;
|
|
}
|
|
|
|
.homea-nav .navi7 .subnavs {
|
|
/* width: 22rem */
|
|
width: max-content;
|
|
}
|
|
|
|
.homea-nav .navi8 .subnavs {
|
|
/* width: 22rem */
|
|
width: max-content;
|
|
}
|
|
|
|
.homea-nav .navi9 .subnavs {
|
|
/* width: 22rem */
|
|
width: max-content;
|
|
}
|
|
|
|
.banner>.swiper-pagination-bullets {
|
|
bottom: 10vh;
|
|
position: fixed;
|
|
left: 20%;
|
|
}
|
|
|
|
.banner>.swiper-pagination-bullets .swiper-pagination-bullet {
|
|
background: #fff;
|
|
margin: 0 .4rem;
|
|
width: 4rem;
|
|
height: .6rem;
|
|
vertical-align: middle;
|
|
opacity: .6;
|
|
box-shadow: 0 0 .2rem rgba(0, 0, 0, .2)
|
|
}
|
|
|
|
.banner>.swiper-pagination-bullets .swiper-pagination-bullet-active {
|
|
background: #fff;
|
|
width: 4rem;
|
|
height: .6rem;
|
|
opacity: 1
|
|
}
|
|
|
|
.banner,
|
|
.banner .slide {
|
|
/* height: 58vh */
|
|
height: 100%;
|
|
}
|
|
|
|
.banner .slide a {
|
|
display: block;
|
|
height: 100%;
|
|
width: 100%;
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
background-size: cover
|
|
}
|
|
|
|
.homea-mid {
|
|
height: 88.88889%
|
|
}
|
|
|
|
.homea-mid .aleft {
|
|
width: 35.8%;
|
|
padding-left: 4vw;
|
|
padding-right: 4%;
|
|
max-width: 26rem
|
|
}
|
|
|
|
.homea-mid .aright {
|
|
width: 64.2%
|
|
}
|
|
|
|
.homea-mid .aleft .t {
|
|
position: absolute;
|
|
right: 25%;
|
|
top: 50%;
|
|
transform: translateY(-55%);
|
|
color: #8396BB;
|
|
font-size: 4rem;
|
|
font-weight: 700;
|
|
font-family: monospace;
|
|
}
|
|
|
|
.homea-mid .aleft .t span {
|
|
display: inline-block;
|
|
width: 3.2rem;
|
|
line-height: 1.15em
|
|
}
|
|
|
|
.homea-mid .aleft .t span:first-child {
|
|
transform: translateY(0em);
|
|
margin-right: 2.5rem;
|
|
}
|
|
|
|
.homea-mid .aleft .t span:last-child {
|
|
transform: translateY(1em);
|
|
}
|
|
|
|
.homea-mid .aleft .t b {
|
|
color: #fff;
|
|
}
|
|
|
|
/* .homeb .container{padding-bottom: 12.9vh;}
|
|
.homeb h3.syst{font-size: 1.36rem;padding-left: 5%;height: 11.2vh;padding-top:4vh}
|
|
.homeb h3.syst a{font-size: .6rem;padding-right: 0%;float:right;}
|
|
.homeb .aleft{width: 35.8%;height: 87.1vh}
|
|
.homeb .aleft h3.syst {color: #fff}
|
|
.homeb .aleft h3.syst a {color: #fff}
|
|
.homeb .amid{width:27.9%;height: 87.1vh}
|
|
.homeb .aright{width:32.9%;height: 87.1vh;margin-left: 1rem;}
|
|
.homeb .aleft .slidenews .pic{height: 40vh}
|
|
.homeb .aleft .slidenews .slide p{position: absolute;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,.6);padding: .6rem 5%;color: #fff;z-index: 5}
|
|
.homeb .aleft .slidenews .slide p a{color: #fff}
|
|
.homeb .aleft .zhxwList{height: 35.9vh}
|
|
.homeb .aleft .zhxwList li{height: 33.33333%;border-top: .04rem solid #4269af;padding: .4rem 5%;display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;color: #fff}
|
|
.homeb .aleft .zhxwList li:hover{background: rgba(255,255,255,.1);}
|
|
.homeb .aleft .zhxwList li .time{text-align: right;font-size: .6rem}
|
|
.homeb .aleft .zhxwList li .time span{display: block;font-size: .8rem;margin-bottom: .2rem}
|
|
.homeb .aleft .zhxwList li .time em{opacity: .6}
|
|
.homeb .aleft .zhxwList li h4{width: calc(100% - 5.6rem)}
|
|
.homeb .aleft .zhxwList li h4 a{color: #fff;font-size: .8rem;line-height: 1.4em}
|
|
.homeb .amid ul{background:url(../images/tzbg.jpg) no-repeat center;background-size: 100% 100%;height: 76vh}
|
|
.homeb .amid ul li{height: 20%;padding: .4rem 5%;display: flex;flex-direction: column;justify-content: center;}
|
|
.homeb .amid ul li .time{width: 2.8rem;}
|
|
.homeb .amid ul li .time time{display: block;border: .04rem solid #ddd;border-radius: .2rem;text-align: center;display: flex;flex-direction: column;justify-content: center;height: 2.8rem;color: #666;transition: .3s}
|
|
.homeb .amid ul li .time time span{font-size: 1.2rem;display: block;}
|
|
.homeb .amid ul li .info{width: calc(100% - 3.6rem)}
|
|
.homeb .amid ul li .info h4{font-size: .72rem;margin-bottom: .4rem;line-height: 1.4em;}
|
|
.homeb .amid ul li .info h4 a{max-height: 2rem\0}
|
|
.homeb .amid ul li .info p{color: #666;font-size: .6rem;transition: .3s;max-height: 1.6rem\0;}
|
|
.homeb .amid ul li:hover a{color: #812DC0}
|
|
.homeb .amid ul li:hover p{color: #812DC0}
|
|
.homeb .amid ul li:hover time{color: #812DC0;background: rgba(0,0,0,.05);}
|
|
|
|
|
|
.homeb .aright .pic{height:76vh}
|
|
.homeb .aright .pic img{height:100%;width: 100%;}
|
|
.homeb .aright .info{height:8vh;background: rgba(0,0,0,0);padding: 0 5%;}
|
|
.homeb .aright .info .time{font-size: .56rem;color: #666}
|
|
.homeb .aright .info h4{width: calc(100% - 4.8rem);font-size: .72rem;line-height: 1.4em} */
|
|
|
|
|
|
.homec .aright {
|
|
width: 100%;
|
|
height: 100vh
|
|
}
|
|
|
|
.homec .aright .item {
|
|
width: 20%;
|
|
background: rgba(0, 0, 0, .3);
|
|
transition: .3s;
|
|
padding-top: 18%;
|
|
color: #fff;
|
|
transition: .3s;
|
|
position: relative;
|
|
}
|
|
|
|
.homec .aright .item a {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
z-index: 10;
|
|
display: block;
|
|
}
|
|
|
|
.homec .aright .item:hover {
|
|
background: rgba(21, 45, 106, .78);
|
|
}
|
|
|
|
.homec .aright .item:nth-child(2) {
|
|
border: .04rem solid #ddd;
|
|
border-top: 0;
|
|
border-bottom: 0
|
|
}
|
|
|
|
.homec .aright .item:nth-child(4) {
|
|
border: .04rem solid #ddd;
|
|
border-top: 0;
|
|
border-bottom: 0
|
|
}
|
|
|
|
.homec .aright .item .i {
|
|
margin: 0 auto;
|
|
margin-bottom: .8rem;
|
|
position: relative;
|
|
width: 4.16rem;
|
|
height: 4.16rem;
|
|
}
|
|
|
|
.homec .aright .item .i:after {
|
|
width: 4.16rem;
|
|
height: 4.16rem;
|
|
background: url(../images/ccir.png)no-repeat center;
|
|
content: '';
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
z-index: 0;
|
|
animation: roted 50s linear infinite;
|
|
opacity: 0;
|
|
transition: .3s;
|
|
background-size: 100% 100%
|
|
}
|
|
|
|
.homec .aright .item .i img {
|
|
margin: 0 auto;
|
|
position: relative;
|
|
z-index: 2;
|
|
transition: .3s;
|
|
width: 2.32rem;
|
|
height: 2.32rem
|
|
}
|
|
|
|
.homec .aright .item:hover .i img {
|
|
transform: scale(.8);
|
|
}
|
|
|
|
.homec .aright .item:hover .i:after {
|
|
opacity: 1
|
|
}
|
|
|
|
@keyframes roted {
|
|
0% {
|
|
transform: rotate(0)
|
|
}
|
|
|
|
50% {
|
|
transform: rotate(360deg)
|
|
}
|
|
|
|
to {
|
|
transform: rotate(0)
|
|
}
|
|
}
|
|
|
|
.homec .aright .item .tc {
|
|
writing-mode: tb-rl;
|
|
writing-mode: vertical-rl;
|
|
}
|
|
|
|
.homec .aright .item h4 {
|
|
font-size: 1.2rem;
|
|
margin-left: -0.3rem
|
|
}
|
|
|
|
.homec .aright .item .tc p {
|
|
max-height: 16rem;
|
|
opacity: 0;
|
|
visibility: hidden;
|
|
transition: .3s .1s
|
|
}
|
|
|
|
.homec .aright .item .tcc {
|
|
margin-left: 6.5vw;
|
|
transition: .3s
|
|
}
|
|
|
|
.homec .aright .item:hover .tcc {
|
|
margin-left: 8vw
|
|
}
|
|
|
|
.homec .aright .item:hover .tcc p {
|
|
opacity: 1;
|
|
visibility: inherit;
|
|
margin-right: .5rem;
|
|
}
|
|
|
|
|
|
|
|
|
|
.homec .aright .item:hover {
|
|
padding-top: 15%
|
|
}
|
|
|
|
/*.homec .aright .item .tcc{position: absolute;left: 50%;transform: translateX(-50%);height: 50vh;top:0;}*/
|
|
.homec .aleft {
|
|
width: 29.5vw;
|
|
padding-left: 6vw
|
|
}
|
|
|
|
.homec .aleft img {
|
|
transform: translateX(3vw);
|
|
}
|
|
|
|
.homec .aleft .t {
|
|
position: absolute;
|
|
right: 0;
|
|
top: 50%;
|
|
transform: translateY(-50%);
|
|
}
|
|
|
|
.homec .aleft .t0 {
|
|
font-size: 2.4rem;
|
|
color: #13439b;
|
|
margin-bottom: .8rem
|
|
}
|
|
|
|
.homec .aleft .t1 {
|
|
font-weight: 100;
|
|
font-size: .72rem;
|
|
margin-bottom: 1.2rem;
|
|
line-height: 1.5rem;
|
|
}
|
|
|
|
.homec .aleft .t2 {
|
|
font-weight: 100;
|
|
font-size: 1.76rem;
|
|
}
|
|
|
|
.homec .aleft .t2 b {
|
|
color: #8239b9
|
|
}
|
|
|
|
|
|
|
|
.homed .aleft {
|
|
width: 29.5vw;
|
|
padding-left: 6vw;
|
|
color: #fff
|
|
}
|
|
|
|
.homed .aright {
|
|
width: 64.2%;
|
|
padding-right: 7.9vw;
|
|
height: 100vh
|
|
}
|
|
|
|
.homed .aleft img {
|
|
transform: translateX(3vw);
|
|
}
|
|
|
|
.homed .aleft .t {
|
|
position: absolute;
|
|
right: 0;
|
|
top: 50%;
|
|
transform: translateY(-50%);
|
|
}
|
|
|
|
.homed .aleft .t0 {
|
|
font-size: 2.4rem;
|
|
margin-bottom: .8rem
|
|
}
|
|
|
|
.homed .aleft .t1 {
|
|
font-weight: 100;
|
|
font-size: .72rem;
|
|
margin-bottom: 1.2rem;
|
|
line-height: 1.5rem
|
|
}
|
|
|
|
.homed .aleft .t2 {
|
|
font-weight: 100;
|
|
font-size: 1.76rem
|
|
}
|
|
|
|
.homed .aright .itemimg {
|
|
position: absolute;
|
|
right: 0;
|
|
bottom: 0;
|
|
width: 47%;
|
|
max-width: 21.6rem
|
|
}
|
|
|
|
.homed .aright .item {
|
|
width: 45%
|
|
}
|
|
|
|
.homed .aright .item h4 {
|
|
font-size: 1.2rem;
|
|
margin-top: 3vh;
|
|
margin-left: 2vw
|
|
}
|
|
|
|
.homed .aright .itema .pic {
|
|
height: 47vh
|
|
}
|
|
|
|
.homed .aright .itemb .pic {
|
|
height: 50vh
|
|
}
|
|
|
|
.homed .aright .itema {
|
|
transform: translateY(25vh);
|
|
margin-right: 2%
|
|
}
|
|
|
|
/* .homeb .slideb-prev img{height:1.4rem;width: .8rem}
|
|
.homeb .slideb-next img{height:1.4rem;width: .8rem} */
|
|
|
|
.homee .aright .slideaa .pic {
|
|
width: 67%;
|
|
}
|
|
|
|
.homee .aright .slideaa .aaleft .slidea-prev img {
|
|
height: 1.4rem;
|
|
width: .8rem
|
|
}
|
|
|
|
.homee .aright .slideaa .aaleft .slidea-next img {
|
|
height: 1.4rem;
|
|
width: .8rem
|
|
}
|
|
|
|
.homee .aright .slidebb .slideb-prev img {
|
|
height: 1.28rem;
|
|
width: .72rem
|
|
}
|
|
|
|
.homee .aright .slidebb .slideb-next img {
|
|
height: 1.28rem;
|
|
width: .72rem
|
|
}
|
|
|
|
.homee .aright .slidecc .slidec-prev img {
|
|
height: 1.28rem;
|
|
width: .72rem
|
|
}
|
|
|
|
.homee .aright .slidecc .slidec-next img {
|
|
height: 1.28rem;
|
|
width: .72rem
|
|
}
|
|
|
|
.homee .slide a {
|
|
display: block;
|
|
height: 100%;
|
|
width: 100%;
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
background-size: cover
|
|
}
|
|
|
|
/*.homee{height:88.88889%}*/
|
|
.homee .aleft {
|
|
width: 29.5vw;
|
|
padding-left: 6vw
|
|
}
|
|
|
|
.homee .aright {
|
|
width: 56%;
|
|
padding-right: 7.9vw
|
|
}
|
|
|
|
.homee .aleft img {
|
|
transform: translateX(3vw);
|
|
}
|
|
|
|
.homee .aleft .t {
|
|
position: absolute;
|
|
right: 0;
|
|
top: 50%;
|
|
transform: translateY(-50%);
|
|
}
|
|
|
|
.homee .aleft .t0 {
|
|
font-size: 2.4rem;
|
|
color: #13439b;
|
|
margin-bottom: .8rem
|
|
}
|
|
|
|
.homee .aleft .t1 {
|
|
font-weight: 100;
|
|
font-size: .72rem;
|
|
margin-bottom: 1.2rem;
|
|
line-height: 1.5rem
|
|
}
|
|
|
|
.homee .aleft .t2 {
|
|
font-weight: 100;
|
|
font-size: 1.76rem
|
|
}
|
|
|
|
.homee .aleft .t2 b {
|
|
color: #8239b9
|
|
}
|
|
|
|
.homee .aright .slideaa {
|
|
width: 100%;
|
|
margin-bottom: 3vh
|
|
}
|
|
|
|
.homee .aright .slidebb {
|
|
width: 48%
|
|
}
|
|
|
|
.homee .aright .slidecc {
|
|
width: 48%
|
|
}
|
|
|
|
.homee .aright .slidea .slide a {
|
|
height: 34vh;
|
|
transition: .3s
|
|
}
|
|
|
|
.homee .aright .slideb .slide a.mark {
|
|
height: 24vh;
|
|
position: relative;
|
|
}
|
|
|
|
.homee .aright .slidec .slide a.mark {
|
|
height: 24vh;
|
|
position: relative;
|
|
}
|
|
|
|
.homee .aright .slideb .slide a.mark:before,
|
|
.homee .aright .slidec .slide a.mark:before {
|
|
content: '';
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
z-index: 2;
|
|
background: url(../images/emask.png) no-repeat center;
|
|
background-size: 100% 100%
|
|
}
|
|
|
|
.homee .aright .slideb .slide p a,
|
|
.homee .aright .slidec .slide p a {
|
|
font-size: .72rem;
|
|
color: #fff;
|
|
text-align: center;
|
|
padding: .6rem 0
|
|
}
|
|
|
|
.homee .aright .slideaa .aaleft {
|
|
width: 33%;
|
|
background: rgba(255, 255, 255, .15);
|
|
color: #fff;
|
|
padding: 6.5% 1.2rem 0
|
|
}
|
|
|
|
.homee .aright .slideaa .aaleft h3 {
|
|
font-size: .96rem;
|
|
margin-bottom: 1.2rem
|
|
}
|
|
|
|
.homee .aright .slideaa .aaleft p {
|
|
font-size: .72rem;
|
|
line-height: 1.6em
|
|
}
|
|
|
|
.homee .aright .slideaa .slidea-next {
|
|
right: auto;
|
|
left: 4rem;
|
|
top: auto;
|
|
bottom: 1.2rem
|
|
}
|
|
|
|
.homee .aright .slideaa .slidea-prev {
|
|
left: 1.2rem;
|
|
top: auto;
|
|
bottom: 1.2rem
|
|
}
|
|
|
|
.homee .aright .slidebb .slideb-next {
|
|
margin-top: -1.8rem
|
|
}
|
|
|
|
.homee .aright .slidebb .slideb-prev {
|
|
margin-top: -1.8rem
|
|
}
|
|
|
|
.homee .aright .slidecc .slidec-next {
|
|
margin-top: -1.8rem
|
|
}
|
|
|
|
.homee .aright .slidecc .slidec-prev {
|
|
margin-top: -1.8rem
|
|
}
|
|
|
|
.homee .aright .slidebb .ct {
|
|
background: rgba(55, 195, 196, .5)
|
|
}
|
|
|
|
.homee .aright .slidebb .ct,
|
|
.homee .aright .slidecc .ct {
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 2.16rem;
|
|
color: #fff;
|
|
font-size: .96rem;
|
|
z-index: 10;
|
|
text-align: center;
|
|
padding: .4rem 0
|
|
}
|
|
|
|
.homee .aright .slidecc .ct {
|
|
background: rgba(142, 55, 204, .5)
|
|
}
|
|
|
|
.homef {
|
|
position: relative;
|
|
min-height: 11.84rem;
|
|
}
|
|
|
|
.homef::before {
|
|
content: '';
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
bottom: 0;
|
|
width: 39.8%;
|
|
|
|
/* background: url(../images/footbg.png) no-repeat center;
|
|
*/ background-size: cover;
|
|
z-index: 0
|
|
}
|
|
|
|
.homef::after {
|
|
content: '';
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
bottom: 0;
|
|
width: 60.2%;
|
|
background: #062c7b;
|
|
z-index: -1
|
|
}
|
|
|
|
.homef .home-footer {
|
|
height: 100%;
|
|
}
|
|
|
|
.homef .home-footer .fleft {
|
|
width: 39.8%;
|
|
position: relative;
|
|
z-index: 1;
|
|
background-size: cover;
|
|
}
|
|
|
|
.homef .home-footer .fleft {
|
|
/* background: #062c7b !important;
|
|
*/}
|
|
|
|
.homef .home-footer .fright {
|
|
width: 60.2%;
|
|
}
|
|
|
|
.homef .home-footer .copyright {
|
|
font-family: SourceHanSerifCN-Bold;
|
|
font-size: .6rem;
|
|
color: #555;
|
|
margin-top: 0rem;
|
|
text-align: center;
|
|
border-top: .04rem solid #365faa;
|
|
height: 2.72rem;
|
|
/* padding: 0 10.25% 0 7.3%; */
|
|
line-height: 2.72rem;
|
|
}
|
|
|
|
.homef .home-footer .copyright span {
|
|
margin: 0 .32rem
|
|
}
|
|
|
|
.homef .home-footer .copyright span {
|
|
display: inline-block;
|
|
color: white;
|
|
}
|
|
|
|
.homef .home-footer .copyright span a {
|
|
color: white;
|
|
}
|
|
|
|
.homef .home-footer .copyright a {
|
|
color: #555;
|
|
position: relative;
|
|
background-image: linear-gradient(#888, #888);
|
|
background-position: 0 100%;
|
|
background-size: 0 .04rem;
|
|
background-repeat: no-repeat;
|
|
transition: background-size .3s
|
|
}
|
|
|
|
.homef .home-footer .copyright a:hover {
|
|
background-size: 100% .04rem
|
|
}
|
|
|
|
.homef .home-footer .fright,
|
|
.homef .home-footer .fright a {
|
|
color: #fff;
|
|
font-size: .65rem;
|
|
font-family: SourceHanSerifCN-Bold;
|
|
}
|
|
|
|
.homef .home-footer .fright .frighta {
|
|
height: 9.12rem;
|
|
padding-right: 26.25%;
|
|
padding-left: 7.3%;
|
|
width: 51rem;
|
|
}
|
|
|
|
.homef .home-footer .fright .frighta .aleft {
|
|
font-family: SourceHanSerifCN-Bold;
|
|
}
|
|
|
|
.homef .home-footer .fright .frighta .aleft p {
|
|
padding: .2rem 0
|
|
}
|
|
|
|
.homef .home-footer .fright .frighta .aleft img {
|
|
height: .8rem;
|
|
margin-right: .2rem;
|
|
opacity: .6;
|
|
display: inline-block;
|
|
vertical-align: -0.2rem;
|
|
}
|
|
|
|
.homef .home-footer .fright .frighta .aleft .impact {
|
|
font-size: .88rem;
|
|
}
|
|
|
|
.homef .home-footer .fright .frighta .aright .imglink {
|
|
text-align: center;
|
|
margin-left: .6rem;
|
|
position: relative;
|
|
}
|
|
|
|
.homef .home-footer .fright .frighta .aright .imglink p {
|
|
font-size: .8rem;
|
|
margin-bottom: .8rem;
|
|
}
|
|
|
|
.homef .home-footer .fright .frighta .left {
|
|
margin-right: 5rem;
|
|
}
|
|
|
|
.homef .home-footer .fright .frighta .aright .imglink a {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
display: block;
|
|
z-index: 5
|
|
}
|
|
|
|
.homef .home-footer .fright .frighta .aright .imglink img {
|
|
border: .04rem dashed #5872a7;
|
|
margin-bottom: .2rem;
|
|
transition: .3s;
|
|
width: 4rem;
|
|
height: 4rem;
|
|
}
|
|
|
|
.homef .home-footer .fright .frighta .aright .imglink:hover img {
|
|
background: #123a8c;
|
|
margin-bottom: .2rem
|
|
}
|
|
|
|
.homef .home-footer .fright .frighta .aright .imglink:last-child img {
|
|
border: 0
|
|
}
|
|
|
|
.homef .home-footer .fright .frightb {
|
|
border-top: .04rem solid #365faa;
|
|
height: 2.72rem;
|
|
padding: 0 10.25% 0 7.3%;
|
|
line-height: 2.72rem
|
|
}
|
|
|
|
.homef .home-footer .fright .frightb img {
|
|
display: inline-block;
|
|
vertical-align: -0.28rem;
|
|
margin-right: .2rem
|
|
}
|
|
|
|
.homef .home-footer .fright .frightb a {
|
|
margin-left: 1.5rem;
|
|
font-size: .68rem;
|
|
}
|
|
|
|
.homef .home-footer .footlogo {
|
|
/* margin-top: 2.4rem; */
|
|
height: 9.12rem;
|
|
}
|
|
.pattern-title {
|
|
width:100%;
|
|
margin-bottom: 1rem;
|
|
}
|
|
|
|
.pattern-title i {
|
|
display:block;
|
|
width:12rem;
|
|
font-size: 1.8rem;
|
|
line-height: 2.35rem;
|
|
color:#fff;
|
|
background:url(../images/pattern.png) no-repeat 8rem;
|
|
}
|
|
|
|
.ctit1 {
|
|
margin-bottom: 1rem;
|
|
}
|
|
|
|
.ctit1 i {
|
|
font-size: 1.8rem;
|
|
line-height: 2.35rem;
|
|
}
|
|
|
|
.ctit1 i:first-child {
|
|
border: 1px solid #394c8e;
|
|
border-radius: 0.625rem 0 0 0.625rem;
|
|
display: block;
|
|
border-right: 0;
|
|
padding: 0 0.3125rem 0 0.9375rem;
|
|
}
|
|
|
|
.ctit1 i:last-child {
|
|
border: 0.0625rem solid #1c4690;
|
|
border-radius: 0 0.625rem 0.625rem 0;
|
|
display: block;
|
|
background: #1c4690 no-repeat right bottom;
|
|
padding: 0 0.9375rem 0 0.3125rem;
|
|
color: #fff
|
|
}
|
|
|
|
.homeb {
|
|
padding: 4rem 0;
|
|
background:url("../images/secbg.jpg") no-repeat center;
|
|
background-size: 100% 100%;
|
|
}
|
|
|
|
.homeb .wp {
|
|
background: transparent;
|
|
width: 69rem;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.homeb .aleft {
|
|
width: 63%;
|
|
}
|
|
|
|
.homeb .aright {
|
|
width: 33%;
|
|
}
|
|
|
|
.homeb .aleft .tzgg {
|
|
background-size: 100% 100%;
|
|
padding: 1rem 1.875rem;
|
|
background-color: #13439b;
|
|
}
|
|
|
|
.homeb .aleft .tzgg li {
|
|
margin-bottom: 1rem;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
flex-wrap: wrap;
|
|
color: #fff;
|
|
}
|
|
.jtfylist{
|
|
max-height: 31.25rem;
|
|
}
|
|
/*.jtfylist img:{cursor: pointertransition: all 0.6s;}
|
|
.jtfylist img:hover {transform:scale(1.2);}
|
|
*/
|
|
.homeb .aleft .tzgg li .time {
|
|
width: 4.375rem;
|
|
}
|
|
|
|
.homeb .aleft .tzgg li .time time {
|
|
border: 0.0625rem solid #8fa8ff;
|
|
border-radius: 0.3125rem;
|
|
text-align: center;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
height: 3.6rem;
|
|
transition: .3s;
|
|
font-size: .6rem;
|
|
}
|
|
|
|
.homeb .aleft .tzgg li .time time span {
|
|
font-size: 1.55rem;
|
|
display: block;
|
|
color: #fff
|
|
}
|
|
|
|
.homeb .aleft .tzgg li .info {
|
|
width: calc(100% - 5.625rem)
|
|
}
|
|
|
|
.homeb .aleft .tzgg li .info h4 a {
|
|
font-size: .86rem;
|
|
color: #fff;
|
|
line-height: 1.3em;
|
|
}
|
|
|
|
.homeb .aleft .tzgg li .info p {
|
|
color: #8fa8ff;
|
|
font-size: 0.65rem;
|
|
transition: .3s;
|
|
}
|
|
|
|
.homeb .aright .pic {
|
|
height: 27.5rem;
|
|
width: 38%
|
|
}
|
|
|
|
.homeb .aright .titlin_b:hover a {
|
|
color: #394c8e
|
|
}
|
|
|
|
.homeb .aright .info {
|
|
width: 100%;
|
|
padding: 0.7rem 2% .5rem;
|
|
color: #fff;
|
|
}
|
|
|
|
.homeb .aright .info h4 {
|
|
font-size: 2.15rem;
|
|
margin-bottom: .75rem;
|
|
line-height: 1.4em;
|
|
max-height: 3.4rem;
|
|
color: #fff;
|
|
}
|
|
|
|
.homeb .aright .info p {
|
|
line-height: 1.8em;
|
|
color: #666;
|
|
max-height: 6rem;
|
|
color: #fff;
|
|
}
|
|
.mt-5{
|
|
margin-top: 2.5rem;
|
|
}
|
|
|
|
.homeb .aright .swiper-button-next {
|
|
width: 2.5rem;
|
|
height: 2rem;
|
|
background: #989898;
|
|
right: auto;
|
|
top: auto;
|
|
margin-top: 0;
|
|
bottom: 15%;
|
|
left: calc(45% + 2.5rem);
|
|
transition: .3s;
|
|
background: url(../image/ar1.svg) no-repeat center;
|
|
background-size: 1.05rem 1.05rem;
|
|
border: 1px solid #ddd;
|
|
border-left: 0;
|
|
border-radius: 0 .3rem .3rem 0;
|
|
}
|
|
|
|
.homeb .aright .swiper-button-next:before {
|
|
content: '';
|
|
position: absolute;
|
|
left: 0;
|
|
top: .75rem;
|
|
height: .75rem;
|
|
width: 1px;
|
|
background: #ddd
|
|
}
|
|
|
|
.homeb .aright .swiper-button-prev {
|
|
width: 2.5rem;
|
|
height: 2rem;
|
|
background: url(../image/al1.svg) no-repeat center;
|
|
background-size: 1.05rem 1.05rem;
|
|
left: 45%;
|
|
top: auto;
|
|
margin-top: 0;
|
|
bottom: 15%;
|
|
transition: .3s;
|
|
border: 1px solid #ddd;
|
|
border-right: 0;
|
|
border-radius: .3rem 0 0 .3rem;
|
|
}
|
|
|
|
.homeb .aright .swiper-button-next:hover {
|
|
background: url(../image/ar.svg) no-repeat center;
|
|
background-size: 1.05rem 1.05rem;
|
|
}
|
|
|
|
.homeb .aright .swiper-button-prev:hover {
|
|
background: url(../image/al.svg) no-repeat center;
|
|
background-size: 1.05rem 1.05rem;
|
|
}
|
|
.syst{
|
|
align-items: center;
|
|
}
|
|
|
|
/* 第一屏 */
|
|
.oneping {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
/* height: 36rem; */
|
|
height: calc(100vh - 8rem);
|
|
/* padding: 2rem 4rem 6rem; */
|
|
padding: 0rem 4rem;
|
|
}
|
|
|
|
.Alumni {
|
|
/* width: 100%;
|
|
height: 29rem;*/
|
|
padding: 3.2rem 0rem;
|
|
}
|
|
|
|
.Alumni .wp {
|
|
background: #13439b;
|
|
width: 57rem;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.Alumni .ctit img {
|
|
height: 2rem;
|
|
}
|
|
|
|
.Alumni .wp .aleft {
|
|
width: 37%;
|
|
padding: 2%;
|
|
}
|
|
|
|
.Alumni .wp .slidenews {
|
|
width: 63%
|
|
}
|
|
|
|
.Alumni .slidenews .pic {
|
|
height: 100%
|
|
}
|
|
|
|
.Alumni .slidenews .pic img {
|
|
height: 100%;
|
|
|
|
}
|
|
|
|
.Alumni .slidenews .slide p {
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
background: rgba(0, 0, 0, .6);
|
|
padding: 0 10rem 0 4%;
|
|
color: #fff;
|
|
z-index: 5;
|
|
line-height: 1.25rem;
|
|
align-items: center;
|
|
display: flex;
|
|
font-size: .86rem;
|
|
height: 2.86rem;
|
|
}
|
|
|
|
.Alumni .slidenews .slide p span {
|
|
right: 4%;
|
|
top: 0;
|
|
position: absolute;
|
|
font-size: .6rem;
|
|
display: block;
|
|
bottom: 0;
|
|
height: 3rem;
|
|
line-height: 3rem;
|
|
}
|
|
|
|
.Alumni .slidenews .slide p a {
|
|
color: #fff
|
|
}
|
|
|
|
.Alumni .slideb-prev img {
|
|
height: 1.55rem;
|
|
width: 1rem;
|
|
}
|
|
|
|
.Alumni .slideb-next img {
|
|
height: 1.55rem;
|
|
width: 1rem;
|
|
}
|
|
|
|
.Alumni .slidenews .slide a.mark:before {
|
|
content: '';
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
z-index: 2;
|
|
background-size: 100% 100%
|
|
}
|
|
|
|
.Alumni .wp .aleft ul li {
|
|
padding: .88rem 0;
|
|
border-bottom: 1px solid #4269af;
|
|
padding-right: 5.5rem;
|
|
position: relative;
|
|
font-size: .82rem;
|
|
color: #fff;
|
|
}
|
|
.Alumni .wp .aleft ul li a{
|
|
color: #fff;
|
|
}
|
|
.Alumni .wp .aleft ul li:hover a,
|
|
.Alumni .wp .aleft ul li:hover time {
|
|
color: #ccc
|
|
}
|
|
|
|
.ctit a:before {
|
|
position: absolute;
|
|
width: 2.3rem;
|
|
height: 2.3rem;
|
|
border-radius: 50%;
|
|
background: #ececec;
|
|
content: '';
|
|
top: 50%;
|
|
transform: translateY(-50%);
|
|
z-index: 0
|
|
}
|
|
|
|
.ellipsis-multiline {
|
|
overflow:hidden;
|
|
text-overflow:ellipsis;
|
|
display:-webkit-box;
|
|
-webkit-box-orient:vertical;
|
|
-webkit-line-clamp:2;
|
|
}
|
|
|
|
/* .ctit a:after{position:absolute;width:14px;height:4px;background:#111;content:'';left:-20px;top:50%;transform:translateY(-50%);z-index:0} */
|
|
.ctit a em {
|
|
position: relative;
|
|
z-index: 5;
|
|
font-size: 0.65rem;
|
|
}
|
|
|
|
.ctit a:hover:after {
|
|
background: #394c8e
|
|
}
|
|
|
|
.Alumni .wp .aleft ul li:last-child {
|
|
border-bottom: 0
|
|
}
|
|
|
|
.Alumni .wp .aleft ul li time {
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
padding: 1.15rem 0;
|
|
font-size: .60rem;
|
|
color: #cedeff;
|
|
text-align: right;
|
|
}
|
|
|
|
/* .Alumni h2{
|
|
color: #fff;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
padding-bottom: .6rem;
|
|
margin-bottom: .8rem;
|
|
border-bottom: .04rem solid rgba(255, 255, 255, .5);
|
|
}
|
|
.Alumni h2 span{
|
|
font-size: 1.4rem;
|
|
}
|
|
.Alumni h2 .yingwen{
|
|
font-size: .64rem;
|
|
}
|
|
.Alumni h2 a{
|
|
color: #fff;
|
|
font-size: .64rem;
|
|
}
|
|
.Alumni ul {
|
|
width:51rem;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.Alumni ul li {
|
|
width: 17rem;
|
|
height: 12rem;
|
|
float: left;
|
|
transition: all .3s ease-out .1s;
|
|
-webkit-transition: all .3s ease-out .1s;
|
|
-moz-transition: all .3s ease-out .1s;
|
|
-ms-transition: all .3s ease-out .1s;
|
|
-o-transition: all .3s ease-out .1s;
|
|
}
|
|
|
|
.Alumni ul li :hover img {
|
|
transform: scale(1.1, 1.1);
|
|
-webkit-transform: scale(1.1, 1.1);
|
|
-moz-transform: scale(1.1, 1.1);
|
|
-ms-transform: scale(1.1, 1.1);
|
|
transition: all .3s ease-out .1s;
|
|
-webkit-transition: all .3s ease-out .1s;
|
|
-moz-transition: all .3s ease-out .1s;
|
|
-ms-transition: all .3s ease-out .1s;
|
|
-o-transition: all .3s ease-out .1s;
|
|
} */
|
|
|
|
.Bcolor>img {
|
|
transition: all .3s ease-out .1s;
|
|
-webkit-transition: all .3s ease-out .1s;
|
|
-moz-transition: all .3s ease-out .1s;
|
|
-ms-transition: all .3s ease-out .1s;
|
|
-o-transition: all .3s ease-out .1s;
|
|
width: .56rem;
|
|
}
|
|
|
|
.Bcolor {
|
|
overflow: hidden;
|
|
}
|
|
|
|
.A_li2 {
|
|
position: relative;
|
|
background-image: url(../images/Bcolor.png);
|
|
overflow: hidden;
|
|
}
|
|
|
|
.A_li1 {
|
|
background: url(../images/A_li.jpg) no-repeat center;
|
|
}
|
|
|
|
.A_li1 a:hover {
|
|
color: #af0c2b;
|
|
border: .08rem solid #af0c2bb8;
|
|
background: #fff;
|
|
}
|
|
|
|
.A_li1_name {
|
|
color: #fff;
|
|
font-size: 1.52rem;
|
|
padding-left: 1.4rem;
|
|
padding-top: 1.4rem;
|
|
}
|
|
|
|
.En_name {
|
|
color: #4c050470;
|
|
font-size: 1.12rem;
|
|
padding-left: 1.4rem;
|
|
}
|
|
|
|
.A_li1_text {
|
|
color: #fff;
|
|
padding-top: .4rem;
|
|
padding-left: 1.4rem;
|
|
width: 12.2rem;
|
|
padding-bottom: 1.6rem;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
display: -webkit-box;
|
|
-webkit-line-clamp: 2;
|
|
-webkit-box-orient: vertical;
|
|
word-break: break-word;
|
|
}
|
|
|
|
.A_li1 a {
|
|
width: 4.8rem;
|
|
height: 2rem;
|
|
color: #fff;
|
|
font-size: .56rem;
|
|
border-radius: 1rem;
|
|
border: .04rem solid #fff;
|
|
margin-left: 1.4rem;
|
|
padding: .4rem 1.2rem;
|
|
}
|
|
|
|
.A_li2 {
|
|
position: relative;
|
|
background-image: url(../images/Bcolor.png);
|
|
}
|
|
|
|
.A_li4 {
|
|
position: relative;
|
|
background-image: url(../images/Bcolor.png);
|
|
}
|
|
|
|
.Bcolor {
|
|
position: absolute;
|
|
width: 100%;
|
|
/* background: url(../images/Bcolor.png) no-repeat center; */
|
|
height: 100%;
|
|
z-index: 9;
|
|
}
|
|
|
|
.A_li2 span {
|
|
background: url(../images/san.png) no-repeat;
|
|
}
|
|
|
|
.A_li3 {
|
|
background-color: #fff;
|
|
}
|
|
|
|
.A_li3 img {
|
|
width: .96rem;
|
|
}
|
|
|
|
.A_li3_name {
|
|
/* color: #665252; */
|
|
font-size: .8rem !important;
|
|
padding-left: 1.4rem;
|
|
font-weight: 600;
|
|
margin-top: 1.8rem;
|
|
padding-right: .8rem;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
display: -webkit-box;
|
|
-webkit-line-clamp: 2;
|
|
-webkit-box-orient: vertical;
|
|
word-break: break-word;
|
|
/* transform: scale(0.5);
|
|
transform-origin: left top;
|
|
width: 200%; */
|
|
}
|
|
|
|
.A_li3_text {
|
|
color: #333;
|
|
font-size: .72rem !important;
|
|
margin-top: .8rem;
|
|
padding-left: 1.4rem;
|
|
padding-right: 1.4rem;
|
|
line-height: 1.04rem;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
display: -webkit-box;
|
|
-webkit-line-clamp: 4;
|
|
-webkit-box-orient: vertical;
|
|
word-break: break-word;
|
|
}
|
|
|
|
.A_li3 a {
|
|
padding-left: 1.4rem;
|
|
padding-top: 1rem;
|
|
display: block;
|
|
}
|
|
|
|
.A_li9 {
|
|
background-color: #533335;
|
|
}
|
|
|
|
li.A_li9:hover p {
|
|
color: #ffffffd2 !important;
|
|
}
|
|
|
|
.A_li9_name {
|
|
color: #fff;
|
|
font-size: .8rem;
|
|
padding-left: 1.4rem;
|
|
font-weight: 600;
|
|
margin-top: 1.8rem;
|
|
}
|
|
|
|
.A_li9_text {
|
|
color: #fff;
|
|
font-size: .56rem;
|
|
margin-top: .8rem;
|
|
padding-left: 1.4rem;
|
|
padding-right: 1.4rem;
|
|
line-height: 1.04rem;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
display: -webkit-box;
|
|
-webkit-line-clamp: 3;
|
|
-webkit-box-orient: vertical;
|
|
word-break: break-word;
|
|
}
|
|
|
|
.A_li9 a {
|
|
padding-left: 1.4rem;
|
|
padding-top: 1rem;
|
|
display: block;
|
|
}
|
|
|
|
/* 第一屏 */
|
|
/*index*/
|
|
.index-flash {
|
|
width: 100%;
|
|
}
|
|
|
|
|
|
.index-flash .wal2 {
|
|
width: 100%;
|
|
/* padding-top: .48rem; */
|
|
}
|
|
.index-flash .lsds{
|
|
width: 58%;
|
|
}
|
|
|
|
.index-flash .list {
|
|
width: 100%;
|
|
overflow: hidden;
|
|
position: relative;
|
|
}
|
|
|
|
.index-flash .list li {
|
|
position: relative;
|
|
height: 32.1rem;
|
|
}
|
|
|
|
.index-flash .list li .img {
|
|
height: 26.75rem;
|
|
min-height: 13.75rem;
|
|
}
|
|
|
|
.index-flash .list li .img a {
|
|
position: relative;
|
|
display: block;
|
|
height: 100%;
|
|
isplay: block;
|
|
-webkit-transition: all .4s;
|
|
-o-transition: all .4s;
|
|
transition: all .4s;
|
|
|
|
}
|
|
/*.bg-mask .pic .a{background-repeat: no-repeat;background-position: center;background-size: cover;height: 100%;display: block;-webkit-transition: all .4s;-o-transition: all .4s;transition: all .4s;}
|
|
*/.index-flash .list li .img a:hover{-webkit-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);}
|
|
|
|
.index-flash .list li .img a:before {
|
|
content: "";
|
|
display: block;
|
|
position: absolute;
|
|
left: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
top: 0;
|
|
/* background: url("../images/bg20_2.png") center bottom repeat-x; */
|
|
background-size: auto 4.28rem;
|
|
}
|
|
|
|
.index-flash .list li img {
|
|
height: 100%;
|
|
}
|
|
|
|
.index-flash .list li .layer {
|
|
position: absolute;
|
|
z-index: 1;
|
|
top: auto;
|
|
bottom: 0rem;
|
|
width: 100%;
|
|
height: 8rem;
|
|
padding: 1rem;
|
|
background: rgba(0, 0, 0, .4);
|
|
}
|
|
|
|
.index-flash .list li .layer a {
|
|
color: #fff;
|
|
}
|
|
|
|
.index-flash .list li .layer .tag a {
|
|
line-height: 1rem;
|
|
padding: 0 .2rem;
|
|
font-size: .64rem;
|
|
background: #791CB5;
|
|
}
|
|
|
|
.index-flash .list li .layer h3 a {
|
|
font-size: 1rem;
|
|
line-height: 1rem;
|
|
padding: .35rem 0;
|
|
display: block;
|
|
}
|
|
|
|
.index-flash .list li .layer p a {
|
|
font-size: .64rem;
|
|
line-height: 1rem;
|
|
opacity: 0.67;
|
|
display: block;
|
|
}
|
|
|
|
.index-flash .side ul {
|
|
position: absolute;
|
|
z-index: 1;
|
|
left: auto;
|
|
right: 0;
|
|
top: 0rem;
|
|
bottom: 0;
|
|
background: #fff;
|
|
width: 25rem;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.index-flash .side ul li {
|
|
position: relative;
|
|
width: 100%;
|
|
padding: .8rem 11rem 0 1rem;
|
|
z-index: 1;
|
|
height: -webkit-fill-available;
|
|
}
|
|
|
|
.index-flash .side ul li:before {
|
|
content: "";
|
|
display: block;
|
|
position: absolute;
|
|
left: 0;
|
|
bottom: 0;
|
|
right: 2.19rem;
|
|
height: .04rem;
|
|
background: #EBEBEB;
|
|
}
|
|
|
|
.index-flash .side ul li:last-child:before {
|
|
display: none;
|
|
}
|
|
|
|
.index-flash .side ul li:after {
|
|
content: "";
|
|
display: block;
|
|
position: absolute;
|
|
left: 0;
|
|
top: -0.26rem;
|
|
right: -0.26rem;
|
|
bottom: -0.26rem;
|
|
background: #BA9A05;
|
|
opacity: 0;
|
|
}
|
|
|
|
.index-flash .side ul li .time {
|
|
font-size: .56rem;
|
|
color: #A0A0A0;
|
|
padding-bottom: .08rem;
|
|
}
|
|
|
|
.index-flash .side ul li .name {
|
|
font-size: .72rem;
|
|
line-height: 1rem;
|
|
color: #524A64;
|
|
/* min-height: 4.6rem; */
|
|
font-weight: bold;
|
|
}
|
|
|
|
.index-flash .side ul li .time,
|
|
.index-flash .side ul li .name {
|
|
position: relative;
|
|
z-index: 2;
|
|
}
|
|
|
|
.index-flash .side ul li .img {
|
|
width: 10rem;
|
|
position: absolute;
|
|
z-index: 1;
|
|
left: auto;
|
|
right: 0;
|
|
top: 0;
|
|
bottom: 0;
|
|
background: center no-repeat;
|
|
background-size: cover;
|
|
}
|
|
|
|
.index-flash .side ul li.on {
|
|
z-index: 2;
|
|
}
|
|
|
|
.index-flash .side ul li.on:after {
|
|
opacity: 1;
|
|
left: -0.2rem;
|
|
}
|
|
|
|
.index-flash .side ul li.on .time {
|
|
color: rgba(255, 255, 255, 0.6);
|
|
}
|
|
|
|
.index-flash .side ul li.on .name {
|
|
color: #fff;
|
|
}
|
|
|
|
/* 第4屏 */
|
|
.buju {
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-wrap: wrap;
|
|
justify-content: space-around;
|
|
}
|
|
|
|
.titline_z {
|
|
position: relative;
|
|
background-image: linear-gradient(#fff, #FFFF);
|
|
background-position: 0 100%;
|
|
background-size: 0 .1rem;
|
|
background-repeat: no-repeat;
|
|
transition: background-size .3s;
|
|
}
|
|
|
|
.titlin_z .titline_z:hover {
|
|
background-size: 100% .1rem;
|
|
}
|
|
|
|
.aleftd {
|
|
padding: 2rem 3rem 2rem 2rem;
|
|
width: 45% !important;
|
|
/* background: url(../images/tzbg.png) #fff no-repeat left center; */
|
|
background: rgba(255, 255, 255, .05) no-repeat left center;
|
|
background-size: auto 100%;
|
|
height: 44%;
|
|
margin-top: 1rem;
|
|
margin-right: 1.5rem;
|
|
}
|
|
|
|
.gengduo {
|
|
font-size: .8rem;
|
|
}
|
|
|
|
.gengduo a {
|
|
color: #fff;
|
|
}
|
|
|
|
.aleftd .tit span {
|
|
display: inline-block;
|
|
/* color:#660774; */
|
|
color: #fff;
|
|
font-size: 1.2rem;
|
|
line-height: 1.2rem
|
|
}
|
|
|
|
.aleftd ul li .time {
|
|
position: relative;
|
|
margin-bottom: .6rem;
|
|
/* color: #660774; */
|
|
color: #fff;
|
|
font-size: .64rem;
|
|
line-height: .96rem;
|
|
}
|
|
|
|
.aleftd ul li .time i {
|
|
position: relative;
|
|
z-index: 2;
|
|
padding: 0 .4rem 0 0;
|
|
/* color: #660774; */
|
|
color: #fff;
|
|
font-size: .96rem;
|
|
}
|
|
|
|
.aleftd ul li {
|
|
padding: 1.8rem 0;
|
|
width: 48%;
|
|
font-size: .72rem;
|
|
}
|
|
|
|
.aleftd ul li a {
|
|
color: #fff;
|
|
}
|
|
|
|
.iconfont {
|
|
font-family: "iconfont" !important;
|
|
font-size: .64rem;
|
|
font-style: normal;
|
|
-webkit-font-smoothing: antialiased;
|
|
}
|
|
|
|
.iconjiyin:before {
|
|
content: "\e601";
|
|
}
|
|
|
|
.aleftd ul li .time:before {
|
|
position: absolute;
|
|
top: 49%;
|
|
right: 4rem;
|
|
left: 1.2rem;
|
|
z-index: 0;
|
|
height: .04rem;
|
|
/* background: #e0cce3; */
|
|
background: #fff;
|
|
content: '';
|
|
}
|
|
|
|
.aleftd ul li .time time {
|
|
position: relative;
|
|
z-index: 2;
|
|
display: block;
|
|
padding-left: .6rem;
|
|
/* background: #fff; */
|
|
}
|
|
|
|
/* ********************************************************************* */
|
|
.bujus {
|
|
padding: 0rem 4rem 0rem 4rem !important;
|
|
}
|
|
|
|
.porea {
|
|
position: relative;
|
|
}
|
|
|
|
.dleft {
|
|
width: 41.7%
|
|
}
|
|
|
|
.dright {
|
|
width: 48%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.dleft .pic {
|
|
height: 20rem
|
|
}
|
|
|
|
.dleft .item .info {
|
|
background: brown;
|
|
background-size: cover;
|
|
color: #fff;
|
|
padding: 1.2rem 1rem
|
|
}
|
|
|
|
.dleft .item .info p {
|
|
display: none
|
|
}
|
|
|
|
.item h4 {
|
|
display: flex;
|
|
margin-bottom: .8rem;
|
|
border-bottom: .04rem solid rgba(255, 255, 255, .5);
|
|
justify-content: space-between;
|
|
align-items: baseline;
|
|
}
|
|
|
|
.item h4 span {
|
|
position: relative;
|
|
padding-bottom: .3rem;
|
|
font-size: 1rem;
|
|
display: inline-block;
|
|
font-family: 'iconfont';
|
|
}
|
|
|
|
.item h4 a {
|
|
font-size: .56rem;
|
|
color: #fff
|
|
}
|
|
|
|
.item h5 {
|
|
font-size: .64rem;
|
|
color: #fff;
|
|
line-height: .8rem;
|
|
height: 2rem
|
|
}
|
|
|
|
.item h5 a {
|
|
z-index: 9;
|
|
}
|
|
|
|
.item h5 a span {
|
|
color: #fff;
|
|
}
|
|
|
|
.dright .item .pic {
|
|
/* height: 12.5rem; */
|
|
width: 50%
|
|
}
|
|
|
|
.dright .item:nth-child(1) {
|
|
margin-bottom: 2.5rem
|
|
}
|
|
|
|
.done .item:nth-child(1) .info {
|
|
background: #149abf !important;
|
|
}
|
|
|
|
.done .item:nth-child(2) .info {
|
|
background: brown !important;
|
|
}
|
|
|
|
.dright .item:nth-child(1) .info {
|
|
width: 50%;
|
|
background: #1682ca;
|
|
color: #fff;
|
|
padding: 1.2rem 1rem
|
|
}
|
|
|
|
.dright .item:nth-child(2) .info {
|
|
width: 50%;
|
|
background: #5e318e;
|
|
color: #fff;
|
|
padding: 1.2rem 1rem;
|
|
order: 1
|
|
}
|
|
|
|
.dright .item:nth-child(2) .info {
|
|
order: 1
|
|
}
|
|
|
|
.dright .item:nth-child(2) .pic {
|
|
order: 2
|
|
}
|
|
|
|
@media screen and (max-width: 39.2rem) {
|
|
/* .homed .dleft{width: 100%;margin-bottom: 1.2rem}
|
|
.homed .dright{width: 100%} */
|
|
}
|
|
|
|
@media screen and (max-width: 25.6rem) {
|
|
/* .homed .dleft .pic{height: 9rem}
|
|
.homed .dleft .item .info p{display: -webkit-box;}
|
|
.homed .dright .item .pic{height: 9rem;width: 100%}
|
|
.homed .dright .item .info{width: 100%!important}
|
|
.homed .dright .item:nth-child(2) .info{order: 2}
|
|
.homed .dright .item:nth-child(2) .pic{order:1} */
|
|
}
|
|
|
|
|
|
|
|
|
|
@media screen and (min-width: 76.84rem) {
|
|
.homec .aright .item .tcc {
|
|
margin-left: 8.5vw;
|
|
transition: .3s
|
|
}
|
|
|
|
.homec .aright .item:hover .tcc {
|
|
margin-left: 8.5vw
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 51.16rem) {
|
|
|
|
body,
|
|
html {
|
|
position: relative;
|
|
height: auto
|
|
}
|
|
|
|
.slideMain .swiper-slide {
|
|
height: auto;
|
|
}
|
|
|
|
.homed {
|
|
padding: 2rem 0rem;
|
|
}
|
|
|
|
.main-wrapper {
|
|
display: block;
|
|
}
|
|
|
|
.homef .home-footer .fright .frightb {
|
|
/* display: flex;
|
|
flex-wrap: wrap;
|
|
justify-content: center; */
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 51.16rem) {
|
|
.slideMain .swiper-slide .container {
|
|
margin: 0 auto;
|
|
padding-top: 3.2rem;
|
|
padding-left: 0;
|
|
width: 90%;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 16.56rem) {
|
|
|
|
.homef .home-footer .fright .frightb .rr {
|
|
/* width: 16.56rem */
|
|
}
|
|
}
|
|
|
|
/*ie11 css hack*/
|
|
@media all and (-ms-high-contrast:none) {
|
|
|
|
*::-ms-backdrop,
|
|
.homea .aleft {
|
|
width: 35.8%;
|
|
padding-right: 4%
|
|
}
|
|
|
|
.homec .aleft {
|
|
width: 35.8%;
|
|
padding-right: 4%
|
|
}
|
|
|
|
.homed .aleft {
|
|
width: 35.8%;
|
|
padding-right: 4%
|
|
}
|
|
|
|
.homee .aleft {
|
|
width: 35.8%;
|
|
padding-right: 4%
|
|
}
|
|
|
|
}
|
|
|
|
@media screen and (max-width:65.2rem) {
|
|
.homef .home-footer .fright .frighta {
|
|
/* padding-right: 5.25%;
|
|
padding-left: 3.3% */
|
|
}
|
|
|
|
.homef .home-footer .fright .frighta .aright .imglink img {
|
|
/* width: 3.8rem */
|
|
}
|
|
|
|
.homec .aright .item .tcc {
|
|
margin-left: 5.8vw
|
|
}
|
|
|
|
.homec .aright .item:hover .tcc {
|
|
margin-left: 7.5vw
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width:57.6rem) {
|
|
.subNavList .navitem::before {
|
|
font-size: 2rem
|
|
}
|
|
|
|
/* .homea-top .logo img{height:2rem} */
|
|
.homea-nav .navsitem {
|
|
padding: 0 1rem;
|
|
color: #fff
|
|
}
|
|
|
|
.homea-nav .navsitem>a {
|
|
font-size: .64rem
|
|
}
|
|
|
|
.homee .aright .slideaa .aaleft p {
|
|
font-size: .6rem
|
|
}
|
|
|
|
.subNavList .navitem ul li {
|
|
font-size: .72rem
|
|
}
|
|
|
|
.homec .aright .item .tcc {
|
|
margin-left: 5.2vw
|
|
}
|
|
|
|
.homec .aright .item:hover .tcc {
|
|
margin-left: 7vw
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width:54.64rem) {
|
|
.subNavList .navitem::before {
|
|
font-size: 1.6rem
|
|
}
|
|
|
|
.subNavList .navitem ul li {
|
|
padding: .48rem 0;
|
|
font-size: .72rem
|
|
}
|
|
|
|
.homea-nav .navsitem {
|
|
padding: 0 .8rem;
|
|
color: #fff
|
|
}
|
|
|
|
.homea-nav .navsitem>a {
|
|
font-size: .64rem;
|
|
}
|
|
|
|
.homea-nav .navsitem .subnavs li a {
|
|
font-size: .56rem
|
|
}
|
|
|
|
.homea-mid .aleft .t {
|
|
font-size: 1.36rem
|
|
}
|
|
|
|
.homea-mid .aleft .t span {
|
|
width: 1.44rem;
|
|
}
|
|
|
|
.homea-mid .aleft .t span:first-child {
|
|
margin-right: .6rem;
|
|
}
|
|
|
|
|
|
.slideMain .more a {
|
|
width: 7.2rem;
|
|
height: 1.8rem;
|
|
font-size: .56rem
|
|
}
|
|
|
|
.slideMain .more a:after {
|
|
top: .8rem
|
|
}
|
|
|
|
.homea .more {
|
|
bottom: -8vh
|
|
}
|
|
|
|
|
|
|
|
.homec .more {
|
|
bottom: 10vh
|
|
}
|
|
|
|
|
|
.homec .aright .item .tc p {
|
|
max-height: 12rem
|
|
}
|
|
|
|
.homec .aright .item .tcc {
|
|
margin-left: 3.5vw
|
|
}
|
|
|
|
.homec .aright .item:hover .tcc {
|
|
margin-left: 6.5vw
|
|
}
|
|
|
|
.homec .aleft .t0 {
|
|
font-size: 1.6rem
|
|
}
|
|
|
|
.homec .aleft .t1 {
|
|
font-size: .64rem
|
|
}
|
|
|
|
.homec .aleft .t2 {
|
|
font-size: 1.2rem
|
|
}
|
|
|
|
.homec .aleft img {
|
|
transform: translateX(0)
|
|
}
|
|
|
|
.homed .aleft .t0 {
|
|
font-size: 1.6rem
|
|
}
|
|
|
|
.homed .aleft .t1 {
|
|
font-size: .64rem
|
|
}
|
|
|
|
.homed .aleft .t2 {
|
|
font-size: 1.2rem
|
|
}
|
|
|
|
.homed .aleft img {
|
|
transform: translateX(0)
|
|
}
|
|
|
|
.homed .aright .item h4 {
|
|
font-size: .96rem
|
|
}
|
|
|
|
.homee .aleft .t0 {
|
|
font-size: 1.6rem
|
|
}
|
|
|
|
.homee .aleft .t1 {
|
|
font-size: .64rem
|
|
}
|
|
|
|
.homee .aleft .t2 {
|
|
font-size: 1.2rem
|
|
}
|
|
|
|
.homee .aleft img {
|
|
transform: translateX(0)
|
|
}
|
|
|
|
.homee .aright .slideaa .aaleft {
|
|
padding-top: 4%
|
|
}
|
|
|
|
.homee .aright .slideaa .aaleft h3 {
|
|
margin-bottom: .6rem;
|
|
font-size: .8rem
|
|
}
|
|
|
|
.homee .aright .slideaa .aaleft p {
|
|
font-size: .6rem
|
|
}
|
|
|
|
.homee .aright .slideaa .aaleft .slidea-next,
|
|
.homee .aright .slideaa .aaleft .slidea-prev {
|
|
bottom: .8rem
|
|
}
|
|
|
|
.homee .aright .slideaa .aaleft .slidea-prev img {
|
|
height: 1.2rem
|
|
}
|
|
|
|
.homee .aright .slideaa .aaleft .slidea-next img {
|
|
height: 1.2rem
|
|
}
|
|
|
|
.homee .aright .slidebb .ct,
|
|
.homee .aright .slidecc .ct {
|
|
font-size: .72rem
|
|
}
|
|
|
|
.homee .aright .slideb .slide p a,
|
|
.homee .aright .slidec .slide p a {
|
|
padding: .6rem 0;
|
|
font-size: .64rem
|
|
}
|
|
|
|
.homee .aright .slidebb .ct,
|
|
.homee .aright .slidecc .ct {
|
|
bottom: 2.04rem
|
|
}
|
|
|
|
.homef .home-footer .footlogo {
|
|
/* height: 2.16rem */
|
|
}
|
|
|
|
.homef .home-footer .copyright span {
|
|
/* display: block;
|
|
margin: 0;
|
|
padding: .12rem 0 */
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width:51.16rem) {
|
|
|
|
.oneping {
|
|
height: 36rem;
|
|
}
|
|
|
|
/*.slideMain .page{overflow:auto;-webkit-overflow-scrolling:touch}*/
|
|
.slideMain .swiper-slide .container {
|
|
margin: 0 auto;
|
|
padding-top: 3.2rem;
|
|
padding-left: 0;
|
|
width: 100%;
|
|
}
|
|
|
|
.headerm {
|
|
/* display: flex */
|
|
}
|
|
|
|
.homea-top,
|
|
.leftFix {
|
|
/* display:none */
|
|
}
|
|
|
|
.subNav {
|
|
padding-top: 2.4rem;
|
|
padding-left: 0
|
|
}
|
|
|
|
.subNavList .navitem {
|
|
width: 50%;
|
|
height: 33.33333%
|
|
}
|
|
|
|
.subNavList .navitem:nth-child(3) {
|
|
border-right: .04rem solid #264597
|
|
}
|
|
|
|
.subNavList .navitem:nth-child(4) {
|
|
border-bottom: .04rem solid #264597
|
|
}
|
|
|
|
.subNavList .navitem ul li {
|
|
font-size: .64rem
|
|
}
|
|
|
|
.subNavList .navitem::before {
|
|
font-size: 1.36rem
|
|
}
|
|
|
|
/* .homeb::before{top:0;bottom:auto;left:0;width:100%;height:100vh}
|
|
.homeb::after{top:0;right:0;bottom:0;width:100%} */
|
|
.homec::before {
|
|
top: 0;
|
|
bottom: auto;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 45vh
|
|
}
|
|
|
|
.homec::after {
|
|
top: auto;
|
|
right: 0;
|
|
bottom: 0;
|
|
width: 100%;
|
|
height: 55vh;
|
|
background: url(../images/bright1.png) no-repeat center;
|
|
background-size: 100% 100%
|
|
}
|
|
|
|
.homed::before {
|
|
top: 0;
|
|
bottom: auto;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 45vh
|
|
}
|
|
|
|
.homed::after {
|
|
top: auto;
|
|
right: 0;
|
|
bottom: 0;
|
|
width: 100%;
|
|
width: 100%;
|
|
height: 55vh
|
|
}
|
|
|
|
.homee::before {
|
|
top: 0;
|
|
bottom: auto;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 42vh
|
|
}
|
|
|
|
.homee::after {
|
|
top: auto;
|
|
right: 0;
|
|
bottom: 0;
|
|
width: 100%;
|
|
height: 75vh
|
|
}
|
|
|
|
.homea-mid {
|
|
height: max-content;
|
|
/* padding: 2rem 4rem; */
|
|
}
|
|
|
|
.homea-mid .aleft {
|
|
margin: 0 auto;
|
|
margin-bottom: 5vh;
|
|
padding-left: 0;
|
|
width: 50%
|
|
}
|
|
|
|
.homea-mid .aleft img {
|
|
max-height: 30vh
|
|
}
|
|
|
|
.banner,
|
|
.banner .slide {
|
|
height: 35vh
|
|
}
|
|
|
|
.homea-mid .aright {
|
|
width: 100%
|
|
}
|
|
|
|
.homec .more {
|
|
bottom: 0
|
|
}
|
|
|
|
.homec .aleft {
|
|
margin: 0 auto;
|
|
padding-left: 0;
|
|
width: 50%
|
|
}
|
|
|
|
.homec .aleft img {
|
|
max-height: 30vh
|
|
}
|
|
|
|
.homec .aright {
|
|
width: 100%;
|
|
height: 43vh;
|
|
background: url(../images/cright.jpg) no-repeat center;
|
|
background-size: 100% 100%
|
|
}
|
|
|
|
.homec .aright .item .tc p {
|
|
display: none
|
|
}
|
|
|
|
.homed .aleft {
|
|
margin: 0 auto;
|
|
padding-left: 0;
|
|
width: 50%
|
|
}
|
|
|
|
.homec .aright .item .tcc {
|
|
margin-left: 12vw
|
|
}
|
|
|
|
.homec .aright .item:hover .tcc {
|
|
margin-left: 12vw
|
|
}
|
|
|
|
.homed .aleft img {
|
|
max-height: 30vh
|
|
}
|
|
|
|
.homed .aright {
|
|
width: 100%;
|
|
height: 45vh
|
|
}
|
|
|
|
.homed .aright .itema .pic {
|
|
height: 30vh
|
|
}
|
|
|
|
.homed .aright .itemb .pic {
|
|
height: 30vh
|
|
}
|
|
|
|
.homed .aright .itema {
|
|
margin-right: 2%;
|
|
transform: translateY(5vh)
|
|
}
|
|
|
|
.homed .aright .itemimg {
|
|
width: 35%
|
|
}
|
|
|
|
.homed .more {
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 6vw
|
|
}
|
|
|
|
.homee .aleft {
|
|
margin: 0 auto;
|
|
padding-left: 0;
|
|
width: 50%
|
|
}
|
|
|
|
.homee .aleft img {
|
|
max-height: 30vh
|
|
}
|
|
|
|
.homee .aright {
|
|
padding-right: 0;
|
|
width: 100%;
|
|
height: auto
|
|
}
|
|
|
|
.homee .aright .slidea .slide a {
|
|
height: 24vh
|
|
}
|
|
|
|
.homee .aright .slidec .slide a.mark {
|
|
position: relative;
|
|
height: 20vh
|
|
}
|
|
|
|
.homee .aright .slideb .slide a.mark {
|
|
position: relative;
|
|
height: 20vh
|
|
}
|
|
|
|
.homef .home-footer .fleft {
|
|
/* padding: 1.6rem 0;
|
|
width: 100% */
|
|
}
|
|
|
|
.homef .home-footer .fright {
|
|
/* width: 100%;
|
|
background: #062c7b */
|
|
}
|
|
|
|
.homef::after {
|
|
/* display: none */
|
|
}
|
|
|
|
.homef::before {
|
|
/* display: none */
|
|
}
|
|
|
|
.homef .home-footer .copyright {
|
|
/* margin-top: 1.2rem */
|
|
}
|
|
|
|
.homef .home-footer .fright .frighta .aright .imglink img {
|
|
/* width: 3.4rem */
|
|
}
|
|
|
|
.homef .home-footer .fright .frighta .aright .imglink p {
|
|
/* font-size: .56rem */
|
|
}
|
|
|
|
/* .slideMain .more{position:static;margin-top:1.2rem;margin-bottom:1.6rem;margin-left: 50%;
|
|
transform: translateX(-50%);} */
|
|
.homec .aright .item h4 {
|
|
margin: 0 auto
|
|
}
|
|
|
|
.homec .aright .item .tcc {
|
|
margin: 0 auto;
|
|
width: 1.4rem
|
|
}
|
|
|
|
.homec .aright .item .tc {
|
|
writing-mode: inherit;
|
|
writing-mode: inherit
|
|
}
|
|
|
|
.homec .aright .item:hover .tcc {
|
|
margin-left: auto
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width:30.68rem) {
|
|
.subNavList .navitem::before {
|
|
font-size: .96rem;
|
|
}
|
|
|
|
.subNavList .navitem ul li {
|
|
font-size: .56rem;
|
|
width: 50%;
|
|
padding: .32rem 0
|
|
}
|
|
|
|
.slideMain .swiper-slide .container {
|
|
display: block
|
|
}
|
|
|
|
.slideMain .more a {
|
|
width: 5.2rem;
|
|
height: 1.52rem;
|
|
font-size: .52rem;
|
|
line-height: 1.28rem
|
|
}
|
|
|
|
.slideMain .more a:after {
|
|
top: .6rem
|
|
}
|
|
|
|
.headerm .logo img {
|
|
height: 1.4rem
|
|
}
|
|
|
|
.homea-mid .aleft .t {
|
|
font-size: .88rem
|
|
}
|
|
|
|
.banner,
|
|
.banner .slide {
|
|
height: 30vh
|
|
}
|
|
|
|
/* .homeb .aleft .slidenews .pic{height:35vh}
|
|
.homeb h3.syst{padding:0 0 .8rem;font-size:.96rem} */
|
|
|
|
/* .homeb .aleft{margin-bottom:.8rem}
|
|
.homeb .aleft .slidenews .slide p{padding:.4rem 5%;font-size:.56rem}
|
|
.homeb .aleft .zhxwList li h4 a{font-size:.6rem}
|
|
.homeb .aleft .zhxwList li .time span{font-size:.56rem}
|
|
.homeb .aleft .zhxwList li .time{font-size:.48rem}
|
|
.homeb .aleft .zhxwList li h4{width:calc(100% - 4rem)}
|
|
.homeb .amid{margin-bottom:1.2rem}
|
|
.homeb .amid ul li .info h4{margin-bottom:0;font-size:.6rem}
|
|
.homeb .amid ul li .info p{display:none}
|
|
.homeb .amid ul li .time{width:2rem;font-size:.48rem}
|
|
.homeb .amid ul li .time time{height:2rem}
|
|
.homeb .amid ul li .time time span{font-size:.8rem}
|
|
.homeb .amid ul li .info{width:calc(100% - 2.4rem)}
|
|
.homeb .aright .info{padding:.8rem 0 0;height:auto}
|
|
.homeb .aright .info h4{margin-bottom:.4rem;width:100%}
|
|
.homeb .aright .info .time{display:flex;width:100%;justify-content:space-between;flex-wrap:wrap} */
|
|
.homec .aleft {
|
|
width: 90%
|
|
}
|
|
|
|
.homec .aleft .t0 {
|
|
margin-bottom: .4rem;
|
|
font-size: 1.2rem
|
|
}
|
|
|
|
.homec .aleft .t1 {
|
|
margin-bottom: .6rem;
|
|
font-size: .56rem
|
|
}
|
|
|
|
.homea-mid .aleft .t {
|
|
font-size: .88rem
|
|
}
|
|
|
|
.homea-mid .aleft .t span {
|
|
width: .92rem;
|
|
}
|
|
|
|
.homea-mid .aleft .t span:first-child {
|
|
margin-right: .4rem;
|
|
}
|
|
|
|
|
|
.homec .aright {
|
|
height: 40vh
|
|
}
|
|
|
|
.homec .aright .item .i img {
|
|
height: 1.6rem;
|
|
width: 1.6rem
|
|
}
|
|
|
|
.homec .aright .item .i {
|
|
margin-bottom: .4rem;
|
|
width: 3.36rem;
|
|
height: 3.36rem
|
|
}
|
|
|
|
.homec .aright .item .i:after {
|
|
width: 3.36rem;
|
|
height: 3.36rem
|
|
}
|
|
|
|
.homec .aright .item h4 {
|
|
font-size: .8rem
|
|
}
|
|
|
|
.homec .aright .item .tcc {
|
|
margin: 0 auto;
|
|
width: 1rem
|
|
}
|
|
|
|
.homec .aright .item {
|
|
padding-top: 5%
|
|
}
|
|
|
|
.homec .aright .item:hover {
|
|
padding-top: 10%
|
|
}
|
|
|
|
.homed .aleft {
|
|
width: 90%
|
|
}
|
|
|
|
.homed .aleft .t0 {
|
|
margin-bottom: .4rem;
|
|
font-size: 1.2rem
|
|
}
|
|
|
|
.homed .aleft .t1 {
|
|
margin-bottom: .6rem;
|
|
font-size: .56rem
|
|
}
|
|
|
|
.homed .aleft .t2 {
|
|
font-size: .88rem
|
|
}
|
|
|
|
.homed .aright {
|
|
padding-right: 0
|
|
}
|
|
|
|
.homed .aright .item h4 {
|
|
font-size: .72rem
|
|
}
|
|
|
|
.homee .aleft {
|
|
width: 90%
|
|
}
|
|
|
|
.homee .aleft .t0 {
|
|
margin-bottom: .4rem;
|
|
font-size: 1.2rem
|
|
}
|
|
|
|
.homee .aleft .t1 {
|
|
margin-bottom: .6rem;
|
|
font-size: .56rem
|
|
}
|
|
|
|
.homee .aleft .t2 {
|
|
font-size: .88rem
|
|
}
|
|
|
|
.homee .aright .slideaa .aaleft {
|
|
padding: 1.2rem 5%;
|
|
width: 100%;
|
|
background: #375faa
|
|
}
|
|
|
|
.homee .aright .slideaa .slidea {
|
|
width: 100%
|
|
}
|
|
|
|
.homee .aright .slidea .slide a {
|
|
height: 30vh
|
|
}
|
|
|
|
.homee .aright .slideaa .pic {
|
|
width: 100%;
|
|
}
|
|
|
|
.homee .aright .slideaa .slidea-next,
|
|
.homee .aright .slideaa .aaleft .slidea-prev {
|
|
top: 1.4rem;
|
|
bottom: auto
|
|
}
|
|
|
|
.homee .aright .slideaa .aaleft .slidea-next {
|
|
right: 5%;
|
|
left: auto
|
|
}
|
|
|
|
.homee .aright .slideaa .slidea-prev {
|
|
right: 3.2rem;
|
|
left: auto
|
|
}
|
|
|
|
.homee .aright .slideaa .aaleft .slidea-next img,
|
|
.homee .aright .slideaa .aaleft .slidea-prev img {
|
|
height: 1rem
|
|
}
|
|
|
|
.homee .aright .slidebb {
|
|
margin-bottom: .8rem;
|
|
width: 100%
|
|
}
|
|
|
|
.homee .aright .slidecc {
|
|
width: 100%
|
|
}
|
|
|
|
.homee .aright .slideb .slide a.mark {
|
|
position: relative;
|
|
height: 30vh
|
|
}
|
|
|
|
.homee .aright .slidec .slide a.mark {
|
|
position: relative;
|
|
height: 30vh
|
|
}
|
|
|
|
.homef .home-footer .fright .frighta {
|
|
/* padding: 1.2rem 5%;
|
|
height: auto */
|
|
}
|
|
|
|
.homef .home-footer .fright .frighta .aleft {
|
|
/* margin-bottom: .8rem;
|
|
width: 100%;
|
|
text-align: center */
|
|
}
|
|
|
|
.homef .home-footer .fright .frighta .aright {
|
|
/* width: 100% */
|
|
}
|
|
|
|
.homef .home-footer .fright .frighta .aright .imglink {
|
|
/* margin-left: 0;
|
|
width: 24% */
|
|
}
|
|
|
|
.homef .home-footer .fleft {
|
|
/* padding: 1.2rem 0 .8rem;
|
|
width: 100% */
|
|
}
|
|
|
|
.homef .home-footer .footlogo {
|
|
/* height: 1.76rem */
|
|
}
|
|
|
|
.homef .home-footer .copyright {
|
|
/* margin-top: .6rem */
|
|
}
|
|
|
|
.homef .home-footer .fright .frighta .aright .imglink p {
|
|
/* font-size: .48rem */
|
|
}
|
|
|
|
.homef .home-footer .fright .frightb {
|
|
/* padding: .6rem 5% 1.2rem;
|
|
height: auto;
|
|
line-height: 1.3em */
|
|
}
|
|
|
|
.homef .home-footer .fright .frightb .rr {
|
|
/* width: calc(100% - 3.2rem);
|
|
font-size: .48rem */
|
|
}
|
|
|
|
.homed .more a:before {
|
|
border: .04rem solid #4d89e1
|
|
}
|
|
|
|
.homed .more a:after {
|
|
background: #4d89e1
|
|
}
|
|
|
|
.subNavList .navitem ul li a::before {
|
|
display: none
|
|
}
|
|
|
|
.subNavList .navitem ul li a::after {
|
|
display: none
|
|
}
|
|
|
|
.subNavList .navitem::before {
|
|
font-size: .8rem;
|
|
}
|
|
|
|
.subNavList .navitem ul li {
|
|
font-size: .56rem;
|
|
width: 50%;
|
|
padding: .2rem 0
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width:14.4rem) {
|
|
.headerm .logo img {
|
|
height: 1.28rem
|
|
}
|
|
|
|
.menu-btn {
|
|
margin-left: .6rem
|
|
}
|
|
|
|
/* .homeb .aleft .zhxwList li{padding:.4rem 0}
|
|
.homeb .aleft .slidenews .pic{height:30vh} */
|
|
.homee .aleft img {
|
|
max-height: 35vh
|
|
}
|
|
|
|
.homea-mid .aleft .t {
|
|
font-size: .8rem
|
|
}
|
|
|
|
.homef .home-footer .fright .frighta {
|
|
/* padding: .8rem 5%;
|
|
height: auto */
|
|
}
|
|
|
|
.homef .home-footer .fright .frighta .aleft p {
|
|
/* padding: .08rem 0 */
|
|
}
|
|
|
|
.homee::before {
|
|
height: 50vh
|
|
}
|
|
|
|
.homee::after {
|
|
height: 50vh
|
|
}
|
|
|
|
.homed::before {
|
|
height: 50vh
|
|
}
|
|
|
|
.homed::after {
|
|
height: 50vh
|
|
}
|
|
|
|
.homec::before {
|
|
height: 50vh
|
|
}
|
|
|
|
.homec::after {
|
|
height: 50vh
|
|
}
|
|
|
|
.homed .aleft img {
|
|
max-height: 35vh
|
|
}
|
|
|
|
.homec .aleft img {
|
|
max-height: 35vh
|
|
}
|
|
|
|
.homed .aright .itemimg {
|
|
bottom: -1.2rem
|
|
}
|
|
|
|
.homef .home-footer .fright .frightb .rr a {
|
|
/* display: inline-block;
|
|
margin: 0 .2rem */
|
|
}
|
|
|
|
.homef .home-footer .copyright span {
|
|
/* padding: 0;
|
|
font-size: .48rem */
|
|
}
|
|
|
|
.subNavList .navitem::before {
|
|
font-size: .72rem;
|
|
}
|
|
|
|
.subNavList .navitem ul li {
|
|
font-size: .52rem;
|
|
width: 50%;
|
|
padding: .2rem 0
|
|
}
|
|
}
|
|
|
|
@font-face {
|
|
font-family: "iconfont";
|
|
src: url('../fonts/iconfont.eot?t=1616663050118');
|
|
/* IE9 */
|
|
src: url('../fonts/iconfont.eot?t=1616663050118#iefix') format('embedded-opentype'),
|
|
/* IE6-IE8 */
|
|
url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAjAAAsAAAAAEFwAAAhwAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCFIgqQSI06ATYCJANECyQABCAFhG0HgUQb4g0jkjDSILK/POAOyy3c8USxsb21sf1CsR+PkjYoJkp3eAQmBeKmhuqL6uiv44H/e9l946/Jbf4aWMc7vkAS3BRoCG2B/fP8Nv88LhaPEKdgVhBGMeuXugzYGv5v2ipAF93EovMTAG0+oP6/AAIQuIFN5/FEm1PrGqgFSKgwC5b2J53w7zxkW1nKyU7X/K+5eofL67Z5Wypr8R93k3/C46OaVOx1EiFNxCp4XMhQCqVSYsbg31s38XEAyn8tMAGtPZtw8lbIAnMZoQPGXFEbD8xLFXJPdlCXli0O8+xvMFHHB8JpAI/xz4d/CG9OVCQkqNPWrGZIfYhtZ3wjvxYJgL9eHQxtJGzIBvfZ2vAMKIVbzLRtk4mewI5Z/e3+C4Oj8hCuAEu1TtOcerRiO2/skc9XEbNjZeRisEPl9xz8E49WoTEoVTpJFkx6o1ktEkpgejX+vWfmC+NSWr5wKQVfVKTxWQ8gA9hwICXYfCAV2ALQ5rMVQBJYFpAMthpIANsJZAI7DUgP9hSkjHyvkDLztwOpY3YnpolgkQ6OcEw8m0C6nBDuWoUlxQMTOUBB1khM8QMPzCtyGHqJWwwsy3GsVso0ytCGeZAzsdT365t7+9+Sm/nzDCxGeTsKpVOoETC5HKlgXGTDlvCtWeJWEl8tGscEylHhsJxF4itGRGNdJe1zyaMawThOEan5ql8FsmYNr1MJGVOnMrmyFlygEaqMSi6uU0bdPMrI2DoSWQi7NRidReLOB0suzporZMzaU/tMiUIupgqlyi7mbNk4K9YzxPOTm1sTW1Lmi2xaDlTeLD5hcltrG94uZMSgQMv2Tm5usUaar9WydDq2wcDV6zlETqREmWj5O3gclS9bIhoXMLD5Um9vqbZKp/Uskl3j6A2VXb0M6W1WnMzQKdayJHZ2knvcUUYjO4bDmwxsbshk31pOJHsyD+OwAnkhy2+cow2pEWhIJOyR24DAV78UND6/zSpfW1op3iwcZVQf1GMGQ8vgTqH2vBZMH0WGSwZOd6B4u+fWi3qDSDefVE2uJD0zrTgO/ANRtG2HnDH8tF4rOyhsEkc6ai2W27DJXJmSIR22ZpHaH1WYKtUwMFor7mH1sJY1oOOKLvDPCy8KLs2nHhISdEjTdSC9nsVSHRee9P+02MggtSiAKxt7ZVY7Jbo4yR67nsAJbeTm6K3RN8A8s9cbfMZ9ZCMjdmqdbsK3UCy20bFp8BImLmN2OayLkYl+Pax1HdBlHTN4DOpLt2wHa7TBuhaJiPmIaxDbDgJtszXj4SMPHGbTV7nvvkMm3t7tvtr9lPG7S0D4f2qjX4DVbK/ZVvhQPDN+aAnJnzyYwEwYZLraYvqjv1nO.36remt9c1K3hiq1dOhJz/xEnpgOigvaI30XOysQUjawMqeLWa9CXnVg/urbd1t5fcftLrynrwiPeGFsR88WDmFzpx7//4qSAovfzlELL28ePElHP6bSlOcOa10UopBGscsR+UmgNJjImnwcEqjJoeK8B508SLqRT0S9ujZFy4igIm9aGARQaUiLKJIpRb1BLU6T1Krotz4z/Dwr9uHhjTObGcNgMehmp2OgefbjIUmWR/Ste309dUo92vUP1ZfszZnvKS/9SmvXPS/w8F+zZvdvt4tpo4tK7cwk6b8kXRti8ey+uVrVnmWeZ4L+bTDJtbFXv0eF1mPYN26We4l7uf9f+zSiW3J9w4AoNQ9xO/fF3tUIAmhyifs7yUMosuXEdSDKgGVOrC2hkqn3r4NtWNUAVTeBq6I2+nhNTScF7GMeM12Lc3buPeW/YOwpTlouMlayzSsvL29DPPJdmxzzPEpYB1ZvllOX59d5kN9/YrfeOcl/Kel1aamQVL/8/bjDrVnHIpols50WuqAbytv6p1sswEWle50Z95VR8XV4un9f/wnvhJbVcWnsufKi9YqBD0z+itmPaJhNO5tE5pSnrYgFeNyXbBUbmUq9qaSi6W6pAPe+tJL3Iq5ZjokTvv8zyeB14TlbVVABDLSxgAHiwk3rz+cczXr6U83H024zH6tUaJYWai5/lDz+uYyAZ++FXkuis9flbzTM7LDFLlLDu7lOnTzigoEKxouB9GnVwrMxC2DZdcvxfnmepb3lu5uCY5JauWUV5Q3JzYJCEt8VY9uMf6hg3Hum4oKFxfOvYk7vpS6F1JLXkQ54cAhwgAYcuJX2q4UZWAogIpH8tjFWN8gttIEbWBYt7ba223EVmr6YbGRDwAA6DxhPI7X51/D5kz/DMavdSNnZGsJSzr/QjiaBvxPfGrBfnQAhXfz0WMkAKAwFQVSJEDcBjV6r7bfJs4krNV5EG1Giejdg+pR+jXOEBjO2U800BI/mOP/ew+uL5luobQb+cSZ61KXF2o0dUWbZzIJAIA401SqlXSiuwq+DVYvWU0JcsUiOpSARScBAEj0AMDVrMUKbu7L2YymLqScTc4jgBk4QdQW7wmJiA/kmQAOkdAU8Sk8EgRAjnMcJsE0QIARLQDAH5aDh4ElrOMRgAr7IEL8GUhE/A2eCTDghdoU6RjikYCDTfIQB/op7S6CKqEF/QAy3DtWnXbJ2C/0Y6tEUWqm/lAicQ9lVoR979ijrGElXn2VkgMn3MHbzQK2LcMgXKNJWUDvcM5zZ1nNDHeT3eQiqJIUtUA/ZMlw765Ou9r3f6EfWyU9S3qyfyiRng5KmWIE/s70o5Y8y+R49ZWk1Dngs4U78KbUYUu7GQzt+mo0KRNmdA5nubKVG8tk+3Pdd8+Er29Z4ts9EyVZUTXdMK9zlizbeXi0tEpASg3t/sFjTapPel+5f46cG1maliPu7qRq9HJ8iix9aFcRlZiwrOlB/ToGMgcuLT0D7Tm5VqcX7Dfr0vcczj+ijrWl3t+QJhMAAAA=') format('woff2'),
|
|
url('../fonts/iconfont.woff?t=1616663050118') format('woff'),
|
|
url('../fonts/iconfont.ttf?t=1616663050118') format('truetype'),
|
|
/* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
|
|
url('../fonts/iconfont.svg?t=1616663050118#iconfont') format('svg');
|
|
/* iOS 4.1- */
|
|
}
|
|
.static-name{
|
|
width:100%;
|
|
display:block;
|
|
background:#fff;
|
|
height:3rem;
|
|
padding:0.3rem 1rem;
|
|
position:absolute;
|
|
bottom:2.4rem;
|
|
}
|
|
.static-name h3{
|
|
font-family: "SourceHanSerifCN-Bold" !important;
|
|
color:#333;
|
|
font-size: 0.9rem;
|
|
}
|
|
.static-speaker{
|
|
padding-top:0.07rem;
|
|
font-size:0.6rem;
|
|
color:#666;}
|
|
.homef{
|
|
background:#13439b url(../images/shading.png) no-repeat;}
|
|
|
|
.crumbs{
|
|
width: 56rem;
|
|
margin: auto;
|
|
text-align: right;
|
|
/* color: #868686; */
|
|
padding: 1.52rem 0;
|
|
font-size: 0.72rem;
|
|
}
|
|
.crumbs a{
|
|
/* color: #868686; */
|
|
}
|
|
.crumbs .last{
|
|
color: #13439b;
|
|
}
|
|
.crumbs img{
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
/*margin-right: .4rem;*/
|
|
width: 40px;
|
|
height: 40px;
|
|
}
|
|
|
|
.con{
|
|
width: 56rem;
|
|
margin: auto;
|
|
}
|
|
|
|
.con a{
|
|
display: block;
|
|
}
|
|
|
|
.clearfix{
|
|
zoom:1;
|
|
}
|
|
|
|
.portal_list li{
|
|
padding: 1.6rem 0;
|
|
border-bottom: .04rem dashed rgba(0,0,0,0.2);
|
|
}
|
|
|
|
.txt{
|
|
width: 62%;
|
|
}
|
|
|
|
.time{
|
|
width: auto;
|
|
text-align: right;
|
|
font-size: 0.72rem;
|
|
}
|
|
|
|
.ta{
|
|
padding-bottom: .8rem;
|
|
margin-bottom: .8rem;
|
|
border-bottom: .04rem solid #113a85;
|
|
color: #113a85;
|
|
font-family: "time";
|
|
}
|
|
|
|
.title{
|
|
margin: .6rem 0 1.4rem;
|
|
}
|
|
|
|
.fnt_22 {
|
|
font-size: .88rem;
|
|
}
|
|
|
|
.des{
|
|
color: #666666;
|
|
line-height: 1.28rem;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
display: -webkit-box;
|
|
-webkit-line-clamp: 3;
|
|
-webkit-box-orient: vertical;
|
|
font-size: 0.72rem;
|
|
}
|
|
|
|
.left{
|
|
float: left;
|
|
}
|
|
|
|
.right{
|
|
float: right;
|
|
}
|
|
|
|
.full_width{
|
|
width: 100%;
|
|
} |