/*åˆå§‹åŒ–æ ·å¼*/
input{padding:0;margin:0;font-family:'Microsoft YaHei';}
img{border:none;background:none;vertical-align:middle;}
ul,ol,li{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0}
table, th, td {vertical-align: middle}
.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}

h1,h2{font-size:12px;font-weight:bold;}
hr {border: 0;border-top:1px solid #ccc;height:0;}
p{margin: 0;}

/*----- Common css ------*/
.fl{float:left;}
.fr{float:right;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}

.com-img{ display:block; overflow:hidden;}
.com-img img{ transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s;}
.com-img:hover img{transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2);-ms-transform:scale(1.2);}

.xypg-right-content{font-size: 16px;}

.j-space-between{justify-content:space-between}
.j-flex-start{justify-content:flex-start}
.j-flex-end{justify-content:flex-end}
.j-center{justify-content:center}
.a-j-center{align-items:center;justify-content:center}
.a-center{align-items:center}
.a-flex-start{align-items:flex-start}
.a-flex-end{align-items:flex-end}

/*ä¸»ä½“æ ·å¼*/
.flex_a{    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;}

/* 合作伙伴 */
.hzbg{background:url(../imgs/78bc719ac74afeb83b3a24a56b310360a7b7983f.png) no-repeat 50%;padding: 6.5vw 0;background-size: cover;margin-top: 3.5vw;}
.hztt{max-width: 1265px;margin:0 auto;	font-size: 30px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 48px;
	letter-spacing: 0px;
	color: #ffffff;text-align: center;}

.wbtt{margin-top: 3vw;}
.wbtt h2{	font-size: 48px;
	font-weight: 600;
	letter-spacing: 0px;
	color: #cccccc;text-transform: uppercase;}

.wbtt h3{	font-size: 60px;
	color: #193b7e;	font-weight: 600;margin-top: 10px;}


.hz_ll{margin-top: 45px;background: #fff;}
.hz_ll li{width: 16%;}
.hz_ll li{}
.hz_ll li a.img{display: block;}
.hz_ll li a.img img{width: 100%;}





@media (max-width: 1440px) {
.wbtt h2{font-size: 40px;}
.wbtt h3{font-size: 52px;}
.hztt{font-size: 25px;}
  }



@media (max-width: 1280px) {
.wbtt h2{font-size: 30px;}
.wbtt h3{font-size: 42px;}
.hztt{font-size: 20px;}
.hz_ll li{width: 33%;}
  }



@media (max-width: 992px) {
.wbtt h2{font-size: 20px;}
.wbtt h3{font-size: 32px;}
.hztt{font-size: 15px;line-height: 30px;}
.hz_ll{margin-top: 25px;border-left: 2px solid #ededed;background: #fff;}
  }



/* åˆ†ç±»æ ·å¼ */
.pro-inner-cate {
  background: #eee;
  height: 80px;
}
.pro-inner-cate .xypg-left-nav {
  margin: 0;
  height: 80px;
  text-align: left;
}
.pro-inner-cate .xypg-left-nav > li {
  display: inline-block;
  border-bottom: none;position: static;
}
.pro-inner-cate .xypg-left-nav > li > a {
  padding: 0;
  height: 80px;
  width:160px;
  line-height: 80px;
  text-align: center;
  font-size: 18px;
  border-radius: 0;
}
.pro-inner-cate .xypg-left-nav > li > a:hover {
  background: #fff;
  color: #0767B2 !important;font-weight:bold;
}
.pro-inner-cate .xypg-left-nav > li:hover > a {
  color: #0767B2 !important;
}
.pro-inner-cate .xypg-left-nav > li .first-nav-btn {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: none;display:none;
}
.pro-inner-cate .xypg-left-nav > li .xypg-left-subnav {
  position: absolute;
  width: 100%;
  left: 0;
  background: #fff;
  box-shadow: 0px 5px 8px rgb(0 0 0 / 10%);
  z-index: 9999;
  padding: 30px 0;
}

.pro-inner-cate .xypg-left-nav > li .xypg-left-subnav > div {
  max-width:1230px;
  margin: 0 auto;padding:0 15px;
}
.pro-inner-cate .xypg-left-nav > li .xypg-left-subnav > div > li {
  float:left;
  width: 160px;
  text-indent: 28px;
  margin: 0 15px;
}
.pro-inner-cate .xypg-left-nav > li .xypg-left-subnav > div > li > a {
  font-size: 16px;
  font-weight: bold;
  color: #666;
  padding-bottom: 10px !important;
  display: block;
}
.pro-inner-cate .xypg-left-nav > li .xypg-left-subnav > div > li a {
  padding: 0;
  line-height: 30px;
}
.pro-inner-cate .xypg-left-nav > li .xypg-left-subnav > div > li a:before {
  display: none;
}

{margin-top:5.3vw;background-color:#f7f7f7;padding-bottom:5vw}
.zty221z{background-color:#fff;width:65.8%;float:left;padding-left:48px;padding-top:3.8vw;padding-bottom:35px}
.zty221z1{width:65%;float:left}
.zty221z1 h2{font-size:34px;font-weight:700;font-stretch:normal;letter-spacing:0;color:#0666B1}
.zty221z1 h3{font-size:18px;font-weight:400;font-stretch:normal;letter-spacing:0;color:#666;margin-top:22px}
.zty221z1 h4{width:40px;height:2px;background-color:#666;margin-top:30px}
.zty221z1 h5{font-size:18px;font-weight:400;font-stretch:normal;line-height:36px;letter-spacing:0;color:#555;margin-top:43px}
.zty221z2{width:35%;float:left;margin-top:48px}
.zty221z2 h2{font-size:18px;font-weight:400;font-stretch:normal;line-height:18px;letter-spacing:0;color:#444}
.zty221z2 h3{width:40px;height:2px;background-color:#666;margin-top:45px}
.zty221z2 h4{margin-top:50px}
.zty221z2 h4 li{width:100%;float:left;position:relative}
.zty221z2 h4 li .img{max-width:135px;float:left;border:solid 2px #e9e9e9;margin-bottom:14px}
.zty221z2 h4 li .img img{width:100%}
.zty221z2 h4 li dd{font-size:16px;font-weight:400;font-stretch:normal;letter-spacing:0;color:#555;float:left;line-height:125px;margin-left:20px}
.zty221y{width:34.2%;float:right;height:556px;overflow:hidden}
.zty221y img{width:100%}

@media (max-width:1630px){.zty22w1600{max-width:1430px}
.zty221z2{margin-top:30px}
.zty221z2 h4{margin-top:30px}
.zty221z{padding-top:2.7vw}
.zty221y{height:490px;overflow:hidden}
}
@media (max-width:1430px){.zty22w1600{max-width:1230px}
.zty221z2{margin-top:21px}
.zty221z2 h4{margin-top:30px}
.zty221z{padding-top:2.7vw;padding-left:30px}
.zty221z1 h2{font-size:28px}
.zty221z1 h3{font-size:13px}
.zty221z1 h5{font-size:16px;line-height:30px}
.zty221z2 h4 li .img{max-width:100px}
.zty221z2 h4 li dd{line-height:100px}
.zty221y{height:417px}
}
@media (max-width:1230px){.zty22w1600{max-width:992px}
.zty221z2{margin-top:21px}
.zty221z2 h4{margin-top:22px}
.zty221z{padding-top:2.7vw;padding-left:15px;padding-bottom:17px}
.zty221z1 h2{font-size:23px}
.zty221z1 h3{font-size:12px;margin-top:11px}
.zty221z1 h5{font-size:14px;line-height:27px;margin-top:30px}
.zty221z2 h4 li .img{max-width:85px}
.zty221z2 h4 li dd{line-height:85px;font-size:14px;margin-left:10px}
.zty221z1 h4{margin-top:20px}
.zty221z2 h3{margin-top:24px}

.zty221y{height:334px}
}
@media (max-width:992px){.zty22w1600{padding:0 2%}
.zty221y{width:100%}
.zty221z1{width:100%}
.zty221z2{margin-top:21px;width:100%}
.zty221z{padding-top:2.7vw;padding-left:10px;padding-bottom:17px;width:100%}
.zty222z{width:100%}
.zty222zbt h2{font-size:28px}
.zty222zbt h3{font-size:16px;margin-top:13px}
.zty222zbt h4{font-size:16px;margin-top:28px}
.zty222lx{padding-bottom:20px;margin-top:43px}
.zty222lx li h2{font-size:16px}
.zty222lx li h3{font-size:16px;margin-top:13px}

}

.section-title{
    text-align:center;
    margin-bottom:50px;
}
.section-title .en{
    color:#0767B2;
    font-size:16px;
    letter-spacing:2px;
    margin-bottom:8px;
}
.section-title h2{
    font-size:48px;
    margin-bottom:12px;
}
.section-title p{
    color:#666;
    max-width:700px;
    margin:0 auto;
    line-height:1.7;
}

/* 产品板块：图1样式 */
.product-section{
    padding:120px 0;
    background:url(../imgs/productbg.jpg) no-repeat center;
    position:relative;overflow:hidden; background-size:cover
}

.product-inner{max-width:1400px;margin:0 auto;padding:0 30px;position:relative;z-index:2;}
.product-section .section-title{ color:#fff}
.product-section .section-title .en{color:rgba(255,255,255,0.18);}
.product-section .section-title h2{color:#fff;}
.product-section .section-title p{color:rgba(255,255,255,0.72);max-width:720px;margin:0 auto;font-size:15px;line-height:1.8;}
.product-top{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:24px;}
.product-bottom{display:grid;grid-template-columns:repeat(5,1fr);gap:24px;}
.product-class-card{
    background:rgba(255,255,255,0.6);
    border:1px solid rgba(255,255,255,0.6);
    border-radius:14px;padding:32px 28px;position:relative;overflow:hidden;
    transition:all .4s cubic-bezier(.2,.8,.2,1);
    box-shadow:0 10px 30px rgba(31,78,135,0.12);
	backdrop-filter: blur(9.300000190734863px);
}
.product-class-card::before{
    content:"";position:absolute;left:0;top:0;width:4px;height:100%;background:linear-gradient(180deg,#B4CEF1,#164788);
    transform:scaleY(0);transform-origin:top;transition:transform .4s;
}
.product-class-card:hover{transform:translateY(-10px);box-shadow:0 20px 45px rgba(31,78,135,0.18); background:#fff}
.product-class-card:hover::before{transform:scaleY(1);}
.product-class-card .tag{
    display:inline-block;font-size:12px;color:#164788;background:rgba(22,71,136,0.08);
    padding:4px 10px;border-radius:999px;margin-bottom:14px;
}
.product-class-card h4{font-size:22px;color:#0f2c52;margin-bottom:10px;}
.product-class-card p{font-size:14px;color:#555;line-height:1.7;margin-bottom:18px;}
.product-class-card .link-group{display:flex;gap:18px;margin-bottom:22px;}
.product-class-card .link-group a{
    font-size:14px;color:#164788;display:inline-flex;align-items:center;gap:6px;
    font-weight:600;transition:.25s;
}
.product-class-card .link-group a:hover{color:#FF781F;}
.product-class-card .link-group a:last-child{color:#FF781F;}
.product-class-card .img-wrap{
    width:100%;display:flex;align-items:center;justify-content:center;
    padding-top:10px;min-height:140px;
}
.product-class-card .img-wrap img{max-width:92%;max-height:180px;object-fit:contain;filter:drop-shadow(0 10px 20px rgba(0,0,0,.12));transition:.5s;}
.product-class-card:hover .img-wrap img{transform:translateY(-6px) scale(1.04);}
.product-top .product-class-card{padding:40px 34px;}
.product-top .product-class-card h4{font-size:24px;}
.product-top .product-class-card .img-wrap{min-height:180px;}
.product-bottom .product-class-card{padding:26px 22px;}
.product-bottom .product-class-card h4{font-size:18px;}
.product-bottom .product-class-card p{font-size:13px;}
.product-bottom .product-class-card .img-wrap{min-height:120px;}
.product-bottom .product-class-card .img-wrap img{max-height:140px;}



/* 全生命周期服务：图2样式 */
.service-section{
    padding:120px 0;
    background:url(../imgs/servicebg.jpg) no-repeat center;
    position:relative;color:#fff;overflow:hidden; background-size:cover
}

.service-wrap{max-width:1400px;margin:0 auto;padding:0 30px;position:relative;z-index:2;}
.service-section .section-title .en{color:rgba(255,255,255,0.18);}
.service-section .section-title h2{color:#fff;}
.service-section .section-title p{color:rgba(255,255,255,0.75);}
.service-top{text-align:left;margin-bottom:100px;}
.service-top .en{
    font-size:24px;color:rgba(255,255,255,0.18);letter-spacing:6px;margin-bottom:14px;
}
.service-top h2{font-size:60px;font-weight:700;margin-bottom:16px;line-height:1.2;}
.service-top h2 span{color:#FF781F;}
.service-top p{color:rgba(255,255,255,0.9);max-width:820px;font-size:15px;line-height:1.8;}
.service-list{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}
.service-item{
    background:rgba(255,255,255,0.06);
    border:1px solid rgba(255,255,255,0.12);
    backdrop-filter:blur(10px);
    border-radius:16px;padding:36px 28px;text-align:center;position:relative;overflow:hidden;
    transition:all .4s cubic-bezier(.2,.8,.2,1);
}

.service-item:hover{transform:translateY(-12px);border-color:rgba(200,163,86,0.45);background:rgba(200,163,86,0.12);}
.service-item:hover::before{opacity:1;}
.service-icon{
    width:100px;height:100px;border-radius:50%;margin:0 auto 22px;
    background:linear-gradient(135deg, rgba(200,163,86,0.2), rgba(22,71,136,0.4));
    border:1px solid rgba(200,163,86,0.3);
    display:flex;align-items:center;justify-content:center;position:relative;
    transition:.4s;
}
.service-icon::after{
    content:"";position:absolute;inset:8px;border-radius:50%;border:1px dashed rgba(255,255,255,0.2);
}
.service-item:hover .service-icon{transform:rotate(-8deg) scale(1.08);box-shadow:0 10px 30px rgba(200,163,86,0.25);}
.service-icon i{font-size:55px;color:#fff;}
.service-item h4{font-size:22px;margin-bottom:14px;color:#fff;}
.service-item p{font-size:16px;color:rgba(255,255,255,0.72);line-height:1.8;}
/* ========== 联系我们板块 大气新版 ========== */
.contact-section{
    padding:120px 0;background:url(../imgs/contactbg.jpg) center/cover;
    position:relative;color:#fff;
}

.contact-inner{max-width:1400px;margin:0 auto;padding:0 30px;position:relative;z-index:2;}
.contact-section .section-title .en{color:rgba(255,255,255,0.18);}
.contact-section .section-title h2,.about .section-title h2{color:#fff;}
.contact-section .section-title p,.about .section-title p{ color: rgba(255, 255, 255, 0.72);}
.contact-row{display:grid;grid-template-columns:1fr 1fr;gap:50px;}
.contact-left h3{font-size:26px;margin-bottom:24px;}
.contact-left p{opacity:.9;line-height:1.8;margin-bottom:30px;}
.contact-info li{display:flex;align-items:flex-start;gap:16px;margin-bottom:22px;}
.contact-info i{width:40px;height:40px;background:#FF781F;border-radius:50%;display:flex;align-items:center;justify-content:center;}
.contact-info div h5{font-size:16px;margin-bottom:4px;}
.contact-info div span{opacity:.85;font-size:14px;}
.contact-right{background:rgba(255,255,255,0.08);backdrop-filter:blur(8px);padding:36px;border-radius:8px;}
.contact-right input,.contact-right textarea{
    width:100%;padding:14px;margin-bottom:16px;border:none;border-radius:4px;font-size:15px;
    background:rgba(255,255,255,0.92); color:#666
}
.contact-right textarea{min-height:120px;resize:none;}
.contact-right button{
    width:100%;padding:14px;border:none;background:#FF781F;color:#fff;font-size:16px;border-radius:4px;
    cursor:pointer;transition:.3s;
}
.contact-right button:hover{background:#b08c44;}

.en-btn{
  padding:6px 14px;border-radius:30px;font-size:14px;margin-left:16px;
    transition:.3s;width: 75px;
    border: 1px solid #23527c;
}

/* 移动端适配 */
@media(max-width:992px){
 
    .product-cate-grid{grid-template-columns:repeat(2,1fr);}
 
    .service-item{min-width:50%;margin-bottom:20px;}
    .service-item:after{display:none;}
}
@media(max-width:576px){
    .product-cate-grid,.news-grid{grid-template-columns:1fr;}
 
}


@media (max-width: 992px) {
    /* 产品区域 */
    .product-top, .product-bottom {
        flex-direction: column !important;
        gap:24px !important;
    }
	.product-top{grid-template-columns: repeat(1, 1fr);}
    .product-class-card {
        width:100% !important;
    }
	.product-bottom,.service-list{grid-template-columns: repeat(1, 1fr);}

    /* 服务 */
    .service-list {
        flex-direction: column !important;
    }
    .service-item {
        width:100% !important;
    }

  /* 联系我们左右变上下 */
    .contact-row {
        flex-direction: column !important;
        gap:30px;grid-template-columns: repeat(1, 1fr);
    }
    .contact-left, .contact-right {
        width:100% !important; padding:10px;
    }
}



