@charset "UTF-8";

/*去除浏览器默认间距等*/
body,
html {
  margin: 0;
  padding: 0;

}

@font-face {
  /*font-family: 'FrederickatheGreat-Regular';*/
  /*字体名称*/
  /*  src: url('../fonts/frederickathegreat-regular-webfont.woff'); */
  /*字体源文件*/
}

body,
button,
input,
select,
textarea {
  font-family: Microsoft Yahei, "微软雅黑", "宋体";
  outline: 0px;
}

ul {
  margin: 0px;
  list-style: none;
  padding: 0px;
  zoom: 1;
  /*用于IE6*/
}

div {
  zoom: 1;
  /*用于IE6,要是IE6错位,修复这个.*/
}

a {
  text-decoration: none;
}

a:hover,
a:focus {
  text-decoration: none;
}

a img {
  border: none;
  border: 0;
}

p,
h1,
h2,
h3,
h4,
h5 {
  margin: 0;
  padding: 0;
}

input,
select {
  padding: 0;
  margin: 0;
}



/*常用工具*/
.clear {
  clear: both;
  overflow: hidden;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.clear {
  clear: both;
}

.text-l {
  text-align: left;
}

.text-c {
  text-align: center;
}

.text-r {
  text-align: right;
}

.r-position {
  position: relative;
}

.a-position {
  position: absolute;
}

.img {
  transition: all .5s;
}

.img img {
  width: 100%;
}

.z9 {
  z-index: 9;
}

/*常用间距调整*/

.mt5 {
  margin-top: 5px;
}

.mt10 {
  margin-top: 10px;
}

.mt15 {
  margin-top: 15px;
}

.mt20 {
  margin-top: 20px;
}

.mt25 {
  margin-top: 25px;
}

.mt30 {
  margin-top: 30px;
}

.mt40 {
  margin-top: 40px;
}

.mt50 {
  margin-top: 50px;
}

.mt70 {
  margin-top: 70px;
}

.mb5 {
  margin-bottom: 5px;
}

.mb10 {
  margin-bottom: 10px;
}

.mb15 {
  margin-bottom: 15px;
}

.mb20 {
  margin-bottom: 20px;
}

.mb25 {
  margin-bottom: 25px;
}

.mb30 {
  margin-bottom: 30px;
  clear: both;
}

.mb50 {
  margin-bottom: 50px;
}

.ml50 {
  margin-left: 50px;
}

.pt5 {
  padding-top: 5px;
}

.pt10 {
  padding-top: 10px;
}

.pt15 {
  padding-top: 15px;
}

.pt20 {
  padding-top: 20px;
}

.pt25 {
  padding-top: 25px;
}

.pt30 {
  padding-top: 30px;
}

.pt40 {
  padding-top: 40px;
}

.pt50 {
  padding-top: 50px;
}

.pb5 {
  padding-bottom: 5px;
}

.pb10 {
  padding-bottom: 10px;
}

.pb15 {
  padding-bottom: 15px;
}

.pb20 {
  padding-bottom: 20px;
}

.pb25 {
  padding-bottom: 25px;
}

.pb30 {
  padding-bottom: 30px;
}

.pb50 {
  padding-bottom: 50px;
}

.pf20 {
  padding-left: 20px;
}

.of {
  overflow: hidden;
}

.mf20 {
  margin-left: 20px;
}

.img img {
  width: 100%;
}

/*宽度*/
.w100 {
  width: 100%;
}

.mw100 {
  max-width: 100%;
}

.w50 {
  width: 50%;
}

.w70 {
  width: 70%;
}

.imghov {
  overflow: hidden;
  transition: all .5s;
}

.max-img {
  max-width: 1140px;

}

/*add*/

.video .swiper-button-prev {
  left: 20% !important;
}

.video .swiper-button-next {
  right: 20% !important;
}


.swiper-container2,
.swiper-container3,
.swiper-container4,
.swiper-container5 {
  overflow: hidden;
  position: relative;
}

.swiper-container3 {
  padding: 45px 0;
}

.max-img {
  max-width: 1140px;

}

.box {
  display: flex;
  justify-content: space-between;
}

.swiper-pagination-bullet {
  width: 12px;
  height: 12px;
}

.swiper-pagination-bullet-active {
  background-color: #fff;
  border: 2px solid #087DD5;
}

.swiper-container4 {
  min-height: 305px;
}

.swiper-container6 {
  overflow: hidden;
}

.gallery-top {
  height: 80%;
  width: 100%;
  border: 5px solid #dedede;
  padding: 5px;
}

.gallery-thumbs {
  height: 20%;
  box-sizing: border-box;
  padding: 10px 0;
  position: relative;
}

.gallery-thumbs .swiper-slide {
  width: 25%;
  height: 100%;
  opacity: 0.4;
}

.gallery-thumbs .swiper-slide-active {
  opacity: 1;
}

/*header*/

.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #fff;
  z-index: 100;
}

