.banner {
height: 855px;
}
.swiper {
width: 100%;
height: 100%;
}
.swiper-slide {
text-align: center;
font-size: 18px;
background: #fff;
/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.abswiper {
width: 740px;
height: 445px;
position: relative;
z-index: 999;
}
.abswiper .swiper-slide a, .abswiper .swiper-slide a:visited {
display: block;
width: 740px;
height: 445px;
}
.abswiper .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
bottom: -20px;
right: 0;
text-align: right;
z-index: 9999;
}
.ywc_img .swiper-pagination-bullet {
width: 15px !important;
height: 15px !important;
border-radius: 0px !important;
background-color: #717071;
color: #fff;
text-align:center!important;
}
.ywc_img .swiper-pagination-bullet-active {
background-color: #003b83 !important;
text-align:center!important;
}
.m_one_tt {
position: relative;
width: 1400px;
margin: 0px auto;
}
.m_one_tt .swiper-button-next:after, .m_one_tt .swiper-rtl .swiper-button-prev:after,
.m_one_tt .swiper-button-prev:after, .m_one_tt .swiper-rtl .swiper-button-next:after {
content: "";
}
.m_one_t {
}
.m_one_b {
width: 970px;
margin: 0px auto;
position: relative;
}
.m_one_b_b {
text-align: center;
margin: 0px auto;
}
.m_one_b_b span {
background-color: #013983;
padding: 10px 50px;
color: #fff;
font-size: 18px;
font-weight: bold;
border-radius: 15px;
}
.m_one_b_con {
color: #595757;
text-align: center;
line-height: 50px;
border-radius: 15px;
padding: 50px;
font-size: 16px;
}
.m_one_b_con p.title {
font-weight: bold;
}
.ywc {
height: 566px;
margin: 30px auto;
}
.ywc_l {
width: 45%;
height: 566px;
background-color: #eeedee;
position:relative;
}
.ywc_l .ywc_img {
width:740px;
height:445px;
position:absolute;
right:50px;
top:60px;
}
.ywc_r {
width: 55%;
height: 566px;
background: #013983 url(../images/sbg.png) no-repeat right top;
position:relative;
}
.ywc_r_con {
position:absolute;
width:580px;
height:460px;
color: #fff;
left:80px;
top: 70px;
}
.ywc_r_con .title {
height:75px;
background: url(../images/4x.png) no-repeat left top;
padding-left: 150px;
padding-top:90px;
}
.ywc_r_con .title h3 {
line-height: 2;
font-size: 20px;
text-transform: uppercase;
}
.ywc_r_con .title i {
display: inline-block;
width: 150px;
border-bottom: 3px solid #fff;
}
.sline {
width: 100%;
height: 1px;
overflow: hidden;
border-bottom: 1px solid #fff;
margin: 20px 0px;
}
.ywc_r_con ul {
margin: 0px;
padding: 20px 0px;
}
.ywc_r_con ul li {
width: 180px;
height: 80px;
float: left;
margin-right: 50px;
line-height: 16px;
cursor: pointer;
font-size: 12px;
margin-bottom: 20px;
background: url(../images/i1.png) no-repeat 0 8px;
padding-left: 55px;
}
.ywc_r_con ul li a, .ywc_r_con ul li a:visited {
color: #fff;
}
.ywc_r_con ul li a:hover {
color: #edae40;
}
.ywc_r_con ul li:nth-child(2) {
background-image: url(../images/i3.png);
}
.ywc_r_con ul li:nth-child(3) {
background-image: url(../images/i4.png);
}
.ywc_r_con ul li:nth-child(4) {
background-image: url(../images/i2.png);
}
.ywc_r_con ul li b {
font-size: 16px;
font-weight: bold;
line-height: 2;
}
.ywc_r_con ul li i {
}
.in_news {
}
.in_news_l {
width: 625px;
}
.in_news_r {
width: 540px;
height: 425px;
}
.img_news {
position: relative;
}
.in_news_b {
width: 100%;
height: 35px;
position: absolute;
bottom: 0;
left: 0;
z-index: 999;
background-color: #003b81;
opacity: 1;
}
.in_news_b p {
padding: 0px 10px;
width: 400px;
line-height: 35px;
color: #fff;
}
.in_news_b p a, .in_news_b p a:visited {
color: #fff;
}
.in_news_b .swiper-button-prev {
position: absolute;
left: 550px;
}
.in_news_b .swiper-button-next:after, .in_news_b .swiper-button-prev:after {
content: "";
}
.img_news_t {
position: absolute;
top: 0px;
left: 50px;
z-index: 9999;
color: #fff;
background-color: #edae40;
padding: 12px 30px;
font-weight: bold;
font-size: 14px;
border-bottom-right-radius: 20px;
}
.img_news_con {
height: 425px;
position:relative;
}
.img_news_con .text{
position: absolute;
z-index:999;
bottom:0;
left:0;
width:100%;
height:30px;
line-height:30px;
padding:0px 10px;
font-size:14px;
font-weight: bold;
background: rgba(0,0,0,0.3);
text-align:left;
}
.img_news_con a .text,.img_news_con a:visited .text{color:#fff;}
.in_news_r {
}
.in_news_r .title {
}
.in_news_r .title b {
display: inline-block;
width: 130px;
height: 40px;
line-height: 40px;
text-align: center;
font-weight: bold;
font-size: 14px;
margin-right: 20px;
border-bottom-right-radius: 20px;
cursor: pointer;
}
.in_news_r .title b.active, .in_news_r .title b:hover {
background-color: #003b83;
color: #fff;
}
.in_news_r .title span {
float: right;
}
.in_news_r_con {
display: none;
}
.in_news_r_con dl {
margin-top: 15px;
clear: both;
width: 540px;
height: 80px;
background-color: #f0f0f0;
}
.in_news_r_con dl:first-child {
margin-top: 20px;
}
.in_news_r_con dl dt {
color: #fff;
float: left;
width: 90px;
height: 80px;
text-align: center;
background-color: #adadae;
line-height: 40px;
font-size: 18px;
font-weight: bold;
}
.in_news_r_con dl dt p {
margin: 0px auto;
width: 70px;
}
.in_news_r_con dl dt p:first-child {
border-bottom: 1px solid #fff;
}
.in_news_r_con dl dd {
color: #595757;
padding: 5px 10px;
float: right;
width: 420px;
line-height: 2;
}
.in_news_r_con dl dd a, .in_news_r_con dl dd a:visited {
color: #595757;
font-weight: bold;
font-size: 14px;
}
.newswiper .swiper-pagination {
left: 500px !important;
}
@media screen and (max-width: 1440px) {
.ywc_r_con {
left: 600px;
}
}