/* main1 */
.main1{}
.main1 .container{padding: 0;}
.main1 .up ul{margin: 0;}
.main1 .up ul>li{
    background-color: #f7f0ed;
    margin: 23px;
    display: flex;
    border-radius: 10px;
    padding: 10px ;
    width: 31%;
    padding: 28px 15px;
}
.main1 .up ul>li:nth-child(1){
    margin-left: 0;
}
.main1 .up ul>li:nth-last-child(1){
    margin-right: 0;
}
.main1 .up ul>li>span:nth-child(1){width: 50%; position: relative;}
.main1 .up ul>li .num{
    /* width: 40%; */
    font-size: 70px;
    text-align: center;
}
.main1 .up ul>li .jia{
    /* width: 40%; */
    font-size: 70px;
    text-align: center;
}
.main1 .up ul>li>span:nth-child(1)>.yuan{
    position: absolute;
    width: 35px;
    height: 35px;
    background-color: #313e8f;
    border-radius: 25px;
    top: 10%;
    opacity: 0.8;
}
.main1 .up ul>li:nth-child(1)>span:nth-child(1)>.yuan{
    right: 85px;
}
.main1 .up ul>li:nth-child(2)>span:nth-child(1)>.yuan{
    right: 78px;
}
.main1 .up ul>li:nth-child(3)>span:nth-child(1)>.yuan{
    right: 45px;
}
.main1 .up ul>li>.tit{
    width: 60%;
    font-size: 27px;
    text-align: center;
    margin: auto ;
}
.main1 .main>.down{display: flex;}
.main1 .down .left {width: 50%;}
.main1 .down .right {width: 50%;}
.main1 .down .left .up{
    display: flex;
    align-items: center;
}
.main1 .down .left .up>span:nth-child(1){
    display: inline-block;
    width: 10%;
    height: 2px;
    background-color: #313e8f;
}
.main1 .down .left .up>span:nth-child(2){
    display: inline-block;
    width: 8px;
    height: 8px;
    background-color: #313e8f;
}
.main1 .down .left .up>span:nth-child(3){
    color: #313e8f;
    font-size: 18px;
    font-weight: 600;
    margin-left: 25px;
}
.main1 .down .left .center>h1{
    padding: 10px 0;
}
.main1 .down .left .center>p{
    padding: 15px 0;
    line-height: 28px;
}
.main1 .down .left>.down>div{
    display: flex;
    align-items: center;
}
.main1 .down .left>.down>div>div{
    height: 8px;
    width: 8px;
    background-color: #313e8f;
    margin-right: 10px;
    box-shadow: 2px 2px #99a0c9;
}
.main1 .m1btn{
    padding: 10px 30px;
    background-color: #313e8f;
    border: 1px solid transparent;
    color: #fff;
    margin-top: 18px;
    transition: 0.5s;
}
.main1 .m1btn:hover{
    background-color: transparent;
    color: #001278;
    border: 1px solid #001278;
    transition: 0.5s;
}
.main1 .down .right>img{width: 100%;}
/* main2 */
.main2 .container-fluid{padding: 0;}
.main2 img{width: 100%;}

/* main3 */
.main3 .main>.up{display: flex;justify-content: space-between;align-items: center;}
.main3 .main .up .left{width: 40%;}
.main3 .main .up .left>.up{
    display: flex;
    align-items: center;
    /* width: 60%; */
}
.main3 .main .up .left>.up>span:nth-child(1){
    display: inline-block;
    width: 15%;
    height: 2px;
    background-color: #313e8f;
}
.main3 .main .up .left>.up>span:nth-child(2){
    display: inline-block;
    width: 8px;
    height: 8px;
    background-color: #313e8f;
}
.main3 .main .up .left>.up>span:nth-child(3){
    color: #313e8f;
    font-size: 18px;
    font-weight: 600;
    margin-left: 25px;
}
/* .main3 .main .up .left>h2{
    width: 80%;
} */

.main3 .main .up>.right{
    width: 40%;
    display: flex;
    justify-content: end;
    align-items: center;
}

.main3 .main .up>.right>p{width: 90%;font-size: 16px; font-weight: 600;}
.main3 .main .up>.center{
    width: 2px;
    height: 100px;
    background-color: #aaa;
}
.main3 .main .down>ul{}
.main3 .main .down>ul>li{width: 22%; margin: 25px;}
.main3 .main .down>ul>li>.center img{width: 100%;}
.main3 .main .down>ul>li:nth-child(2)>.center>img{width: 100%;padding: 30px 15px;}
.main3 .main .down>ul>li>.up,.main3 .main .down>ul>li>.down{
    background-color: #001278;
    color: #fff;
    padding: 10px;
    text-align: center;
    font-size: 16px;
    cursor: pointer;
    transition: 0.5s;
}
.main3 .main .down>ul>li>.up,.main3 .main .down>ul>li>.down a{
	color:#fff;
}
.main3 .main .down>ul>li>.up{
    background-color: #e9d5ca;
}
.main3 .main .down>ul>li>.down:hover{
    background-color: #e9d5ca;
    transition: 0.5s;
}
.main3 .main .down>ul>li:nth-child(1),.main3 .main .down>ul>li:nth-child(5){margin-left: 0;}
.main3 .main .down>ul>li:nth-child(4),.main3 .main .down>ul>li:nth-last-child(1){margin-right: 0;}
/* main4 */
.main4 .main .up>.up{
    display: flex;
    align-items: center;
    /* width: 60%; */
}
.main4 .main .up>.up>span:nth-child(1){
    display: inline-block;
    width: 6%;
    height: 2px;
    background-color: #313e8f;
}
.main4 .main .up>.up>span:nth-child(2){
    display: inline-block;
    width: 8px;
    height: 8px;
    background-color: #313e8f;
}
.main4 .main .up>.up>span:nth-child(3){
    color: #313e8f;
    font-size: 18px;
    font-weight: 600;
    margin-left: 25px;
}
.main4 .main .up>.up>h2{
    width: 80%;
}