.top .topr {
  float: right;
  display: inline-block;
  padding-top: 5px;
}

.top .topr a {
  font-size: 14px;
  color: rgb(76, 75, 75);
  line-height: 1.357;
  margin-left: 5px;
}

.top .topr a img {
  margin-bottom: 2px;
  margin-right: 2px;
}

.navlist {
  position: relative;
  padding: 0 13px;
}

.navlist::after {
  content: '';
  border-bottom: 1px solid #2478bc;
  display: block;
  width: 0;
  transition: all .5s;
}

.navlist ul {
  position: absolute;
  left: -11px;
  background-color: #fff;
  width: 120%;
  display: none;
}

.navlist ul li {
  padding-bottom: 5px;
  position: relative;
}

.navlist ul li:after {
  content: '';
  border-bottom: 1px solid #2478bc;
  display: block;
  width: 0;
  transition: all .5s;
}

.navlist ul li:hover:after {
  /* width: 100%;*/
}

.navlist ul li a {
  text-align: center;
  display: block;
  font-size: 14px;
}

.navlist ul li a:hover {
  color: #2478bc;
  background-color: #ccc;
}

.navlist .inlist div a {
  text-align: left;
  padding: 0 35px;
}

.navlist a {
  font-size: 16px;
  color: rgb(76, 75, 75);
  line-height: 2.5;
  transition: all .5s;
}

.navlist:hover>a,
.navlist.active>a {
  color: #087DD5;
}

.navlist:hover:after {
  width: 100%;
}

.navpt {
  margin-top: 10px;
  padding-bottom: 30px;
}

.search {
  padding-left: 10px;
}

.search input {
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
  border-right: 0;
  border: 0;
  border: 1px solid #c7c5c5;
  padding: 6px 2px;
  margin-right: -5px;
  padding-left: 15px;
}

.search button {
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
  border: 1px solid #c7c5c5;
  padding: 6px 12px;
  border-left: 0;
  background-color: #fff;
}

.search button .glyphicon {
  color: #c7c5c5;
}

.video {
  padding-top: 105px;
  position: relative;
}

.inbanner {
  position: absolute;
  top: 50%;
  text-align: center;
  width: 100%;
}

.inbanner .tit {
  font-size: 40px;
  color: #fff;
}

.video video {
  max-height: 685px;
}

.login {
  position: absolute;
  width: 100%;
  z-index: 9999;
  bottom: 15px;
  left: 0;
  text-align: center;
}

.login>a {
  position: relative;
  animation: myfirst 3s ease-in-out infinite;
  -moz-animation: myfirst 3s ease-in-out infinite;
  /* Firefox */
  -webkit-animation: myfirst 3s ease-in-out infinite;
  /* Safari and Chrome */
  -o-animation: myfirst 3s ease-in-out infinite;
  /* Opera */
}

.container .row .col-sm-4 {
  width: 33.3%;
  height: 250px;
}

@keyframes myfirst {
  0% {
    top: 0px;
  }

  10% {
    top: -5px;
  }

  20% {
    top: -10px;
  }

  30% {
    top: -15px;
  }

  50% {
    top: -20px;
  }

  100% {
    top: 0px;
  }
}

@-moz-keyframes myfirst

/* Firefox */
  {
  0% {
    top: 0px;
  }

  10% {
    top: -5px;
  }

  20% {
    top: -10px;
  }

  30% {
    top: -15px;
  }

  50% {
    top: -20px;
  }

  100% {
    top: 0px;
  }
}

@-webkit-keyframes myfirst

/* Safari and Chrome */
  {
  0% {
    top: 0px;
  }

  10% {
    top: -5px;
  }

  20% {
    top: -10px;
  }

  30% {
    top: -15px;
  }

  50% {
    top: -20px;
  }

  100% {
    top: 0px;
  }
}

@-o-keyframes myfirst

/* Opera */
  {
  0% {
    top: 0px;
  }

  10% {
    top: -5px;
  }

  20% {
    top: -10px;
  }

  30% {
    top: -15px;
  }

  50% {
    top: -20px;
  }

  100% {
    top: 0px;
  }
}


