* {
  margin: 0px;
  padding: 0px;
  _word-break: break-all;
}
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
img {
  border: none;
}
ul,
ol,
li,
dl,
dt,
dd {
  list-style: none;
}
a {
  text-decoration: none;
}
i {
  font-style: normal;
}
.clear {
  clear: both;
}
.clearfix {
  _zoom: 1;
}
.clearfix:after {
  content: '\0020';
  display: block;
  height: 0;
  clear: both;
}
* + html .clearfix {
  overflow: hidden;
}
.autoHeight {
  font: 0px/0px snavans-serif;
  clear: both;
  display: block;
  height: 0px;
  overflow: hidden;
}
.container {
  width: 1366px;
  padding: 0;
}
.moveBody {
  text-align: center;
  position: relative;
}
.siema img {
  width: 100%;
}
/*.bg1 {background: url("../img/banner_01.png") no-repeat center top #DDAE7E;  }*/
.moveBody span {
  font-size: 30px;
  color: #fff;
  position: absolute;
  z-index: 10;
  top: 50%;
  border: 0;
  outline: none;
  cursor: pointer;
}
.moveBody span:hover {
  color: #55c8ff;
}
.moveBody .prev {
  left: 30px;
}
.moveBody .next {
  right: 30px;
}
.title {
  padding: 40px 0;
}
.title p {
  font-size: 18px;
  text-align: center;
  margin: 0;
}
.title .p1 span {
  background: url('../img/45_03.png') no-repeat;
  background-size: 100%;
  width: 60px;
  height: 13px;
  margin: 0 10px;
  display: inline-block;
}
.title .p1 .s2 {
  background: url('../img/45_05.png') no-repeat;
  background-size: 100%;
}
.title .p2 {
  font-size: 12px;
  color: #004986;
}
.pro {
  width: 300px;
  margin: 0 auto;
}
.pro .part {
  width: 300px;
  float: left;
}
.pro .p {
  background: no-repeat center center;
  background-size: 100%;
  transition: all 0.5s ease 0s;
  width: 150px;
  height: 130px;
  float: left;
  text-align: center;
  font-size: 16px;
  overflow: hidden;
}
.pro .m {
  border: 1px solid #fff;
  color: #fff;
  border-radius: 10px;
  font-size: 12px;
  padding: 3px 10px;
  transition: all 0.5s ease 0s;
  opacity: 0;
}
.pro .p:hover .m {
  opacity: 1;
}
.pro .mb {
  border: 1px solid #333;
  color: #333;
}
.pro .d1 {
  width: 300px;
  height: 130px;
  position: relative;
  overflow: hidden;
}
.pro .d1:hover .p1 {
  transform: scale(1.05);
}
.pro .p1 {
  background-image: url('../img/8645_03.png');
  width: 300px;
}
.pro .d1 p {
  color: #fff;
  top: 90px;
  width: 100%;
  text-align: center;
  font-size: 16px;
  position: absolute;
}
.pro .p2 {
  background-color: #60748a;
  padding-top: 40px;
  color: #fff;
}
.pro .p3 {
  background-image: url('../img/8645_10.png');
}
.pro .p4 {
  background-color: #fff;
  padding-top: 40px;
  color: #333;
}
.pro .p5 {
  background-image: url('../img/8645_05.png');
}
.pro .p6 {
  background-image: url('../img/8645_11.png');
}
.pro .p7 {
  background-color: #fff;
  padding-top: 50px;
  color: #333;
}
.pro .p8 {
  background-image: url('../img/8645_13.png');
  height: 130px;
}
.pro .p9 {
  background-image: url('../img/8645_07.png');
  height: 260px;
}
.pro .p9 p {
  padding-top: 120px;
  color: #fff;
}
.siemxTxt .box {
  display: none;
}
.siemxTxt .box.active {
  display: block;
}
.newpro {
  background: url('../img/ppbg.png') no-repeat top center;
}
.newpro .pp {
  float: left;
  width: 33%;
  padding: 0 10px;
  display: block;
}
.newpro .pp {
  text-align: center;
}
.newpro .pp .p1 {
  display: block;
  height: 220px;
  padding: 0 12px;
}
.newpro .pp .p2 {
  display: none;
  height: 220px;
  position: relative;
  text-align: center;
}
.newpro .pp .p2 img {
  width: 150px;
}
.newpro .pp:hover .p1 {
  display: none;
}
.newpro .pp:hover .p2 {
  display: block;
}
.newpro .pp .im img {
  width: 60px;
}
.newpro .pp .f1 {
  font-weight: 600;
  font-size: 16px;
  padding-top: 30px;
  color: #333;
}
.newpro .pp .f2 {
  height: 60px;
  color: #999;
  font-size: 14px;
  text-align: center;
}
.newpro .pp .f3 {
  color: #fff;
  font-size: 14px;
  position: absolute;
  bottom: 40px;
  left: 130px;
}
.newpro .pp .f4 {
  color: #fff;
  font-size: 12px;
  position: absolute;
  bottom: 20px;
  left: 130px;
}
.newpro .pp span {
  font-size: 12px;
  border: 1px solid #333;
  border-radius: 30px;
  display: inline-block;
  padding: 4px 10px;
  color: #333;
}
.service {
  height: 428px;
  text-align: center;
}
.service .ser {
  background: #999;
  width: 590px;
  height: 350px;
  overflow: hidden;
  display: block;
  float: left;
  text-decoration: none;
  color: #fff;
  border-radius: 10px;
  position: relative;
}
.service .ser .service-bg {
  width: 100%;
  height: 100%;
  background-size: 100% 100%;
  transition: all 0.5s ease 0s;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 0;
}
.service .ser:hover .service-bg {
  transform: scale(1.1);
  box-shadow: 0px 0px 5px #333;
}
.service .ser .service-font {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1;
  text-align: left;
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 90px 50px;
  transition: all 0.5s ease 0s;
}
.service .ser:hover .service-font {
  background-color: rgba(0, 0, 0, 0.7);
}
.service .ser .p1 {
  font-size: 24px;
}
.service .ser .p2 {
  font-size: 20px;
  color: #bbb;
}
.service .ser .p3 {
  font-size: 18px;
}
.service .ser .p4 {
  font-size: 14px;
  border-radius: 30px;
  border: 1px solid #fff;
  width: 120px;
  text-align: center;
  line-height: 30px;
  height: 30px;
  margin-top: 30px;
}
.service .ser1 {
  margin-right: 20px;
}
.service .ser1 .service-bg {
  background: url('../img/5_03.jpg');
}
.service .ser2 .service-bg {
  background: url('../img/5_05.jpg');
}

