*{
    margin:0;
    padding:0;
    border: none;
  user-select: none;
}

img{
  border:0px solid red;
  border:0px solid red\0;
  border:0px solid red\9;
}

ul,li,ol,dl{
    list-style:none;
}
body{
  background-color: #fff;
}
body a{
  text-decoration: none;
  display:inline-block;
  cursor: pointer;
  user-select:text;
  /*border:0px solid red;*/
}
body a:hover{
  text-decoration: none;
}
body p {
    margin: 0px;
}
.container{
  margin:0 auto;
}
.clear{
  clear:both;
}
body div{
  user-select:text;
}
body h1,body h2,body h3,body h4,body h5,body h6,body p,body span,body div{
  margin-top: 0px;
  margin-bottom: 0px;
  user-select:text;
 font-family:微软雅黑;
}
body .container {
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
    width: 1200px;
}

body ol,body ul{
  margin-top: 0px;
  margin-bottom: 0px;
}
div, p, img, ul, ol, li, form, input, label, span, dl, dt, dd, h1, h2, h3, h4, h5, h6{
  margin: 0;
  padding: 0;
}
/*============ 		初始化			=========================*/
.header{
  position: fixed;
  z-index: 10000;
  height: 125px;
  width: 100%;
}
.top{
  height: 37px;
  background-color: #253bc7;
}
.top-left{
  float: left;
  font-size: 14px;
  color: #fff;
  line-height: 37px;
}
.top-right{
  float: right;
  line-height: 37px;
}
.top-right-pic{
  height: 25px;
  width: 25px;
  float: left;
  margin-top: 6px;
}
.top-right-pic img{
  height: 25px;
  display: inline;
  width: auto;
}
.top-right-word{
  float: left;
  margin-left: 10px;
}
.top-right-word span{
  font-size: 14px;
  color: #fff;
  display: inline-block;
}
.top-right::after{
  content: "";
  display: block;
  clear: both;
}
.top-box::after{
  content: "";
  display: block;
  clear: both;
}

.nav{
  height: 87px;
  background-color: #fff;
}
.nav-logo{
  float: left;
}
.nav-logo img{
  height: 87px;
  vertical-align: middle;
}
.nav-name{
  float: left;
}
.nav-name-cn{
  color: #5a5a5a;
  font-weight: bold;
   font-family:微软雅黑;
   margin-top: 22px;
   font-size: 20px;
}
.nav-name-eg{
  font-size: 10px;
  font-family: Arial;
  margin-top: 5px;
}

.nav-list{
  float: left;
  margin-top: -1px;
  margin-left: 15px;
}
.nav-list li{
  float: left;
  height: 87px;
  font-size: 14px;
  /*background-color: #1298fb;*/
}
.nav-list li a{
  width: 100px;
  text-align: center;
  line-height: 87px;
  color: #303030;
  font-weight: 600;
}
.nav-list li a:hover{
  background-color: #1298fb;
  color: #fff;
}
.nav-list .active a{
  background-color: #1298fb;
  color: #fff;
}
.nav-list::after{
  content: "";
  display: block;
  clear: both;
}
.nav-box::after{
  content: "";
  display: block;
  clear: both;
}

