@charset "utf-8";
/* CSS Document */
.banner_box{min-width:1310px; margin:0 auto;}
.banner_box img{width:100%;}

.about{width:1310px; margin:0 auto; display:flex; justify-content:space-between;}
.about .left{width:300px; }
.about .left .title{width:270px; background:#1c84cd; padding:20px 0 30px 0; margin-top:20px;}
.about .left .title p:nth-child(1){font-size:28px; color:#fff; padding-left:30px;}
.about .left .title p:nth-child(2){font-size:16px; color:#d7d7d7; padding-left:30px;}

.about .left .list{width:270px;}
.about .left .list ul{width:100%;}
.about .left .list li{padding-left:30px; height:64px; background:#eee; border-top:solid 2px #fff;}
.about .left .list li{position:relative;}
.about .left .list li u{text-decoration:none; padding-top:21px; display:inline-block; width:205px; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.about .left .list li:hover{background:#dcdcdc; cursor:pointer; color:#001b64; font-weight:bold;}

.nav_active{background:#dcdcdc; cursor:pointer; color:#001b64; font-weight:bold;}

.about .right{width:1010px;}

.right_jiantou {border:7px solid transparent; position:absolute; right:16px; z-index:100; top:27px; border-left:8px solid #1c84cd; width:6px; display:inline-block; height:0px;}

.navigation_title{width:100%; }
.navigation_title ul{border-bottom:solid 1px #e7eaf1; padding-top:30px; height:40px;}
.navigation_title ul li{width:auto; display:inline-block; padding:0 20px 0 0px;  color:#999;}
.navigation_title ul li a{color:#666; text-decoration:none;}
.navigation_title ul li a:hover{color:#001b64;}

.about .right .content{width:100%;}
.about .right .content .title{width:100%; font-size:24px; padding:20px 0; color:#001b64;}
.about .right .content .title span{color:#999; font-size:16px; display:inline-block; padding-left:10px;}
.about .right .content .text{width:100%; line-height:200%;}
.about .right .content .text img{max-width:100%; border-radius:10px;}

#white a:link {	color: #333; text-decoration:none}
#white a:visited {	color:#333;}
#white a:hover {color:#1c84cd;text-decoration:underline}
#white a:active {	color:#1c84cd;}

 a.white:link {	color: #333; text-decoration:none}
 a.white:visited {	color:#333;}
 a.white:hover {color:#1c84cd;text-decoration:underline}
 a.white:active {	color:#1c84cd;}

.about .right .content .list{width:100%;}
.about .right .content .list ul{width:100%;}
.about .right .content .list li{width:100%; padding-bottom:40px;}
.about .right .content .list li p:nth-child(1){font-size:22px; line-height:200%;}
.about .right .content .list li p:nth-child(2){line-height:180%; color:#808080;}
.about .right .content .list li p:last-child{color:#1c84cd;}

.content_details{line-height:200%; color:#3e3a39; overflow:hidden}
.content_details img{border-radius:10px;}

.content .title p:nth-child(2){color:#8b8b8b; font-size:14px; padding-top:20px; padding-bottom:20px; border-bottom:solid 1px #efefef;}
.content .title p:nth-child(2) span{padding-left:0px !important; padding-right:20px; color:#1c84cd !important;}

.pagination{width:100%; display:flex; justify-content: right;}
.pagination  li{width:auto !important; padding-bottom:1px !important;}
.pagination  li a{display:inline-block;padding:3px 15px; margin-right:10px; color:#fff;text-decoration:none; background:#1c84cd;  border:solid 1px #1c84cd;}
.pagination  li a:hover{background:#265d9e; color:#fff;}
.pagination  li span{display:inline-block;padding:3px 15px; color:#999; border:solid 1px #ccc; margin-right:10px;}


.text_case{width:100%;}
.text_case ul{width:100%; display:flex; justify-content:left; gap:5%; flex-wrap:wrap;}
.text_case li{width:30%;padding-top:30px;}

.text_case li p:nth-child(1){overflow:hidden; cursor:pointer; height:200px;}
.text_case li p:nth-child(2){color:#c3c3c3; font-size:12px; padding-top:6px;}
.text_case li p:nth-child(3){color:#3e3a39;  font-size:14px;font-weight:bold; padding-top:3px;}
.text_case li p:nth-child(4){color:#8b8b8b;width:100%; font-size:12px; padding-top:3px; overflow:hidden; height:50px; white-space:wrap; text-overflow:ellipsis;}
.text_case li img{width:100%; height:100%; border-radius:10px; transition: all 0.2s;}

.text_case li img:hover{transform:scale(1.1);}

.page_box ul { display:flex; justify-content:right; gap:0%;}