.news-list {
  list-style: none;
  padding-top: 10px;
}
.news-list li {
  clear: both;
  margin-bottom: 50px;
}
.news-list .t {
  float: left;
  width: 80px;
  text-align: center;
  margin-right: 10px;
}
.news-list .bx {
  background: #fff;
  box-shadow: 3px 3px 3px #ccc;
  width: 50px;
  height: 50px;
  border-radius: 10px;
  padding: 10px 0 0 4px;
  margin: 0 auto;
}
.news-list .bx span {
  display: inline-block;
  width: 18px;
  height: 32px;
  background-size: 100% 100%;
}
.n0 {
  background-image: url('../img/sy17_03.png');
}
.n1 {
  background-image: url('../img/sy17_05.png');
}
.n2 {
  background-image: url('../img/sy17_07.png');
}
.n3 {
  background-image: url('../img/sy17_09.png');
}
.n4 {
  background-image: url('../img/sy17_11.png');
}
.n5 {
  background-image: url('../img/sy17_13.png');
}
.n6 {
  background-image: url('../img/sy17_15.png');
}
.n7 {
  background-image: url('../img/sy17_17.png');
}
.n8 {
  background-image: url('../img/sy17_19.png');
}
.n9 {
  background-image: url('../img/sy17_21.png');
}
.news-list .d {
  overflow: hidden;
  display: block;
  text-decoration: none;
}
.news-list .time {
  color: #999;
  font-size: 12px;
  padding-top: 10px;
}
.news-list .p1 {
  font-size: 16px;
  color: #333;
  margin-bottom: 10px;
  overflow: hidden;
  border-bottom: 1px solid #ccc;
  padding-bottom: 5px;
}
.news-list .p2 {
  color: #999;
  font-size: 12px;
}
.news-more {
  display: inline-block;
  width: 180px;
  height: 32px;
  line-height: 32px;
  color: #fff;
  background: #384bbc;
  transition: all 0.5s ease 0s;
  border-radius: 20px;
  font-size: 13px;
}
.news-more:hover {
  background: #3a72cb;
  color: #fff;
  text-decoration: none;
}
.newno1 {
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  left: 0px;
  top: 0px;
  text-align: center;
  padding-right: 20px;
  cursor: pointer;
  text-decoration: none;
  color: #fff;
}
.newno1:hover {
  text-decoration: none;
  color: #fff;
}
.newno1 .newImg {
  background: url('../img/sy16_03.png');
  background-size: 100% 100%;
  width: 84px;
  height: 80px;
  margin: 0 auto;
  margin-top: 150px;
  color: #000;
  padding-top: 50px;
}
.newno1 .newFont {
  font-size: 22px;
  margin: 20px 0;
}
.newno1 .newFont2 {
  border-bottom: 1px solid #fff;
}

