h1{ line-height: 1; }
.wdz_scollX{overflow-x: auto; display:block; width: 100%;}
.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
.fontArial{ font-family: Arial, Arial; }
.micro-electronics{ position: relative; padding-top: 80px; }
header{ width: 100%; height: 80px; padding:0 5.775%; box-sizing: border-box; 
  position: fixed; top: 0; left: 0; z-index: 100; right: 0; background:#fff;
  border-bottom: 1px solid #e8e8e8;
}
.body_home.showdiv header{ background: none; border-bottom:none }
header .logo{ width: 158px; }
header .logo img{ width: 100%; }
header .logo img.wLogo{ display: none; }
.companyProfile {
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 100% auto;
}
.company_list>img{ width: 100%;max-width: 100%; }
.company_list .companyVideo{ margin:0 auto; width: min(calc((100vh - 200px) * 100 / 56.25), calc(100vw - 120px )) }
.company_list .companyVideo .imgFix{ padding-bottom: 56.25%;}
.hRight .nav>ul li{
  position: relative;
  height: 80px; margin-left: 3.125vw;
}
.hRight .nav>ul li.active>a{ color: #196CCF; }
.hRight .nav>ul li:first-child{ margin-left: 0; }
.hRight .nav>ul li>a{
  height: 100%; display: flex; align-items: center; position: relative;
}
.hRight .nav>ul li>a:hover{ color: #196CCF; }
.hRight .nav>ul li>a:after{
  content: "";left: -14px;
  position: absolute;width: 46px;
  height: 46px; opacity: 0;
  border: 1px solid rgba(25,108,207,0.2); border-radius: 100%;
}
.hRight .nav>ul li>a::before{
  content: "";
  bottom: 0;
  position: absolute;
  height: 2px;
  background-color: #196CCF;
  left: 0;
  width: 0;
  transition: all ease-in-out 0.4s;
  opacity: 0;
}
.hRight .nav>ul li.active>a::before{
  width: 100%;
  opacity: 1;
}
/* .hRight .nav>ul li.active>a:after{ opacity: 1; } */
.hRight .nav>ul li>.cNavBox{ position: absolute;  
  width: 150px;
  background: #fff;
  border:1px solid #e8e8e8;
  border-top: none;
  box-shadow: 0px 4px 0px 0px rgba(0,0,0,0.2); padding:30px 0;
  left: -50%;
  transition: all 0.3s ease-in-out; top: 60px; opacity: 0;z-index: -10;
  visibility:hidden
}
.hRight .nav>ul li.productCode>.cNavBox{
  display: none;
}
.hRight .nav>ul li:not([class="productCode"]):hover .cNavBox{
  top: 79px; opacity: 1; z-index: 10; visibility:visible
}
.hRight .nav>ul li>.cNavBox a{ display: block; 
  text-align: center; margin-bottom: 16px; color:#333;
}
.hRight .topLink { margin-left: 5vw; }
.hRight .topLink .item{ margin-left: 16px; cursor: pointer; }
.hRight .topLink .item：first-child{ margin-left: 0; }
.hRight .topLink .rightMap,.hRight .topLink .tSearchBtn { width: 46px; height: 46px; overflow: hidden; background: #196CCF; 
  border-radius: 100%; display: flex; justify-content: center; align-items: center;
}
.hRight .topLink .tSearchBtn{background: none; border-radius: 100%;border: 1px solid #D8D8D8; }
.hRight .topLink .tSearchBtn:hover{
  border-color: #196CCF; 
}
.hRight .topLink .rightMap i,.hRight .topLink .tSearchBtn i{font-size:20px; line-height: 1; color: #fff; }
.hRight .topLink .tSearchBtn i{ color: var(--color, #196CCF); color: #666;  }
.hRight .topLink .tSearchBtn i:hover{ color: #196CCF; }
.hRight .topLink .tLG{ 
  width: 93px;
  height: 46px;
  background: #FFFFFF;
  border-radius: 23px;
  border: 1px solid #D8D8D8;
}
.hRight .topLink .tLG:hover{ border-color: #196CCF;}
.hRight .topLink .tLG>img{ width: 20px; }
.hRight .topLink .tLG span{ font-size:14px; padding-left: 10px; }
.hRight .topLink .tLG:hover span{ color: #196CCF; }
.pageBanner{ width: 100%; max-width: 100%; overflow: hidden; position: relative; z-index: 2; }
.pageBanner img{ width: 100%; }

.wdz_nav{
  width: 100%; box-sizing: border-box;
  height: 68px;
  background: #FFFFFF;
}
.wdz_nav .swiper-container{ height: 68px; line-height: 68px; }
.wdz_nav a{ color: #666; }
.wdz_nav a:hover,.wdz_nav .swiper-slide-active a{ color:var(--color, #196CCF) }
.wTitle{ line-height:  1.7 }
.company_list{ width: 100%; }
.company_list .company_list_in{ bottom: -100px; width: 100%;
left: 0;
}

.company_list .list .item:nth-child(2n){
  width: 1px;
  height: 80px;
  background: #E8E8E8;
}
.company_list .list .numBox span{ line-height: 1; font-family: Arial, Arial; font-weight: bold; }
.company_list .list .name{ padding-top: 18px; font-weight: bold; font-size: 20px; }

footer .fnav{ 
  color:#fff;
}
/* footer .wdz_share{ padding-bottom: 30px; 
  border-bottom: 1px solid rgba(255,255,255,0.1);  
} */
footer .wdz_share .fLogo img{ height: 60px; }
/* footer .fNavList{ padding-top: 50px; } */
footer .fNavList>ul{ display: flex; flex: 1; justify-content: space-between; }
footer .fNavList h5{ font-weight: bold; padding-top: 50px; padding-bottom: 20px; }
footer .fNavList .item a{
  color: rgba(255,255,255,0.7); display: block; font-size:14px;
}
footer .fNavList .item a:hover{ color: #FFF; }
footer .rightBox{ width: 360px; padding-left: 60px; margin-left: 70px; 
  /* border-left: 1px solid rgba(255,255,255,0.1);  */
  padding-bottom: 48px;
}
footer .rightBox .tel{
  font-family: Arial, Arial; padding-bottom: 12px;
  color: #FFFFFF;
}
footer .rightBox ul li{ margin-top: 12px; }
.fCopyRight{ color: #fff;padding:23px 0;
  font-size:14px;
   /* background: #0248A3; */
}
.fCopyRight .copyRightTxt span:first-child{ padding-right: 20px;  }
footer .rightBox ul li i{ margin-right: 10px; }
.fCopyRight a{ color:#fff }
.fCopyRight a:hover{ color: #196CCF; }
.fCopyRight .cLink{ display: flex; justify-content: flex-end; align-items: center; }
.fCopyRight .cLink span{ padding:0 5px; }
.wdnHistory_item_1{}
.wdnHistory_item_2 .item .title{ line-height: 1; }
.wdnHistory_item_2 .item ul{ display: flex; }
.wdnHistory_item_2 .item ul li{ padding:8px 28px; color: var(--color, #196CCF); cursor: pointer;
  border:1px solid var(--color, #196CCF); border-radius: 24px; margin-right: 30px; line-height: 1.4;
  transition: all 0.3s ease-in-out;
}
.wdnHistory_item_2 .item ul li:last-child{ margin-right: 0; }
.wdnHistory_item_2 .item ul li.active,.wdnHistory_item_2 .item ul li:hover{
  background:var(--color, #196CCF); color: #fff;
}
.wdnHistory_item_2 .item{ margin-bottom: 88px; }
.wdnHistory_item_2 .item:last-child{ margin-bottom: 0; }
.wdnHistory_item_2 .tabCom .li{ display: none; }
.wdnHistory_item_2 .tabCom .li:first-child{ display: block; }

.wdzTopTab{
  width: 100%;
  margin-bottom: 64px;
  padding-top: 80px;
}
.wdzTopTab>.hr_outBox{
  height: 80px;background: #FBFBFB;
}
.specialColumnTab .swiper-slide {
  width: auto;
}
.wdzTopTab a{ height: 80px; line-height: 80px; font-size:18px; width: 180px; display: block; text-align: center; }
.wdzTopTab .specialColumnTab .mNavSwiper .swiper-wrapper{ justify-content: center; }
.wdzTopTab .tLi { position: relative; }
.wdzTopTab .tLi:after{ content: ""; position: absolute; height: 4px; width: 100%; background: var(--color, #196CCF); top: 0; left: 0; opacity: 0; }
.wdzTopTab .tLi.active:after{ opacity: 1; }
.wdzTopTab .tLi.active{ background: #fff; }
.wdzTopTab .tLi.active a{ color: var(--color, #196CCF); }
.wdzTopTab .tLi.active a i{ font-weight: bold; margin-right: 4px; }
.zlglContent .zl_itemTop_1 .imgBox{ width: 50%; }
.zlglContent .zl_itemTop_1 .imgBox img{ width: 100%; }
.zlglContent .zl_itemTop_1 .txtBox{ width: 42.8581%; }
.zlglContent .zl_itemTop_1 .txtBox .title{ padding-bottom: 30px; line-height: 1.333; }
.zlglContent .zl_itemTop_1 .txtBox ul li h4{ font-size:18px; font-weight: bold; padding-bottom: 10px; }
.zlglContent .zl_itemTop_1 .txtBox ul li{ margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px dotted #d8d8d8; }
.zlglContent .zl_itemTop_1 .txtBox ul li:last-child{
  margin-bottom: 0; padding-bottom: 0; border-bottom: none;
}
.zlglContent_kkxfx{ width: 100%; overflow: hidden; }
.zlglContent_kkxfx .list{ margin-top: 24px; overflow: auto;}
.zlglContent_kkxfx .list:first-child{ margin-top: 0; }
.contactTip>div.hr_fb{ padding-bottom: 12px; color: #333; }
.pdfListBox{ margin-top: 88px; }
.pdfListBox .pdfTitle{ margin-bottom: 40px; line-height: 1; }
.pdfListBox .pdfTitle span{ color: #666; }
.pdfListBox .pdfTitle span i{ margin:0 5px; color: #EA5454; }
.pdfTableBox{ width: 100%; overflow-x: auto;}
.pdfTable table { 
  border-color: #E1E6F2FF; border:1px solid #E1E6F2FF;
   border-collapse: collapse; width:100%; text-align: center;
}
.lastTabel{ width: 110px; right: 0; top: 0; background: #fff;}
.pdfTable table tr th{ height: 68px; text-align: center; line-height: 1.5; padding:10px 5px;  width: 110px; min-width: 110px; }
.pdfTable table tr th:first-child{ min-width: 706px!important; }
.pdfTable table tr td{ padding:12px 0; min-width: 88px; }
.pdfTable table tr:nth-child(odd){background: #FAFBFD; }
.pdfTable table tr:first-child{ background: var(--color, #196CCF); color: #fff; }
/* .pdfTable table tr td:first-child{ } */
.txManagementList{background-color: #F2F3FA;
  background-image: url(/image/management_bg0.png), url(/image/management_bg.png);
  background-position: left top, right bottom; 
  background-size: 42% auto,42% auto; 
  background-repeat: no-repeat,no-repeat;
}
.txManagementList .item{ margin-bottom: 60px; padding-bottom: 60px; border-bottom: 1px dotted #5693DD; }
.txManagementList .item:last-child{ margin-bottom: 0; padding-bottom: 0; border-bottom: none; }
.txManagementList .item:nth-child(even){
  flex-direction: row-reverse;
}
.txManagementList .item .imgsBox{ width: 50%; }
.txManagementList .item .imgsBox img{ width: 100%; }
.txManagementList .item .hr_desc{ width: 42.8581%; }
.zlglContent .zl_itemTop_1.zl_itemTop_khtx .imgBox{  width: 42.8581%;}
.zlglContent .zl_itemTop_1.zl_itemTop_khtx .txtBox{ width: 50%; }

.wdzHonor_in{ padding:30px 0; }
.wdzHonorRight{ width: 260px; height: 100%; 
  top: 0; right: 60px; 
}
.wdzHonorRight .leftMenu{
  padding: 80px 30px;
}
.wdzHonorRight .leftMenu,.wdzHonorRight .left-pic { height: 100%; }
.wdzHonorRight .leftMenu .swiper-slide{ display: flex; justify-content: center; align-items: center; }  
.wdzHonorRight .leftMenu .swiper-slide a{ color:#fff; font-size:20px; }
.wdzHonorRight .leftMenu .swiper-slide .age-sel a{ font-size:30px; line-height: 1; }
.wdzHonorRight .left-pic{ padding:40px 0;
  border-top: 1px solid rgba(255,255,255,0.2); 
  border-bottom: 1px solid rgba(255,255,255,0.2); 
}
.wdzHonorRight .his-swiper{ height: 100%; padding:10px 0; }
.honorListBox{ height: 620px;
  background: #FFFFFF;
  box-shadow: 0px 2px 12px 10px rgba(224,230,238,0.2);
  padding:88px 380px 88px 60px;
  background: url(/image/honor_titleBg.png) no-repeat #fff left top / 380px auto;
}
.wdzHonorRight .swiper-his-prev,.wdzHonorRight .swiper-his-next{
  left: 50%; right: auto; transform: translateX(-50%); width: 32px; height: 32px;
  background: none; margin:0;
}
.wdzHonorRight .swiper-his-prev img,.wdzHonorRight .swiper-his-next img{ width: 100%; }
.wdzHonorRight .swiper-his-prev{top: 24px;}
.wdzHonorRight .swiper-his-next{bottom: 24px; top: auto;}
.honorListBox_in{
  height: 100%;
  overflow: auto;
  scrollbar-height: none;
  scrollbar-width: none;
}

/* 暗藏垂直滚动条 */
.honorListBox_in::-webkit-scrollbar {
  width: 0;
}

/* 暗藏水平滚动条 */
.honorListBox_in::-webkit-scrollbar {
  height: 0;
}
.honorListBox_item{ padding-left: 240px; margin-bottom: 40px; }
.honorListBox_item:last-child{ margin-bottom: 0; }
.honorListBox_item .honorImgBox{ left: 0; top: 0; }
.honorOutBox{ background-size: auto 100%; }
.honorListBox_item ul li{ padding-left: 24px; 
  margin-bottom: 36px;
  line-height: 1.5;
}
.honorImgBox .year{ line-height: 1.1;
  font-weight: normal;
  font-size: 60px;
  color: var(--color, #196CCF);
  text-shadow: 0px 16px 4px rgba(25,108,207,0.2);
  text-align: left; width: 200px;
  font-style: normal;
}
.honorListBox_in .honorListBox_item .txtBox p{ margin-top: 36px; color: #333; font-size:16px; }
.honorListBox_in .honorListBox_item .txtBox p:first-child{ margin-top: 0; }

.honorImgBox .en{padding-top: 40px; line-height: 1.2; font-weight: bold;}
.ResponsibleReporting_in{ flex-wrap: wrap; }
.ResponsibleReporting_in .item{ overflow: hidden; border-radius: 4px;
  width: calc(33.33% - 27px); margin-right: 40px;
  background: #F7F8FA;
  border-radius: 4px; margin-bottom: 40px;
  transition: all 0.4s ease-in-out;
}
.ResponsibleReporting_in .item:nth-child(3n){ margin-right: 0; }
.ResponsibleReporting_in .item a{ width: 100%; height: 100%; flex-direction: column;
  padding: 60px 40px; transition: all 0.1s ease-in-out;
  background-size: cover;
  background-position: center center;
}
.ResponsibleReporting_in .item a .time{
  font-family: ArialMT; color: #666; font-size: 18px;
}
.ResponsibleReporting_in .item a .title{
  font-size: 20px; color: #333; font-weight: bold;
  line-height: 1.6; margin:20px 0 40px;
}
.ResponsibleReporting_in .item a .rpMore{ color: #666; }
.ResponsibleReporting_in .item a .rpMore i{ margin-left: 16px; font-size:24px; border-radius: 100%;
  color: var(--color, #196CCF); display: block; border-radius: 100%; overflow: hidden; line-height: 1; 
  border:1px solid var(--color, #196CCF);
}
.ResponsibleReporting_in .item a:hover .rpMore i{ color:var(--color, #196CCF); background: #fff; }
.ResponsibleReporting_in .item:hover{
  transform: translateY(-12px);
  box-shadow: 3px 6px 12px #ccc;
}
.ResponsibleReporting_in .item a:hover{
  background-color: #196CCF;
  background-image: url(/image/zrbd_bg.png);
}
.ResponsibleReporting_in .item a *{ transition: all 0.1s ease-in-out; }
.ResponsibleReporting_in .item a:hover *{ color: #fff;}
.ResponsibleRep.honorListBox_item:last-childorting_in .item a:hover i{ color: var(--color, #196CCF); background: #fff; }
.ideaOfResponsibility .ln_item_1{ margin-bottom: 120px; }
.ideaOfResponsibility .item_1_txtBox{ padding:48px 0; }
.ideaOfResponsibility .item_1_txt{ padding:60px 80px;
  width: 628px;
  background: rgba(255,255,255,0.68);
  box-shadow: 0px 2px 8px 4px rgba(182,195,210,0.2);
  backdrop-filter: blur(4px);
}
.ideaOfResponsibility .title{padding-bottom: 24px; margin-bottom: 24px;}
.ideaOfResponsibility .title span{
  padding-bottom: 24px; color: var(--color, #196CCF);
}
.ideaOfResponsibility .title span:after{
  content: ""; position: absolute; width: 100%;
  bottom: 1px; background: #C3D7EF; height: 1px; left: 0;
}
.ideaOfResponsibility .title span::before{
  content: ""; position: absolute; width: 40px; height: 2px; background: var(--color, #196CCF);
  bottom: 0; left: 0;z-index: 1;
}
.ideaOfResponsibility .hr_desc ul li{ color: #333; margin-bottom: 12px; }
.ideaOfResponsibility .hr_desc ul li:last-child{ margin-bottom: 0; }
.ideaOfResponsibility .ln_item_2 .item{ padding:7px 7px 30px;
  background: #FFFFFF;
  box-shadow: 0px 2px 8px 4px rgba(182,195,210,0.4);
  width: calc(100%/3 - 27px); margin-right: 40px;
}
.ideaOfResponsibility .ln_item_2 .item:nth-child(3n){ margin-right: 0; }
.ideaOfResponsibility .ln_item_2 .hr_tc{ margin-top: 30px; height: 64px; padding:0 24px; }
.ideaOfResponsibility .ln_item_3{ background: #F5F7FA; }
.ideaOfResponsibility .item_3_topBox .imgFix{ padding-bottom: 32.71425%; }
.ideaOfResponsibility .item_3_topBox .hr_desc{ padding-top: 40px; }
.ideaOfResponsibility .item_3_listBox .item{ margin-top: 80px; }
.ideaOfResponsibility .item_3_listBox .item.item:nth-child(2n){
  flex-direction: row-reverse;
}
.ideaOfResponsibility .item_3_listBox .item .imgBox{ width: 50%; }
.ideaOfResponsibility .item_3_listBox .item .imgBox img{ width: 100%; }
.ideaOfResponsibility .item_3_listBox .item .txtBox{ width: 50%; 
  background: linear-gradient( 180deg, #36A5E9 0%, #196CCF 100%);
  /* border: 1px solid #F8F8F8; */
}
.ideaOfResponsibility .item_3_listBox .item .txtBox .txtBox_bg{
  padding:120px 90px 0; color: #fff; height: 100%;
  background: url(/image/ln_list_bg1.png) no-repeat center bottom / cover;
}
.ideaOfResponsibility .item_3_listBox .item:nth-child(2n) .txtBox .txtBox_bg{
  padding:120px 90px 0; color: #fff;
  background: url(/image/ln_list_bg2.png) no-repeat center bottom / cover;
}

.responsibilityReporting .reportList{ padding:0 20px; }
.responsibilityReporting .reportList .list{ width: 100%;  flex-wrap: wrap; 
  /* background: url(/image/report_bg.png) no-repeat center 326px / 100% auto; */
}
.responsibilityReporting .reportList .list .item{ width: 25%; padding:0 40px; margin-bottom: 60px!important; }
.responsibilityReporting .reportList .list .item .imgFix{ padding-bottom: 135.769%; }
.responsibilityReporting .reportList .list .item .imgBox{transition: all ease-in-out 0.3s; box-shadow: 0 0 8px #f8f8f8; }
.responsibilityReporting .reportList .list .item .imgBox:hover{ transform: translateY(-12px); box-shadow: 0 6px 12px #ccc}
.responsibilityReporting .reportList .list .item .fullImg{
  box-shadow: 0px 2px 12px 0px #F8F8F8;
  border-radius: 4px;  overflow:hidden;
}
.responsibilityReporting .reportList .name{ margin:32px 0 0px; text-align: center; color: #333; }
.responsibilityReporting .reportList .name i{ color: #B6C3D2;  }
.responsibilityReporting .reportList .report_icon{ text-align: center; }
.responsibilityReporting .reportList .report_icon i{ font-size:24px;
  color: #B6C3D2;
}
.responsibilityReporting .reportList a:hover i{
  color: var(--color, #196CCF);
}

/* 联系J9集团 */
.contactBox .contactTop .rightBox{ width: 600px; height: 560px;
  background: var(--color, #196CCF);
}
.contactBox .contactTop .rightBox .contactTop_txt{ background-position: center bottom; 
  background-size: 100% auto; padding:80px 40px 40px 80px; color: #fff;
  height: 100%;
}
.contactBox .contactTop .rightBox .contactTop_txt h2{ line-height: 1; padding-bottom: 30px; 
  border-bottom: 1px solid rgba(255,255,255,0.1);
}

.contactBox .contactTop .rightBox .contactTop_txt .item{ margin-top: 30px; 
  display: flex;
}
.contactBox .contactTop .rightBox .contactTop_txt .item .iconCon{ margin-right: 20px; }
.contactBox .imgBox{ flex: 1; }
.contactList{ margin-top: 60px; padding-top: 30px; border-top: 1px dashed #D9D9D9; 
  flex-wrap: wrap; margin-bottom: 40px;
}
.contactList .item:nth-child(1){ margin-right: 30px; }
.contactBox .item{ width: calc(100%/3 - 14px); background: #F7F8FA; margin-right: 21px; margin-top: 30px;}
.contactList .item.item:nth-child(3n+2),.contactList .item.item:nth-child(2){ margin-right: 0; }
.contactList .item.item:nth-child(1),.contactList .item.item:nth-child(2){ width: calc(50% - 15px); }
.contactBox .item_in{ padding: 40px; padding-right: 20px; height:100%;}
.contactList .item:nth-child(1) .item_in{background: url(/image/contact_bg2.png) no-repeat right bottom / auto 98%;}
.contactList .item:nth-child(2) .item_in{background: url(/image/contact_bg3.png) no-repeat right bottom / auto 98%;}
.contactBox .item_in .title{ font-size:24px; font-weight:bold; 
  margin-bottom: 20px; padding-bottom: 20px; line-height: 1.4;
}
.contactBox .item_in .title:after{
  content: "";   position: absolute; bottom: 0; left: 0; width: 20px; height: 1px; background: #333;
}

.contactNetwork .listBox .name{ font-size:30px; line-height: 1; padding-bottom: 10px;}
.contactNetwork .listBox .list{ flex-wrap: wrap; }
.contactNetwork .listBox .list .item{ width: calc(100%/3 - 15px); margin-right: 22px; }
.contactNetwork .listBox .list .item:nth-child(3n){ margin-right: 0; }
.contactNetwork .listBox{ margin-bottom: 60px; padding-bottom: 60px; border-bottom: 1px dashed #D9D9D9; }
.contactNetwork .listBox:last-child{ margin-bottom: 0; padding-bottom: 0; border-bottom: none; }
.contactNetwork .listBox .item ul li{ display: flex; margin-top: 14px; }
.contactNetwork .listBox .item ul li i{ color: var(--color, #196CCF); margin-right: 12px; }
.contactNetwork .listBox .item ul li.vTelStyle{ display: flex; }
.contactNetwork .listBox .item ul li.vTelStyle .l{ width: 80px; }
.contactNetwork .listBox .item ul li.vTelStyle .txt{ flex: 1; word-wrap: break-word; overflow-wrap: anywhere; }
/* 总部联系方式 */
.contactBox .hq_contactTop .contactTop .rightBox .contactTop_txt .item{ background: none; 
  width: 100%;
}


/* 在线留言 */
.wdzOnLine .item{ width: calc(100%/3 - 27px); margin-right: 40px; }
.wdzOnLine .item:nth-child(3n){ margin-right: 0; }
.wdz_form { flex-wrap: wrap; }
.wdz_form .inputBox{ 
  background: #F7F8FA; height: 60px;
  border: 1px solid #E8E8E8;
}
.wdz_form .textareaBoxItem{ padding:40px 0; margin:0; width: 100%; }
.wdz_form .inputBox,.wdz_form .textareaBox{ display: flex; justify-content: flex-start; align-items: center; margin-top: 16px; }
.wdz_form .textareaBoxItem .textareaBox{
  width: 100%;
  height: 300px;
  background: #F7F8FA;
  border: 1px solid #E8E8E8; align-items: flex-start; padding-top: 22px;
}
.wdz_form .iconBox{ width: 70px; text-align: center; line-height: 1; }
.wdz_form .iconBox i{ color: #999; font-size: 24px; line-height: 1; }
.wdz_form input,.wdz_form textarea{ border:none; outline: none; width: 100%; height: 100%; 
  background: #F7F8FA; padding:0 20px 0 0; font-family: \5FAE\8F6F\96C5\9ED1,arial,tahoma,Verdana,sans-serif;
}
.wdz_form label{ font-size:18px; line-height: 1; }


/* index */
.ejIndexBanner{ width: 100%; overflow: hidden; height: 100vh; }
.ybBanner .hr_outBox{ top: 0; height: 100%; }
.ybBanner .hr_box_in,.ybBanner .ybBannerTxt { height: 100%; display: none; }
.ybBanner .ybBannerTxt{ display: flex; align-items: center; }
.appBanner{ height: 35.38vw; }
/* index end */

/* nwes */
.companyNews .topNews{ margin-bottom: 40px; }
.companyNews .topNews a{ display: flex; }
.companyNews .topNews a .imgBox{ width: 600px; height: 338px; overflow: hidden; border-radius: 8px 0 0 8px; }
.companyNews .topNews a .imgBox img{ display: none; }
.companyNews .topNews a .img_in{ width: 100%; height: 100%; border-radius: 8px 0 0 8px; overflow: hidden; }
.companyNews .topNews a .img_in:hover{ transform: scale(1.1); }
.companyNews .topNews a .txtBox{ padding:46px 60px; flex: 1; flex-direction: column; background: #F7F8FA;
  border-radius: 0px 8px 8px 0px;
}

.companyNews .topNews a .txtBox h3{ line-height: 1.4; margin-bottom: 20px; }
.companyNews .topNews a .txtBox .topnewsInfo .iconBox{ line-height: 1; }
.companyNews .topNews a .txtBox .topnewsInfo .iconBox i{ line-height: 1; font-size:40px; color: var(--color, #196CCF); }
.companyNews .newsList .item{ background: #FFFFFF;
  box-shadow: inset 0px -1px 0px 0px #F2F2F2; 
}
.companyNews .newsList a{padding:32px; display: block;}
.companyNews .newsList .item{ margin-bottom: 20px; }
.companyNews .newsList .img{ width: 240px; height: 135px; overflow: hidden; margin-right: 32px; }
.companyNews .newsList .img_in{width: 100%;height: 100%; overflow: hidden; border-radius: 8px;}  
.companyNews .newsList .img img{ display: none; }
.companyNews .newsList .txtBox{ flex: 1; padding-right: 144px; display: block; overflow: hidden; }
.companyNews .newsList .timeBox{ right: 0; top: 0;  width: 100px;
  background: #FFFFFF; text-align: center; padding:20px 0;
  box-shadow: inset 0px 4px 0px 0px #196CCF;
  border: 1px solid #F1F1F1; line-height: 1;
}
.companyNews .newsList .timeBox .dd{ padding-bottom: 8px; }
.companyNews .newsList a .txtBox_in{ display: block; }
.companyNews .newsList a .txtBox_in .title{ line-height: 1.4; margin-bottom: 20px;}
.companyNews .newsList a:hover{ background-color: var(--color, #196CCF); 
  background-image: url(/image/newsList_bg.png); background-repeat: no-repeat;
  background-position: right bottom; background-size: auto 100%;
}
.companyNews .newsList a:hover .title,.companyNews .newsList a:hover .hr_desc{ 
  color: #fff; 
}
.companyNews .newsList a:hover .timeBox{  box-shadow: inset 0px 4px 0px 0px #fff;
  border: 1px solid #fff;
}
.companyNews .newsList a .img_in:hover{ transform: scale(1.1); }
/* nwes end */

/* devPlanBox */
.devPlav_item{ width: 100%; overflow: hidden; }
.devPlanBox .devPlav_item_1,.devPlanBox .devPlav_item_3{ background-repeat: no-repeat;
  background-position: center bottom; background-size: 100% auto; 
}
.devPlanBox .devPlav_item_1 .list{ background: #fff; flex-wrap: wrap; border-bottom: 1px solid #E8E8E8; border-right: 1px solid #E8E8E8; }
.devPlanBox .devPlav_item_1 .list .item{ width: 50%; padding:40px 60px; border-left: 1px solid #E8E8E8; border-top: 1px solid #E8E8E8; }
.devPlanBox .devPlav_item_1 .list .item .icon{ font-size: 30px; }
.devPlanBox .devPlav_item_1 .list .item .name{ font-size:24px; font-weight: bold; margin:20px 0; line-height: 1.4; }
.devPlanBox .devPlav_item_2 img{ width: 100%; }
.devPlav_item_3 .imgBox{ margin-right: 80px; display: block; }
.devPlav_item_3 .imgBox img{ width: 680px;}
.devPlanBox .devPlav_item_1 .list .item.itemActive *{ color:#fff;}
.devPlanBox .devPlav_item_1 .list .item.itemActive i.iconfont{ font-size:30px; line-height: 1; }
/* devPlanBox end */

/* 人才关爱 */
.careForTalents h4,.careForTalents h5{ line-height: 1.4; font-weight: bold;}
.careForTalents .tItem_1 .topText{ margin-bottom: 54px; align-items: baseline;}
.careForTalents .tItem_1 .tList .item{ width: calc(100%/3 - 30px); margin-right: 46px; 
  min-height: 560px;
  background-color: #F7FBFF;
  background-position: center bottom;
  background-repeat: no-repeat;
  padding:48px 40px;
  background-size: 90% auto;
}
.careForTalents .tItem_1 .tList .item .rBox{ right: 0;top: 0; 
  background: #196CCF; line-height: 1.3; font-size:20px; font-weight: bold; color: #fff;
  padding:16px 10px;
}
.careForTalents .tItem_1 .tList .item:nth-child(3n){ margin-right: 0; }
.careForTalents .tItem_1 .tList .item  .name{ padding-top: 32px; 
  background-repeat: no-repeat;
  background-position: left top;
  background-size: auto 80%;
}

.careForTalents .tItem_1 .tList .item:nth-child(1){
  background-image: url(/image/xcyzList1.png);
}
.careForTalents .tItem_1 .tList .item:nth-child(2){
  background-image: url(/image/xcyzList2.png);
}
.careForTalents .tItem_1 .tList .item:nth-child(3){
  background-image: url(/image/xcyzList3.png);
}
.careForTalents .tItem_1 .keyWord,.careForTalents .tItem_1 .hr_desc{ margin-top: 24px; }
.careForTalents .tItem_1 .keyWord{ font-size:20px; font-weight: bold; line-height: 1.3; }
.careForTalents .tItem_1 .hr_desc{ line-height: 1.5; }
.careForTalents .tItem_1 .hr_desc ul{ padding-left: 18px; }
.staffWelfare{ 
  background-color: rgba(0,0,0,0.4);
  border-radius: 140px 0px 0px 0px;
}
.staffWelfare_in{ padding:0 120px; }
.staffWelfare_in h4{ font-weight: normal; }
.staffWelfare_in .hr_desc{ color: #fff; margin-bottom: 64px; }
.careForTalents h4{ position: relative; padding-bottom: 22px; margin-bottom: 20px; }
.careForTalents h4:after{
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 30px;
  height: 2px;
  background: #FFFFFF;
}
.careForTalents .tItem_1 .topText h4:after,.careForTalents .EmployeeHome h4:after{
  background-color: #196CCF;
}
.welfareList{ padding:0 20px; }
.welfareList .item{ width: calc(100%/6); text-align: center; position: relative; }
.welfareList .item:after{ background: rgba(255,255,255,0.08);
  content: "";
  position: absolute;
  bottom: -10px;
  left: -10px;
  width: calc(100% + 20px); height: calc(100% + 20px); border:1px dashed rgba(255,255,255,0.4);
  border-radius: 100%;
}
.welfareList .item:nth-child(2n):after{
  border:1px solid rgba(255,255,255,0.4);
}
.welfareList .imgFix{ padding-bottom: 100%; }
.welfareList .fullImg{ display: flex; justify-content: center; align-items: center; 
  flex-direction: column; position: relative; z-index: 10;
}
.welfareList .item .img img{ width: 40px; margin-bottom: 30px; }
.welfareList .item .name{ font-size:20px; color: #fff; line-height: 1.3; }
.EmployeeHome{ background: #F8F8F8; }
.EmployeeHome .homeBox{ margin-top: 106px; }
.EmployeeHome .homeTxt{ background-color: #196CCF; width: 58.5714%; 
  padding:80px 7.1428% 80px 15.714%; flex-direction: column;
  background-image: url(/image/EmployeeHome_bg.png);
}
.EmployeeHome .homeTxt .title{ position: relative; padding-bottom: 20px; 
  margin-bottom: 20px;
}
.EmployeeHome .homeTxt .title:after{
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 30px;
  height: 2px;
  background: #fff;
}
.EmployeeHome .homeTxt .hr_desc{ color: #fff; text-align: start; }
.EmployeeHome .homeBox .imgBox{ width: 50%; height: 100%; overflow: hidden; 
  left: 0; top: -40px;
}
.careForTalents .ygLifes h4:after{ background: #196CCF; }
.rcga_imgs{ width: 100%;overflow: hidden; margin-top: 64px; }
.rcga_imgs .item{ width: 31.25vw; margin-right: 20px; display: inline-block; overflow: hidden; }
/* .rcga_imgs .rcga_imgs_move .str_origin{ width: 100%; left: 0; } */
.rcga_imgs .rcga_imgs_move.str_wrap{ background: #fff; }
.rcga_imgs .item .name{width: 100%; padding:0 40px; bottom: 40px; 
  z-index: 10;
  font-size: 20px;
  color: #FFFFFF;
}
.rcga_imgs .item .fullImg:after{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%; height: 100%; z-index: 9;
  /* background-color: rgba(0,0,0,0.2); */
  background: linear-gradient( 180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.5) 100%);
}
.photography h4{ margin:0; padding-bottom: 44px;}
.photography .rcga_imgs{ margin-top: 20px; }
/* 人才关爱 end */

/* 产研学 */
.cyx_Item_1 .cyx_Item_1_img{ width: 700px; height: 467px; }
.cyx_Item_1 .cyx_Item_1_img img{ display: none; }
.cyx_Item_1 .cyx_Item_1_txt{ flex: 1; padding-left: 120px; }
.cyx_Item_1 .cyx_Item_1_txt span{ line-height: 1;
   position: relative; padding-bottom: 30px; margin-bottom: 30px; 
   display: inline-block;
}
.cyx_Item_1 .cyx_Item_1_txt span:after{
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 60px;
  height: 1px;
  background: #196CCF;
}
.cyx_Item_1 .cyx_Item_1_txt span::before{
  content: ""; background: #D8D8D8;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%; height: 1px;
}
.cyxItem2 .list .item{ background: #fff; width: calc(100%/3 - 30px); 
  margin-right: 46px; padding:80px 50px 50px; border-radius: 4px;
  box-shadow: inset 0px 3px 0px 0px #F7B334;
}
.cyxItem2 .list .item:nth-child(2n){
  box-shadow: inset 0px 3px 0px 0px #27A962;
}
.cyxItem2 .list .item:nth-child(3n){ margin-right: 0; 
  box-shadow: inset 0px 3px 0px 0px #398CEF;
}
.cyxItem2 .list .item .title{ padding:40px 0 30px; line-height: 1.2; }
.cyxItem2 .list .item .iconImg{ height: 79px; }
.cyxItem2 .list .item .iconImg img{ height: 100%; width: auto; }
.cyxItem3 .cyx_Item_1{ flex-direction: row-reverse; }
.cyxItem3 .cyx_Item_1 .cyx_Item_1_txt{ padding-left: 0; padding-right: 120px; }
.cyxItem2 .list .item .txtBox p{ margin-top: 6px; }
.cyxItem2 .list .item .txtBox p:first-child{ margin-top: 0px; }
.cyxItem2 .list .item ul{ padding-left: 18px; }
/* 产研学 end */

/* 招聘联系方式 */
.contactBox table{ border-color: #E1E6F2; }
.contactBox table tr {background: #F2F3FA;}
.contactBox table tr:nth-child(2n){ background: #fff; }
.contactBox table tr th{
  background: #196CCF; line-height: 1; color: #fff;
  text-align: center; padding:18px 0; font-weight: bold;
}
.contactBox table tr td{ padding:12px 0; text-align: center; word-wrap: break-word;}
/* 招聘联系方式 end */

/* 董事会 */
.dshTabList{ flex-wrap: wrap; padding-bottom: 20px; }
.dshTabList .dshLi{ margin-bottom: 20px; margin-right: 7.8%; 
  font-size:24px; font-weight: bold; line-height: 1.2;
}
.dshTabList .dshLi:last-child{ margin-right: 0; }
.dshTabList .dshLi span{ padding-right: 20px; color: #F99C34; }
.dshTabList .dshLi:nth-child(2n) span{ color: #196CCF;}
.dshList table{ width: 100%; text-align: center; 
  border: 1px solid #E1E6F2;
}
.dshList table tr th{ text-align: center; padding:18px 0; 
  background: #196CCF; font-weight: bold; color: #fff;
}
.dshList table tr{ background: #F2F3FA; }
.dshList table tr:nth-child(2n){
  background: #fff;
}
.dshList table tr td{ padding:12px 0;color: #999;}
.dshList table tr td:first-child{ color: #333; }
.dshList table tr td .c{ color: #F99C34; font-weight: bold; }
.dshList table tr td .m{ color: #196CCF; }
/* 董事会 end */

/* 治理团队 */
.wdzTeamBox .item{ background: #F7F8FA; margin-bottom: 40px; border-radius: 8px;
  padding:30px;
}
.wdzTeamBox .item .imgBox{ width: 213px; }
.wdzTeamBox .item .imgBox img{ width: 100%; }
.wdzTeamBox .item .infoBox{ padding-left: 40px; flex: 1; }
.wdzTeamBox .item .infoBox .name{ color: var(--color, #196CCF); font-size:24px; font-weight: bold; 
  line-height: 1.4;
}
.wdzTeamBox .item .infoBox .zw{ font-weight: bold; margin-top: 16px; }
.wdzTeamBox .item .infoBox .ms{ margin-top: 20px; line-height: 2; color: #666; height: 192px; }
.wdzTeamBox .item .infoBox .ms_in{ height: 100%; }
.wdzTeamBox .item .infoBox .ms_in .mCSB_scrollTools .mCSB_draggerRail{ background-color: #d8d8d8!important; }
.appAreaTop .txtBox .mCSB_scrollTools .mCSB_draggerRail{ background-color:#B6C3D2!important; }
/* 治理团队 end */

/* 定期汇报 */
.dqReport .list .item{
  margin-bottom: 20px; border-radius: 8px;
  border: 1px solid #E8E8E8;
}
.dqReport .list .item a{
  padding:32px; display: flex; flex-direction: row-reverse;
}
.dqReport .list .item a .time{ font-family: Arial, Arial;
  width: 100px; font-weight: bold;
  height: 100px;
  box-shadow: inset 0px 4px 0px 0px #196CCF;
  border: 1px solid #F1F1F1; align-items: center;
  display: flex; flex-direction: column; justify-content: center;
}
.dqReport .list .item .time .dd{color: var(--color, #196CCF);
  font-size: 32px; 
  line-height: 1; padding-bottom: 5px;
}
.dqReport .list .item .time .year{
  font-size: 16px;
  color: #666666;
  line-height: 24px;
}
.dqReport .list .item a .txtBox{ display: block; flex: 1; padding-right: 34px; 
  overflow: hidden;
}
.dqReport .list .item a .txtBox .name{ font-weight: bold;
  font-size: 20px;
  line-height: 1.4; 
}
.dqReport .list .item a .txtBox .txt{
  line-height: 2; color: #666; padding-top: 20px;
}
/* 定期汇报 end */

/* 投资者活动纪录 */
.tzrActRecord .list{ flex-wrap: wrap; padding-bottom: 20px; }
.tzrActRecord .list .item{
  background: #F5F7FA;
  border-radius: 8px;
  border: 1px solid #E8E8E8;
  width: calc(100%/3 - 27px);
  margin-right: 40px; margin-top: 40px;
}
.tzrActRecord .list .item:nth-child(3n){ margin-right: 0; }
.tzrActRecord .list .item a{ 
  padding:40px; border-radius: 8px; overflow: hidden; flex-direction: column;
  height: 100%;
}
.tzrActRecord .list .item .imgBox{ width: 56px; height: 64px; overflow: hidden; margin-top: 44px;
  background: url(/image/tzzIcon_nor.png) no-repeat center center / cover;
}
.tzrActRecord .list .item .imgBox img{ width: 100%; height: 100%; display: none; }
.tzrActRecord .list .item .title{ font-size:22px; font-weight: bold; line-height: 1.4; padding:20px 0; }
.tzrActRecord .list .item .detail span{ padding-right: 12px; }
.tzrActRecord .list .item .detail i{ font-size:16px; }

.tzrActRecord .list .item a:hover {
  background: url(/image/zrbd_bg.png) no-repeat center center / cover var(--color, #196CCF);
}
.tzrActRecord .list .item a:hover .imgBox img{ display: block; }
.tzrActRecord .list .item a:hover *{ color: #fff; }
.tzrActRecordNav{ padding:0 80px; margin-bottom: 24px; }
.tzrActRecordNav .tzzTab{ width: 100%; }
.tzrActRecordNav .tzzTab .swiper-container{ width: 100%; overflow: hidden; }
.tzrActRecordNav .tabBtn{ width: 40px; height: 40px; top: 0; 
  border: 1px solid #D9D9D9; border-radius: 100%;
}
.tzrActRecordNav .upPage{ left: 0;}
.tzrActRecordNav .downPage{ right: 0;}
.tzrActRecordNav .tabBtn i{line-height: 40px; color: var(--color, #196CCF); font-size:12px; display: block; transform: scale(.8); }
.tzrActRecordNav .tabBtn a{ display: block; width: 100%; height: 100%; text-align: center; line-height: 40px; }
.tzrActRecordNav .tzzTab a{ width: 100%; height: 40px; line-height: 40px; font-size:18px;
  border-radius: 20px; display: block; text-align: center;
  border: 1px solid #E8E8E8;
}
.tzrActRecordNav .tzzTab .swiper-slide.swiper-slide-thumb-active a{
  background: var(--color, #196CCF); color: #fff;
}
.tzrActRecordNav .tabBtn:hover{ border: 1px solid var(--color, #196CCF); background: var(--color, #196CCF); }
.tzrActRecordNav .tabBtn:hover i{ color: #fff; }
/* 投资者活动纪录 end */
/* 投资者提问 */
.tzrAskBox{ background-position: center bottom; background-repeat: no-repeat; background-size: 100% auto; }
.tzrAskBox .listForm{ flex-wrap: wrap; }
.tzrAskBox .item{ width: calc(100%/3 - 27px); margin-right: 40px; margin-bottom: 40px; }
.tzrAskBox .item.type{ align-items: center; }
.tzrAskBox .item.textareaItem,.tzrAskBox .item.type{ width: 100%; margin-right: 0; }
.tzrAskBox .item.type{ display: flex; }
.tzrAskBox .item:nth-child(3n){ margin-right: 0; }
.tzrAskBox.fwyzcBox .item:nth-child(3n){ margin-right: 40px; }
.tzrAskBox.fwyzcBox .item:nth-child(3n+1){ margin-right: 0; }
.tzrAskBox .item label{ font-size:18px; line-height: 1.4; padding-bottom: 16px; display: block; }
.tzrAskBox .item label span{ color: #ff0000; }
.tzrAskBox .item .inputBox{ 
  height: 60px; align-items: center; padding:0 20px;
  background: #F5F7FA;
  border: 1px solid #F8F8F8;
}
.tzrAskBox .item.type .inputBox{background:none;  border:none; padding:0;}
.tzrAskBox .item.type .inputBox .radioBox{ font-size:16px; color: #666; display: flex; align-items: center;cursor: pointer;
  margin-left: 20px;
}
/* .tzrAskBox .item.type .inputBox .radioBox:first-child input{ margin:0; } */
.tzrAskBox .item.type .inputBox .radioBox input{ position: relative; margin-right: 10px;
  width: 16px; border-color: #D8D8D8; 
}
.tzrAskBox .item.type .inputBox .radioBox input:after{
  content: ""; position: absolute; width: 20px; height: 20px; top: 50%; left: 0; transform: translate(0,-50%);
  background: url(/image/radio_select.png) no-repeat center center / cover;opacity: 0; border-radius: 100%;
}
.tzrAskBox .item.type .inputBox .radioBox input[type="radio"]:checked:after{opacity: 1; z-index: 2;}
.tzrAskBox .item.type input{ resize: inherit; -webkit-appearance: auto; }
.tzrAskBox .item.type label{ padding:0; }
.tzrAskBox .item .inputBox i{ font-size:24px; color: #999; display: block; width: 24px; }
.tzrAskBox .item .inputBox input,.tzrAskBox .item .inputBox textarea { flex: 1; margin-left: 24px; border:none;
  height: 24px; background: #F5F7FA; font-family: \5FAE\8F6F\96C5\9ED1,arial,tahoma,Verdana,sans-serif;
}
.fwyzcBox.tzrAskBox .item .inputBox input, .fwyzcBox.tzrAskBox .item .inputBox textarea,.salesForm .tzrAskBox .item .inputBox input,
.salesForm .tzrAskBox .item .inputBox textarea{ 
  margin-left: 0; width: 100%;
}
.tzrAskBox .item .inputBox textarea{ height: 100%; }
.tzrAskBox .item.textareaItem .inputBox{ height: 300px; align-items: flex-start; padding:20px; }
.tzrAskBox .item.textareaItem .inputBox i{ line-height: 1; }
.tzrAskBox #crv-yzm{ border: 1px solid #B6C3D2; width: 360px; display: flex; margin-right: 40px; }
.tzrAskBox #crv-yzm input { border:none; width: 240px; height: 60px; border-right: 1px solid #B6C3D2; padding:0 20px; 
  background: #F5F7FA;
}
.tzrAskBox #crv-yzm img{ width: 120px; height: 60px;  }
.tzrAskBox .crv-maskForm-submit{ width: 180px; color: #fff; text-align: center; line-height: 60px;
  height: 60px; border:none; cursor: pointer;
  background: #196CCF; 
}
.yzmBtn .crv-tips.msg{ bottom: 5px; }
.crv-tips{ color: #ff0000; font-size:14px; }
/* 投资者提问 end */

/* 联系J9集团 */
.contactInfo{
  background: #FFFFFF;
  box-shadow: 0px 10px 40px 0px rgba(0,0,0,0.1);
}
.contactInfo .imgBox{ width: 50%; }
.contactInfo .imgBox img{ width: 100%; }
.contactInfo .txtLeft{ flex: 1; padding:0 80px; }
.contactInfo .txtLeft .title{ line-height: 1; padding-bottom:40px; border-bottom: 1px solid #ccc; }
.contactInfo .txtLeft .title:after{ 
  content: ""; position: absolute; bottom: -2px; left: 0;
  width: 60px;
  height: 3px;
  background: #196CCF;
 }
.contactInfo .txtLeft ul{ padding-top: 12px; }
.contactInfo .txtLeft ul li{ margin-top: 20px; color: #666; display: flex; align-items: center; }
.contactInfo .txtLeft ul li i{ font-size:16px; display: block; margin-right: 20px; line-height: 1; }
/* 联系J9集团 end */

/* index */
.indexTitleBox{ align-items: center; }
.indexTitleBox a i{ margin-left: 10px; font-size:36px;}
.indexTitleBox a{ display: flex; align-items: center; }
.indexItem { overflow: hidden; width: 100%; }
.hr_rightBox{flex: 1;}
.hr_rightOutBox .hr_rightBox{ flex: auto; overflow: initial; }
.indexItem1 .hr_rightOutBox{ overflow: hidden; padding-top: 33px; flex: 1;}
.indexItem1 .indexproductSearchBox_in{ padding:94px 0 140px;position: relative; }
.indexItem1 .indexItem1_inner{  width: 100%; }
.indexItem1 .indexTitle{ padding-bottom: 70px; line-height: 1; }
.indexItem1 .inputBox{ position: absolute; height: 64px;
left: 50%; top: 0; transform: translate(-50%,-50%);
}
.indexItem1_inner .inputBox_in{
  width: 900px;
  height: 64px;
  background: #FFFFFF;
  border-radius: 4px;
}
.hr_leftNull{ width: calc((100% - var(--w, 1400px)) / 2); }
.indexproductSearchBox_in{ width: var(--w, 1400px); }

.indexItem1 .searchIcon{ width: 60px; text-align: center; }
.indexItem1 .searchIcon i{ font-size: 20px; font-weight: bold; }
.indexItem1 .inputBox_in{ flex: 1; }
.indexItem1 .inputBox_in input{ width: 100%; height: 100%; padding-right: 20px; border:none;}
.indexItem1 .productSearchBtn{ height: 100%; width: 140px; line-height: 64px; text-align: center;
  background: #F7B334FF;  border-radius: 0 4px 4px 0;
}
.indexItem1 .inputBox_in a{ display: block; background: #F7B334FF; 
  font-weight: bold;
  font-size: 16px;
  color: #FFFFFF;
  border-radius: 0 4px 4px 0;
}
.indexItem1 .searchTab .item{ width: 180px; cursor: pointer; }
.indexItem1 .searchTab .item .imgs{ width: 100px; margin:0 auto; position: relative; 
  background: rgba(255,255,255,0.68); border-radius: 100%; opacity: 0.68;
}
.indexItem1 .searchTab .item .imgs:after{
  content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);
  width: 120%; height: 120%; border-radius: 100%; opacity: 0;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  animation: rotate 10s linear infinite;
  transition: transform 4s;
}
.indexItem1 .searchTab .item.active .imgs:after,.indexItem1 .searchTab .item.active .imgs{ 
  opacity: 1; 
}
.indexItem1 .searchTab .item .imgs img{ width: 100%; position:relative; z-index: 2; }
.indexItem1 .searchTab .item .name{ margin-top: 20px; text-align: center; color:#fff;font-weight: bold; }
.indexItem1 .indexProductList{ 
  margin-top: 36px; display: flex; 
  flex-wrap: wrap;
} 
/* .indexItem1 .searchTab .item.active .name{ font-size: 18px;
text-shadow: -1px -1px 0 #F7B334, 1px -1px 0 #F7B334, -1px 1px 0 #F7B334, 1px 1px 0 #F7B334;
} */
.indexItem1 .searchTab .item.active .name{
  color: var(--fill);
  letter-spacing: 1px;
  user-select: none;
  -webkit-text-stroke: 1.5px var(--stroke);
  paint-order: stroke fill;
  /* text-shadow: 2px 2px 3px var(--shadow); */
}
.indexItem1 .searchTab .item.active .imgs{
  border:2px solid #F7B334;
}
.mSearchTab{ position: relative; }
.mSearchTab:after{ content: "";
  position: absolute; bottom: 0; left: -20px; width: 110%; height: 1px; 
  background: rgba(255,255,255,0.2);
}
.mSearchTab .item .imgs{ width: 50px; height: 50px; margin:0 auto; position: relative; }
.mSearchTab .item.active .imgs{
  border:2px solid #F7B334; border-radius: 100%;
}
.mSearchTab .item .imgs img{ position: relative; z-index: 2; background:#fff;
 border-radius: 100%;
}
.mSearchTab .item .imgs:after{
  content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);
  width: 126%; height: 126%; border-radius: 100%; opacity: 0;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  animation: rotate 10s linear infinite;
  transition: transform 4s;
}
.mSearchTab .item.active .imgs:after{
  opacity: 1;
}
.mSearchTab .item .name{ text-align: center; color: #fff; padding-top: 14px; 
  font-weight: bold;
}
.mSearchTab .item img{ width: 100%; }
.mSearchTab .item { position: relative; padding-bottom: 10px; opacity: 0.68; display: block;}
.mSearchTab .item::after{
  content: ""; width: 50px; height: 2px; background: #fff; position: absolute;
  bottom: 0; left: 50%; transform: translate(-50%,0); opacity: 0;
}
.mSearchTab .item.active::after{opacity: 1;}
.mSearchTab .item.active{
  opacity: 1;
}
/* .mSearchTab .item.active .name{   text-shadow: -1px -1px 0 #ff8000, 1px -1px 0 #ff8000, -1px 1px 0 #ff8000, 1px 1px 0 #ff8000, 2px 2px 3px #c25300;} */
.mSearchTab .item.active .name{
  color: var(--fill);
  letter-spacing: 1px;
  user-select: none;
  -webkit-text-stroke: 1.5px var(--stroke);
  paint-order: stroke fill;
  /* text-shadow: 2px 2px 3px var(--shadow); */
}
.mSearchTab .swiper-container .swiper-slide{ width: auto;}
.indexItem1 .indexProductList .item{ background: #fff; position: relative;
  width: calc(100%/3 - 27px); margin-right: 40px; margin-bottom: 30px; 
  height: 64px;
}
.indexItem1 .indexProductList .item>.hr_f_between{ height: 100%; align-items: center; padding:0 20px; }
.indexItem1 .indexProductList .item>.hr_f_between a{ height: 100%; align-items: center; display: flex;
  font-size:18px;
} 
.indexItem1 .indexProductList .item:nth-child(3n){ margin-right: 0; }
.indexItem1 .indexProductList .item .ulList{ position: absolute; top: 62px; background: #fff; z-index: 6;
  width: 100%; padding:20px; visibility: hidden;
}
.indexItem1 .indexProductList .item .txtBox{ color: #0C54B2FF; }
.indexItem1 .indexProductList .item .txtBox span{ color:#333; padding-left: 10px; font-size:16px; }
.indexItem1 .indexProductList .item .ulList_in{ height: 114px; overflow: hidden; }
.indexItem1 .indexProductList .item .ulList li{ margin-top: 4px; }
.indexItem1 .indexProductList .item .ulList li:first-child{ margin-top: 0; }
.indexItem1 .indexProductList .item .ulList li a{ font-size:14px; }
.indexItem1 .indexProductList .item .ulList li a span{ padding-right: 10px; }
.indexItem1 .indexProductList .item:hover .ulList{ visibility: visible; }
.indexItem1 .indexProductList .item:hover .cture{ background: #F7B334; color: #fff; }
.indexItem1 .indexProductList .item:hover .cture *{ color: #fff!important; }
.indexItem1 .indexProductList .item:hover .iconBox i{ display: block; transform: rotate(90deg); }

.indexItem2{ padding-bottom: 50px; position:relative; }
.indexItem2:after{
  content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; 
  background: linear-gradient(271deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
  z-index: 1;
}
.indexItem2>div{ position: relative; z-index: 2; }
.indexItem2 .indexTitleBox a span ,.indexItem2 .indexTitleBox a i{ color: #fff; }
.indexItem2 .indexAppBox{ flex-direction: column;  height: 36vw;}
.indexItem2 .indexAppTab{ height: 220px; }
.indexItem2 .indexAppTab .item{cursor: pointer; width: calc(20% - 4px); margin-left: 5px; position: relative;}
.indexItem2 .indexAppTab .item:first-child{ margin-left: 0; }
.indexItem2 .indexAppTab .item_in{
  width: 100%; padding:26px 20px 0;
  height: 100px;
  background: #FFFFFF;
  border-radius: 12px 12px 0px 0px;
}
.indexItem2 .indexAppTab .cn{ line-height: 1; }
.indexItem2 .indexAppTab .item_in .tIcon{ width: 40px; height: 40px; }
.indexItem2 .indexAppTab .item_in .tIcon img{ height: 100%; }
.indexItem2 .indexAppTab .en{ color: #999; font-size: 12px; padding-top: 10px; }
.indexItem2 .indexAppTab .item_sel .en{ color:#fff; opacity: .6; }
.indexItem2 .indexAppTab .item_sel{ bottom: 0; left: 0;  transform: translateY(20%); opacity: 0;
  width: 100%; padding:24px 0;
  background: linear-gradient( 180deg, #10A5EF 0%, #196CCF 100%);
  border-radius: 12px 12px 0px 0px;
  flex-direction: column; transition: all 0.3s ease;
   /* height: 220px; */
}
.indexItem2 .indexAppTab .item.active .item_sel{
  transform: none; opacity: 1;
}
.indexItem2 .indexAppTab .item_sel .nameBox{ text-align: center; color: #FFFFFF; }
.indexItem2 .indexAppTab .item_sel .imgBox{ width: 78px; height: 78px; display: flex; 
  justify-content: center; align-items: center; margin: 0 auto; padding:12px
}
.indexItem2 .indexAppTab .item_sel .imgBox img{ max-width: 100%; max-height: 100%; }
.indexItem2 .indexAppContainer .title{ display: none; }
.indexItem2 .indexAppContainer .txt{ padding: 24px 0 40px; }
.indexItem2 .indexAppContainer a i{ font-size:48px; background: #fff; border-radius: 100%;
  color:var(--color, #196CCF); line-height: 1;
}
.indexItem2 .indexAppContainer a:hover i{
  background: var(--color, #196CCF); color: #fff;
}
.indexItem3 { width: 100%; overflow: hidden; }
.indexItem3 .svNavSwiper{ margin-top: 60px; position: relative; width: 100%; padding-right: 80px; }
.indexItem3 .svNavSwiper:after{ 
  content: ""; position: absolute; bottom: 0; left: 0; width: calc(100% - 88px);
  border-bottom: 1px solid #d8d8d8;
}
.indexItem3 .svNavSwiper .swiper-container{ 
 flex: 1;  width: 100%;
  overflow: hidden;
}
.indexItem3 .svNavSwiper .swiperBtnBox{ width: 44px; transform: translate(-10px, 10px); 
  position: absolute; right: 0; bottom: 0px; z-index: 2;
}
.indexItem3 .svNavSwiper .swiper-slide{ width: auto; 
  padding:0 10px; padding-bottom: 24px; font-size:18px;
  cursor: pointer; position: relative; text-align: center;
}
.indexItem3 .svNavSwiper .swiper-slide:after{
  content: ""; position: absolute; bottom: -1px; left: 0;
  width: 100%; height: 2px; background: #196CCF; 
  transition: all 0.3s ease; opacity: 0; z-index: 1;
}
.indexItem3 .svNavSwiper .swiper-slide.swiper-slide-thumb-active{ color: var(--color, #196CCF); 
  font-weight: bold;
}
.indexItem3 .svNavSwiper .swiper-slide.swiper-slide-thumb-active:after{
  opacity: 1;
}
.indexItem3 .svNavSwiper .swiperBtnBox>div{
  width: 20px; height: 20px; position: absolute; background: none; color: #666; bottom: 0; text-align: center; line-height: 20px;
}
.indexItem3 .svNavSwiper .swiperBtnBox>div.sw_prev{ left: 0; }
.indexItem3 .svNavSwiper .swiperBtnBox>div.sw_next{ right: 0; }
.indexItem3 .svNavSwiper .swiperBtnBox>div i{ line-height: 1; font-size:14px; }
.indexItem3 .svNavSwiper .swiperBtnBox>div i:hover{color: var(--color, #196CCF);}
.indexItem3 .sv_right{ margin-top: 60px; padding-bottom: 20px; overflow:hidden; }
.indexItem3 .sv_right .swiper-container{ 
  width: 380px; height: 500px; overflow:initial; 
  margin:0;
  margin-left: 370px;
}
.indexItem3 .sv_right .swiper-slide{ 
  height: 440px; margin-top: 60px;
  background: #FFFFFF; padding:30px;
  box-shadow: 0px 10px 30px 0px rgba(0,76,151,0.1);
}
.svSwiperBox{ flex-direction: column-reverse; display: flex; justify-content: space-between; height:100%; }

.indexItem3 .sv_right .iconBox{ width: 44px; height:44px; }
.indexItem3 .sv_right .iconBox img{ height: 100%;}
.indexItem3 .sv_right .iconBox img.sel{ display: none; }
.indexItem3 .sv_right .title{ padding:20px 0 62px; font-size:24px; font-weight: bold; }
.indexItem3 .sv_right .imgBox{ height: 213px; width: 100%; position: relative; }
.indexItem3 .sv_right .txt,.indexItem3 .sv_right .moreIcon{ display: none; line-height: 1.6; }
.indexItem3 .sv_right .moreIcon{ line-height: 1; }
.indexItem3 .sv_right .moreIcon i{ font-size:40px;}
.indexItem3 .sv_right .swiper-slide.swiper-slide-active{width: 100%!important;
  margin-top: 0; height: 500px;
  box-shadow:none; padding:0
}
.indexItem3 .sv_right .swiper-slide .imgBox::before{
  content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: all 0.3s ease;
}
.indexItem3 .sv_right .swiper-slide.swiper-slide-active:hover .imgBox::before{
  box-shadow: 6px 6px 6px 0px rgba(0,0,0,0.2);
}
.indexItem3 .sv_right .swiper-slide.swiper-slide-active a{ 
  display: block; width: 100%; height: 100%; 
}
.indexItem3 .sv_right .swiper-slide.swiper-slide-active a .txtBox{
  position: absolute; left: 0ch; top: 0;
  width: 350px;   padding:70px 40px 80px;
  height: 100%;
  background: rgba(25,108,207,0.9);
  backdrop-filter: blur(20px); color: #fff;
  display: flex; flex-direction: column; justify-content:space-between
}
.indexItem3 .sv_right .swiper-slide.swiper-slide-active .imgBox{ width: 750px; height: 100%; position: absolute;
  right: 0; top: 0;
}
.indexItem3 .sv_right .swiper-slide.swiper-slide-active .iconBox img.sel{ display: block; }
.indexItem3 .sv_right .swiper-slide.swiper-slide-active .iconBox img.nor{ display: none; }
.indexItem3 .sv_right .swiper-slide.swiper-slide-active .title{ padding-bottom: 40px; }
.indexItem3 .sv_right .swiper-slide.swiper-slide-active .txt,.indexItem3 .sv_right .swiper-slide.swiper-slide-active .moreIcon{ 
  display: block; 
}
.indexItem3 .sv_right .txtBox.innerTxt,.indexItem3 .sv_right .swiper-slide.swiper-slide-active .txtBox.outTxt{ display:none; }
.indexItem3 .sv_right .txtBox.outTxt{ display:block; }
.indexItem3 .sv_right .swiper-slide.swiper-slide-active .txtBox.innerTxt{ display:flex; }
.indexItem4{ padding:65px 0; }
.indexItem4 .imgBox{ width: 58.57%; }
.indexItem4 .leftBox{ width: 41.43%; padding-right: 45px; color: #fff; }
.indexItem4 .imgBox img{ width: 100%; }
.indexItem4 .leftBox .title{ padding-top: 75px; font-size:20px;}
.indexItem4 .leftBox .desc{ margin-top: 20px; line-height: 1.3; display: none; }
.indexItem4 .leftBox .txt{ padding-top: 24px; }
.indexItem4 .leftBox .moreBtn{
  margin-top: 60px;
}
.indexItem4 .moreBtn a{ color: #fff;
  width: 160px; height: 48px;
  border: 1px solid rgba(255, 255, 255, 0.6); position: relative;
}
.indexItem4 .moreBtn a:after{
  content: ""; position: absolute; top: -2px; right:-1px; width: 20%; height: 2px; background: #fff;
  transition: all 0.4s ease;
}
.indexItem4 .moreBtn a::before{
  content: ""; position: absolute; bottom: -2px;left:-1px; width: 20%; height: 2px; background: #fff;
  transition: all 0.4s ease;
}
.indexItem4 .moreBtn a .bd{width: 2px; height: 30%; background: #fff;
  transition: all 0.4s ease;
}
.indexItem4 .moreBtn a .bd.l{
  bottom: -1px; left: -2px;
}
.indexItem4 .moreBtn a .bd.r{
  top: -1px; right: -2px;
}
.indexItem4 .moreBtn a:hover:after,.indexItem4 .moreBtn a:hover:before{
  width: calc(100% + 2px);
}
.indexItem4 .moreBtn a:hover .bd{
  height: calc(100% + 2px);
}
.indexItem4 .moreBtn a i{ margin-left: 6px; font-size: 36px; line-height: 1;}
.indexItem4 .list{ width: 100%;
  height: 150px; bottom:40px;
  background: #FFFFFF;
  box-shadow: 0px 2px 4px 0px #F8F8F8;
  border-radius: 4px;
}
.indexItem4 .list .item{ flex: 1; text-align: center;
  position: relative;
}
.indexItem4 .list .item:after{
  content: ""; position: absolute; top: 50%; right: 0; transform: translate(0%, -50%);
  width: 1px;
  height: 80px;
  background: #E8E8E8;
}
.indexItem4 .list .item .numBox{ display: flex; justify-content: center; align-items: baseline; }
.indexItem4 .list .item .numBox span{ font-weight: bold; }
.indexItem4 .list .item .numBox span:first-child{ font-size:40px; line-height: 1; }
.indexItem4 .list .item .name{ color: #666; margin-top: 12px; }

.indexItem5 .indexNewsList{ margin-top: 60px; }
.indexItem5 .indexNewsList .swiper-container{ padding-bottom: 64px; }
.indexItem5 .indexNewsList .time{ margin:30px 0 20px; }
.indexItem5 .indexNewsList .title{ font-size:22px; height: 112px;; }
.indexItem5 .indexNewsList .readMore{ display: flex; justify-content: start; align-items: center; }
.indexItem5 .indexNewsList .readMore i{ background: var(--color, #196CCF); line-height: 1; 
  border-radius: 100%; color: #fff; margin-left: 10px;;
}
.indexItem5 .indexNewsList{ display: flex; flex-wrap: wrap; }
.indexItem5 .indexNewsList .reSwItem{ width: calc(100% / 3 - 40px); margin-right: 60px; }
.indexItem5 .indexNewsList .reSwItem:nth-child(3n){ margin-right: 0;}
.indexItem5 .swiper-container-horizontal > .swiper-scrollbar{ left: 0; width: calc(100% - 60px);
  overflow: hidden;
}
.indexItem5 .indexNewsList .reSwItem .imgBox .imgFix{ padding-bottom: 56.25%; }
.indexItem5 .indexNewsList .reSwItem .indexNewsItem .hr_fullImg{
  transition: all 0.3s ease;
}
.indexItem5 .indexNewsList .reSwItem .indexNewsItem:hover .hr_fullImg {transform: scale(1.1);}
.indexItem5 .indexNewsTool{ bottom: 0px; right: 5px; 
 height: 10px;
}
.indexItem5 .indexNewsTool .newsBtns{
  width: 40px; display: flex;
}
.indexItem5 .indexNewsTool .newsBtns>div{
  position: initial; display: flex; justify-content: center; align-items: center;
  margin:0; background: none;
}
.indexItem5 .indexNewsTool .newsBtns>div i{ font-size:36px; line-height: 1; }
.indexItem5 .indexNewsTool .swiper-scrollbar{ flex: 1; position: inherit; 
  width: calc(100% - 60px); height: 3px;
}

.indexItem6 .indexTitle { color: #fff; }
.indexItem6 .hr_f_between a{ color:#fff }
.indexItem6 .wdzStock{ margin-top: 60px; }
.indexItem6 .wdzStock .list{ width: calc(50% - 40px);  padding:4vh 0 40px; 
   position: relative;
}
.indexItem6 .wdzStock .list:first-child{ width: 35.714%; }
.indexItem6 .wdzStock .list .navListInner { padding:10vh 0; 
  border-top: 1px solid rgba(241, 241, 241, 0.2);
  border-bottom: 1px solid rgba(241, 241, 241, 0.2);
}
.indexItem6 .wdzStock .list .stockCode{ font-size:24px; font-weight: bold; width:100%; }
.indexItem6 .wdzStock .list .stockCode span:nth-child(2){ font-size:20px }
.indexItem6 .wdzStock .list .s_remind {bottom: -28px; left: 0; font-size: 12px;}
.indexItem6 .wdzStock .stockPrice{ padding:5.0526vh 0 0; line-height: 1; font-size:max((100vw/1920)*120, 40px); color:#FF0000; font-weight: bold;
  font-family: Arial;
}
.indexItem6 .wdzStock .stockPrice.green{ color: #25CC6D; }
.indexItem6 .stockPercentage{ font-size:20px; padding:0 0 12px 0; }
.indexItem6 .stockPercentage span{ padding-right: 20px; }
.indexItem6 .stockPercentage span:last-child{ padding-right: 0; }
.indexItem6 .stockPercentage i{ margin-right: 16px; font-size:14px; }
.indexItem6 .stockPercentage i.up{ color:#ff0000; }
.indexItem6 .stockPercentage i.down{ color: #25CC6D; }
.indexItem6 .stockLeftItem:nth-child(2){ padding-top: 8vh; }
.indexItem6 .stockLeft_in .stockLeftItem{ flex-wrap: wrap; } 
.indexItem6 .stockLeftItem ul{ width: 100% }
.indexItem6 .stockLeftItem span{ font-size:20px; }
.indexItem6 .stockLeftItem span:nth-child(2){ font-size:28px; color:#fff; padding-top: 16px; }
.indexItem6 .stockLeftItem li span:first-child{ display: block; }
.indexItem6 .stockLeftItem li b{ padding-left: 6px; font-size:12px; }
.indexItem6 .stockEndTime{ padding-top: 5.0526vh; font-size: 20px;}
.indexItem6 .navListInner{ width: 100%; }
.indexItem6 .navListInner .item{ flex: 1; text-align: center; }
.indexItem6 .navListInner .item .imgBox{ width: 100px; height: 100px; margin:0 auto; }
.indexItem6 .navListInner .item .imgBox img{ max-width: 100%; max-height: 100%; }
.indexItem6 .navListInner .item .title{  margin-top: 12px; font-weight: bold; font-size:24px; }
.indexItem7 .wdzBrand{ margin-top: 32px;flex-wrap: wrap; }
.indexItem7 .wdzBrand .item{ 
  width: calc(100% / 6 - 24px); margin-top: 28px; 
  margin-right: 28px; display: flex; justify-content: center; align-items: center;
}
.indexItem7 .wdzBrand .item:nth-child(6n){ margin-right: 0; }
.indexItem7 .wdzBrand .item img{ max-width: 100%; max-height: 100%; }
/* index end */

/* 造作与服务 */
.makeAndService{ display: flex;   flex-wrap: wrap;}
.makeAndService .mkServiceLeft{ width: 18.75vw; background: #000; }
.makeAndService .viewLeftMenu{ display: none; }
.makeAndService .mkServiceRight{ flex: 1; overflow: auto; z-index: 1; 
  background: #fff;
  padding-left: 24px;
  padding-right: 24px;
}
.makeAndService .mkServiceBread{ 
  height: 52px;
  background: #FFFFFF;
  box-shadow: inset 0px -1px 0px 0px #E8E8E8;
}
.mkServiceBread a{ color: #666; }
.mkServiceBread span{ font-size:24px; }
.mkServiceBread i{ padding:0 6px; color: #666; }
.mkServiceTab .swiper-container{ 
  border-radius: 4px;
}
.mkServiceTab .swiper-slide{  
  border: 1px solid #E1E6F2; border-left: none;
  cursor: pointer;
  width: auto; height: 56px;
}
.mkServiceTab .swiper-slide a{ width: 100%; height: 100%; padding:0 40px;
  display: flex; justify-content: center; align-items: center;
}
.mkServiceTab .swiper-slide:first-child a{
  border-left: 1px solid #E1E6F2;
}

.mkServiceBox .list{ border-bottom: 1px dotted #979797; }
.mkServiceBox.designSupportBox{ width: 100%; overflow: hidden; }
.mkServiceBox.designSupportBox .list{ border:none; }
.mkServiceBox .list:last-child{ border-bottom: none; margin-bottom: 0;}
.mkServiceBox .list .title .icon{ margin-right: 20px; }

.mkServiceTab .swiper-slide.active{ background: var(--color, #196CCF); }
.mkServiceTab .swiper-slide.active a{ font-weight: bold; color: #fff; }
.mkServiceBox.designSupportBox .list .jszc_hp_desc{ padding-top: 30px; }

/* .services_listBox .list .txtBox,.services_listBox .list .txt { overflow-x: auto; } */
.table-responsive{  width: 100%; overflow-x: auto;}


.product_center .center_box {
  display: flex;
}
.product_center .center_box .le_box {
  position: sticky;
  transition: 0.6s;
  background: #f4f4f4;
  padding: 0 0 20px;
  width: 18.75vw;
}
.product_center .center_box .le_box::before {
  content: '';
  position: absolute;
  top: 0;
  left: 70px;
  width: 1px;
  height: 100%;
  background: #cccccc;
}
.product_center .center_box .le_box .div_ {
  position: sticky;
  width: 18.75vw;
}
.product_center .center_box .le_box .tent1 {
  padding: 12px 0;
  cursor: pointer;
  background: #dddddd6e; 
}
.product_center .center_box .le_box .tent1 .svg {
  width: 70px;
  display: flex;
  align-items: center; justify-content: center;
}
.product_center .center_box .le_box .tent1 .svg svg {
   transition: .6s;  
}
.product_center .center_box .le_box .tent1 .svg svg path {
  transition: 0.4s;
}
.product_center .center_box .le_box .tent1:hover .svg svg path{
  fill: var(--color, #196CCF);
}
.product_center .center_box .le_box .tent1 p {
  flex: 1; padding-left: 16px;
  color: #999;
  transition: 0.4s;
}
.product_center .center_box .le_box .tent1:hover p,.product_center .center_box .le_box .tent1:hover .svg i {
  color: var(--color, #196CCF);
}
.product_center .center_box .le_box .tent2 {
  margin: 40px 0 0;
  display: grid;
  gap: 40px;
}
.product_center .center_box .le_box .tent2 .f20 {
    font-size: 18px; font-weight: bold;
}

.product_center .center_box .le_box .tent2 .f18 {
    font-size:16px;
}
.product_center .center_box .le_box .tent2 .level_four .ur_box{margin-top: 20px;}
.product_center .center_box .le_box .tent2 .level_four .ur_box>a{ font-size:14px; }
.product_center .center_box .le_box .tent2 .level_four .ur_box>a.active{ color: var(--color, #196CCF)!important; }
.product_center .center_box .le_box .tent2 .level_four .ur_box:first-child{ margin-top: 0; }
.product_list .center_box .le_box .tent2 {
    margin: 0; 
}
.product_center .center_box .le_box .tent2 .slide {
  align-items: flex-start;
}
.product_center .center_box .le_box .tent2 .slide .icon {
  width: 70px; display: flex; justify-content: center; align-items: center;
  height: auto;
}
.product_center .center_box .le_box .tent2 .slide .icon img {
  width: 30px; font-size:30px;
}
.product_center .center_box .le_box .tent2 .slide .icon i{
  font-size: 30px; color: #666; line-height: 1;
}
.product_center .center_box .le_box .tent2 .slide .menuitem {
  padding: 0 12px 0 16px;
  flex: 1;
}
.product_center .center_box .le_box .tent2 .slide .menuitem .pu_icon {
  width: 28px;
  height: 28px;
  background: #DCDCDC;
  position: relative;
  display: block;
  transition: 0.4s;
  border: 1px solid #dcdcdc;
  display: flex;
  justify-content: center;
  align-items: center;
}
.product_center .center_box .le_box .tent2 .slide .menuitem .pu_icon i {
  transition: 0.4s; font-size:24px; line-height: 1;
  transform-origin: 49% center;
}
.product_center .center_box .le_box .tent2 .slide .menuitem .one {
  position: relative;
  transition: 0.4s;
}
.product_center .center_box .le_box .tent2 .slide .menuitem .one::before {
  transition: 0.4s;
  opacity: 0;
  content: '';
  position: absolute;
  left: -16px;
  top: 50%;
  transform: translateY(-50%);
  width: 2px;
  height: 30px;
  background: var(--color, #196CCF);
}
.product_center .center_box .le_box .tent2 .slide .menuitem .one a {
  transition: 0.4s;
  color: #000;
  flex: 1;
}
.product_center .center_box .le_box .tent2 .slide .menuitem .one span {
   cursor: pointer; 
}
.product_center .center_box .le_box .tent2 .slide .menuitem .two {
  display: none;
  padding-left: 0.12rem;
}
.product_center .center_box .le_box .tent2 .slide .menuitem .two .three {
  cursor: pointer;
  margin-bottom: 20px;
}
.product_center .center_box .le_box .tent2 .slide .menuitem .two .three:last-child {
  margin-bottom: 0;
}
.product_center .center_box .le_box .tent2 .slide .menuitem .two .three .em1 a {
  transition: 0.4s;
  color: #000;
  flex: 1;
}
.product_center .center_box .le_box .tent2 .slide .menuitem .two .three .em1 a:hover {
   color: var(--color, #196CCF);
}
.product_center .center_box .le_box .tent2 .slide .menuitem .two .three .em1 span {
  border-color: #a8a8a8;
  color: #a8a8a8;
  background: transparent;
}
.product_center .center_box .le_box .tent2 .slide .menuitem .two .three .em2 {
  margin: 20px 0 0;
  display: none;
  padding-left: 20px;
}
.product_center .center_box .le_box .tent2 .slide .menuitem .two .three .em2 .level_four {
  margin-bottom: 0.1rem;
}
.product_center .center_box .le_box .tent2 .slide .menuitem .two .three .em2 .level_four:last-child {
  margin-bottom: 0;
}
.product_center .center_box .le_box .tent2 .slide .menuitem .two .three .em2 .level_four .ur_box a {
  flex: 1;
  color: #000;
  transition: .4s;
}
.product_center .center_box .le_box .tent2 .slide .menuitem .two .three .em2 .level_four .ur_box a:hover {
    color: var(--color, #196CCF);
}
.product_center .center_box .le_box .tent2 .slide .menuitem .two .three .em2 .level_four .ur_box span {
  border-color: #a8a8a8;
  color: #a8a8a8;
  background: transparent;
}
.product_center .center_box .le_box .tent2 .slide .menuitem .two .three .em2 .level_four .five {
  display: none;
  margin: 0.12rem 0;
  padding-left: 0.12rem;
}
.product_center .center_box .le_box .tent2 .slide .menuitem .two .three .em2 .level_four .five .five_four {
  margin-bottom: 0.12rem;
}
.product_center .center_box .le_box .tent2 .slide .menuitem .two .three .em2 .level_four .five .five_four:last-of-type {
  margin-bottom: 0.12rem;
}
.product_center .center_box .le_box .tent2 .slide .menuitem .two .three .em2 .level_four .five .five_four.active .five_box a {
  color: var(--color, #196CCF);
}
.product_center .center_box .le_box .tent2 .slide .menuitem .two .three .em2 .level_four .five .five_four.active .five_box span {
  color: #fff;
  background: var(--color, #196CCF);
  border-color: var(--color, #196CCF);
}
.product_center .center_box .le_box .tent2 .slide .menuitem .two .three .em2 .level_four .five .five_four.active .five_box span i {
  transform: rotate(90deg);
}
.product_center .center_box .le_box .tent2 .slide .menuitem .two .three .em2 .level_four .five .five_box a {
  flex: 1;
  color: #000;
  transition: 0.4s;
}
.product_center .center_box .le_box .tent2 .slide .menuitem .two .three .em2 .level_four .five .five_box a:hover {
    color: var(--color, #196CCF);
}
.product_center .center_box .le_box .tent2 .slide .menuitem .two .three .em2 .level_four .five .five_box span {
  border-color: #a8a8a8;
  color: #a8a8a8;
  background: transparent;
}
.product_center .center_box .le_box .tent2 .slide .menuitem .two .three .em2 .level_four .five .six {
  display: none;
  margin-top: 0.12rem;
  padding-left: 0.12rem;
}
.product_center .center_box .le_box .tent2 .slide .menuitem .two .three .em2 .level_four .five .six a {
  margin-bottom: 0.1rem;
  transition: 0.4s;
  color: #666;
}
.product_center .center_box .le_box .tent2 .slide .menuitem .two .three .em2 .level_four .five .six a:last-child {
  margin-bottom: 0;
}
.product_center .center_box .le_box .tent2 .slide .menuitem .two .three .em2 .level_four .five .six a:hover {
  color: var(--color, #196CCF);
}
.product_center .center_box .le_box .tent2 .slide .menuitem .two .three .em2 .level_four .five .six a.active {
  color: var(--color, #196CCF);
}
.product_center .center_box .le_box .tent2 .slide .menuitem .two .three .em2 .level_four.active .ur_box a {
  color: var(--color, #196CCF);
}
.product_center .center_box .le_box .tent2 .slide .menuitem .two .three .em2 .level_four.active .ur_box span {
   color: #fff;
  background: var(--color, #196CCF);
  border-color: var(--color, #196CCF);
}
.product_center .center_box .le_box .tent2 .slide .menuitem .two .three .em2 .level_four.active .ur_box span i {
  transform: rotate(90deg);
}

.product_center .center_box .le_box .tent2 .slide .menuitem.active .one a em,
.product_center .center_box .le_box .tent2 .slide .menuitem .two .three .em2 .level_four .five .five_four.active .five_box a em,
.product_center .center_box .le_box .tent2 .slide .menuitem .two .three .em2 .level_four.active .ur_box a em,
.product_center .center_box .le_box .tent2 .slide .menuitem .two .three.active .em1 a em,
.product_center .center_box .le_box .tent2 .slide .menuitem .two .three.active .em1 a {
  color: var(--color, #196CCF);
}
.product_center .center_box .le_box .tent2 .slide .menuitem .two .three.active .em1 span {
  color: var(--color, #196CCF);
  background: #fff;
  border-color: var(--color, #196CCF);
}
.product_center .center_box .le_box .tent2 .slide .menuitem .two .three.active .em1 span i {
  transform: rotate(90deg);
}
.product_center .center_box .le_box .tent2 .slide .menuitem.active .two {
  margin: 20px 0 0  0;
}
.product_center .center_box .le_box .tent2 .slide .menuitem.active .one::before {
  opacity: 1;
}
.product_center .center_box .le_box .tent2 .slide .menuitem.active .one a {
  color: var(--color, #196CCF);
}
.product_center .center_box .le_box .tent2 .slide .menuitem.active .one span {
  background: var(--color, #196CCF);
}
.product_center .center_box .le_box .tent2 .slide .menuitem.active .one span i {
  transform: rotate(90deg);
  color: #fff;
}
.product_center .center_box .le_box.active {
  width: 70px;
}
.product_center .center_box .le_box.active .tent1 .svg i {
  transform: rotateY(180deg);
}
.product_center .center_box .box1 {
  padding-bottom: 1.5rem;
}
.product_center .center_box .box1 .tent2 {
  margin: 0.4rem 0 0;
}
.product_center .center_box .box1 .tent2 .nt_1 .text .daochu a span {
   margin: 0 0 0 0.1rem;
  transition: .4s; 
}
.product_center .center_box .box1 .tent2 .nt_1 .text .daochu a:hover span {
  color: var(--color, #196CCF);
}

.product_center .center_box .box1 .tent2 .nt_1 .desc {
  margin-top: 0.26rem;
  color: #666;
  line-height: 1.8;
}
.product_center .center_box .box1 .tent2 .nt_2 {
  margin-top: 0.5rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.3rem;
}
.product_center .center_box .box1 .tent2 .nt_2 .item {
  position: relative;
}
.product_center .center_box .box1 .tent2 .nt_2 .item .em_img {
  width: 100%;
}
.product_center .center_box .box1 .tent2 .nt_2 .item .em_img img {
  width: 100%;
}
.product_center .center_box .box1 .tent2 .nt_2 .item .post_1 {
  position: absolute;
  width: 100%;
  top: 22%;
  padding: 0 0.5rem;
}
.product_center .center_box .box1 .tent2 .nt_2 .item .post_1 p {
  color: #fff;
}
.product_center .center_box .box1 .tent2 .nt_2 .item .post_2 {
  position: absolute;
  width: 100%;
  bottom: 10%;
  display: flex;
  padding: 0 0.5rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  overflow: auto;
}
.product_center .center_box .box1 .tent2 .nt_2 .item .post_2::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.product_center .center_box .box1 .tent2 .nt_2 .item .post_2 a {
  position: relative;
  color: #fff;
  margin-right: 0.5rem;
  padding-bottom: 0.2rem;
  white-space: nowrap;
}
.product_center .center_box .box1 .tent2 .nt_2 .item .post_2 a::before {
  transition: 0.4s;
  opacity: 0;
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.03rem;
  background: var(--color, #196CCF);
}
.product_center .center_box .box1 .tent2 .nt_2 .item .post_2 a:last-child {
  margin-right: 0;
}
.product_center .center_box .box1 .tent2 .nt_2 .item .post_2 a:hover,
.product_center .center_box .box1 .tent2 .nt_2 .item .post_2 a.active {
  color: var(--color, #196CCF);
}
.product_center .center_box .box1 .tent2 .nt_2 .item .post_2 a:hover::before,
.product_center .center_box .box1 .tent2 .nt_2 .item .post_2 a.active::before {
  opacity: 1;
}

.product_center .center_box .box2 .tent2 .te_1 {
  margin: 0.4rem 0 0;
}
.product_center .center_box .box2 .tent2 .te_1 .text .daochu a span {
    margin: 0 0 0 0.1rem;
    transition: .4s;
}
.product_center .center_box .box2 .tent2 .te_1 .text .daochu a:hover span {
   color: var(--color, #196CCF);
}
.product_center .center_box .box2 .tent2 .te_1 .desc {
  margin-top: 0.26rem;
  color: #666;
  line-height: 1.8;
}
.product_center .center_box .box2 .tent2 .te_2 {
  margin-top: 0.3rem;
  display: grid;
  gap: 0.16rem;
}
.product_center .center_box .box2 .tent2 .te_2 .item {
  color: #666;
  align-items: flex-start;
}
.product_center .center_box .box2 .tent2 .te_2 .item a {
  position: relative;
  color: var(--color, #196CCF);
  padding-left: 0.14rem;
}
.product_center .center_box .box2 .tent2 .te_2 .item a::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  border: 0.06rem solid var(--color, #196CCF);
  border-bottom-color: transparent;
  border-top-color: transparent;
  border-right-color: transparent;
}
.product_center .center_box .box2 .tent2 .te_2 .item span {
  flex: 1;
  margin-left: 0.16rem;
  line-height: 1.4;
}
.product_center .center_box .box2 .tent2 .te_3 {
  margin: 0.5rem 0 0;
  border-bottom: 1px solid #f0f0f0;
   border-radius: 0.1rem;
  overflow: hidden;
}
.product_center .center_box .box2 .tent2 .te_3 .item {
  display: flex;
  border: 1px solid #f0f0f0;
  border-bottom: none;
}
.product_center .center_box .box2 .tent2 .te_3 .item:first-child {
  border-radius: 0.1rem 0.1rem 0 0;
  overflow: hidden;
}
.product_center .center_box .box2 .tent2 .te_3 .item:last-child {
  border-radius: 0 0 0.1rem 0.1rem;
  overflow: hidden;
}
.product_center .center_box .box2 .tent2 .te_3 .item .le_ {
  width: 2rem;
  background: var(--color, #196CCF);
}
.product_center .center_box .box2 .tent2 .te_3 .item .le_ a {
  width: 100%;
  height: 100%;
  color: #fff;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.product_center .center_box .box2 .tent2 .te_3 .item .le_ a .text {
  margin-top: 0.18rem;
}
.product_center .center_box .box2 .tent2 .te_3 .item .ri_ {
  width: calc(100% - 2rem);
  padding: 0.28rem 0 0.28rem 0.6rem;
  min-height: 2.7rem;
}
.product_center .center_box .box2 .tent2 .te_3 .item .ri_ .auto {
  display: flex;
  overflow: auto;
  padding-bottom: 0.1rem;
}
.product_center .center_box .box2 .tent2 .te_3 .item .ri_ .auto::-webkit-scrollbar {
  width: 0.06rem;
  height: 0.06rem;
}
.product_center .center_box .box2 .tent2 .te_3 .item .ri_ .auto::-webkit-scrollbar-thumb {
  background: var(--color, #196CCF);
}
.product_center .center_box .box2 .tent2 .te_3 .item .ri_ .auto::-webkit-scrollbar-track {
  background: rgba(221, 221, 221, 0.3);
}
.product_center .center_box .box2 .tent2 .te_3 .item .ri_ .li {
  min-width: 1.88rem;
  margin-right: 0.2rem;
  border: 1px solid rgba(232, 90, 38, 0.22);
  text-align: center;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}
.product_center .center_box .box2 .tent2 .te_3 .item .ri_ .li .one a {
  color: var(--color, #196CCF);
  background: rgba(232, 90, 38, 0.22);
  line-height: 0.54rem;
  font-family: 'GilroyBold';
}
.product_center .center_box .box2 .tent2 .te_3 .item .ri_ .li .two {
  padding: 0.26rem 0 .52rem;
  position: relative;
  flex: 1;
}
.product_center .center_box .box2 .tent2 .te_3 .item .ri_ .li .two a {
  color: #666;
  margin-bottom: 0.08rem;
  transition: 0.4s;
  font-family: 'GilroyRegular';
}
.product_center .center_box .box2 .tent2 .te_3 .item .ri_ .li .two a:hover {
  color: var(--color, #196CCF);
}
.product_center .center_box .box2 .tent2 .te_3 .item .ri_ .li .two a:last-child {
  margin-bottom: 0;
}
.product_center .center_box .box2 .tent2 .te_3 .item .ri_ .li .two .post {
  position: absolute;
  bottom: 0.16rem;
  width: 100%;  
}

.product_center .center_box .box2 .tent2 .te_4 {
  margin-top: 0.14rem;
  width: 100%;
}
.product_center .center_box .box2 .tent2 .te_4 img {
  width: 100%;
}


/* 造作与服务 end */
/* e-Service start */
.eServiceTop .imgBox{ width: 400px; height: 267px; overflow: hidden; } 
.eServiceTop .imgBox a{ display: block; }
.eServiceTop .imgBox img{ width: 100%; height: 100%;}  
.eServiceTop .txtBox { flex: 1; padding-right: 80px;}
.eServiceBox .onlineList .list{ padding-top: 10px; flex-wrap: wrap; }
.eServiceBox .onlineList .list .item{ width: calc(100%/3 - 34px); margin-top: 40px; margin-right: 50px; 
  background: #F0F4FF; padding:40px 50px;
}
.eServiceBox .onlineList .list .item:nth-child(3n){ margin-right: 0; }
.eServiceBox .onlineList .list .item_in .num{ right: -20px; 
  font-family: Arial, Arial;
  font-weight: normal;
  font-size: 48px;
  color: #F0F4FF;
  line-height: 55px;
  text-stroke: 1px #CCCCCC;
  text-align: left;
  font-style: normal;
  -webkit-text-stroke: 1px #CCCCCC;
}
.eServiceBox .onlineList .list .item_in .imgs{ height: 48px; }
.eServiceBox .onlineList .list .item_in .imgs img{ height: 100%; }
.eServiceBox .onlineList .list .item_in .title{ padding:20px 0 16px; line-height: 1.4;
  font-size:22px; font-weight: bold; color: #333;
}
.eServiceBox .onlineList .list .item_in .desc{ color: #666; }
.eServiceBox .orderFlow .imgsBox{margin-top: 60px; text-align: center;}
.eServiceBox .orderFlow .imgsBox img,.eServiceBox .orderFlow .mimgsBox img{ max-width: 100%;}
.eServiceBox .orderFlow .mimgsBox{ margin-top: 30px; }
.makeListBox{ flex-wrap: wrap; margin-top: 40px;}
.makeListBox .item{ width: calc(100%/3 - 37px); margin-right: 55px;}
.makeListBox .item:nth-child(3n){ margin-right: 0; }
.makeListBox .item a{ padding:0 30px 0 60px; height: 120px;
  background: #F9FBFF; transition: all 0.3s ease; 
  border: 1px solid #E2EDFF; position: relative;
}
.makeListBox .item a:after{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 30px; height: 100%; 
  background: url(/image/listItemBg.png) no-repeat center center / cover;
}
.makeListBox .item a .l{ overflow: hidden; }
.makeListBox .item a .name{
  font-size:20px; font-weight: bold;
}
.makeListBox .item a .name.edaName{ color: #666; font-weight: normal; font-size:20px; }
.makeListBox .item a .name .en{ font-size:16px; color:#999;
}
.makeListBox .item a i{ font-size: 32px;
  color: #A7B5CC; transition: all 0.3s ease; 
}
.makeListBox .item .svgIcon{ margin-right: 30px; }
.makeListBox .item .svgIcon img{ width: 42px; }
.makeListBox .item .svgIcon svg{ 
  width: 42px; font-size:42px; line-height: 1;
}
.makeListBox .item a:hover{
  border: 1px solid #196CCF; background: #F9FBFF;
}
.makeListBox .item a:hover i{ color:var(--color, #196CCF); }
/* e-Service end */
.makeBoxTop .eServiceTop{ margin-top: 66px; }
.makeListBox.files_cl_2 .item{ width: calc(50% - 45px); margin-right: 90px; }
.makeListBox.files_cl_2 .item:nth-child(2n){ margin-right: 0; }
/* 设计支持-EDA */
.eadImgsBox .list{ flex-wrap: wrap; }
.eadImgsBox .list .item{ margin-top: 30px;
  width: calc(100%/7 - 16px); margin-right: 20px;
}
.eadImgsBox .list .item .imgFix{ padding-bottom: 36.5217%; }
.eadImgsBox .list .item .imgFix img{ max-width: 100%; max-height: 100%; }
.edaBox .makeListBox{ margin-top: 40px; }
.edaTitle{ line-height: 1; margin-top: 88px;}
.edaTitle i{ font-size:30px; color: var(--color, #196CCF); line-break: 1; margin-right: 16px; }
/* 设计支持-EDA end */
.eadTable .edaTitle{  margin-top: 0px;}
.zctxBox .eServiceTop{
  flex-direction: row-reverse;
}
.zctxBox .eServiceTop .imgBox{
  width: 800px; height: 534px;
}
.zctxBox .eServiceTop .txtBox {
  padding:0 0 0 100px;
}
.hjwzOutBox,.fzxsBox{ width: 100%; overflow:hidden; }
/* 环安卫系统 */
.hawtxListBox .item{
  width: 100%;border: 1px solid #E8E8E8; padding:40px; margin-bottom: 40px;
  justify-content: center; align-items: center;
}
.hawtxListBox .item .imgsBox{ width: 192px; height: 192px; overflow: hidden; display: flex; justify-content: center; align-items: center; }
.hawtxListBox .item:first-child .imgsBox{ width: 280px; height: auto;}
.hawtxListBox .item .imgsBox img{ max-width: 100%; max-height: 100%; }
.hawtxListBox .item .txtBox{ flex: 1; padding-right: 60px; }
.hawtxListBox .item:nth-child(2n) .txtBox{
  padding-right: 0; padding-left: 60px;
}
.hawtxListBox .item:nth-child(2n){
  flex-direction: row-reverse;
}
.hawtxListBox .item .txt{ padding-top: 30px; color: #666; line-height: 2; }
.hawtxContainer .hawTxtList{ width: 100%; overflow:hidden; }
.hawtxContainer .hawTxtList .list{ padding-bottom: 120px; }
.hawtxContainer .tipsTitle{ padding-bottom: 16px; }
.hawtxContainer .hawTxtList .ltitle{
  color: var(--color, #196CCF); font-weight: bold;
}
.hawtxContainer .hawTxtList .l_desc{ padding-top: 20px; }
.hawtxContainer .hawTxtList .txt{ padding-top: 40px; }
.hawtxContainer .hawTxtList .makeListBox{ margin-top: 40px; }
.hawtxImgsList .imgsItem{ margin-bottom: 80px; }
.hawtxImgsList .imgsItem:last-child{ margin-bottom: 0; }
.hawtxImgsList .imgsItem:first-child .txtBox{ padding-top: 20px; }
.hawtxImgsList .imgsSwiper{ padding-top: 40px; position: relative;}
.hawtxImgsList .imgsSwiper:after{
  content:""; position: absolute; top: 40px; right: 0;background: linear-gradient( 90deg, rgba(255,255,255,0) 0%, #FFFFFF 100%);
  width:20%; height: 80%; z-index: 1;
}
.hawtxImgsList .imgsSwiper .swiper-container .name{ margin-top: 20px; }
.ScrollbarNotLock.swiper-container{ padding-bottom: 60px; }
/* .ScrollbarNotLock.swiper-container-horizontal > .swiper-scrollbar{ width: 100%; left: 0; } */
.hawtxImgsList .hidePubBox.imgsSwiper:after{
  display: none;
}
.zctxBox .eServiceTop.hjwzglBox .txtBox{ padding:0!important; }
/* 环安卫系统 end */

/* 晶圆代工 */
.jydgComtainer .topNavBox .imgs_left{
  flex: 1; overflow: hidden; display: block; height: 600px;
}
.jydgComtainer .topNavBox .imgs_left a{ display: flex; width: 100%; height: 100%; flex-direction: column; 
  padding:10%; justify-content: flex-start;
}
.jydgComtainer .topNavBox .imgs_left a i{
  font-size: 48px;
  border-radius: 100%; color: #fff;
  border: 1px solid #fff;
  line-height: 1;
}
.jydgComtainer .topNavBox .imgs_left a .iconBox{ margin-top: 10%; }
.jydgComtainer .topNavBox .navList{
  width: 780px; padding-left: 80px; flex-direction: column;
}
.jydgComtainer .topNavBox .navList .navName{ line-height: 1.2; padding-bottom: 42px; }
.jydgComtainer .topNavBox .list{ flex-direction: column; flex: 1; }
.jydgComtainer .topNavBox .list .item{
  background: #EFF4FB; margin-bottom: 20px;
  border-radius: 4px;
}
.jydgComtainer .topNavBox .list .item { padding:28px 30px; }
.jydgComtainer .topNavBox .list .item:last-child{ margin-bottom: 0; }
.jydgComtainer .topNavBox .list .item ul{ display: none; }
.jydgComtainer .topNavBox .list .item .item_img i{ font-size:32px; line-height: 1.3; color:var(--color, #196CCF)}
.jydgComtainer .topNavBox .list .item .item_m{ padding-left: 30px; }
.jydgComtainer .topNavBox .list .item_r i{ font-size:24px; transition: all 0.3s ease;
  font-weight: bold; background: #272635; border-radius: 100%;
  color: #fff; cursor: pointer;
}
.jydgComtainer .topNavBox .list .item_r:hover i{ background: #196CCF; }
.jydgComtainer .topNavBox .list .item.active{
  background: #196CCF; flex: 1;
}
.jydgComtainer .topNavBox .list .item .leftBox{ align-items: center; }
.jydgComtainer .topNavBox .list .item.active .leftBox{ align-items: flex-start; }
.jydgComtainer .topNavBox .list .item.active ul{ display: block; padding-top: 20px; }
.jydgComtainer .topNavBox .list .item.active ul li{ margin-top: 4px; }
.jydgComtainer .topNavBox .list .item.active ul a{ color: #fff; }
.jydgComtainer .topNavBox .list .item.active .first_a{color: #fff;}
.jydgComtainer .topNavBox .list .item.active .item_r{ display: none; }
.jydgComtainer .topNavBox .list .item.active .item_img i{ color: #fff; }
.jydg_link .item{
  width: calc(100%/3 - 30px); margin-right: 55px;
  
}
.jydg_link .item:nth-child(3n){ margin-right: 0; }
.jydg_link .item .fullImg {
  padding:10% 30px 8% 11.216%; flex-direction:column;
  background: linear-gradient( 90deg, rgba(3,52,109,0) 0%, rgba(51,51,51,0.6) 100%);
}
.jydg_link .item .fullImg .nameBox{ line-height: 1.2; }
.jydg_link .item .fullImg .en{ padding-top: 16px; opacity: .6; }
.jydg_link .item .fullImg .iconBox i{ font-size:60px; color: rgba(255,255,255,.6); 
  display: inline-block; line-height: 1; border-radius: 100%;
  border: 2px solid rgba(255,255,255,0.4); transform: rotate(-45deg);
}
.jydg_link .item a:hover .iconBox i{
  transform: rotate(0deg);
  background: #fff;
 color: var(--color, #196CCF);
}
.salesAndmarke{ position: fixed; 
  z-index: -20; top: 50%; left: 50%; width: 80%; height: auto;
  background: #fff; transform: translate(-50%, -50%); opacity: 0;
  visibility: hidden; transition: all 0.3s ease;
}
.salesAndmarke.active{
  z-index: 301; opacity: 1; visibility: visible;
}
.salesAndmarke .top{
  height: 40px;
  background: #C6DEFB;
  padding:0 40px;
}
.salesAndmarke .top .closeBtn{ width: 24px; cursor: pointer; }
.salesAndmarke .wdzOnLine{ padding:30px 40px 38px; }
.salesAndmarke .tzrAskBox .item .inputBox{ height: 40px; }
.salesAndmarke .tzrAskBox .item label{ padding-bottom: 12px; }
.salesAndmarke .tzrAskBox .item{ margin-bottom: 20px; }
.salesAndmarke .tzrAskBox .item label{ font-size:16px; }
.salesAndmarke .tzrAskBox .item.textareaItem .inputBox{ height: 80px; }
.salesAndmarke .tzrAskBox .item.companyProducts{ width: 100%; margin-right: 0; }
.salesAndmarke .tzrAskBox #crv-yzm input{ height: 40px; }
.salesAndmarke .tzrAskBox #crv-yzm img{ height: 40px; }
.salesAndmarke .tzrAskBox .crv-maskForm-submit{width: 120px; height: 42px; line-height: 42px; }
.salesAndmarke .yzmBtn .crv-tips.msg{ bottom: 0; }
/* 晶圆代工 end */

/* 封装工艺 */
.prodcutView .list:last-child{ padding-bottom: 0; }
.prodcutView .list .titleBox i{ color: var(--color, #196CCF); font-size: 24px; }
.prodcutView .list .titleBox span{
  padding-left: 12px;
}
/* 封装工艺 end */

/* 掩模造作 */
.productType .titleBox i{ color: var(--color, #196CCF); 
  font-size:36px
}
.productType .titleBox span{ padding-left: 12px; }
.productType .list .item{
  width: calc(100%/3 - 30px); margin-right: 55px; background: #F5F5FA;
  border: 1px solid #E6EAF6; padding:40px; 
}
.productType .list .item:nth-child(3n){ margin-right: 0; }
.productType .list .item .txtBox{color: #666; padding-top: 16px;line-height: 2;}
.productType .list .item .li:first-child{ margin-top: 0; }
.productType .list .item .li a{ color: var(--color, #196CCF); }
.productType .list .item .title{ line-height: 1; }
.productType .list .item .txtBox i{ margin-right: 5px; 
  font-style: normal;
}
.productType .list .item:last-child .txtBox i{ color: var(--color, #196CCF);  }
/* 掩模造作 end */

/* 服务与支持 */
.serviceForm{ flex-wrap: wrap; }
.serviceForm .item{ width: calc(100%/3 - 52px); margin-right: 78px; 
  margin-bottom: 48px;
}
.serviceForm .item:nth-child(3n+1),.serviceForm .item.radio_item,.serviceForm .item.textareaItem{
  margin-right: 0;
}
.serviceForm .item.radio_item{
  width: 100%; display: flex;
}
.serviceForm .item.textareaItem{ width: 100%; }
.serviceForm .item>label{
  font-size:18px;
}
.serviceForm .item>label span{ color:#ff0000; }
.serviceForm .item.radio_item .radioList{ padding-left: 20px; }
.serviceForm .item.radio_item .ritem{ margin-right: 48px; 
  display: flex; justify-content: flex-start; align-items: center;
}
.serviceForm .item.radio_item .ritem:last-child{ margin-right: 0; }
.serviceForm .item.radio_item .ritem label{
  color:#666
}
.serviceForm .item.radio_item .radioList input{ position: relative;
  width: 20px; height: 20px; margin-right: 10px;
}
.serviceForm .item.radio_item .radioList input:after{
  content: ""; position: absolute; top: 0px; left: 0px;
  width: 100%; height: 100%; border-radius: 100%;border: 1px solid #D8D8D8;
}
.serviceForm .item.radio_item .ritem svg{ position: absolute; 
  font-size: 22px; z-index: -1; opacity: 0;
}

.serviceForm .item.radio_item .radioList input:checked+svg{ 
  z-index: 1;opacity: 1;
}
.serviceForm .item .inputBox{ margin-top: 16px; }
.serviceForm .item .inputBox{
  width: 100%; height: 60px; display: flex; align-items: center;
  background: #F7F8FA; padding:0 20px;
  border: 1px solid #E8E8E8;
}
.serviceForm .item .inputBox input{
  width: 100%; border:none; background: none;
}
.serviceForm .item.textareaItem .inputBox{
  height: 300px; width: 100%; padding:20px;
}
.serviceForm .item.textareaItem .inputBox textarea{
  height: 100%; width: 100%; border:none; background: none;
  font-family:\5FAE\8F6F\96C5\9ED1,arial,tahoma,Verdana,sans-serif;
}
/* 服务与支持 end */


/*利用*/
.wdzApplication .list{ width: 100%; height: 585px; overflow: hidden; 
  border-radius: 20px; margin-bottom: 40px;
}
.wdzApplication .list:last-child{ margin-bottom: 0; }
.wdzApplication .list:after{
  content: ""; position: absolute; top: 0; left: 0;
  width: 100%; height: 100%;
  background: linear-gradient( 271deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.3) 100%);
  border-radius: 20px;
}
.wdzApplication .list_in{ width: 100%; height: 100%; }
.wdzApplication .list_in,.wdzApplication .list_in a{ z-index: 10; color: #fff; }
.wdzApplication .list_in>div{ padding:0 100px; }
.wdzApplication .list_in .title{ line-height: 1; padding-bottom: 25px; position: relative; }
.wdzApplication .list_in .title:after{ 
  content: '';position: absolute; bottom: 0px; left: 0;
  width: 150px; height: 1px; background: #DBE1E8;
}
.wdzApplication .list_in .title::before{
  content: '';position: absolute; bottom: 0; left: 0;
  width: 40px;
  height: 2px;z-index: 1;
  background: #196CCF;
}
.wdzApplication .list_in ul{ padding-top: 20px; }
.wdzApplication .list_in ul li{ margin-top: 4px; }
.wdzApplication .list_in ul li a{ width: 160px;
  display: flex; justify-content:space-between; align-items: center;
}
.wdzApplication .list_in ul li span{ padding-right: 16px; }
.wdzApplication .list_in ul li a i{ font-size:12px; line-height: 1;}
/*利用 end*/

/* 资料下载 */
.wdzFileList{ flex-wrap: wrap; }
.wdzFileList .list{ width: calc(50% - 20px); margin-right: 40px; 
  margin-bottom: 80px;
}
.wdzFileList .list:nth-child(2n){ margin-right: 0; }
.wdzFileList .list a.imgsBox{ width: 41.764%; position: absolute; 
  top: 0; left: 18px;
}
.wdzFileList .list a.imgsBox .imgFix{ padding-bottom: 131.746%; box-shadow: 0 5px 10px #f8f8f8; }
.wdzFileList .list a.imgsBox:hover .hr_fullImg{ transform: scale(1.1); }
.wdzFileList .list a.imgsBox .imgFix_in{ border-radius: 8px; overflow: hidden; }
.wdzFileList .rBox .imgFix{ padding-bottom: 57.794%; }
.wdzFileList .rBox .rBox_in{ width: 100%;height: 100%; padding-top: 10%; 
  
}
.wdzFileList .rBox .rBox_in a{ display: block; width: 100%; height: 100%; 
  background: #F7F8FA; 
  padding-left: calc(41.764% + 50px); 
  padding-right: 13.24%;
  padding-bottom: 48px;
  border-radius: 8px;
}
.wdzFileList .rBox .rBox_in a .rTxt{ flex-direction: column; height: 100%; line-height: 1.6;}
.wdzFileList .rBox .rBox_in a .name{ height: 104px; }
.wdzFileList .rBox .rBox_in a i{ font-size:48px; line-height: 1; 
  color: var(--color, #196CCF); width: 48px; overflow: hidden; border-radius: 100%; border:2px solid var(--color, #196CCF);
}
.wdzFileList .rBox .rBox_in a:hover i{
  color: #fff; background: var(--color, #196CCF);
  
}
/* 资料下载 end */

/* 利用领域 */
.appTitle .i{ padding-right: 16px; }
.appAreaTop .txtBox{ background: linear-gradient( 270deg, rgba(255,255,255,0.8) 0%, #FFFFFF 100%);
  height: 390px; width: 640px; padding:60px 40px 0 60px;
}
.appAreaTop .txtBox .name{ padding-bottom: 30px; }
.appAreaTop .txtBox .hr_desc{ 
  height: 209px; overflow: hidden;
}
.appAreaImage .imgBox img{ max-width: 100%; }
.appCircuitBox{ border: 1px solid #DDDDDD; }
.appCircuitBox .appTab{ height: 54px;
  background: #F1F4F9;
  border-bottom: 1px solid #DDDDDD; 
}
.appCircuitBox .appTab{
  font-size: 18px; line-height: 54px;
  color: #196CCF;
}
.appCircuitBox .appTab span{ font-weight: bold; padding-left: 30px; }
.appCircuitBox .appTab .item{ min-width: 120px;
  width: auto; font-size:18px; cursor: pointer; padding:0 6px;
  height: 100%; 
  background: #FFFFFF;
  text-align: center; border-right: 1px solid #DDDDDD;
}
.appCircuitBox .appTab .item.active{ background: var(--color, #196CCF); color: #fff; }
.appCircuitBox .imgsBox{ padding-right: 480px; }
.appCircuitBox .imgsBox .imgFix{ padding-bottom: 57.7689%; }
.appCircuitBox .imgsBox .imgMapBg{ background: rgba(0,0,0,0.1); z-index: 10; cursor: pointer;}
.appCircuitBox .imgsCom{ width: 100%; height: 100%; position: relative; }
.appCircuitBox .imgsCom .imgItem{ 
  width: 100%; height: 100%; position: absolute; left:0; top:0; z-index: -1; opacity: 0; visibility: hidden;
}
.appCircuitBox .imgsCom .imgItem.active{ opacity: 1; z-index: 2; visibility: visible; }
.appCircuitBox .imgsCom .imgItem img{ max-width: 100%; max-height: 100%; }
/* .appCircuitBox .imgsCom .imgItem .mapBox{ display:flex; justify-content: center; align-items: center; width: 100%; height: 100%; } */
.appCircuitBox .imgsCom .imgItem .mapBox{ width: 100%; height: 100%; }
.proView{ border-left: 1px solid #DDDDDD; 
  height: 100%; overflow: hidden;
  right: 0; top: 0; width: 480px;
}
.proView .list{ height: 100%; }
.proView .proName{ height: 54px; line-height: 54px; padding-left: 20px; 
  font-size:18px; color: #333;
}
.proView .list .ulItem { height: calc(100% - 54px); }
.proView ul li{ cursor: pointer; 
  padding:15px 20px;color: var(--color, #196CCF);
  border-bottom: 1px solid #DDDDDD;
}
.proView ul li.active{ font-weight: bold; }
.proView .list .mCSB_scrollTools {width: 5px!important;}

/* 选型推荐 */
.proView .hotProList .pItem.firstPItem{ background: #196CCF; }
.proView .hotProList .pItem.firstPItem .proli{ text-align: center; color: #fff; }
.proView .hotProList .pItem{ border-bottom: 1px solid #e8e8e8; height:40px; overflow: hidden; }
.proView .hotProList .pItem .proli{ padding:0 8px; border-right: 1px solid #E8E8E8; 
  height: 100%; line-height: 40px; overflow: hidden; text-align: left;
}
.proView .hotProList .pItem:last-child{ border-top: none }
.proView .hotProList .pItem .proli:last-child{border-right: none;}

.proView .hotProList .pItem .proli.serialNumber{ width: 60px; text-align:center;}
.proView .hotProList .pItem .proli.proLine{ width: 100px; text-align: center; }
.proView .hotProList .pItem .proli.proClass{ width: 126px; }
.proView .hotProList .pItem .proli.productName{ flex:1; }
.proView .hotProList .pItem .proli.productName span{ cursor: pointer; transition: all 0.6s ease; }
.proView .hotProList .pItem.proItem{ cursor: pointer; }
.proView .hotProList .pItem.proItem:hover,.proView .hotProList .pItem.proItem.active{ background: #F2F3FA; }
/* 规划优势 */
.faysBg.faysListBg{background-image: url(/image/faysList_bg.png);}  /* faysList_bg.png */
.faysBg.faysTxtBg{background-image: url(/image/faysTxt_bg.jpg);}
.proView .ulItem .mCSB_inside > .mCSB_container{ margin-right: 0; }

/* 利用领域 end */
/* 利用领域 v2 */
.appChannelName{ line-height: 1; }
.application_box_in .appChannelCTitle{ padding-top: 32px; }
.application_box_in .app2ImgBox{ min-height:550px; }
.application_box_in .app2ImgBox::before{ content: ""; width: 100%; height: 100%; overflow: hidden; position: absolute; top: 0; left: 0; 
  background: rgba(0, 0, 0, 0.4); visibility: hidden; opacity: 0; z-index: 1;
}
.application_box_in .app2ImgBox.active::before{ visibility: visible; opacity: 1; }
.application_box_in .app2ImgBox_in { width:100%; height:100%; overflow:hidden; top:0; left:0; z-index: 2;
  flex-direction: column;
}
.application_box_in .app2ImgBox_in .txtBox{ flex: 1; padding:0 max(15%,40px); }
.application_box_in .app2ImgBox_in .txtBox .item{ flex-direction: column; color:#fff; display: none;
  height: 100%;
}
.application_box_in .app2ImgBox_in .txtBox .item.active{ display: flex; }
.application_box_in .app2ImgBox_in .txtBox .item .faTitle{ padding:20px 0 30px; line-height: 1;}
.application_box_in .app2ImgBox_in .txtBox .item .pic{ height: 38px; }
.application_box_in .app2ImgBox_in .txtBox .item .pic img{ height: 100%; }
.application_box_in .app2ImgBox_in .btns{ height: 64px; margin-bottom: 30px; display: flex; justify-content: center; align-items: center; }
.application_box_in .app2ImgBox_in .btns .btn{ width: 20%; margin:0 10px; height: 100%; background: #fff; padding:0 24px; 
  cursor: pointer;
}
.application_box_in .app2ImgBox_in .btns .btn img{ height: 30px; }
.application_box_in .app2ImgBox_in .btns .btn.active{ background: var(--color, #196CCF); color: #fff; }
.application_box_in .app2ImgBox_in .btns .btn img.sel,.application_box_in .app2ImgBox_in .btns .btn.active img.nol{
   display: none; 
}
.application_box_in .app2ImgBox_in .btns .btn.active img.sel{ display: block; }
.app2ImgBox_in ul{ flex-wrap: wrap; display: flex; margin-top: -20px; }
.app2ImgBox_in ul li{ width: 46%; margin-right: 8%; margin-top: 20px; }
.app2ImgBox_in ul li:nth-child(2n){ margin-right: 0; }
.app2ImgBox_in ul li .i{ padding-right: 10px; }
.app2ImgBox_in ul li .i i{ font-size:14px; }
.app2ImgBox_in ul li .txt{ flex: 1; }
/* 利用领域 v2 end */
/* nav */

.ybmNav {
  height: 68px;
  width: 100%;
  background: #fff;
  box-shadow: inset 0px -1px 0px 0px #E8E8E8;
}
.ybmNav .ybmNav_in{ box-shadow: inset 0px -1px 0px 0px #E8E8E8; }
.ybmNav .item {
  padding: 0 30px;
}

.ybmNav .item a {
  position: relative;
  display: block;
  line-height: 68px;
  color: #666;
  font-size: 16px;
}

.ybmNav .item a:after {
  content: "";
  bottom: 0;
  position: absolute;
  height: 2px;
  background-color: #196CCF;
  left: 0;
  width: 0;
  transition: all ease-in-out 0.4s;
  opacity: 0;
}

.ybmNav .item a:hover:after,
.ybmNav .item.active a:after {
  width: 100%;
  opacity: 1;
}

.ybmNav .item.active a,
.ybmNav .item a:hover {
  color: #196CCF;
}

.ybmNav .item.active a {
  font-weight: bold;
}

/* nav end */


/* 详情页 */
.notBannerHead{
  box-shadow: inset 0px -1px 0px 0px #F2F2F2;
}
.ybDetail .ybDetail_in {
  width: 1160px;
  margin: 0 auto;
}

.wjsingle {
  overflow: hidden;
  width: 100%;
  text-align: justify;
}

.wjsingle img {
  max-width: 100%;
}

.ybDetail_in .dtName {
  color: #333333;
  font-weight: bold;
}

.ybDetail_in .dtInfo {
  margin-bottom: 40px;
  padding: 40px 0 38px;
  border-bottom: 1px solid #F2F2F2;
}

.ybDetail_in .dtInfo span.li {
  padding: 0 20px;
  color: #666;
}

.dtImgsBox .dtSwiperBtn {
  width: 40px;
  top: 36%;
  height: 40px;
  border-radius: 100%;
  overflow: hidden;
  background: #FFFFFF;
  text-align: center;
  border: 1px solid #d8d8d8;
}

.dtImgsBox .dtSwiperBtn_next {
  right: -56px;
}

.dtImgsBox .dtSwiperBtn_prev {
  left: -56px;
}

.dtImgsBox .dtSwiperBtn i {
  font-size: 12px;
  line-height: 40px;
  transform: scale(0.8);
  display: block;
}
.dtImgsBox .dtSwiperBtn:hover{
  border: 1px solid var(--color, #196CCF);
  background: var(--color, #196CCF);
}
.dtImgsBox .dtSwiperBtn:hover i{ color: #fff; }
.fjShare {
  margin-top: 80px;
  height: 80px;
  box-shadow: inset 0px -1px 0px 0px #F2F2F2, inset 0px 1px 0px 0px #F2F2F2;
}

.fjShare .fx {
  line-height: 80px;
  color: #666;
}

.fjShare .item {
  border-radius: 100%;
  margin-left: 20px;
  width: 40px;
  height: 40px;
  text-align: center;
  cursor: pointer;
}

.fjShare i {
  font-size: 40px;
  line-height: 40px;
  color: #64AA44;
  display: block;
  margin: 0 auto;
}

.fjShare .item:nth-child(2) {
  border-color: #196CCF;
}

.fjShare .item:nth-child(2) i {
  color: #DA4409;
}

.fjShare .item:nth-child(3) {
  border-color: #61A9EA;
  ;
}

.fjShare .item:nth-child(3) i {
  color: #61A9EA;
}

.fjShare .list {
  padding: 20px 0;
}

.fjShare .list .item {
  position: relative;
}

.fjShare .list .item .codeBox {
  position: absolute;
  width: 140px;
  height: 140px;
  padding: 20px;
  background-repeat: no-repeat;
  bottom: 40px;
  left: 50%;
  margin-left: -70px;
  background-size: 100% 100%;
  background-position: center;
  background-image: url(/image/code-fbg.png);
  transition: all ease-in-out 0.4s;
  transform: translateY(50px);
  opacity: 0;
  z-index: 0;
}

.fjShare .list .item #qrcode {
  width: 100%;
  height: 100%;
}

.fjShare .list .item:hover .codeBox {
  opacity: 1;
  z-index: 1;
  transform: none;
}

.rqpreNext {
  width: 100%;
  padding-top: 20px;
  overflow: hidden;
}

.rqpreNext h4 {
  color: #666;
  padding-bottom: 20px; font-weight:bold;
}

.rqpreNext .txt,
.rqpreNext .txt a {
  color: #333;
}

.rqpreNext .txt span {
  padding-left: 40px;
  color: #9E9E9E;
}

.rqpreNext .txt .power-prevNext-no {
  padding: 0;
}

.rqpreNext .item {
  width: calc(50% - 16px);
  margin-top: 20px;
}


/* 慈悲公益 详情 */

.ybCharityDt_in .txt {
  padding: 0 100px 80px;
}

.ybCharityDt_imgBox {
  padding-top: 80px;
  background-size: auto 400px;
  background-position: top center;
}

.dtImgsBox .ybCharityDt_imgBox {
  padding-top: 0;
}

.ybCharityDt_imgBox .imgBox_in {
  width: 760px;
  margin: 0 auto;
  padding: 16px 30px;
  border-radius: 8px;
  background-color: #fff;
}

.imgBox_in_swiper {
  width: 100%;
}

.ybCharityDt_imgBox .CharityimgBox_top {
  width: 100%;
  height: 531px;
  padding-bottom: 64px;
}

.CharityimgBox_thumbs_out {
  padding: 40px 68px 0;
  border-top: 1px solid #F4F4F4;
}

.CharityimgBox_thumbs .swiper-slide>div {
  width: 100%;
  padding-bottom: 66.66%;
}

.imgBox_in_swiper .swiper-slide {
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 8px;
}

.CharityimgBox_top .swiper-pagination {
  width: auto;
  bottom: 15px;
  font-family: Haettenschweiler, 'Arial Narrow Bold', sans-serif;
}

.CharityimgBox_top .swiper-pagination .swiper-pagination-current {
  color: #196CCF; font-size:18px; 
}

.CharityimgBox_top .topSwiperTxt {
  bottom: 0;
  height: 64px;
  left: 48px;
  width: calc(100% - 48px);
}

.topSwiperTxt .sTxt_in {
  width: 100%;
  height: 100%;
}

.topSwiperTxt .sTxt_in .t {
  line-height: 1.4;
}

.CharityimgBox_thumbs_out .btn_icon {
  width: 48px;
  height: 48px;
  text-align: center;
  bottom: 16px;
  cursor: pointer;
  overflow: hidden;
}

.CharityimgBox_thumbs_out .btn_icon i {
  font-size: 30px; color: #666;
  line-height: 48px;
  font-weight:bold;
}

.CharityimgBox_thumbs_out .Charity-button-next {
  right: 0;
}

.CharityimgBox_thumbs_out .Charity-button-prev {
  left: 0;
}

.CharityimgBox_thumbs .swiper-slide {
  opacity: 0.4;
}

.CharityimgBox_thumbs .swiper-slide.swiper-slide-thumb-active {
  opacity: 1;
}

.CharityimgBox_top .swiper-button-prev,
.CharityimgBox_top .swiper-button-next {
  width: 48px;
  height: 48px;
  background-color: rgba(51, 51, 51, 0.8);
  overflow: hidden;
  border-radius: 100%;
  background-size: 20%;
}

/* 网站地图 */
.mapBox .list{ padding-bottom: 60px; margin-bottom: 60px; box-shadow: inset 0px -1px 0px 0px #E8E8E8; }
.mapBox .list:last-child{
  margin-bottom: 0; 
}
.mapBox .list h2{ line-height: 1; }
.mapBox .list .itemBox{ flex-wrap: wrap; }
.mapBox .list .itemBox .item{ margin-right: 100px; margin-top: 30px; }
.mapBox .list .itemBox .item:last-child{ margin-right: 0; }
.mapBox .list .itemBox .item .navLink2{ display: flex; justify-content: start; align-items: center; }
.mapBox .list .itemBox .item .navLink2 i{ display: none; color: #F99C34; 
  font-size: 12px;
  margin-left: 5px;
  transform: scale(.7);
}
.mapBox .list .itemBox .navLink2 a{ font-weight: bold; }
.mapBox .list .itemBox ul li{ margin-top: 16px; line-height: 1;}
.mapBox .list .itemBox ul li a{ color: #666; font-size: 14px; }
.mapBox .list .itemBox ul li a:hover{color: var(--color, #196CCF);}
.wdzSingle{ width: 100%; overflow: hidden; }
.wdzSingle img{ max-width: 100%!important; height: auto!important; }
/* 网站地图  end */
/* 分享 */
/* .fnav .shareBox span {
  display: none;
} */

.shareBox i {
  color: #fff;
  border: 1px solid #fff;
  border-radius: 100%;
  font-size: 48px;
  line-height: 1;
}

.shareBox .sItem {
  margin-right: 40px;
  cursor: pointer;
}
.shareBox .sItem:first-child{ margin-left: 20px;}
.shareBox .sItem .a {
  width: 100%;
  height: 100%;
}
.rightMapMenu .shareBox .sItem:first-child{ display:none; }
.shareBox .sItem:last-child {
  margin: 0;
}

.foot_top .left span {
  color: #999;
}

.shareBox .sItem i:hover {
  background: var(--color, #196CCF);
  color: #fff;
  border-color: var(--color, #196CCF);
}

.shareBox .codeInBox .imgsList>div {
  padding: 5px;
  width:156px;
}

.shareBox .codeInBox .imgsList>div img {
  width: 146px;
  height: 146px;
}

.shareBox .codeOutBox {
  z-index: -10;
  opacity: 0;
  visibility: hidden;
  right: 50%;
  transform: translate(50%, -40px);
  bottom: 50px;
  padding-bottom: 10px;
}

.shareBox .sItem:last-child .codeOutBox {
  transform: translate(0%, -40px);
  left: auto;
  right: 0;
}

.shareBox .codeInBox {
  background: #fff;
  border-radius: 8px;
  padding: 5px 10px 0;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
}

.shareBox .codeInBox .txt {
  text-align: center;
  font-size: 12px;
  padding: 0px 10px 20px;
}

.shareBox .codeInBox .sjBg {
  line-height: 0;
  bottom: -10px;
  width: 20px;
  left: 50%;
  height: 10px;
  margin-left: -10px;
}

.shareBox .sItem:last-child .codeInBox .sjBg {
  left: calc(100% - 26px);
}

.shareBox .codeInBox .sjBg img {
  height: 100%;
  line-height: 0;
}

.shareBox .sItem .a:hover .codeOutBox {
  opacity: 1;
  z-index: 120;
  visibility: visible;
  transform: translate(50%, 0);
}

.shareBox .sItem:last-child .a:hover .codeOutBox {
  transform: none;
}
/* 分享 end */

/* 发展过程 */
.ybHistoryList_btn {
  width: 100%;
}

.ybHistoryList_btn .swiper-button-prev,
.ybHistoryList_btn .swiper-button-next {
  top: 65px;
  width: 48px;
  height: 48px;
  background: none;
  margin: 0;
  background: #fff; border-radius: 100%;
}

.ybHistoryList_btn .swiper-button-prev {
  left: 0;
}
.ybHistoryList_btn .h_btn:hover {background: #F7B334;}
.ybHistoryList_btn .h_btn:hover i{ color: #fff; }
.ybHistoryList_btn .swiper-button-next {
  right: 0;
}
.ybHistoryList_btn .bb-dis.h_btn,
.ybHistoryList_btn .bb-dis.h_btn:hover { 
  opacity: .8; 
  background: #fff;
}
.ybHistoryList_btn .bb-dis.h_btn i,
.ybHistoryList_btn .bb-dis.h_btn:hover i{ color: #F99C34; }
.ybHistoryList_in::before{ content: ""; border-top: 1px dotted #fff; 
  position: absolute; top: 88px; width: 100%;;
}
.ybHistoryList_btn .h_btn i {
  line-height: 1;
  font-size: 24px;
  border-radius: 100%;color: #F99C34;font-weight: bold; 
}
.wdzHistoryPd{ padding:0 80px; }
.wdzHistoryPd .swiper-container{ padding:0 24px; }
.wdzHistoryPd .year {
  color: #A3C4EC;
  cursor: pointer;
  line-height: 1;
}


.wdzHistoryPd .bb-sel .topinfo .year{
  color: #fff;
  transform: scale(1.2);
  transform-origin: left;
}
.wdzHistoryPd .swiper-container .h_dian_in{ width: 16px;
  height: 16px; border-radius: 100%; margin-top: 40px; margin-left: 40px;
  background: #A3C4EC; position: relative;
}
.wdzHistoryPd .swiper-container .h_dian_in:after{
  content: "";
  position: absolute;
  top: 50%;
  left: 50%; width: 200%; height: 200%;
  background: rgba(255,255,255,0.6); border-radius: 100%;
  opacity: 0; transform: scale(1) translate(-50%, -50%);
  transform-origin: center center; z-index: 2;
}
.wdzHistoryPd .swiper-container .h_dian_in::before{
  content: "";
  position: absolute;
  top: 50%;
  left: 50%; width: 100%; height: 100%;
  background: #fff; border-radius: 100%;
  opacity: 0; transform:translate(-50%, -50%);
  transform-origin: center center; z-index: 3;
}
.wdzHistoryPd .swiper-container .bb-sel .h_dian_in:after,.wdzHistoryPd .swiper-container .bb-sel .h_dian_in::before{
  opacity: 1;
}
.wdzHistoryPd .swiper-container .bb-sel .h_dian_in{ margin-left: 44px;  }
.wdzHistoryPd .txtBox { padding-top: 60px; color:#fff; min-height: 200px; }
.item_2_sdbs .imgBox{
  width: 661px; height: 515px;
}
.item_2_sdbs .list{ padding-left: 80px; overflow: hidden; flex: 1; }
.item_2_sdbs .list .item{ display: none; }
.item_2_sdbs .list .item.active{ display: block; }
.item_2_sdbs .addrItem{ color: #fff; font-size:12px;
  height: 88px;width: 88px; border-radius: 100%; 
  background: url(/image/sdbsBg.png) no-repeat center center / cover;
  display: flex; justify-content: center; align-items: center; flex-direction: column;
  transition: all ease-in-out 0.4s; opacity: 1;
  left: 67%; top: 48%; cursor: pointer;
}
.item_2_sdbs .list .item .tabCom { height: 403px; }
.item_2_sdbs .addrItem.active{
  opacity: 1;
}
.item_2_sdbs .addrItem:nth-child(2){
  left: 38%; top: 55%; width: 100px; height: 100px;
}
.item_2_sdbs .addrItem:nth-child(3){
  left: 57%; top: 74%;
}
.item_2_sdbs .addrItem i{ line-height: 1; 
  animation: bb 2s linear 0s infinite;
  cursor: pointer;
}
.item_2_sdbs .addrItem span{ margin-top: 8px; }
/* 发展过程 end */

/* m质量治理 */
.mHistoryBox{ padding:20px 16px; 
  background: url(/image/honor_titleBg.png) no-repeat #fff left top / 50% auto;
}
.mHonorTopBox .honorImgBox{ margin-bottom: 26px; }
.mHonorTopBox .honorListBox_item{ padding:0; }
.mHonorTopBox .honorImgBox .year{ text-align: left; font-weight: bold; font-size:40px; }
.mHonorTopBox .honorImgBox .en{ padding-top: 10px; }
.mHonorTopBox .honorListBox_item .txtBox{ height: 250px; overflow-y: auto; }
.mHonorTopBox .honorListBox_item ul li{ padding:0;}
.mHonorList{ margin-top: 20px; height: 110px; padding:20px 20px 24px; }
.mHonorList  .swiper-slide{ color: #fff;font-size:14px; line-height: 1; text-align: center; }
.mHonorList  .swiper-slide.swiper-slide-thumb-active{ font-size:24px; }
.mHonorList_sw .swiper-slide{ height: 24px; line-height: 24px; }
.mHonorList_Btn{ margin-top: 24px; display: flex; justify-content: space-between; align-items: center; }
.mHonorList_Btn>div{ width: 16px; height: 16px; line-height: 1; }
.mHonorList_Btn>div img{ width: 100%; }
/* m质量治理 end */

/* Prototyping Support */
.psLists .list { border-bottom: 1px dotted #ccc; }
.psLists .list:last-child{ border:none; }
.psLists .list .itemBox .item{ margin-top: 80px; }
.psLists .list .itemBox .item .iTitle{ font-weight: bold; }
.listsBZ{ color: #CE292E;}
.psLists .list .itemBox .item .txtBox{ margin-top: 40px; }
/* Prototyping Support end */

/* 封装集成 */
.fzgyBox .list .item:last-child{ border-bottom: none; }
.fzgyBox .list .item .name i{ color: var(--color, #196CCF); font-size:24px; }
.fzgyBox .list .item .name span{ padding-left: 10px; font-weight: bold; }
.fzgyBox .list .item .wdz_desc{ padding:40px 0 24px; color: #666; }
.fzgyBox .list .item .textBox{ padding-top: 40px; }
.textBox img{ max-width: 100%; }
.introduce{ padding-left: 22px; line-height: 1; margin-bottom: 30px; display: none; }
.introduce:after{
  content: ""; position: absolute; left: 0; top: 0; width: 6px; height: 100%; background: var(--color, #196CCF);
}
.fzjcTxtBox .name i{ color: var(--color, #196CCF); font-size:24px; }
.fzjcTxtBox .name span{ padding-left: 10px; font-weight: bold; }
.fzjcTxtBox .textBox{ padding-top: 40px; }
.fzjcBox .left{ flex: 1; }
/* 封装集成 end */
.sitepopup{position: fixed; 
  width: 100%; height: 100%; top: 0; left: 0; z-index: 299;
  background-color: rgba(0, 0, 0, 0.6); display: none;
}
.sitepopup.active{ display: block; }
.rightMapMenu{ position: fixed; z-index: 300; top: 0; right: 0; bottom: 0; width: 1150px; height: 100%; 
   padding-left: 269px;  transition: all ease-in-out 0.4s; transform: translateX(100%);
   background: url(/image/rightMapBg.png) no-repeat left top / auto 110%;
}
.rightMapMenu.active{ transform: none; }
.rightMap_in{ padding-right: 100px; padding-top: 128px; height: 100%; overflow-y: auto; 
  background: #fff;
}
.rightMap_in .mapList{
  height: calc(100vh - 380px);
  overflow-y:auto;
}
.mapFooter{ margin-top: 40px; padding-right: 84px; }
.mapFooter>div{
  border-top: 2px solid #196CCF; padding-top: 40px;
}
.mapFooter>div .left{ font-size:14px; color: #666;  }
.mapFooter>div .left p{ margin-bottom: 4px; }
.mapFooter>div .right .map_f_icon{ width: 48px; height: 48px;  cursor: pointer; }
.mapFooter>div .right .map_f_icon i{ font-size:48px; line-height: 1; color: #fff; background: #B6C3D2;border-radius: 100%; }
.rightMapCloseBtn{ right: 48px; top: 48px; cursor: pointer; font-size:32px; 
  font-weight: lighter;color:#666;
}
.rightMapCloseBtn img{ width: 32px;}
.mapList .item h4{ line-height: 1; }
.mapList .item{ margin-top: 48px; }
.mapList .item:first-child{ margin-top: 0; }
.mapList .item ul{ overflow: hidden; }
.mapList .item ul li{ margin-top: 24px; float:left; margin-right: 40px;}
.mapList .item ul li a{ color: #666; }
.mapList .item ul li a i{ font-size:12px; 
  display: inline-block;
  transform: scale(0.6);
  color: #b6b6b6;
}
.mapList .item ul li a span{ padding-left: 6px; }
.mapList .item ul li a:hover,.mapList .item ul li a:hover i{ color: #196CCF; }
/* 产品导航 */
.hRight .nav>ul li>.cNavBox{ position: absolute;  
  width: 150px;
  box-shadow: 0px 4px 0px 0px rgba(0,0,0,0.2); padding:30px 0;
  left: -50%;
  transition: all 0.3s ease-in-out; top: 80px; opacity: 0;z-index: -10;
  visibility:hidden
}
.hRight .nav>ul li:hover .cNavBox{
  top: 110px; opacity: 1; z-index: 10; visibility:visible
}
.hRight .nav>ul li>.cNavBox a{ display: block; 
  text-align: left; margin-bottom: 16px; color:#333; padding:0 16px;
}
.hRight .nav>ul li>.cNavBox a:hover{ color: #196CCF; }
.proMenuBox{ position: fixed; left:0; top:60px; width:100%; background: #fff; 
  transition: all 0.6s ease-in-out; overflow: hidden;
  box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.2);
  opacity: 0;z-index: -10;visibility:hidden
}
.ejbody_b .proMenuBox{ position: fixed; }
.proMenuBox.active{
  top: 79px; opacity: 1; z-index: 12; visibility:visible
}
.proMenuTab{ height: 64px; line-height: 64px; box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.1); }
.proMenuTab .item{ padding:0 34px; color: #666; cursor: pointer; }
.proMenuTab .item:hover{ color: #196CCF; }
.proMenuList,.proMenuList .list{ height: 416px; }
.proMenuList .txtBox{ width: 320px; height: 100%;
  background: linear-gradient( 315deg, #E9F4FE 0%, rgba(255,255,255,0) 100%);
  box-shadow: inset -1px 0px 0px 0px #E8E8E8; 
  padding:40px 20px;
}
.proMenuList .txtBox .img{ width: 48px; }
.proMenuList .txtBox .img img{ width: 100%; }
.proMenuList .txtBox .name{ padding:20px 0; line-height: 1; }
.proMenuList .txtBox .txt{ font-size:14px; }
.proMenuList .rightBox{ flex: 1; 
  padding:10px 80px 75px;
}
.proMenuList .rightBox .ulBox{ width: 100%; flex-wrap: wrap; }
.proMenuList .rightBox .ulBox .li{ width: 30%; margin-right: 4%; margin-top: 30px; }
.proMenuList .rightBox .ulBox .li:nth-child(3n){ margin-right: 0; }
.proMenuList .rightBox .ulBox .li .liTitle{ font-weight: bold; 
  padding-bottom: 16px;
  box-shadow: inset 0px -1px 0px 0px #F2F2F2;
}
.proMenuList .rightBox .ulBox .li ul li{ width: 50%; float: left; margin-top: 20px; font-size:14px;}
.proMenuList .rightBox .ulBox .li ul li span{ color: #196CCF; padding-right: 6px;}
.proMenuList .rightBox .ulBox .li ul li a{
  font-size: 14px;
  color: #666;
}
.proMenuList .rightBox .ulBox .li ul li a:hover{ color: #196CCF; }
/* 产品导航 end */

/* 搜索 */
.ejSearchBox{ width: 100%; position:fixed; top: 79px; padding:50px 0;
  background: #FFFFFF;
  box-shadow: 0px 4px 0px 0px rgba(0,0,0,0.2), inset 0px 1px 0px 0px rgba(232,232,232,0.5);
  border-top: 1px solid rgba(0,0,0,0.2);
  visibility: hidden; opacity: 0;
  transform: translateY(50px); z-index: 20;
}
.indexBody .ejSearchBox{ position: fixed; }
.body_home .ejSearchBox,.body_page .ejSearchBox{visibility: hidden!important; opacity: 0!important;}
.body_home.showdiv .ejSearchBox.active,.body_page.showdiv .ejSearchBox.active{
  visibility: visible!important; opacity: 1!important;
}
.ejSearchBox.active{visibility: visible; opacity: 1; transform:none; z-index: 100; }
.ejSearchBox .search_in { width: 1300px; height: 80px; padding-left: 174px; transform: translateX(-35px);
  background: #F5F7FA; 
  border-radius: 4px;
}
.ejSearchBox .search_in .search_w { padding-right: 200px; height: 80px;}
.ejSearchBox .search_in .search_w  a{width: 180px; line-height: 80px; display: block; right: 0px; top: 0px; bottom:0;
  height: 80px; font-size:20px;
  background: #333333;
  border-radius: 0px 4px 4px 0px;
}
.ejSearchBox .search_in .searchSelectBox{width: 154px; height: 100%; left: 0px; top:50%; transform: translateY(-50%);  line-height: 1; }
.ejSearchBox .search_in .searchSelectBox>i{ font-size:24px; position: relative; }
.ejSearchBox .search_in .searchSelectBox>i:after{
  content: ""; left: -20px; width: 1px; display: block; position: absolute; top: -4px;
  height: 30px;
  background: #D8D8D8;
}
.ejSearchBox .search_in a:hover{ color: #fff;}
.ejSearchBox .search_in input{ width: 100%; height: 80px; padding:5px; border:none; background: none;
  font-size:20px;
}
.ejSearchBox .search_in .searchSelectBox .searchList{ height: 100%; padding-left: 24px; }
/* .ejSearchBox .search_in .searchSelectBox .txtBox{ height: 100%; } */
.ejSearchBox .search_in .searchSelectBox .txtBox span{ font-size:20px; padding-right: 10px; }
.ejSearchBox .search_in .searchSelectBox .txtBox i{ display: inline-block;
  font-size:12px; transform: scale(0.8);
}
.ejSearchBox .search_in .searchSelectBox .searchList ul{ left: 0; top: 100%; background: #F5F7FA; padding:0px 0 20px;
  border-radius: 0 0 4px 4px; width: 114px; display: none;
}
.ejSearchBox .search_in .searchSelectBox:hover .searchList ul{ display: block; }
.ejSearchBox .search_in .searchSelectBox .searchList ul li{ margin-top: 20px; }
.ejSearchBox .search_in .searchSelectBox .searchList ul li:first-child{ margin-top: 0; }
.ejSearchBox .search_in .searchSelectBox .searchList ul a{  display: block;
  background: none; color: #333; font-size:18px; padding:0 20px; width: 100px;
}
.ejSearchBox .search_close {
  right: -70px;
  top: 18px;
}
.ejSearchBox .search_close{ cursor: pointer; }
.ejSearchBox .search_close img{width: 30px;}
.ejSearchBox .search_close p{ color: #196CCF; padding-top: 6px; font-size:14px; }
/* 搜索 end */

/* m端导航 */
.mNavBox{ position: fixed; z-index: 999; width: 100%; background:#fff; height:100%; overflow:hidden;
  transition: all 0.3s ease-in; top: 0;
  transform: translateX(100%); opacity: 0;
}
.mNavBox.active{ transform: translateX(0); opacity: 1; }
.mNavHeader{
  height: 60px;
  background: #FFFFFF;
  box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.05);
  position: fixed; left: 0; top:0; width: 100%; padding:0 16px;
}
.mNavHeader a img{ height: 34px; }
.mNavHeader .mNavCloseBtn{ width: 40px; height: 40px; 
  background: #196CCF; border-radius: 100%; line-height: 40px; text-align: center; 
}
.mNavHeader .mNavCloseBtn i{ color: #fff; }
.mNavBox_in{ height: 100%; padding: 88px 16px 72px;;}
.mNavBox_in .mNavList{ overflow: auto; height: 100%; }
.mNavBox_in .mNavList .list>a{ font-size:16px; line-height: 45px; position: relative;
  border-bottom:1px solid #E8E8E8;
}
.mNavBox_in .mNavList .list>a.single_link{ display:block; }
.mNavBox_in .mNavList .list>a i{ display:block; color:var(--color); font-size:12px; transform: scale(.6); }
.mNavBox_in .mNavList .list.active>a i{ transform: scale(.6) rotate(180deg); }
.mNavBox_in .mNavList .list ul{ display: none; }
.mNavBox_in .mNavList .list.active ul{ display: block; }
.mNavBox_in .mNavList .list ul li a{ font-size:14px; color: #666; line-height: 40px; 
  display: block; padding-left: 16px; border-bottom:1px solid #E8E8E8;
}
.mNavBox_in .mNavList .list.active>a{ color: #196CCF; }

.mNavBox_in .mNavList .list ul li.df_link a{ color: #196CCF; }
/* .mNavBox_in .mNavList .list.active>a:after{
  content: "";
  position: absolute; left: -16px; top: 50%; transform: translateY(-50%);
  width: 40px; height: 40px; border-radius: 100%; border: 2px solid rgba(25,108,207,0.2);
} */
.mNavBox .mNavFooter .linkItem{ width: 80px; height: 32px; 
  background: #FFFFFF; cursor: pointer;
  border-radius: 16px; display: flex; justify-content: center; align-items: center;
  border: 1px solid #D8D8D8; font-size:12px; color: #666;
}
.mNavBox .mNavFooter .lg{ display: flex; }
.mNavBox .mNavFooter .lg .linkItem{ margin-left: 16px; }
.mNavBox .mNavFooter .lg .linkItem:first-child{ margin-left: 0; }
.mNavBox .mNavFooter .lg .linkItem img{ width: 12px; margin-right: 8px; }
.mNavBox .mNavFooter .lg .lgList{ bottom: 32px; left: 50%; transform: translateX(-50%); 
  background: #FFFFFF; width: 100%;
  box-shadow: 0px 0px 10px 0px #D8DFE7;
  border-radius: 8px; opacity: 0; visibility: hidden; z-index: -10;
}
.mNavBox .mNavFooter .lg .lgList.active{opacity: 1; visibility: visible; z-index: 10; }
.mNavBox .mNavFooter .lg .lgList a{ display: block; font-size:12px; text-align: center; line-height: 24px; }
.mNavBox .mNavFooter .lg .lgList a:first-child{ border-bottom: 1px solid #D8DFE7; }
.mNavBox .mNavFooter .left .linkItem{ margin-right: 16px; }
.mNavBox .mNavFooter .left .linkItem:last-child{margin-right: 0;}
.mNavFooter{ width: 100%;
  position: fixed; bottom: 0px; left: 0;; padding:10px 16px 30px; background-color: #fff; z-index: 2; 
}
/* m端导航 end */
#goTopBtn{ position:fixed; bottom: 108px; right: 16px; z-index: 300; display: none; }
.goTopBtn_in img{ width: 56px; cursor: pointer; }

.companyVideo .video-js .vjs-big-play-button{
  background: url(/image/aboutUsvideoBtn.png) no-repeat center center / cover rgba(0, 0, 0, 0);
  border:none;
}
.companyVideo .video-js .vjs-big-play-button span{ display: none; }
.lgList{ left: 0; width: 100%; top: 96%; padding-top: 10px; transform: translateY(10px); visibility: hidden; 
  transition: all 0.2s ease-in; z-index: -1; opacity: 0;
}
.tLG:hover .lgList{ visibility: visible; transform: none; z-index: 300; opacity: 1; }
.lgList .lgList_in{ background: #fff; border-radius: 8px; box-shadow: 0 0 10px rgba(0,0,0,0.3);}
.body_home.showdiv .lgList .lgList_in{ 
  background: none;  box-shadow:none;
}
.lgList .lgList_in a{ display: block; text-align: center; padding:10px 0;}
.lgList .lgList_in a:first-child{ border-bottom: 1px solid #eee;}
.body_home.showdiv .lgList .lgList_in a{ margin-bottom: 5px; 
  border: 1px solid #fff;
  border-radius: 20px;
  padding: 5px 0;
}
.body_home.showdiv .lgList .lgList_in a:hover{ background: #196CCF; border-color: #196CCF; }
.searchpage{ padding:0 95px; }
.searchpage .topSearchTxt{ margin-top: 20px; }
.searchDownLoad{ margin-top: 30px; }
.searchpage .spageBoxOut{ padding:0 243px; }
.searchpage .spageBox { width: 100%; height: 64px;
background: #F5F7FA;
border-radius: 4px; 
}
.searchpage .spageBox .inputBox{ flex: 1; height: 100%;}
.searchpage .spageBox .inputBox i{ width: 60px; text-align: center;
  font-size:20px; color: #666;
}
.searchpage .spageBox .inputBox input{ width: 100%; height: 100%; padding:0 10px; font-size:16px; 
  border:none; background: none;
}
.searchpage .spageBox .btn{width: 140px;
  height: 64px; color: #fff; text-align: center; line-height: 64px; font-weight: bold;
  background: #333333; cursor: pointer;
  border-radius: 0px 4px 4px 0px;  
}
.pro-suoqu-btn2{
  width: 160px; font-size:18px; color: #fff; cursor: pointer;
  height: 48px;
  background: #1D82FB;
}
.pro-suoqu-btn2 i{ margin-right: 10px; color: #fff; }
.searchProductList .searchItem:first-child{ padding:0; }
.searchProductList .searchItem .f_proList{ margin-top: 30px; 
  opacity: 0; visibility: hidden; transition: all 0.2s ease-in;
}
.searchProductList .crm-search-left .crm-search-left-list-table tr,.searchProductList .crm-search-right-list .crm-search-right-table tr{
  background: #eee;
}
.searchProductList .crm-search-left .crm-search-left-list-table tr:nth-child(even),.searchProductList .crm-search-right-list .crm-search-right-table tr:nth-child(even){
  background: #fff;
}
.searchDownBtn{ margin-top: 30px; }
.searchDownBtn a{margin:0 auto; display:block; width: 26px; height:40px; border:1px solid #d8d8d8; border-radius:16px; }
.searchDownBtn a:after{
  content: ''; position: absolute; top: 8px; left: 50%; transform: translate(-50%, -50%);
  width:2px; height:6px; background-color: #666;
}

/* index banner video */
.videoPup {
  position: fixed;
  top: 0px;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  visibility: hidden;
  opacity: 0;
  transform: translateY(100vh);
}

.videoPup.active {
  z-index: 320;
  visibility: visible;
  opacity: 1;
  transform: none;
}

.videoPup .videoPupBox {
  width: 100%;
  height: 100%;
}

.videoPup .closeVideoPup {
  right: 24px;
  top: 24px;
  width: 36px;
  height: 36px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  z-index: 200;
  background: rgba(255, 255, 255, 0.8);
  cursor: pointer;
}

.videoPup .closeVideoPup i {
  line-height: 1;
  color: #666;
}

.videoPup .videopup_in,
.videoPup .videopup_in .videopup_videoBox {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #000;
}


/* 造作与服务 表格滚动条形状 */
/* .table-responsive .swiper-container-horizontal > .swiper-scrollbar{ height: 2px!important; }
.table-responsive .mCSB_scrollTools .mCSB_draggerRail{ width: 100%!important; background-color: #d8d8d8!important; }
.table-responsive .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 100%!important; height: 3px!important; background-color: #196CCF!important; } */


/* 整个滚动条 */
.table-responsive ::-webkit-scrollbar {
    width: 6px;  /* 滚动条宽度 */
    height: 6px; /* 水平滚动条的高度 */
}

/* 滚动条轨路 */
.table-responsive ::-webkit-scrollbar-track {
    background: #d8d8d8; /* 轨路色彩 */
}

/* 滚动条滑块 */
.table-responsive ::-webkit-scrollbar-thumb {
    background: #196CCF; /* 滑块色彩 */
    border-radius: 6px; /* 滑块圆角 */
}
div#swhz,div#level_2{ position: relative; 
  padding-top: 80px; transform: translateY(-80px);
}
div#swhz:after {
  content: "";
  position: absolute;
  height: 80px;
  width: 100%;
  top: -80px;
  z-index: -1;
}

/* 人才关爱改版 */
.careForTalents .tBgBox{ width: 100%; height:410px; top: 0; left:0; }
.careForTalents .tList_v2{ flex-wrap: wrap; }
.careForTalents .tList_v2 .tItem_v2{ width: calc(100%/3 - 31px); flex-direction: column; 
  margin-right: 46px; 
}
.careForTalents .tList_v2 .tItem_v2:nth-child(3n){
  margin:0;
}
.careForTalents .tList_v2 .tItem_v2 .imgs{ width: 100%; }
.careForTalents .tList_v2 .tItem_v2 .imgs .imgFix{ padding-bottom: 66.51376%; }
.careForTalents .tList_v2 .tItem_v2 .txtBox2{ padding:30px 40px 40px; flex:1;
  background: #FFFFFF;
  box-shadow: 0px 2px 15px 0px #E8E8E8;
}
.careForTalents .tList_v2 .tItem_v2 .txtBox2 .title{ line-height: 1; padding-top: 25px; 
  background-repeat: no-repeat;
  background-size: auto 100%;
}
.ygFamily{ width: 100%; overflow: hidden; }
.swiper_page2 { width:100%; text-align:center; }
.swiper_page2 span{ width: 8px;
  height: 8px;
  background: #196CCF;
  border: 2px solid #196CCF;  border-radius: 100%; display:inline-block; margin:0 3px;
  opacity: 1;
}
.swiper_page2 span.swiper-pagination-bullet-active{ background:#196CCF; 
  width: 16px; border-radius:4px;
}
/* 人才关爱改版 end */
/* 产学研 改版 */
.cyxItem2 .list2{ flex-wrap: wrap; }
.cyxItem2 .list2 .item2{ width: calc(50% - 23px); margin-right: 46px; overflow: hidden;}
.cyxItem2 .list2 .item2:nth-child(2n){ margin-right: 0; }
.cyxItem2 .list2 .item2 .imgs:after{ content: ""; 
  position: absolute; width: 100%; height: 100%; top: 0; left: 0;
  background: linear-gradient( 180deg, rgba(255,255,255,0) 50%, rgba(0,0,0,0.5) 100%);
}
.cyxItem2 .list2 .item2 .txtBox2 .hr_desc{ margin-top: 30px; }
.cyxItem2 .list2 .item2 .txtBox2{ top: 0; padding:60px 50px; overflow: hidden; color: #fff; width: 100%; height: 100%;
  transform: translateY(calc(100% - 180px)); transition: all 0.6s ease;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.cyxItem2 .list2 .item2 .txtBox2 .more{transition: all 0.4s ease;}
.cyxItem2 .list2 .item2 .txtBox2 .more i{ line-height: 1; font-size: 24px; }
.cyxItem2 .list2 .item2 .txtBox2 .title{ line-height: 1; padding-bottom: 20px; padding-top: 6px; transition: all 0.4s ease;
  border-bottom: 1px solid rgba(232, 232, 232, 0); position: relative;
}
.cyxItem2 .list2 .item2 .txtBox2 .hr_desc{ opacity: 0; visibility: hidden; transition: all 0.4s ease; flex:1;
  height: 100%; overflow: hidden;
}
.cyxItem2 .list2 .item2 .txtBox2 .title:after{ content: ""; position: absolute; 
  width: 0; left: 0; bottom: 0; transition: all 0.6s ease;
  height: 1px; transition-delay: 0.4s;
  background: #196CCF;
}
.cyxItem2 .list2 .item2 .txtBox2_in{ flex-direction: column; height: 100%; overflow: hidden; }
.cyxItem2 .list2 .item2:hover .txtBox2{ transform: none; }
.cyxItem2 .list2 .item2:hover .txtBox2 .title{ color: #196CCF; padding-bottom: 30px; }
.cyxItem2 .list2 .item2:hover .txtBox2 .more{ height: 0; overflow: hidden; opacity: 0;}
.cyxItem2 .list2 .item2:hover .txtBox2 .title{ border-bottom: 1px solid rgba(232, 232, 232, 1);  }
.cyxItem2 .list2 .item2:hover .txtBox2 .title:after{ width: 60px; }
.cyxItem2 .list2 .item2:hover .txtBox2 .hr_desc{ opacity: 1;visibility: visible; }
/* 产学研 改版 end */

/* 封装工艺 改版 */
.fzgyBox_V2 .name{ align-items: baseline; padding-bottom: 64px; }
.fzgyBox_V2 .name i{ margin-right: 6px; color: #196CCF; }
.fzgyBox_V2 .fz_list .list{ display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 25px; }
.fzgyBox_V2 .fz_list .list.l_grid_2{ grid-template-columns: repeat(2, 1fr); }
.fzgyBox_V2 .fz_list .list .item{ background: #F8F9FB; padding:40px 40px 40px 30px;
  border-radius: 8px;
  border: 1px solid #E3E8F2; 
}

.fzgyBox_V2 .fz_list .item .item_in{ align-items: baseline; }
.fzgyBox_V2 .fz_list .item .orderNumber{
  font-family: Arial, Arial; display: block; overflow: hidden; width:48px;
  font-weight: bold;
  font-size: 24px;
  color: #F8F9FB;
  text-stroke: 1px #196CCF;
  text-align: justify;
  font-style: italic;
  -webkit-text-stroke: 1px #196CCF;
}
.fzgyBox_V2 .fz_list:nth-child(2n) .item .orderNumber{
  text-stroke:0px #196CCF;
   -webkit-text-stroke:0px #196CCF;
    color: #196CCF;
}
.fzgyBox_V2 .fz_list .item .rBox{ flex: 1; }
.fzgyBox_V2 .fz_list .item .title{ font-weight: bold; padding-bottom: 24px; line-height: 1.4; }
@media screen and (max-width:1480px){
  .fzgyBox_V2 .fz_list .list .item{ padding:36px 36px 36px 24px; }
  .fzgyBox_V2 .fz_list .item .title{ padding-bottom: 20px; }
  .fzgyBox_V2 .name{ padding-bottom: 56px; }
  .fzgyBox_V2 .fz_list .list{ grid-gap: 20px; }
}
@media screen and (max-width:1380px){
  .fzgyBox_V2 .fz_list .list .item{ padding:32px 32px 32px 20px; }
  .fzgyBox_V2 .name{ padding-bottom: 50px; }
  .fzgyBox_V2 .fz_list .list{ grid-gap: 16px; }
}
@media screen and (max-width:1280px){
  .fzgyBox_V2 .fz_list .list .item{ padding:26px 26px 26px 18px; }
  .fzgyBox_V2 .fz_list .item .title{ padding-bottom: 16px; }
  .fzgyBox_V2 .name{ padding-bottom: 46px; }
}
@media screen and (max-width:1180px){
  .fzgyBox_V2 .name{ padding-bottom: 40px; }
}
@media screen and (max-width:980px){
  .fzgyBox_V2 .name{ padding-bottom: 32px; }
}
@media screen and (max-width:880px){
  .fzgyBox_V2 .fz_list .list{ display: block; }
  .fzgyBox_V2 .fz_list .list .item{ margin-top: 20px; padding:20px 16px;  }
  .fzgyBox_V2 .fz_list .list .item:first-child{ margin-top: 0px; }
}
@media screen and (max-width:750px){
  .fzgyBox_V2 .name{ font-size:14px; }
}
/* 封装工艺 改版 end */
<!--耗时1785293701.206秒-->