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

html,body{ width:100%; height:100%;}
body{ font-family:"微软雅黑", Arial, sans-serif; font-size:14px; line-height:1.7; color:#333; background:#fff;}
a{ text-decoration:none; color:#333;-webkit-tap-highlight-color:transparent;}
*{ list-style:none; margin:0; border:none; outline:none; padding:0;}
.fl{ float:left;}
.fr{ float:right;}
.ov{ overflow:hidden;}
.dis{ display:block !important;}
.dn{ display:none;}
.clear{ clear:both;}
.clear:after,.clear:before{ content:""; display:block; clear:both;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ color:#999;} 
input:-moz-placeholder,textarea:-moz-placeholder{ color:#999;} 
input::-moz-placeholder,textarea::-moz-placeholder{ color:#999;} 
input:-ms-input-placeholder,textarea:-ms-input-placeholder{ color:#999;} 
input,textarea{ -webkit-appearance:none;}
input[type=checkbox]{ -webkit-appearance:checkbox;}

/*header*/
.header{ width:100%; position:fixed; left:0; top:0; z-index:999; height:70px;}
.header.pos{ background-color:rgba(0,0,0,0.7);}
.header .line{ width:100%; height:1px; background-color:#fff; position:absolute; left:0; bottom:0; opacity:0.3; z-index:1;}
.header .head{ width:1200px; margin:auto; position:relative; z-index:9; height:70px;}
.header .head .logo{ height:40px; float:left; padding:15px 0;}
.header .head .logo img{ display:block; height:40px;}
.header .head .nav{ float:right; height:70px;}
.header .head .nav ul{ display:block; float:left; height:70px;}
.header .head .nav ul li{ height:70px; float:left; display:block; margin-right:50px; position:relative;}
.header .head .nav ul li>a{ display:block; height:70px; line-height:70px; font-size:16px; color:#fff; position:relative;}
.header .head .nav ul li>a b{ width:0; overflow:hidden; display:block; position:absolute; left:0; bottom:0; height:2px; background-color:#fff; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.header .head .nav ul li.on a b,.header .head .nav ul li:hover b{ width:100%;}
.header .head .nav li p{ display:none; width:120px; z-index:99; position:absolute; top:70px; left:-20px; padding-top:16px;}
.header .head .nav li p span{ display:block; background:rgba(0,0,0,0.7); padding:15px 20px; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; border-radius:4px;}
.header .head .nav li p:before{ top:0; left:40px; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none; border-bottom-color:rgba(0,0,0,0.7); border-width:8px; margin-left:-8px; }
.header .head .nav li p a{ margin-bottom:7px; padding:2px 0; display:block; color:#ccc; line-height:1.2; font-size:14px; -webkit-transition:0.5s; -o-transition:0.5s; transition:0.5s;}
.header .head .nav li p a:last-child{ margin-bottom:0;}
.header .head .nav li:hover p{ display:block;}
.header .head .nav li p a:hover{ color:#fff;}
.header .head .nav .ser{ width:20px; height:20px; float:left; margin:25px 0; cursor:pointer;}
.header .head .nav .ser img{ display:block; height:20px;}
.header .head .nav .tel{ padding-left:26px; background-image:url(../images/tel_08.png); background-position:left center; background-repeat:no-repeat; float:left; font-size:16px; height:70px; line-height:70px; color:#fff; margin-left:30px; display:none;}

.serbox{ width:100%; padding:20px 0; background-color:rgba(0,0,0,0.7); position:fixed; left:0; top:70px; z-index:111; display:none;}
.serbox .box{ width:700px; margin:auto;}
.serbox .box p{ display:block; float:left; width:630px; height:40px; background-color:#fff; padding:10px; border-radius:70px;}
.serbox .box p span{ width:560px; margin:0 10px; height:40px; float:left;}
.serbox .box p span input{ width:100%; display:block; height:40px; line-height:40px; font-size:1rem; background-color:transparent; color:#000;}
.serbox .box p span input::-webkit-input-placeholder{ color:#fff;} 
.serbox .box p span input:-moz-placeholder{ color:#fff;} 
.serbox .box p span input::-moz-placeholder{ color:#fff;} 
.serbox .box p span input:-ms-input-placeholder{ color:#fff;} 
.serbox .box p a{ display:block; width:40px; height:40px; float:right; border-radius:50px; background-color:#7fbf3b;}
.serbox .box p a input{ display:block; width:40px; height:40px; background-color:#183578; border-radius:50px; cursor:pointer; background-image:url(../images/ser_06.png); background-position:center; background-repeat:no-repeat;}
.serbox .box b{ -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); transform:rotate(45deg); -webkit-transition:all .6s cubic-bezier(0.000, 0.105, 0.035, 1.570); -moz-transition:all .6s cubic-bezier(0.000, 0.105, 0.035, 1.570); transition:all .6s cubic-bezier(0.000, 0.105, 0.035, 1.570); -webkit-transition-delay:0.5s; -moz-transition-delay:0.5s; transition-delay:0.5s; width:25px; height:25px; cursor:pointer; display:block; float:right; margin-top:15px; position:relative; -webkit-transition:1s linear; transition:1s ease-in;}
.serbox .close::before,.serbox .close::after{ position:absolute; content:''; background:#fff; border-radius:2px;}
.serbox .close::before{ width:5px; height:25px; left:10px; top:0px;}
.serbox .close::after{ width:25px; height:5px; left:0px; top:10px;}
.serbox .box b:hover{ transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}

/*banner*/
.banner{ width:100%; height:640px; position:relative; z-index:1;}
.banner .bd{ width:100%; height:100%; position:relative; z-index:1;}
.banner .bd li{ display:block; width:100%; height:640px; position:relative;}
.banner .bd li a{ width:100%; height:100%; display:block; position:relative; z-index:1; overflow:hidden;}
.banner .bd li img{ width:1920px; display:block; position:absolute; left:50%; margin-left:-960px;}
.banner .hd{ position:absolute; left:50%; margin-left:-600px; bottom:30px; z-index:9;}
.banner .hd .arrow{ height:30px; float:left; display:block; overflow:hidden;}
.banner .hd .arrow img{ display:block; height:30px;}
.banner .hd span{ display:block; float:left; width:60px; height:1px; background-color:#fff; opacity:0.7; margin:14px 20px;}
.banner .hd ul{ display:block; overflow:hidden; float:left; height:10px; margin:10px 0;}
.banner .hd ul li{ width:8px; height:8px; border-radius:100%; display:block; float:left; border:1px solid #fff; cursor:pointer; margin-right:10px; overflow:hidden;}
.banner .hd ul li.on{ background-color:#fff;}

/*我们的优势*/
.ybox{ width:100%; position:relative; padding-top:65px; padding-bottom:70px;}
.ybox .title{ width:1200px; margin:auto; position:relative; text-align:center; padding-top:20px;}
.ybox .title b{ width:100%; font-size:40px; line-height:40px; text-transform:uppercase; opacity:0.1; position:absolute; left:0; top:0; z-index:1; white-space:nowrap;}
.ybox .title p{ font-size:30px; display:block; line-height:40px; position:relative; z-index:3;}
.ybox .title a{ width:50px; height:4px; margin:auto; display:block; margin-top:11px; background-color:#183578;}
.ybox .box{ width:1200px; margin:auto;}
.ybox .box .list{ display:block; width:1240px; margin:30px 0;}
.ybox .box .list li{ width:270px; display:block; text-align:center; margin-right:40px; float:left;}
.ybox .box .list li strong{ display:block; overflow:hidden; width:100px; margin:auto;}
.ybox .box .list li strong img{ display:block; width:100%;}
.ybox .box .list li strong img.img02{ display:none;}
.ybox .box .list li:hover strong img.img01{ display:none;}
.ybox .box .list li:hover strong img.img02{ display:block;}
.ybox .box .list li b{ display:block; font-size:20px; line-height:30px; margin-top:25px;}
.ybox .box .list li span{ margin:5px auto; display:block; width:40px; height:2px; background-color:#183578;}
.ybox .box .list li p{ display:block; padding-top:10px; font-size:14px; line-height:24px; color:#666;}
.ybox .tu{ width:100%; position:relative; padding-top:1px;}
.ybox .tu img{ display:block; margin:auto;}
.ybox .tu a{ display:block; width:30px; height:30px; overflow:hidden; border-radius:100%; position:absolute; left:50%; margin-left:-15px; bottom:0;}

/*来自客户的价值证明*/
.hbox{ width:100%; position:relative; padding-top:65px; padding-bottom:70px; background-color:#eee;}
.hbox .title{ width:1200px; margin:auto; position:relative; text-align:center; padding-top:20px;}
.hbox .title b{ width:100%; font-size:40px; line-height:40px; text-transform:uppercase; opacity:0.1; position:absolute; left:0; top:0; z-index:1; white-space:nowrap;}
.hbox .title p{ font-size:30px; display:block; line-height:40px; position:relative; z-index:3;}
.hbox .title a{ width:50px; height:4px; margin:auto; display:block; margin-top:11px; background-color:#183578;}
.hbox .box{ width:1200px; margin:auto; padding-top:10px;}

.hbox #auto-loop{ width:1220px; overflow:hidden}
.hbox #auto-loop a{ display:block; width:285px; height:400px; float:left; margin-right:20px; margin-top:20px; overflow:hidden; position:relative; cursor:pointer;}
.hbox #auto-loop a img{ width:100%; display:block;}
.hbox #auto-loop a p{ width:100%; height:100%; background-color:rgba(24,53,120,0.7); position:absolute; left:0; top:0; overflow:hidden; display:block; opacity:0;}
.hbox #auto-loop a p span{ height:38px; line-height:38px; width:101px; text-align:center; font-size:16px; color:#fff; display:block; border-top:1px solid rgba(255,255,255,0.5); border-bottom:1px solid rgba(255,255,255,0.5); overflow:hidden; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); text-transform:uppercase;}
.hbox #auto-loop a:hover p{ opacity:1;}

/*关于我们*/
.abox{ width:100%; position:relative; background-position:top center; background-repeat:no-repeat; background-attachment:fixed;}
.abox .box{ width:100%; padding:70px 0; background-color:rgba(0,0,0,0.7);}
.abox .box .a01{ height:80px;}
.abox .box .a01 img{ display:block; margin:auto; height:80px;}
.abox .box .a02{ text-align:center; margin-top:25px; color:#fff; font-size:30px; line-height:40px; position:relative;}
.abox .box .a02 .news-link{ display:inline-block; margin-left:20px; padding:5px 15px; background:linear-gradient(135deg, #4a90d9 0%, #183578 100%); color:#fff; font-size:14px; line-height:20px; border-radius:20px; text-decoration:none; transition:all 0.3s ease; vertical-align:middle;}
.abox .box .a02 .news-link:hover{ background:linear-gradient(135deg, #183578 0%, #4a90d9 100%); transform:translateY(-2px); box-shadow:0 5px 15px rgba(74,144,217,0.4);}
.abox .box .a03{ text-align:center; margin-top:11px; color:#fff; font-size:14px; line-height:24px;}
.abox .box .a04{ width:1200px; margin:auto; margin-top:40px; background-color:#183578; background-image:url(../images/ab02_22.jpg); background-position:bottom; background-repeat:no-repeat; padding:74px 0;}
.abox .box .a04 dl{ width:1148px; display:block; margin:auto; text-align:center; display:flex; align-items:center;}
.abox .box .a04 dl dt{ width:234px; padding:0 25px; display:block; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.abox .box .a04 dl dt span{ display:block; color:#fff; font-size:36px; line-height:40px;}
.abox .box .a04 dl dt b{ display:block; background-color:#fff; width:30px; height:2px; overflow:hidden; margin:25px auto; margin-bottom:15px;}
.abox .box .a04 dl dt a{ display:block; color:#fff; font-size:18px; line-height:28px;}
.abox .box .a04 dl dt p{ display:block; color:#aaa; font-size:14px; line-height:22px; text-transform:uppercase;}
.abox .box .a04 dl dd{ display:block; width:4px; height:50px; background-color:#fff;}
.abox .box .a04 dl dt:hover{ -webkit-transform:rotateY(-360deg);}

/*来自客户的价值证明*/
.pbox{ width:100%; position:relative; padding-top:65px; padding-bottom:70px; background-color:#fff;}
.pbox .title{ width:1200px; margin:auto; position:relative; text-align:center; padding-top:20px;}
.pbox .title b{ width:100%; font-size:40px; line-height:40px; text-transform:uppercase; opacity:0.1; position:absolute; left:0; top:0; z-index:1; white-space:nowrap;}
.pbox .title p{ font-size:30px; display:block; line-height:40px; position:relative; z-index:3;}
.pbox .title a{ width:50px; height:4px; margin:auto; display:block; margin-top:11px; background-color:#183578;}
.pbox .box{ width:1200px; margin:auto; padding-top:30px; position:relative; padding-bottom:40px;}
.pbox .tab-hd{ position:absolute; width:1150px; height:100px; left:25px; bottom:0; background-color:#eee; z-index:9; display:flex; align-items:center; justify-content:center;}
.pbox .tab-hd ul{ display:block; overflow:hidden;}
.pbox .tab-hd ul li{ display:block; float:left; margin:0 15px; overflow:hidden; cursor:pointer;}
.pbox .tab-hd ul li strong{ display:block; float:left; width:70px; height:50px;}
.pbox .tab-hd ul li strong img{ display:block; height:100%;}
.pbox .tab-hd ul li strong img.img02{ display:none;}
.pbox .tab-hd ul li.on strong img.img01{ display:none;}
.pbox .tab-hd ul li.on strong img.img02{ display:block;}
.pbox .tab-hd ul li p{ display:block; float:left;}
.pbox .tab-hd ul li p span{ display:block; font-size:18px; line-height:28px;}
.pbox .tab-hd ul li p a{ display:block; font-size:12px; line-height:20px; text-transform:uppercase;}
.pbox .tab-hd ul li.on p span{ color:#183578;}
.pbox .tab-bd{ width:100%; height:360px; position:relative; z-index:1;}
.pbox .tab-bd .tab-pal{ width:100%; height:100%; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover;}
.pbox .tab-bd .tab-pal a{ display:block; overflow:hidden; position:relative; width:100%; height:100%; background-color:rgba(24,53,120,0.7);}
.pbox .tab-bd .tab-pal .bt{ width:650px; margin:50px; margin-bottom:20px; padding-left:26px; background-image:url(../images/pt.png); background-position:top left; background-repeat:no-repeat;}
.pbox .tab-bd .tab-pal .bt span{ display:block; font-size:24px; line-height:1; color:#fff;}
.pbox .tab-bd .tab-pal .bt p{ display:block; font-size:18px; line-height:28px; color:#fff; margin-top:5px;}
.pbox .tab-bd .tab-pal .wen{ width:650px; margin:0 50px; font-size:14px; line-height:24px; color:#fff;}
.pbox .tab-bd .tab-pal .shu{ font-size:72px; line-height:156px; color:#fff; position:absolute; right:50px; top:0; opacity:0.1;}

/*合作伙伴*/
.zbox{ width:100%; position:relative; padding-top:65px; padding-bottom:70px; background-color:#eee;}
.zbox .title{ width:1200px; margin:auto; position:relative; text-align:center; padding-top:20px;}
.zbox .title b{ width:100%; font-size:40px; line-height:40px; text-transform:uppercase; opacity:0.1; position:absolute; left:0; top:0; z-index:1; white-space:nowrap;}
.zbox .title p{ font-size:30px; display:block; line-height:40px; position:relative; z-index:3;}
.zbox .title a{ width:50px; height:4px; margin:auto; display:block; margin-top:11px; background-color:#183578;}
.zbox .box{ width:1200px; margin:auto; padding-top:10px; position:relative;}
.zbox .box a{ display:flex; align-items:center; width:224px; float:left; margin-top:20px; margin-left:20px; background-color:#fff; height:100px;}
.zbox .box a:nth-child(5n+1){ clear:left; float:left; margin-left:0;}
.zbox .box a img{ max-width:220px; max-height:90px; display:block; margin:auto; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.zbox .box a:hover img{ transform:scale(1.03, 1.03); -ms-transform:scale(1.03, 1.03); -moz-transform:scale(1.03, 1.03); -webkit-transform:scale(1.03, 1.03); -o-transform:scale(1.03, 1.03);}

/*新闻中心*/
.nbox{ width:100%; position:relative; padding-top:65px; padding-bottom:70px; background-color:#fff;}
.nbox .title{ width:1200px; margin:auto; position:relative; text-align:center; padding-top:20px;}
.nbox .title b{ width:100%; font-size:40px; line-height:40px; text-transform:uppercase; opacity:0.1; position:absolute; left:0; top:0; z-index:1; white-space:nowrap;}
.nbox .title p{ font-size:30px; display:block; line-height:40px; position:relative; z-index:3;}
.nbox .title a{ width:50px; height:4px; margin:auto; display:block; margin-top:11px; background-color:#183578;}
.nbox .title a.more-link{ width:auto; height:auto; display:inline-block; margin-top:15px; padding:8px 20px; background:linear-gradient(135deg, #183578 0%, #2a4d9e 100%); color:#fff; font-size:14px; line-height:20px; border-radius:20px; text-decoration:none; transition:all 0.3s ease;}
.nbox .title a.more-link:hover{ background:linear-gradient(135deg, #2a4d9e 0%, #183578 100%); transform:translateY(-2px); box-shadow:0 5px 15px rgba(24,53,120,0.3);}
.nbox .box{ width:1200px; margin:auto; padding-top:30px; position:relative;}
.nbox .box ul{ width:1220px; display:block; overflow:hidden;}
.nbox .box ul li{ width:285px; display:block; float:left; margin-right:20px; overflow:hidden;}
.nbox .box ul li .tu{ width:100%; height:200px; position:relative;}
.nbox .box ul li .tu img{ width:100%; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.nbox .box ul li .tu p{ display:block; overflow:hidden; width:120px; height:36px; line-height:36px; font-size:14px; color:#fff; text-align:center; position:absolute; left:0; bottom:0; background-color:rgba(0,0,0,0.7);}
.nbox .box ul li:hover .tu img{ transform:scale(1.03, 1.03); -ms-transform:scale(1.03, 1.03); -moz-transform:scale(1.03, 1.03); -webkit-transform:scale(1.03, 1.03); -o-transform:scale(1.03, 1.03);}
.nbox .box ul li .wen{ width:100%; padding-top:15px;}
.nbox .box ul li .wen span{ display:block; font-size:18px; line-height:28px; height:28px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.nbox .box ul li:hover .wen span a{ color:#183578;}
.nbox .box ul li .wen p{ display:block; font-size:14px; line-height:24px; height:48px; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; overflow:hidden; color:#666; margin:10px 0;}
.nbox .box ul li .wen strong{ display:block; font-weight:normal;}
.nbox .box ul li .wen strong a{ display:block; font-size:14px; line-height:22px; color:#999; text-transform:uppercase;}
.nbox .box ul li .wen strong a:hover{ color:#183578;}


/*请专业顾问来电为您介绍*/
.mbox{ width:100%; position:relative; padding-top:65px; padding-bottom:120px; background-color:#eee;}
.mbox .title{ width:1200px; margin:auto; position:relative; text-align:center; padding-top:20px;}
.mbox .title b{ width:100%; font-size:40px; line-height:40px; text-transform:uppercase; opacity:0.1; position:absolute; left:0; top:0; z-index:1; white-space:nowrap;}
.mbox .title p{ font-size:30px; display:block; line-height:40px; position:relative; z-index:3;}
.mbox .title a{ width:50px; height:4px; margin:auto; display:block; margin-top:11px; background-color:#183578;}
.mbox .box{ width:1200px; margin:auto; padding-top:25px;}
.mbox .box .m01{ font-size:18px; line-height:28px; text-align:center;}
.mbox .box .m02{ width:810px; margin:10px auto; font-size:14px; line-height:24px; text-align:center;}
.mbox .box .m03{ width:100%; padding-top:10px;}
.mbox .box .m03 .left{ width:460px; float:left; display:flex; flex-wrap:wrap; gap:10px; margin-top:10px;}
.mbox .box .m03 .left p{ display:block; overflow:hidden; height:40px; border-radius:5px; background-color:#fff; flex:0 0 calc(50% - 5px); margin:0; box-sizing:border-box;}
.mbox .box .m03 .left p input{ width:100%; padding:0 16px; display:block; font-size:14px; line-height:40px; height:40px; box-sizing:border-box;}
.mbox .box .m03 .mil{ width:370px; float:left; overflow:hidden; margin-top:10px; border-radius:5px; background-color:#fff;}
.mbox .box .m03 .mil textarea{ width:100%; padding:11px 20px; box-sizing:border-box; display:block; font-size:14px; line-height:24px; height:88px;}
.mbox .box .m03 .right{ width:320px; float:right; margin-top:10px;}
.mbox .box .m03 .right b{ padding-left:70px; background-image:url(../images/tel_30.png); background-position:left center; background-repeat:no-repeat; font-size:32px; line-height:50px; height:50px; display:block; overflow:hidden;}
.mbox .box .m03 .right a{ width:100%; margin-top:16px; display:block; overflow:hidden;}
.mbox .box .m03 .right input{ display:block; overflow:hidden; font-size:16px; line-height:46px; height:46px; border-radius:5px; background-color:#183578; color:#fff; width:100%; text-align:center; cursor:pointer;}

/*友情链接*/
.lbox{ width:1260px; position:relative; z-index:9; height:100px; background-image:url(../images/lbg_34.png); background-position:center; background-repeat:no-repeat; margin:auto; margin-top:-100px; display:flex; align-items:center; justify-content:center; opacity:0;}
.lbox .box{ display:flex; align-items:center;}
.lbox .box .l01{ padding-left:40px; background-image:url(../images/lt_34.jpg); background-position:left center; background-repeat:no-repeat; font-size:24px; line-height:30px; color:#fff; font-weight:bold;}
.lbox .box .l02{ font-size:24px; line-height:30px; color:#fff; font-weight:bold; text-transform:uppercase; margin-left:10px;}
.lbox .box .l03{ width:925px; margin-left:5px;}
.lbox .box .l03 a{ display:block; font-size:14px; line-height:24px; color:#fff; margin-left:25px; float:left;}
.lbox .box .l03 a:hover{ text-decoration:underline;}

/*footer*/
.footer{ padding-top:50px; background-color:#222; position:relative; z-index:2;}
.footer .foot{ width:1200px; margin:auto; padding-bottom:50px;}
.footer .foot .f01{ width:320px; float:left; padding-right:50px; padding-top:7px;}
.footer .foot .f01 strong{ display:block; overflow:hidden;}
.footer .foot .f01 strong img{ display:block; height:40px;}
.footer .foot .f01 p{ display:block; color:#999; letter-spacing:2px; font-size:16px; line-height:26px; margin-top:5px;}
.footer .foot .f02{ width:830px; float:left; box-sizing:border-box; padding-left:50px; display:flex; align-items:center; border-left:1px solid #313131; min-height:80px;}
.footer .foot .f02 dl{ width:699px; display:block;}
.footer .foot .f02 dl dt{ display:block; font-size:16px; line-height:26px; color:#fff;}
.footer .foot .f02 dl dd{ margin-top:4px; overflow:hidden; display:block;}
.footer .foot .f02 dl dd p{ padding-left:20px; width:270px; background-position:left center; background-repeat:no-repeat; font-size:14px; line-height:24px; float:left; display:block; overflow:hidden; color:#999;}
.footer .foot .f02 dl dd span{ padding-left:20px; width:340px; background-position:left center; background-repeat:no-repeat; font-size:14px; line-height:24px; float:left; display:block; overflow:hidden; color:#999;}
.footer .foot .f02 strong{ height:80px; width:80px; display:block; overflow:hidden;}
.footer .foot .f02 strong img{ width:100%; display:block;}
.footer .bq{ width:100%; height:40px; background-color:#171717; display:flex; align-items:center; justify-content:center;}
.footer .bq span{ display:block; margin:0 15px; font-size:14px; line-height:24px; color:#999;}
.footer .bq span a{ color:#999;}

#gotop{ width:40px; height:40px; display:none; cursor:pointer; background-color:rgba(24,53,120,0.7); border-radius:5px; position:fixed; right:3%; bottom:5%; z-index:99; overflow:hidden;}
#gotop img{ width:100%; display:block;}

/*内页*/
@keyframes scaleDraw {  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
    0%{
        transform:scale(1);  /*开始为原始大小*/
    }
    25%{
        transform:scale(1.1); /*放大1.1倍*/
    }
    50%{
        transform:scale(1);
    }
    75%{
        transform:scale(1.1);
    }
}
.ban{ width:100%; height:460px; position:relative; overflow:hidden; z-index:0;}
.ban .bg{ width:100%; height:100%; background-position:center; background-repeat:no-repeat; animation:scaleDraw 30s ease-in-out infinite; position:relative; z-index:0;}
.ban .box{ width:100%; background-color:rgba(24,53,120,0.7); padding-top:70px; height:390px; position:absolute; left:0%; bottom:0; z-index:1; text-align:center; display:flex; align-items:center; justify-content:center;}
.ban .box .cont{ width:800px; margin:auto;}
.ban .box .bt{ display:block; color:#fff; font-size:40px; line-height:50px;}
.ban .box .wen{ display:block; color:#fff; font-size:16px; line-height:30px; overflow:hidden; margin-top:20px;}

/*sps*/
.cp01{ width:100%; position:relative; padding-top:65px; padding-bottom:70px; background-color:#fff;}
.cp01 .title{ width:1200px; margin:auto; position:relative; text-align:center; padding-top:20px;}
.cp01 .title b{ width:100%; font-size:40px; line-height:40px; text-transform:uppercase; opacity:0.1; position:absolute; left:0; top:0; z-index:1; white-space:nowrap;}
.cp01 .title p{ font-size:30px; display:block; line-height:40px; position:relative; z-index:3;}
.cp01 .title a{ width:50px; height:4px; margin:auto; display:block; margin-top:11px; background-color:#183578;}
.cp01 .box{ width:1200px; margin:auto; padding-top:30px;}
.cp01 .box .list{ width:1240px; display:flex;}
.cp01 .box .list li{ width:210px; background-color:#eee; border-radius:10px; padding:50px 30px; overflow:hidden; margin-right:40px; text-align:center;}
.cp01 .box .list li strong{ width:100px; height:100px; line-height:100px; border-radius:100%; margin:auto; overflow:hidden; display:block; background-color:#183578; font-size:40px; color:#fff;}
.cp01 .box .list li b{ display:block; font-size:18px; line-height:28px; margin-top:25px;}
.cp01 .box .list li p{ display:block; font-size:14px; line-height:24px; margin-top:10px; color:#666;}
.cp01 .box .list li:hover{ background-color:#183578;}
.cp01 .box .list li:hover strong{ background-color:#fff; color:#183578;}
.cp01 .box .list li:hover b,.cp01 .box .list li:hover p{ color:#fff;}

.cp02{ width:100%; position:relative; padding-top:65px; padding-bottom:40px; background-color:#eee;}
.cp02 .title{ width:1200px; margin:auto; position:relative; text-align:center; padding-top:20px;}
.cp02 .title b{ width:100%; font-size:40px; line-height:40px; text-transform:uppercase; opacity:0.1; position:absolute; left:0; top:0; z-index:1; white-space:nowrap;}
.cp02 .title p{ font-size:30px; display:block; line-height:40px; position:relative; z-index:3;}
.cp02 .title a{ width:50px; height:4px; margin:auto; display:block; margin-top:11px; background-color:#183578;}
.cp02 .box{ width:1200px; margin:auto; display:block; overflow:visible;}
.cp02 .box dt,.cp02 .box dd{ padding:30px 0; display:flex; align-items:center; width:100%; overflow:visible;}
.cp02 .box .left{ width:550px; overflow:visible;}
.cp02 .box .left img{ width:100%; display:block; background-color:#fff; box-shadow:0 0 20px rgba(0,0,0,0.3);}
.cp02 .box dt .right{ width:550px; padding-left:100px;}
.cp02 .box dd .right{ width:550px; padding-right:100px;}
.cp02 .box dd .left img{ float:right;}
.cp02 .box .c01{ font-size:24px; line-height:34px; font-weight:bold; color:#183578;}
.cp02 .box .c02{ font-size:18px; line-height:28px; margin-top:10px;}
.cp02 .box .c03{ margin-top:20px;}
.cp02 .box .c03 p{ display:block; font-size:16px; line-height:26px; margin-top:10px; overflow:hidden; width:100%;}
.cp02 .box .c03 p b{ display:block; color:#183578; width:20px; float:left; line-height:21px;}

.cp03{ width:100%; position:relative; padding-top:65px; padding-bottom:70px; background-color:#fff;}
.cp03 .title{ width:1200px; margin:auto; position:relative; text-align:center; padding-top:20px;}
.cp03 .title b{ width:100%; font-size:40px; line-height:40px; text-transform:uppercase; opacity:0.1; position:absolute; left:0; top:0; z-index:1; white-space:nowrap;}
.cp03 .title p{ font-size:30px; display:block; line-height:40px; position:relative; z-index:3;}
.cp03 .title a{ width:50px; height:4px; margin:auto; display:block; margin-top:11px; background-color:#183578;}
.cp03 .box{ width:1200px; margin:auto;}
.cp03 .box ul{ width:1230px; display:flex; flex-wrap:wrap;}
.cp03 .box ul li{ width:380px; text-align:center; margin-right:30px; margin-top:30px; position:relative;}
.cp03 .box ul li b{ width:100%; height:100%; display:block; position:absolute; left:0; top:0; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover; border-radius:10px; overflow:hidden; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.cp03 .box ul li strong{ width:100%; height:100%; background-color:rgba(24,53,120,0.7); display:block;}
.cp03 .box ul li a{ position:relative; z-index:9; width:100%; height:100%; display:block; overflow:hidden; padding:50px 30px; box-sizing:border-box;}
.cp03 .box ul li span{ font-size:18px; line-height:28px; display:block; font-weight:bold; color:#fff;}
.cp03 .box ul li p{ font-size:14px; line-height:24px; display:block; color:#fff; margin-top:20px;}
.cp03 .box ul li:hover b{ transform:scale(1.03, 1.03); -ms-transform:scale(1.03, 1.03); -moz-transform:scale(1.03, 1.03); -webkit-transform:scale(1.03, 1.03); -o-transform:scale(1.03, 1.03);}

/*客户案例*/
.case{ width:100%; position:relative; padding-top:65px; padding-bottom:120px; background-color:#fff;}
.case .title{ width:1200px; margin:auto; position:relative; text-align:center; padding-top:20px;}
.case .title b{ width:100%; font-size:40px; line-height:40px; text-transform:uppercase; opacity:0.1; position:absolute; left:0; top:0; z-index:1; white-space:nowrap;}
.case .title p{ font-size:30px; display:block; line-height:40px; position:relative; z-index:3;}
.case .title a{ width:50px; height:4px; margin:auto; display:block; margin-top:11px; background-color:#183578;}
.case .box{ width:1200px; margin:auto; padding-top:10px;}
.case .box ul{ width:1220px; display:block;}
.case .box ul li{ width:285px; float:left; margin-right:20px; margin-top:20px; display:block; box-shadow:0 0 10px rgba(0,0,0,0.1); background-color:#fff; border-radius:5px; overflow:hidden;}
.case .box ul li .tu{ width:100%; height:140px; display:flex; align-items:center;}
.case .box ul li .tu img{ display:block; max-width:80%; max-height:100px; margin:auto;}
.case .box ul li .wen{ padding:0 20px; font-size:14px; line-height:24px; height:120px; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:5; overflow:hidden;}
.case .box ul li .wen01{ padding:15px 20px; padding-bottom:0; font-size:14px; line-height:24px; height:48px; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; overflow:hidden; border-top:1px solid #eee; margin-top:15px;}
.case .box ul li .more{ width:100px; height:30px; line-height:30px; text-align:center; font-size:14px; border:1px solid #cacaca; border-radius:5px; margin:20px; margin-top:15px;}
.case .box ul li .more:hover{ background-color:#183578; border:1px solid #183578; color:#fff;}
.case .box ul li:hover{ box-shadow:0 0 10px rgba(0,0,0,0.3);}
.case .box ul li.gd{ height:406px;}
.case .box ul li.gd a{ display:block; height:406px; display:flex; align-items:center}
.case .box ul li.gd .more01{ width:100%; text-align:center; font-size:24px;}
.case .box ul li.gd:hover .more01{ color:#183578;}

.fanye{ width:100%; margin-top:30px; text-align:center;}
.fanye li{ margin:0 3px; display:inline-block;}
.fanye li a{ min-width:14px; padding:0 5px; height:24px; line-height:24px; background-color:#f2f2f2; border-radius:3px; display:block;}
.fanye li span{ min-width:14px; padding:0 5px; height:24px; line-height:24px; border-radius:3px; display:block;}
.fanye li.active span{ color:#fff; background-color:#183578;}
.fanye li.disabled span{ color:#aaa; background-color:#f2f2f2; cursor:no-drop;}
.fanye li a:hover{ color:#183578;}

/*客户案例内页*/
.main{ width:1200px; margin:70px auto; margin-bottom:120px;}
.main .lbar{ width:910px; float:left;}
.main .lbar .bt{ text-align:center; color:#183578; font-size:20px; line-height:30px;}
.main .lbar .sj{ text-align:center; color:#999; font-size:14px; line-height:24px; height:28px; border-bottom:1px solid #eee;}
.main .lbar .wen{ font-size:14px; line-height:24px; margin-top:20px;}
.main .lbar .wen img{ max-width:100%; height:auto;}
.main .lbar .back{ margin-top:15px; padding-top:10px; border-top:1px solid #eee; position:relative;}
.main .lbar .back p{ display:block; font-size:14px; height:24px; line-height:24px; overflow:hidden;}
.main .lbar .back p a{ max-width:60%; overflow:hidden; display:inline-block; vertical-align:middle; height:24px;}
.main .lbar .back p a:hover{ color:#183578;}
.main .lbar .back span{ position:absolute; right:0; top:10px; font-size:14px; height:24px; line-height:24px;}
.main .lbar .back span a:hover{ color:#183578;}

.main .rbar{ width:240px; border:1px solid #ddd; border-top:2px solid #183578; float:right; margin:5px 0;}
.main .rbar .title{ padding-left:14px; font-size:16px; height:40px; line-height:40px; border-bottom:1px solid #ddd;}
.main .rbar ul{ display:block; padding:4px 14px; padding-bottom:10px;}
.main .rbar ul li{ display:block; width:100%; margin-top:10px; overflow:hidden;}
.main .rbar ul li strong{ width:100%; display:block; overflow:hidden;}
.main .rbar ul li strong img{ width:100%; display:block;}
.main .rbar ul li strong:empty{ height:110px; background:#eef2fa; border-radius:4px;}
/* 新闻列表分页条 */
.news .table-page{ padding:30px 0 10px; text-align:center; clear:both;}
.news .table-page li{ display:inline-block; margin:0 4px; list-style:none;}
.news .table-page li a, .news .table-page li span{ display:block; min-width:34px; height:34px; line-height:32px; padding:0 12px; border:1px solid #ddd; border-radius:4px; font-size:14px; color:#555; background:#fff;}
.news .table-page li a:hover{ border-color:#183578; color:#183578;}
.news .table-page li.active span{ background:#183578; border-color:#183578; color:#fff;}
.main .rbar ul li p{ display:block; overflow:hidden; font-size:16px; height:22px; line-height:22px; padding-top:5px;}
.main .rbar ul li span{ display:block; overflow:hidden; font-size:14px; height:18px; line-height:18px; color:#999;}
.main .rbar ul li:hover p{ color:#183578;}

/*关于我们*/
.ab01{ width:100%; position:relative; padding-top:65px; padding-bottom:70px; background-color:#fff;}
.ab01 .title{ width:1200px; margin:auto; position:relative; text-align:center; padding-top:20px;}
.ab01 .title b{ width:100%; font-size:40px; line-height:40px; text-transform:uppercase; opacity:0.1; position:absolute; left:0; top:0; z-index:1; white-space:nowrap;}
.ab01 .title p{ font-size:30px; display:block; line-height:40px; position:relative; z-index:3;}
.ab01 .title a{ width:50px; height:4px; margin:auto; display:block; margin-top:11px; background-color:#183578;}
.ab01 .box{ width:1200px; margin:auto; margin-top:30px; position:relative; padding-bottom:50px;}
.ab01 .cont{ width:1020px; margin:auto; background-color:rgba(24,53,120,0.7); padding:50px; padding-top:45px; position:relative; z-index:3;}
.ab01 .box .wen{ font-size:14px; line-height:24px; color:#fff; min-height:240px; overflow:auto;}
.ab01 .box img{ display:block; margin:auto; margin-top:25px;}
.ab01 .bg{ width:100%; height:calc(100% - 50px); background-position:center; background-repeat:no-repeat; background-size:cover; position:absolute; left:0; bottom:0; z-index:1;}

.ab02{ width:100%; position:relative; padding-top:65px; padding-bottom:70px; background-color:#eee;}
.ab02 .title{ width:1200px; margin:auto; position:relative; text-align:center; padding-top:20px;}
.ab02 .title b{ width:100%; font-size:40px; line-height:40px; text-transform:uppercase; opacity:0.1; position:absolute; left:0; top:0; z-index:1; white-space:nowrap;}
.ab02 .title p{ font-size:30px; display:block; line-height:40px; position:relative; z-index:3;}
.ab02 .title a{ width:50px; height:4px; margin:auto; display:block; margin-top:11px; background-color:#183578;}
.ab02 .box{ width:1200px; margin:auto; padding-top:10px;}

.ab02 #auto-loop{ width:1212px; overflow:hidden}
.ab02 #auto-loop a{ display:block; width:190px; height:260px; float:left; margin-right:12px; margin-top:20px; overflow:hidden; position:relative; cursor:pointer;}
.ab02 #auto-loop a:nth-child(1){ width:392px;}
.ab02 #auto-loop a:nth-child(2){ width:392px;}
.ab02 #auto-loop a img{ width:100%; display:block;}
.ab02 #auto-loop a p{ width:100%; height:100%; background-color:rgba(24,53,120,0.7); position:absolute; left:0; top:0; overflow:hidden; display:block; opacity:0;}
.ab02 #auto-loop a p span{ height:38px; line-height:38px; width:101px; text-align:center; font-size:16px; color:#fff; display:block; border-top:1px solid rgba(255,255,255,0.5); border-bottom:1px solid rgba(255,255,255,0.5); overflow:hidden; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); text-transform:uppercase;}
.ab02 #auto-loop a:hover p{ opacity:1;}

.ab03{ width:100%; height:700px; position:relative; background-position:center; background-repeat:no-repeat; background-size:cover;}
.ab03 .mask{ width:100%; height:100%; background-color:rgba(24,53,120,0.7);}
.ab03 .title{ width:1200px; margin:auto; position:absolute; left:50%; margin-left:-600px; text-align:center; padding-top:20px; top:65px;}
.ab03 .title b{ color:#fff; width:100%; font-size:40px; line-height:40px; text-transform:uppercase; opacity:0.1; position:absolute; left:0; top:0; z-index:1; white-space:nowrap;}
.ab03 .title p{ color:#fff; font-size:30px; display:block; line-height:40px; position:relative; z-index:3;}
.ab03 .title a{ width:50px; height:4px; margin:auto; display:block; margin-top:11px; background-color:#fff;}
.ab03 .tab{ width:960px; padding-left:240px; position:absolute; left:50%; margin-left:-600px; bottom:55px; z-index:10; height:170px;}
.ab03 .tab .swiper-slide{ width:240px; height:100%; position:relative;}
.ab03 .tab .swiper-slide p{ width:60px; height:60px; border-radius:100%; background-color:rgba(255,255,255,0.7); position:absolute; left:50%; margin-left:-35px; top:50%; margin-top:-35px; overflow:hidden; padding:5px;}
.ab03 .tab .swiper-slide p a{ width:60px; height:60px; background-color:#fff; font-size:16px; line-height:60px; text-align:center; display:block; border-radius:100%; overflow:hidden;}
.ab03 .tab .swiper-slide span{ width:200px; position:absolute; left:20px; bottom:0; display:block; text-align:center; color:#fff; overflow:hidden; font-size:14px; line-height:44px; height:44px; text-align:center; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.ab03 .tab .swiper-slide.cur span{ bottom:138px; font-size:18px; line-height:32px; height:32px;}
.ab03 .line{ width:100%; height:2px; background-color:rgba(255,255,255,0.3); position:absolute; left:0; bottom:139px; z-index:8;}
.ab03 .tabox{ width:100%; height:700px; position:relative; z-index:0;}
.ab03 .tabox .box .wen{ width:1200px; position:absolute; left:50%; margin-left:-600px; top:170px;}
.ab03 .tabox .box .wen .bt{ color:#fff; font-size:20px; line-height:30px;}
.ab03 .tabox .box .wen .wz{ width:590px; color:#fff; font-size:14px; line-height:24px; margin-top:20px;}
.ab03 .tabox .box .wen .wz ul{ padding-left:20px; list-style:disc;}
.ab03 .tabox .box .wen .wz ul li{ list-style:disc;}
.ab03 .tabox .box .shijian{ width:1200px; position:absolute; left:50%; margin-left:-600px; bottom:160px; font-size:36px; line-height:46px; color:#fff;}

/*弹出框*/
#btn1{ cursor: pointer;}
.xcConfirm .xc_layer{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #666666; opacity: 0.5; z-index: 2147000000;}
.xcConfirm .popBox{position: fixed; left: 50%; top: 50%; padding-bottom: 20px; background-color: #ffffff; z-index: 2147000001; width: 570px; margin-left: -285px; margin-top: -160px; border-radius: 5px; font-weight: bold; color: #535e66;}
.xcConfirm .popBox .ttBox{height: 30px; line-height: 30px; padding: 14px 30px; border-bottom: solid 1px #eef0f1;}
.xcConfirm .popBox .ttBox .tt{font-size: 18px; display: block; float: left; height: 30px; position: relative;}
.xcConfirm .popBox .ttBox .clsBtn{display: block; cursor: pointer; width: 12px; height: 12px; position: absolute; top: 22px; right: 30px; background: url(__PUBLIC__/Home/PC/images/icons.png) -48px -96px no-repeat;}
.xcConfirm .popBox .txtBox{margin: 40px 100px; overflow: hidden;}
.xcConfirm .popBox .txtBox .bigIcon{float: left; margin-right: 20px; width: 48px; height: 48px; background-image: url(__PUBLIC__/Home/PC/images/icons.png); background-repeat: no-repeat; background-position: 48px 0;}
.xcConfirm .popBox .txtBox p{ margin-top: 16px; line-height: 26px; overflow-x: hidden; overflow-y: auto;}
.xcConfirm .popBox .btnArea{border-top: solid 1px #eef0f1;}
.xcConfirm .popBox .btnGroup{float: right;}
.xcConfirm .popBox .btnGroup .sgBtn{margin-top: 14px; margin-right: 10px;}
.xcConfirm .popBox .sgBtn{display: block; cursor: pointer; float: left; width: 95px; height: 35px; line-height: 35px; text-align: center; color: #FFFFFF; border-radius: 5px;}
.xcConfirm .popBox .sgBtn.ok{background-color: #0095d9; color: #FFFFFF;}
.xcConfirm .popBox .sgBtn.cancel{background-color: #546a79; color: #FFFFFF;}

/*新闻中心*/
.news{ width:100%; position:relative; padding-top:65px; padding-bottom:70px; background-color:#fff;}
.news .title{ width:1200px; margin:auto; position:relative; text-align:center; padding-top:20px;}
.news .title b{ width:100%; font-size:40px; line-height:40px; text-transform:uppercase; opacity:0.1; position:absolute; left:0; top:0; z-index:1; white-space:nowrap;}
.news .title p{ font-size:30px; display:block; line-height:40px; position:relative; z-index:3;}
.news .title a{ width:50px; height:4px; margin:auto; display:block; margin-top:11px; background-color:#183578;}
.news .box{ width:1200px; margin:auto; padding-top:10px;}
.news .box ul{ width:1220px; display:block; overflow:hidden;}
.news .box ul li{ width:285px; display:block; float:left; margin-right:20px; margin-top:20px; overflow:hidden;}
.news .box ul li .tu{ width:100%; height:200px; position:relative;}
.news .box ul li .tu img{ width:100%; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.news .box ul li .tu p{ display:block; overflow:hidden; width:120px; height:36px; line-height:36px; font-size:14px; color:#fff; text-align:center; position:absolute; left:0; bottom:0; background-color:rgba(0,0,0,0.7);}
.news .box ul li:hover .tu img{ transform:scale(1.03, 1.03); -ms-transform:scale(1.03, 1.03); -moz-transform:scale(1.03, 1.03); -webkit-transform:scale(1.03, 1.03); -o-transform:scale(1.03, 1.03);}
.news .box ul li .wen{ width:100%; padding-top:15px;}
.news .box ul li .wen span{ display:block; font-size:18px; line-height:28px; height:28px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news .box ul li:hover .wen span a{ color:#183578;}
.news .box ul li .wen p{ display:block; font-size:14px; line-height:24px; height:48px; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; overflow:hidden; color:#666; margin:10px 0;}
.news .box ul li .wen strong{ display:block; font-weight:normal;}
.news .box ul li .wen strong a{ display:block; font-size:14px; line-height:22px; color:#999; text-transform:uppercase;}
.news .box ul li .wen strong a:hover{ color:#183578;}

/* ========== 现代化优化样式 ========== */
:root {
    --primary-color: #183578;
    --primary-light: #2a4d9e;
    --accent-color: #4a90d9;
    --text-dark: #222;
    --text-gray: #666;
    --bg-light: #f8f9fa;
    --shadow-sm: 0 2px 10px rgba(0,0,0,0.08);
    --shadow-md: 0 10px 30px rgba(0,0,0,0.12);
    --shadow-lg: 0 20px 50px rgba(0,0,0,0.15);
    --transition-fast: 0.3s ease;
    --transition-smooth: 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

/* 导航栏毛玻璃效果 */
.header.pos {
    background-color: rgba(24, 53, 120, 0.85) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.15);
}

/* 卡片悬浮效果增强 */
.ybox .box .list li {
    transition: all var(--transition-smooth);
    border-radius: 12px;
    padding: 30px 20px;
    background: #fff;
    box-sizing: border-box;
}

.ybox .box .list li:hover {
    transform: translateY(-10px);
    box-shadow: var(--shadow-lg);
    background: linear-gradient(135deg, #fff 0%, #f8f9fa 100%);
}

.ybox .box .list li:hover b {
    color: var(--primary-color);
}

/* 按钮现代化 */
.mbox .box .m03 .right input {
    background: linear-gradient(135deg, #183578 0%, #2a4d9e 100%);
    transition: all var(--transition-fast);
    position: relative;
    overflow: hidden;
    border: none;
}

.mbox .box .m03 .right input::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
    transition: left 0.5s;
}

.mbox .box .m03 .right input:hover::before {
    left: 100%;
}

.mbox .box .m03 .right input:hover {
    transform: translateY(-3px);
    box-shadow: 0 15px 35px rgba(24, 53, 120, 0.35);
}

/* 标题装饰优化 */
.ybox .title a, .hbox .title a, .pbox .title a, .zbox .title a, .abox .title a, .nbox .title a, .mbox .title a, .cp01 .title a, .cp02 .title a, .cp03 .title a, .case .title a, .ab01 .title a, .ab02 .title a, .news .title a {
    width: 60px;
    height: 4px;
    background: linear-gradient(90deg, #183578, #4a90d9);
    border-radius: 2px;
}

/* 图片悬浮效果增强 */
.hbox #auto-loop a {
    border-radius: 12px;
    overflow: hidden;
    box-shadow: var(--shadow-sm);
    transition: all var(--transition-fast);
}

.hbox #auto-loop a img {
    transition: transform 0.6s ease;
}

.hbox #auto-loop a:hover {
    box-shadow: var(--shadow-lg);
    transform: translateY(-5px);
}

.hbox #auto-loop a:hover img {
    transform: scale(1.08);
}

.hbox #auto-loop a p {
    background: linear-gradient(135deg, rgba(24,53,120,0.85) 0%, rgba(42,77,158,0.9) 100%);
}

/* 合作伙伴区域优化 */
.zbox .box a {
    display: flex;
    align-items: center;
    border-radius: 10px;
    transition: all var(--transition-fast);
    border: 1px solid transparent;
    background: #fff;
    box-sizing: border-box;
}

.zbox .box a:hover {
    border-color: var(--primary-color);
    box-shadow: var(--shadow-md);
    transform: translateY(-3px);
}

/* 页脚优化 */
.footer {
    background: linear-gradient(180deg, #1a1a2e 0%, #16213e 100%);
}

.footer .foot {
    border-bottom: 1px solid rgba(255,255,255,0.1);
}

/* 返回顶部按钮优化 */
#gotop {
    background: linear-gradient(135deg, #183578 0%, #2a4d9e 100%);
    box-shadow: 0 4px 20px rgba(24, 53, 120, 0.35);
    transition: all var(--transition-fast);
    border-radius: 8px;
}

#gotop:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(24, 53, 120, 0.45);
}

/* 滚动动画初始状态 */
.ybox, .hbox, .abox, .pbox, .zbox, .mbox, .nbox, .cp01, .cp02, .cp03, .case, .ab01, .ab02, .news {
    opacity: 0;
    transform: translateY(40px);
    transition: opacity 0.7s ease, transform 0.7s ease;
}

.ybox.visible, .hbox.visible, .abox.visible, .pbox.visible, .zbox.visible, .mbox.visible, .nbox.visible, .cp01.visible, .cp02.visible, .cp03.visible, .case.visible, .ab01.visible, .ab02.visible, .news.visible {
    opacity: 1;
    transform: translateY(0);
}

/* Banner优化 */
.banner .bd li a {
    background: linear-gradient(180deg, transparent 0%, rgba(0,0,0,0.3) 100%);
}

/* 内页Banner优化 */
.ban .bg {
    animation: scaleDraw 40s ease-in-out infinite;
}

.ban .box {
    background: linear-gradient(135deg, rgba(24,53,120,0.85) 0%, rgba(42,77,158,0.75) 100%);
}

/* 案例卡片优化 */
.case .box ul li {
    transition: all var(--transition-fast);
}

.case .box ul li:hover {
    transform: translateY(-8px);
    box-shadow: var(--shadow-lg);
}

.case .box ul li .more {
    transition: all var(--transition-fast);
}

.case .box ul li .more:hover {
    background: linear-gradient(135deg, #183578 0%, #2a4d9e 100%);
    border-color: transparent;
}

/* 新闻卡片优化 */
.nbox .box ul li, .news .box ul li {
    transition: all var(--transition-fast);
    border-radius: 8px;
    overflow: hidden;
}

.nbox .box ul li:hover, .news .box ul li:hover {
    transform: translateY(-5px);
    box-shadow: var(--shadow-md);
}

/* 表单输入框优化 */
.mbox .box .m03 .left p, .mbox .box .m03 .mil {
    transition: all var(--transition-fast);
}

.mbox .box .m03 .left p:focus-within, .mbox .box .m03 .mil:focus-within {
    box-shadow: 0 0 0 3px rgba(24, 53, 120, 0.15);
    border-color: var(--primary-color);
}

/* 搜索框优化 */
.serbox {
    background: linear-gradient(180deg, rgba(24,53,120,0.95) 0%, rgba(24,53,120,0.9) 100%);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.serbox .box p {
    box-shadow: var(--shadow-sm);
}

/* 关于我们区域优化 */
.abox .box {
    background: linear-gradient(135deg, rgba(0,0,0,0.75) 0%, rgba(24,53,120,0.65) 100%);
}

.abox .box .a04 {
    background: linear-gradient(135deg, #183578 0%, #1e3d8c 100%);
    border-radius: 12px;
}

.abox .box .a04 dl dt {
    transition: all 0.6s ease;
}

.abox .box .a04 dl dt:hover {
    transform: scale(1.05);
}

/* 产品咨询Tab优化 */
.pbox .tab-hd {
    border-radius: 12px 12px 0 0;
}

.pbox .tab-hd ul li {
    transition: all var(--transition-fast);
    border-radius: 8px;
    padding: 10px;
    box-sizing: border-box;
}

.pbox .tab-hd ul li:hover {
    background: rgba(255,255,255,0.5);
}

.pbox .tab-bd .tab-pal {
    border-radius: 0 0 12px 12px;
}

.pbox .tab-bd .tab-pal a {
    background: linear-gradient(135deg, rgba(24,53,120,0.8) 0%, rgba(42,77,158,0.7) 100%);
}

/* ========== 响应式设计 ========== */
@media screen and (max-width: 1200px) {
    .header .head, .ybox .box, .ybox .title, 
    .hbox .box, .hbox .title, .pbox .box, .pbox .title,
    .zbox .box, .zbox .title, .footer .foot,
    .mbox .box, .mbox .title, .nbox .box, .nbox .title,
    .news .box, .news .title, .case .box, .case .title,
    .ab01 .box, .ab01 .title, .ab02 .box, .ab02 .title,
    .cp01 .box, .cp01 .title, .cp02 .box, .cp02 .title,
    .cp03 .box, .cp03 .title, .main {
        width: 95%;
        padding-left: 2.5%;
        padding-right: 2.5%;
        box-sizing: border-box;
    }
    
    .ybox .box .list, .hbox #auto-loop, .zbox .box,
    .nbox .box ul, .news .box ul, .case .box ul,
    .cp01 .box .list, .cp03 .box ul {
        width: 100%;
    }
}

@media screen and (max-width: 992px) {
    .header .head .nav ul li {
        margin-right: 25px;
    }
    
    .header .head .nav .tel {
        display: none;
    }
    
    .ybox .box .list li {
        width: 45%;
        margin-right: 5%;
        margin-bottom: 20px;
    }
    
    .ybox .box .list li:nth-child(2n) {
        margin-right: 0;
    }
    
    .hbox #auto-loop a {
        width: 45%;
        margin-right: 5%;
    }
    
    .hbox #auto-loop a:nth-child(2n) {
        margin-right: 0;
    }
    
    .abox .box .a04 dl {
        flex-wrap: wrap;
        justify-content: center;
    }
    
    .abox .box .a04 dl dt {
        width: 45%;
        margin-bottom: 30px;
    }
    
    .abox .box .a04 dl dd {
        display: none;
    }
}

@media screen and (max-width: 768px) {
    body {
        font-size: 14px;
    }
    
    .header {
        height: 60px;
    }
    
    .header .head {
        height: 60px;
    }
    
    .header .head .logo {
        height: 35px;
        padding: 12px 0;
    }
    
    .header .head .logo img {
        height: 35px;
    }
    
    .header .head .nav {
        display: none;
    }
    
    .header .head .nav ul li > a {
        font-size: 14px;
        height: 60px;
        line-height: 60px;
    }
    
    .ybox .title p, .hbox .title p, .pbox .title p, .zbox .title p,
    .abox .box .a02, .mbox .title p, .nbox .title p, .news .title p,
    .case .title p, .ab01 .title p, .ab02 .title p, .cp01 .title p,
    .cp02 .title p, .cp03 .title p {
        font-size: 24px;
    }
    
    .ybox .title b, .hbox .title b, .pbox .title b, .zbox .title b,
    .mbox .title b, .nbox .title b, .news .title b, .case .title b,
    .ab01 .title b, .ab02 .title b, .cp01 .title b, .cp02 .title b, .cp03 .title b {
        font-size: 32px;
    }
    
    .banner {
        height: 350px;
    }
    
    .banner .bd li {
        height: 350px;
    }
    
    .banner .bd li img {
        width: 100%;
        margin-left: 0;
        left: 0;
        height: 100%;
        object-fit: cover;
    }
    
    .ban {
        height: 300px;
    }
    
    .ban .box {
        height: 230px;
        padding-top: 70px;
    }
    
    .ban .box .bt {
        font-size: 28px;
    }
    
    .ybox .box .list li {
        width: 100%;
        margin-right: 0;
    }
    
    .hbox #auto-loop a {
        width: 100%;
        margin-right: 0;
        height: 250px;
    }
    
    .abox .box .a04 dl dt {
        width: 100%;
    }
    
    .mbox .box .m03 .left,
    .mbox .box .m03 .mil,
    .mbox .box .m03 .right {
        width: 100%;
        float: none;
    }
    
    .mbox .box .m03 .left p {
        width: auto;
        margin-right: 0;
    }
    
    .zbox .box a {
        width: 45%;
        margin-left: 0;
        margin-right: 5%;
    }
    
    .zbox .box a:nth-child(2n) {
        margin-right: 0;
    }
    
    .footer .foot .f01,
    .footer .foot .f02 {
        width: 100%;
        float: none;
        padding: 20px 0;
        border-left: none;
        border-top: 1px solid rgba(255,255,255,0.1);
    }
    
    .footer .foot .f02 {
        flex-direction: column;
    }
    
    .footer .foot .f02 dl {
        width: 100%;
    }
    
    .footer .bq {
        flex-direction: column;
        height: auto;
        padding: 15px 0;
    }
    
    .footer .bq span {
        margin: 5px 0;
    }
    
    .nbox .box ul li, .news .box ul li, .case .box ul li {
        width: 100%;
        margin-right: 0;
    }
    
    .main .lbar, .main .rbar {
        width: 100%;
        float: none;
    }
    
    .main .rbar {
        margin-top: 30px;
    }
}

@media screen and (max-width: 480px) {
    .ybox .title p, .hbox .title p, .pbox .title p, .zbox .title p,
    .mbox .title p, .nbox .title p, .news .title p, .case .title p,
    .ab01 .title p, .ab02 .title p, .cp01 .title p, .cp02 .title p, .cp03 .title p {
        font-size: 20px;
    }
    
    .banner {
        height: 280px;
    }
    
    .banner .bd li {
        height: 280px;
    }
    
    .ban {
        height: 250px;
    }
    
    .ban .box {
        height: 180px;
    }
    
    .ban .box .bt {
        font-size: 22px;
    }
    
    .ban .box .wen {
        font-size: 14px;
    }
    
    .zbox .box a {
        width: 100%;
        margin-right: 0;
    }
}

/* ========== 打印样式 ========== */
@media print {
    .header, .banner, .ban, .serbox, #gotop, .mbox, .lbox {
        display: none !important;
    }
    
    .footer {
        background: #fff !important;
        color: #000 !important;
    }
}

/* ========== 动画关键帧 ========== */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes pulse {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.05);
    }
}

@keyframes shimmer {
    0% {
        background-position: -200% 0;
    }
    100% {
        background-position: 200% 0;
    }
}

/* ========== 科技蓝设计系统升级 v2 ========== */

/* 全局字体与平滑 */
body {
    font-family: "PingFang SC", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}

/* 顶部导航升级 */
.header .head .nav ul li > a {
    font-weight: 500;
    letter-spacing: 1px;
    transition: color 0.3s ease;
}

.header .head .nav ul li > a b {
    height: 3px;
    background: linear-gradient(90deg, #4a90d9, #7fc1ff);
    border-radius: 3px;
    box-shadow: 0 0 8px rgba(74, 144, 217, 0.6);
}

/* 当前菜单项高亮 */
.header .head .nav ul li.on > a {
    color: #7fc1ff;
}

/* 页头 logo 悬浮 */
.header .head .logo img {
    transition: transform 0.4s ease, filter 0.4s ease;
}
.header .head .logo:hover img {
    transform: scale(1.05);
    filter: drop-shadow(0 2px 8px rgba(127, 193, 255, 0.5));
}

/* 区块标题增强 */
.ybox .title p, .hbox .title p, .pbox .title p, .zbox .title p,
.mbox .title p, .nbox .title p, .news .title p,
.case .title p, .ab01 .title p, .ab02 .title p, .cp01 .title p,
.cp02 .title p, .cp03 .title p {
    font-weight: 700;
    letter-spacing: 2px;
    background: linear-gradient(90deg, #183578, #2a4d9e);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* 深色背景上的标题保持白色 */
.abox .box .a02 {
    font-weight: 700;
    letter-spacing: 2px;
}

.ybox .title b, .hbox .title b, .pbox .title b, .zbox .title b,
.mbox .title b, .nbox .title b, .news .title b, .case .title b,
.ab01 .title b, .ab02 .title b, .cp01 .title b, .cp02 .title b, .cp03 .title b {
    letter-spacing: 3px;
    font-weight: 800;
}

/* 标题下划线动效 */
.ybox .title a, .hbox .title a, .pbox .title a, .zbox .title a,
.nbox .title a, .mbox .title a, .cp01 .title a, .cp02 .title a,
.cp03 .title a, .case .title a, .ab01 .title a, .ab02 .title a, .news .title a {
    width: 60px;
    height: 4px;
    background: linear-gradient(90deg, #183578, #4a90d9);
    border-radius: 2px;
    position: relative;
    overflow: hidden;
}

/* 产品咨询Tab 科技感 */
.pbox .tab-hd {
    background: linear-gradient(135deg, #f0f4ff 0%, #e3ecff 100%);
    border: 1px solid rgba(74, 144, 217, 0.2);
    box-shadow: 0 -8px 30px rgba(74, 144, 217, 0.08);
}

.pbox .tab-hd ul li.on {
    background: linear-gradient(135deg, #183578 0%, #2a4d9e 100%);
    box-shadow: 0 8px 20px rgba(24, 53, 120, 0.3);
}

.pbox .tab-hd ul li.on p span {
    color: #fff;
}

.pbox .tab-hd ul li.on p a {
    color: #a8c8f0;
}

/* 我们的优势 图标光效 */
.ybox .box .list li strong img {
    transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275), filter 0.3s;
}

.ybox .box .list li:hover strong img {
    transform: scale(1.12) rotate(2deg);
    filter: drop-shadow(0 6px 12px rgba(24, 53, 120, 0.3));
}

/* 优势标题下划线动效 */
.ybox .box .list li span {
    transition: width 0.4s ease, background 0.4s ease;
}

.ybox .box .list li:hover span {
    width: 60px;
    background: linear-gradient(90deg, #183578, #4a90d9);
}

/* 优势描述文字 hover */
.ybox .box .list li b {
    transition: color 0.3s ease;
}

/* 客户案例网格微调 */
.hbox .box {
    padding-top: 10px;
}

/* 新闻时间徽章 */
.nbox .box ul li .tu p, .news .box ul li .tu p {
    background: linear-gradient(135deg, rgba(24, 53, 120, 0.9) 0%, rgba(42, 77, 158, 0.85) 100%);
    border-radius: 0 12px 0 0;
    font-weight: 500;
    letter-spacing: 1px;
}

/* 新闻"view more"动效 */
.nbox .box ul li .wen strong a, .news .box ul li .wen strong a {
    display: inline-block;
    padding: 4px 0;
    position: relative;
    transition: color 0.3s ease, transform 0.3s ease;
}

.nbox .box ul li .wen strong a::after, .news .box ul li .wen strong a::after {
    content: '→';
    opacity: 0;
    margin-left: -12px;
    transition: all 0.3s ease;
    display: inline-block;
}

.nbox .box ul li .wen strong a:hover, .news .box ul li .wen strong a:hover {
    color: #183578;
    transform: translateX(4px);
}

.nbox .box ul li .wen strong a:hover::after, .news .box ul li .wen strong a:hover::after {
    opacity: 1;
    margin-left: 4px;
}

/* 合作伙伴图标描边微调 */
.zbox .box a {
    border: 1px solid #eee;
}

/* 留言咨询表单 增强 */
.mbox {
    background: linear-gradient(180deg, #f0f4ff 0%, #e8effc 100%);
}

.mbox .box .m03 .left p, .mbox .box .m03 .mil {
    border: 1px solid #d9e2f5;
    box-shadow: 0 2px 8px rgba(24, 53, 120, 0.05);
}

/* 页脚布局优化 */
.footer .foot .f01 p {
    line-height: 1.8;
}

.footer .foot .f02 dl dt {
    font-weight: 600;
    letter-spacing: 1px;
}

/* 友情链接条 渐变 */
.lbox {
    background: linear-gradient(90deg, #183578 0%, #2a4d9e 50%, #183578 100%);
}

/* 滚动进入动画交错延迟 */
.ybox.visible .box .list li:nth-child(1),
.hbox.visible #auto-loop a:nth-child(1),
.zbox.visible .box a:nth-child(1),
.nbox.visible .box ul li:nth-child(1) { transition-delay: 0.05s; }

.ybox.visible .box .list li:nth-child(2),
.hbox.visible #auto-loop a:nth-child(2),
.zbox.visible .box a:nth-child(2),
.nbox.visible .box ul li:nth-child(2) { transition-delay: 0.15s; }

.ybox.visible .box .list li:nth-child(3),
.hbox.visible #auto-loop a:nth-child(3),
.zbox.visible .box a:nth-child(3),
.nbox.visible .box ul li:nth-child(3) { transition-delay: 0.25s; }

.ybox.visible .box .list li:nth-child(4),
.hbox.visible #auto-loop a:nth-child(4),
.zbox.visible .box a:nth-child(4),
.nbox.visible .box ul li:nth-child(4) { transition-delay: 0.35s; }

.hbox.visible #auto-loop a:nth-child(5),
.zbox.visible .box a:nth-child(5),
.nbox.visible .box ul li:nth-child(5) { transition-delay: 0.45s; }

.zbox.visible .box a:nth-child(6) { transition-delay: 0.55s; }

/* 内页 banner 文字光效 */
.ban .box .bt {
    font-weight: 700;
    letter-spacing: 2px;
    text-shadow: 0 2px 20px rgba(0, 0, 0, 0.3);
}

/* 详情内容排版 */
.cp02 .box dt, .cp02 .box dd {
    border-bottom: 1px solid #f0f0f0;
}

/* 滚动条美化 */
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}
::-webkit-scrollbar-track {
    background: #f5f7fb;
}
::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #4a90d9, #183578);
    border-radius: 10px;
    border: 2px solid #f5f7fb;
}
::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, #183578, #2a4d9e);
}

/* ========== 内页统一样式升级 ========== */

/* sps 问题卡片 科技感 */
.cp01 .box .list li {
    background: #f5f7fb;
    border: 1px solid #e8edf8;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    box-shadow: 0 4px 16px rgba(24, 53, 120, 0.06);
}

.cp01 .box .list li strong {
    background: linear-gradient(135deg, #183578 0%, #2a4d9e 100%);
    box-shadow: 0 6px 16px rgba(24, 53, 120, 0.25);
    transition: all 0.4s ease;
}

.cp01 .box .list li:hover {
    transform: translateY(-8px);
    background: linear-gradient(135deg, #183578 0%, #2a4d9e 100%);
    box-shadow: 0 16px 40px rgba(24, 53, 120, 0.35);
}

.cp01 .box .list li:hover strong {
    background: #fff;
    box-shadow: 0 6px 16px rgba(255, 255, 255, 0.3);
}

/* sps 详情图片卡片 */
.cp02 .box .left img {
    border-radius: 12px;
    box-shadow: 0 16px 40px rgba(24, 53, 120, 0.18);
    transition: transform 0.5s ease, box-shadow 0.5s ease;
}

.cp02 .box dt:hover .left img, .cp02 .box dd:hover .left img {
    transform: scale(1.02);
    box-shadow: 0 20px 50px rgba(24, 53, 120, 0.28);
}

.cp02 .box .c01 {
    position: relative;
    padding-left: 16px;
}

.cp02 .box .c01::before {
    content: '';
    position: absolute;
    left: 0;
    top: 6px;
    width: 4px;
    height: 24px;
    background: linear-gradient(180deg, #183578, #4a90d9);
    border-radius: 2px;
}

/* 案例卡片统一 */
.case .box ul li {
    box-shadow: 0 4px 16px rgba(24, 53, 120, 0.08);
    border-radius: 10px;
}

.case .box ul li .more {
    transition: all 0.3s ease;
    color: #183578;
    font-weight: 500;
    border-radius: 20px;
}

/* 分页按钮 */
.fanye li a, .fanye li span {
    border-radius: 6px;
    transition: all 0.3s ease;
    min-width: 32px;
    height: 32px;
    line-height: 32px;
}

.fanye li.active span {
    background: linear-gradient(135deg, #183578 0%, #2a4d9e 100%);
    box-shadow: 0 4px 12px rgba(24, 53, 120, 0.3);
}

/* 案例内页正文 */
.main .lbar .bt {
    font-weight: 700;
    letter-spacing: 1px;
}

.main .lbar .wen {
    line-height: 1.9;
    color: #444;
}

.main .rbar {
    border-radius: 10px;
    border-color: #e8edf8;
    overflow: hidden;
    box-shadow: 0 6px 20px rgba(24, 53, 120, 0.08);
}

.main .rbar .title {
    background: linear-gradient(135deg, #183578 0%, #2a4d9e 100%);
    color: #fff;
    font-weight: 600;
}

/* 关于我们 */
.ab01 .cont {
    background: linear-gradient(135deg, rgba(24, 53, 120, 0.85) 0%, rgba(42, 77, 158, 0.8) 100%);
    border-radius: 12px;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.2);
}

.ab01 .box .wen {
    line-height: 1.9;
}

.ab02 #auto-loop a {
    border-radius: 10px;
    box-shadow: 0 4px 16px rgba(24, 53, 120, 0.08);
}

.ab02 #auto-loop a p {
    background: linear-gradient(135deg, rgba(24, 53, 120, 0.85) 0%, rgba(42, 77, 158, 0.9) 100%);
}

.ab03 .mask {
    background: linear-gradient(135deg, rgba(24, 53, 120, 0.82) 0%, rgba(24, 53, 120, 0.65) 100%);
}

/* 新闻列表页 */
.news .box ul li {
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 4px 16px rgba(24, 53, 120, 0.08);
    transition: all 0.4s ease;
}

.news .box ul li:hover {
    transform: translateY(-6px);
    box-shadow: 0 16px 40px rgba(24, 53, 120, 0.2);
}

.news .box ul li .wen {
    padding: 0 15px 15px;
    box-sizing: border-box;
}

/* 新闻无图占位样式 */
.no-img-bg {
    display: block;
    width: 100%;
    height: 200px;
    background: linear-gradient(135deg, #e8edf8 0%, #dce6f5 100%);
    position: relative;
    overflow: hidden;
}

.no-img-bg::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px;
    height: 60px;
    border: 2px solid rgba(24, 53, 120, 0.15);
    border-radius: 12px;
    opacity: 0.5;
}

.no-img-bg::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 20px;
    height: 20px;
    border: 2px solid rgba(24, 53, 120, 0.2);
    border-radius: 50%;
    opacity: 0.5;
}

.no-img-bg p {
    display: block;
    overflow: hidden;
    width: 120px;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    color: #183578;
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(24, 53, 120, 0.9) 0%, rgba(42, 77, 158, 0.85) 100%);
    border-radius: 0 12px 0 0;
    font-weight: 500;
    letter-spacing: 1px;
}

.tu.no-img img[style*="display:none"] + p {
    display: none;
}

/* onerror 图片加载失败时占位 */
.tu.no-img {
    background: linear-gradient(135deg, #e8edf8 0%, #dce6f5 100%);
    position: relative;
}

.tu.no-img::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px;
    height: 60px;
    border: 2px solid rgba(24, 53, 120, 0.15);
    border-radius: 12px;
    opacity: 0.5;
    z-index: 0;
}

.tu.no-img::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 20px;
    height: 20px;
    border: 2px solid rgba(24, 53, 120, 0.2);
    border-radius: 50%;
    opacity: 0.5;
    z-index: 0;
}

.tu.no-img p {
    z-index: 1;
}