/*about*/
.about {
  margin-top: 50px;
}

.title {
  font-size: 30px;
  color: rgb(81, 81, 81);
  font-weight: bold;
  overflow: hidden;
}

.title .first {
  display: inline-block;
}

.title .second {
  display: inline-block;
  color: #087DD5;
}

.line {
  margin: 0 auto;
}

.about p {
  font-size: 15px;
  color: rgb(107, 108, 109);
  line-height: 1.75;
  text-indent: 2em;
  padding-bottom: 16px;
}

.gobtn {
  background-color: #e8edf2;
  font-size: 14px;
  color: rgb(0, 0, 0);
  line-height: 1.714;
  padding: 13px 45px;
  margin-top: 15px;
  margin-bottom: 10px;
  display: inline-block;
  transition: all .3s;
}

.gobtn2 {
  background-color: #fff;
  font-size: 14px;
  color: rgb(76, 75, 75);
  line-height: 1.714;
  padding: 13px 45px;
  margin-top: 15px;
  margin-bottom: 10px;
  display: inline-block;
  transition: all .3s;
}

.gobtn:hover {
  background-color: #087DD5;
  color: #fff;
}

.gobtn2:hover {
  background-color: #2478bc;
  color: #fff;
}

.biaonum {
  position: absolute;
  font-size: 48px;
  font-family: "Arial";
  color: rgb(255, 255, 255);
  line-height: 2.667;
  top: 6px;
  left: 40px;
}

.box .r-position:nth-child(3) .biaonum {
  left: 28px;
}

.biaonum sub {
  font-size: 20px;
}

.biaoname {
  font-size: 16px;
  color: rgb(255, 255, 255);
  padding-top: 20px;
  text-align: center;
}

.num {
  background-color: #087DD5;
  padding: 45px 0;
  margin-top: 50px;
}

.nav-tabs {
  border-bottom: 0;
  text-align: center;
  margin-top: 5px;
  margin-bottom: 20px;
}

.nav-tabs>li {
  float: none;
  display: inline-block;
  padding-right: 15px;
}

.nav-tabs>li>a {
  background-color: #2681ca;
  border-radius: 0;
  padding: 20px 30px;
  font-size: 20px;
}

.nav-tabs>li:hover a {
  background-color: #f39800;
  color: #fff;
}

.nav-tabs>li>a {
  color: #fff;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
  background-color: #f39800;
  color: #fff;
}

.pdimg {
  position: relative;
  overflow: hidden;
  margin-top: 20px;
  transition: all .5s;
}

.pdimg img {
  transition: all .5s;
}

.pdimg .pdover {
  position: relative;
  overflow: hidden;
  padding: 2px;
  border: 1px solid #dedede;
}

.pdimg .pdover>img {
  width: 100%;
}

.overlay {
  background-color: rgba(243, 152, 0, .7);
  text-align: center;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  color: #fff;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 450ms ease-out 0s;
  transition: all 450ms ease-out 0s;
  -webkit-transform: rotateY(180deg) scale(0.5, 0.5);
  transform: rotateY(180deg) scale(0.5, 0.5);
}

.pdimg:hover .overlay {
  opacity: 1;
  transform: scale(1, 1);
}

.pdimg:hover img {
  transform: scale(1.2);
}

.overlay .box1 {
  display: table;
  height: 100%;
  width: 100%;
}

