/* ===============================整站通用=============================== */
/* 最大宽度 */
/* #wrapper{width: 100%; max-width: 768px; margin: auto; overflow: hidden;} */
.warp{max-width: 1200px; margin: auto;}

/* 通用头部 */
.logoBox{background: #e6e7e9;}
.logoBox .warp{display: flex; align-items: center; justify-content: space-between;}
.logoBox .tel{padding: 0 0 0 10px;}
.logoBox .tel p{font-size: 14px;}
.logoBox .tel a{font-size: 24px; font-weight: bold; color: #14419c;}

nav{background: #14419c;}
nav ul li{width: 12.5%; float: left; font-size: 18px;}
nav ul li a{line-height: 60px; text-align: center; color: #fff; display: block;}
nav ul li.active, nav ul li:hover{background: rgb(235, 155, 42);}

footer{padding: 50px 0 0; color: #fff; background: #14419c;}
footer a{color: #fff;}
footer .lBox .list{margin: 0 0 0 100px;}
footer .lBox .list:first-child{margin: 0;}
footer .lBox .list .title{position: relative; font-size: 18px; font-weight: bold;}
footer .lBox .list .title::after{position: absolute; left: 0; bottom: -20px; content: ''; display: block; width: 40px; height: 2px; background: #fff; margin: 5px 0 0;}
footer .lBox .list ul{margin: 40px 0 0;}
footer .lBox .list ul li{font-size: 15px; line-height: 30px;}
footer .rBox{text-align: center;}
footer .rBox img{height: 120px;}
footer .rBox p{font-size: 14px; margin: 15px 0 0;}
footer .copyright{font-size: 14px; line-height: 50px; text-align: center; margin: 30px 0 0; color: #9fc1f8; background: rgb(27, 55, 136);}
footer .copyright a{color: #9fc1f8;}


/* =======================首页======================= */
/* 首页_banner */
.banner{position: relative; overflow: hidden; z-index: 1;}
.banner li img{width: 100%;}
.banner li img:nth-child(2){display: none;}

.mainBox{padding: 40px 0;}
.mainBox .warp{display: flex;}
.mainBox .leftMenu .leftMenuBox{width: 270px; background: rgb(43, 65, 164);}
.mainBox .leftMenu .title{padding: 20px 0; text-align: center; color: #fff;}
.mainBox .leftMenu .title .p1{font-size: 26px}
.mainBox .leftMenu .title .p2{font-size: 22px; margin: 10px 0 0;}
.mainBox .leftMenu .menuList{padding: 13px; margin: 0 5px; background: #fff;}
.mainBox .leftMenu .menuList li{position: relative; margin: 5px 0 0;}
.mainBox .leftMenu .menuList li .meun1Box:hover,.mainBox .leftMenu .menuList li.active .meun1Box{background: rgb(235, 155, 42);}
.mainBox .leftMenu .menuList li:first-child{margin: 0;}
.mainBox .leftMenu .menuList li .meun1Box{padding: 0 40px 0 20px; background: rgb(43, 65, 164);}
.mainBox .leftMenu .menuList li a{font-size: 15px; line-height: 63px; color: #fff; display: block;}
.mainBox .leftMenu .menuList li .iconBox{position: absolute; top: 12px; right: 0; width: 20px; height: 20px; margin: 10px; cursor: pointer;}
.mainBox .leftMenu .menuList li .iconBox i{position: absolute; background: #fff; content: ''; display: block;}
.mainBox .leftMenu .menuList li .iconBox .i1{width: 100%; height: 2px; left: 0; top: 50%; transform: translate(0, -50%);}
.mainBox .leftMenu .menuList li .iconBox .i2{width: 2px; height: 100%; left: 50%; top: 0; transform: translate(-50%, 0);}

.mainBox .leftMenu .menuList li .iconBox.active .i2{opacity: 0;}
.mainBox .leftMenu .menuList li.active ol{display: block;}

.mainBox .leftMenu .menuList li ol{padding: 0 0 10px; overflow: hidden; display: none;}
.mainBox .leftMenu .menuList li ol li{padding: 0 20px; margin: 15px 0 0;}
.mainBox .leftMenu .menuList li ol li:first-child{margin: 15px 0 0;}
.mainBox .leftMenu .menuList li ol li a{line-height: 20px; color: #000;}
.mainBox .leftMenu .menuList li ol li:hover a, .mainBox .leftMenu .menuList li ol li.active a{color: rgb(235, 155, 42)}

.mainBox .leftMenu .telBox{padding: 20px;}
.mainBox .leftMenu .telBox .tel{padding: 0 0 0 10px; color: #fff;}
.mainBox .leftMenu .telBox .tel p{font-size: 14px;}
.mainBox .leftMenu .telBox .tel a{font-size: 20px; font-weight: bold; color: #fff;}

.mainBox .rightMain{width: calc(100% - 270px); padding: 0 0 0 20px;}
.mainBox .rightMain .titleBox{position: relative; border-bottom: 1px solid #cccccc; display: flex; align-items: flex-start; justify-content: space-between;}
.mainBox .rightMain .titleBox::before{content: ''; position: absolute; left: 0; bottom: -1px; width: 130px; height: 2px; background: rgb(43, 65, 164);}
.mainBox .rightMain .titleBox .lBox{color: #434A54; display: flex; align-items: end;}
.mainBox .rightMain .titleBox .lBox .p1{font-size: 22px;}
.mainBox .rightMain .titleBox .lBox .p2{font-size: 14px; margin: 0 0 0 5px; color: #999999;}
.mainBox .rightMain .titleBox .rBox a{width: 130px; font-size: 15px; text-align: center; line-height: 40px; display: block; color: #fff; background: rgb(43, 65, 164);}


.inTitle{position: relative; text-align: center; padding: 40px 0;}
.inTitle::after, .inTitle::before{content: ''; display: block; width: 50vw; height: 3px; background: #fff; position: absolute; top: 50%; transform: translateY(-50%); z-index: 1;}
.inTitle::after{left: 0;}
.inTitle::before{right: 0;}
.inTitle .p1{font-size: 30px; color: #eb9b2a;}
.inTitle .p2{font-size: 22px; margin: 5px 0 0;}
.inTitle .box{position: relative; padding: 0 40px; display: inline-block; z-index: 2;}
.inTitle.type2::after, .inTitle.type2::before{background: #DDD;}
.inTitle.type1 .box{background: rgb(43, 65, 164);}
.inTitle.type2 .box{background: #fff;}
.inTitle.type1 .box .p2{color: #fff;}
.inTitle.type2 .box .p2{color: #000;}

.inMoreBox{padding: 20px 0; background: url(../images/inAbout1.jpg) no-repeat center bottom; background-size: 100%; display: flex; align-items: center; justify-content: center;}
.inMoreBox2{background: none;}
.inMoreBox a{font-size: 13px; color: #fff; width: 66px; height: 66px; border: 2px solid #405cdc; border-radius: 100px; display: flex; align-items: center; justify-content: center;}
.inMoreBox a:hover{background: #eb9b2a;}


.inAboutBpx{padding: 20px 0 0; background: rgb(43, 65, 164);}
.inAboutBpx .lBox, .inAboutBpx .rBox{width: 50%;}
.inAboutBpx .lBox{color: #fff;}
.inAboutBpx .lBox h4{font-size: 22px; font-weight: 400;}
.inAboutBpx .lBox p{font-size: 17px; line-height: 2; margin: 30px 0 0;}
.inAboutBpx .rBox{padding: 0 0 0 50px;}

.inChooseBox{padding: 0 0 50px;}
.inChooseBox ul{display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px;}
.inChooseBox ul li{text-align: center; padding: 20px 10px 40px; border: 1px solid #2b41a4;}
.inChooseBox ul li h3{margin: 15px 0;}
.inChooseBox ul li p{font-size: 14px; line-height: 2;}

.inHonorBpx{padding: 20px 0 0; background: rgb(43, 65, 164);}
.inHonorBpx2{background: none;}
.inHonorBpx .warp{overflow: hidden;}
.inHonorBpx ul li{background: #fff;}
.inHonorBpx ul li .imgBox{position: relative; padding: 0 0 80%; overflow: hidden;}
.inHonorBpx ul li .imgBox img{position: absolute; left: 50%; top: 50%; max-width: 100%; max-height: 100%; transform: translate(-50%, -50%);}
.inHonorBpx ul li:hover .imgBox img{transform: translate(-50%, -50%) scale(1.1);}
.inHonorBpx ul li p{font-size: 14px; line-height: 40px; padding: 0 20px;}

.inNews{padding: 0 0 50px;}
.inNews .lBox, .inNews .rBox{width: calc(50% - 15px);}
.inNews .lBox{overflow: hidden;}
.inNews .lBox ul li{position: relative; padding: 65% 0 0;}
.inNews .lBox ul li img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; width: 100%; height: 100%; object-fit: cover;}
.inNews .rBox ul li{padding: 0 0 20px; margin: 0 0 20px; border-bottom: 1px solid #ddd;}
.inNews .rBox ul li .p1{font-size: 16px; font-weight: bold;}
.inNews .rBox ul li .p2{font-size: 13px; line-height: 18px; margin: 5px 0 0; color: #999;}
.inNews .rBox ul li .timeBox{font-size: 12px; line-height: 20px; margin: 5px 0 0; color: #bbb; display: flex; align-items: center; justify-content: space-between;}
.inNews .rBox ul li .timeBox .r{display: flex; align-items: center; justify-content: end;}
.inNews .rBox ul li .timeBox .r img{width: 16px; margin: 0 5px 0 0;}


.pageMainBox{padding: 20px 0 0; overflow: hidden;}
.proList{width: 100%;}
.proList ul{width: 100%; display: grid; grid-template-columns: repeat(3, calc(100%/3 - 13.4px)); gap: 20px;}
.proList ul li{text-align: center; border: 1px solid #ccc;}
.proList ul li:hover{border-color: #2b41a4;}
.proList ul li .imgBox{position: relative; padding: 0 0 110%; overflow: hidden;}
.proList ul li .imgBox img{position: absolute; left: 50%; top: 50%; max-width: 100%; max-height: 100%; transform: translate(-50%, -50%);}
.proList ul li:hover .imgBox img{transform: translate(-50%, -50%) scale(1.1);}
.proList ul li p{font-size: 16px; line-height: 50px; padding: 0 20px;}

.proShow .nameBox{padding: 0 0 20px; text-align: center; border-bottom: 1px solid #ccc;}
.proShow .nameBox .p1{font-size: 24px; color: #405cdc;}
.proShow .nameBox .p2{font-size: 14px; margin: 15px 0 0; color: #999;}
.proShow .centerBox{padding: 20px 0 0;}

.newsList ul li{position: relative; padding: 65% 0 0;}
.newsList ul li{padding: 0 0 20px; margin: 0 0 20px; border-bottom: 1px solid #ddd;}
.newsList ul li .p1{font-size: 16px; font-weight: bold;}
.newsList ul li .p2{font-size: 13px; line-height: 18px; margin: 5px 0 0; color: #999;}
.newsList ul li .timeBox{font-size: 12px; line-height: 20px; margin: 5px 0 0; color: #bbb; display: flex; align-items: center; justify-content: space-between;}
.newsList ul li .timeBox .r{display: flex; align-items: center; justify-content: end;}
.newsList ul li .timeBox .r img{width: 16px; margin: 0 5px 0 0;}

.contactBox ul li{width: calc(100%/3); padding: 0 20px; text-align: center;}
.contactBox ul li img{margin: auto;}
.contactBox ul li .p1{font-size: 16px; margin: 20px 0 0;}
.contactBox ul li .p2{font-size: 20px; margin: 10px 0 0;}

.retreat{padding: 20px 0 0; margin: 20px 0 0; border-top: 1px solid #ccc; display: flex; justify-content: end;}
.retreat a{font-size: 14px; line-height: 40px; padding: 0 30px; border: 1px solid #ccc; display: block;}