.main4 .main .down>ul>li{
    display: flex;
    width: 30%;
    margin: 33px;
}
.main4 .main .down>ul>li:nth-child(1),
.main4 .main .down>ul>li:nth-child(4){margin-left: 0;padding-left: 0; }
.main4 .main .down>ul>li:nth-child(3),
.main4 .main .down>ul>li:nth-last-child(1){margin-right: 0; padding-right: 0;}
.main4 .main .down>ul>li>.left{
    width: 19%;
    text-align: center;
}
.main4 .main .down>ul>li>.left>img{width: 65%;}
.main4 .main .down>ul>li>.right{width: 80%;}
.main4 .main .down>ul>li>.right>h6{
    font-size: 18px;
    font-weight: 600;
}
.main4 .main .down>ul>li>.right>div{
    width: 13%;
    height: 1px;
    background-color: #aaa;
    margin-top: 15px;
    margin-bottom: 8px;
}
.main4 .main .down>ul>li>.right>h6{width: 90%;}
.main4 .main .down>ul>li>.right>p{
    font-size: 16px;
    color: #aaa;
}
/* main5 */
.main5 .main>.up{display: flex;justify-content: space-between;align-items: center;}
.main5 .main .up .left{width: 30%;}
.main5 .main .up .left>.up{
    display: flex;
    align-items: center;
    /* width: 60%; */
}
.main5 .main .up .left>.up>span:nth-child(1){
    display: inline-block;
    width: 20%;
    height: 2px;
    background-color: #313e8f;
}
.main5 .main .up .left>.up>span:nth-child(2){
    display: inline-block;
    width: 8px;
    height: 8px;
    background-color: #313e8f;
}
.main5 .main .up .left>.up>span:nth-child(3){
    color: #313e8f;
    font-size: 18px;
    font-weight: 600;
    margin-left: 25px;
}
/* .main3 .main .up .left>h2{
    width: 80%;
} */

.main5 .main .up>.right{
    width: 40%;
    display: flex;
    justify-content: end;
    align-items: center;
}

.main5 .main .up>.right>p{width: 90%;font-size: 16px; font-weight: 600;text-align: center;}
.main5 .main .up>.center{
    width: 2px;
    height: 100px;
    background-color: #aaa;
}
.main5 .main .down>ul>li{width: 31%; margin: 23px;}
.main5 .main .down>ul>li:nth-child(1){margin-left: 0;}
.main5 .main .down>ul>li:nth-last-child(1){margin-right: 0;}
.main5 .main .down>ul>li>.up img{width: 100%;object-fit: cover;border-radius: 5px;}
.main5 .main .down>ul>li>.up{position: relative;}
.main5 .main .down>ul>li>.up>div{
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #001278;
    color: #fff;
    padding: 5px 12px;
    border-radius: 3px;
}
.main5 .main .down>ul>li>.center>h6{
    padding: 10px 0;
    font-size: 16px;
    cursor: pointer;
    font-weight: 600;
}
.main5 .main .down>ul>li>.center>p{
    color: #666;
}
.main5 .main .down>ul>li>.center>h6 a:hover{
    color: #001278;
}
.main5 .main .down>ul>li>.down input{
    background-color: #001278;
    padding: 5px 20px ;
    color: #FFF;
    border: 1px solid transparent;
    margin-top: 10px;
    transition: 0.5s;
}
.main5 .main .down>ul>li>.down input:hover{
    border: 1px solid #001278;
    background-color: transparent;
    color: #001278;
    transition: 0.5s;
}
.main5 .main .down>ul>li:nth-child(1){padding-left: 0;}


/* 遮罩按钮 */
.m1dr{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%);
}
.m1drbtn{
    position: relative;
}
 .cw{
    width: 50px;
    height: 50px;
    border-radius: 50px;
    /* background-color: #d0d0d1; */
    border: 1px solid #313e8f;
    position: relative;
    transition: 0.5s;
    cursor: pointer;
}
 .cw:hover{
    border: 1px solid transparent;
    background-color: #313e8f;
    transition: 0.5s;
}
.cw:hover>i{
    color: #fff;
}
 .cw>i{
    position: absolute;
    font-size: 28px;
    left: 30%;
    top: 20%;
    color: #313e8f;
}
.bo {
	position: absolute;
	/* left: 50px; */
	top: 0;
}

.bo::before {
	content: "";
	position: absolute;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	/* background-color: #0d3de5; */
    border:2px solid #313e8f;

    /* border: 3px solid #fff; */
	animation: scale 2s infinite;
}

.bo::after {
	content: "";
	position: absolute;
	width: 50px;
	height: 50px;
	border-radius: 50%;
    /* border: 1px solid #fff; */
	/* background-color: #0d3de5; */
    border:2px solid #313e8f;
	animation: scale2 2s infinite;
}
@keyframes scale {
	0% {
		transform: scale(1);
		opacity: 0.9;
	}

	100% {
		transform: scale(1.5);
		opacity: 0;
	}
}

@keyframes scale2 {
	0% {
		transform: scale(1);
		opacity: 0.9;
	}

	100% {
		transform: scale(1.5);
		opacity: 0;
	}
}

.main1zz .video{
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .5);
    z-index: 99;
}
.main1zz .video>iframe{
    position: absolute;
    width: 60%;
    top: 15%;
    left: 50%;
    transform: translateX(-50%);
}
.main1zz .video>i{
    position: absolute;
    top: 30px;
    right: 30px;
    font-size: 30px;
    color: #d1af77;
    cursor: pointer;
}