.overlay .box1 .content {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

.overlay .box1 .content a {
  display: block;
}

.overlay .box1 .content a .name {
  font-size: 16px;
  color: rgb(246, 246, 246);
  text-align: center;
  padding-top: 5px;
}

.shuzi img {
  display: block;
  margin: 0 auto;
}

/*设备*/
.machine {

  background: url(../img/mcbg.jpg) no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

.machine .title {
  color: #fff;
  padding-top: 20px;
}

.shebei {
  font-size: 14px;
  color: rgb(255, 255, 255);
  line-height: 1.714;
  max-width: 700px;
  text-align: center;
  width: 100%;
  margin: 0 auto;
}

.sbtab {
  margin: 10px 0;
}

.machine .sbtab .sblr ul li a img {
  height: 500px;
}

.sbtab .sblf {
  width: 24%;
  float: left;
}

.sbtab .sblf ul li {
  font-size: 16px;
  background-color: #fff;
  margin-top: 20px;
  padding: 1.9em 2em;
  text-align: center;
  position: relative;
}

.sbtab .sblf ul li:after {
  content: '';
  width: 0;
  height: 0;
  border-left: 0px solid;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  color: #f39800;
  position: absolute;
  top: 50%;
  right: -10px;
  margin-top: -10px;
}

.sbtab .sblf ul li a {
  color: rgb(76, 75, 75);

}

.sbtab .sblf ul li.active {
  background-color: #f39800;
}

.sbtab .sblf ul li.active a {
  color: #fff;
}

.sbtab .sblf ul li.active:after {
  border-left: 10px solid;
}

.sbtab .sblr {
  width: 70%;
  float: right;
}

.sbtab .sblr ul li {
  display: none;
  position: relative;
}

.sbtab .sblr ul li .tabdown {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, .5);
  color: #fff;
  padding: 10px;
  text-align: center;
  font-size: 13px;
}

.sbtab .sblr ul li .tabdown a {
  color: #fff;
}

.sbtab .sblr ul li:nth-child(1) {
  display: block;
}

.sbtab .sblf ul li:nth-child(1) {
  margin-top: 0;
}

/*news*/
.newsbor {
  border: 1px solid #dedede;
}

.newsbor .img>img {
  border-bottom: 1px solid #dedede;
}

.newsbor .con {
  padding: 20px 40px;
}

.newstit {
  font-size: 16px;
  line-height: 1.571;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.newstit a {
  color: rgb(77, 77, 77);
}

.newstit:hover a {
  color: #2681ca;
}

.newsdate {
  font-size: 14px;
  color: rgb(184, 183, 183);
  line-height: 1.871;

}

.newscon {
  font-size: 14px;
  color: rgb(150, 150, 150);
  line-height: 1.571;

}

.newscon1 {
  font-size: 14px;
  color: rgb(150, 150, 150);
  line-height: 1.571;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.nwl {
  width: 25%;
  float: left;
}

.nwr {
  width: 70%;
  float: right;
}

.newsmt {
  margin-bottom: 41px;
}

.line1 {
  border-bottom: 1px solid #dedede;
}

.local {
  font-size: 14px;
  color: rgb(101, 99, 99);
  line-height: 2.476;
  padding: 10px 0;
}

.local a {
  color: rgb(101, 99, 99);
}

.local a:last-child {
  color: #087DD5;
}

.local a:hover {
  color: #2478bc;
}

.conbor {
  border: 1px solid #dedede;
  padding: 30px 0;
  margin-bottom: 20px;
}

.conbor .iconfont {
  font-size: 42px;
  margin-bottom: 20px;
  display: block;
  text-align: center;
  color: #dedede;
}

.conbor .cu {
  text-align: center;
  font-size: 14px;
  font-family: "Microsoft YaHei";
  color: rgb(161, 160, 160);
  line-height: 2.857;
  word-wrap: break-word;
  padding: 0 5px;
}

.conbor:hover {
  background-color: #2478bc;
}

.conbor:hover .iconfont {
  color: #fff;
}

.conbor:hover .cu {
  color: #fff;
}

.ctform label {
  font-weight: 100;
  color: rgb(161, 160, 160);
}

.ctform input.form-control {
  height: 55px;
}

.ctform .form-group {
  margin-bottom: 25px;
}

.newbtn {
  border: 0;
  background-color: #087DD5;
  padding: 14px 40px;
  color: #fff;
  border-radius: 0;
}

.abcon p {
  font-size: 14px;
  color: rgb(101, 99, 99);
  line-height: 2.476;
  padding-bottom: 30px;
}

.abtit {
  font-size: 18px;
  color: rgb(8, 125, 213);
  line-height: 1.926;
  padding: 15px 0;
}

.rjlist {
  background-color: #eff0f0;
  padding: 20px 0;
  margin-bottom: 10px;
}

.rjlist .pdlist {
  padding: 20px 10px;
  background-color: #087DD5;
  text-align: center;
}

.rjlist .pdlist .name {
  font-size: 16px;
  color: rgb(255, 255, 255);
  line-height: 2.167;

}

.rjlist .active .pdlist {
  background-color: #f4a31c;
}

.rjlist .pdlist:hover {
  background-color: #f4a31c;
}

.pdname {
  font-size: 16px;
  color: rgb(105, 107, 108);
  line-height: 2;
  text-align: center;
  padding: 10px 0;
}

.pdname a {
  color: rgb(105, 107, 108);
}

.pdname a:hover {
  color: #2478bc;
}

.pdbor {

  padding: 2px;
}

.pddetailname {
  font-size: 18px;
  color: rgb(105, 107, 108);

}

.gn {
  margin-top: 20px;
}

.gn .tit {
  font-size: 18px;
  color: rgb(105, 107, 108);
  line-height: 2;
}

.gn .li {
  font-size: 14px;
  color: rgb(105, 107, 108);
  line-height: 1.857;

}

.gn img {
  width: 100%;
}

/*.gn .li::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  background-color: #7f7e7e;
  margin-right: 7px;
  margin-bottom: 1px;
}*/
.xwtitle {
  display: inline-block;
  font-size: 16px;

  background-color: #eeeeee;
  padding: 10px 40px;
}

.xwtitle.active {
  background-color: #087DD5;
}

.xwtitle.active a {
  color: #fff;
}

.xwtitle a {
  color: rgb(105, 107, 108);
}

.pagedown {
  font-size: 14px;
  color: rgb(105, 107, 108);
  line-height: 1.857;
  padding: 20px 0;
}

.pagedown a {
  color: rgb(105, 107, 108);
  padding-left: 5px;
}

.pagedown a:hover {
  color: #2378bc;
}

.newstit1 {
  font-size: 16px;
  line-height: 1.571;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.newstit1 a {
  color: rgb(77, 77, 77);
}

.newstit1:hover a {
  color: #2681ca;
}

.newsdate1 {
  font-size: 14px;
  color: rgb(184, 183, 183);
  line-height: 2.871;

}

.newscon2 {
  font-size: 14px;
  color: rgb(150, 150, 150);
  line-height: 1.571;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.nwl1 {
  width: 17%;
  float: left;
}

.nwr1 {
  width: 81%;
  float: right;
}

.newsmt1 {
  border-bottom: 1px solid #dedede;
  padding-bottom: 25px;
  margin-top: 25px;
}


.qyfc{
  overflow: hidden;
}
.qyfc .swiper-wrapper .swiper-slide{
  padding-right: 10px;
}


/*footer*/
footer {
  background-color: #32333b;
  padding: 20px 0 20px;
  width: 100%;
  margin-top: 10%;
}

.footdown {
  font-size: 14px;
  color: rgb(255, 255, 255);
  line-height: 1.714;
  text-align: center;
}

/* .footdown a{
  display: inline-block;
  text-decoration:none;
} */
.footdown a img {
  margin: 0px 0px 5px 20px
}

.footdown a span {
  margin: 0px 0px 0px 5px;
  color: #939393;
}


.link {
  font-size: 14px;
  color: #767780;
  line-height: 1.714;
  text-align: center;
}

.link a {
  color: #767780;
  display: inline-block;
  padding-left: 5px;
}

.link a:hover {
  color: #2478bc;
}

.job .jobname {
  /* background-color: #f4f4f4; */
  background-color: #087DD5;
  font-size: 14px;
  /* color: rgb(92, 91, 91); */
  color: #fff;
  line-height: 2.857;
  padding: 10px 0;
  cursor: pointer;
}

.job.active .jobname {
  background-color: #087DD5;
  color: #fff;
}

.job.active .jobcon {
  display: block;
}

.job .jobname span {
  width: 25%;
  float: left;
  text-align: center;
}

.job .jobcon {
  font-size: 14px;
  color: rgb(92, 91, 91);
  padding: 2em;
  line-height: 2.857;
  border: 1px solid #dedede;
  /* display: none; */
}




.swiper-container5 .swiper-button-next,
.swiper-container5 .swiper-button-prev {
  display: none;
}

.swiper-container5:hover .swiper-button-next,
.swiper-container5:hover .swiper-button-prev {
  display: block;
}

/*mobile导航*/
#wrapper {
  position: relative;
  transition: transform 0.25s cubic-bezier(0.39, 0.575, 0.565, 1);



}

.sidebar-menu.is-active+#wrapper {
  transform: translateX(-300px);
}

.sidebar-menu {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0px;
  width: 300px;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  background-color: #e7e9eb;
  transition: right 0.5s;
  /* 0.5 second transition effect to slide in the sidenav */
  z-index: 99999;

}

.sidebar-menu.is-active {
  display: block;

  transition: right 0.5s;
  /* 0.5 second transition effect to slide in the sidenav */

}

.sidebar-menu__header {
  height: 60px;
  background: #333;
}

.sidebar-menu__title {
  position: relative;
  display: block;
  padding: 0 25px;
  height: 100%;
  width: 100%;
  color: #ccc;
  font-size: 16px;
  line-height: 60px;
  font-weight: normal;
  text-transform: uppercase;
}

.sidebar-menu__title>i {
  display: inline-block;
  float: right;
  font-size: 28px;
  line-height: inherit;
}

.sidebar-menu__title:hover,
.sidebar-menu__title:active,
.sidebar-menu__title:focus {
  color: #6e6e6e;
  text-decoration: none;
}

.sidebar-menu__title::first-letter {
  text-transform: uppercase;
}


/*.sidebar-menu__title::before {
  content: '\e907';
  display: block;
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -8px;
  color: #fff;
  font-size: 20px;
  font-family: 'ge-corporate-icons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  letter-spacing: 0;
  font-feature-settings: 'liga' 1;
  font-variant-ligatures: discretionary-ligatures;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}*/

.newlist {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  transform: translateX(300px);
  transition: transform 0.25s cubic-bezier(0.39, 0.575, 0.565, 1);
}

.newlist .is-active {
  transform: translateX(0);
}

.sidebar-menu__list {
  position: fixed;
  top: 60px;
  right: 0;
  bottom: 0;
  margin: 0;
  padding: 0;
  width: 300px;
  list-style: none;
  background-color: #FFF;
  transition: right 0.25s cubic-bezier(0.39, 0.575, 0.565, 1);
}

.sidebar-menu__item {
  padding: 0;
  width: 100%;
  /*border-top: 2px solid #e2e4e6;*/
}

.sidebar-menu__item:first-child {
  border-top: 0;
}

.sidebar-menu__item.sidebar-menu__item--back {
  background-color: #333;
}

.sidebar-menu__item.sidebar-menu__item--back .sidebar-menu__link {
  color: #fff;
}

.sidebar-menu__item:hover {
  background-color: #FFF;
  cursor: pointer;
}

.sidebar-menu__item:hover>.sidebar-menu__link {
  color: #6e6e6e;
}

.sidebar-menu__item:hover>.sidebar-menu__link .glyphicon-menu-right {
  color: #6e6e6e;
}

.sidebar-menu__item .sidebar-menu__list {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  transform: translateX(300px);
  transition: transform 0.25s cubic-bezier(0.39, 0.575, 0.565, 1);
}

.sidebar-menu__item .sidebar-menu__list.is-active {
  transform: translateX(0);
}

.sidebar-menu__item .sidebar-menu__list .sidebar-menu__list {
  z-index: 2;
}

.sidebar-menu__item .sidebar-menu__list .sidebar-menu__list .sidebar-menu__list {
  z-index: 3;
}

.sidebar-menu__item .sidebar-menu__list .sidebar-menu__list .sidebar-menu__list .sidebar-menu__list {
  z-index: 4;
}

.sidebar-menu__link {
  display: block;
  padding: 20px 25px;
  color: #828282;
  font-size: 16px;
  font-weight: normal;
  transition: color 0.1s cubic-bezier(0.39, 0.575, 0.565, 1);
}


.sidebar-menu__link::first-letter {
  text-transform: uppercase;
}

.sidebar-menu__link:hover,
.sidebar-menu__link:active,
.sidebar-menu__link:focus {
  text-decoration: none;
}

.sidebar-menu__link span.glyphicon-menu-left {
  float: left;
  font-size: 12px;
  color: #FFFFFF;
  line-height: 20px;
  margin-right: 4px;
}


.sidebar-menu__link .glyphicon-menu-right {
  color: #bababa;
  float: right;
}

.mfixed {
  display: none;
  position: fixed;
  height: 46px;
  width: 100%;
  z-index: 10;
  background-color: #fff;
  top: 0;
  left: 0;
}

.mfixed .mlogo {
  display: inline-block;
  width: 200px;
  margin-top: 5px;
  float: left;
}

.mfixed .mlogo img {
  width: 75%;
}

.mfixed .fr .iconfont {
  font-size: 24px;
  padding-right: 20px;
  padding-top: 10px;
}


.lan_ph {
  display: inline-block;
  float: right;
  margin-top: 15px;
  margin-right: 19px;
  display: none;
}

.lan_ph a {
  display: inline-block;
  padding: 0px 3px;
}

.lan_ph a img {
  margin-bottom: 3px;
}

.rjlist .row div:nth-child(1) {
  margin-left: 30.85%;
  width: 150px;
  margin-right: 2.8%;
}



@media screen and (max-width: 1220px) {
  .logo img {
    width: 80%;
  }

  .navlist {
    padding: 0 5px;
  }

  .header {
    display: none;
  }

  .mfixed {
    display: block;
  }

  .mfixed .fr {
    margin-top: 8px;
  }

  #myTabContent .tab-pane video {
    width: 100% !important;
  }
}

@media screen and (max-width: 768px) {
  .machine .sbtab .sblr ul li a img {
    height: 180px;
  }

  .sbtab .sblf ul li {
    font-size: 14px;
    background-color: #fff;
    margin-top: 4px;
    padding: 2.3em 2em;
    text-align: center;
    position: relative;
  }

  .video {
    padding-top: 46px;
  }

  .biaonum {
    left: 0;
    width: 100%;
    text-align: center;
  }

  .box .r-position:nth-child(3) .biaonum {
    left: 0;
  }

  .nav-tabs>li {
    padding-right: 10px;
    padding-top: 5px;
  }

  .sbtab .sblf {
    width: 29%;
  }

  .sbtab .sblr {
    width: 68%;
    padding-top: 5px;
  }

  .sbtab .sblf ul li {
    padding: 0.4em;
  }

  .newsbor {
    margin-bottom: 10px;
  }

  .nwl {
    width: 50%;
  }

  .nwr {
    width: 48%;
  }

  .nwl1 {
    width: 50%;
  }

  .nwr1 {
    width: 48%;
  }

  .newsdate1 {
    line-height: 1.8;
  }

  .mfixed .mlogo img {
    width: 75%;
    padding-left: 15px;
    padding-top: 0.2em;
  }

  .rjlist .pdlist {
    margin-top: 5px;
  }

  .job .jobname span {
    display: none;
  }

  .job .jobname span:nth-child(1) {
    display: block;
    width: 100%;
    padding-left: 15px;
    text-align: left;
  }

  .nav-tabs>li>a {
    padding: 12px 17px;
  }

  .swiper-container5 .swiper-button-next,
  .swiper-container5 .swiper-button-prev {
    display: block;
  }

  .swiper-container3 .swiper-pagination {
    display: none !important;
  }

  .biaonum {
    left: 1px !important;
    line-height: 95px !important;
  }

  /*.box .r-position:nth-child(3) .biaonum {left: 0 !important;}*/

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

  .tab-content .tab-pane div img {
    width: 100% !important;
  }

  /*.container div img{
	width: 100% !important;
}*/
  .container .row .col-sm-4 {
    width: 33.3%;
    height: 140px;
  }



}










/*常用查询*/
@media screen and (max-width: 768px) {
  .max-img {
    width: 100%;
    margin: 3px auto;
  }

  footer {
    padding: 17px 0 21px;
  }

  .shuzi {
    width: 700px !important;
  }

  .r-position {
    width: 25% !important;
  }

  .rjlist .row div:nth-child(1) {
    margin-left: 19%;
  }

}

/*手机底部导航*/
.mobile-foot {
  background: #2378bc;
  padding: 8px 0;
  position: fixed !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 100%;
  z-index: 999999;
}

.moble-bottom {
  width: 100%;
  height: 51px;

}

.mobile-foot a {
  color: #fff;
  height: 35px;
  line-height: 33px;
  border: 1px solid #fff;
  border-radius: 4px;
  text-align: center;
  padding: 0 15px;
  transition: .3s;
  -o-transition: .3s;
  -moz-transition: .3s;
  -webkit-transition: .3s;
}

.mobile-foot a i {
  margin-right: 5px;
  color: #fff;
  font-size: 16px !important;
}

.mobile-foot a:hover {
  background: #fff;
  color: #1a3f73;
  transition: .3s;
  -o-transition: .3s;
  -moz-transition: .3s;
  -webkit-transition: .3s;
}




#page {
  clear: both;
  height: 40px;
  margin: 0 auto;
  text-align: center;
  display: table;
}

#page li {
  float: left;
  padding: 5px 14px;
  border: 1px solid #CCCCCC;
  margin-right: 6px;
  color: #666;
  font-size: 12px;
  list-style: none;
}

