@charset "utf-8";

@font-face {
  font-family: "思源黑体R";
  src: url("./font/siyuanheiti.ttf") format('truetype');
}

html, body {
  min-width: 1200px !important;
  /*font-family: "微软雅黑", YaHei, tahoma, arial, Hiragino Sans GB, 宋体;*/
  /*font-family: "siyuanheiti";*/
  font-family: "Noto Sans SC","微软雅黑", YaHei, tahoma, arial, Hiragino Sans GB, 宋体;
  position: relative;
}


* {
  padding: 0;
  margin: 0;
}

li {
  list-style: none;
}

.clearfix:after {
  visibility:hidden;
  display:block;
  font-size:0;
  content:" ";
  clear:both;
  height:0;
}

a:link {
  color: black;
  text-decoration: none;
}
a:visited {
  color: black;
  text-decoration: none;
}
a:hover {
  color: black;
  text-decoration: none;
}
a:active {
  color: black;
  text-decoration: none;
}

/*iconfont图标*/
@font-face {
  font-family: 'iconfont';  /* project id 1815535 */
  src: url('//at.alicdn.com/t/font_1815535_jzd17qdh52l.eot');
  src: url('//at.alicdn.com/t/font_1815535_jzd17qdh52l.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_1815535_jzd17qdh52l.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_1815535_jzd17qdh52l.woff') format('woff'),
  url('//at.alicdn.com/t/font_1815535_jzd17qdh52l.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_1815535_jzd17qdh52l.svg#iconfont') format('svg');
}

.iconfont{
  font-family:"iconfont" !important;
  font-size:24px;font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}

.block {
  display: block;
}

.clearMargin {
  margin: 0;
}

.container {
  width: 1200px !important;
  max-width: none !important;
  padding-left: 0;
  padding-right: 0;
}

.row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/*文本超出一行显示...*/
.over-one {
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;

  font-size: .95rem;

  color: #333;

  margin-bottom: 0;
}

/*文本超出二行显示...*/
.over-two {
  overflow:hidden;
  text-overflow:ellipsis;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  color: #666;
  font-size: .85rem;
  margin-bottom: 0;
}

.cleanPadding {
  padding-left: 0;
  padding-right: 0;
}

.cleanPadding p {
  margin-bottom: 0;
}


/*页面工具*/
.pc-page-tool {
  bottom: 30%;
  right: 10px;
  left: auto;
  background: 0 0;position: fixed;
  z-index: 1050;
}

.toolbar {
  margin: 0;
  padding: 0;
  font-size: 0;
  box-shadow: 0 -1px 5px rgba(0,0,0,.2);
}

.toolbar-item {
  display: block;
  width: 60px;
  height: 60px;
  background: #053A88;
  padding: 0;
  margin: 0 0 5px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.ico {
  background: url(../image/icon/icon_desktop.png) no-repeat 0 0 scroll transparent;
  background-size: auto;
}

.product-finder {
  display: block;
  width: 50px;
  height: 50px;
  background-position: -50px -170px;
}

.color {
  display: block;
  width: 50px;
  height: 50px;
  background-position: -50px -220px;
}

.ico-calculator {
  display: block;
  width: 50px;
  height: 50px;
  background-position: -50px -270px;
}

.ico-locator {
  display: block;
  width: 50px;
  height: 50px;
  background-position: -50px -320px;
}

.tool-item {
  display: block;
}

.tool-item .iconfont {
  color: white;
  font-size: 30px;
}

.banner-img {
  background-color: white;
}

.banner-img img {
  width: 100%;
  min-width:1200px;
  max-width: 1920px;
  height: auto;
  display: block;
  margin:  0 auto;
}
/*分页*/
.pager-content{
  width:100%;
  margin:20px auto;
  text-align: center;
}
.pagination{
  border-radius: 0px;
}
.pagination>li{
  margin-left:20px;
}
.page-item:first-child a,.page-item:last-child a{
  background: #053a88;
  color:#fff !important;
}
.pagination .page-total span{
  height:60px;
  line-height: 50px;
  border:0px;
}
.pagination .page-item .page-link{
  width:60px;
  height:60px;
  line-height: 50px;
  display: inline-block;
  margin-left: 20px;
  font-size: 24px;
  border:0;
  font-weight: 700;
  color: #053a88;
}
.pagination .page-item a:hover,.pagination .disabled a:hover{
  background: #053a88;
  color:#fff;
}
.pagination .disabled .page-link{
  background: #ccc;
  color:#fff;
}
.pagination .active .page-link{
  background: #053a88 !important;
  color:#fff;
}
/*.loader-inner*/
.layer-msg-loading {border-radius: 6px !important; min-width: 60px !important; box-shadow: 0px 0px 0px rgba(0,0,0,.2) !important;}
.layer-msg-loading .layui-layer-content,.layer-msg-loading-simple .layui-layer-content  {padding: 10px !important; overflow: hidden !important;}
.layer-msg-loading img {display: none;}
.layer-msg-loading-simple {border-radius: 6px !important; min-width: 60px !important; box-shadow: 0px 0px 0px rgba(0,0,0,.2) !important; background-color: transparent !important; border: none !important; box-shadow: none !important;}
.loader-inner{ margin:auto;position: relative; width: 40px;height: 40px;}
.loader-inner img{width: 16px; height: 16px;position: absolute;max-width: 16px;max-height: 16px;top: 50%;margin-top: -8px;left: 50%;margin-left: -8px;}
.loader-inner.ball-clip-rotate > div {width:25px !important; height:25px !important; border: 3px solid #fff; border-radius: 99%; border-color:#ffffff; border-bottom-color: transparent; position:absolute; top: 50%;margin-top: -15px;left: 50%;margin-left: -15px;display: inline-block}
@keyframes rotate {
  0% {-webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1);}
  100% {-webkit-transform: rotate(360deg) scale(1);transform: rotate(360deg) scale(1);}}
@keyframes scale {
  30% {-webkit-transform: scale(0.3);transform: scale(0.3);}
  100% {-webkit-transform: scale(1);transform: scale(1);}
}

/*面包屑样式*/
.breadcrumb {
  background-color: white !important;
  margin-bottom: 0 !important;
}

.breadcrumb a {
  font-size: 16px !important;
  color: #000000;
}

.page-history {
  padding: 30px 0;
}


.content, .banner-img {
  margin-top: 65px;
}
/*Banner下面标题统一样式*/
.public-title-box {
  height: 188px;
  background-color: #EFEFEF;
  text-align: center;
}

.public-title{
  font-size: 36px;
  padding-top: 41px;
}

.public-title-detail {
  font-size: 16px;
  margin-top: 21px;
}

/*飞刀版页面内容区顶部边距统一设置65px*/
.page-content {
  margin-top: 65px;
}

/*公用 end*/