@charset "utf-8";
/*************************************
* 文件名称：common.css
* 作   者：界面设计制作部
* 创建日期：2017-12-25
* 最后修改：name/ 第X行 / yyyy-mm-dd
* 文件版本：UI CSS Frameworks Beta
* 内容概要: 公用样式文件
*************************************/
@font-face {
  font-family:'iconfont';
  src: url('PFDinTextCompPro-Regular.ttf') format('truetype');
}
@font-face {
  font-family:'iconfont1';
  src: url('/upload/font/ImpactMTStd.otf') format('opentype');
}

body {
  font-family:"Noto Sans SC",system-ui,"Microsoft YaHei","微软雅黑","arial","tahoma","MicrosoftJhengHei", "sans-serif";
  font-weight:500;
  /*
  font-family: Arial,"Helvetica Neue",Helvetica,Arial,sans-serif; 
  font-family: 'Noto Serif', serif;
  font-family: raleway,Arial,sans-serif;
  */
}
a:hover, a:active {
  color: #87765c;
  text-decoration: none;
}
.clearfix:before, .clearfix:after {
  display: table;
  content: "";
  line-height: 0px;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  *zoom: 1;
}
div,
p,
span {
  /*
  word-break: keep-all!important;
  */
}
a {
  transition:all 0.5s ease 0s;
  -o-transition:all 0.5s ease 0s;
  -moz-transition:all 0.5s ease 0s;
  -webkit-transition:all 0.5s ease 0s;
}
@keyframes gWelCnta{
  0% {
    transform: rotate(0);
  }
  70% {
    transform: rotate(360deg);
  }
  80% {
    transform: rotate(350deg);
  }
  95% {
    transform: rotate(370deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
a {
  outline:none;
}
/* scrollbar css */
/* width */
::-webkit-scrollbar {
  width:3px;
}
/* Track */
::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 6px;
}
/* Handle */
::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 6px;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #222;
}
.btn-primary:active:hover, .btn-primary.active:hover, .open>.dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open>.dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open>.dropdown-toggle.btn-primary.focus {
  color: #fff;
  background-color: #222;
  border-color: #222;
}


#w_grid-1580806442144 p,
#w_grid-1580806442144 span,
#w_grid-1577093228600 p,
#w_grid-1577093228600 span,

#w_grid-1569387413797 a,
#w_grid-1569387413797 a p,
#w_grid-1569387413797 a span{
  color:rgba(255,255,255,0.4)!important;
  transition:all 0.5s ease 0s;
}
#w_grid-1569387413797 a:hover p,
#w_grid-1569387413797 a:hover span,
#w_grid-1569387413797 a:hover{
  color:rgba(255,255,255,1)!important;
}




@media only screen and (max-width: 768px){
#w_grid-1593314506445 >div {
    z-index: 2;
    animation-fill-mode: both;
}
  
  #w_grid-1581319805690 > div > .p_gridbox {  
    overflow: visible; 
}
  
  #yclm {display: none;}
  
  
 #w_grid-1593314506445 {
    width: 94%;
    max-width: 1480px;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 0px;
    margin-top: -50px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom:20px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
} 
  
  
  #w_common_text-1581300708505 {
    width: auto;
    max-width: none;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 0px;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}
  
  #w_grid-1600309469228 {
    width: 100%;
    max-width: none;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 0px;
    margin-top: 4px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 4px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}
  #w_grid-1600309629126 {
    width: 100%;
    max-width: none;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 0px;
    margin-top: 4px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 4px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}
  
   #w_grid-1600309469228 p {
font-size: 12px!important;
     line-height:16px!important;
     text-align:left!important;
  }
     #w_grid-1600309469228 span {
font-size: 12px!important;
     line-height:16px!important;
  }
  
   #w_grid-1600309629126 p {
font-size: 12px!important;
     line-height:16px!important;
     text-align:right!important;
  }
     #w_grid-1600309629126 span {
font-size: 12px!important;
     line-height:16px!important;
  }

  
  
  #w_common_text-1593314493477 span {
font-size: 1.4rem!important;
  }
  #w_common_text-1593314551165 span {