.prods {
  padding: 10px;
  margin-bottom: 0;
}
.prods li {
  float: left;
  width: 33%;
}
.prods div {
  text-align: center;
  border-radius: 5px;
  padding: 10px 0;
  cursor: pointer;
  transition: all 0.5s ease 0s;
  position: relative;
}
.prods div:hover,
.prods div.active {
  color: #00aff0;
}
.prods div .down {
  display: none;
}
.prods div.active .down {
  width: 100%;
  height: 10px;
  display: block;
  position: absolute;
  bottom: -10px;
  text-align: center;
}
.prods div .down u {
  background-image: url('../img/sa_03.png');
  background-size: 100% 100%;
  width: 45px;
  height: 7px;
  display: inline-block;
}
.prods i {
  width: 20px;
  height: 20px;
  display: inline-block;
  background-size: 100% 100%;
}
.prods .i1 {
  background-image: url('../img/pd1.png');
}
.prods .i2 {
  background-image: url('../img/pd2.png');
}
.prods .i3 {
  background-image: url('../img/pd3.png');
}
.prods .i4 {
  background-image: url('../img/pd4.png');
}
.prods .i5 {
  background-image: url('../img/pd5.png');
}

.prods div:hover .i1,
.prods div.active .i1 {
  background-image: url('../img/pd1h.png');
}
.prods div:hover .i2,
.prods div.active .i2 {
  background-image: url('../img/pd2h.png');
}
.prods div:hover .i3,
.prods div.active .i3 {
  background-image: url('../img/pd3h.png');
}
.prods div:hover .i4,
.prods div.active .i4 {
  background-image: url('../img/pd4h.png');
}
.prods div:hover .i5,
.prods div.active .i5 {
  background-image: url('../img/pd5h.png');
}
.prods p {
  margin: 10px 0 0 0;
}

