.main>.banner {
    width: 100%;
    height: 37.5rem;
    box-sizing: border-box;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.main>.banner>img {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
    transition: all .5s;
}

.main>.banner>ul {
    width: 100%;
    padding-top: .625rem;
    padding-bottom: .625rem;
    height: 8.3125rem;
    background-color: rgba(0, 0, 0, .5);
    overflow: hidden;
    position: absolute;
    bottom: 6.25rem;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .5s;
}

.main>.banner>ul>li {
    width: 12.5rem;
    height: 6.25rem;
    margin: 0 1rem;
    text-align: center;
    border: .185rem solid #fff;
    cursor: pointer;
}

.main>.banner>ul>li:nth-child(1) {
    border-color: red;
}

.main>.banner>ul>li:nth-child(1)>p {
    color: red;
}

.main>.banner>ul>li>img {
    width: 100%;
    height: 100%;
}

.main>.banner>ul>li>p {
    color: #fff;
    font-size: .75rem;
    line-height: 1.125rem;
}

.main>.banner>div {
    width: 100%;
    height: 5.9375rem;
    padding: 0 2rem;
    box-sizing: border-box;
    position: absolute;
    bottom: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.main>.banner>div>div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.main>.banner>div>div:nth-child(2) {
    display: flex;
    flex-direction: row;
}

.main>.banner>div>div:nth-child(2)>div {
    margin: 0 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.main>.banner>div img {
    width: 3rem;
    height: 3rem;
    cursor: pointer;
}

.main>.banner>div span {
    line-height: 1.875rem;
    color: #fff;
    font-weight: bolder;
}

.main>.body {
    box-sizing: border-box;
    flex-direction: column;
    align-items: center;
	padding: 4rem 0;
    width: 1440px;
    margin: 0 auto;
    max-width: 92%;
}


@media screen and (max-width: 791px) {
    .main>.banner {
        height: 25rem;
        margin-top: 6rem;
    }
	.main>.banner>img{width:auto}
    .main>.banner>ul>li {
        height: 4rem;
    }
    .main>.body {
        padding: 7.125rem 2.5625rem;
    }
   
}

.fl{float: left;}
.fr{float: right;}
.clear{clear: both;}

.pro .left{width: 48%;text-align: center;}
.pro .left img{margin-top: 44px;width: 58%;}
.pro .right{width: 48%;padding-top: 5%;}
.pro .right h3{font-size: 42px;color: #fff;margin-bottom: 10px;}
.pro .right h4{font-size: 24px;color: #fff;margin-bottom: 30px;}
.pro .right .downd{width: 180px;line-height: 50px;background: #14396A;text-align: center;}
.pro .right .downd a{display: inline-block;line-height: 50px;padding-left: 40px;color: #fff;}

 
.pro2 ul li{width: calc(( 100% - 60px) / 3);margin-right: 30px;margin-bottom: 30px;float: left;}
.pro2 ul li .limain{background:#F2F3F5 ;padding: 60px;border-radius: 35px;}
.pro2 ul li:hover .limain{box-shadow:  0 0 10px #0f3c6c;}
.pro2 ul li:nth-child(3n){margin-right: 0;}
.pro2 ul li .imgarea{margin-top: 0px;}
.pro2 ul li .imgarea img{width: 100%;height: 370px;object-fit: contain;}
.pro2 ul li .limain .title24 h3{height:60px;}

@media screen and (max-width: 791px) {
	.pro{margin-bottom: 30px;}
	.pro .left{width: 100%;text-align: center;margin-bottom: 20px;}
	.pro .right{width: 100%;padding-top: 5%;padding-bottom: 5%;}
	.pro .imgarea{background-repeat: repeat-y !important;}
	.pro2 ul li{width: 46%;margin: 1% 2%;margin-right: 2%;margin-bottom: 4%;float: left;}
	.pro2 ul li .limain{padding: 20px;}
	.pro .right .downd{margin: 0 auto;}
	.pro .right .downd a{font-size:18px;}
	.pro2 ul li .imgarea img{height:180px;}
	
	.pro .right{text-align: center;}
	.pro .right h3{font-size: 24px;color: #fff;margin-bottom: 10px;}
	.pro .right h4{font-size: 16px;color: #fff;margin-bottom: 30px;}
	.pro .imgarea{height: auto !important;}
	
	.pro2 .title24 h3{font-size: 14px;}
	
}

.cpglzhy-name {
    display: inline-block;
    background: #0f3c6c;
    color: #fff;
    text-align: center;
    min-width: 117px;
    line-height: 32px;
    padding: 0 10px;
}
.mg-bt40 {
    margin-bottom: 40px;
}
.mg-bt30 {
    margin-bottom: 30px;
}

.cpglzhy-style:hover h3 {
    color: #0f3c6c;
}

.cpglzhy-style h3 {
    transition: all .4s;
}
.title24 h3 {
    font-size: 24px;
}
.title-bold h3 {
    font-weight: bold;
}
.jt {
    display: inline-block;
    background: #fff;
    text-align: center;
    width: 50px;
    border-radius: 23px;
    padding: 7px 0;
    transition: all .4s;
}
.jt-kuang {
    background: none;
    border: 1px solid #b7b7b7;
}
a:hover .jt-kuang{background: #0f3c6c;}
.jt .i {
    display: block;
    margin: 0 auto;
    width: 11px;
    height: 9px;
    background: url(../images/22x18.png) no-repeat center;
    background-size: cover;
    transition: all .4s;
}

a:hover .jt .i {
    background: url(../images/22x18-fff.png) no-repeat center;
    background-size: cover;
    transform: translateX(5px);
}