font-size: 0.68rem!important;
  }
  
  #w_grid-1594692043754,
  #w_grid-1594693005638,
  #w_grid-1594693005668,
  #w_grid-1594692043724,
  #w_grid-1594345978966,
  #w_grid-1594345978982,
  #w_grid-1594347717265,
  #w_grid-1594347717249,
  #w_grid-1594342093251,
 #w_grid-1594342093221, 
 #w_grid-1594344154348, 
  #w_grid-1594344154331,
  #w_grid-1594346433464,
  #w_grid-1594346433434,
  #w_grid-1594346170519,
  #w_grid-1594346170489,
  #w_grid-1594341883714,
  #w_grid-1594341883698,
  #w_grid-1594348982213,
  #w_grid-1594348793553,
  #w_grid-1594289873842,
  #w_grid-1594290056057,
  #w_grid-1594285536083,
  #w_grid-1594285536068,
  #w_grid-1594283043763,
  #w_grid-1594283098595,
  #w_grid-1583207287294,
  #w_grid-1583207287364,
  #w_grid-1582701664881,
  #w_grid-1583207287334,
  #w_grid-1582701664851,
  #w_grid-1582701664811,
  #w_grid-1582699608303,
  #w_grid-1582699608273,
  #w_grid-1582699608233,
  #w_grid-1582700662260,
  #w_grid-1582700662230,
  #w_grid-1582700662190,
  #w_grid-1582699174697,
  #w_grid-1582699174627,
  #w_grid-1582699174667,
  #w_grid-1582697664002,
  #w_grid-1582697664042,
  #w_grid-1582697664072,
  #w_grid-1582697239778,
  #w_grid-1582697239818,
  #w_grid-1582697239848,
  #w_grid-1582696662340,
  #w_grid-1582696662310,
  #w_grid-1582696662270,
  #w_grid-1582690480584,
  #w_grid-1582690480554,
  #w_grid-1582690480514,
  #w_grid-1582677638641,
  #w_grid-1582689667251,
  #w_grid-1582675498220,
  #w_grid-1582678964205,
  #w_grid-1582685747253,
  #w_grid-1582685747223,
  #w_grid-1582685747183,
  #w_grid-1582682195251 {    display: none;}
  #w_grid-1582678964155 {    display: none;}
  
  #w_grid-1582675498220 {
    width: 100%;
    max-width: none;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 0px;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}
  
  
  #w_grid-1580806442144 span {
  font-size: 12px!important;
        text-align: center!important;
  }
  #w_grid-1580806442144 p{
  text-align: center!important;
}
 #scrolltop {
    position: absolute;
    right: 0px;
    top: -20px;
    cursor: pointer;
    height: 48px;
    width: 100%;
    text-align: center;
    display: block;
}
  
  #w_grid-1581319848827 p {
    display: inline-block;}
  #w_grid-1581319848827 .reset_style {text-align: center;
      height: 20px;
    max-height: none;
    min-height: 20px;
    margin-top:0px;
     margin-bottom: 20px;
  }
  
  
  
#c_portalResComplaintPage_detail-15813072317166589 {
    width: auto;
    max-width: 100%;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 0px;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}
  
 .logo_ys img {
width: auto!important;
    padding: 0px;
    height: 40px!important;
}
.logo_ys .logo_wz {
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
}
.logo_ys .logo_wz a {
  color: #000;
}
.logo_ys .logo_wz a:hover{
  color: #003c8c;
}
.logo_ys a .logo_ms {
  color: #666;
}
.logo_ys a:hover .logo_ms {
  color: #666;
}
.logo_ys .logo_ms {
  font-size: 12px;
  font-weight: normal;
  color: #666;
  line-height: 16px;
  padding-left: 0px;
  display: block;
}
  
  
  

  
  #w_grid-1569392445063{
    position:fixed;
    left:0;
    top:40px;
    z-index:99;
        min-height: 60px;
    transition:all 0.5s ease 0s;
    background-color: rgba(255, 255, 255, 1);
  }
  #w_grid-1569392445063.yya{
    background-color: rgba(255, 255, 255, 1);
    box-shadow:0px 5px 5px 0px rgba(100, 100, 100, 0.1);
  }
  #w_grid-1569392445063.yya{
    top:0px !important;
  }
  #w_grid-1569392445063.yya.sabit{
    top:0px;
  }
  #w_grid-1569392445063.gizle{
    top:-60px;
  }
  #w_grid-1569392445063.sabit{
    top:40px;
  }
  
  
  
