/*# sourceURL=/publish/scwgydxxyw/css/index.css */
/*@ sourceURL=/publish/scwgydxxyw/css/index.css */
.fd2 {
display:none;
}
.new1 {
width: 100%;
padding-bottom: 30px;
background: url("http://202.202.200.195:8080/publish/scwgydxxyw/css/../images/new1-bg.png") center center;
background-attachment: fixed;
}
.bt-1 {
width: 100%;
height: 40px;
margin: 40px 0 20px 0;
}
.bt-1 label {
width: 40px;
height: 40px;
border-radius: 50%;
background-color: #3A5E87;
box-shadow: 0 0 5px rgba(0,0,0,0.1);
}
.bt-1 label img {
max-width: 50%;
}
.bt-1 p {
padding-left: 20px;
font-size: 24px;
color: #3A5E87;
line-height: 40px;
}
.bt-1 p span {
color: #BBBBBB;
font-weight: normal;
text-transform: uppercase;
}
.bt-1 a {
color: #999999;
line-height: 40px;
padding-right: 25px;
background: url("http://202.202.200.195:8080/publish/scwgydxxyw/css/../images/bt1-more.png") no-repeat right center;
}
.bt-1 a:hover {
font-weight: bold;
}
.fdtp img{
width:100%;
z-index:1111;
}
.new11 {
width: 100%;
}
.new11-lef {
width: 55%;
}
.new11-rig {
width: 45%;
}
.new111 {
display: none;
width: 48%;
background-color: #FFFFFF;
}
.new111:nth-child(1),
.new111:nth-child(2){
display: block;
}
.new111 .img {
width: 100%;
height: 240px;
}
.new111 .img img {
height: 100%;
min-width: 100%;
transition: all 0.8s;
}
.new111:hover .img img {
transform: translate(-50%,-50%) scale(1.1);
}
.new111 .det {
width: 100%;
padding: 15px;
}
.new111 .det p {
height: 84px;
line-height: 1.8;
color: #333333;
margin: 10px 0;
}
.new111 .det span {
font-size: 14px;
color: #999999;
padding-left: 25px;
margin-top: 10px;
background: url("http://202.202.200.195:8080/publish/scwgydxxyw/css/../images/new13.png") no-repeat left center;
}
.new111:hover {
box-shadow: 0 0 10px rgb(0,0,0,0.2);
}
.new111:hover p {
color: #3F7CE7;
font-weight: bold;
}
.new11-rig ul {
padding-left: 6.5%;
}
.new11-rig ul li {
width: 100%;
margin-bottom: 9.5px;
}
.new11-rig ul li a {
width: 100%;
}

.new11-rig ul a > span {
position: relative;
width: 64px;
height: 64px;
float: left;
background: #EFF7FF;
text-align: center;
}
.new11-rig ul a > span::before,
.new11-rig ul a > span::after {
width: 100%;
height: 100%;
left: 0;
top: 0;
background-color: #1869C4;
transition: all 0.3s;
opacity: 0;
transform: scale(0.5);
border-radius: 50%;
}
.new11-rig ul a > span::after {
transform: scale(1.5);
}
.new11-rig ul a > span span {
position: relative;
z-index: 10;
width: 100%;
font-size: 24px;
color: #999999;
margin-top: 10px;
margin-bottom: 5px;
}
.new11-rig ul a > span p {
position: relative;
z-index: 10;
font-size: 12px;
color: #999999;
}
.new11-rig ul a .det {
float: left;
width: calc(100% - 64px);
padding-left: 20px;
}
.new11-rig ul a .det p {
font-size: 16px;
color: #333333;
line-height: 1.3;
height: 43px;
}
.new11-rig ul a .det span {
font-size: 12px;
color: #999999;
}
.new11-rig ul > a {
font-size: 16px;
color: #1869C4;
position: relative;
padding-right: 30px;
transition: all 0.3s;
}
.new11-rig ul > a:last-child::after {
width: 0;
height: 0;
right: 0;
top: 3px;
border: 7px solid transparent;
border-left: 7px solid #1869C4;
}
.new11-rig ul > a:hover {
font-weight: bold;
padding-right: 20px;
}
.new11-rig ul a:hover > span::before,
.new11-rig ul a:hover > span::after {
opacity: 1;
transform: scale(1);
border-radius: 0;
}
.new11-rig ul a:hover > span span ,
.new11-rig ul a:hover > span p {
color: #FFFFFF;
}
.new11-rig ul a:hover .det p,
.new11-rig ul a:hover .det span {
color: #1869C4;
font-weight: bold;
}

