/**title**/
:focus {
    outline: 0;
    box-shadow: 0 0 0 0rem rgb(0 123 255 / 25%);
}

.index_bn {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.swiper-bn-list {
    position: absolute;
    width: 100%;
    bottom: 30px !important;
    z-index: 9;
    text-align: center;
}

.swiper-bn-list span {
    background: none;
    width: 12px;
    height: 12px;
    margin: 0px 4px !important;
    opacity: 1;
    border: 2px #fff solid;
}

.swiper-bn-list .swiper-pagination-bullet-active {
    background: #fff;
}

.index1 .swiper-slide {
    width: 100% !important;
}

.carousel-img img {
    width: 100%;
    object-fit: cover;
    height: 100%;
}


/**pag1**/
.pag1 {
    background: #fff;
    padding: 100px 0px 60px;
    width: 100%;
    overflow: hidden;
}

.pag1 .center {
    max-width: 1640px;
    margin: auto;
    padding: 0px 20px;
}

.pag1 ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.pag1 ul li {
    width: calc((100% - 40px)/2);
    background-size: 100% !important;
    border-radius: 10px;
    overflow: hidden;
    margin: 0px 0px 40px 0px;
    position: relative;
}

.pag1 ul li img {
    width: 100%;
    transition:all 0.5s;
}

.pag1 ul li .text {
    position: absolute;
    top: 50px;
    left: 50px;
    z-index: 2;
}


.pag1 ul li .name {
    font-size: 26px;
    color: #313131;
    display: block;
    margin-bottom: 10px;
}
.inflej a {
    display: block;
    line-height: 1.8em;
    color: #787878;
    transition: all 0.5s;
}

.inflej a:hover {
    color: #001B6F;
}
.pag1 ul li:hover img
{
    transform:scale(1.1);
}


/**pag2**/
.pag2
{max-width: 100%;margin: auto;background: url(../images/cpBg.jpg) no-repeat center;background-size: cover;padding: 100px 0px;}
.pag2 .center
{
    max-width: 1640px;
    margin: auto;
    padding: 0px 20px;
    display: flex;
}
.pag2 .left
{
    width: 50%;
    padding-right: 70px;
}
.pag2 .left .author
{
    color: #001B6F;
    font-size: 20px;
}
.pag2 .left .title
{
    font-size: 36px;
    line-height:1.2em;
    color: #333;
}
.pag2 .left .summary
{
    line-height: 1.5em;
    color: #313131;
    margin-top: 20px;
}
.pag2 .left a.more
{
    line-height: 50px;
    max-width: 130px;
    background: #CC0011;
    text-align: center;
    color: #fff;
    border-radius: 4px;
    display: block;
    margin-top: 10px;
    transition: all 0.5s;
}
.pag2 .left a.more:hover
{
    background: #001B6F;  
}
.pag2 .left .main
{
    
}
.pag2 .left .main ul
{
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
    max-width: 600px;
}
.pag2 .left .main ul li .shuzi
{
    font-size: 60px;
    color: #001B6F;
    font-style: initial !important;
    font-family: Antonio;
    
    !i;
    !;
}
.pag2 .left .main ul li p
{
    color: #313131;
}

.pag2 .right
{
    width: 50%;
    overflow: hidden;
    position: relative;
}
.pag2 .right img
{
    width: 100%;
    border-radius: 10px;
}
.swiper-inpic
{
    position: absolute;
    bottom: 5%;
    z-index: 2;
    width: 100%;
    text-align: center;
}
.swiper-inpic span
{
    width: 10px;
    height: 10px;
    margin: 0px 4px;
}
.swiper-inpic span.swiper-pagination-bullet-active
{
    background: #CC0011;
}


/**pag3**/
.pag3
{background: #fff;padding: 100px 0px;overflow: hidden;width: 100%;}
.pag3 .center
{
    max-width: 1640px;
    margin: auto;
    padding: 0px 20px;
}
.pag3 .center .title
{
    font-size: 20px;
    color: #001B6F;
    text-align: center;
}
.pag3 .center .summary
{
    display: block;
    font-size: 40px;
    color: #313131;
    line-height: 1.5em;
    text-align: center;
}

.pag3 .center img
{
    max-width: 100%;
}
.mdt
{
   display:none; 
}

/**pag4**/

.pag4 {
    background: url(../images/xwBg.jpg) no-repeat center;
    background-size: cover;
    width: 100%;
    padding: 100px 0px;
}

.intitle {
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.pag4 .center {
    max-width: 1640px;
    margin: auto;
    padding: 0px 20px;
}

.intitle .pag_title {
    text-align: left;
}

.intitle a {
    line-height: 50px;
    min-width: 130px;
    background: #CC0011;
    text-align: center;
    color: #fff;
    border-radius: 4px;
    transition: all 0.5s;
}

.intitle a:hover {
    background: #001B6F;
}


.pag4 ul {
    display: flex;
    justify-content: space-between;
}

.pag4 ul li {
    width: calc((100% - 10px)/3);
    background: #fff;
    padding: 30px;
}

.pag4 ul li .time {
    color: #999;
    background: url(../images/time.png) no-repeat left center;
    padding-left: 22px;
}

.pag4 ul li .title {
    font-size: 20px;
    color: #313131;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin: 10px 0px;
    transition: all 0.5s;
}

.pag4 ul li:hover .title {
    color: #001B6F;
}

.pag4 ul li .summary {
    color: #999;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin-bottom: 20px;
}

.pag4 ul li .more {
    font-size: 14px;
    color: #001B6F;
}

.pag4 ul li .ico {
    height: 0px;
    padding-top:65%;
    position: relative;
    overflow: hidden;
    margin-top: 30px;
}

.pag4 .text {
    min-height: 190px;
}

.pag4 ul li .ico img {
    position: absolute;
    top: 0px;
    width: 100%;
    object-fit: cover;
    height: 100%;
    transition: all 0.5s;
}

.pag4 ul li:hover .ico img {
    transform: scale(1.1);
}


/**dt**/

.pag3 .center ul
{
    position:relative;
    overflow:hidden;
}

@keyframes warn {
    0% {
	opacity: 0;
        -webkit-transform:scale(.5);
	transform: scale(.5);
}
5% {
	opacity: 1;
}
to {
	opacity: 0;
        -webkit-transform:scale(5);
	transform: scale(5);
}
}
@keyframes warn2 {
    0% {
	opacity: 0;
        -webkit-transform:scale(.5);
	transform: scale(.5);
}
5% {
	opacity: 1;
}
to {
	opacity: 0;
        -webkit-transform:scale(4);
	transform: scale(4);
}

}


.mjmap
{
    width: 14px;
    height: 14px;
    background: #00CC6E;
    border-radius: 100%;
    position:absolute;
}
.map01
{
    left: 4%;
    top: 31%;  
}
.mjmap::before {
    content: '';
    position: absolute;
    width:14px;
    height: 14px;
    -webkit-box-shadow: inset #00CC6E 0 0 40px;
    box-shadow: inset #00CC6E 0 0 40px;
    border-radius: 50%;
    top: 0;
    left: 0;
    opacity: .8;
    animation: warn2 2s ease-out .1s infinite;
}

.mjmap::after {
    content: '';
    position: absolute;
    width: 14px;
    height: 14px;
    -webkit-box-shadow: inset #00CC6E 0 0 40px;
    box-shadow: inset #00CC6E 0 0 40px;
    border-radius: 50%;
    top: 0;
    left: 0;
    opacity: .7;
    animation: warn 2s ease-out 1.1s infinite;
}

.map02
{
    left: 7%;
    background:#1F99AF;
    top: 31%;
}
.map02::before {
    -webkit-box-shadow: inset #1F99AF 0 0 40px;
    box-shadow: inset #1F99AF 0 0 40px;

}

.map02::after {
    -webkit-box-shadow: inset #1F99AF 0 0 40px;
    box-shadow: inset #1F99AF 0 0 40px;

}

.map03
{
    left: 5.5%;
    background: #7E00CC;
    top: 33%;
}
.map03::before {
    -webkit-box-shadow: inset #7E00CC 0 0 40px;
    box-shadow: inset #7E00CC 0 0 40px;

}

.map03::after {
    -webkit-box-shadow: inset #7E00CC 0 0 40px;
    box-shadow: inset #7E00CC 0 0 40px;

}


.map04
{
    left: 4%;
    background: #CC7E00;
    top: 38%;
}
.map04::before {
    -webkit-box-shadow: inset #CC7E00 0 0 40px;
    box-shadow: inset #CC7E00 0 0 40px;

}

.map04::after {
    -webkit-box-shadow: inset #CC7E00 0 0 40px;
    box-shadow: inset #CC7E00 0 0 40px;

}

.map05
{
    left: 38.5%;
    background: #5ECC00;
    top: 41%;
}
.map05::before {
    -webkit-box-shadow: inset #5ECC00 0 0 40px;
    box-shadow: inset #5ECC00 0 0 40px;

}

.map05::after {
    -webkit-box-shadow: inset #5ECC00 0 0 40px;
    box-shadow: inset #5ECC00 0 0 40px;

}


.map06
{
    left: 42%;
    background: #001B6F;
    top: 42.5%;
}
.map06::before {
    -webkit-box-shadow: inset #001B6F 0 0 40px;
    box-shadow: inset #001B6F 0 0 40px;

}

.map06::after {
    -webkit-box-shadow: inset #001B6F 0 0 40px;
    box-shadow: inset #001B6F 0 0 40px;
}

.map07
{
    left: 17%;
    background: #ed581d;
    top: 24%;
}
.map07::before {
    -webkit-box-shadow: inset #ed581d 0 0 40px;
    box-shadow: inset #ed581d 0 0 40px;

}

.map07::after {
    -webkit-box-shadow: inset #ed581d 0 0 40px;
    box-shadow: inset #ed581d 0 0 40px;
}

.map08
{
    left: 32%;
    background: #8DCC00;
    top: 18%;
}
.map08::before {
    -webkit-box-shadow: inset #8DCC00 0 0 40px;
    box-shadow: inset #8DCC00 0 0 40px;

}

.map08::after {
    -webkit-box-shadow: inset #8DCC00 0 0 40px;
    box-shadow: inset #8DCC00 0 0 40px;
}

.map09
{
    left: 32.5%;
    background: #00e2d5;
    top: 57%;
}
.map09::before {
    -webkit-box-shadow: inset #00e2d5 0 0 40px;
    box-shadow: inset #00e2d5 0 0 40px;

}

.map09::after {
    -webkit-box-shadow: inset #00e2d5 0 0 40px;
    box-shadow: inset #00e2d5 0 0 40px;
}

.map10
{
    left: 34%;
    background: #CC0011;
    top: 50%;
}
.map10::before {
    -webkit-box-shadow: inset #CC0011 0 0 40px;
    box-shadow: inset #CC0011 0 0 40px;

}

.map10::after {
    -webkit-box-shadow: inset #CC0011 0 0 40px;
    box-shadow: inset #CC0011 0 0 40px;
}



.map11
{
    left: 44%;
    background: #009DCC;
    bottom: 12%;
}
.map11::before {
    -webkit-box-shadow: inset #009DCC 0 0 40px;
    box-shadow: inset #009DCC 0 0 40px;

}

.map11::after {
    -webkit-box-shadow: inset #009DCC 0 0 40px;
    box-shadow: inset #009DCC 0 0 40px;
}

.map12
{
    right: 36%;
    background: #001B6F;
    top: 21%;
}
.map12::before {
    -webkit-box-shadow: inset #001B6F 0 0 40px;
    box-shadow: inset #001B6F 0 0 40px;

}

.map12::after {
    -webkit-box-shadow: inset #001B6F 0 0 40px;
    box-shadow: inset #001B6F 0 0 40px;
}


.map13
{
    right: 26%;
    background: #ab7f17;
    top: 26%;
}
.map13::before {
    -webkit-box-shadow: inset #ab7f17 0 0 40px;
    box-shadow: inset #ab7f17 0 0 40px;

}

.map13::after {
    -webkit-box-shadow: inset #ab7f17 0 0 40px;
    box-shadow: inset #ab7f17 0 0 40px;
}

.map14
{
    right: 19%;
    background: #CC00BC;
    bottom: 57%;
}
.map14::before {
    -webkit-box-shadow: inset #CC00BC 0 0 40px;
    box-shadow: inset #CC00BC 0 0 40px;

}

.map14::after {
    -webkit-box-shadow: inset #CC00BC 0 0 40px;
    box-shadow: inset #CC00BC 0 0 40px;
}



.map15
{
    right: 23.5%;
    background: #CC0011;
    bottom: 46%;
}
.map15::before {
    -webkit-box-shadow: inset #CC0011 0 0 40px;
    box-shadow: inset #CC0011 0 0 40px;

}

.map15::after {
    -webkit-box-shadow: inset #CC0011 0 0 40px;
    box-shadow: inset #CC0011 0 0 40px;
}



.map16
{
    right: 10%;
    background: #0085CC;
    bottom: 28%;
}
.map16::before {
    -webkit-box-shadow: inset #0085CC 0 0 40px;
    box-shadow: inset #0085CC 0 0 40px;

}

.map16::after {
    -webkit-box-shadow: inset #0085CC 0 0 40px;
    box-shadow: inset #0085CC 0 0 40px;
}

.map17
{
    right: 12.5%;
    background: #0025e2;
    bottom: 16%;
}
.map17::before {
    -webkit-box-shadow: inset #0025e2 0 0 40px;
    box-shadow: inset #0025e2 0 0 40px;

}

.map17::after {
    -webkit-box-shadow: inset #0025e2 0 0 40px;
    box-shadow: inset #0025e2 0 0 40px;
}




.mjmap p
{
    position: absolute;
    width:70px;
    left: 30px;
    color: #222;
    top: -5px;     
    opacity:0;
    transition:all 0.5s;
}
.mjmap:hover p
{
    opacity:1;
}