#zcfdcd{
    display: none;
}
  
  
  
  
}

@media only screen and (min-width: 769px){
  .logo_ys img {
  float: none;
}

  
    #w_grid-1569392445063{
    background-color: rgba(255, 255, 255, 1);
    transition:all 0.5s ease 0s;
    box-shadow:0px 5px 5px 0px rgba(100, 100, 100, 0.1);
  }
  #w_grid-1569392445063.yya{
    position:fixed;
    width: 100%;
    left:0;
    z-index:99;
  }
  #w_grid-1569392445063.yya{
    top:0px !important;
  }
  #w_grid-1569392445063.yya.sabit{
    top:0px;
  }
  #w_grid-1569392445063.gizle{
    top:-80px;
  }
  #w_grid-1569392445063.sabit{
    top: 40px;
  }
}
@media only screen and (max-width: 1440px) and (min-width: 769px){
}


.ttalk-content b, .ttalk-content body, .ttalk-content div, .ttalk-content html, .ttalk-content i, .ttalk-content p, .ttalk-content span {
    font-size: 14px;
}


.ttalk-content * {
    font-family:system-ui,"Microsoft YaHei","微软雅黑","arial","tahoma","MicrosoftJhengHei", "sans-serif";
    box-sizing: border-box;
    line-height: normal;
    word-break: break-word !important;
}

.online-style[data-v-1f159bac] {
    position: fixed;
    z-index: 9999999;
    margin: 10px;
}
.online-style .tt-online[data-v-1f159bac], .online-style .tt-online .action[data-v-1f159bac] {
    width: 52px;
    height: 52px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    cursor: pointer;
}


.online-style .tt-online .action[data-v-1f159bac] {
    background-repeat: no-repeat;
    width: 32px;
    height: 32px;
    background-size: 32px;
}

.tt-online.tt-hi-icon.online11 {
  position: relative;
  /* 确保元素是圆形，如果不是圆形请根据实际情况调整 */
  border-radius: 50%;
  overflow: visible; /* 允许声呐波纹超出边界 */
}

/* 声呐波纹效果 */
.tt-online.tt-hi-icon.online11::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: rgba(66, 133, 244, 0.6);
  transform: translate(-50%, -50%) scale(0);
  animation: sonarEffect 1.3s ease-out 75ms infinite;
  pointer-events: none; /* 让波纹不影响点击事件 */
  z-index: -1;
}

/* 如果需要多层波纹，可以添加第二个伪元素 */
.tt-online.tt-hi-icon.online11::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: rgba(66, 133, 244, 0.4);
  transform: translate(-50%, -50%) scale(0);
  animation: sonarEffect 1.3s ease-out 75ms infinite;
  animation-delay: 0.4s; /* 延迟产生双层波纹效果 */
  pointer-events: none;
  z-index: -1;
}

@keyframes sonarEffect {
  0% {
    opacity: 0.6;
    transform: translate(-50%, -50%) scale(0);
  }
  100% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(2.5);
  }
}

.ins-pro-list{padding:2rem 0px;}
.ins-pro-list ul li{
	width:272px;
	height:404px;
	background-color: #fff;
	box-sizing: border-box;
	float:left;
	margin-right:37px;
	margin-bottom:53px;
	overflow: hidden;
	transition: box-shadow .4s;
}
.ins-pro-list ul li:hover{
	box-shadow: 0px 0px 6px 2px #ddd;
}
.ins-pro-list ul li:nth-of-type(4n){
	margin-right:0;
}
.ins-pro-list ul li .list-top{
	position: relative;
	height:174px;
	width:272px;
	text-align: center;
	color:#333;
}
.ins-pro-list ul li .list-top-con,
.ins-pro-list-anim{
	position: absolute;
	width:100%;
	height:100%;
	box-sizing: border-box;
	padding:47px 17px 0px; 
	left:0px;
	top:0px;
}
.ins-pro-list ul li .list-top-con{
	z-index: 4;
	background-color: #fff;
}
.ins-pro-list-anim{
	height:200px;
	width:272px;
	position: absolute;
	left:0px;
	top:0px;
	z-index: 3;
	top:-1200px;transition: all 1s;
	display: block;
	background-color: #CF1F2D;
}
.ins-pro-list ul li:hover .ins-pro-list-anim{top:0px;z-index:33;}
.ins-pro-list ul li .list-top h6{
	color:inherit;
	font-size:14px;
	margin-bottom: 10px;
	position: relative;
	height:36px;
	line-height: 36px;
	overflow:hidden;
	text-overflow: ellipsis;font-weight:800
}

