@charset "utf-8";
/* CSS Document */
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote,a,big, em,font,strong,tt, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, img{border:0px;}
ul{list-style:none;}
li{list-style:none; color:#333;}
body,td,th,select,input,textarea,ul,li,dl,dd,dt {color:#333;margin:0px; padding:0px;} 
p{color:#666464; padding:0px; margin:0;line-height: 28px;}
img{ border:none; padding:0px; margin:0;display: block;
    object-fit: cover;
	image-rendering: -moz-crisp-edges; /* Firefox */
image-rendering: -o-crisp-edges; /* Opera */      
image-rendering: -webkit-optimize-contrast; /*Webkit (non-standard naming) */ 
image-rendering: crisp-edges; 
-ms-interpolation-mode: nearest-neighbor;
max-width: 100%;
height:auto;
}
a:link{color:#666;text-decoration: none;}
a:visited,a:hover{color:#666; text-decoration: none;}
h1,h2,h3,h4,h5,h6{ margin:0px; padding:0px;}
html{height:100%;overflow-y:scroll;}
body{ height:100%;padding:0px; margin:0;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; background-color:#fff;}


.hedaev{
    background-color: #fff;
    width: 100%;
    transition: all 0.3s ease;
}
.hedaev.on{
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    opacity: 1;
    transform: translateY(0px);
}

.top{ width:100%; height:28px;color:#fff; background-color:#153170;}
.topL{ float:left;}
.topL img{ height:18px; padding-right:5px;}
.topR{ float:right;}
.topR a{ color:#fff; padding:0 10px;}
.topR a:last-of-type{ padding-right:10px;}
.topR a:hover{ color:#fff;}

.topwx{ padding:0 10px; position:relative;}
.wximg{ position:absolute; z-index:2;top: 28px;left:7px;width: 100%;background: #fff; display:none;}
.topwx:hover .wximg{ display:block;}

.nev{ width:100%; height:auto; padding:10px 0;}
.logo img{ height:41px;}
.nevnu{ flex:1;  }
.nevnu ul{ position:relative;width:94%; margin:auto;}
.nevnu ul li{ position:relative; font-size:16px; line-height:32px;}
.nevnu ul li a{ display:block; padding:5px 0; color:#333;}
.nevnu ul li a:hover{ color:#143170;}
.nevnu ul li a.active{ color:#143170;}

.nevnu ul li input{ width:120px;
    line-height: 28px;
    padding: 0 5px;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius:5px;
    font-size: 14px;
}
.nevnu ul li button{
    border: none;
    background-color: #ed671d;
    color: #fff;
    font-size: 14px;
    border-radius:5px;
    line-height: 28px;
    padding: 0 10px;
    box-sizing: border-box;
    cursor: pointer;
    margin-left:5px;
}

.nevr{background: rgba(0,27,87,0.7);border-radius: 18px; padding:0 10px; box-sizing:border-box; color:#fff; font-size:18px;background-color: #ed671d;}
.nevr a{ color:#fff;}
.nevr a:hover{ color:#fff; text-decoration:underline;}
.nevrr{background: #153170;border-radius: 18px; font-size:14px; padding:2px;box-sizing:border-box;}

.nevli{ min-width:120px; width:auto; height:auto; overflow:hidden;background: rgba(255,255,255,0.95);border-radius:8px; position:absolute; z-index:100; top:100%; left:50%; transform:translateX(-50%); padding:8px 0; display:none; box-shadow: 0 4px 20px rgba(0,0,0,0.12); white-space:nowrap;}
.nevli dl dd{ text-align:center; font-size:14px; padding:0;}
.nevli dl dd a{ display:block; padding:8px 15px; color:#333; transition:all 0.3s;}
.nevli dl dd a:hover{ color:#143170; background:rgba(20,49,112,0.2);}
.nevnu ul li:hover .nevli{ display:block;}

.banner{ width:100%; height:auto;}
.banner a,.about>a{display:block;}
.banner a img,.about>a img{display:block;}
.banner .swiper-pagination{display:none;}


.msds{ width:100%; height:auto; margin:30px 0;}
.msds ul{display: grid;
    grid-template-columns: 1.1fr 0.9fr;
    gap: 0px 0px;
	}
.msds ul li{
box-shadow: 0px 4px 24px 0px rgba(10,69,94,0.09);
border-radius: 20px 0px 0px 20px; padding:30px; box-sizing:border-box;
}
.msdsp{ color:#2F546E;}
.msds ul li:nth-child(2){border-radius: 0px 20px 20px 0px; background-color:#F6FBFE;}	
.msdst{background: #E9F2F9;border-radius: 16px 16px 16px 16px; padding:0 10px;box-sizing:border-box; color:#1E4A76;max-width:180px;}
.msdsh{ width:100%; padding:15px 0; font-size:24px; color:#0A2B4E;}
.msdsh span { display:block;background: #ed671d; height:3px; margin:auto;width: 40px;
    margin-top: 10px;
	}
.msdsd{
	background: #F8FCFE;
border-radius: 20px 20px 20px 20px; padding:15px; box-sizing:border-box; margin:10px 0;
}
.msdsdt{ font-size:18px;}
.msdsdul{ margin:10px 0;}
.msdsdul dl{display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px 20px;}
.msdsdul dl dd{background: #FFFFFF;
border-radius: 18px 18px 18px 18px;
border: 1px solid #DAEAF5; padding:0 10px;color:#4876A4;
}

.msdsbd{background: #EFF7FF;
border-radius: 27px 27px 27px 27px; text-align:center; padding:5px 0; margin-top:20px;}

.msdsr{ font-size:20px; color:#0A2B4E;}
.msdsrp{ margin:10px 0;}
.msdsrp dl dt{ color:#2F546E; padding-left:5px; box-sizing:border-box;}


.lawhat{background: #F8FBFE; padding:20px 0; }
.msdsh.cen{ text-align:center;}
.msdsh.mt{ margin:10px 0;}
.msdsh p{ color:#4A627A; font-size:14px; padding-top:5px;}
.lawhat ul{display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px 30px;margin:10px 0;
	}
.lawhat ul li{background: #FFFFFF;
border-radius: 20px 20px 20px 20px;
border: 1px solid #E7F0F7; padding:15px; box-sizing:border-box;
}
.lawhatpic{ text-align:center;}
.lawhatpic img{filter: invert(23%) sepia(98%) saturate(3486%) hue-rotate(357deg) brightness(92%) contrast(102%);}
.lawhattit{ text-align:center; padding:15px 0; font-size:20px; color:#0A2B4E;}
.lawhatpit{ color:#2F546E}

.lawhatmub{background: #FFFFFF;
border-radius: 20px 20px 20px 20px;
border: 1px solid #E7F0F7; padding:25px 0; margin:30px 0;
}
.lawhatmub dl{
	display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px 30px;
	}
.lawhatmub dl dd{ text-align:center; color:#ed671d; font-size:28px;}
.lawhatmub dl dd span{ display:block; font-size:16px; color:#0A2B4E;}

.lawhatbot{ width:84%; margin:auto;}
.lawhatbot dl{
	display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 20px 20px;
	}
.lawhatbot dl dt{background: #E9F2F9;
border-radius: 20px 20px 20px 20px;
border: 1px solid #E7F0F7; text-align:center; color:#1E4A76;
}
.lawhatbb{background: #0A2B4E;
border-radius: 20px 20px 20px 20px;
border: 1px solid #E7F0F7; color:#fff; padding:20px 0; text-align:center; margin-top:30px; margin-bottom:10px; font-size:16px;
}

.kdcase{ width:100%; height:auto; margin:20px 0;}
.kdcaseul ul li{border-radius: 40px;
border: 1px solid #E4EEF7; margin-top:20px; margin-bottom:30px;
display: grid;
    grid-template-columns: 0.6fr 1.4fr;
    gap: 0px 0px;
}
.kdcaseulL{ height:260px;}
.kdcaseulL img{ width:100%; height:260px;}
.kdcaseulR{ padding:0 30px; box-sizing:border-box;}
.kdcaseulRt{ color:#0A2B4E; margin:10px 0; font-size:20px;}
.kdcaseulRt a{color:#444;}
.kdcaseulRt a:hover{color:#0A2B4E;text-decoration: underline;}
.kdcaseulRb{background: #EFF7FF; padding:5px 15px; box-sizing:border-box;
border-radius: 17px 17px 17px 17px;margin:10px 0;}
.kdcaseulRd{ width:100%; height:auto; margin-top:10px;}
.kdcaseulRd dl dd{background: #EFF7FF; float:left; color: #ed671d;
border-radius: 17px; padding:0 10px; margin-right:15px; margin-top:10px;}
.kdcaseulRd dl dd img{ padding-right:5px;filter: invert(23%) sepia(98%) saturate(3486%) hue-rotate(357deg) brightness(92%) contrast(102%);}


.kdnew{background: #F8FBFE; padding:20px 0; }
.kdnews{ width:100%; height:auto;}
.kdnews ul{display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px 20px;
	}
.kdnews ul li{background: #FFFFFF; margin-top:10px;margin-bottom: 10px; min-width:0; display:flex; flex-direction:column;
border-radius: 40px;
border: 1px solid #E4EEF7; padding:15px; box-sizing:border-box;
}	
.kdnewsgb{ width:100%; height:34px; flex:0 0 34px;}
.kdnewsgbL{ float:left;}
.kdnewsgbL img{filter: invert(23%) sepia(98%) saturate(3486%) hue-rotate(357deg) brightness(92%) contrast(102%);}

.kdnewsgbR{ float:right;background: #EFF7FF;
border-radius: 17px; color:#ed671d; padding:0 10px;}
.kdnewsgbR img{ padding-right:5px;filter: invert(23%) sepia(98%) saturate(3486%) hue-rotate(357deg) brightness(92%) contrast(102%);}

.kdnewsgbt{ color:#0A2B4E; margin:10px 0; font-size:18px; width:100%; max-width:100%; min-width:0; height:24px; line-height:24px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.kdnewsgbt a{color:#444; display:block; max-width:100%; min-width:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.kdnewsgbt a:hover{color:#0A2B4E;text-decoration: underline;}
.kdnewsgbb{background: #EFF7FF;
border-radius: 17px; padding:0 10px; color:#3180A2; height:24px; line-height:24px;
overflow: hidden;
  /* 显示2行，数字可改 */
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  }
.kdnewsgpt{ color:#2F546E; margin:15px 0; line-height:22px; height:66px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;} 
.kdnewsgj{border-top: 1px solid #EAF0F6; padding:10px 0 5px 0; margin-top:auto; min-height:37px; box-sizing:border-box;}
.kdnewsgj img{ padding-right:5px;}

.footer{ background-color:#191b31; padding:30px 0 20px 0; color:#fff;}
.footert{ font-size:24px; text-align:center;}
.footert span { color:#1ab698;}
.footerb{ padding:20px 0; text-align:center;}

.footerul ul li{ margin:0 10px;}
.footerul ul li input{ background-color:#293047; color:#fff; line-height:32px; padding:0 10px; box-sizing:border-box; border:1px solid #373b4f;border-radius: 10px;}

.footerul.ksbj{ margin-top:30px;}
.footerul.ksbj ul li input{background-color:#fff; color:#333; line-height:32px; padding:0 10px; box-sizing:border-box; border:1px solid #373b4f;border-radius: 10px;}


.footerulmub{ display:block; width:130px; margin:auto; padding:5px 20px; box-sizing:border-box; background-color:#17aa8d; color:#fff;border-radius: 10px; border:0; text-align:center; margin-bottom:20px; margin-top:20px; cursor:pointer;}
.footerbadd ul li{ color:#fff;}
.kdlink{ padding-top:10px;}
.kdlink a{ color:#fff;}

.kdfootnev{ background-color:#1a1a2e; padding:20px 0 20px 0; color:#fff;}
.kdfootnev ul li{ color:#fff;}
.kdfootnevn{ font-size:15px; margin-bottom:5px;}
.kdfootnevdl dl dd{ font-size:14px;}
.kdfootnevdl dl dd a { color:#8c8c93;}
.kdfootnevdl dl dd a:hover{color:#fff;}

.footcoy{ border-top:1px solid #222235; padding-top:10px; margin-top:20px; text-align:center;}
.footcoy a{ color:#fff;}
.footcoy a:hover{ color:#fff;text-decoration: underline;}


.about{ width:100%; height:auto; overflow:hidden; position:relative;}
.about img{ width:100%;}
.aboutfd{ width:100%; height:100%; position:absolute; z-index:2; top:0; left:0; color:#fff;}
.aboutfd p{ font-size:16px; color:#fff; padding:15px 0;}

.aboutus{display: grid;
    grid-template-columns: 1.2fr 0.7fr;
    gap: 0px 30px;
	}
.aboutusL{ color:#868585;}
.aboutusL p{color:#868585; padding:5px 0;}

.aboutzs{background: #F8FBFE; padding:20px 0; margin-top:30px;}
.aboutzs ul{display: grid; margin:10px 0;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px 30px;}
.aboutys ul{
	display: grid; margin:10px 0;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px 30px;
	}
.aboutys ul li{border-radius: 24px; padding:20px 20px; box-sizing:border-box;
border: 1px solid #E2E8F0;}
.aboutyspic{ text-align:center;}
.aboutyspic img{width:30%;}
.aboutyst{ font-size:16px; color:#0A2B4E; text-align:center; padding:10px 0 0 0;}
.aboutystb{ font-size:14px; color:#2C7DA0; text-align:center;}
.aboutys ul li p{ line-height:25px; color:#2F546E;}

.aboutbb{background: #123049;
border-radius: 24px; padding:20px 40px; box-sizing:border-box; text-align:center;
margin:30px 0 30px 0;}
.aboutbb p{ font-size:16px; color:#fff; padding:5px 0;}
.aboutbb p img{ width:30px;}

.kdhx{background: #F8FBFE; padding:20px 0;}
.kdhxnev ul li{ margin-top:15px; padding:0 10px;}
.kdhxnev ul li a{background: #FFFFFF; font-size:16px;
border-radius: 37px; padding:8px 22px;
border: 1px solid #E9EDF2;
}
.kdhxnev ul li a:hover{background: #ed671d; color:#fff;border: 1px solid #ed671d;}
.kdhxnev ul li a.on{background: #ed671d; color:#fff;border: 1px solid #ed671d;}
.kdhxul ul{
	display: grid; margin:10px 0;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px 30px; margin-top:30px;
	}
.kdhxul ul li{background: #FFFFFF;
border-radius:24px; padding:20px; box-sizing:border-box;
border: 1px solid #E2E8F0;}

.kdhxult{ color:#0A2B4E; font-size:18px;
	overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.kdhxult a{color:#444;}
.kdhxult a:hover{color:#0A2B4E;text-decoration: underline;}
.kdhxulb{border-top: 1px solid #E2E8F0; margin:10px 0; line-height:24px; padding-top:10px;
	overflow:hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient: vertical;
  }
.kdhxuld{
	display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0px 0px;
	}
.kdhxuld p img{ height:18px; padding-right:5px;}
.kdhxuldc{ color:#7A9BBF;}
.kdhxuld p a{ color:#2C7DA0; text-align:right; float:right;}
.kdhxuld p a:hover{text-decoration: underline;}

.kdlc ul{display: grid; margin-bottom:30px;
    grid-template-columns: repeat(5, 1fr);
    gap: 30px 30px;}
.kdlc ul li{background: #F8FAFE; padding:20px; box-sizing:border-box; text-align:center;
border-radius: 24px;
border: 1px solid #E2E8F0;}
.kdlct{ width:60px; height:60px;color:#fff;border-radius:50%; margin:auto; font-size:28px;}
.kdlct img{filter: invert(23%) sepia(98%) saturate(3486%) hue-rotate(357deg) brightness(92%) contrast(102%);}

.kdlc ul li:nth-child(2) .kdlct img,.kdlc ul li:nth-child(3) .kdlct img{
    max-height:50px;
}


.kdlcb{color: #fff; font-size:16px; margin:10px 0; background:#ed671d;border-radius:5px;}
.kdlcd{color: #2F546E; line-height:24px;}
.kdlcb a{color: #fff;}
.kdlcb a:hover{color: #fff;}

.kdlczq{background: #F8FBFE; padding:30px 0;}
.kdlczq ul{display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 30px;
	}
.kdlczq ul li{background: #FFFFFF;
border-radius: 20px; padding:20px; box-sizing:border-box;}	
.kdlczqt{ font-size:18px; color:#0A2B4E;}
.kdlczqt.mt{ margin:10px 0;}
.kdlczqt span{ display:block; color:#708FAB; font-size:14px;}
.kdlczqt img{ height:20px; padding-right:5px;}
.kdlczqb{ padding:5px 0;}
.kdlczqb p{ line-height:30px;}
.kdlczqb p img{ height:15px; padding:0 7px 0 3px; box-sizing:border-box;}
.kdlczqb p span{ color:#2C7DA0;flex:1;}

.kdlczqd dl dd{border-bottom: 1px solid #E9EDF2; padding:5px 0;}
.kdlczqd dl dd span{ color:#2C7DA0; font-size:16px;}
.kdlczqdh{color: #C4C4C4; font-size:12px;}
.kdlczqc dl dt{background: #E9F2F9;
border-radius: 16px; padding:0 10px; margin-top:20px; margin-right:20px;}
.kdlczqc dl dt img{ height:15px; padding-right:5px;}
.kdlczqc dl dt a{color:#333;}
.kdlczqc dl dt a:hvoer{color:#333; text-decoration: underline;}



.kdlcont{background: #123049; color:#fff; margin:auto; text-align:center;
border-radius: 24px; margin:30px 0; padding:30px 0;
border: 1px solid #E2E8F0;}
.kdlcontt{ font-size:24px;}
.kdlcontt span{ display:block; font-size:18px; padding:20px 0;}
.kdlcontb{background: #FFFFFF; padding:5px 20px; width:200px; margin:auto;
border-radius: 36px;color:#123049; font-size:16px;font-weight: bold;}
.kdlcontb img{ padding-right:5px;}
.kdlcont p{font-size:16px; color:#fff; padding:20px 0;}
.lcwx{ text-align:center;}

.kdal{ margin:30px 0;}
.kdal ul{
	display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px 30px;
	}
.kdal ul li{border-radius: 20px; background-color:#fff;}
.kdalpic{ height:250px;}
.kdalpic img{max-height:250px; width:100%;border-radius: 20px 20px 0 0;}
.kdalbot{ padding:10px 20px; box-sizing:border-box;}
.kdalbob{ padding:5px 0; color:#868585;line-height:24px;
	overflow:hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient: vertical;
  }
  
.kdalbod{ width:100%; height:auto; margin:5px 0 10px 0;}
.kdalbod dl dd{background: #EFF7FF; float:left; color: #ed671d;
border-radius: 17px; padding:0 10px; margin-right:5px;
	overflow:hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp:1;
  -webkit-box-orient: vertical;
}
.kdalbod dl dd img{ padding-right:5px;filter: invert(23%) sepia(98%) saturate(3486%) hue-rotate(357deg) brightness(92%) contrast(102%);} 

.kdzs{ margin:30px 0;}
.kdzs ul{
	display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 30px 30px;
	}
.kdzs ul li{background: #FFFFFF; padding:10px 20px; box-sizing:border-box;
border-radius:24px;
border: 1px solid #E2E8F0;
}
.kdzs ul li a img{ padding-right:5px;}

.kdwt{ margin:30px 0;}
.kdwt ul{display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 30px 30px;
	}
.kdwt ul li{background: #FFFFFF; box-sizing:border-box;
border-radius:24px;
border: 1px solid #E2E8F0;
}

.kdwtul{ height:auto;padding:15px 20px; }
.kdwtL{ color:#0A2B4E; font-size:18px; cursor:pointer;flex:1;
	overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.kdwtR{ cursor:pointer;}
.kdwtulb{padding:15px 20px;  background-color:#F8F9FA; box-sizing:border-box; color:#4F6F8F; border-top: 1px solid #E2E8F0;border-radius:0 0 24px 24px; display:none;}
.rotate180 { transform: rotate(180deg); transition: 0.3s; }

.kdlx ul{display: grid; margin-top:20px;
    grid-template-columns:0.8fr 1.2fr;
    gap: 30px 30px;
	}
.kdlx ul li{background: #FFFFFF; padding:20px 30px; box-sizing:border-box;
border-radius:20px;}
.kdlxdl dl dd{ margin-bottom:20px;}
.kdlxdl dl dd:last-child{margin-bottom:0px;}
.kdlxL{ padding-right:15px;}
.kdlxR{ font-size:16px;flex:1;}
.kdlxR span { color:#4F7498; display:block; font-size:14px; line-height:24px;}
.kdxq dl{display: grid; margin-top:10px;
    grid-template-columns: repeat(1, 1fr);
    gap: 20px 0px;
	}
.kdxq dl dt input{ width:100%;background:none; line-height:35px; padding-left:15px; box-sizing:border-box;
border-radius:63px;
border: 1px solid #DAE2EC;
}	
.kdxq dl dt textarea{width:100%;background:none; line-height:35px; padding-left:15px; box-sizing:border-box;
border-radius:20px;
border: 1px solid #DAE2EC;
}
.kdxqsub{background-color:#2C7DA0; color:#fff;border-radius: 10px; text-align:center;margin-top:20px; cursor:pointer; padding:5px 0; font-size:16px;}
.kdxqbm{ text-align:center; color:#4F7498; font-size:14px; padding:5px 0;}

.kdxwxq{ width:90%; font-size:20px; padding:30px 0 10px 0; margin:auto;}
.kdxwxqb{ font-size:16px;text-align:center; color:#666;}
.kdxwxqbcnt{line-height:30px; font-size:16px;}

.kdxwxqbcnt { width:90%; height:auto; overflow:hidden; margin:auto; margin-top:10px; margin-bottom:20px;}
.kdxwxqbcnt table { border-collapse:collapse!important;width:100%!important; margin:auto !important;}
.kdxwxqbcnt table td {border: 1px solid #ccc!important;text-align: center!important;height:40px!important;vertical-align:center!important; padding:0px 10px !important; line-height:30px !important; color:#333 !important;}
.kdxwxqbcnt img{ max-width:80%; margin:auto;display: block;
    padding: 10px 0;}
 

.kdmsds ul{display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px 30px;
    margin: auto; margin: 20px 0;
}
.kdmsds ul li{ text-align:center; border:1px solid #ed671d; padding:20px 0;border-radius:24px;background: #F8FAFE;}
.kdmsds ul li img{max-width:40%;}

.kdmsds ul li span{display:block; font-size:16px; padding-top:10px;}




/*公用*/
.box{ width:92%; height:auto;max-width:1200px; margin:auto;}
.flex{display:flex;display:-webkit-flex;align-items:center;}
.flexend{display:flex;display:-webkit-flex;align-items:flex-end;}
.flexwa{display:flex;display:-webkit-flex;align-items:center;flex-wrap: wrap;align-content: center;}
.flex_sb{display:flex;display:-webkit-flex;justify-content:space-between;}
.flex_sba{display:flex;display:-webkit-flex;justify-content:space-between;align-items:center;}
.flex_sbc{display:flex;display: -webkit-flex;justify-content:space;align-items:center;}
.flex_sbs{display:flex;display: -webkit-flex;justify-content:space;flex-wrap: wrap;}
.flex_sbw{display:flex;display:-webkit-flex;justify-content:space;flex-wrap:wrap;align-items:center;}
.flex_sbcc{display:flex;display:-webkit-flex;justify-content:center;align-items:center;}
.flexwajc{display:flex;display:-webkit-flex;align-items:center;flex-wrap: wrap;justify-content:center;align-content: center;}
.flexjc{display:flex;display:-webkit-flex;justify-content:space-between;flex-wrap: wrap;}
 
/*//翻页*/
ul.pagination {
    display: flex;
    justify-content: center;
    list-style: none;
    padding: 0;
    margin: 30px 0;
    gap: 6px;
}

ul.pagination li {
    min-width: 36px;
    height: 36px;
    text-align: center;
    line-height: 36px;
}

ul.pagination li a,
ul.pagination li span {
    display: block;
    padding: 0 12px;
    height: 36px;
    line-height: 36px;
    border: 1px solid #e5e7eb;
    border-radius: 4px;
    color: #333;
    text-decoration: none;
    background: #fff;
    transition: all 0.2s;
}

/* 当前激活页 */
ul.pagination li.active span {
    background-color: #1677ff;
    color: #fff;
    border-color: #1677ff;
}

/* 禁用按钮（上一页不可点） */
ul.pagination li.disabled span {
    background: #f5f7fa;
    color: #999;
    cursor: not-allowed;
}

/* 鼠标悬浮 */
ul.pagination li a:hover {
    background: #e8f3ff;
    border-color: #1677ff;
    color: #1677ff;
}


.newsinfo{ width:100%; height:auto; overflow:hidden;background: #F8FBFE;padding: 30px 0 10px 0;}
.newsinfoul{display: grid;
    grid-template-columns:1.4fr 0.6fr;
    gap: 30px 30px; margin-bottom:30px;
	}	
.newsinfoL{background: #FFFFFF;
	border-radius: 20px;
	border: 1px solid #E9EDF2;padding:20px; box-sizing:border-box;
}

.newsinfoLtit{ width:100%; font-size:20px; margin:auto;color:#0A2B4E;}
.newsinfoLtb{ font-size:14px;color:#7A9BBF; text-align:left;}
.newsinfoLtt{line-height:30px; font-size:16px;}

.newsinfoLcen { width:100%; height:auto; overflow:hidden; margin:auto; margin-top:10px; margin-bottom:20px;border-top: 1px solid #EBF4FF;}
.newsinfoLcen table { border-collapse:collapse!important;width:100%!important; margin:auto !important;}
.newsinfoLcen table td {border: 1px solid #ccc!important;text-align: center!important;height:40px!important;vertical-align:center!important; padding:0px 10px !important; line-height:30px !important; color:#333 !important;}
.newsinfoLcen img{ max-width:80%; margin:auto;display: block;
    padding: 10px 0;
	}
.newsinfoRt{ color:#0A2B4E; font-size:16px;border-bottom: 1px solid #EBF4FF;}
.newsinfoRul ul{display: grid; margin-top:5px;
    grid-template-columns: repeat(1, 1fr);
    gap: 0px 0px;
}
.newsinfoRul ul li{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
	}
.newsinfoRul ul li a:hover{ color:#7A9BBF;}




/*客服*/
 .kefu_main{
	width: 73px;
	position: fixed;
	bottom: 50vh;
	right: 2px;
	z-index: 99;
	opacity: 1;
	transition: all .4s;
	font-size: 12px;
	color: #393a51;
  }
  .kefu_main input{
	opacity: 0;
	cursor: default;
	position: absolute;
  }
  .kefu_main .icon-box {
	padding: 12px 0;
	background-color: #fff;
	text-align: center;
	cursor: pointer;
	position: relative;
	box-shadow: 12px 12px 26px 6px rgba(20,21,22,.06);
	color: #393a51;
  }
   
  .kefu_main  .font-box1{padding: 6px 0;}
  .kefu_main .consult1, .kefu_main .consult {
	position: absolute;
	left: 12px;
	top: 14px;
	border: 1px solid #e62129;
	height: 48px;
	width: 48px;
	border-radius: 50%;
	animation: ani-data-v-789143c6 1.4s ease-out infinite;
	-webkit-animation: ani-data-v-789143c6 1.4s ease-out infinite;
	-moz-animation: ani-data-v-789143c6 1.4s ease-out infinite;
  }
  .kefu_main .consult1 {
	-webkit-animation-delay: .6s;
	animation-delay: .6s;
  }
 
  .kefu_main .icon-box:hover {
	background-color: #e62129!important;
	transition: color .2s ease;
  }
  .kefu_main .icon-box:hover .font {
	color: #fff!important;
  }
  .kefu_main .icon-box:hover .consult1, .kefu_main .icon-box:hover .consult {
	display: none;
  }
  .el-popover {
	display: none;
	position: absolute;
	background: #fff;
	min-width: 130px;
	border-radius: 4px;
	border: 1px solid #f2f4f5;
	padding: 12px;
	/* right: 15px;
	top: 0; */
	z-index: 2000;
	color: #0d1a26;
	line-height: 1.4;
	text-align: justify;
	font-size: 14px;
	box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
	word-break: break-all;
   /* transform: translateY(-30%); */
   top: 50%;
   right: 115%;
   transform: translateY(-50%);
  }
  .phone-popover {
	padding: 0;
	max-width: 212px;
  }
  .phone-popover .phone {
    padding: 6px;
    font-size: 16px;
    line-height: 24px;
    color: #ff0000;
    font-weight: bold;
  }
  .phone-popover .phone img{ }
  .el-popper .popper__arrow, .el-popper .popper__arrow:after {
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	top: 50%;
	right: -6px;
	background: #fff;
	transform:translateY(-50%) rotate(45deg);
	border-color: transparent;
	border-style: solid;
   
  }
  .el-popper .popper__arrow {
	border-width: 6px;
	filter: drop-shadow(0 2px 12px rgba(0,0,0,.03));
  }


  .el-popover-code img{width: 100%; height: 100%; object-fit: contain;}
  .icon-box_img{width: 40px; height: 40px;  margin:0 auto 3px; position: relative;}
  .icon-box_img img{position: absolute; left: 0;  top: 0;  object-fit: cover; width: 100%; height: 100%;}
  .img_red{opacity: 1;  }
  .img_white{opacity: 0; }
  .kefu_main .icon-box:hover .img_red{opacity: 0;}
  .kefu_main .icon-box:hover .img_white{opacity: 1;}
  .kefu_item{position: relative;  display: block;}
  .kefu_item span {display: block;}
  
  @keyframes  ani-data-v-789143c6{
	0% {
	transform: scale(1);
	opacity: 0;
	}
	25% {
		transform: scale(1.15);
		opacity: .3;
	}
	50% {
		transform: scale(1.3);
		opacity: .7;
	}
	75% {
		transform: scale(1.45);
		opacity: .5;
	}
	100% {
		transform: scale(1.5);
		opacity: 0;
	}
  }
  
/*客服结束*/

.swiper-button-next,.swiper-button-prev{display:none;}

.tcl{ display:none;}
.kefu_itemph{display:none;}
.menuwap{ display:none;}
.waphead{display:none;}
.wapbanner{ display:none;}

@media screen and (max-width: 1010px) {
    .banner{
        display: none;
    }
    .wapbanner{
        display: block;
    }
    .wapbanner img{
         width: 100%;
         height: auto;
    }
    .tcl{ 
    width: auto;
    height: auto;
    display: none;
    position: fixed;
    top: 50%;
    padding: 0 10px;
    text-align: center;
    font-size: 16px;
    line-height: 40px;
    color: #fff;
    border-radius: 5px;
    background-color: rgba(0, 0, 0, 0.7);
    margin-left: 45%;
    z-index: 99999;
    }
    .kefu_itemph{display:block;}
    .kefu_itemphnone {
    display: none;
    }
    .top{
        display: none;
    }
    .nevnu{
        display: none;
    }
    .logo img{
        height: 30px;
    }
    
    .kdlc ul{
        grid-template-columns: repeat(2, 1fr);
    }
    .kdlc ul li:last-child {
    grid-column: 1 / -1;
    }
    .kdmsds ul{
        grid-template-columns: repeat(2, 1fr);
    }
    .lawhat ul{
        grid-template-columns: repeat(1, 1fr);
    }
    .lawhatmub dl{
        grid-template-columns: repeat(2, 1fr);
    }
    .lawhatbot dl{
        grid-template-columns: repeat(2, 1fr);
    }
    .lawhatbot{
        width: 100%;
    }
    .kdcaseulL{
        width: 100%;
        height: auto;
    }
    .kdcaseul ul li{
        grid-template-columns: repeat(1, 1fr);
    }
    .kdcaseulL img{
        height: auto;
    }
    .kdcaseulR{
        padding: 0 10px;
    }
    .kdcaseulRd dl dd{
        margin-bottom: 20px;
    }
    .kdnews ul{
        grid-template-columns: repeat(1, 1fr);
    }
    .kdfootnev ul{
        display: none;
    }
    .footerbadd ul{
        flex-wrap: wrap;
        justify-content: flex-start;
    }
    
    .footerul ul li input{
        width: 100%;
    }
    
    
    .kdhxnev ul{
       flex-wrap: wrap;
        justify-content: flex-start; 
    }
    
    .kefu_main{
        bottom: 35vh;
    }    
    .kdhxul ul{
       grid-template-columns: repeat(1, 1fr); 
    }
    .about img{
        height: 150px;
    }
    
    .newsinfoul{
       grid-template-columns: repeat(1, 1fr);
    }
    .kdlczq ul{
        grid-template-columns: repeat(1, 1fr);
    }
    .kdal ul{
        grid-template-columns: repeat(1, 1fr);
    }
    .kdalpic{
        height:auto;
    }
    .kdalpic img{
        height:auto;
    }
    .aboutus{
       grid-template-columns: repeat(1, 1fr); 
    }
    
    .aboutzs ul{
       grid-template-columns: repeat(2, 1fr);  
    }
    .aboutys ul{
       grid-template-columns: repeat(2, 1fr);   
    }
    .aboutyspic img{
        width: 40%;
    }
    
    .kdlx ul{
       grid-template-columns: repeat(1, 1fr);  
    }
    .kdlczqb p{
        display: inherit;
    }
    .kdlczqb p span{
        display: block;
    }
    
    .newsinfoLcen img{
        max-width: 100%;
    }
    
    .footerbadd ul li:nth-child(2){
        padding-left: 5px;
        box-sizing: box-sizing;
    }
    
    .kefu_main{
        bottom:2vh;
    }
    
    .kdwtulb p img{
        width: 100% !important;
        height:auto !important;
    }
    .newsinfoLcen img {
        width: 100% !important;
        height:auto !important;
    }
    
    /*手机导航*/
    .menuwap{
        cursor:pointer;
        display: block !important;
    }
    .menuwap dl dd{ width:25px; height:1px; background-color:#333; margin-bottom:6px; }
    .menuwap dl dd.bl{background-color:#333;}
    .menuwap dl dd:first-child{ margin-top:5px;}
    
    .waphead{
        width: 100%;
        height: 100%;
        background-color: #fff;
        position: fixed;
        z-index: 99999;
        top: 0;
        left: 0;
    }
    .wapheadlogo{
         border-bottom: 1px solid #EBEBEB;
         padding: 10px 0;
    }
    .wapheadlogopic img{
        height: 30px;
    }
    .wapheadx{
        color: #333;
        font-size: 36px;
        cursor: pointer;
    }
      
    .wapheadnev{
        width: 100%;
        height: auto;
        margin-top:20px;
    }
    .wapheadnev ul li
    {
        border-bottom: 1px solid #EBEBEB;
    }
    .wapheadnevname{
        width: 100%;
        height: auto;
        display: grid;
        grid-template-columns: 1.8fr 0.2fr;
        gap: 0px 20px;
        align-items: center;
    }
    .wapheadnevnameL{
        font-size: 18px;
        line-height:50px;
    }
    .wapheadnevnameL a{ color:#333;}
    .wapheadnevnameL a:hover{ color:#333;}
    .wapheadnevnameR{
        font-size: 30px;
        text-align: right;
        cursor: pointer;
    }
    
    
    .wapheadnevdl{
        width: 100%;
        padding-bottom:10px;
        display: none;
    }
    .wapheadnevdl a dd{ color:#5F6366; font-size:16px; line-height:35px;}
    .wapheadnevdl a:hover dd{ color:#5F6366;}
    
    /*手机导航end*/

}