@charset "utf-8";
/* CSS Document */
@font-face {
  font-family: electronicFont;
  src: url(../font/DS-DIGIT.TTF)
}
.w1140 {
  width: 1140px;
  margin: 0 auto;
}
.dsqlogo {
  width: 380px;
  height: 140px;
  float: left;
}
.topbanner {
  width: 700px;
  height: 80;
  margin-top: 30px;
}
.grayline {
  border-bottom: 1px solid #dadada;
}
.qxtbg {
  width: 100%;
  height: 480px;
  background-image: url(../images/qxtbg.jpg);
}
.qxbox {
  width: 760px;
}
.dsqzx {
  width: 380px;
  padding: 0 15px;
}
.h-480 {
  height: 480px;
}
.bg-qxt {
  background-color: rgba(60, 60, 60, .8)
}
.f-40 {
  font-size: 40px;
  font-weight: 600;
}
.line-10 {
  border-bottom: 10px solid #e0e0e0;
}
.topnews, .topnews a {
  font-size: 20px;
  font-weight: 600;
  color: #ee7700;
  text-align: center;
  line-height: 30px;
}
.topnews a:hover {
  text-decoration: none;
}
.news {}
.news ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.news ul li {
  font-size: 14px;
  height: 45px;
  line-height: 45px;
  border-bottom: 1px dashed #949494;
  font-family: '宋体';
}
.news ul li::before {
  content: url("../images/dot.png");
/*  margin-right: 10px;*/
}
.news02 {}
.news02 ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.news02 ul li {
  font-size: 14px;
  height: 30px;
  line-height: 30px;
  font-family: '宋体';
}
.news02 ul li::before {
  content: url("../images/dot.png");
/*  margin-right: 10px;*/
}
.f-12 {
  font-size: 12px;
}
.f-12 th {
  font-weight: 600;
}
.h-380 {
  height: 380px;
}
.f-20 {
  font-size: 20px;
  font-weight: 600;
}
.qyzs {
  border-bottom: 1px solid #dee2e6;
  height: 45px;
  line-height: 45px;
  color: #ee7700;
  font-size: 20px;
  font-weight: 600;
  position: relative;
}
.qyzs::before {
  content: "";
  width: 80px;
  height: 2px;
  background-color: #ee7700;
  left: 0;
  bottom: -1px;
  position: absolute;
}
.commonbt {
  border-bottom: 1px solid #dee2e6;
  height: 45px;
  line-height: 45px;
  color: #000;
  font-size: 22px;
  font-weight: 600;
  position: relative;
}
.mainbanner {
  background-image: url(../images/mainbanner.jpg);
  background-repeat: no-repeat;
  height: 247px;
}
.nav-link-2 {
  color: #fff;
}
.yqlj {}
.yqlj ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.yqlj ul li {
  float: left;
  margin-right: 20px;
  line-height: 30px;
}
.gywm {
  background-color: #f87724;
  text-align: center;
  height: 40px;
  line-height: 40px;
}
.gywm a {
  margin-right: 30px;
  color: #fff;
}
.footinfo {
  background-color: #737373;
  height: 160px;
  text-align: center;
  line-height: 25px;
  font-size: 12px;
  padding-top: 30px;
  color: #fff;
}
.text-with-hr {
  text-align: center;
  position: relative;
  z-index: 2;
}
/*
横线，并通过z-index：-1将or附近的横线遮盖住
*/
.text-with-hr:before {
  position: absolute;
  content: '';
  top: 25px;
  left: 0px;
  width: 100%;
  border-bottom: 1px solid #d4d4d4;
  z-index: -1;
}
.text-with-hr span {
  display: inline-block;
  background: white;
  padding: 10px 20px;
  font-size: 30px;
  font-weight: 700;
}
.tubiao {}
.tubiao ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.tubiao ul li {
  width: 33%;
  float: left;
  text-align: center;
}
.wz02 {
  font-size: 48px;
  color: #b20909;
  font-family: electronicFont;
}
.category-products {
  padding-bottom: 5px;
  display: inline-block;
  width: 100%;
}
.products-grid {
  margin: 0;
  list-style: none;
}
ul.products-grid {
  padding: 0;
  margin: 0px;
}
.category-products ul.products-grid li.item {
  text-align: center;
  margin-top: 0px;
  margin-bottom: 20px;
  padding: 0 10px;
}
.category-products ul.products-grid li.item.last {
  text-align: center;
}
.category-products ul.products-grid li.item img {
  width: 100%;
}
.products-grid .item .actions {
  position: absolute;
  bottom: 1px;
  width: 100%;
  bottom: -55px;
  transition: all 300ms ease-in-out 0s;
  -moz-transition: all 300ms ease-in-out 0s;
  -webkit-transition: all 300ms ease-in-out 0s;
  -o-transition: all 300ms ease-in-out 0s;
  z-index: 9;
  overflow: visible;
  opacity: 0;
}
.products-grid .item:hover .actions {
  left: 1px;
  bottom: 21px;
  opacity: 1;
}
.products-grid .item .tooltip {
  width: 100px;
  text-transform: uppercase;
  font-size: 9px;
  letter-spacing: 1px;
}
.products-grid .item .ratings {
  width: 100px;
  transition: all 300ms ease-in-out 0s;
  -moz-transition: all 300ms ease-in-out 0s;
  -webkit-transition: all 300ms ease-in-out 0s;
  -o-transition: all 300ms ease-in-out 0s;
  z-index: 1;
  overflow: visible;
  text-align: center;
  display: inline-block
}
.products-grid .item .item-inner {
  position: relative;
  text-align: center;
  overflow: hidden;
  border: 1px #e5e5e5 solid;
  padding-bottom: 18px;
  background: #fff;
}
.products-grid .item .item-inner .action {
  margin-top: 8px;
}
.products-grid .item .item-inner:hover {
  left: 0px;
  top: 0px;
}
.products-grid .item .item-inner .item-img {
  position: relative;
}
.products-grid .item .item-inner .item-img .ico-product {
  position: absolute;
  bottom: 10px;
  left: 10px;
  z-index: 2;
  background: #de44c3;
  padding: 4px 20px 8px;
  color: #FFF;
  font-size: 150%;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  border-radius: 18px;
}
.products-grid .item .item-inner .item-img .item-img-info {
  text-align: center;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  position: relative;
  height: 100%;
  /*
	height: 265px;
	min-height: 265px;
*/
}
.products-grid .item .item-inner .item-img .item-img-info a.product-image {
  width: 100%;
  overflow: hidden;
  display: inline-block;
  height: 100%;
}
.products-grid .item .item-inner .item-img .item-img-info a.product-image img {
  width: 100%;
  height: 100%;
}
.item .item-inner:hover .item-img .item-img-info a.product-image img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  -moz-transform: scale(1.1);
  opacity: 0.5;
}
.products-grid .item .item-inner .item-img .item-img-info a.product-image .img-main {
  display: inline;
}
.products-grid .item .item-inner .item-img .item-jtv-box-hover {
  z-index: 2;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  position: absolute;
  width: 100%;
  top: 25%;
  opacity: 0;
}
.products-grid .item .item-inner .item-img {
  margin: 0px auto 0;
  height: 200px;
}
.xinpin {
  position: absolute;
  top: 0;
  right: 15px;
  background-color: #b3090a;
  padding: 5px;
  color: #fff;
  z-index: 2;
}
.xpbt {
  position: absolute;
  bottom: 10px;
  left: 20px;
  width: 89%;
  background-color: #e6860c;
  padding: 10px;
  color: #fff;
  z-index: 2;
  background-color: rgba(0, 0, 0, .5);
  line-height: 20px;
  text-align: center;
}
.qsleft {
  width: 350px;
  height: 530px;
  margin-top: 25px;
  float: left;
}
.qsmid {
  width: 360px;
  height: 530px;
  float: left;
  margin-left: 20px;
  margin-top: -28px;
}
.weizhi {
  height: 40px;
  line-height: 40px;
}
.listbt {
  padding: 10px 20px;
  background-color: #d60000;
  border-radius: 8px 8px 0 0;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  position: absolute;
}
.item-info {
  height: 30px;
  line-height: 30px;
  text-align: center;
  border: 1px solid #dddddd;
  margin-top: -1px;
}
/* 文章详情 */
.article {
  width: 100%;
}
.article_l {
  width: 100%;
}
.article_title {
  font-size: 24px;
  color: #333333;
  font-weight: bold;
  margin-top: 22px;
  text-align: center;
  line-height: 30px;
}
.article_time {
  width: 100%;
  font-size: 14px;
  color: #666666;
  margin-top: 20px;
  margin-bottom: 30px;
}
.shezhi {
  width: 100%;
  overflow: auto;
  padding: 10px 0;
  border-top: 1px dashed #e9ebee;
  margin-top: 30px;
}
.shezhi .time {
  font-size: 14px;
  color: #666666;
  line-height: 32px;
  float: left;
  margin-left: 30%;
}
.dy {
  /*width: 215px;*/
  height: 34px;
  line-height: 34px;
  /*border: 1px solid #dddddd;*/
  float: left;
  cursor: pointer;
  font-size: 20px;
}
.dy_max {
  width: 52px;
  height: 100%;
  border-right: 1px solid #ddd;
  text-align: center;
  float: left;
}
.dy_min {
  width: 52px;
  height: 100%;
  border-right: 1px solid #ddd;
  text-align: center;
  float: left;
}
.dy_btn {
  float: left;
  text-align: center;
  font-size: 14px;
  color: #1a5284;
  padding-left: 30px;
}
.dy_btn img {
  display: inline-block;
  margin-top: 11px;
  margin-right: 10px;
}
.article_link {
  float: right;
  width: 300px;
}
.article_link li {
  float: left;
  margin-left: 23px;
  font-size: 14px;
  color: #666666;
  line-height: 28px;
  cursor: pointer;
}
.article_link li img {
  margin-right: 10px;
}
.article_con {
  width: 100%;
  font-size: 16px;
  color: #565862;
  line-height: 1.5;
  text-align: justify;
  padding-top: 10px;
}
.article_con_title * {
  font-size: 16px !important;
/*	text-indent: 2em;*/
  /* color: #565862!important;*/
  line-height: 35px !important;
  font-family: 'PingFangSC-Regular', 'helvetica neue', arial, 'hiragino sans gb', 'microsoft yahei ui', 'microsoft yahei', sans-serif !important;
}
.article_con img {
  display: block;
  margin: 20px auto;
  max-width: 800px;
}
.article_con p {
  margin-bottom: 10px;
  line-height: 30px !important;
  text-align: justify;
}
/* 附件 */
.attachment {
  width: 100%;
  border: 1px solid #ccc;
  border-bottom: 0;
  margin-top: 40px;
  overflow: hidden;
}
.attachment_l {
  height: 48px;
  line-height: 48px;
  padding: 0 20px;
  font-size: 16px;
  color: #565862;
  border-bottom: 1px solid #ccc;
  background-color: #c8e6fa;
  text-align: left;
  font-size: 16px;
  color: #333;
  font-weight: 700;
}
.article_r {
  float: right;
  width: 300px;
  position: relative;
}
.article_r_title {
  width: 85px;
  height: 25px;
  text-align: center;
  background: #fff;
  font-size: 20px;
  color: #333;
  font-weight: bold;
  position: absolute;
  left: 15px;
  top: -10px;
}
.article_r_ul {
  float: right;
  width: 300px;
  border: 1px solid #e9ebee;
  padding: 0 20px;
}
.article_r_ul li {
  width: 100%;
  height: auto;
  border-bottom: 1px solid #e9ebee;
  padding-bottom: 20px;
  overflow: hidden;
}
.article_r_ul li:nth-child(1) {
  margin-top: 20px;
}
.article_r_ul li:nth-last-child(1) {
  border-bottom: 0;
}
.article_fl {
  width: 40px;
  height: 100%;
  float: left;
  font-size: 20px;
  color: #333333;
  padding-top: 15px;
  font-weight: normal;
}
.article_ri {
  width: calc(100% - 40px);
  float: right;
}
.article_ri > h2 {
  font-size: 14px;
  color: #333;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 24px;
  margin: 15px 0 10px;
}
.article_ri > p {
  font-size: 14px;
  color: #666;
}
.ly {
  float: left;
  font-size: 14px;
  color: #666666;
  line-height: 32px;
  padding-left: 40px;
}
.TRS_Editor，.TRS_Editor p {
  line-height: 30px !important;
  text-align: justify;
}
.work-item {
  margin-bottom: 30px;
  position: relative;
}
.work-item .info {
  position: absolute;
  left: 19px;
  bottom: 10px;
  border-left: 5px solid #fff;
  padding: 10px 0px 10px 12px;
  background: rgba(255, 255, 255, 0.6);
  width: 90%;
  -webkit-transform: translateX(-10px);
  transform: translateX(-10px);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.work-item .info h4 {
  font-size: 14px;
  line-height: 30px;
  letter-spacing: 0;
  color: #202020;
  font-weight: 500;
  -webkit-transform: translateX(-10px);
  transform: translateX(-10px);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}
.work-item .info span {
  font-size: 14px;
  letter-spacing: 0;
  color: #555;
  -webkit-transform: translateX(-10px);
  transform: translateX(-10px);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transition: all 0.7s ease 0s;
  transition: all 0.7s ease 0s;
}
.work-item:hover .info, .work-item:hover .info h4, .work-item:hover .info span {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-transform: translateX(0px);
  transform: translateX(0px);
}
.jtv-box-hover .add-to-links li a {
  height: 40px;
  display: block;
  font-size: 0;
  line-height: 40px;
  text-align: left;
  padding: 0;
  text-transform: uppercase;
  margin: 0;
  background: none;
  font-family: "Raleway", sans-serif;
  letter-spacing: 1px;
  color: #333;
}
.jtv-box-hover .add-to-links li i {
  width: 40px;
  height: 40px;
  float: right;
  background: #fff;
  content: "";
  text-align: center;
  font-size: 24px;
  line-height: 40px;
  font-weight: 300;
  border: 1px #999 solid;
  border-radius: 50%;
}
.jtv-box-hover .add-to-links li i:hover {
  background: #fdae03;
  border: 1px #fdae03 solid;
  color: #fff;
}
.jtv-box-hover {
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
}
.jtv-box-hover .add-to-links {
  margin: 0;
  list-style: none;
  padding: 0;
}
.jtv-box-hover .add-to-links li {
  margin: 2px;
  display: inline-block;
}
.jtv-box-hover > a {
  background: #fff;
  border-radius: 50%;
  color: #333333;
  display: inline-block;
  font-size: 18px;
  height: 35px;
  line-height: 35px;
  margin: 0 4px;
  width: 35px;
}
.jtv-box-hover {
  left: 44%;
  margin-left: -25px;
  margin-top: -35.5px;
  position: absolute;
  top: 50%;
  opacity: 0;
  transform: scale(2);
  transition: all 0.4s ease 0s;
  text-align: center;
}
.jtv-box-hover > a:hover {
  background: #fe5858 none repeat scroll 0 0;
  color: #fff;
}
.item .item-inner:hover .jtv-box-hover {
  opacity: 1;
  transform: scale(1);
}