.ins-pro-list ul li .ins-pro-list-anim{
	color:#fff;
}
.ins-pro-list ul li .ins-pro-list-anim h6:before{
	background-color: #fff;
}
.ins-pro-list ul li .list-top .desc{
	line-height: 24px;
	height:72px;
	overflow: hidden;
}
.ins-pro-list ul li .list-img{
	background-color: #fff;
	width:272px;
	height:230px;
	text-align: center;
}
.ins-pro-list ul li .list-img img{
	max-height: 230px;
	max-width: 272px;
	margin:auto;
	display: inline-block;
	vertical-align: middle;
}


@media only screen and (max-width:768px){
	.ins-pro-list{padding:2rem 0px;}
.ins-pro-list ul li{
	width:48%;
	height:auto;
	background-color: #fff;
	box-sizing: border-box;
	float:left;
	margin-right:1%;
	margin-left:1%;
	margin-bottom:1rem;
	overflow: hidden;
	transition: box-shadow .4s;
}
.ins-pro-list ul li:hover{
	box-shadow: 0px 0px 6px 2px #ddd;
}
.ins-pro-list ul li:nth-of-type(4n){
	margin-right:0;
}
.ins-pro-list ul li .list-top{
	position: relative;
	height:174px;
	width:100%;
	text-align: center;
	color:#333;
}
.ins-pro-list ul li .list-top-con,
.ins-pro-list-anim{
	position: absolute;
	width:100%;
	height:100%;
	box-sizing: border-box;
	padding:47px 17px 0px; 
	left:0px;
	top:0px;
}
.ins-pro-list ul li .list-top-con{
	z-index: 4;
	background-color: #fff;
}
.ins-pro-list-anim{
	height:200px;
	width:272px;
	position: absolute;
	left:0px;
	top:0px;
	z-index: 3;
	top:-1200px;transition: all 1s;
	display: none;
	background-color: #CF1F2D;
}
.ins-pro-list ul li:hover .ins-pro-list-anim{top:0px;z-index:33;}
.ins-pro-list ul li .list-top h6{
	color:inherit;
	font-size:14px;
	margin-bottom: 10px;
	position: relative;
	height:36px;
	line-height: 36px;
	overflow:hidden;
	text-overflow: ellipsis;font-weight:800
}
.e_pagebox{text-align:center;}
.ins-pro-list ul li .ins-pro-list-anim{
	color:#fff;
}
.ins-pro-list ul li .ins-pro-list-anim h6:before{
	background-color: #fff;
}
.ins-pro-list ul li .list-top .desc{
	line-height: 24px;
	height:72px;
	overflow: hidden;
}
.ins-pro-list ul li .list-img{
	background-color: #fff;
	width:100%;
	height:auto;max-height:150px;
	text-align: center;
}
.ins-pro-list ul li .list-img img{
	max-height: 110px;
	max-width: 100%;
	margin:auto;
	display: inline-block;
	vertical-align: middle;
}
}
.navUl{position:relative;}

.navUl li{width: auto;
        margin-left: 3rem;line-height:60px;
        font-size:16px;}
.sub-menu{ position: absolute;width:100%; top:30px; left: -18px; overflow: hidden;  height:0; padding: 0px; opacity: 0; border:none; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;text-align: center;
        padding: 10px 10px;
        border-radius: 6px;display:none;
        background: rgba(240, 240, 240, 1); }

