*{margin:0;padding:0}
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,span,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;font-weight:inherit;font-style:inherit;margin:0;padding:0; font-weight:normal;font-family:Arial,"Microsoft YaHei","Lucida Grande","Hiragino Sans GB","Hiragino Sans GB W3","nsimsun","宋体";}
dl,dt,dd,ol,ul,li{list-style:none;margin:0;padding:0}


.clearfix:after,#container:after{display:block;height:0;clear:both;visibility:hidden;overflow:hidden}
.clear{clear:both;height:0;font-size:1px;line-height:0}

a{color:#595858;text-decoration:none;cursor: pointer;transition: all 0.5s;}
a:hover{color:#0055b4; text-decoration: none;transition: all 0.5s;}


br{line-height:0px}
hr{border:0;height: 1px; margin-top: 20px; margin-bottom:20px;  background: #ddd;}
/*"Microsoft YaHei","Lucida Grande","Hiragino Sans GB","Hiragino Sans GB W3","nsimsun","宋体" #efeff0*/
body {font-size: 1rem;line-height:30px;color:#595858;font-family:Arial, "Microsoft YaHei","Lucida Grande","Hiragino Sans GB","Hiragino Sans GB W3","nsimsun","宋体";}
.bg1{ background:#f5f5f5} .bg2{ background:#fff}
.font01{color: #0055b4;}
.huanhang{display: block;}
h1,h2,h3,h4,h5,h6{line-height: 1.4;color: #333333;}
.uk-container {max-width: 1600px;}
.uk-navbar {height:100px;}


.header{height: 100px;background:#fff;line-height: 100px;}
.header .uk-navbar-container:not(.uk-navbar-transparent){background:#fff;}
.header .uk-logo.logo{width: 270px;height: 100px;transition: all 1s;}
.header .uk-navbar-nav li{padding: 0 2rem;transition: all 1s;}
.header .uk-navbar-nav li a{font-size: 1rem;color: #444;padding:0;text-transform: initial;margin-top: 20px;}
.header .uk-navbar-nav li.active, .header .uk-navbar-nav li:hover:not(:last-child) {background:#b10514;transition: all 1s;}
.header .uk-navbar-nav li.active a, .header .uk-navbar-nav li:hover:not(:last-child) a{color:#fff}
.header .uk-navbar-nav li a.uk-open{color:#fff;}
.header .uk-navbar-nav li a.cur{color:#fff;}
.header .uk-navbar-nav li a.lang{padding-left:25px; background: url(../image/en.png) no-repeat left center;}
.header .uk-navbar-nav li.uk-open>a{color: #fff; position:relative;}
.header .uk-navbar-nav li.uk-open{background:#b10514}
.header .uk-navbar-nav li a.uk-open {color: #fff;}
.header .uk-navbar-nav li.phone_dh {color: #0055B4;font-size: 1.5rem;}


.uk-navbar-dropbar{background:#f5f5f5;}
.uk-dropdown.down-nav{box-shadow: 0 5px 12px rgba(0,0,0,.3);background:#fff;padding: 0;min-width: 8rem;}
[class*=uk-dropdown-bottom] {margin-top: 0px;}
.down-nav .uk-dropdown-nav>li>a{font-size: 1rem;color: #01438D;border-bottom:0px solid #ddd;line-height: 3rem;}


.header .uk-navbar-nav .down-nav ul li {height: 3rem;background:#fff;}
.header .uk-navbar-nav .down-nav ul li a{color:#666666;margin-top: 0;}
.header .uk-navbar-nav .down-nav ul li:hover {background:#F8F8F8;}
.header .uk-navbar-nav .down-nav ul li:hover a {color: #0055b4}
.header .uk-navbar-nav .down-nav ul ul li{background:#F8F8F8;}
ul.uk-subnav.product li a {width: 9rem;height: 3rem;text-align: center;line-height: 3rem;border: 1px #dcdcdc solid;color: #333;}
ul.uk-subnav.product li:hover a,ul.uk-subnav.product li.active a{border: 1px  #0055b4 solid;color: #fff;background: #0055b4;}

.uk-nav-parent-icon>.uk-parent>a::after {transform: rotate(180deg);-ms-transform: rotate(180deg);-moz-transform: rotate(180deg);-webkit-transform: rotate(180deg);-o-transform: rotate(180deg);}
ul.uk-subnav.product {justify-content: center;}
.uk-offcanvas-bar.mob-menu hr { margin: 10px 0;background: rgba(255,255,255,0.1);}
.uk-offcanvas-bar.mob-menu .uk-nav-default>li>a{padding:15px 0; font-size: 16px; color: #eee}
.uk-offcanvas-bar.mob-menu .uk-nav-default>li{border-bottom:1px solid rgba(255,255,255,0.1);}
.mob-menu ul.uk-nav-sub{padding: 0px 0 20px 10px;}
.mob-menu .bq{font-size: 12px;}
.uk-offcanvas-bar{width: 88%}
.i_about_go img {transition: .5s;}
.i_about_go:hover img {padding-left: 25%;transition: .5s;}
.case_list ul li {padding: 0 10px;transition: all 1s;}
.i_case .i_case_img {overflow:hidden;height: 180px;}
.i_case a img {transition:.4s}
.i_case a:hover img {transition:.4s;transform:scale(1.1)}
.i_news div {overflow:hidden;}
.i_news div img {transition:.4s}
.i_news:hover div img {transition:.4s;transform:scale(1.1)}
h5.uk-card-title.uk-text-center {font-size: 1rem;color: rgb(68, 68, 68);line-height: 72px;}
.case_list .uk-card-body {border-width: 1px;border-color: rgb(227, 227, 227);border-style: solid;background-color: rgb(248, 248, 248);padding: 0;height: 72px;}
.case_list ul li:hover h5.uk-card-title.uk-text-center {color: #fff;background-color: rgb(31, 89, 154);transition: all 1s;}
ul.uk-subnav.uk-subnav-pill {padding-left: 46%;}
.news a:hover h3.uk-card-title {color: #01438D !important;}
.news{background:#fff;}
/*footer*/
.footer{background: #002B4D;color: #fff;}
.footer a {color: #FFFFFF;font-size: 1rem;}
.footer ul a{color: #94D5F5;font-size: 0.875rem;transition: all .5s;}
.footer ul a:hover{transition: all .5s;padding-left: 6px;}

.footer i {width: 2px;height: 15px;background-color: #0095dd;display: block;float: left;margin-left: -15px;margin-top: 6px;}
.footer .uk-nav-default>li>a{color: #eee}
.footer .f-bt{font-size: 16px;margin-bottom: 25px; color: #fff}
.footer .f-bt a{font-weight: bold;}

.footer .uk-nav>li>a{padding:0;font-size: 14px;}
.footer .ewm{width: 120px; margin-top:6px;}
.footer .bd{padding-top:6px;}
.foot-concant li.uk-width-expand {color: #94D5F5;font-size: 0.875rem;transition: all .5s;}
.footer .biaodan.bd .uk-grid-small>.uk-grid-margin{margin-top:10px;}
.uk-footer-logo {width: 100%;height: auto;text-align: center;border-bottom: 1px #434343 solid;}
.uk-footer-logo img {height: 50px;}
.uk-footer-logo p {color: #888888;}
.uk-container .foot-concant {/* padding: 0 10%; */}
.foot-nav {width: 50%;padding: 0 25%;margin: 2% 0;height: 2rem;}
.foot-nav li {width: 21%;float: left;}
.banquan{background: #022948;color: #fff;font-size: 0.875rem;padding: 10px;}
.foot-concant li {/* width: 23%; */float: left;padding: 0 1%;/* text-align: center; */}
.foot-concant p,.foot-concant p a {color: #888888;}
.banquan a{color: #9DC8E0;font-size: 0.875rem;}
.banquan a:hover,.footer .uk-nav-default>li>a:hover{color: #fff;}
.banquan .sm span{margin-left: 5px;margin-right: 5px;}

li.uk-parent.uk-open ul {display:none;}
li.uk-parent.uk-open:hover ul ,li.uk-parent.uk-open.active ul,li.uk-parent.uk-open.active ul li.active {display:block;}
li.uk-parent.uk-open a.prod_nav {height: 70px;line-height: 70px;font-size: 1.125rem;color: #333333;background: url(../image/prod_.png) #fff 80% no-repeat;border-width: 1px;border-color: rgb(238, 238, 238);border-style: solid;}
li.uk-parent.uk-open:hover a.prod_nav,li.uk-parent.uk-open.active a.prod_nav {color: rgb(254, 254, 254);background: url(../image/-.png) #01438d 80% no-repeat;border-width: 1px;border-color: rgb(238, 238, 238);border-style: solid;}
li.uk-parent.uk-open ul li a{background-color: rgba(255, 255, 255, 1);height: 55px;line-height: 55px;font-size: 1rem;color: #666666;padding-left: 55px;border-width: 1px;border-color: rgb(238, 238, 238);border-style: solid;}
li.uk-parent.uk-open.active ul li.active a {color:#01438d;}
li.uk-parent .uk-nav-sub li:hover a{color:#01438d;}


/*home*/
/*banner*/
.banner.wapindex {display: none;}
.banner h2{letter-spacing:5px}
.uk-dotnav.dian>*>*{width: 10px;height: 10px;border-radius: 10px;margin-top: 2px;border: 0;background-color: rgba(255, 255, 255, 0.6);}
.uk-dotnav.dian>.uk-active>*{background: #fff;width: 14px;height: 14px;line-height: 14px;margin-top: 0;}
.ggbanner{height: 450px;position: relative;}
.ggbanner h1, .ggbanner h2{line-height: 1; }
.ggbanner .wz h1, .ggbanner .wz h2{color: #000}
.ggbanner h2{margin-top:15px;}
.ggbanner .bg{position: absolute;height: 100%; width: 100%; background:rgba(0,0,0,.2);}
.ggbanner span {font-size: 1.875rem;color: #fff;}
.ggbanner p {font-size: .875rem;color: #fff;}
.ggbanner a {color: #fff;}
.ggbanner i {background-color: #ffffff;width: 30px;height: 3px;display: block;}


.uk-slidenav.jiantou{width: 40px; height: 40px; line-height: 40px; text-align: center; padding:0; border-radius: 100px;}

.uk-slidenav.jiantou svg{/* width: 44px; */}
.pcindex .uk-icon:not(.uk-preserve) [stroke*='#']:not(.uk-preserve) {stroke: #fff;}

.about-bg{min-height: 300px;background: #0055b4;padding: 7% 5% 7% 15%;margin: 2% 0 0 45%;width: 55%;}
.about_bg{height: 8rem;background: #0055b4;padding: 0 3%;margin: 0 auto;width: 90%;left: 5%;top: 70%;}
.cont h3{margin-bottom: 10px;}
.cont h3.xx{border-bottom: 1px solid #666; padding-bottom: 5px;}
.home-zz-ico li h5{margin-top: 5px;}


.down-link span svg{ margin-top:-2px; line-height: 30px;}
.down-more span svg{margin-top:-3px;}
.down-more{margin-left: 50px; display: inline-block; margin-top:-3px;
    padding: 0 10px;
    background: #1e87f0;
    line-height: 1.6;
    font-size: 14px;
    color: #fff;
    vertical-align: middle;
    white-space: nowrap;
    border-radius: 2px;
    text-transform: uppercase;}
.down-more:hover{background:#0055b4; color: #fff}
.nei_nav{border-bottom: 1px solid #e3e3e3;height: 72px;}
.nei_nav i {background-color: #01438d;position: absolute;width: 4px;height: 20px;top: 76%;transform: translateY(-50%);left: 4%;}
.nei_nav .uk-card.uk-card-body {font-size: 1.4rem;color: #01438d;font-weight: bold;background: url(../image/shuxian.png)40%  no-repeat;}
.nei_tiite {left: -16%;top: 25%;}
.nei_nav a{color: #ffffff99;position: relative;font-size: 1.125rem;float: left;}
.nei_nav li a {padding: 0 30px;}
.nei_nav li:not(:first-child) a {border-left: 1px #ffffff99 solid;}
.nei_nav li a:hover {color:#fff}
.nei_nav span{color: #ffffff99;display: block;width: 1px;height: 17px;position: relative;}
.uk-article-title {font-size: 2rem;line-height: 1.2;color: #b91f29;}
.about_case a.uk-inline {border-width: 1px;border-color: rgb(224, 232, 240);border-style: solid;border-radius: 5px;}
.about_case .uk-card.uk-card-body {margin: 5px;}
.about_case_img{overflow:hidden;}
.about_case_img img {transition: .4s;}
.about_case a.uk-inline:hover {border-color: rgb(1, 67, 141);}
.about_case a.uk-inline:hover .about_case_img img {transition: .4s;transform: scale(1.1);}

.uk-card-body.about_case_p {padding: 20px;text-align: center;}
.uk-card-body.about_case_p p{font-size: 1rem;color: #666666;}
.about_case a.uk-inline:hover .uk-card-body.about_case_p p{color: rgb(1, 67, 141);}
.uk-card.uk-card-hover.prod {border-width: 1px;border-color: rgb(238, 238, 238);border-style: solid;}
.uk-card-body.prod_p{padding: 25px;background: #fff;border-width: 1px;border-color: rgb(238, 238, 238);border-style: solid;}
.uk-card.uk-card-hover.prod a .prod_img{overflow:hidden;}
.uk-card.uk-card-hover.prod a .prod_img img{transition: .4s;}
.uk-card.uk-card-hover.prod a:hover .prod_img img{transition: .4s;transform: scale(1.1);}
.uk-card.uk-card-hover.prod a:hover .uk-card-body.prod_p{border-top: #205A9B 1px solid;}
.uk-card.uk-card-hover.prod a:hover .uk-card-body.prod_p p{color: #205A9B;}

.uk-card.uk-card-hover.case {border-width: 1px;border-color: rgb(238, 238, 238);border-style: solid;background: #fff;padding: 10px;}
.uk-card-body.case_p{background: #fff;padding: 15px 0 5px;}
.uk-card.uk-card-hover.case a .case_img{overflow:hidden;height: 280px;}
.uk-card.uk-card-hover.case a .case_img img{transition: .4s;}
.uk-card.uk-card-hover.case a:hover .case_img img{transition: .4s;transform: scale(1.1);}
.uk-card.uk-card-hover.case a:hover .uk-card-body.case_p p{color: #205A9B;}
a.subav_none {color: rgb(51, 51, 51);background: #fff;}
a.subav_none：hover {color: #fff;background: #01438d;}
/*shuju*/
.index_about img {margin: 9% !important;}
.shuzi .rb-bg{/* padding:10px; */background: #fff; /*FireFox*/  /* Opear */ /*IE10及IE10+*/}
.shuzi li:hover .rb-bg{ background:#ffffff;}
.shuzi li .rb-bg h5{color: #000;height: 70px;line-height: 70px;border: 1px #eeeeee solid;border-top: 0;}


.shuzi .uk-heading-large{line-height: 1; margin-bottom:5px; font-family: Arial}
.shuzi h3,.shuzi h2{margin-bottom:5px;}

.shuzi p{font-size: 1rem;font-weight: bold;text-align: center;line-height: 1rem;color: #fff;padding-top: 30%;}
.shuzi sup{font-size: 54px;}
.about_adv {padding-top: 2%;}
.about_adv p{font-size: 1rem; text-align: center; color: #fff}
.about_adv span{font-size: 3rem;line-height: 3rem;}
.product_index {border: 1px #eeeeee solid;}
.product_list i {background: #01438D;margin: 30px auto;width: 50px;height: 3px;display: block;}
.case_list i {background: #01438D;margin: 30px auto;width: 50px;height: 3px;display: block;}
.news_list i {background: #01438D;margin: 30px auto;width: 50px;height: 3px;display: block;}
.product_list .product_title p {width: 210px;height: 50px;text-align:center;background: url(../image/prod_title.png) no-repeat;transition: all 1s;}
.product_list .product_title p a {color: #333333;font-size: 1.125rem;line-height: 50px;}
.product_list .product_title {width: 900px;margin: 0 auto;}
.product_list .product_title p:hover {background: url(../image/prod_title.png_pro.png) no-repeat;transition: all 1s;}
.product_list .product_title p:hover a {color: #fff;}

h1.uk-card-title {font-size: 2.5rem;color: #333333;}
h2.uk-card-title {font-size: 1.875rem;color: #333333;}
.uk-card-title i {background-color: #1f599a;width: 49px;height: 1px;display: inline-block;margin-left: 20px;vertical-align: middle;}

/*anli-fl*/
.uk-subnav.anli-fl>*>:first-child{ font-size: 16px; color: #333; font-weight: bold; margin-left: 15px; margin-right: 15px; border-radius: 50px; background:#eee; padding:5px 20px;}
.uk-subnav.anli-fl>*>a:focus,.uk-subnav.anli-fl>*>a:hover{background:#0055b4;color:#fff;text-decoration:none;outline:0}

.uk-subnav.anli-nav>*>:first-child{ font-size: 18px; color: #333; font-weight: bold;}
.uk-subnav.anli-nav>*>a:focus,.uk-subnav.anli-nav>*>a:hover{color:#0055b4;text-decoration:none;outline:0}
.uk-subnav.anli-nav>li.uk-active>a{color:#0055b4;}
.uk-subnav-pill>.uk-active>a {background-color: rgb(1, 67, 141);}
.uk-subnav.anli-nav{margin-left:-40px }
.uk-subnav.anli-nav>*{padding-left:40px }
.uk-subnav-divider.anli-nav>:nth-child(n+2):not(.uk-first-column)::before{margin-right: 40px;}
.about_index p {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;font-size: 1rem;color: #666;line-height: 3;}
.about_index .uk-background-cover {background-image: url(../image/about_bg.png);width: 994px;height: 176px;z-index: 1;}
.about_index .uk-card.uk-card-body {padding-left: 160px;}
.about_index p.h_large {color: #fff;font-size: 6.25rem;font-weight: bold;}
.about_index p.h3 {color: #fff;font-size:1.5rem;line-height: 1.5;}
.about_index .uk-background-cover i {width: 2px;height: 66px;background-color: #ffffff;}
/*home-news*/
.home-news li a:hover h4, .home-news li a:hover p{color: #e50010;}
.home-news li p{margin-top:10px; line-height: 1.8; font-size: 14px; color: #666}

.index_news p {overflow: hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;color: #999999;font-size: 0.875rem;}
.index_news:hover h3 a{color: #0055b4 !important;}
.index_news_list p {overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-size: 0.875rem;color: #888888;}
.index_news_list dd {overflow: hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size: 0.875rem;color: #888888;}
.index_news_list .uk-card {border-width: 1px;border-color: rgb(238, 238, 238);border-style: solid;background-color: rgb(255, 255, 255);}
.index_news_list .uk-card a{color: #333;font-size: 1.125rem;}
.index_news_list .uk-card:hover a{color: #0055b4;}
.index_news_list .uk-card img  {transition: .4s;}
.index_news_list .uk-card:hover img {transition: .4s;transform: scale(1.1);}
.index_news_list .uk-card p{color: #888;font-size: 0.875rem;;}
/*.home-news li span{color: #999}*/
.home-news hr{margin-top:20px; margin-bottom:20px;}

.ico-about h5{margin-top:10px}
.jinyiguan .txt{font-size: 18px; line-height: 32px;}

.logo li .pho, .shejishi li .pho{border: 1px solid #ddd; margin: 0 1px;}
.newslist li:hover,.newslist li:hover a {background: #f8f8f8;color:#0055b4}

.licheng{position: relative; }
.licheng:before{content: ""; position: absolute; top: 0; left: 4px; height: 100%; width: 1px; background:#666;}
.licheng .lc h1{line-height: 1.2}.licheng .lc p{line-height: 1.8}
.licheng .lc{position: relative;padding-left: 30px; padding-bottom: 30px;}
.licheng .lc:before{content: ""; position: absolute; top: 18px; left: 0px; border-radius: 9px; width:9px; height: 9px; background:#666;}
.uk-button:hover {background-color: rgb(0, 85, 180) !important;}
.n_nsny_con a {
    width: 160px;
    height: 50px;
    line-height: 50px;
    display: block;
    border: 1px #E3E3E3 solid;
    text-align: center;
    float: left;
    margin-right: 20px;
    color: #777777;
}
.n_nsny_con a:hover {
    border: 1px #0871a4 solid;
    background:#01438d;
    color: #fff;
}
.n_nsny_con a:hover:last-child {
    border: 1px #01438d solid;
    background: #01438d url(../image/goback.png) 20% no-repeat;
    color: #fff;
}
.n_nsny_all {
    width: 100%;
    float: left;
}
.n_nsny_all .next{
	margin-top:30px
}
}
.n_nsny_all h3 {
    text-align: left;
}
.n_nsny_all li {
    display: inline-block;
    width: 79px !important;
    height: 2px;
    background: #084C77;
    margin: .15rem 0 0;
    float: left;
    flex: none !important;
}
.n_nsny_all i {
    width: 100%;
    height: 1px;
    display: block;
    background: #e4e4e4;
    margin-bottom: 15px;
}
.next .nextl {
	width: 50%;
	float: left;
	text-align: left;
}

.next .nextr {
	width: 50%;
	float: right;
	text-align: right;
}

.next a:hover {
	color: #10448F;
	text-decoration:underline;
}
.news_img {
    overflow: hidden;
}

.news_img img {
    transition: .5s;
}
.news_img:hover img {
    transition: .5s;
    transform:scale(1.1);
}

/*gongyong*/
.more.m1{font-size: 16px;border:1px solid #ddd;background: #fff;color: #0055b4;}
.more.m1 span svg{ margin-top:-1px; }
/* .more.m1:hover{background:#e50010;border:1px solid #e50010; color: #fff} */
.more.m2{font-size: 1rem;border: 1px solid #ddd;background: #0055b4;color: #fff;margin: 3rem;}

.weizi{padding:10px 0;font-size: 14px; color: #999}
.weizi a{color: #999}.weizi a:hover{color:#e50010}
.tijiao{background:#e50010; border: 0; color: #fff}
.tijiao:hover{background:#0055b4; border: 0; color: #fff}
.footer .biaodan.bd .uk-input{height: 36px; font-size: 14px; border: 0}

.uk-input, .uk-select, .uk-textarea{border: 1px solid #ddd}



.sxt li{line-height:26px; padding:15px 0; border-bottom: 1px dotted #cdd2d5}
.sxt li span{ margin-right:0px; color: #999 }
.sxt li a:hover span{color: #e50010}


.top{display: block;position: fixed; bottom: 20px; right: 1.2vw; width: 30px; height: 80px;writing-mode: vertical-lr; text-transform: uppercase; text-align: center; line-height:28px;font-size: 12px;  color: #fff; z-index:1}	
.top:hover{color: #fff;}
.top i{font-size: 24px;}

/*分享*/
.share { margin-top:60px;}
.share .bdsharebuttonbox span{line-height:32px; float: left; font-size: 16px; margin-right: 5px;}
.share .bdsharebuttonbox a {
    background:url(../image/fx.png) no-repeat scroll 0 0; 
    display: inline-block;float: none;
    width: 32px;height: 32px;
    margin: 0 10px 0 0px; padding:0px;
    vertical-align:-7px;}
.share .bdsharebuttonbox .bds_tsina {background-position: 0 0;}
.share .bdsharebuttonbox .bds_weixin {background-position: -32px 0;}
.share .bdsharebuttonbox .bds_tqq {background-position: -64px 0;}
.share .bdsharebuttonbox .bds_kaixin001 {background-position: -96px 0;}
.share .bdsharebuttonbox .bds_linkedin{background-position: -128px 0;}
/*分享*/
/*.share .bdsharebuttonbox a { color: #000; text-align:center;
    display: inline-block;
    width:26px;height:26px; border: 1px solid #666; 
    line-height: 30px; border-radius:3px;
    margin: 0 10px 0 0 ; padding:0px;
    vertical-align:0px;}

.share .bdsharebuttonbox a.weibo{background:url(../images/weibo.svg) no-repeat center center;background-size: 80% 80%;}
.share .bdsharebuttonbox a.weixin{ background:url(../images/weixin.svg) no-repeat center center; background-size: 80% 80% }
.share .bdsharebuttonbox a.qq{ background:url(../images/qq.svg) no-repeat center center; background-size: 65% 65% }*/
.index_foot {width: auto;display: inline-block;}

/*map*/
.map{width: 100%;height:400px;}
.map .BMap_Marker{z-index:2}
.map .BMap_Marker img{height:25px!important; width:39px!important;  max-width:550px!important;}
.map .BMap_shadow img{max-width:inherit!important;}
.map .BMap_bubble_title{font-weight: bold;}
.map .BMap_bubble_content{font-size: 14px; line-height: 18px; margin-top:5px;}

/*微信*/
.weixin {
position: relative;
}

.weixin img.qrcode {position: absolute;z-index: 99;top: -140px;right: -100%;width: 7.5rem;max-width: none;height: 7.5rem;transform: scale(0);transform-origin: bottom;opacity: 0;/* border: .3125rem solid #0055b4; */border-radius: .25rem;-webkit-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}

.weixin:hover img.qrcode {
transform: scale(1);
opacity: 1;
}

.news_news li a {color: #888888;}
.news_news li a:hover {color: #0055b4;}
.news_date {color: #888888;font-size: 1.125rem;line-height: 3.75rem;}
/* 分页 */
.xypg-pagination {
  margin-top: 20px;
  text-align: center;
  font-size: 0;
}

.xypg-pagination .pagin-left,
.xypg-pagination .pagin-mid,
.xypg-pagination .pagin-right,
.xypg-pagination .pagin-select {
  display: inline-block;
  vertical-align: middle;
}

.xypg-pagination a,
.xypg-pagination #current {
  display: inline-block;
  font-size: 14px;
  color: #333333;
  font-family: "Microsoft YaHei",Arial;
  line-height: 26px;
  border: 1px solid #cbcbcb;
  margin: 0 5px;
  padding: 0 8px;
}

.xypg-pagination #current,
.xypg-pagination a:hover {
  color: #fff;
  border-color: #0055b4;
  background: #0055b4;
}

span.page-num {
    display: inline-block;
    font-size: 14px;
    color: #333333;
    font-family: "Microsoft YaHei",Arial;
    line-height: 26px;
    /* border: 1px solid #cbcbcb; */
    margin: 0 5px;
    padding: 0 8px;
}

a.page-num.page-num-current {
    color: #fff;
    border-color: #0055b4;
    background: #0055b4;
}
.xypg-pagination .pagin-mid {
  font-size: 14px;
}

.xypg-pagination .pagin-mid .mob-pagin-mid {
  display: none;
}

.xypg-pagination .pagin-select {
  font-size: 14px;
}

.xypg-pagination .pagin-select select {
  height: 28px;
  padding: 0 8px;
  margin: -1px 5px 0 5px;
}

@media (max-width: 768px) {
  .xypg-pagination .pagin-mid .pc-pagin-mid {
    display: none;
  }
  .xypg-pagination .pagin-mid .mob-pagin-mid {
    display: block;
  }
  .xypg-pagination .pagin-mid .mob-pagin-mid span {
    display: inline-block;
    padding: 0 8px;
    line-height: 28px;
    font-size: 14px;
  }
  .xypg-pagination .pagin-select {
    display: none;
  }
}

.paging_num {
  padding: 10px 0;
}

.paging_num a {
  padding: 0 7px;
  text-align: center;
  display: inline-block;
  border: 1px dashed #e0e1dc;
  color: #666;
  margin-right: 8px;
}

.paging_num a.paging_hover, .paging_num a:hover {
  border-color: #0055b4;
}

#layout li.search_ss{
    background: url(../image/ss.png) center no-repeat;
	vertical-align: middle;
	width: 18px;
}
#layout li.phone_dh i{
        background: url(../image/dh.png) center 40% no-repeat;
        vertical-align: middle;
        width: 15px;
        padding-right: 28px;
}
/* ========== 基础重置 ========== */
.w1920 {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    box-sizing: border-box;
}
.clearfix:after {
    content: "";
    display: block;
    clear: both;
}

/* ========== 板块主容器 ========== */
.service-box {
    padding: 90px 20px 100px;
    position: relative;
    overflow: hidden;
    background: linear-gradient(135deg, #f5f7fa 0%, #eef1f6 40%, #f0f3f7 70%, #e8ecf1 100%);
}

/* ========== 静态网格线底图 ========== */
.service-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(59,130,246,0.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(59,130,246,0.04) 1px, transparent 1px);
    background-size: 60px 60px;
    z-index: 0;
    pointer-events: none;
}

/* ========== 背景动画线条 ========== */
/* 水平流动线条 */
.service-line-h {
    position: absolute;
    height: 1px;
    z-index: 0;
    overflow: hidden;
    opacity: 0.5;
}
.service-line-h::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 60%;
    height: 100%;
    border-radius: 2px;
    animation: lineFlowH 6s ease-in-out infinite;
}
.service-line-h.l1 { top: 18%; width: 38%; left: 5%; }
.service-line-h.l1::before { background: linear-gradient(90deg, transparent, #3b82f6, transparent); animation-delay: 0s; }
.service-line-h.l2 { top: 42%; width: 28%; right: 8%; left: auto; }
.service-line-h.l2::before { background: linear-gradient(90deg, transparent, #22b8a4, transparent); animation-delay: 2s; }
.service-line-h.l3 { top: 68%; width: 32%; left: 12%; }
.service-line-h.l3::before { background: linear-gradient(90deg, transparent, #e67020, transparent); animation-delay: 4s; }

@keyframes lineFlowH {
    0%   { left: -60%; opacity: 0; }
    20%  { opacity: 1; }
    80%  { opacity: 1; }
    100% { left: 120%; opacity: 0; }
}

/* 垂直流动线条 */
.service-line-v {
    position: absolute;
    width: 1px;
    z-index: 0;
    overflow: hidden;
    opacity: 0.4;
}
.service-line-v::before {
    content: "";
    position: absolute;
    top: -100%;
    left: 0;
    width: 100%;
    height: 50%;
    border-radius: 2px;
    animation: lineFlowV 7s ease-in-out infinite;
}
.service-line-v.v1 { left: 8%; top: 10%; height: 35%; }
.service-line-v.v1::before { background: linear-gradient(180deg, transparent, #3b82f6, transparent); animation-delay: 0.5s; }
.service-line-v.v2 { right: 10%; top: 20%; height: 30%; }
.service-line-v.v2::before { background: linear-gradient(180deg, transparent, #22b8a4, transparent); animation-delay: 3s; }

@keyframes lineFlowV {
    0%   { top: -60%; opacity: 0; }
    20%  { opacity: 1; }
    80%  { opacity: 1; }
    100% { top: 120%; opacity: 0; }
}

/* 对角线流动线条 */
.service-line-diag {
    position: absolute;
    width: 2px;
    height: 140px;
    z-index: 0;
    opacity: 0.3;
    animation: lineDiagFlow 9s ease-in-out infinite;
}
.service-line-diag::before {
    content: "";
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    border-radius: 2px;
}
.service-line-diag.d1 { top: 25%; left: 35%; transform: rotate(35deg); }
.service-line-diag.d1::before { background: linear-gradient(180deg, transparent, #3b82f6, transparent); }
.service-line-diag.d2 { top: 55%; right: 30%; transform: rotate(-25deg); animation-delay: 3s; }
.service-line-diag.d2::before { background: linear-gradient(180deg, transparent, #8b5cf6, transparent); }

@keyframes lineDiagFlow {
    0%, 100% { opacity: 0.1; transform: translateY(0) rotate(35deg); }
    50%      { opacity: 0.5; transform: translateY(-20px) rotate(35deg); }
}

/* ========== 光晕 ========== */
/* 左上角光晕 */
.service-box::after {
    content: "";
    position: absolute;
    top: -120px;
    left: -80px;
    width: 480px;
    height: 480px;
    background: radial-gradient(circle, rgba(59,130,246,0.08) 0%, transparent 70%);
    border-radius: 50%;
    z-index: 0;
    animation: floatGlow 8s ease-in-out infinite;
    pointer-events: none;
}
.service-glow-r {
    position: absolute;
    bottom: -100px;
    right: -60px;
    width: 400px;
    height: 400px;
    background: radial-gradient(circle, rgba(34,184,164,0.06) 0%, transparent 70%);
    border-radius: 50%;
    z-index: 0;
    animation: floatGlow 10s ease-in-out infinite reverse;
    pointer-events: none;
}
@keyframes floatGlow {
    0%, 100% { transform: translate(0,0) scale(1); opacity: 0.6; }
    50%      { transform: translate(20px,-15px) scale(1.08); opacity: 0.9; }
}

/* 顶部装饰线 */
.service-deco-line-top {
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 3px;
    background: linear-gradient(90deg, transparent 0%, #3b82f6 30%, #22b8a4 50%, #e67020 70%, transparent 100%);
    z-index: 2;
}
/* 底部装饰线 */
.service-deco-line-bottom {
    position: absolute;
    bottom: 0; left: 0; right: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent 10%, rgba(59,130,246,0.3) 50%, transparent 90%);
    z-index: 2;
}

/* ========== 浮动粒子 ========== */
.service-particle {
    position: absolute;
    border-radius: 50%;
    z-index: 1;
    animation: particleFloat 6s ease-in-out infinite;
}
.service-particle.p1 { width:6px; height:6px; top:18%; left:12%; background:rgba(59,130,246,0.2); animation-delay:0s; }
.service-particle.p2 { width:4px; height:4px; top:35%; right:18%; background:rgba(34,184,164,0.18); animation-delay:2s; }
.service-particle.p3 { width:8px; height:8px; bottom:22%; left:22%; background:rgba(230,112,32,0.12); animation-delay:1.5s; }
.service-particle.p4 { width:5px; height:5px; bottom:15%; right:28%; background:rgba(139,92,246,0.18); animation-delay:3s; }

@keyframes particleFloat {
    0%, 100% { transform: translateY(0) scale(1); opacity: 0.25; }
    50%      { transform: translateY(-18px) scale(1.4); opacity: 0.6; }
}

/* ========================================================================
   ========== 6个自动化加工零件动画背景 ==========
   ======================================================================== */

/* --- 公共零件样式 --- */
.part {
    position: absolute;
    z-index: 0;
    pointer-events: none;
    opacity: 0;
    will-change: transform, opacity;
}
.part svg { width: 100%; height: 100%; }

/* --- 1. 螺丝 (Screw) - 浮动+旋转 --- */
.part-screw {
    width: 48px; height: 48px;
    animation: screwAnim 10s ease-in-out infinite;
}
@keyframes screwAnim {
    0%, 100% { transform: translate(0, 0) rotate(0deg); opacity: 0.13; }
    25%      { transform: translate(14px, -22px) rotate(60deg); opacity: 0.18; }
    50%      { transform: translate(-6px, -38px) rotate(120deg); opacity: 0.10; }
    75%      { transform: translate(-12px, -18px) rotate(200deg); opacity: 0.15; }
}

/* --- 2. 螺母 (Nut) - 浮动+缩放 --- */
.part-nut {
    width: 44px; height: 44px;
    animation: nutAnim 11s ease-in-out infinite;
}
@keyframes nutAnim {
    0%, 100% { transform: translate(0, 0) scale(1) rotate(0deg); opacity: 0.12; }
    33%      { transform: translate(-12px, -28px) scale(1.12) rotate(-45deg); opacity: 0.17; }
    66%      { transform: translate(16px, -20px) scale(0.93) rotate(-90deg); opacity: 0.09; }
}

/* --- 3. 轴承 (Bearing) - 持续旋转 --- */
.part-bearing {
    width: 58px; height: 58px;
    animation: bearingSpin 14s linear infinite;
}
@keyframes bearingSpin {
    from { transform: rotate(0deg); opacity: 0.10; }
    to   { transform: rotate(360deg); opacity: 0.10; }
}

/* --- 4. 弹簧 (Spring) - 浮动+拉伸 --- */
.part-spring {
    width: 34px; height: 58px;
    animation: springAnim 8s ease-in-out infinite;
}
@keyframes springAnim {
    0%, 100% { transform: translate(0, 0) scaleY(1); opacity: 0.12; }
    50%      { transform: translate(10px, -24px) scaleY(1.18); opacity: 0.16; }
}

/* --- 5. 铣刀/钻头 (Drill Bit) - 浮动+倾斜 --- */
.part-drill {
    width: 28px; height: 56px;
    animation: drillAnim 9s ease-in-out infinite;
}
@keyframes drillAnim {
    0%, 100% { transform: translate(0, 0) rotate(-15deg); opacity: 0.11; }
    50%      { transform: translate(-14px, -30px) rotate(12deg); opacity: 0.15; }
}

/* --- 6. 齿轮零件 (Gear) - 持续旋转 --- */
.part-cog {
    width: 52px; height: 52px;
    animation: cogSpin 12s linear infinite;
}
@keyframes cogSpin {
    from { transform: rotate(0deg); opacity: 0.09; }
    to   { transform: rotate(360deg); opacity: 0.09; }
}

/* ========== 6个零件定位 ========== */

/* 螺丝 - 左上区域 */
.part.p1-screw { top: 10%; left: 5%; }
.part.p1-screw svg { fill: #64748b; }

/* 螺母 - 右上区域 */
.part.p2-nut { top: 14%; right: 12%; }
.part.p2-nut svg { fill: #3b82f6; }

/* 轴承 - 左侧中部 */
.part.p3-bearing { top: 42%; left: 4%; }
.part.p3-bearing svg { fill: #94a3b8; }

/* 弹簧 - 右侧中部 */
.part.p4-spring { top: 38%; right: 6%; }
.part.p4-spring svg { fill: #e67020; }

/* 钻头 - 左下区域 */
.part.p5-drill { bottom: 20%; left: 10%; }
.part.p5-drill svg { fill: #475569; }

/* 齿轮 - 右下区域 */
.part.p6-cog { bottom: 16%; right: 10%; }
.part.p6-cog svg { fill: #22b8a4; }

/* ========== Hover 加速：鼠标移入板块时所有零件加速+增亮 ========== */
.service-box:hover .part { opacity: 0.22 !important; transition: opacity 0.5s ease; }
.service-box:hover .part-screw   { animation-duration: 3s !important; }
.service-box:hover .part-nut      { animation-duration: 3.5s !important; }
.service-box:hover .part-bearing  { animation-duration: 2s !important; }
.service-box:hover .part-spring   { animation-duration: 2.5s !important; }
.service-box:hover .part-drill    { animation-duration: 3s !important; }
.service-box:hover .part-cog      { animation-duration: 2s !important; }

/* ========== 内容层 ========== */
.service-inner {
    position: relative;
    z-index: 3;
    max-width: 80%;
    margin: 0 auto;
}

/* ========== 标题区 ========== */
.service-title {
    text-align: center;
    margin-bottom: 60px;
    position: relative;
}
.service-title .tag {
    display: inline-block;
    font-size: 13px;
    color: #3b82f6;
    background: rgba(59,130,246,0.08);
    border: 1px solid rgba(59,130,246,0.2);
    padding: 4px 18px;
    border-radius: 20px;
    margin-bottom: 16px;
    letter-spacing: 2px;
    text-transform: uppercase;
}
.service-title h3 {
    font-size: 34px;
    color: #1a1a2e;
    margin: 0 0 14px 0;
    font-weight: 700;
    letter-spacing: 1px;
    position: relative;
    display: inline-block;
}
.service-title h3::after {
    content: "";
    width: 80px;
    height: 3px;
    background: linear-gradient(90deg, #3b82f6, #22b8a4);
    position: absolute;
    left: 50%;
    bottom: -16px;
    transform: translateX(-50%);
    border-radius: 2px;
}
.service-title .sub-title {
    font-size: 16px;
    color: #5a6a7e;
    margin-top: 28px;
    max-width: 780px;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.85;
}

/* ========== 卡片列表 ========== */
.service-list {
    display: flex;
    gap: 32px;
}

/* ========== 卡片基础 ========== */
.service-item {
    flex: 1;
    padding: 44px 32px 40px;
    border-radius: 16px;
    border: 1px solid rgba(0,0,0,0.05);
    transition: all 0.5s cubic-bezier(.22,1,.36,1);
    position: relative;
    overflow: hidden;
    background: linear-gradient(145deg, #ffffff 0%, #fafbfc 100%);
    box-shadow: 0 2px 12px rgba(0,0,0,0.04);
}

/* 卡片顶部渐变线条 */
.service-item::before {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 3px;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.5s ease;
    z-index: 2;
}
.item-blue::before   { background: linear-gradient(90deg, #3b82f6, #60a5fa, #93c5fd); }
.item-orange::before { background: linear-gradient(90deg, #e67020, #fb923c, #fdba74); }
.item-teal::before   { background: linear-gradient(90deg, #22b8a4, #5eead4, #99f6e4); }
.service-item:hover::before { transform: scaleX(1); }

/* 右上角半透明大数字序号 */
.service-item::after {
    position: absolute;
    right: 14px;
    top: 10px;
    font-size: 82px;
    font-weight: 900;
    opacity: 0.04;
    line-height: 1;
    z-index: 1;
    transition: opacity 0.4s ease, transform 0.4s ease;
}
.item-blue::after   { content: "01"; color: #3b82f6; }
.item-orange::after { content: "02"; color: #e67020; }
.item-teal::after   { content: "03"; color: #22b8a4; }
.service-item:hover::after {
    opacity: 0.12;
    transform: scale(1.08) rotate(-3deg);
}

/* ========== 卡片 hover 颜色增强 ========== */
/* 蓝色卡片 */
.item-blue:hover {
    transform: translateY(-12px);
    background: linear-gradient(145deg, #eff6ff 0%, #dbeafe 40%, #bfdbfe 100%);
    border-color: rgba(59,130,246,0.25);
    box-shadow: 0 20px 50px rgba(59,130,246,0.15), 0 0 0 1px rgba(59,130,246,0.1);
}
/* 橙色卡片 */
.item-orange:hover {
    transform: translateY(-12px);
    background: linear-gradient(145deg, #fff7ed 0%, #ffedd5 40%, #fed7aa 100%);
    border-color: rgba(230,112,32,0.25);
    box-shadow: 0 20px 50px rgba(230,112,32,0.15), 0 0 0 1px rgba(230,112,32,0.1);
}
/* 青色卡片 */
.item-teal:hover {
    transform: translateY(-12px);
    background: linear-gradient(145deg, #f0fdfa 0%, #ccfbf1 40%, #99f6e4 100%);
    border-color: rgba(34,184,164,0.25);
    box-shadow: 0 20px 50px rgba(34,184,164,0.15), 0 0 0 1px rgba(34,184,164,0.1);
}

/* 卡片内部流光线 */
.service-item .shimmer {
    position: absolute;
    top: 0; left: -100%;
    width: 60%; height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.35), transparent);
    transform: skewX(-20deg);
    transition: none;
    z-index: 1;
    pointer-events: none;
}
.service-item:hover .shimmer {
    animation: shimmerSweep 1.2s ease forwards;
}
@keyframes shimmerSweep {
    0%   { left: -60%; }
    100% { left: 120%; }
}

/* 卡片底部装饰三角 */
.service-item .deco-corner {
    position: absolute;
    bottom: 0; right: 0;
    width: 60px; height: 60px;
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}
.item-blue  .deco-corner { background: linear-gradient(135deg, transparent 50%, rgba(59,130,246,0.08) 50%); }
.item-orange .deco-corner { background: linear-gradient(135deg, transparent 50%, rgba(230,112,32,0.08) 50%); }
.item-teal  .deco-corner { background: linear-gradient(135deg, transparent 50%, rgba(34,184,164,0.08) 50%); }
.service-item:hover .deco-corner { opacity: 1; }

/* ========== 链接 ========== */
.service-item a {
    text-decoration: none;
    color: #333;
    display: block;
    position: relative;
    z-index: 2;
}

/* ========== 图标+标题同行 ========== */
.service-head {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 20px;
}
.service-icon {
    width: 56px;
    height: 56px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: transform 0.4s ease, box-shadow 0.4s ease;
}
.service-icon svg {
    width: 26px;
    height: 26px;
    fill: #fff;
}

/* 图标主题渐变 + 内发光 */
.item-blue .service-icon {
    background: linear-gradient(135deg, #1e5fcc 0%, #3b82f6 60%, #60a5fa 100%);
    box-shadow: 0 4px 16px rgba(59,130,246,0.25), inset 0 1px 0 rgba(255,255,255,0.2);
}
.item-orange .service-icon {
    background: linear-gradient(135deg, #c95a10 0%, #e67020 60%, #fb923c 100%);
    box-shadow: 0 4px 16px rgba(230,112,32,0.25), inset 0 1px 0 rgba(255,255,255,0.2);
}
.item-teal .service-icon {
    background: linear-gradient(135deg, #0d7a6c 0%, #22b8a4 60%, #5eead4 100%);
    box-shadow: 0 4px 16px rgba(34,184,164,0.25), inset 0 1px 0 rgba(255,255,255,0.2);
}
.service-item:hover .service-icon {
    transform: rotate(8deg) scale(1.12);
}

/* 标题 */
.service-item h4 {
    font-size: 20px;
    margin: 0;
    color: #1a1a2e;
    font-weight: 600;
    letter-spacing: 0.5px;
    transition: color 0.3s ease;
}
.item-blue:hover  h4 { color: #1e5fcc; }
.item-orange:hover h4 { color: #c95a10; }
.item-teal:hover  h4 { color: #0d7a6c; }

/* 描述文字 */
.service-item p {
    font-size: 15px;
    color: #5a6a7e;
    line-height: 1.85;
    margin: 0 0 24px 0;
    transition: color 0.3s ease;
}
.service-item:hover p { color: #3a4a5e; }

/* ========== 了解更多按钮 ========== */
.more-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 14px;
    font-weight: 500;
    padding: 6px 0;
    border-bottom: 1.5px solid transparent;
    transition: all 0.3s ease;
}
.item-blue  .more-link { color: #3b82f6; }
.item-orange .more-link { color: #e67020; }
.item-teal  .more-link { color: #22b8a4; }
.more-link span {
    display: inline-block;
    transition: transform 0.35s ease;
}
.service-item:hover .more-link span { transform: translateX(8px); }
.service-item:hover .more-link { border-bottom-color: currentColor; }

/* ========== 卡片 hover 时序号颜色呼吸 ========== */
.service-item .pulse-dot {
    position: absolute;
    top: 18px;
    right: 70px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    z-index: 2;
    opacity: 0;
    transition: opacity 0.3s;
}
.item-blue  .pulse-dot { background: #3b82f6; box-shadow: 0 0 8px rgba(59,130,246,0.5); }
.item-orange .pulse-dot { background: #e67020; box-shadow: 0 0 8px rgba(230,112,32,0.5); }
.item-teal  .pulse-dot { background: #22b8a4; box-shadow: 0 0 8px rgba(34,184,164,0.5); }
.service-item:hover .pulse-dot {
    opacity: 1;
    animation: dotPulse 1.5s ease-in-out infinite;
}
@keyframes dotPulse {
    0%, 100% { transform: scale(1); opacity: 1; }
    50%      { transform: scale(1.6); opacity: 0.5; }
}

/* ========== 响应式 ========== */
/* 平板 */
@media screen and (max-width: 992px) {
    .service-box { padding: 70px 15px 80px; }
    .service-title h3 { font-size: 28px; }
    .service-list { flex-wrap: wrap; gap: 24px; }
    .service-item { flex: 0 0 calc(50% - 12px); padding: 36px 26px; }
    .service-item::after { font-size: 68px; }
    .service-line-h.l3 { display: none; }
    /* 平板隐藏部分零件 */
    .part.p3-bearing, .part.p5-drill { display: none; }
}
/* 手机 */
@media screen and (max-width: 640px) {
    .service-box { padding: 56px 12px 64px; }
    .service-title .tag { font-size: 11px; padding: 3px 14px; }
    .service-title h3 { font-size: 24px; }
    .service-title .sub-title { font-size: 14px; }
    .service-list { gap: 20px; }
    .service-item { flex: 0 0 100%; padding: 30px 22px; }
    .service-item h4 { font-size: 18px; }
    .service-icon { width: 48px; height: 48px; border-radius: 12px; }
    .service-icon svg { width: 22px; height: 22px; }
    .service-item::after { font-size: 56px; }
    .service-head { gap: 12px; }
    /* 手机端隐藏所有零件+线条+粒子（保证性能） */
    .service-particle,
    .service-line-h,
    .service-line-v,
    .service-line-diag,
    .part { display: none; }
}
/* 案例卡片容器 */
.i_case {
    padding: 10px;
}

/* 图片外层背景 */
.i_case_img {
    background: linear-gradient(145deg, #f5f7f3, #eef2ec);
    border-radius: 14px;
    padding: 18px;
    box-shadow: 0 4px 14px rgba(0,0,0,.06);
    transition: all .35s ease;
    overflow: hidden;
}

/* 图片本身 */
.i_case_img img {
    width: 100%;
    height: 180px;
    object-fit: contain;
    border-radius: 10px;
    transition: transform .35s ease, filter .35s ease;
    filter: drop-shadow(0 2px 4px rgba(0,0,0,.08));
}

/* Hover 动画 */
.i_case:hover .i_case_img {
    box-shadow: 0 12px 28px rgba(0,0,0,.12);
    transform: translateY(-4px);
}

.i_case:hover .i_case_img img {
    transform: scale(1.06);
    filter: drop-shadow(0 6px 12px rgba(0,0,0,.12));
}

/* ===== 响应式高度 ===== */
@media (max-width: 960px) {
    .i_case_img img {
        height: 160px;
    }
}

@media (max-width: 640px) {
    .i_case_img {
        padding: 12px;
        border-radius: 12px;
    }

    .i_case_img img {
        height: 140px;
        border-radius: 8px;
    }
}