body {
  background: #F2F2F2;
}
.slider {
  overflow: hidden;
  position: relative;
}
.slider img {
  width: 100%;
  cursor: pointer;
}
.slider .swiper-pagination-bullet {
  width: 36px;
  height: 6px;
  -webkit-border-radius: 3px;
          border-radius: 3px;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #fff;
  opacity: 1;
}
.slider .swiper-pagination-bullet-active {
  width: 72px;
  background: #fff !important;
}
.needAnime {
  -webkit-transform: translateY(100%);
     -moz-transform: translateY(100%);
      -ms-transform: translateY(100%);
          transform: translateY(100%);
  opacity: 0;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  transition: all 1s;
}
.lineH5 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.lineH5 h5 {
  position: relative;
  -webkit-transform: translateY(100%);
     -moz-transform: translateY(100%);
      -ms-transform: translateY(100%);
          transform: translateY(100%);
  opacity: 0;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  transition: all 1s;
  z-index: 1;
}
.lineH5 .ea {
  position: absolute;
  top: -12px;
  width: 100%;
  text-align: center;
  height: 27px;
  font-size: 36px;
  font-family: Source Han Sans CN;
  font-weight: bold;
  color: #e7e7ef;
  line-height: 22px;
}
.lineH5 .ea-blue {
  color: #0048AF;
}
.pseudoH5 {
  font-size: 36px;
  font-family: Source Han Sans CN;
  font-weight: bold;
  color: #666666;
  line-height: 36px;
  position: relative;
}
.pseudoH5::before {
  content: '';
  position: absolute;
  width: 181px;
  height: 4px;
  background: url('/template/default/images/title-left.png') no-repeat;
  -webkit-background-size: 100% 100%;
          background-size: 100% 100%;
  left: -218px;
  top: 50%;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.pseudoH5::after {
  content: '';
  position: absolute;
  width: 181px;
  height: 4px;
  background: url('/template/default/images/title-right.png') no-repeat;
  -webkit-background-size: 100% 100%;
          background-size: 100% 100%;
  right: -218px;
  top: 50%;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.bread {
  padding: 15px 0;
  background: #F2F2F2;
}
.bread-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #afafaf;
}
.bread-box-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.bread-box-list-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  height: 15px;
  font-size: 15px;
  font-family: SourceHanSansCN;
  font-weight: 400;
  color: #afafaf;
  line-height: 15px;
}
.bread-box-list-item a {
  color: #afafaf;
}
.main {
  background: #F2F2F2;
}
.main-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.main-box-left {
  -webkit-flex-basis: 885px;
      -ms-flex-preferred-size: 885px;
          flex-basis: 885px;
  background: #fff;
}
.main-box-left-header {
  padding: 30px 30px 20px 30px;
  border-bottom: 1px solid #E5E5E5;
}
.main-box-left-header .name {
  font-size: 26px;
  font-family: SourceHanSansCN;
  font-weight: bold;
  color: #3f3f3f;
  line-height: 26px;
}
.main-box-left-header .time {
  height: 15px;
  font-size: 14px;
  font-family: SourceHanSansCN;
  font-weight: 400;
  color: #afafaf;
  line-height: 24px;
  margin-top: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.main-box-left-header .time div {
  margin-left: 10px;
}
.main-box-left-header .time div img {
  width: 18px;
  height: 14px;
  margin-right: 4px;
}
.main-box-left-summary {
  padding: 30px 30px 0 30px;
}
.main-box-left-summary-box {
  padding: 20px;
  background: #F2F2F2;
}
.main-box-left-summary-box p {
  font-size: 14px;
  font-family: SourceHanSansCN;
  font-weight: 400;
  line-height: 24px;
  color: #666666;
}
.main-box-left-summary-box p span {
  color: #0166FF;
}
.main-box-left-html {
  padding: 30px;
}
.main-box-left-html .img{width:100%;text-align:center;}
.main-box-left-html .img img{max-width:100%;text-align:center;}
.main-box-left-tip {
  padding: 0 30px 30px 30px;
  font-size: 16px;
  font-family: SourceHanSansCN;
  font-weight: 400;
  color: #d3d3d3;
  line-height: 24px;
}
.main-box-left-service {
  width: 298px;
  height: 55px;
  background: #0066ff;
  -webkit-border-radius: 28px;
          border-radius: 28px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 auto;
  cursor: pointer;
  -webkit-animation: free_download 1s linear alternate infinite;
     -moz-animation: free_download 1s linear alternate infinite;
          animation: free_download 1s linear alternate infinite;
}
.main-box-left-service img {
  width: 30px;
  height: 30px;
}
.main-box-left-service span {
  height: 21px;
  font-size: 20px;
  font-family: SourceHanSansCN;
  font-weight: 500;
  color: #ffffff;
  line-height: 21px;
  margin-left: 7px;
}
.main-box-left-service .active {
  display: none;
}
.main-box-left-service:hover {
  background: #e7f1ff;
  border: 1px solid #0066ff;
  -webkit-box-shadow: 0px 6px 18px 0px rgba(0, 0, 0, 0.13);
          box-shadow: 0px 6px 18px 0px rgba(0, 0, 0, 0.13);
}
.main-box-left-service:hover span {
  color: #0066FF;
}
.main-box-left-service:hover .active {
  display: block;
}
.main-box-left-service:hover .unactive {
  display: none;
}
.main-box-left-banner {
  margin: 40px auto 0 auto;
  width: 824px;
  cursor: pointer;
}
.main-box-left-banner a {
  display: block;
  width: 100%;
  height: 100%;
}
.main-box-left-banner a img {
  width: 100%;
}
.main-box-left-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 30px;
}
.main-box-left-btn-item {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  max-width: 400px;
  cursor: pointer;
}
.main-box-left-btn-item p {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 16px;
  font-family: SourceHanSansCN;
  font-weight: 400;
  color: #6e6e6e;
}
.main-box-left-btn-item p a {
  font-size: 16px;
  font-family: SourceHanSansCN;
  font-weight: 400;
  color: #6e6e6e;
}
.main-box-left-btn-item:nth-child(2) {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
     -moz-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.main-box-left-btn-item:hover p {
  color: #000;
}
.main-box-left-btn-item:hover p a {
  color: #000;
}
.main-box-right {
  -webkit-flex-basis: 300px;
      -ms-flex-preferred-size: 300px;
          flex-basis: 300px;
  width: 300px;
}
.main-box-right-box {
  width: 100%;
  background: #fff;
  margin-bottom: 20px;
  padding: 35px 30px 20px 30px;
}
.main-box-right-box-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
     -moz-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.main-box-right-box-header p {
  height: 19px;
  font-size: 20px;
  font-family: SourceHanSansCN;
  font-weight: 500;
  color: #3f3f3f;
  line-height: 19px;
}
.main-box-right-box-header a {
  height: 9px;
  font-size: 14px;
  font-family: SourceHanSansCN;
  font-weight: 400;
  color: #3f3f3f;
  line-height: 9px;
}
.main-box-right-box-header:hover p {
  color: #0166ff;
}
.main-box-right-box-header:hover a {
  color: #0166ff;
}
.main-box-right-box-list {
  width: 100%;
  margin-top: 30px;
}
.main-box-right-box-list-item {
  width: 100%;
  margin-bottom: 15px;
}
.main-box-right-box-list-item a {
  display: block;
  width: 100%;
  height: 15px;
}
.main-box-right-box-list-item a p {
  height: 15px;
  font-size: 14px;
  font-family: SourceHanSansCN;
  font-weight: 400;
  color: #999999;
  line-height: 15px;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.main-box-right-box-list-item:hover p {
  color: #000;
}
.news {
  margin-bottom: 60px;
}
.news-box {
  margin-top: 30px;
}
.news-box-s {
  padding: 30px;
  width: 885px;
  background: #fff;
}
.news-box-s-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.news-box-s-header p {
  height: 19px;
  font-size: 20px;
  font-family: SourceHanSansCN;
  font-weight: 500;
  color: #3f3f3f;
  line-height: 19px;
}
.news-box-s-header a {
  height: 9px;
  font-size: 14px;
  font-family: SourceHanSansCN;
  font-weight: 400;
  color: #3f3f3f;
  line-height: 9px;
  cursor: pointer;
}
.news-box-s-header:hover p {
  color: #0166ff;
}
.news-box-s-header:hover a {
  color: #0166ff;
}
.news-box-s-list {
  margin-top: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.news-box-s-list-item {
  width: 350px;
  margin-bottom: 15px;
  cursor: pointer;
}
.news-box-s-list-item a {
  display: block;
  width: 100%;
}
.news-box-s-list-item a p {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 14px;
  font-family: SourceHanSansCN;
  font-weight: 400;
  color: #999999;
}
.news-box-s-list-item:hover a p {
  color: #000;
}


/*产品详情左侧样式*/

.xq_arc{ width:100%; margin:0 auto;    font-size: 16px;}
.xq_arc .img{max-width:100%;text-align:center;}
.xq_arc .img img{max-width:100%;text-align:center;}
.xq_right1{ width:100%;}
.cfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: "";
    clear: both;
    height: 0;
}
/*产品详情图片*/
.box{width:580px;float:left;}
.left-pro{width:570px; padding:20px 10px;border:1px solid #ccc;text-align:left;float:left}
.left-pro .t1{width:100px;float:left;z-index:999999999999999;}
.left-pro .t2{width:402px;text-indent:0;float:left;padding-left:10px}
.left-pro .t2 img{text-indent:0;}
#showArea img{cursor:pointer;display:block;margin-bottom:5px;width:68px;padding:1px;border:1px solid #ccc;height:68px;float:left}
#main_img{cursor:pointer;display:block}
#gotop{cursor:pointer;display:block;margin-left:9px}
#gobottom{cursor:pointer;display:block;margin-left:9px}
#showArea{height:310px;margin:10px;overflow:hidden}

.MagicZoomBigImageCont{border:1px solid #91b817;overflow:hidden;z-index:9999999999999999999;}
.MagicZoomBigImageCont img{width:800px;height:600px}
.MagicZoomBigImageCont iframe{width:500px;height:400px}
.MagicZoomHeader{font:10px Tahoma, Verdana, Arial, sans-serif;color:#fff;background:#91b817;text-align:center !important}
.MagicZoomPup{border:1px solid #aaa;background:#fff;cursor:hand;left:0}
.MagicZoomLoading{text-align:center;background:#fff;color:#444;opacity:0.8;padding:3px 3px 3px 3px !important;display:none}
.MagicZoomLoading img{padding-top:3px !important}
.MagicThumb{cursor:url(cursor/zoomin.cur), pointer;outline:none}
.MagicThumb-zoomed{cursor:default}
.MagicThumb span{display:none}
.MagicThumb-image{border:1px solid #ccc;outline:none}
.MagicThumb-image-zoomed{cursor:url(cursor/zoomout.cur), pointer}
.MagicThumb-caption{color:#333333;background-color:#F0F0F0;border:1px solid #CCC;border-top:none;font-family:Verdana, Helvetica;font-size:11px;padding:8px 16px}
.MagicThumb-controlbar{display:block;height:18px}
.MagicThumb-controlbar a{display:block;width:180px;height:180px;margin:0px 1px;outline:none;float:left;overflow:hidden}
.MagicThumb-controlbar a span{display:block;width:1000px;height:1000px;background:transparent url(/template/default/images/controlbar.png) no-repeat 0 0;outline:none;position:absolute;left:0px;top:0px}
.MagicThumb-loading{border:1px solid #000;background:#fff url(/template/default/images/loader.gif) no-repeat 2px 50%;padding:2px 2px 2px 22px;margin:0;text-decoration:none;text-align:left;font-size:8pt;font-family:sans-serif;}
/*产品详情图片结束*/
.arc_right1{ float:right; width:36%;font-size:16px;}
.arc_right1 .jianjie p{font-size:16px;line-height:30px;}
.arc_right1_dh{ margin-top:50px; margin-bottom:20px;}
.arc_right1_dh strong{ font-size:28px; color:#e60001;}
.arc_right1 ul li{ width:120px; height:40px; line-height:40px; text-align:center; float:left; margin-right:10px; }
.arc_right1 ul li a{ display:block;color:#fff; background:#e60001;}
.arc_right1 ul li:nth-of-type(2) a{ background:#1e1e1e;}
.arc_right1 .jianjie{padding:10px; margin-top:10px;font-size: 16px;}
.top-liuyan{margin-top:20px;background:#fff;padding:10px;}
.top-liuyan span{font-size:18px; font-weight:bolder;}
.top-liuyan .top-box{ border:0; height:35px; line-height:35px;width:180px; padding:0 10px; outline:none;border: 1px solid #000;border-radius: 8px;}
.top-liuyan #products{margin-right:15px;}
.top-liuyan  .tj{font-size: 18px;width: 200px;height:35px; line-height:35px;background: #da271e; border: 0; color: #fff;outline: none;margin-left:17px;
cursor: pointer;border-radius: 5px;}
.top-liuyan .pdf{float:right}
.top-liuyan .pdf img{width:35px;}
.arc_nav{ width:100%; margin-top:30px;}
.arc_nav ul li{ width:20%; height:60px; float:left; text-align:center; line-height:60px;}
.arc_nav ul li a{ display:block;color:#fff; background:#1e1e1e;}
.arc_nav ul li a:hover{ background:#e60001;}
.arc_ys{padding: 10px;}
.arc_ys_tit{ height:34px;font-size:16px;font-weight:bold;border-left:6px #ff0000 solid; border-bottom:1px #dddddd solid; padding-left:10px; margin:30px 0 25px;}

.arc_ys p{ margin-bottom:10px;}

.arc_xj ul li{ width:440px; margin-right:20px; margin-bottom:20px; float:left;}

.arc_xj ul li:nth-of-type(2n){ margin-right:0;}

.arc_xj .arc_xj_img{ width:220px; height:164px; position:relative; float:left;}

.arc_xj .arc_xj_img img{ width:100%; height:100%;}

.arc_xj .arc_xj_img span{ width:40px; height:30px; line-height:30px; font-weight:bold; text-align:center; background:#e60001; color:#fff; position:absolute; top:0; left:0;}

.arc_xj .arc_xj_xx{ width:220px; float:left;}

.arc_xj ul li h2{ font-size:16px; padding-left:10px; margin-bottom:5px;}

.arc_xj ul li p{ padding-left:10px; line-height:24px; color:#666; font-size:15px;}

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

.arc_cs table{ border-collapse:collapse; azimuth:center; text-align:center; border:1px solid #ddd; font-size:16px;width:100%;}

.arc_cs table tr:nth-of-type(2n+1){ background:#F4F4F4}

.arc_cs table th,.arc_cs table td{ line-height:24px; padding:10px 0;}

.arc_cs img,arc_ys img,arc_xj img,arc_kh img{ max-width:100%;}

.arc_kh ul li{ width:435px; float:left; margin-right:30px;}

.arc_kh ul li img{ width:100%; height:350px;}

.arc_kh ul li:nth-of-type(2n){ margin-right:0;}

.arc_kh ul li p{ text-align:center; line-height:40px; font-size:15px;}

.arc_kh ul li p a:hover{ color:#e60001; text-decoration:underline;}

.arc_kh1 ul li{ width:290px; float:left; margin-right:30px;}

.arc_kh1 ul li img{ width:100%; height:220px;}

.arc_kh1 ul li p{ text-align:center; line-height:40px; font-size:15px;}
.arc_kh1 ul li p a{ text-align:center; color:#000;}

.arc_kh1 ul li p a:hover{ color:#e60001; text-decoration:underline;}

 .arc_left{ width:60%; float:left; border:1px solid #ddd; padding:10px;    margin: 10px; float:left;}

#preview{ float:none; text-align:center; }
.jqzoom{ width:100%; height:335px; position:relative;}
.zoomdiv{ left:859px; height:400px; width:400px;}
.list-h li{ float:left;}
#spec-n5{width:100%; height:65px; padding-top:6px; overflow:hidden;}
#spec-left{ background:url(../images/left.gif) no-repeat; width:10px; height:45px; float:left; cursor:pointer; margin-top:5px;}
#spec-right{background:url(../images/right.gif) no-repeat; width:10px; height:45px; float:left;cursor:pointer; margin-top:5px;}
#spec-list{ width:92%; float:left; overflow:hidden; margin-left:2px; display:inline;}
#spec-list ul li{ float:left; margin-right:0px; display:inline; width:62px;}
#spec-list ul li img{ padding:2px ; border:1px solid #ccc; width:50px; height:50px;}

/*jqzoom*/
.jqzoom{position:relative;padding:0;}
.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:400px;height:400px;background:url(../images/loading.gif) #fff no-repeat center center;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}
.bigimg{width:1000px;height:750px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}
#spec-list{ position:relative; width:92%; margin-right:6px;}
#spec-list div{ margin-top:0;margin-left:-30px; *margin-left:0;}
#spec-n2{display:none;}

/*产品详情左侧样式*/