.info {
  background: #f1f1f1;
  padding: 60px 0;
}
.info .side {
  width: 220px;
  background: #fff;
  float: left;
  margin-right: 40px;
  display: block;
  border-radius: 5px;
  padding: 20px 0;
}
.info .side li {
  padding-left: 10px;
  height: 30px;
  line-height: 30px;
  cursor: pointer;
  overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.info .side li:hover {
  color: #00aff0;
}
.info .side li.active {
  background: url(../img/jklm_03.png) no-repeat;
  background-size: 100% 100%;
  width: 229px;
  height: 40px;
  line-height: 40px;
  color: #fff;
}
.info .cont {
  background: #fff;
  overflow: hidden;
  border-radius: 5px;
  padding: 20px;
}
.info .cont .cont-t {
  font-size: 24px;
  color: #333;
  border-bottom: 1px solid #eee;
  margin-bottom: 20px;
  padding-bottom: 10px;
  text-align: center;
}

.new-bander img {
  width: 100%;
}
.newsList {
  background: #fff;
  padding: 80px 0 60px 0;
}
.newsList-ul a {
  text-decoration: none;
  cursor: pointer;
  display: block;
  background: #f1f1f1;
  border-radius: 5px;
  padding: 10px 15px;
  margin-bottom: 20px;
}
.newsList-ul a:hover {
  box-shadow: 0px 0px 5px #ccc;
}
.newsList-ul .p1 {
  float: right;
  font-size: 12px;
  color: #999;
}
.newsList-ul .p2 {
  font-size: 16px;
  color: #000;
}
.newsList-ul .p3 {
  font-size: 12px;
  color: #666;
  margin-bottom: 0px;
}
.newsDis {
  background: #f1f1f1;
  padding: 20px 0 60px 0;
}
.newsDis .d {
  background: #fff;
  border-radius: 5px;
  padding: 20px;
}
.newsDis .tt {
  border-bottom: 1px solid #eee;
  margin-bottom: 20px;
}
.newsDis .btn {
  margin-bottom: 20px;
}
.newsDis .p {
  font-size: 21px;
  color: #b42525;
  line-height: 30px;
}
.newsDis .t {
  font-size: 12px;
  color: #999;
}

.about-tab {
  background: #ccc;
  text-align: center;
  padding: 20px 0;
}
.about-tab a {
  display: inline-block;
  width: 120px;
  height: 32px;
  line-height: 32px;
  color: #fff;
  background: #666;
  transition: all 0.5s ease 0s;
  border-radius: 20px;
  font-size: 13px;
  margin: 0 10px;
  cursor: pointer;
}
.about-tab a.active {
  background: #384bbc;
}
.about-tab a:hover {
  background: #3a72cb;
  color: #fff;
  text-decoration: none;
}
.ab-cont {
  display: none;
}
.ab-cont1 ul {
  display: block;
  border-left: 2px solid #00aff0;
  margin-left: 200px;
  padding: 40px 0 20px 0;
}
.ab-cont1 ul li {
  position: relative;
  padding-left: 20px;
  margin-bottom: 20px;
}
.ab-cont1 ul i {
  font-size: 24px;
  position: absolute;
  left: -13px;
  top: 5px;
  color: #00aff0;
}
.ab-cont1 ul .p1 {
  font-size: 24px;
  color: #333;
  margin-bottom: 0px;
}
.ab-cont1 ul .p2 {
  font-size: 12px;
  color: #999;
}
.ab-cont-img li {
  float: left;
  width: 23%;
  padding: 10px;
  background: #fff;
  margin: 0 1% 20px 1%;
  border-radius: 5px;
  box-shadow: 4px 0px 0px #eee;
}
.ab-cont-img li img {
  width: 100%;
}

.tit {
  text-align: center;
  padding: 50px 0 30px;
}
.tit .zm {
  position: relative;
  left: -10px;
}
.tit img {
  width: 30px;
  position: relative;
  top: -3px;
}
.tit span {
  font-size: 18px;
  color: #333;
}
.tit i {
  width: 24px;
  height: 2px;
  background: #333;
  display: inline-block;
  position: relative;
  top: -10px;
}
.tit p {
  font-size: 15px;
  padding-top: 5px;
}

.poss {
  background: url('../img/fsdf_02.jpg') no-repeat center center;
  height: 500px;
}
.poss .swiper-slide {
  position: relative;
  height: 500px;
  cursor: -webkit-grab;
}
.poss u {
  border-top: 1px solid #fff;
  display: inline-block;
  width: 100%;
  position: absolute;
  top: 250px;
}
.poss .di {
  position: absolute;
  top: 242px;
  text-align: center;
  width: 100%;
}
.poss .di i {
  color: #fff;
  display: inline-block;
}
.poss .up .di2 {
  position: absolute;
  top: 192px;
  text-align: center;
  width: 100%;
}
.poss .up .di2 span {
  background: url('../img/ad_04.png') no-repeat;
  width: 121px;
  height: 52px;
  display: inline-block;
  color: #fff;
  line-height: 42px;
  font-size: 22px;
  overflow: hidden;
}
.poss .up .di3 {
  font-size: 12px;
  color: #fff;
  position: absolute;
  top: 80px;
  width: 100%;
}
.poss .dw .di2 {
  position: absolute;
  top: 260px;
  text-align: center;
  width: 100%;
}
.poss .dw .di2 span {
  background: url('../img/ad_03.png') no-repeat;
  width: 121px;
  height: 52px;
  display: inline-block;
  color: #fff;
  line-height: 62px;
  font-size: 22px;
  overflow: hidden;
}
.poss .dw .di3 {
  font-size: 12px;
  color: #fff;
  position: absolute;
  top: 330px;
  width: 100%;
}
.horm {
  background: #f1f1f1;
  padding: 30px 0;
}
.horm .swiper-container2 {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  z-index: 1;
  cursor: -webkit-grab;
}
.ab-cont-ad {
  margin-bottom: 20px;
  padding: 10px 0;
  cursor: pointer;
  border-top: 1px solid #eee;
}
.ab-cont-ad:hover {
  border-top: 1px solid #77b3ee;
}
/*-----------------------------------------------------------------------------*/
/* @media (min-width: 768px) {
.dis{display: block}
.moveBody{padding-top: 0px}
.foot .f2 p{display: inline-block}
.prods i {font-size: 40px}
.newsDis, .newsList{padding: 60px 0}
.newsDis .p{overflow: hidden}
.newsDis .t{float: right;text-align: center;width: 80px}
.nav li a{padding: 2px 10px 0 10px;}
.pages{text-align: right}
} */
/*@media (min-width: 992px){*/
/*.pro{width: 900px;}*/
/*.container{width: 900px;}*/
/*.container-w{width: 1200px}*/
/*.dis{display: block}*/
/*.moveBody{padding-top: 0px}*/
/*.foot .f2 p{display: inline-block}*/
/*.prods i {font-size: 50px}*/
/*.nav li a{padding: 2px 15px 0 15px;}*/
/*}*/
/*@media (min-width: 1200px){*/
/*.container{width: 900px;}*/
/*.dis{display: block}*/
/*.moveBody{padding-top: 0px}*/
/*.foot .f2 p{display: inline-block}*/
/*.prods i {font-size: 50px}*/
/*}*/

/*-----------------------------------------------------------------------------*/
.isLoading {
  overflow: hidden;
}
#loading {
  background: #ddd;
  position: absolute;
  z-index: 9999;
}

