/*领域列表*/
.pro_war{ background: #f1f3f6; padding: 98px 0 110px; }
.pro_itemd{ margin-bottom: 40px; overflow: hidden; position: relative; z-index: 0; }
.pro_itemd:before{ content: ""; width: 90%; height: 72%; z-index: -1; border-radius: 15px; border: 3px solid #a5834e; position: absolute; border-right: none; left: 0; bottom: 98px; }
.pro_war .pro_itemd:last-child{ margin-bottom: 0; }
.pr_ole{ float: left; width: 50%; padding: 120px 0 0 0; }
.pr_ori{ float: right; width: 50%; }
.pr_tedi{ padding: 50px 115px 55px 80px; }
.pr_tedi h3{ font-size: 38px; padding-bottom: 10px; position: relative; font-family: MontserratBold; }
.pr_tedi h3:before{ content: ""; position: absolute; bottom: 0; left: 0; width: 122px; height: 3px; background: #a5834f; }
.pr_leul{ margin-top: 55px; }
.pr_leul li{ margin-bottom: 22px; position: relative; padding-left: 38px; }
.pr_leul li:last-child{ margin-bottom: 0; }
.pr_leul li h6{ text-transform: uppercase; color: #333; font-size: 20px; margin-bottom: 10px; font-family: MontserratBold; }
.pr_leul li p{ font-size: 14px; line-height: 22px; color: #666; height: 44px; overflow: hidden; }
.pr_leul li i{ position: absolute; top: 0; left: 0; font-size: 24px; color: #40b490; }
.pr_tedi span{ transition: all 0.3s; font-size: 16px; margin-top: 46px; font-family: MontserratMedium; display: inline-block; color: #fff; background: #a5834e; padding: 13px 26px; border-radius: 40px; }
.pr_tedi span img{ margin-left: 12px; }
.pr_tedi span *{ vertical-align: middle; }
.pro_itemd:hover .pr_tedi span{ transform: translateX(10px); }
.pr_topicdi{ padding-top: 25px; padding-right: 25px; padding-left: 30%; }
.pr_topim{ position: relative; z-index: 0; }
.pr_topim:before{ content: ""; z-index: -2; position: absolute; border-radius: 20px; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 110%; height: 110%; background:#a5834f7a; }
.pr_topim:after{ content: ""; z-index: -1; position: absolute; border-radius: 20px; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 105%; height: 105%; background:#a5834f7a; }

.pr_topim .changpic{ border-radius: 20px; overflow: hidden; }
.pr_bopim{ margin-top:26px; }

.pro_war .pro_itemd:nth-of-type(even):before{ border-left: none; border-right: 3px solid #a5834e; left: auto; right: 0; bottom: 98px; }
.pro_war .pro_itemd:nth-of-type(even) .pr_ole{ float: right; }
.pro_war .pro_itemd:nth-of-type(even) .pr_ori{ float: left; }
.pro_war .pro_itemd:nth-of-type(even) .pr_tedi{ padding: 50px 80px 55px 115px; }
.pro_war .pro_itemd:nth-of-type(even) .pr_topicdi{ padding-left: 25px; padding-right: 30%; }
.warper{ width:1400px; margin:0 auto; position: relative;}

@font-face {
  font-family: "iconfont"; /* Project id 4404942 */
  src: url('../fonts/iconfont.woff2') format('woff2'),
       url('../fonts/iconfont.woff2') format('woff'),
       url('../fonts/iconfont.ttf') format('truetype');
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-service:before {
  content: "\e604";
}


@media screen and (max-width: 1440px){
  .pro_war{ padding: 60px 0; }
  .pro_war .pro_itemd:nth-of-type(even) .pr_tedi{ padding: 0 60px 0 0; }
  .warper{ width: 88%; }
  .pr_tedi{ padding: 0 0 0 60px; }
}

@media screen and (max-width: 1366px){
    .pro_itemd{ margin-bottom: 20px; }
    .pr_tedi h3{ font-size: 30px; }
    .pr_leul{ margin-top: 25px; }
    .pr_tedi span{ margin-top: 20px; }
    .pr_leul{ margin-top: 25px; }
}

@media screen and (max-width: 1280px){
    .warper{ width: 90%; }
}

@media screen and (max-width: 1024px){
    .warper{ width: 96%; }
    .pro_war{ padding: 30px 0; }
    .pro_war .pro_itemd:nth-of-type(even) .pr_tedi{ padding: 0 35px 0 0; }
    .pr_ole{ padding: 50px 0 0 0; }
    .pr_tedi{ padding: 0 0 0 35px; }
    .pr_tedi h3{ font-size: 25px; }
    .pr_leul li{ margin-bottom: 12px; }
    
}

@media screen and (max-width: 768px){
   .pro_war .pro_itemd:nth-of-type(even) .pr_ole,.pro_war .pro_itemd:nth-of-type(even) .pr_ori{ float: none; } 
   .pr_ori{ width: 100%; float: none; }
   .pr_ole{ width: 100%; float: none; padding: 0; }
   .pr_tedi{ padding: 0 !important; }
   .pro_itemd:before{ display: none; }
   .pr_topim:before {
        width: 100%;
        height: 100%;
        border-radius: 12px;
    }

    .pr_topim:after {
        width: 98%;
        height: 98%;
        border-radius: 12px;
    }

    .pr_topim .changpic {
        border-radius: 12px;
    }
}

@media screen and (max-width:480px){
    .pro_war{ padding: 15px 0; }
    .pr_leul li{ padding-left: 0; }
  .pr_leul li h6{ font-size: 17px; margin-bottom: 6px; }
  .pr_leul li i{ display: none; }
  .pr_leul{ margin-top: 12px; }
}



.changpic1 {
    height: 200px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: white;
}

.changpic1 img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* 关键修改点：等比例裁剪并填满容器 */
}

.changpic2 {
    height: 315px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: white;
}

.changpic2 img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* 关键修改点：等比例裁剪并填满容器 */
}

.wpcf7-response-output {
  display: none !important;
}
/*首页新加*/
.iab_com{ width: 100%; overflow: hidden; padding: 95px 0; background-size: cover; }
.ia_cole{ float: left; width: 54%; }
.ia_cori{ float: right; width: 46%; padding-left: 24px; padding-top: 44px; }
.ia_cole .changpic{ overflow: hidden; border-radius: 20px; }
.ina_cordiv{ margin-top: 25px; padding-left: 82px; }
.ico_ritx{ border-radius: 20px; background: #fff; padding: 44px 50px; box-shadow: 0 1px 10px rgba(0,0,0,0.05); }
.ico_ritx p{ font-size: 16px; line-height: 30px; color: #333; }
.ia_cori h1{ font-size: 42px; line-height: 50px; font-family: POPPINS-BOLD; }
.ia_cori .changpic{ margin-top: 34px; overflow: hidden; border-radius: 20px; }
.ia_cori a{ border-radius: 50px; display: inline-block; margin-top: 48px; padding: 12px 46px; background: #a5834f; color: #fff; font-size: 16px; font-family: Poppins-Light; }
.ia_cori a i{ display: inline-block; margin-left: 38px; }
.ia_cori a:hover{ transform: translateX(10px); }
@media screen and (max-width: 1600px){
  nav li{ margin: 0 20px; }
  
.iab_com{ padding: 70px 0; }
}

@media screen and (max-width: 1440px){
.iab_com{ padding: 60px 0; }
.ico_ritx{ padding: 30px; }
.ico_ritx p{ line-height: 26px; }
.ia_cori h1{ font-size: 37px; }
}

@media screen and (max-width: 1024px){
.iab_com{ padding: 45px 0; }
.ia_cole .changpic,.ia_cori .changpic,.indu_fix li h4,.inh_dib .changpic,.inh_dib .changpic{ border-radius: 10px; }
.ico_ritx{ padding: 20px; border-radius: 10px; }
.ia_cori h1{ font-size: 34px; line-height: 40px; }
.ia_cori a i{ margin-left: 20px; }
.ia_cori a{ padding: 10px 35px; }
}

@media screen and (max-width: 768px){
.iab_com{ padding: 32px 0; }
.ia_cole{ width: 100%; float: none; }
.ia_cori{ float: none; width: 100%; padding: 0; margin-top: 15px; }
.ia_cori h1{ font-size: 25px; line-height: normal; }
.ia_cori .changpic{ margin-top: 8px; }
.ia_cori a{ margin-top: 16px; padding: 10px 28px; }
.ia_cori a i{ margin-left: 10px; }
}

@media screen and (max-width:480px){
.iab_com{ padding: 12px 0; }
.ico_ritx{ padding: 15px; }
.ico_ritx p{ font-size: 15px; line-height: 24px; }
.ia_cori h1{ font-size: 22px; }
}

.custom-divider {
    border: none; /* 清除默认样式 */
    border-top: 1px solid #ccc; /* 分割线样式 */
    margin: 40px 0; /* 上下间距（可自行调整） */
    width: 100%; /* 宽度占满容器 */
}

@media screen and (max-width: 768px) {
    .changpic1 {
        height: 140px; /* 移动端更紧凑的高度，可按需调整 */
    }

    .changpic2 {
        height: 220px; /* 同样缩小高度适配手机 */
    }

    .changpic1 img,
    .changpic2 img {
        width: 100%;
        height: 100%;
        object-fit: cover; /* 保持铺满，适合移动端展示 */
    }
}

@media screen and (max-width: 768px) {
  .trp-language-switcher-container,
  .trp-language-switcher {
    display: none !important;
  }
}

/*-- 领域内页 --*/
.app-field {
  font-family: "Helvetica Neue", sans-serif;
  background-color: #f9fafb;
  color: #333;
}

.app-field .container {
  max-width: 1200px;
  margin: auto;
  padding: 2rem;
}

.app-field .header {
  background-color: #fff;
  box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

.app-field .header h1 {
  font-size: 2rem;
  font-weight: bold;
}

.app-field .intro {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  margin-top: 2rem;
  align-items: center;
}

.app-field .intro-text {
  flex: 1 1 300px;
}

.app-field .intro-image {
  flex: 1 1 300px;
}

.app-field .intro-image img {
  width: 100%;
  border-radius: 1rem;
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}

.app-field .section {
  margin-top: 4rem;
}

.app-field .section h2 {
  font-size: 1.5rem;
  font-weight: 600;
  margin-bottom: 1.5rem;
}

.app-field .grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 1.5rem;
}

.app-field .card {
  background-color: #fff;
  border-radius: 1rem;
  box-shadow: 0 2px 6px rgba(0,0,0,0.06);
  padding: 1rem;
  text-align: center;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.app-field .card:hover {
  transform: translateY(-4px);
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

.app-field .card img {
  width: 100%;
  max-height: 100px;
  object-fit: contain;
  margin-bottom: 0.5rem;
}

.app-field .card.text img {
  width: 48px;
  height: 48px;
  margin-bottom: 1rem;
}

.app-field .card.text h3 {
  font-size: 1.1rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
}

.app-field .footer {
  background-color: #fff;
  text-align: center;
  padding: 2rem 0;
  font-size: 0.875rem;
  color: #777;
  margin-top: 4rem;
}
/*应用领域内页*/
.banner-bottom{
		background:#ffffff;
		padding: 6em 0px;
		}
.banner-bottom h3{
		height: 49px;
		margin: 0em 0px 1em;
		color:#555;
		text-align:center;
		font-family: 'Questrial', sans-serif;
		font-size: 36px;
		}
.banner-bottom p{
		color:#999999;
		text-align:center;
		width:100%;
		margin:0px;
		font-size: 20px;
		}
.banner-bottom span{
		display:block;
		}