@charset "utf-8";
/* CSS Document */

html,body,div,p,ul,li,h1,h2,h3,h4,h5{ margin:0; padding:0; font-size:14px; font-family:'Microsoft YaHei',Arial,Helvetica,sans-serif,"宋体"}
ul,li{ list-style:none;}
input, textarea{ margin: 0px; padding: 0px; border: none; box-sizing: border-box; outline: none;}
img{ border:0; display:block; max-width:100%; height:auto; }
a{ text-decoration:none;}
.clear{zoom:1;}
.clear:after{ content:''; display:block; clear:both;}

.head{ box-shadow: 0px 2px 16px hsl(230deg 75% 32% / 15%); background: hsl(230, 100%, 98%);}
.conbox{ width:1400px; margin:0px auto;}
.nav{ display: flex; justify-content: space-between; align-items: center; height: 88px; column-gap: 3rem;}
.nav .logo{ font-size: 18px; font-weight: bold;}
.nav_menu{ margin-left: auto; z-index: 999;}
.nav_list{ display: flex; flex-direction: row; column-gap: 3rem;}
.nav_list li a{ font-size: 18px; color: #000;}
.nav_list li a:hover{ color: rgba(0, 86, 173, 100%); border-bottom: 3px solid rgba(0, 86, 173, 100%); padding-bottom: 10px;}
.nav_list li a.current{ color: rgba(0, 86, 173, 100%); border-bottom: 3px solid rgba(0, 86, 173, 100%); padding-bottom: 10px;}
.nav_actions{ display: flex; align-items: center; column-gap: 1rem;}

.nav_close{ display: none;}
.nav_toggle{ display: none;}

.nav_translate i{ font-size: 30px; color: #333;}

.hone{ background:rgba(255, 255, 255, 100%); padding-bottom: 50px;}
.hbt{ font-size: 32px; font-weight: bold; text-align: center; padding-top: 50px; padding-bottom: 20px; position: relative;}
.hbt::after{ content: ''; position: absolute; width: 50px; background: rgba(0, 86, 173, 100%); height: 5px; left: calc(50% - 25px); bottom: -2px;}
.hfubt{ color: #888; text-align: center; padding-top: 20px; font-size: 16px;}

.fangan{ display: grid; grid-template-columns: repeat(4,1fr); padding-top: 50px;}
.fangan li{ background:url(./images/tubiao/yin_line01.gif) no-repeat; padding: 0 10px;}
.fangan li:first-child{ background: none;}
.fangan li em{ display:block; width:57px; margin:0 auto;}
.fangan li em a{ text-decoration:none; color:#666; word-wrap:break-word;}
.fangan li em a img{ width:57px; height:57px; display:block; transition:all 0.3s ease-in-out 0s;}
.fangan li b{ display:block; font-size:20px; color:#333; height:60px; padding-top: 20px; overflow:hidden; background:url(./images/tubiao/yin_line02.gif) no-repeat center 78px; text-align: center;}
.fangan li span{ display:block; font-size:14px; color:#666; margin:0 auto; padding:14px 0 0; line-height:22px; overflow:hidden; text-align: center;}
.fangan li:hover{ cursor:pointer}
.fangan li:hover img{ transform: rotateY(180deg);}
.fangan li:hover b{color:#0064b9;}


.hpzs, .casebox{ width: 100%; display: grid; grid-template-columns: repeat(auto-fill,minmax(300px,1fr)); gap: 20px; padding-top: 50px;}
.pbox{ box-shadow: 0 5px 6px 0 rgb(162 162 162 / 40%);}
.pbox:hover{ background:#0152ad; color:#FEFEFE; transition: all 0.5s ease 0s;}
.mask{ display: block; position:relative; overflow:hidden; aspect-ratio: 4/3;}
.mask img{ object-fit: cover; width: 100%; height: 100%;}
.mask:before{ content:""; width:100%; height:100%; background:#000; position:absolute; top:0; opacity:0; transition: all 0.5s ease 0s;}
.pbox:hover .mask:before{ opacity:0.5;}
.mask i{ position:absolute; color:#FFF; top:0; left:0; opacity:0; padding:10px; line-height:160%; font-style: normal;}
.pbt{ display: block; color: #333; font-weight: normal; padding: 20px 0px; background: #fff; text-align: center;}
.pbox:hover .mask i{ opacity:1; transition: all 0.5s ease 0s;}
.pbox:hover .pbt{ color: #FFF; background:rgba(0, 86, 173, 100%); transition: all 0.5s ease 0s;}

.htwo{ background: rgba(238, 247, 255, 100%); padding-bottom: 50px;}

.hbg{ background: url(./images/indexBg.png) no-repeat #FFF center top;}

.btinfo{ margin-top: 50px; background: rgba(240, 245, 248, 100%); padding: 45px 100px;}
.btinfo p{ color: rgba(105, 105, 105, 100%); font-size: 16px; line-height: 200%;}

.item{ margin:20px 5px; background: #e5e5e5;}
.item img{ display:block; width:100%; height:auto;}
.item a{ color:#666;}
.item a:hover{ color:#1848b5;}
.item span{ display:block; text-align:center; padding:20px 0px; font-size:16px;}

.hthree{ background: rgba(52, 58, 64, 100%); padding-bottom: 50px;}

.ligbt{ font-size: 32px; font-weight: bold; text-align: center; padding-top: 50px; padding-bottom: 20px; position: relative; color: #FFF;}
.ligbt::after{ content: ''; position: absolute; width: 50px; background: rgba(255, 255, 255, 100%); height: 5px; left: calc(50% - 25px); bottom: -2px;}
.lighfubt{ color: #eee; text-align: center; padding-top: 20px; font-size: 16px;}

.adv{ padding-top: 50px;}
.adv ul{ display: grid; grid-template-columns: repeat(3,1fr);}
.adv li{ background: rgba(19, 112, 201, 100%); text-align: center; padding: 50px 40px;}
.adv li:nth-child(2n){ background: #FFF;}
.adv li img{ height: 55px; width: 55px; margin: 0px auto;}
.adv li b{ display: block; font-weight: normal; font-size: 20px; color: #FFF; padding-top: 20px;}
.adv li:nth-child(2n) b{ color: #000;}
.adv li i{ display: block; font-size: 16px; font-style: normal; padding-top: 20px; color: #d9d9d9;line-height: 200%;}
.adv li:nth-child(2n) i{ color: #888}

.hcase{ display: grid; grid-template-columns: repeat(4,1fr); gap: 20px; padding-top: 50px;}
.csbox{ aspect-ratio: 4/3; position: relative; overflow: hidden;}
.csbox:nth-child(1){ grid-column: 1; grid-row: 1/3; aspect-ratio: 0.64;}
.csbox img{ object-fit: cover; width: 100%; height: 100%;}
.csmask{ position: absolute; top:100%; height: 100%; width: 100%; background: rgba(0, 0, 0, 70%); color: #FFF; display: flex; align-items: center;justify-content: center; font-size: 18px; transition: all .5s ease-out;}
.csbox:hover .csmask{ top:0;}

.lastn{ display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; padding-top: 50px;}
.lastn li{ height: 176px; background: #FFF; overflow: hidden;}
.lastn li:nth-child(1), .lastn li:nth-child(2) { height: auto; grid-row: 1/4;}
.spic{ display: block; aspect-ratio: 4/3; overflow: hidden;}
.spic img{ height: 100%; width: 100%; object-fit: cover; transition: all 0.5s ease}
.spic:hover img{ transform:scale(1.1);}
.lastn h2{ padding: 20px 30px 15px; font-size: 18px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.lastn li:nth-child(1) h2, .lastn li:nth-child(2) h2{ padding: 30px 30px 20px;}
.lastn h2 a{ color: #333;}
.lastn h2 a:hover{ color: rgba(19, 112, 201, 100%);}
.lastn p{ padding: 0px 30px; height: 60px; line-height: 140%; font-size: 14px; color: #333; overflow: hidden;}
.lastn li:nth-child(1) p, .lastn li:nth-child(2) p{ line-height: 180%; height: 94px;}
.lastn i{ font-style: normal; display: inline-block; padding: 20px 30px; color: #333;}
.lastn span{ padding-right: 6px;}

.hfour{ background: rgba(19, 112, 201, 100%); padding-bottom: 50px;}
.liuyanbox{ display: grid; grid-template-columns: 1fr 2fr; gap: 20px; padding-top: 50px;}
.liuyanpic{ aspect-ratio: 4/3;}
.liuyanpic img{ object-fit: cover; height: 100%; width: 100%;}
.liuyanlist{ display: grid; grid-template-columns: repeat(2,1fr); gap: 20px;}
input{ background: #fff; padding: 20px; color: #a3a3a3; font-size: 16px; border-radius: 6px;}
textarea{ grid-column: 1/3; width: 100%; padding: 20px; color: #a3a3a3; font-size: 16px; border-radius: 6px; background: #FFF;}
.sub{ width: 180px; color: #fff; background: rgba(52, 58, 64, 100%); cursor: pointer;}
.liuyanlist p{ color: #fff; text-align: center;}

.foot-top{ background:rgba(52, 58, 64, 100%); padding-bottom:40px; padding-top: 30px;}
.foot-p{ float:left; width:33.333333333%; padding-top:40px;}
.foot-p h3{ color:#FFF; font-size:22px; padding-bottom:15px;}
.foot-p li{ line-height:220%;}
.foot-p a{ color:#8a8f98;}
.foot-p a:hover{ text-decoration:underline;}
.foot-c{ float:left; width:41.666666666%; padding-top:40px;}
.foot-c h3{ color:#FFF; font-size:22px; padding-bottom:15px;}
.foot-c p{ padding-bottom:22px; color:#8a8f98;}
.foot-c span{ color:#fff; padding-right:10px;}
.foot-r{ float:right; padding-top:40px;}
.foot-bot{ background:#222; padding-bottom:20px;}
.foot-nav{ padding-top:20px; text-align:center;}
.foot-nav li{ display:inline-block;}
.foot-nav a{ color:#bfc5ce; padding-left:10px;}
.foot-nav span{ padding-left:10px; color:#bfc5ce;}
.foot-nav li:last-child span{ display: none;}
.copyright{ color:#bfc5ce; text-align:center; padding-top:10px;}

.nbg{ background: url(./picture/1.webp) no-repeat center center; height: 500px; background-size: cover;}
.bcon{ width: 50%; padding-top: 10%;}
.bgtext{ font-size: 44px; color: #FFF;}
.bcon p{ font-size: 18px; color: #FFF; padding-top: 40px; line-height: 200%;}

.crumb{ background: rgba(246, 246, 246, 100%); padding: 30px 0px;}
.crumb b{ color:#333; font-weight:normal;}
.crumb span{ color:#005a9f; font-size: 14px; padding-right: 6px; }
.crumb a{ color:#333;}
.crumb a:hover{ color:#0152ad;}
.breadcrumb-item{ display: inline-block;}
.breadcrumb-item:after{ content: '/'; color: #333; padding: 0px 6px;}

.procate{ padding-top: 40px; display: grid; grid-template-columns: repeat(auto-fill,minmax(140px,1fr)); gap: 20px;}
.procate li a{ display: block; color: #eee; font-size: 16px; text-align: center; padding: 20px 0px; background: rgba(52, 58, 64, 100%); border-radius: 6px;}
.procate li a:hover{ background: rgba(0, 86, 173, 100%);}

.innerleft{ width: 73%; float: left;}
.p-head{ background:rgb(209,219,237,0.4); margin-top:20px;}
.p-head img{ width:400px; float:left; margin-right:20px;}
.p-head strong{ display: block; height:40px; line-height:40px; font-size:26px; font-weight:normal; color:#1a1a1a; padding-top:50px; padding-bottom:10px; border-bottom: 1px solid #e3e3e3; margin-left:420px; margin-right:20px; position:relative;}
.p-head strong:after{ content:''; position:absolute; width:30px; height:3px; background:#204826; left:0px; bottom:-2px; z-index:1;}
.p-head p{ font-size:16px; line-height:34px; color:#4c4c4c; padding-top:30px; padding-right:20px;}
.t-p-xqbt{ height:66px; line-height:66px; font-size:24px; color:#333333; border-bottom:1px solid #e0e0e0; position:relative; margin-top:20px;}
.t-p-xqbt:after{ content:''; position:absolute; width:30px; height:3px; background:#204826; left:0; bottom:-2px; z-index:1;}
.t-p-xq{ padding-top:20px;}
.t-p-xq h2{ font-size:20px; color:#1a1a1a; margin:15px 0px; font-weight:normal; position:relative; padding-left:15px;}
.t-p-xq h2:before{ content:''; position:absolute; width:5px; height:18px; background:#204826; left:0; top:50%; margin-top:-8px; z-index:1;}
.t-p-xq p{ color:#4c4c4c; font-size:16px; line-height:34px; padding-top: 20px; text-align:justify; text-indent:2em;}
.t-p-xq img{ margin:20px auto;}
.t-p-tjbt{ background:#023c7e; height:44px; line-height:44px; width:120px; text-align:center; font-size:20px; color:#FFF; margin-top:20px;}
.t-p-tjlist{ background:#f6f6f6; padding:20px 0px;}
.t-p-tjlist li{ float:left; height:50px; line-height:50px; border-bottom:1px dashed #d2d2d2; width:46%; margin:0 2%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.t-p-tjlist li:nth-last-child(1), .t-p-tjlist li:nth-last-child(2){ border-bottom:none;}
.t-p-tjlist li a{ font-size:16px; color:#4c4c4c; padding-left:25px; position:relative;}
.t-p-tjlist li a:before{ content:''; width:5px; height:5px; border:2px solid #808080; border-style: solid solid none none; top:50%; left:6px; margin-top:-3px; transform:rotate(45deg); position:absolute;}
.t-p-tjlist li:hover a{ color:#0152ad;}
.t-p-tjlist li:hover a:before{ border-color:#0152ad;}

.updown{ margin-top:20px;}
.updown p{ float:left; width:50%; color:#333; text-align:center; background:#f6f6f6; padding:14px 0px;}
.updown p:first-child{ border-right:1px solid #FFF; box-sizing:border-box;}
.updown p a{ color: #333;}
.updown p a:hover{ color: rgba(19, 112, 201, 100%);}

.pagep{ padding:10px; text-align: center; background:#FFF; margin-top:1px;}
.pagep ul{ display: inline-block; }
.page-item{ float: left;}
.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #007AC7;
    background-color: #fff;
    border: 1px solid #dee2e6;
}
.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #007AC7;
    border-color: #007AC7;
}
.page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #dee2e6;
}
.page-item:first-child .page-link {
	border-top-left-radius:.5rem!important;
	border-bottom-left-radius:.5rem!important
}
.page-item:last-child .page-link {
	border-top-right-radius:.5rem!important;
	border-bottom-right-radius:.5rem!important
}

.innerright{ width:25%; float:right; overflow:hidden;}
.sidebt{ background:#0152ad; padding:20px 0px; margin-top:20px;}
.sidebt span{ font-size:18px; margin-left:20px; font-weight:bold; color:#FFF;}

.onecol li{ margin-top:2px;}
.onecol a{ color:#666; display:block; padding:20px; font-size:16px; background-color:rgba(217, 217, 217, 0.37); transition:all 0.4s;}
.onecol a:hover{ background:#1975cc; color:#FFF;}

.listbox{ background:#f6f6f6; padding:0px 20px; margin-top:20px;}
.listbox h2{ padding-top:20px;}
.listbox h2 a{ color:#1a1a1a; font-size:20px; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; display:-webkit-box; -webkit-line-clamp:2; text-decoration: none;}
.listbox h2 a:hover{ color:#0152ad;}
.nlistinfo{ line-height:220%; overflow:hidden; padding-top:10px; color:#999;}
.nrq{ padding:10px 0px 20px; color:#999;}
.listbox:nth-last-child(2n){ background:rgb(209,219,237,0.4);}

.a-h{ font-size:24px; padding-top:20px;}
.nrrq{ display:block; padding:20px 0px; font-style:normal; color:#333; background:#fff; border-bottom:1px solid #e0e0e0;}
.nrrq em{ font-style:normal; padding-left:20px;}

.casebox a{ display: block; aspect-ratio: 1/1;}
.casebox img{ object-fit: cover; width: 100%; height: 100%;}
.casebox span{ display: block; padding: 16px 0px; text-align: center; background: rgb(240,240,240); color: #333;}

.lxb{ background:#f6f6f6; margin-top:20px;}
.lxb img{ width:440px; float:left; margin-right:50px;}
.lxb b{ font-size:18px; font-weight:normal; color:#0152ad; padding-top:70px; display:inline-block;}
.lxb p{ font-size:16px; color:#666; line-height:34px; margin-right:50px; padding:30px 0px;}

.lxwm{ display: grid; grid-template-columns: repeat(2,1fr); gap: 20px; border:1px solid #e1e1e1; margin-top: 20px; padding: 20px;}
.lxwm li{ border-bottom:1px solid #e9e9e9; padding:20px 0px;}
.lxwm li span{ font-size: 30px; color: rgba(19, 112, 201, 100%); display: block; position: relative;}
.lxwm li i{ font-style: normal; font-size: 16px; color: #333; display: block; position: absolute; left: 40px; top: 4px;}
.lxly{ background: rgba(19, 112, 201, 100%); padding: 20px; margin-top: 20px;}
.lxlybox{ padding-top: 50px;}


@media (min-width: 1400px) {
	.conbox{ width:1400px;}	
}
@media (max-width:1399px) {
	.conbox{ padding:0px 20px; margin:0px auto; width:auto;}
    .foot-p, .foot-c{ width:33.333333333%;}
}
@media screen and (max-width: 991px) {

    .nav_menu { position: fixed; top: -100%; left: 0; background-color: hsl(230, 100%, 98%); box-shadow: 0 8px 16px hsla(230, 75%, 32%, .15); width: 100%; padding: 60px 0px; transition: top .4s;}
    .nav_list { display: flex; flex-direction: column; row-gap: 2.5rem; text-align: center;}
    .nav_close{ display: block; position: absolute; top: 1.15rem; right: 1.5rem; cursor: pointer;}
    .nav_close i{ font-size: 30px;}
    .nav_link:hover, .nav_list li a.current{ border-bottom: none;}
    .nav_toggle{ display: block; cursor: pointer;}  /* 1.25rem 就是1.25 × 16 = 20px */
    .nav_toggle i{ font-size: 20px;}
    .show-menu { top: 0;}

    .btinfo, .cbrief{ padding: 35px 50px;}

    .adv ul{ display: grid; grid-template-columns: repeat(2,1fr); gap: 20px;}

    .csbox:nth-child(1){ display: none;}
    .hcase{ grid-template-columns: repeat(auto-fill,minmax(255px,1fr));}

    .lastn{ grid-template-columns: repeat(2,1fr);}
    .lastn li{ height: auto; overflow: auto;}
    .lastn li:nth-child(1),.lastn li:nth-child(2){ grid-row: auto;}
    .lastn li p{ height: auto; overflow: auto; line-height: 180%;}
    .lastn li:nth-child(1) p,.lastn li:nth-child(2) p{ height: auto;}

    .liuyanbox{ grid-template-columns: 1fr;}
    .liuyanpic{ display: none;}

    .foot-p, .foot-c{ width:50%;}
	.foot-r{ display:none;}
    
    .nbg{ height: 360px;}
    .bcon{ width: auto;}

    .innerleft{ float:none; width:100%; padding-top: 20px;}
    .p-head{ margin-top: 0px;}
	.innerright{ float:none; width:100%;}

    .lxb img{ margin-right:20px;}
	.lxb b{ padding-top:30px;}
	.lxb p{ padding:20px 0px; margin-right:20px;}
}
@media (max-width:767px) {
    .hone, .htwo, .hthree, .hfour, .foot{ padding-bottom: 20px;}
    .hbt,.ligbt{ padding-top: 20px; font-size: 26px;}
    .hfubt,.lighfubt{ font-size: 14px;}
    .btinfo{ padding: 20px 30px;}
    .fangan{ grid-template-columns: repeat(2,1fr); padding-top: 20px; gap: 20px;}
    .fangan li:nth-child(3){ background: none;}

    .hpzs{ padding-top: 20px;}

    .adv{ padding-top: 20px;}
    .adv li{ padding: 30px 20px;}

    .hcase, .lastn, .liuyanbox{ padding-top: 20px;}
    .lastn{ grid-template-columns: 1fr;}
    .lastn h2{ white-space: normal;}

    .liuyanlist{ grid-template-columns: 1fr;}
    textarea{ grid-column: auto;}
    .sub{ margin: 0px auto;}

    .nbg{ height: 200px;}
    .bcon{ padding-top: 30px;}
    .bgtext{ font-size: 26px;}
    .bcon p{ font-size: 16px; padding-top: 10px; line-height: 180%;}

    .crumb{ padding: 15px 0px;}

    .procate{ padding-top: 20px;}
    .procate li a{ padding: 14px 0px;}

    .p-head{ padding-bottom:20px;}
	.p-head img{ float:none; width:100%; margin-right:0px;}
	.p-head strong{ margin-left:20px; padding-top:20px;}
	.p-head p{ padding-left:20px; padding-top:20px; text-align:justify;}
	.t-p-tjlist li{ width:96%; float:none;}
	.t-p-tjlist li:nth-last-child(2){ border-bottom:1px dashed #d2d2d2;}

    .lxb{ background:none;}
	.lxb img{ float:none; margin:0 auto; width: auto;}
	.lxb b{ background:#f6f6f6; display:block; padding-left:20px; padding-top:20px;}
	.lxb p{ background:#f6f6f6; width:auto; margin-right:0; padding:20px;}

    .lxwm{grid-template-columns: 1fr;}
}
@media (max-width:479px) {
    .conbox{ padding: 0px 10px;}
    .nav{ height: auto; padding-top: 10px; padding-bottom: 10px;}
    .btinfo{ padding: 10px 20px;}
	.btinfo p{ font-size: 14px;}
    .fangan{grid-template-columns: 1fr;}
    .fangan li{ background: none;}
    .fangan li b{ font-size: 18px; height: 50px; line-height: 50px;}
    .fangan li span{ padding-top: 0px;}
    .hpzs, .casebox{ grid-template-columns: 1fr;}
    .pbt{ padding: 15px 0px;}

    .adv ul{ grid-template-columns: 1fr;}

    .hcase{ grid-template-columns: 1fr;}

    .foot-top{ padding-bottom:20px; padding-top: 0px;}
	.foot-p, .foot-c{ width:auto; float:none; padding-top:20px;}
    
    .bcon{ padding-top: 20px;}
    .bgtext{ font-size: 22px;}
    .bcon p{ line-height: 140%; font-size: 14px;}

    .updown p{ float:none; margin-top:1px; width:100%;}
	.updown p:first-child{ border-right:none;}

    .lxlybox{padding-top: 20px;}
}