li:hover .sub-menu { height:auto; display: block; opacity: 1; top:60px; overflow: visible; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;padding:1rem 2rem; }


    
.navUl li .sub-menu li{font-size:14px;margin-left:0px;line-height:30px;float:left;line-height:2;width:33%;text-align:left;}
.navUl li>a{display:block;height:60px;line-height:60px;}
.navUl li .sub-menu li a{display: block;
        width: 100%;
        height: 40px;
        line-height: 40px;
        text-align: left;
        font-size: 14px;
        border-bottom: #e4e4e4 1px solid;
        transition: .5s;
        min-width:100px;
        color: #222;}
.kuaijie  a{color:#d3d3d3;font-size:14px;}
.kuaijie li{width:50%;float:left;line-height:2;display:inline-block;}

.current-menu-item a{border-bottom:3px solid #C02A36;display:block;}
.current-menu-parent a{border-bottom:3px solid #C02A36;display:block;}
.pagination a.current {
    z-index: 3;
    color: #fff;
    background-color: #1890ff;
    border-color: #1890ff;
    cursor: default;
}
.pagination a, .pagination span {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857143;
    text-decoration: none;
    color: #1890ff;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-left: -1px;
}


 .wpcf7-form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #7b7b7b;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.wpcf7-form-control.wpcf7-textarea{height:120px;}
.wpcf7-form-control.wpcf7-submit{width:auto;padding:0px 2rem;background:#333;color:#fff;}


.kuaijie .current-menu-item a{border:0px;}
.kuaijie .current-menu-parent a{border:0px;}
.category-list .active{background:#f1f1f1;}
#c_portalResNews_category-16003376540890850 .category-list .active .yjTitle{background:none;}
.tongji{text-align:center;color:#fff;}
.naicedanye{display:none;}
.footer{display:none;}
/* 手机端导航菜单样式 */
@media (max-width: 768px) {
    .naicedanye{display:block;}
  .ins-sub-nav {
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch; /* 提升iOS滚动体验 */
    scrollbar-width: thin; /* Firefox滚动条宽度 */
  }
  
  .ins-sub-nav.fl {
    float: none; /* 手机端清除浮动 */
  }
  
  .ins-sub-nav li {
    display: inline-block;
    float: none; /* 清除原有浮动 */
    white-space: normal; /* 恢复内部文字换行 */
    margin-right: 20px; /* 菜单项间距，可根据需要调整 */
  }
  
  .ins-sub-nav a {
    display: inline-block;
    padding: 10px 0;
    white-space: nowrap; /* 确保文字不换行 */
  }
  
  /* 隐藏滚动条但保留功能（可选） */
  .ins-sub-nav::-webkit-scrollbar {
    height: 3px;
  }
  
  .ins-sub-nav::-webkit-scrollbar-track {
    background: #f1f1f1;
  }
  
  .ins-sub-nav::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 3px;
  }
  
  .ins-sub-nav::-webkit-scrollbar-thumb:hover {
    background: #555;
  }
  #c_portalResnav_main-15693924460586399 .navLink.wej:before {
        content: "\f095";
        font-family: "FontAwesome" !important;
        cursor: pointer;
        color: #fff;
       
        margin-right: 6px;
        text-align: left;
        font-size: 20px;
        height: 34px;
        line-height: 38px;
        display: inline-block;
    }
     #c_portalResnav_main-15693924460586399 .navLink.wej{
    height: 40px;
        line-height: 40px;
        margin: 10px 0px;
        padding: 0px 20px;
        color: #ffffff;
        font-size: 14px;
        border-radius: 46px;
        background: #87765c;
        display: flex;
        align-items: center;
        display:inline-block;
}
li:hover .sub-menu,.sub-menu{display:none;}
.newList ul li, .caseList ul li{background:#fff;}
#w_grid-1600328491704 > div > .p_gridbox > .p_gridCell:nth-child(n+1),#w_grid-1600337652965{margin-bottom:1rem;} 
#w_grid-1600337608123 >div{display:block;}
.c_portalResNews_detail-01001 .p_previewBox, .c_portalResNews_detail-01001 .p_nextBox{width:100%;text-align:left;}
.c_portalResNews_detail-01001 .i_title{display:inline-block;width:auto;font-weight:bold;}
.c_portalResNews_detail-01001 .p_PrevAndNextMo{margin-top:1rem;}
.reset_style p{background:none !important;}
.c_portalResNews_detail-01001 .p_articlesTitle{font-weight:bold;border-bottom:1px solid #ccc;margin-bottom:1rem;}
.c_portalResNews_detail-01001 .p_dataSource li{display:inline-block;width:auto;margin:1rem 0px;}
.c_portalResNews_detail-01001 .p_headA{text-align:center;}
.c_portalResProduct_detail-04001 .p_imagesA .p_images{height:auto !important;}
.c_portalResProduct_detail-04001 .p_imagesA .p_images img{height:auto;}
.crumb-container{display:none;}
  /* footer */
.footer{width:100%;display:block;height:3rem;position: fixed!important;bottom: 0;right: 0;z-index: 9999; background:#fff;  -webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;}
.foot{width:100%;position: fixed;height:3rem;bottom:0;left:0;z-index:10;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;}
.foot-relative{position:relative;width:100%;height:3rem;}
.foot a{display:block;float:left;width:25%;color:#fff;}
.foot a span{display:block;width:100%;text-align:center;font-size:1.3rem !important;line-height:2rem;}
.foot a img{height:1.5rem;margin-bottom:5px;}
.foot a h3{width:100%;text-align:center;font:0.8rem/0.6rem "microsoft yahei";}
.common-pro-search{width:90%;height:0.533rem;background: #fff;margin:2% auto;}
.common-text{float:left;border:0;background:#fff;width:84.45%;height:0.533rem;text-indent:0.1rem;font:0.16rem/0.533rem "microsoft yahei";border-radius:0;}
.common-submit{float:right;width:15.55%;border:0;font-size:0.36rem;line-height:0.533rem;color:#fff;height:0.533rem;border-radius:0;background:none;background:#333;}  
.foot{
        background:#3f3f3f    }
        #w_grid-1559184196711> div > .p_gridbox > .p_gridCell:nth-child(1n){padding-bottom:2.1rem;}
}
img{max-width:100%;}

#c_portalResNews_category-16003290729765647 .yjLi.active .yjTitle{background:#f1f1f1;}
.more::after{display:none !important;}
 .homepronav{display:none;}

 @media only screen and (max-width: 768px) {

 .homepronav{ padding:2% 0 0;overflow:hidden;display:block;}
.homepronav ul li{ float:left; width:21%; width:48%; text-align:center; margin:3% 1% 0 1%;}
.homepronav ul li a{ display:block; overflow:hidden; height:2rem; color:#ebebeb; background:#ebebeb; color:#000; line-height:2rem; border-radius:0.1rem;}
.homepronav ul li a:hover{ background:#dec37e;}

}
.homepronavab{float:right;width:20%;}
.productlist{width:80%;float:left;}
.ins-pro-list ul.productlist li{width:31.33%;margin-right:2%;}
.ins-pro-list ul.productlist li:nth-of-type(4n){width:31.33%;margin-right:2%;}
.homepronavab{background:rgba(255,255,255,0.6);}
.homepronavab li{line-height:2.5;background:rgba(55,55,55,0.1);margin-bottom:5px;padding-left:1.5rem;}
.homepronavab li.current-category{background:#87765c;}
.homepronavab li.current-category a{color:#fff;}

 @media only screen and (max-width: 768px) {
     .homepronavab{float:right;width:100%;}
.productlist{width:100%;float:left;}
.ins-pro-list ul.productlist li{width:48%;margin-left:1%;margin-right:1%;}     
     
 }
  
 .erweimam{display:none;position:fixed;top:25%;left:10%;width:80%;border-radius:10px;padding:5%;background:#fff;text-align:center;z-index:99999;}
 .erweimam img{margin-bottom:15px;max-width:80%;}
 .close-modal{position:absolute;top:10px;right:10px;z-index:333;background:#87765c;color:#fff;border:0px;width:15px;height:15px;border-radius:15px;text-align:center;line-height:15px;}