#page li:hover {
  border: 1px solid #0060ad;
}

#page li:hover a {
  color: #0060ad
}

#page li a {
  color: #666
}

#page li.active {
  border: 1px solid #0060ad;
  background-color: #0060ad;
  color: #FFFFFF
}

#page li.active a {
  color: #fff
}

.lujing {
  height: 25px;
  line-height: 25px;
  background: url(../images/wu.jpg) left 2px no-repeat;
  padding-left: 25px;
  margin-bottom: 10px;
  border-bottom: 1px solid #e0e0e0;
  padding-bottom: 5px;
}

.inlist {
  position: absolute;
  left: 100%;
  background-color: #fff;
  width: 200%;
  display: none;
  top: 10px;
}

.inlist>div {
  width: 100%;
}

.shuzi {
  width: 900px;
  margin: 0px auto;
  padding-top: 10px;
}

.sidebar-menu__item--has-children.active {
  background: #333;
}

.sidebar-menu__item--has-children.active>a {
  color: #fff;
}

.num {
  padding: 10px 0;
}

.shuzi img {
  width: 65%;
}

.biaonum {
  font-size: 40px;
  left: 43px;
}

.box .r-position:nth-child(3) .biaonum {
  left: 33px;
}

.biaonum {
  line-height: 82px;
}