.indexBanner{
  padding-top: 125px;
}
.shutter {
  overflow: hidden;
  width: 1200px;
  height: 358px;
  position: relative;
  margin: 50px auto;
  border-radius: 10px;
}
.shutter-img {
  z-index: 1;
}
.shutter-img,
.shutter-img a {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.shutter-img a {
  cursor: default;
}
.shutter-img a > img {
  width: 100%;
  height: 100%;
}
.shutter-img .created {
  overflow: hidden;
  position: absolute;
  z-index: 20;
}
.shutter-btn {}
.shutter-btn li {
  position: absolute;
  z-index: 2;
  top: 50%;
  width: 49px;
  height: 49px;
  margin-top: -25px;
  cursor: pointer;
}
.shutter-btn li.prev {
  left: 20px;
  background: url(../images/shutter_prevBtn.png) no-repeat 0 -49px;
}
.shutter-btn li.next {
  right: 20px;
  background: url(../images/shutter_nextBtn.png) no-repeat 0 -49px;
}
.shutter-desc {
  position: absolute;
  z-index: 2;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 36px;
  background: url(../images/shutter_shadow.png) repeat;
}
.shutter-desc p {
  padding-left: 20px;
  line-height: 36px;
  color: #fff;
  font-size: 14px;
}


.indexPos1{
  background-color: #f3f3f3;
}
.indexPos1-box{
  padding-top: 45px;
}
.indexPos1-title-top{
  text-align: center;
  color: rgb(48, 48, 48);
  font-size: 25px;
  font-weight: 600;

  padding-bottom: 15px;
}
.indexPos1-title-bot{
  text-align: center;
  height: 36px;
  margin-top: 10px;
}
.indexPos1-title-line{
  display: inline-block;
  background-color: #028BCF;
  height: 1px;
  width: 99px;
}
.indexPos1-title-bot-word{
  font-size: 18px;
  color: #5a5a5a;
  display: inline-block;
  position: relative;
  width: 198px;
  margin-left: 35px;
  margin-right: 35px;
}
.indexPos1-title-bot-word span{
  position: absolute;
  width: 198px;
  left: 0px;
  top: -15px;
}
.indexPos1-title-bot::after{
  content: "";
  display: block;
  clear: both;
}
.indexPos1-content{
  margin-top: 45px;
}
.indexPos1-content ul{
  display: flex;
  justify-content: space-between;
}
.indexPos1-content li{
  width: 330px;
  height: 327px;
  padding: 15px;
  border: 1px solid #d9d9d9;
}
.indexPos1-item{
  width: 100%;
}
.indexPos1-item-pic{
  width: 100%;
  height: 280px;
  overflow: hidden;
  position: relative;
}
.indexPos1-item-pic img{
  width: 100%;
  height: 280px;
  vertical-align: middle;
  transition:all 0.6s;
}
.indexPos1-content li:hover .indexPos1-item-pic img{
  transform:scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}
.indexPos1-item-title{
  font-family: Microsoft YaHei;
  font-size: 22px;
  color: #434343;
  font-weight: bold;
  text-align: center;
  margin-top: 17px;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
}
.indexPos1-content li:hover{
  border-color: rgb(255, 102, 0);
}
.indexPos1-item-mask{
  text-align: center;
  position: absolute;
  top: 0px;
  left: 0px;
  background: rgba(67, 67, 67, 0.36);
  z-index: 1002;
  width: 333px;
  height: 284px;
  width: 
  margin-top: 10px;
  display: none;
  transition:all 2s;
}
.indexPos1-item-mask img{
  width: 42px;
  height: 42px;
  margin-top: 121px;
}
.indexPos1-content li:hover .indexPos1-item-mask{
  display: block;
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}


.indexPos2{
  background-color: #f3f3f3;
}
.indexPos2-box{
  padding-top: 45px;
  padding-bottom: 90px;
}
.indexPos2 .indexPos1-title-bot-word{
  width: 252px;
}
.indexPos2 .indexPos1-title-bot-word span{
  width: 252px;
}
.indexPos2-content{
  display: flex;
  justify-content: space-between;
}
.indexPos2-item{
  width: 148px;
  height: 179px;
  transition:all 2s;
}
.indexPos2-item:hover{
  transform:rotateY(360deg);
}
.indexPos3 img{
  width: 100%;
  vertical-align: middle;
}



.indexPos4{
  background-color: #f3f3f3;
}
.indexPos4-box{
  padding-top: 25px;
  padding-bottom: 30px;
}
.indexPos4-content ul{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.indexPos4-content li{
  border: 1px solid #d9d9d9;
  width: 330px;
  height: 299px;
  padding: 15px;
  margin-bottom: 27px;
}
.indexPos4-item{
  width: 100%;
}
.indexPos4-item-pic{
  width: 100%;
  height: 280px;
  overflow: hidden;
}
.indexPos4-item-pic img{
  width: 100%;
  height: 280px;
  vertical-align: middle;
  transition:all 0.6s;
}
.indexPos4-item-title{
  font-size: 14px;
  text-align: center;
  font-family: Microsoft YaHei;
  color: #5a5a5a;
}
.indexPos4-content li:hover{
  border-color: rgb(255, 102, 0);
}
.indexPos4-content li:hover .indexPos4-item-pic img{
  transform:scale(0.9);
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -o-transform: scale(0.9);
}


.indexPos5{
  width: 100%;
  min-height: 577px;
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-size: cover;
}
.indexPos5-box{
  padding-top: 60px;
  position: absolute;
}
.indexPos5-content{
  width: 1000px;
  margin-top: 0px;
  /*background-color: #fff;*/
}
.indexPos5-title{
  font-size: 22px;
  color: rgb(67, 67, 67);
  text-align: center;
  font-weight: 600;
}
.indexPos5-content-box{
  line-height: 30px;
  margin-top: 15px;
  height: 330px;
  overflow: hidden;
}
.indexPos5-link{
  text-align: center;
  margin-top: 15px;
}
.indexPos5-link a{
  width: 137px;
  height: 37px;
  line-height: 37px;
  color: rgba(34,130,196,1);
  border: 1px solid rgba(34,130,196,1);
  text-align: center;
  border-radius: 30px;
}
.indexPos5-link a:hover{
  background-color: rgba(2,139,207,1);
  color: #fff;
}
.indexPos6{
  background-color: #f3f3f3;
}
.indexPos6-box{
  padding-top: 70px;
  padding-bottom: 20px;
}
.indexPos6-left{
  float: left;
  width: 482px;
  padding: 14px;
  background-color: #fff;
  overflow: hidden;
}

.pc-slide {
  width: 482px;
  margin: 0 auto;
}

.view .swiper-container {
  width: 482px;
  height: 237px;
}
.view .swiper-container .swiper-wrapper a{
  width: 100%;
}
.view .swiper-container img{
  width: 100%;
  height: 237px;
  vertical-align: middle;
}
.view .arrow-left {
  background: url(../images/left.png) no-repeat center;
  position: absolute;
  left: 0px;
  bottom: 0;
  margin-top: -25px;
  width: 31px;
  height: 28px;
  z-index: 10;
  background-color: rgba(0,0,0,.5);
  color: #fff;
  text-align: center;
}
.view .arrow-right {
  background: url(../images/right.png) no-repeat center;
  position: absolute;
  right: 0px;
  bottom: 0;
  margin-top: -25px;
  width: 31px;
  height: 28px;
  z-index: 10;
  background-color: rgba(0,0,0,.5);
  color: #fff;
  text-align: center;
}
.preview {
  width: 100%;
  margin-top: 20px;
  position: relative;
}
.preview .swiper-container {
  width: 482px;
  height: 49px;
}
.preview .swiper-slide {
  width: 75px;
  height: 47px;
  padding-right: 5px;
}

.preview .slide6 {
  width: 80px;
}
.preview img {
  width: 100%;
  height: 100%;
  vertical-align: middle;
}

.preview .active-nav img {
  padding: 0;
  opacity: 0.3;
}

.indexPos6-left-title{
  margin-top: 20px;
  text-align: center;
}
.indexPos6-left-line{
  width: 64px;
  line-height: 31px;
  display: inline-block;
}
.indexPos6-left-line-dashed{
  border-top: 1px dashed #ccc;
  margin-top: -20px;
}
.indexPos6-left-word{
  display: inline-block;
  width: 235px;
  text-align: center;
}
.indexPos6-left-word-cn{
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
  color: #303030;
}
.indexPos6-left-word-en{
  text-transform: uppercase;
  color: #ccc;
  font-weight: 600;
  font-size: 12px;
}

.indexPos6-left-title::after{
  content: "";
  display: block;
  clear: both;
}
.indexPos6-left-link{
  text-align: center;
  margin-top: 5px;
  margin-bottom: 8px;
}
.indexPos6-left-link a{
  width: 290px;
  height: 37px;
  line-height: 37px;
  color: rgba(34,130,196,1);
  text-align: center;
  border: 1px solid rgba(34,130,196,1);
  border-radius: 20px;
}

.indexPos6-news{
  float: right;
  width: 648px;
}
.indexPos6-news-line{
  width: 50px;
  height: 31px;
  line-height: 31px;
  height: 31px;
  margin-left: 20px;
  position: relative;
}
.indexPos6-news-line-solid{
  position: absolute;
  width: 50px;
  height: 1px;
  top: 15px;
  left: 0px;
  background-color: #028BCF;
}
.indexPos6-news-item{
  border-bottom: 1px dashed #929292;
  padding-bottom: 6px;
}
.indexPos6-news-item-left{
  float: left;
  width: 578px;
}
.indexPos6-news-item-time{
  float: left;
  width: 70px;
  font-family: Microsoft YaHei;
  font-size: 11px;
  color: #929292;
  font-weight: normal;
  line-height: 26px;
}
.indexPos6-news-item-left strong{
  width: 20px;
}
.indexPos6-news-item-left strong img{
  width: 16px;
  height: 16px;
  vertical-align: middle;
  margin-top: -20px;
}
.indexPos6-news-item-left span{
  display: inline-block;
  width: 557px;
  font-family: Microsoft YaHei;
  font-size: 14px;
  color: #5A5A5A;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
  line-height: 26px;
}

.indexPos6-news-item:hover .indexPos6-news-item-left span{
  color: #0064D4;
}
.indexPos6-left-link a:hover{
  background-color: rgba(2,139,207,1);
  color: #fff;
}
.indexPos6-news-item::after{
  content: "";
  display: block;
  clear: both;
}
.indexPos6-box::after{
  content: "";
  display: block;
  clear: both;
}


.footer-link{
  background-color: #f3f3f3;
}
.link-box{
  padding-bottom: 15px;
}
.link-title{
  color: #000;
  font-family: Microsoft YaHei;
  font-size: 14px;
  font-weight: 600;
  line-height: 26px;
  border-bottom: 1px dashed #000;
}

.link-list li{
  float: left;
  margin-right: 20px;
}
.link-list li a{
  color: #5a5a5a;
  font-family: microsoft yahei;
  font-size: 12px;
}

.link-list li a:hover{
  color:#47cdff;
}
.link-list::after{
  content: "";
  display: block;
  clear: both;
}

.footer-nav-list{
  display: flex;
  justify-content: space-around;
  padding-top: 11px;
  padding-bottom: 11px;
}
.footer-nav-list a{
  width: 130px;
  height: 42px;
  line-height: 42px;
  text-align: center;
  font-size: 14px;
  color: #000;
}
.footer-nav-list a:hover{
  background-color: #4a86e8;
}


.footer{
  background-color: rgb(74, 134, 232);
  /*height: 328px;*/
  height: 300px;
}

.footer-box{
  padding-top: 40px;
}
.footer-xinxi{
  float: left;
  width: 496px;
  margin-top: 30px;
  color: #fff;
}
.footer-email span{
  font-family: 微软雅黑;
  color: rgb(255, 255, 255);
  font-size: 14px;
  line-height: 30px;
  display: inline-block;
}
.footer-main-item span{
  font-family: 微软雅黑;
  color: rgb(255, 255, 255);
  font-size: 14px;
  line-height: 30px;
  display: inline-block;
}
.footer-address span{
  font-family: 微软雅黑;
  color: rgb(255, 255, 255);
  font-size: 14px;
  line-height: 30px;
  display: inline-block;
}
.footer-bot span{
  font-family: 微软雅黑;
  color: rgb(255, 255, 255);
  font-size: 14px;
  line-height: 30px;
  display: inline-block;
}


.footer-form{
  float: left;
  width: 334px;
}
.footer-form-name{
  float: left;
  width: 48%;
  margin-right: 4%;
}
.footer-form-name:last-child{
  margin-right: 0px;
}
.footer-form-name-title{
  color: #fff;
}
.footer-form-name-title span{
  color: #f00;
  margin-left: 5px;
}

.footer-form-name input{
  font-family: '微软雅黑';
  font-size: 12px;
  text-indent: 5px;
  height: 30px;
  line-height: 30px;
  width: 100%;
  border-radius: 5px;
  margin-top: 10px;
}

.footer-form-mid{
  margin-top: 30px;
}
.footer-form-mid .footer-form-name-title{
  font-size: 12px;
}

.footer-form-input{
  margin-top: 15px;
}
.footer-form-input input{
  width: 100%;
  background-color: #fff;
  color: #000000;
  height: 35px;
  line-height: 35px;
  border-radius: 5px;
}
.footer-form-input input:hover{
  background-color: #fb414c;
  color: #fff;
}
.footer-form-top::after{
  content: "";
  display: block;
  clear: both;
}
.footer-form-mid::after{
  content: "";
  display: block;
  clear: both;
}

.footer-pics{
  float: left;
  width: 370px;
  text-align: right;
  margin-top: 32px;
}
.footer-pics img{
  width: 120px;
  height: 120px;
  vertical-align: middle;
}
.footer-pics-line{
  display: inline-block;
  width: 42px;
  position: relative;
}
.footer-pics-line-dashed{
  height: 81px;
  border: 1px dashed #fff;
  position: absolute;
  top: -48px;
  left: 20px;
}
.footer-box::after{
  content: "";
  display: block;
  clear: both;
}


.ng-inhe{
    width:100%; height:0px;
    position:relative;
    /*padding-bottom:32.6%;*/
    padding-bottom: 36.6%;
    overflow:hidden;
    min-width: 1200px;
}
.ng-inhe .vs-ini{
    position:absolute; top:0px; top:0px;
    width:100%; height:100%; overflow:hidden;
}
.ng-inhe .inoh-swiper{
    width:100%; height:100%; overflow:hidden; position:relative;
}
.ng-inhe .swiper-wrapper{
  height:100%;
  /*min-height: 300px;*/
}
.ng-inhe .swiper-slide{
    height:100%;

}

.ng-inhe .inoh-swiper .pagination {
  position: absolute;
  z-index: 20;
  bottom:8px;
  width: 100%;
  text-align: center;

}
.ng-inhe .inoh-swiper .swiper-pagination-switch {
  display: inline-block;
  width: 11px;
  height: 11px;
  border-radius: 8px;
  /*background: #555;*/
  margin: 0 7px;
  opacity: 0.9;
  background .5s, opacity .5s;
  border: 1px solid #fff;
  cursor: pointer;
  -webkit-transition:all .3s ease 0s;
  -moz-transition:all .3s ease 0s;
  -o-transition:all .3s ease 0s;
  transition:all .3s ease 0s;
}
.ng-inhe .inoh-swiper .swiper-active-switch {
  background:#fff; border: 1px solid #fff;
}
.ng-inhe .inoh-link{
  width:100%; height:100%; position:relative;
  overflow:hidden; display:block;
  background-repeat:no-repeat;
  background-position:50% 0;
  background-size:cover;
}



.right {
  position: fixed;
  right: 18px;
  top: 50%;
  transform: translate(0,-50%);
  z-index: 9999;
}

.right-item{
  background-color: #fff;
  margin-bottom: 6px;
  border: 1px solid #ccc;
  padding: 10px;
  position: relative;
  width: 50px;
  height: 50px;
  box-sizing: border-box;
  cursor: pointer;
}
.right-item1 {
    background-color: #fff;
    margin-bottom: 6px;
    border: 1px solid #ccc;
    padding: 10px;
    position: relative;
    width: 50px;
    height: 50px;
    box-sizing: border-box;
    cursor: pointer;
}

.right-item img,.right-item1 img{
    width: 30px;
    height: 30px;
}
.right-item img.hover,.right-item1 img.hover{
  display: none;
}
.right-item:hover>img,.right-item1:hover> a img{
    display: none;
}
.right-item:hover img.hover,.right-item1:hover a img.hover{
    display: block;
}

.right-item-box {
  position: absolute;
  right: 35px;
  padding-right: 25px;
  top: -15px;
  display: none;
}

.right-item-content {
  width: 430px;
  border: 1px solid #ccc;
  border-top: 4px solid #ff6800;
  padding: 20px;
  padding-top: 15px;
  background-color: #fff;
  -webkit-box-shadow: 0 3px 8px rgba(0,0,0,.15);
  -moz-box-shadow: 0 3px 8px rgba(0,0,0,.15);
  box-shadow: 0 3px 8px rgba(0,0,0,.15);
  position: relative;
}
.right-item-content .arrow, .right-content-ewm .arrow {
  position: absolute;
  width: 20px;
  height: 20px;
  right: -15px;
  top: 23px;
  z-index: 20;
}
.right-item-content-top {
  padding-bottom: 10px;
  padding-top: 10px;
  padding-left: 70px;
  border-bottom: 1px solid #ccc;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
}
.right-item-content-top img {
  position: absolute;
  left: 0;
  top: 8px;
  width: 40px;
  height: 40px;
}
.right-item-content-top h2 {
  margin-bottom: 8px;
  color: #ff6800;
  font-size: 22px;
}

.right .right-item-content-top h2, .right .right-content-ewm .ewm p, .right .content-bottom-item:hover span {
  color: #ff6600;
}

.right-content-tele {
  width: 300px;
}

.right .right-item-content {
  border-top-color: #ff6600;
}


.right-item:hover .right-item-box {
  display: block;
}
/*==================================================================*/






.pos{
  background-color: #f3f3f3;
}
.pos-box{
  padding-bottom: 1px;
  height: 60px;
  border-bottom: 1px dashed #d9d9d9;
  background-color: 
}
.pos-cn{
  float: left;
  width: 146px;
  height: 46px;
  line-height: 46px;
  text-align: center;
  font-size: 18px;
  color: #fff;
  background-color: #198ede;
  font-weight: 600;
  margin-top: 10px;
}
.pos-eg{
  float: left;
  color: #ccc;
  font-size: 18px;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 600;
  margin-top: 32px;
  margin-left: 15px;
}

.pos-list{
  /*width: 810px;*/
  float: right;
  margin-top: 5px;
}
.pos-list li{
  float: left;
}
.pos-list a{
  width: 129px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  color: #000;
}
.pos-list a:hover{
  color: #fff;
  background-color: #3a8ec8;
}
.pos-list::after{
  content: "";
  display: block;
  clear: both;
}
.pos-box::after{
  content: "";
  display: block;
  clear: both;
}

.aboutDetail{
  background-color: #f3f3f3;
  padding-top: 30px;
}
.aboutDetail-box{
  border: 1px solid rgb(217, 217, 217);
  padding: 20px;
}
.aboutDetail-title{
  display: block;
  font-family: Microsoft YaHei;
  font-size: 22px;
  color: #000000;
  font-weight: bold;
  text-align: center;
  padding-top: 3px;
  padding-bottom: 3px;
}

.aboutDetail-hezi{
  display: block;
  font-family: Microsoft YaHei;
  font-size: 12px;
  color: #868686;
  font-weight: normal;
  text-decoration: none;
  line-height: 25px;
  height: 12px;
  background: #F5F5F5;
  border-style: solid solid solid solid;
  border-color: #E5E5E5 #E5E5E5 #E5E5E5 #E5E5E5;
  border-width: 1px 1px 1px 1px;
  margin-bottom: 10px;
}

.aboutDetail-content{
  font-family: Microsoft YaHei;
  font-size: 14px;
  color: #5A5A5A;
}
.prosid{
  /*margin-top: 45px;*/
  background-color: #f3f3f3;
  padding-top: 45px;

}
.prosid-title{
  color: rgb(58, 142, 200);
  font-size: 18px;
  font-family: 微软雅黑;
  font-weight: 600;
  border-color: transparent transparent rgb(74, 134, 232);
  border-width: 0px 0px 5px;
  border-style: solid solid groove;
}



.fo-pro{
    position:relative;
}
.fo-pro .fovs-tap{
    width:100%; height:0px;
    position:absolute;
    /*top:50%;*/ left:0px;top:42%;
}
.fo-pro .fovs-tap-ico{
    width:40px; height:60px;
    background-color:#DDDDDD;
    border-radius:4px;
    display:block;
    position:absolute;
    top:50%; margin-top:-30px;
    font-size:20px;
    color:#fff; cursor:pointer;
    line-height:60px;
    text-align:center;
    z-index: 666;
}
.fo-pro .fovs-tap-left{
    /*left:-50px;*/
    left:10px;
}
.fo-pro .fovs-tap-right{
    /*right:-50px;*/
    right: 10px;
}
.fo-pro .fovs-clist{
    overflow:hidden;
    position:relative;
}
.fo-pro .fovs-row{
    margin-left:-15px;
    margin-right:-15px;
}
.fo-pro .fovs-swiper{
    position:relative;
    overflow:hidden;
}
.fo-pro .fovs-padd{
    padding-left:15px;
    padding-right:15px;
    padding-bottom:4px;
}
.fo-pro .fovs-vdoc{
    position:relative;
    overflow:hidden;
    /*border:1px solid #CBCBCB;*/
    display:block;
    margin:2px 0px 6px;
}
.fo-pro .fovs-pice{
    position:relative;
    overflow:hidden;
    /*width: 240px;*/
    width: 100%;
}
.fo-pro .fovs-pice-be{
    position:relative;
    overflow:hidden;
    padding-bottom:67%;
}
.fo-pro .fovs-pice-beine{
    width:100%; height:100%;
    position:absolute;
    top:0px; left:0px;
    overflow:hidden;
    z-index:10;
}
.fo-pro .fovs-pice-beine img{
    width:100%; display:block;
}
.fo-pro .fovs-pice-lab{
    position:absolute; top:0px; left:0px;
    width:100%; height:100%; z-index:16;
    /*background-image:url(../img/ovns1.png);*/
    opacity:0; filter:alpha(opacity=0);
    -webkit-transition:all .3s ease 0s;
      -moz-transition:all .3s ease 0s;
      -o-transition:all .3s ease 0s;
      transition:all .3s ease 0s;
}
.fo-pro .fovs-vdoc:hover .fovs-pice-lab{
    opacity:1; filter:alpha(opacity=100);
}
.fo-pro .fovs-pice-lab-tit{
    position:relative;
    line-height:32px;
    font-size:18px;
    color:#fff;
    text-align:center;
    padding:0px 12px;
}
.fo-pro .fovs-tnte{
    position:relative;
    overflow:hidden;
    /*background-color:#fff;*/
    width: 100%;
}
.fo-pro .fovs-tnte-tit{
    overflow:hidden;
    position:relative;
    text-align:center;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size: 12px;
    color: #000;
}
#fo-proswiper1{
  margin-top: 20px;
}


/*==============================================================*/


.product{
  background-color: #f3f3f3;
}

.product-box{
  padding-top: 50px;
}
.product-item{
  width: 249px;
  height: 240px;
  border: 1px solid #d9d9d9;
  padding: 15px;
  margin-bottom: 10px;
  margin-right: 20px;
}

.product-item-pic{
  width: 249px;
  height: 210px;
  overflow: hidden;
}
.product-item-pic img{
  width: 100%;
  height: 210px;
  vertical-align: middle;
  transition:all 0.6s;
}

.product-item-title{
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #5a5a5a;
  text-align: center;
  font-family: Microsoft YaHei;
  font-size: 13px;
  margin-top: 10px;
}
.product-item:nth-child(4n){
  margin-right: 0px;
}
.product-item:hover{
  border-color: #0d76c1;
}
.product-item:hover .product-item-pic img{
  transform:scale(0.9);
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -o-transform: scale(0.9);
}


/*=============================================================================*/

.aboutDetail-xinxi{
  text-align: center;
  padding-top: 10px;
  padding-bottom: 15px;
}
.aboutDetail-xinxi span{
  font-family: Microsoft YaHei;
  font-size: 14px;
  color: #5A5A5A;
}

/*===========================================================================*/

.pos-right{
  float: right;
  max-width: 700px;
}
.pos-right a{
  color: rgb(102, 102, 102);
  font-family: 'Microsoft YaHei';
  font-size: 13px;
  line-height: 61px;
}
.pos-right span{
  color: rgb(102, 102, 102);
  font-family: 'Microsoft YaHei';
  font-size: 13px;
  margin-left: 5px;
  margin-right: 5px;
}

.case{
  background-color: #f3f3f3;
}
.case-box{
  padding-top: 30px;
}
.case-item{
  float: left;
  width: 249px;
  height: 230px;
  padding: 15px;
  margin-bottom: 10px;
  margin-right: 20px;
  border: 1px solid #f3f3f3;
}

.case-item-pic{
  width: 249px;
  height: 210px;
  overflow: hidden;
}

.case-item-pic img{
  width: 100%;
  height: 100%;
  vertical-align: middle;
  transition:all 0.6s;
}

.case-item-title{
  color: #5a5a5a;
  font-family: Microsoft YaHei;
  display: block;
  text-align: center;
  font-size: 12px;
}
.case-item:nth-child(4n){
  margin-right: 0px;
}
.case-item:hover .case-item-pic img{
  transform:scale(0.9);
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -o-transform: scale(0.9);
}
.case-item:hover {
  border-color: #0d76c1;
}
.case-box::after{
  content: "";
  display: block;
  clear: both;
}


/*================================================================*/
.news{
  background-color: #f3f3f3;
}
.news-box{
  padding-top: 30px;
  padding-bottom: 30px;
}
.news-title h3{
  text-align: center;
}
.news-title h3 strong{
  font-size: 22px;
  font-weight: 600;
  color: #0d76c1;
}

.news-title h3 span{
  font-size: 22px;
  font-weight: 600;
  color: rgb(67, 67, 67);
}

.news-title-eg{
  margin-top: 10px;
  text-align: center;
  font-weight: 600;
  text-transform: uppercase;
  color: #ccc;
  font-size: 12px;
  font-family: Arial;
}
.news-title-eg span{
  position: relative;
}
.news-title-eg span::before{
  content: '';
  position: absolute;
  width: 50px;
  height: 1px;
  background-color: #028BCF;
  top: 8px;
  left: -85px;
}
.news-title-eg span::after{
  content: '';
  position: absolute;
  width: 50px;
  height: 1px;
  background-color: #028BCF;
  top: 8px;
  right: -85px;
}
.choose{
  text-align: center;
  margin-top: 25px;
  margin-bottom: 35px;
}
.choose-list{
  display: inline-block;
  border-top: 1px solid rgb(74, 134, 232);
  border-bottom: 1px solid rgb(74, 134, 232);
  padding-left: 20px;
  padding-right: 20px;
}
.choose-list li{
  float: left;
}
.choose-list a{
  width: 120px;
  height: 42px;
  line-height: 42px;
  text-align: center;
  color: #0d76c1;
}
.choose-list a:hover{
  background-color: #6d9eeb;
  color: #fff;
}
.choose-list::after{
  content: "";
  display: block;
  clear: both;
}


.news-item{
  display: block;
  width: 100%;
  padding-top: 12px;
  padding-bottom: 12px;
  border-bottom: 1px dotted #dbd4cd;
  margin-top: 10px;
  margin-bottom: 10px;
}
.news-item-box{
  margin-left: 30px;
}
.news-time{
  width: 60px;
  height: 60px;
  float: left;
  background: #198ede;
}
.news-time-day{
  color: #fff;
  font-size: 24px;
  text-align: center;
  line-height: 41px;
}
.news-time-other{
  color: #fff;
  font-size: 13px;
  text-align: center;
}

.news-content{
  width: 1098px;
  float: left;
  margin-left: 12px;
}
.news-title{
  font-family: Microsoft YaHei;
  font-size: 14px;
  color: #5A5A5A;
  font-weight: bold;
}

.news-item:hover .news-title{
  color: #0064D4;
}
.news-item-box::after{
  content: "";
  display: block;
  clear: both;
}


/*======================================================================*/

.server{
  float: left;
  width: 324px;
  background-color: #fff;
  /*padding-left: 20px;
  padding-right: 16px;*/
}
.server-xinxi{
  padding-left: 20px;
  padding-right: 16px;
}
.server-xinxi p{
  font-size: 12px;
  color: #5a5a5a;
  font-family: Arial;
}
.server-desc{
  padding-bottom: 10px;
  border-bottom: 1px dashed #198ede;
  padding-left: 20px;
  padding-right: 16px;
}
.server-desc-title{
  width: 100%;
  height: 63px;
  background-color: #198ede;
  margin-top: 45px;
}
.server-desc-title-img{
  float: left;
  margin-left: 40px;
}
.server-desc-title-img img{
  width: 55px;
  vertical-align: middle;
  margin-top: 5px;
}
.server-desc-title-word{
  float: left;
  height: 63px;
  margin-left: 20px;
}
.server-desc-title-cn{
  color: rgb(255, 255, 255);
  font-size: 16px;
  font-family: 微软雅黑;
  font-weight: bold;
  padding-top: 5px;
  margin-top: 5px;
}
.server-desc-title-number{
  color: rgb(255, 255, 255);
  font-size: 16px;
  font-family: 微软雅黑;
  font-weight: bold;
}
.server-desc-title::after{
  content: "";
  display: block;
  clear: both;
}
.server-desc-bot{
  margin-top: 10px;
}
.server-desc-bot-pic{
  float: left;
  margin-left: 40px;
}
.server-desc-bot-pic img{
  width: 120px;
  height: 120px;
  vertical-align: middle;
}
.server-desc-bot-desc{
  float: left;
  width: 80px;
  text-align: center;
  margin-left: 25px;
}
.server-desc-bot-top{
  font-family: 微软雅黑;
  line-height: 180%;
  font-size: 14px;
  letter-spacing: 1px;
  color: rgb(25, 142, 222);
  font-weight: bold;
  margin-top: 35px;
}
.server-desc-bot-bot{
  font-family: 微软雅黑;
  line-height: 180%;
  font-size: 14px;
  letter-spacing: 1px;
  color: rgb(25, 142, 222);
  font-weight: bold;
}
.server-desc-bot::after{
  content: "";
  display: block;
  clear: both;
}
.prosid-case{
  margin-top: 20px;
  padding-bottom: 20px;
}
.ng-inhe1{
    width:100%; height:0px;
    position:relative;
    padding-bottom:67.6%;
    overflow:hidden;
}
.ng-inhe1 .vs-ini{
    position:absolute; top:0px; top:0px;
    width:100%; height:100%; overflow:hidden;
}
.ng-inhe1 .inoh-swiper{
    width:100%; height:100%; overflow:hidden; position:relative;
}
.ng-inhe1 .swiper-wrapper{
  height:100%;
  /*min-height: 300px;*/
}
.ng-inhe1 .swiper-slide{
    height:100%;
}
.ng-inhe1 .inoh-swiper .pagination {
  position: absolute;
  z-index: 20;
  bottom:8px;
  width: 100%;
  text-align: center;
}
.ng-inhe1 .inoh-swiper .swiper-pagination-switch {
  display: inline-block;
  width: 11px;
  height: 11px;
  border-radius: 8px;
  /*background: #555;*/
  margin: 0 7px;
  opacity: 0.9;
  background .5s, opacity .5s;
  border: 1px solid #fff;
  cursor: pointer;
  -webkit-transition:all .3s ease 0s;
  -moz-transition:all .3s ease 0s;
  -o-transition:all .3s ease 0s;
  transition:all .3s ease 0s;
}
.ng-inhe1 .inoh-swiper .swiper-active-switch {
  background:#fff; border: 1px solid #fff;
}
.ng-inhe1 .inoh-link{
  width:100%; height:100%; position:relative;
  overflow:hidden; display:block;
  background-repeat:no-repeat;
  background-position:50% 0;
  background-size:cover;
}
.contact{
  float: left;
  width: 602px;
  margin-left: 120px;
}
.contact-form-item{
  margin-bottom: 15px;
}
.contact-form-item-name{
  font-size: 12px;
  padding: 10px 0;
  color: #5a5a5a;
}
.contact-form-item-name span{
  color: #f00;
  margin-left: 5px;
}
.contact-form-item input{
  width: 100%;
  height: 38px;
  line-height: 38px;
  border: 1px solid #198ede;
  border-radius: 5px;
}
.contact-form-item textarea{
  height: 150px;
  width: 100%;
  border: 1px solid #198ede;
  resize:none;
  border-radius: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.contact-form-submit input{
  width: 260px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background-color: #198ede;
  color: #fff;
  font-size: 12px;
}
.porsid-news{
  margin-top: 50px;
}
.porsid-news .indexPos6-news-item-left{
  width: 525px;
}
.porsid-news .indexPos6-news-item-left span{
  width: 503px;
}

.online::after{
  content: "";
  display: block;
  clear: both;
}
.ditu{
  margin-top: 30px;
}
/*==================================================================*/

.aboutShare{
  text-align: right;
}
.aboutDetail-content img{
  max-width: 100%!important;
}
.liuyan{
  background-color: #f3f3f3;
}
.liuyan-content{
  padding-top: 25px;
  padding-bottom: 15px;
}
.liulan-pic{
  float: left;
  width: 400px;
  height: 400px;
}
.liulan-pic img{
  width: 100%;
  height: 100%;
  vertical-align: middle;
}
.liuyan-form{
  float: left;
  width: 637px;
  margin-left: 100px;
}
.liuyan-form-item-name{
  font-size: 14px;
  padding: 10px 0;
  color: #5a5a5a;
}
.liuyan-form-item-name span{
  color: #f00;
  margin-left: 5px;
}
.liuyan-form-item{
  margin-bottom: 5px;
}
.liuyan-form-item input{
  width: 100%;
  height: 38px;
  line-height: 38px;
  border: 1px solid #198ede;
  border-radius: 5px;
}
.liuyan-form-item textarea{
  height: 119px;
  width: 100%;
  border: 1px solid #198ede;
  resize:none;
  border-radius: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.liuyan-form-submit input{
  width: 100%;
  margin-top: 10px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background-color: #198ede;
  color: #fff;
  font-size: 12px;
}
.liuyan-content::after{
  content: "";
  display: block;
  clear: both;
}
.liuyan-box{
  padding-top: 35px;
}


/*====================================================*/

.art-prosid{
  background-color: #f3f3f3;
}
.art-prosid-box{
  padding: 20px;
  padding-top: 35px;
}

.art-list .indexPos6-news-item-left{
  width: 1090px;
}

.art-list .indexPos6-news-item-left span{
  width: 1068px;
}

/*===========================================================*/


.newPro-box{
  padding-top: 10px;
  padding-bottom: 20px;
}
.newPro-menu{
  width: 220px;
  float: left;
}

.newPro-menu-title{
  color: #ffffff;
  font-family: 微软雅黑;
  font-size: 16px;
  height: 45px;
  line-height: 45px;
  background-color: #f13b3a;
  text-indent: 10px;
}

.newPro-menu-list{
  background-color: #1f87e8;
  padding-left: 13px;
  padding-right: 13px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.newPro-menu-list a{
  color: rgb(81,45,167);
  font-size: 12px;
  font-family: 微软雅黑;
  padding: 10px 4px;
  max-width: 194px;
}
.newPro-menu-sec{
  padding-bottom: 5px;
  padding-top: 5px;
}
.newPro-menu-list>li{
  border-bottom: 1px dashed #fff;
  padding-top: 10px;
}
.newPro-menu-list>li:last-child{
  border-bottom: 0px;
}


.newPro-list{
  width: 970px;
  float: right;
}

.newPro-list-title {
  height: 45px;
  border-bottom: 1px solid #eaeaea;
  margin-bottom: 45px;
}
.newPro-list-title span{
  display: inline-block;
  line-height: 45px;
  width: 86px;
  text-align: center;
  border-bottom: 1px solid #f13b3a;
}

.newPro-list li{
  float: left;
  width: 160px;
  padding-left: 5px;
  padding-right: 5px;
  margin-bottom: 50px;
  margin-left: 5px;
  /*margin-right: 30px;*/
  margin-right: 20px;
}
.newPro-list li:nth-child(4n){
  margin-right: 0px;
}
.newPro-item-pic{
  width: 160px;
  height: 120px;
  position: relative;
}
.newPro-item-pic img{
  width: 100%;
  height: 100%;
  vertical-align: middle;
}

.newPro-item-name{
  color: #666666;
  font-size: 14px;
  font-family: 微软雅黑;
  text-align: center;
  line-height: 23px;
  margin-top: 10px;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
}

.newPro-item-price{
  text-align: center;
  margin-top: 5px;
}
.newPro-item-price span{
  font-size: 14px;
  color: #666666;
  font-family: 微软雅黑;
  line-height: 23px;
}
.newPro-item-price strong{
  color: #f13a3a;
  font-weight: 700;
  font-family: Arial;
  line-height: 23px;
  font-size: 14px;
}
.newPro-item-money{
  text-align: center;
  margin-top: 5px;
}
.newPro-item-money span{
  font-size: 14px;
  color: #666666;
  font-family: 微软雅黑;
  line-height: 23px;
}

.newPro-item-money strong{
      color: #888;
  font-weight: 700;
  text-decoration: line-through;
      font-family: Arial;
  line-height: 23px;
  font-size: 14px;
}

.newPro-item-buy{
  text-align: center;
  margin-top: 5px;
}

.newPro-item-buy span{
  color: white;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 30px;
  text-align: center;
  background-color: rgb(241, 58, 58);
  width: 88px;
  height: 30px;
  display: inline-block;
}

.newPro-item-mask{
  text-align: center;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1002;
  width: 160px;
  height: 120px;
  display: none;
}
.newPro-item-mask img {
    width: 42px;
    height: 42px;
    margin-top: 39px;
    vertical-align: middle;
    transition: all 0.6s;
}
.newPro-list li:hover .newPro-item-mask{
  display: block;
}
.newPro-list li:hover .newPro-item-mask img{
  transform:scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}
.newPro-list::after{
  content: "";
  display: block;
  clear: both;
}


.newPro-box::after{
  content: "";
  display: block;
  clear: both;
}


/*======================================================*/


.newProDetail-box{
  padding-top: 10px;
}

.newProDetail-box .newPro-menu-list{
  background-color: #fff;
}
.newProDetail-box .newPro-menu-list>li{
  border-bottom: 1px dashed #9c98983b;
}

.newProDetail-box .newPro-menu-list a{
  color: #222;
  font-size: 14px;
  max-width: 194px;
}


.newProDetail-neirong{
  float: left;
  width: 951px;
  margin-left: 9px;
}


.newProDetail-pics{
  float: left;
}
#preview{ float:none; margin:20px auto; text-align:center; width:500px;}
.jqzoom{ width:350px; height:350px; position:relative;}

.zoomdiv{ left:859px; height:400px; width:400px;}
.list-h li{ float:left;}
#spec-n5{width:350px; height:56px; 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:325px; 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(i/loading.gif) #fff no-repeat center center;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}
.bigimg{width:800px;height:800px;}
.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:322px; margin-right:6px;}
#spec-list div{ margin-top:0;margin-left:-30px; *margin-left:0;}
.newProDetail-miaosu{
  float: left;
  width: 450px;
  margin-left: 50px;
  font-size: 13px;
}

.newProDetail-miaosu-title{
  font-weight: 400;
  color: #585858;
  margin: 0;
  font-size: 20px;
  text-align: left;
}

.newProDetail-xinxi{
  margin-top: 20px;
}

.newProDetail-pics::after{
  content: "";
  display: block;
  clear: both;
}
.newProDetail-top::after{
  content: "";
  display: block;
  clear: both;
}
.newProDetail-content{
  margin-top: 30px;
}
.newProDetail-content-title{
  height: 55px;
  border: 1px solid #efefef
}
.newProDetail-content-box{
  margin-top: 20px;
}
.newProDetail-content-box img{
  max-width: 100%!important;
}
.newProDetail-content-title span{
  height: 50px;
  line-height: 50px;
  width: 153px;
  display: inline-block;
  text-align: center;
  border-right: 1px solid #efefef;
  border-top: 5px solid #f13a3a;
  color: #f13a3a;
  font-weight: 400;
  font-size: 14px;
}

.newProDetail-kefu-top{
  width: 87px;
  padding-left: 8px;
  padding-right: 8px;
  height: 30px;
  border: 1px solid transparent;
}

.newProDetail-kefu-bot{
  text-align: left;
  width: auto;
  height: auto;
  position: absolute;
  background: #fff;
  z-index: 1;
  border: 1px solid #d8d8d8;
  margin-top: -2px;
  min-height: 30px;
  padding: 0 14px;
  display: none;
}
.newProDetail-kefu:hover .newProDetail-kefu-top{
      border: 1px solid #d8d8d8;
}
.newProDetail-kefu:hover .newProDetail-kefu-bot{
  display: block;
}
.newProDetail-kefu-top-pic{
  float: left;
}
.newProDetail-kefu-top-pic img{
  width: 25px;
  height: 25px;
  margin-top: 2px;
  vertical-align: middle;
}

.newProDetail-kefu-top-word{
  float: left;
  line-height: 30px;
  margin-left: 5px;
  font-size: 14px;
}
.newProDetail-kefu-top::after{
  content: "";
  display: block;
  clear: both;
}


.newProDetail-box::after{
  content: "";
  display: block;
  clear: both;
}


.newProDetail-jiage-left{
  float: left;
  max-width: 75px;
  width: 75px;
  line-height: 42px;
  font-size: 14px;
  font-family: "微软雅黑";
  color: #666;
  letter-spacing: 1px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: right;
}
.newProDetail-jiage-right{
  float: left;
  position: relative;
  margin-top: 5px;
  margin-left: 5px;
}
.newProDetail-jiage-right strong{
  color: #f13a3a;
  font-family: "微软雅黑";
  font-weight: 700;
  font-size: 31px;
}
.newProDetail-jiage-right span{
  color: #888;
  line-height: 32px;
  font-family: inherit;
  font-size: 16px;
  font-weight: 400;
  display: inline-block;
  text-decoration: line-through;
  margin-left: 4px;
}
.newProDetail-jiage::after{
  content: "";
  display: block;
  clear: both;
}
.newProDetail-danwei{
  line-height: 44px;
  margin-bottom: 5px;
}
.newProDetail-danwei a{
  width: 60px;
  text-align: center;
  line-height: 25px;
  padding-left: 6px;
  padding-right: 6px;
  font-size: 13px;
  border-radius: 15px;
  border: 1px solid #CCC;
  color: #666;
  margin-left: 5px;
  margin-top: 5px;
}
.newProDetail-danwei .danwei-active{
   border: 2px solid #f13a3a;
}
.newProDetail-danwei .mianyi-active{
   border: 2px solid #f13a3a;
}
.newProDetail-danwei::after{
  content: "";
  display: block;
  clear: both;
}
.newProDetail-kefu-list{
      width: 176px;
      display: inline-block;
      vertical-align: middle;
      margin-top: 5px;
      clear: both;
      font-size: 14px;
      font-family: "微软雅黑";
      color: #666666;
}
.sdddq {
  font-family: "宋体";
  font-size: 20px;
  height: 30px;
  width: 150px;
  /*margin-top: -18px;*/
   
}
.newProDetail-kefu-item-pic{
  width: 21px;
  height: 21px;
  display: inline-block;
  margin-right: 4px;
}
.kefu-weixin-pic{
    background: url(../images/vbg01.png) no-repeat;
    background-position: -525px -2269px;
}
.newProDetail-kefu-item-title{
  color: #666;
      font-size: 14px;
      display: inline-block;
      line-height: 21px;
}

.newProDetail-kefu-item-pic img{
  width: 21px;
  height: 21px;
  vertical-align: middle;
}


.kefu-ma{
  width: 200px;
  height: 217px;
  position: fixed;
  z-index: 9031;
  left: 805px;
  top: 444px;
  display: none;
}
.kefu-ma .content{
  transform: scale(1);
  opacity: 1;
  height: 100%;
  background-color: #fff;
  border-radius: 2px;
  -webkit-box-shadow: 0 0 10px rgba(0,0,0,.15);
  -ms-box-shadow: 0 0 10px rgba(0,0,0,.15);
  box-shadow: 0 0 10px rgba(0,0,0,.15);
}
.kefu-ma .close_btn {
    width: 14px;
    height: 14px;
    background: url(../images/mbg01.png) -451px -189px no-repeat;
    cursor: pointer;
    position: absolute;
    right: 12px;
    top: 12px;
}
.kefu-ma .qrcode_img {
    width: 120px;
    height: 120px;
    margin-top: 35px;
    margin-left: 40px;
}
.kefu-ma .tip_text {
    margin-top: 15px;
    color: #333;
    font-size: 13px;
    text-align: center;
    font-family: "Microsoft YaHei";
}
.newProDetail-miaosu-bot{
  margin-top: 30px;
}
.newProDetail-miaosu-bot-item{
  width: 160px;
  height: 42px;
  border: 1px solid #f13a3a;
  border-radius: 3px;
  text-align: center;
  line-height: 42px;
}
.newProDetail-miaosu-car-img{
  display: inline-block;
}
.newProDetail-miaosu-car-img img{
  width: 20px;
  height: 20px;
  vertical-align: middle;
  margin-top: -5px;
}
.newProDetail-miaosu-car-title{
  display: inline-block;
      color: #f13a3a;
      font-size: 16px;
      margin-left: 5px;
}
.newProDetail-miaosu-bot-item::after{
  content: "";
  display: block;
  clear: both;
}

.newProDetail-miaosu-bot-buy{
  width: 160px;
  height: 44px;
  border-radius: 3px;
  text-align: center;
  line-height: 44px;
  background-color: #f13a3a;
  color: #fff;
  font-size: 16px;
  margin-left: 20px;
}
.newProDetail-miaosu-bot-tel{
  width: 240px;
  height: 44px;
  border-radius: 3px;
  text-align: center;
  line-height: 44px;
  background-color: #f13a3a;
  color: #fff;
  font-size: 16px;
  margin-left: 20px;
  margin-top: 20px;
}

.newProDetail-pics-kefu{
  margin-top: 20px;
  margin-left: 20px;
}


#foot_content{
  margin-top: 10px;
  width: 160px;
  height: 30px;
  line-height: 30px;
  resize:none;
  border-radius: 5px;
}


/*=======================================================================*/


.ng-inhe99{
    width:100%; height:0px;
    position:relative;
    /*padding-bottom:32.6%;*/
    padding-bottom: 33.6%;
    overflow:hidden;
    min-width: 1200px;
}
.ng-inhe99 .vs-ini{
    position:absolute; top:0px; top:0px;
    width:100%; height:100%; overflow:hidden;
}
.ng-inhe99 .inoh-swiper{
    width:100%; height:100%; overflow:hidden; position:relative;
}
.ng-inhe99 .swiper-wrapper{
  height:100%;
  /*min-height: 300px;*/
}
.ng-inhe99 .swiper-slide{
    height:100%;

}

.ng-inhe99 .inoh-swiper .pagination {
  position: absolute;
  z-index: 20;
  bottom:8px;
  width: 100%;
  text-align: center;
  display: none;

}
.ng-inhe99 .inoh-swiper .swiper-pagination-switch {
  display: inline-block;
  width: 11px;
  height: 11px;
  border-radius: 8px;
  /*background: #555;*/
  margin: 0 7px;
  opacity: 0.9;
  background .5s, opacity .5s;
  border: 1px solid #fff;
  cursor: pointer;
  -webkit-transition:all .3s ease 0s;
  -moz-transition:all .3s ease 0s;
  -o-transition:all .3s ease 0s;
  transition:all .3s ease 0s;
}
.ng-inhe99 .inoh-swiper .swiper-active-switch {
  background:#fff; border: 1px solid #fff;
}
.ng-inhe99 .inoh-link{
  width:100%; height:100%; position:relative;
  overflow:hidden; display:block;
  background-repeat:no-repeat;
  background-position:50% 0;
  background-size:cover;
}