@charset "utf-8";
/*通用样式*/
* {	margin: 0px;	padding: 0px;}
body{ padding:0; background:#fff;  color:#333; font-family:"Microsoft YaHei";  font-size:14px; line-height:28px;width: 1920px;margin: 0 auto !important; }
li{list-style-type:none;}
a{color:#333; text-decoration:none}
a:hover{ color:#b20024}
.clearfix:after{content: ""; clear: both; display: block; visibility: hidden; height: 0;}
img{ border:0}
.l{ float:left}
.r{ float:right}
.c{ clear:both}
.blk img{ display:block}
.cfff{ color:#fff}
.c259{ color:#2592e5}
.rel{ position: relative}
.pd24{}
.f20{ font-size:20px}
.fn{ font-weight: normal}

.w1200{ width:1200px; overflow:hidden; margin:0 auto}
.w980{width:980px;overflow:hidden; margin:0 auto;}
.w940{width:940px;overflow:hidden; margin:0 auto;}
.w720 {width:720px; overflow:hidden}
.w490 {width:490px; overflow:hidden}
.w560 { width:560px; overflow:hidden}
.w246 {width:246px; overflow:hidden}
.w200 {width:240px; overflow:hidden}
.w240 {width:200px; overflow:hidden}
.w926 {width:926px; overflow:hidden}
.w930 {width:930px; overflow:hidden; margin:0 auto}
.w190 {width: 190px;}
.h625 {height: 625px; overflow: hidden}
.min_h625{min-height: 625px;}
.min_h550{min-height: 550px;}
.shadow{ box-shadow: 0 0 5px rgba(0,0,0,0.05);border:1px solid #dadada;}
.borR16{ border-radius: 8px; }
.bgFff{ background:#fff}
.p10{ padding:10px;}
.c999{ color:#999}
.c666{ color:#666}
.f12{ font-size:12px;}
.f14{ font-size:14px;}
.f16{ font-size:16px;}
.f18{ font-size:18px;}
.f20{ font-size:20px;}
.f28{ font-size:28px;}
.fw_bold{ font-weight: bold}
.mb10{ margin-bottom:10px;}
.pd20{  padding:20px;}
.pd10_20{  padding:10px 20px;}
.mb30{ margin-bottom:30px;}
.mt30{ margin-top:30px;}
.mt20{ margin-top:20px;}
.mt15{ margin-top:15px;}
.mr20{ margin-right:20px;}
.ml10{ margin-left:10px;}
.mainOrg{ color: #f25d00}
.mainGreen{ color: #4cb307}
.mainRed {color: #EF2317 !important}
/*文字超出显示省略号*/
.ellipsis{
  /* overflow: hidden;white-space: nowrap;text-overflow: ellipsis; */
  cursor:pointer}
.tc{ text-align: center}
.borT{ border-top:1px solid #f3f3f3}
.borB{ border-bottom:1px solid #f3f3f3}
.borBd{ border:1px solid #dbdbdb}
.cb79{ color:#b79c83}
.div_head{font-size: 14px;margin:0 auto;width: 980px;min-width: 980px;}
/*---头部------*/
.top{  padding-top:18px; border: 1px solid #dadada;border-radius: 5px;margin: 15px 0;box-shadow: 0 2px 6px #eeeeee;}
.schAline{ position: absolute; right: 40px;  bottom: 13px;}
.mt10{ margin-top:10px}
.phone img{ float:left; margin:0 10px 0 0; position: relative;    top:2px;}
.schBox{ border: 1px solid #dbdbdb; border-radius: 14px; height:28px; line-height: 28px; width: 180px; margin-right:30px; padding: 0 10px;background: #fff; }
.schBox input{ border:0; background: none; float: left; height: 100%; outline: none}
.schBox input[type="text"]{ width:150px }
.schBox input[type="button"]{ background: url(../images/schBtn.png) center center no-repeat; width: 30px; cursor: pointer}
.im_on{height: 60px;border-bottom: 3px solid #b40129;margin-left: 1%;margin-right: 1%;}
.rx_ft2{padding-right: 0px;color: #a71e32;}
.li_left{padding-left: 1%}
.li_right{padding-right: 1%}
/*---nav------*/
.nav{ height:40px; line-height:40px;background: #fff;padding-top: 15px;padding-bottom:10px;  }
/*.nav li{ float:left; font-size:16px;width: 14%;text-align: center}*/
.nav li{ float:left; font-size:16px;width: 12%;text-align: center}
.nav li a{display:block; height:40px;}
.nav li a span{height:38px; border-bottom: 2px solid #fff; display: inline-block; width: auto}
.nav li a:hover span,.nav li a.on span{ height:38px; color:#b40129; }
/*当前位置*/
/* .location{ height: 40px; line-height: 40px; background:#f3f3f3; } */
/* fullSlide */
/*.fullSlide{width:100%;position:relative;height:330px;background:#000;} 初始版本 */
.fullSlide{width:980px;min-width: 980px;position:relative;height:330px;background:#000;}/*修改后的版本*/
.fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul{width:100% !important;}
.fullSlide .bd li{width:100% !important;height:330px;overflow:hidden;text-align:center;}
.fullSlide .bd li a{display:block;height:330px;}
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:16px;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul{text-align:center;}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:12px;height:12px;margin:1px 7px;overflow:hidden;background:#fff;filter:alpha(opacity=50);opacity:0.5;line-height:999px; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;}
.fullSlide .hd ul .on{background:#fff; width:40px;filter:alpha(opacity=100);opacity:1;}

.more{display:block; height:28px; width:112px; border:1px solid #d5d5d5; color:#4bb344; text-align:center; line-height:28px; margin-top:20px; font-size:12px}
.tit01{height:40px; line-height:40px; overflow:hidden;font-size:18px;padding-top: 24px;padding-left: 24px;padding-right: 24px;padding-bottom: 10px;}
.tit01 a{ font-size:12px; color:#999; font-weight:normal; float: right}
/*公告列表*/
.newsList li{ height:50px; line-height:50px; overflow:hidden; border-bottom: 1px solid #eeeeee;padding-left: 24px;padding-right: 24px;}
.w450 {width: 450px; }
.w350 {width: 350px}
.w800 {width: 800px; }
.font_slh{
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  width: 725px;}

/*新品速递*/
.content{  padding: 30px }
.titPage{ border-bottom: 1px solid #dbdbdb; height: 40px; line-height: 40px; margin-bottom: 20px}
.titPage span{ display: inline-block; height: 100%; box-sizing: border-box; border-bottom: 2px solid #b40129; font-size: 16px}
.contentImg img{ max-width: 100%; display: block; margin: 30px auto}

/*产品内页搜索*/
.schBoxPage{float: right; }
.schBoxPage input{ border:0; background: none; float: left; height: 100%; outline: none; height:28px; line-height: 28px;}
.schBoxPage input[type="text"]{ width:170px; padding: 0 0 0 5px;  border: 1px solid #e3e3e3; background:#fcfcfc ; border-right: 0; height:26px; line-height: 26px;  }
.schBoxPage input[type="button"]{ height:28px; line-height: 28px; border:0; background: none; background:#b40129; border: 1px solid #b40129; color: #fff; width:50px; cursor: pointer; float: right; border-radius:0 3px 3px 0 }
/*筛选分类*/
.tabs{ height: 40px; background: linear-gradient(#fbfbfb,#fff);}
.tabs a{ display: inline-block; height: 39px; line-height: 39px; padding: 0 30px; border-top: 1px solid #fbfbfb; font-size: 14px; margin-right:2px}
.tabs a:hover,.tabs a.on{ background:linear-gradient( #F6F6F6,#fff); border-top: 1px solid #b40129; color:#b20024 }
.attrs{ margin-bottom:10px;}
.attrs .a-key{ float:left; display:block;  width:80px; height:32px; line-height:32px; padding-top: 5px}
.attrs .a-values{float:left}
.attrs .brand-attr{ overflow: hidden; padding:5px 0; border-bottom: 1px solid #eee }
.attrs .brand-attr a{ padding:0px 18px; height: 32px; line-height: 32px; margin:5px 0; display:block; float:left; margin-right: 10px; border-radius: 15px }
.attrs .brand-attr a.on{ background: #F2F2F2; color: #b40129}

/*在售产品的产品类型*/
.fmt{
  height: 41px;
  line-height: 44px;
  font-size: 14px;
  margin: 0 5px;
  padding: 0 6px;
  display: inline-block;
  *zoom: 1;
  *display: inline;
  cursor: pointer;
    color: #000000;
}
.isActive{
  background: #b40129;
    color: #F2F2F2;
    padding: 2px;
    border-radius: 5px;
}


/*左侧 走近中银等*/
.secTit{ background:#b20024; color: #fff; height: 40px; line-height: 40px; font-size: 16px; padding-left: 30px;}
.secNav li{ height: 40px; line-height: 40px; border-bottom: 1px solid #f3f3f3; }
.secNav li a{ display: block;padding: 0 30px ; height: 100%}
.secNav li a:hover,.secNav li.on a{ background: #f5f5f5}
.secNav li:nth-last-child(1){ border-bottom: 0}

/*可折叠子栏目的侧边栏，需要配合js*/
.accordion .link {
  
  cursor: pointer;
  /* display: block; */
  height: 40px;
  line-height: 40px;
  padding: 0 20px 0 30px;
  border-bottom: 0px solid #f3f3f3;
  position: relative;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.accordion li:last-child .link {border-bottom: 0;}
.accordion li i {position: absolute;top: 16px;left: 12px;font-size: 18px;color: #595959;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.accordion li.on a{ background: #f5f5f5}
.accordion li i.el-submenu__icon-arrow {right: 12px;left: auto;font-size: 16px;}
.accordion li.open .link {color: #b63b4d;}
.accordion li.open i {color: #b63b4d;}
.accordion li.open i.el-submenu__icon-arrow {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

/*子栏目*/
.submenu {display: none;}
.submenu li {border-bottom: 1px solid #f3f3f3;}
.submenu a {display: block;text-decoration: none;height: 40px; line-height: 40px;-webkit-transition: all 0.25s ease;-o-transition: all 0.25s ease;transition: all 0.25s ease;}
.submenu a:hover {background: #f5f5f5;}
/*左侧公告*/
.notice li{
  list-style-type: none;
  max-height: 65px;
  overflow: hidden;
  height: 65px;
  /* margin-top: 9px; */
  line-height: 65px;
  /* margin-bottom: 5px; */
  padding: 0 10px;
  font-size: 16px;
  font-weight: 500;
  display: flex;
  justify-content: space-between;
}
/*.notice li a{ background: url(../images/dot.png) 0 12px no-repeat; padding-left: 10px; display: block}*/
.notice li a{ width: 100%;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid rgb(244 245 247)}
.notice li a:hover{
  color: rgba(178, 0, 36, 1);
}
/*.dot {background: url(../images/dot.png) 0 12px no-repeat; padding-left: 10px;}*/
.dot {background: url(../images/Li_dian.jpg) 0 4px no-repeat; padding-left: 20px;}
.bg_image {background: url(../images/Li_dian.jpg) -8px 4px no-repeat; padding-left: 16px;}
/* .notice li:nth-child(odd){ background-color: #fafbfc;} */


.questionList{
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  justify-content:space-around;
  -webkit-justify-content: space-around;

  align-content: center;

  flex-wrap:wrap;
  -ms-flex-wrap: wrap;
}
.questionList li{ float: left; margin-bottom: 16px}
.questionList li a{ display: block; width:248px ; height: 38px; line-height: 38px; border: 1px solid #eeeeee; border-radius: 19px; padding: 0 10px;text-overflow:ellipsis; white-space:nowrap; overflow: hidden}
.questionList li a:hover{ background: #f2f2f2; transition: all 0.1s}
.questionList li a img{ width:18px; position: relative; top:5px; margin-right: 10px; }

/*新品速递*/
.proList{ *zoom:1;_position:relative;}
.proList li{ display:block; height:120px; width:30%; overflow:hidden; float:left; margin-bottom:40px;border: 1px solid #eeeeee; margin-left: 21px }
.proList li:nth-child(3n){ margin-right: 0}
.proList li dt{ width:130px; float:left;margin: 4px;}
.proList li dt image{ width:130px; height: 110px; }
.proList li dd{ width:150px; float:right;}
.proList li dd span{ width: 150px;}
/*.proList li dd h5{ font-size:16px; height:26px; line-height:26px; overflow:hidden; margin-bottom:3px; color:#333}*/
/*.proList li dd p{ height:40px; line-height:22px; overflow:hidden; color:#999;}*/
/*.proList li dd a{ display:block; height:28px;  background:#f2f2f2; border-radius: 2px; display: inline-block; float: right; padding: 0 24px }*/

/*产品简介*/
.proList_cp{ *zoom:1;_position:relative;}
.proList_cp li{ display:block; height:40px; width:178px; overflow:hidden; float:left;border: 1px solid #dadada;margin:0 0 20px 20px;
  padding: 10px 19px 20px;}
.proList_cpb{ *zoom:1;_position:relative;}
.proList_cpb li{ display:block; height:40px; width:198px; overflow:hidden; float:left;border: 1px solid #dadada;margin:0 0 20px 20px;
  padding: 10px 10px 20px 10px;}
.font_size{
  width: 180px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.proList_cp li:nth-child(3n){ margin-right: 0}
.proList_cpb li:nth-child(3n){ margin-right: 0}
.proList_cp li a{ font: 12px/26px Verdana,Geneva,sans-serif,"宋体"; display: inline-block;}
.proList_cpb li a{ font: 12px/26px Verdana,Geneva,sans-serif,"宋体"; display: inline-block;display: block;width: 100%;height: 100%;line-height: 40px;}

/*.proTable {height: 380px;overflow-y: auto;overflow-x: hidden;}*/
.proTable table{ width: 100%; text-align: center;border-collapse: collapse;}
.proTable table th{ background: #b40129; 
  /* padding: 5px; */
  color: #fff; 
   /* border-left:#fff 2px solid; */
  }
.proTable table th:nth-child(1){
  /* border-left:#fff 0px solid; */
}
/*table的tbody滚动条*/
.proTable table {table-layout: fixed}
/*.proTable table,thead,tbody{display: block;}*/
/*.proTable table thead,tbody tr{display: table;width: 100%;table-layout: fixed;}*/
/*.proTable table thead{width: calc(100% - 1em);}*/
/*.proTable table tbody{height: 228px;overflow-y: auto;overflow-x: hidden}*/
.proTable td{ padding: 5px }
.proTable tr:nth-child(odd) td{ background: #f9f9f9}
/* .proTable tr:hover td{ background: #f4f4f4} */
.proTable td .doSome{ background: #b79c83; border-radius: 2px; padding: 0 8px; height:22px; line-height:22px; color: #fff; display: inline-block}

/*---尾部------*/
.ifm{ line-height:30px;background:#f2f2f2; padding:10px 0;}
.ifm p a{ font-size:12px; padding:0 13px}
.ifm dt{  float: left; padding-top: 5px}
.ifm dd{  float: left; margin-left: 10px}
.ewm{ float:right; text-align: center;}
.ewm img{ display: block}
.cRight{ text-align: center; border-top: 1px solid #dfdfdf}

/*内页新闻*/
.news li{ padding:20px; overflow:hidden; border-bottom:1px solid #eee; position: relative}
/* .news li:nth-child(1){ margin-top: -20px;} */
.news li .time{ line-height:34px; display:block; float:left;color:#35383f;  width: 72px;}
.news li .time span{ font-size:30px; display: block; width: 72px;  text-align: center; height: 58px; line-height: 58px; border-radius: 2px 2px 0 0 }
.news li .time em{ font-size:14px; color:#999; display:block; height: 24px; line-height: 24px; border-top: 2px solid #F5F5F5; text-align: center; font-style: normal; border-radius:0 0  2px 2px; }
.news_txt{ float: left; padding-left: 88px; position: absolute; top:18px  }
.news_txt h5{ height:34px; line-height:34px; overflow:hidden; font-size:16px}
.news_txt p{ color:#7f7f7f}
.news_txt p a{ display: block; height: 60px;
  overflow: hidden;}
.news li:hover a{ color:#b20024; }

.lh28{ line-height:28px;}
/*资讯详情页*/
.news_title{ font-size:36px;  padding:0 20px; padding-top: 0; text-align:center; line-height:1.5em; border-bottom:1px solid #f3f3f3; margin-bottom:25px }
.news_title div{ font-weight:normal; color:#888; font-size:18px;}
.news_title div span{ margin:0 10px;}
.news_title div em{ background:#f3f3f3; margin-left:15px; padding:5px 10px; cursor:pointer; font-style: normal}
.news_title div em:hover{ color:#2d62b2; background:#e5ecf8}

.sec_nav li{ height:35px; line-height:35px; border:1px solid #cfd3d6; margin-bottom:10px; background:#fff}
.sec_nav li a{ display:block; padding:0 10px;}
.sec_nav li a:hover,.sec_nav li a.on{ background:#0081d4; color:#fff; border:1px solid #0081d4}

.page { margin:50px 0; text-align:center }
.page a{ display:inline-block; background:#f2f2f2; height:30px; margin-left:10px; line-height:30px; padding:0 10px; font-size:14px; }
.page a:hover,.page a.on{ background:#b20024; color:#fff}
#content table{
  border-collapse: collapse;
}
#content td{
  /* border: 1px solid #000000; */
}
.productSystemLeft{
  width: 30%;
}
.el-row {
  margin-bottom: 20px;
}
.el-col {
  border-radius: 4px;
}
.bg-purple-dark {
  background: #99a9bf;
}
.bg-purple {
  background: #d3dce6;
}
.bg-purple-light {
  background: #e5e9f2;
}
.grid-content {
  border-radius: 4px;
  min-height: 36px;
}
.row-bg {
  padding: 10px 0;
  background-color: #f9fafc;
}
#articleList{
  /*padding-top: 10px;*/
}
.sousuo{
  display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 60px;
    background: #b40129;
    border-radius: 10px 10px 0 0;
}
.productSearchBox{
  width: 100%;
  /* border: 1px solid #edd2a5; */
  border-radius: 5px;
  padding: 5px 0px 20px 0px;
  margin-bottom: 30px;
}
.news_title{
  /* background: url(../images/boc2013_line.jpg) 0 94px no-repeat; */
  border-bottom: 2px solid #f3f3f3 !important;
}
.product-detail-left-div {
  text-align: center;
  margin-top: 10px;
}
.product-detail-left-div .product-detail-left-body{
  border-left:1px solid #e2e2e2;border-right:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;background-color: #F5F5F5;
}
.product-detail-left-div div{
  height: 50px;
  line-height:50px;
}
.product-detail-left-div .product-detail-left-head {
  font-weight: bolder;
  font-size:20px;
  background: linear-gradient(#b40129, #d30303,#610116);color:#ffffff;border-radius:8px 8px 0 0;
}
.product-detail-left-head {
  font-weight: bolder;
  font-size:20px;
  background: linear-gradient(#b40129, #d30303,#610116);color:#ffffff;border-radius:8px 8px 0 0;
}
.detail-table-title {
  background-color: #F5F5F5;
  text-align: center;
  width: 20%;
  height: 40px;
}
.detail-title-h{
  font-size: 22px;
  font-weight: bolder;
  text-align: center;
  margin-top: 10px;
}
.de-border{
  border: 1px solid #edd2a5;
  border-radius: 5px;
  padding: 5px 20px 20px 20px;
  margin: 25px 20px 0 20px;
  overflow: hidden;
}