.tab-content .tab-pane.active {
  display: block;
}

.pro02_b_ul {
  width: 100%;
  margin-left: 5%;
  padding: 5% 5%;

}

.pro02_b_ul li {
  width: 33.333%;
  float: left;


  margin-bottom: 20px;
}

.pro02_b_ul li a:hover i {
  color: #f4a31c;
}

.pro02_b_ul li a:hover {
  color: #f4a31c;
}

.pro02_b_ul li p {
  display: inline-block;
}

.pro02_b_ul li i,
.pro02_b_ul li a {
  color: #087DD5;
  font-size: 22px;
}

.pro02_b_ul li i {
  padding-right: 10px;
}




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

  .pro02_b_ul li {
    width: 50%;
    float: left;
    margin-bottom: 20px;
  }

  .index_product_img {
    /*background-image: url(../img/index_product_img.jpg);*/
    padding: 25px 0 25px;
    background-size: 100%;
  }


}




@media(max-width: 992px) {
  .container .row .col-sm-4 {
    width: 33.3%;
    height: 150px;
  }
}

@media(max-width: 767px) {
  .container .row .col-sm-4 {
    width: 100%;
    height: 420px;
  }
}

@media(max-width:640px) {
  .container .row .col-sm-4 {
    width: 100%;
    height: 395px;
  }
}