.new12 {
width: 100%;
height: 116px;
margin-top: 30px;
   
    max-width: 1380px;
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 50px;
"
}
.new12 li {
flex: 1;
height: 100%;
}
.new12 li a {
width: 100%;
height: 100%;
background: url("http://202.202.200.195:8080/publish/scwgydxxyw/css/../images/new12-bg.png") no-repeat right center;
background-size: auto 100%;
position: relative;
}
.new12 li:last-child a {
background: none;
}
.new12 li a .img {
padding-top: 28px;
width: 100%;
}
.new12 li a .img img {
max-width: 40%;
}
.new12 li a p {
width: 100%;
position: absolute;
left: 0;
bottom: 24px;
font-size: 14px;
color: #333333;
}
.new12 li a:hover {
box-shadow: 0 0 10px rgba(0,0,0,0.2);
border-radius: 5px;
background: rgba(255,255,255,0.4);
}
.new12 li a:hover img {
animation: bounceIn 1s;
}
.new12 li a:hover p {
font-weight: bold;
animation: rubberBand 1s;
}



.new2 {
width: 100%;
padding-bottom: 30px;
background: #E9F1F9;
}
.new2-con {

}
.new21 {
width: 52.2%;
}
.new22 {
width: 44.85%;
}
.new211 {
width: 320px;
transition: all 0.3s;
background-color: #FFFFFF;
}
.new211 .img {
width: 100%;
height: 220px;
}
.new211 .img img {
width: 100%;
height: 100%;
transition: all 0.8s;
}
.new211:hover {
box-shadow: 0 0 10px rgb(0,0,0,0.2);
}
.new211:hover .img img {
transform: scale(1.1);
}
.new211-bt {
left: 0;
bottom: 60px;
width: 87.5%;
height: 100px;
background: rgba(24, 105, 196, 0.8);
color: #FFFFFF;
padding: 26px;
line-height: 1.5;
}
.new211:hover .new211-bt {
font-weight: bold;
}
.new211 .det {
width: 100%;
padding: 20px;
}
.new211 .det p {
color: #333333;
width: 100%;
overflow: hidden;
word-wrap: normal;
white-space: nowrap;
text-overflow: ellipsis;
}
.new211 .det span {
font-weight: bold;
}
.new211 .det a {
margin-top: 20px;
color: #FFFFFF;
padding: 5px 15px;
background-color: #1869C4;
}
.new211 .det a:hover {
box-shadow: 0 0 15px rgb(24, 105, 196,0.5);
}



.new212 {
width: calc(100% - 320px);
padding-left: 4%;
}
.new212 a {
width: 100%;
padding: 10px 0;
border-bottom: 1px solid #DEDEDE;
}
.new212 a:last-child {
border: none;
}
.new212 a > span {
width: 100%;
color: #333333;
margin-bottom: 10px;
}
.new212 a p {
color: #777777;
line-height: 2;
}
.new212 a p span {
font-weight: bold;
}
.new212 a:hover > span {
color: #1869C4;
font-weight: bold;
}


.new22-ul {
width: 100%;
}
.new22-ul li {
width: 100%;
height: 64px;
margin-bottom: 20px;
}
.new22-ul li a {
width: 100%;
height: 100%;
position: relative;
}
.new22-ul li a::before {
width: 64px;
height: 100%;
background-color: #1869C4;
left: 0;
top: 0;
transition: all 0.5s;
}
.new22-ul li a label {
width: 64px;
height: 64px;
background-color: #FFFFFF;
position: relative;
float: left;
text-align: center;
transition: all 0.3s;
transition-delay: 0.45s;
}
.new22-ul li a label span {
width: 100%;
font-size: 24px;
color: #999999;
margin-top: 10px;
margin-bottom: 5px;
position: relative;
z-index: 10;
transition: all 0.3s;
transition-delay: 0.45s;
}
.new22-ul li a label p {
font-size: 12px;
color: #999999;
position: relative;
z-index: 10;
transition: all 0.3s;
transition-delay: 0.45s;
}
.new22-ul li a > p {
float: left;
width: calc(100% - 64px);
padding-left: 5%;
color: #333333;
height: 64px;
line-height: 2;
position: relative;
z-index: 10;
transition: all 0.3s;
transition-delay: 0.2s;
}
.new22-ul li a:hover {
box-shadow: 0 0 10px rgba(0,0,0,0.2);
transition-delay: 0.5s;
}
.new22-ul li a:hover label span,
.new22-ul li a:hover label p {
color: #FFFFFF;
transition-delay: 0s;
}
.new22-ul li a:hover label {
background: #1869C4;
transition-delay: 0s;
transition: all 0s;
}
.new22-ul li a:hover::before {
width: 100%;
}
.new22-ul li a:hover > p {
color: #FFFFFF;
transition-delay: 0s;
}