.fadeOutUp {
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
  -webkit-animation-duration: 1s !important;
  animation-duration: 1s !important;
  -webkit-transition-duration: 1s !important;
  transition-duration: 1s !important;
  -webkit-animation-iteration-count: 1 !important;
  animation-iteration-count: 1 !important;
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

.flipOutX {
  animation-duration: 0.75s;
  animation-name: flipOutX;
  backface-visibility: visible !important;
}

#loading .logo {
  position: absolute;
  text-align: center;
  width: 100%;
  font-size: 24px;
}

#load {
  position: absolute;
  width: 600px;
  height: 36px;
  left: 50%;
  top: 40%;
  margin-left: -300px;
  overflow: visible;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
}

#load div {
  position: absolute;
  width: 20px;
  height: 36px;
  opacity: 0;
  font-family: Helvetica, Arial, sans-serif;
  animation: move 2s linear infinite;
  -o-animation: move 2s linear infinite;
  -moz-animation: move 2s linear infinite;
  -webkit-animation: move 2s linear infinite;
  transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  color: #333;
}

#load div:nth-child(2) {
  animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -webkit-animation-delay: 0.2s;
}

#load div:nth-child(3) {
  animation-delay: 0.4s;
  -o-animation-delay: 0.4s;
  -webkit-animation-delay: 0.4s;
}

#load div:nth-child(4) {
  animation-delay: 0.6s;
  -o-animation-delay: 0.6s;
  -moz-animation-delay: 0.6s;
  -webkit-animation-delay: 0.6s;
}

#load div:nth-child(5) {
  animation-delay: 0.8s;
  -o-animation-delay: 0.8s;
  -moz-animation-delay: 0.8s;
  -webkit-animation-delay: 0.8s;
}

#load div:nth-child(6) {
  animation-delay: 1s;
  -o-animation-delay: 1s;
  -moz-animation-delay: 1s;
  -webkit-animation-delay: 1s;
}

#load div:nth-child(7) {
  animation-delay: 1.2s;
  -o-animation-delay: 1.2s;
  -moz-animation-delay: 1.2s;
  -webkit-animation-delay: 1.2s;
}

@keyframes move {
  0% {
    left: 0;
    opacity: 0;
  }
  35% {
    left: 41%;
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1;
  }
  65% {
    left: 59%;
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1;
  }
  100% {
    left: 100%;
    -moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
    opacity: 0;
  }
}

@-moz-keyframes move {
  0% {
    left: 0;
    opacity: 0;
  }
  35% {
    left: 41%;
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1;
  }
  65% {
    left: 59%;
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1;
  }
  100% {
    left: 100%;
    -moz-transform: rotate(-180deg);
    transform: rotate(-180deg);
    opacity: 0;
  }
}

@keyframes fadeOutUp {
  from {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
}