@media(max-width:500px) {
  .container .row .col-sm-4 {
    width: 100%;
    height: 300px;
  }
}

@media(max-width: 480px) {

  .rjlist .pdlist {
    padding: 10px;
  }

  .rjlist .pdlist .name {
    height: 34px;
    overflow: hidden;
  }

  .shuzi {
    width: auto;
  }

  .biaonum {
    line-height: 46px;
  }

  .biaonum {
    font-size: 20px;
    left: 0px;
  }

  .box .r-position:nth-child(3) .biaonum {
    left: 2px;
  }

  .biaoname {
    font-size: 12px;
  }

  .shuzi {
    flex-direction: row;
  }

  .shuzi {
    width: 320px !important;
  }

  .biaonum {
    line-height: 40px !important;
  }

  .lan_ph {
    display: block !important;
  }



  .rjlist .row div:nth-child(1) {
    margin-left: 1%;
  }

  .pro02_b_ul li {
    width: 50%;
    float: left;
    margin-bottom: 20px;
  }

  .index_product_img {
    /*background-image: url(../img/index_product_img.jpg);*/
    padding: 25px 0 25px;
    background-size: 100%;
  }


}

.machine {
  display: none;
}

.index_pro_list {
  display: none;
}

.index_pro_list.active {
  display: block;
}

.index_pro_list_t.active .pdlist {
  background-color: #f4a31c;
}

/*.index_product_img{background-image: url(../img/index_product_img.jpg); padding: 100px 0 200px;  }*/


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

  .pro02_b_ul li {
    width: 50%;
    float: left;
    margin-bottom: 20px;
  }

  .index_product_img {
    /*background-image: url(../img/index_product_img.jpg);*/
    padding: 25px 0 25px;
    background-size: 100%;
  }

  .pro02_b_ul li i,
  .pro02_b_ul li a {
    color: #087DD5;
    font-size: 12px;
  }

  .about {
    margin-top: 25px;
  }

  .newsbor .con {
    padding: 20px 20px;
  }

  .newsdate {
    font-size: 14px;
    color: rgb(184, 183, 183);
    line-height: 1.4;
  }


  #dituContent {
    height: 348px !important;
  }


}


video::-internal-media-controls-download-button {
  display: none;
}

video::-webkit-media-controls-enclosure {
  overflow: hidden;
}

video::-webkit-media-controls-panel {
  width: calc(100% + 30px);
}


@media(max-width:375px) {
  .container .row .col-sm-4 {
    width: 100%;
    height: 200px;
  }
}