.new3 {
width: 100%;
padding-bottom: 30px;
background: url("http://202.202.200.195:8080/publish/scwgydxxyw/css/../images/new3-bg.png") center center;
background-attachment: fixed;
}
.new31 {
width: 48.52%;
}
.new32 {
width: 100%;
}
.new32 li {
height: 42px;
line-height: 42px;
}
.new32 li a {
width: 100%;
height: 100%;
}
.new32 li p {
float: left;
width: calc(100% - 90px);
font-size: 16px;
color: #333333;
transition: all 0.3s;
overflow: hidden;
word-wrap: normal;
white-space: nowrap;
text-overflow: ellipsis;
}
.new32 li span {
float: right;
font-size: 14px;
color: #999999;
transition: all 0.3s;
}
.new32 li a:hover {
box-shadow: 0 0 10px rgba(0,0,0,0.2);
border-radius: 7px;
}
.new32 li a:hover p {
padding-left: 10px;
color: #1869C4;
font-weight: bold;
}
.new32 li a:hover span {
padding-right: 10px;
}


.zt {
width: 100%;
padding-bottom: 30px;
}
#zt {
width: 100%;
height: 240px;
}
#zt a {
height: 200px;
position: relative;
overflow: hidden;
}
#zt a img {
height: 100%;
min-width: 100%;
position: absolute;
left: 50%;
transform: translateX(-50%);
transition: all 0.8s;
}
#zt a:hover img {
transform: translateX(-50%) scale(1.1);
}
#zt .swiper-pagination span {
width: 12px;
height: 12px;
opacity: 1;
background: none;
border: 2px solid #1869C4;
}
#zt .swiper-pagination .swiper-pagination-bullet-active {
background: #1869C4;
}



.new33 {
width: 52.2%;
}
.new34 {
width: 44.85%;
}
.new35 ul {
display: none;
}
.new35 ul.on {
display: block;
animation: fadeInUp 0.5s;
}
.newadd {
color: #555555 !important;
position: relative;
cursor: pointer;
}
.newadd span {
display: none;
}
.newadd.on {
color: #3A5E87 !important;
}
.newadd.on span {
display: inline-block;
}
.newadd:nth-child(3)::before {
left: 10px;
top: 50%;
transform: translateY(-50%);
width: 2px;
height: 20px;
background: #BBBBBB;
}
@media (max-width: 600px) {
.newadd:nth-child(3)::before {
left: 5px;
}
}



.sp {
width: 100%;
padding-bottom: 60px;
background: url("http://202.202.200.195:8080/publish/scwgydxxyw/css/../images/sp-bg.png") no-repeat center bottom #E9F1F9;
}
.sp-1 {
align-items: flex-start;
flex-wrap: wrap;
}
.sp-2 {
width: 52.2%;
}
.sp-2 .video {
width: 100%;height: 408px;
}
.sp-2 .video > div {
width: 100%;
height:100%;
}

.sp-2 video {
width: 100%;
height: 100%;
object-fit: cover;
}
.sp-3 {
width: 44.85%;
}
.sp-4 {
align-items: flex-start;
flex-wrap: wrap;
}
.sp-4 a {
display: block;
width: 48%;
transition: all 0.5s;
box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.1);
background: #FFFFFF;
}
.sp-4 a .img {
width: 100%;height: 226px;
overflow: hidden;
}
.sp-4 a img {
width: 100%;height: 100%;display: block;
transition: all 0.5s;
object-fit: cover;
}
.sp-4 a .det {
padding: 20px 16px;
}
.sp-4 a .det p {
text-align: justify;
font-size: 16px;
line-height: 32px;
color: #333333;
height: 96px;
transition: all 0.3s;
}
.sp-4 a .det span {
font-size: 14px;
margin-top: 14px;

color: #888888;

line-height: 32px;
}
.sp-4 a:hover {
transform: translateY(-5px);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.sp-4 a:hover img {
transform: scale(1.1);
}
.sp-4 a:hover .det p {
color: #3A5E87;
}