.right_nav {
  position: fixed;
  right: 0;
  top: 50%;
  z-index: 1000000;
  margin-top: -52px;
}
.right_nav ul li {
  width: 46px;
  text-align: center;
  line-height: 47px;
  background-color: #fff;
  border-right: none;
  margin-top: 5px;
  position: relative;
}
.right_nav ul li a{
  display: block;
  border: 1px solid #EEEEEE;
}
.right_nav ul li p{
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #005E9C;
  color: #fff;
  left: 0;
  top: 0;
  line-height: 16px;
  font-size: 12px;
  padding: 8px 0;
  display: none;
}
.right_nav ul li:hover p{
  display: block;
}
.wechat .code,.wechat .phone{
  position: relative;
}
.wechat .code .img2{
  width: 100px;
}
.pc_menu .menu > li .menu_2Box .menu_decoration li:hover .p3{
  color: #005e9c;
}
.ym-video{
  background: transparent;
}
.wechat .code .code2,.wechat .phone .phone2{
  content: "";
  display: block;
  width: 100px;
  height: 100px;
  background-size:100% auto;
  position: absolute;
  left: -30px;
  top: -30px; 
  display: none;
}
.pswp__bg{
  background: rgba(0, 0, 0, 0.7)
}
.pswp__button--arrow--left:before{
  background: url(../images/case-left.png) no-repeat center;
}
.pswp__button--arrow--right:before{
  background: url(../images/case-right.png) no-repeat center;
}
.pswp__button--arrow--left:before, .pswp__button--arrow--right:before{
  width: 30px;
  height: 60px;
  background-size:100% auto; 
}
.wechat p{
  color: #fff;
}
.wechat .phone .phone2{
  left: 0px;
  top: -30px; 
}
.wechat .code:hover .code2,.wechat .phone:hover .phone2{
  display: block;
}
.wechat .code:hover .img1{
  display: inline-block !important;
}
.right_nav ul li a {
  display: block;
}
/*#banner #owl-demo .owl-nav{
  display: none !important;
}*/
#banner .owl-theme .owl-controls .owl-nav .owl-prev, #banner .owl-theme .owl-controls .owl-nav .owl-next{
  overflow: hidden;
     width: 48px;
    height: 76px;   
}
#banner .index-news .owl-controls .owl-nav .owl-prev, #banner .index-news .owl-theme .owl-controls .owl-nav .owl-next {  width: 33px;
  height: 53px;    text-align: center;
    padding-top: 15px;}
#banner #owl-demo .owl-nav{ display:none !important;}
#banner #owl-demo:hover .owl-nav{
  display: block !important;
}
#header .logo {
  float: left;
  height: 85px;
  padding-top: 8px;
}
.panel-default > .panel-heading{
  cursor: pointer;
}
.panel-default > .panel-heading:hover{
  background-color: #dde9f4;
}
.right_nav ul li .img2{
  display: none;
}
.right_nav ul li:hover .img2{
  display: inline-block;
}
.right_nav ul li:hover .img1{
  display: none;
}
.inContent #my-video{
  margin: 55px auto 0;
}
@media(min-width:1200px){
  .content .contact-us1-2 .container{
    width: 100%;
  }
}
.content .contact-us1-2 .contact-us1-2-list li.li1:hover .image{
  background-image: url(/res/cn/images/contact-icon9_1.png) !important;
}
.content .contact-us1-2 .contact-us1-2-list li.li2:hover .image{
  background-image: url(/res/cn/images/contact-icon10_1.png) !important;
}
.content .contact-us1-2 .contact-us1-2-list li.li3:hover .image{
  background-image: url(/res/cn/images/contact-icon11_1.png) !important;
}
.content .contact-us1-2 .contact-us1-2-list li.li4:hover .image{
  background-image: url(/res/cn/images/contact-icon12_1.png) !important;
}
#header .language {
  float: right;
}
#header .language li {
  float: left;
  height: 85px;
  line-height: 85px;
  margin-right: 4px;
}
#header .language li a.lan4{background-image: url(../images/language4.jpg); background-repeat:no-repeat; width:60px; height:11px; display:block; margin-top:38px;transition: all 0s;-webkit-transition: all 0s;-moz-transition: all 0s; }
#header .language li a.lan4:hover{background-image: url(../images/language4_1.jpg) }


#header .language li a.lan3{background-image: url(../images/language3.jpg); background-repeat:no-repeat; width:70px; height:16px; display:block; margin-top:38px;transition: all 0s;-webkit-transition: all 0s;-moz-transition: all 0s; }
#header .language li a.lan3:hover{background-image: url(../images/language3_1.jpg) }


#header .language li a.lan5{background-image: url(../images/language5.jpg); background-repeat:no-repeat; width:68px; height:16px; display:block; margin-top:38px;transition: all 0s;-webkit-transition: all 0s;-moz-transition: all 0s; }
#header .language li a.lan5:hover{background-image: url(../images/language5_1.jpg) }



#header .menu_icon {
  float: right;
  margin-right: 0.25rem;
  margin-top: 0.39rem;
}
.pc_menu {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  background: url(../images/opacity1.png) repeat;
  z-index: 100;
  height: 60px;
}
.pc_menu .menu {
  padding: 0 6%;
}
.pc_menu .menu > li {
  float: left;
  width: 12.31%;
  position: relative;
  margin: 0 0.985%;
}
.pc_menu .menu > li > a {
  font-size: 16px;
  color: #fff;
  height: 60px;
  line-height: 60px;
  text-align: center;
  display: block;
  position: relative;
}
.pc_menu .menu > li > a:hover:after {
  content: "";
  display: block;
  height: 2px;
  width: 100%;
  position: absolute;
  left: 0;
  top: -2px;
  background-color: #005E9C;
  z-index: 100;
}
.pc_menu .menu > li .menu_2Box {
  width: 715px;
  position: absolute;
  top: 60px;
  left: 0;
  background: url(../images/opacity2.png) repeat;
  display: none;
}
.pc_menu .menu > li .menu_2Box .menu_2 {
  float: left;
  width: 18.18%;
  height: 100%;
  padding-top: 10px;
  background-color: #005E9C;
  position: absolute;
  left: 0;
  top: 0;
}
.pc_menu .menu > li .menu_2Box .menu_2 li a {
  display: block;
  height: 43px;
  line-height: 43px;
  text-align: center;
  color: #fff;
  position: relative;
}

.pc_menu .menu > li .menu_2Box .menu_2 li a:hover {
  background-color: #F6F2F3;
  color: #333333; font-weight: bold;
}
.pc_menu .menu > li .menu_2Box .menu_2 li a:hover:after {
  content: "";
  display: block;
  width: 5px;
  height: 10px;
  background: url(../images/right-arrow.png) no-repeat;
  position: absolute;
  top: 17px;
  right: 8px;
  background-size:100% auto; 
}
.pc_menu .menu > li .menu_2Box .menu_decoration {
  float: left;
  width: 81.82%;
  padding: 30px 17.5px 50px;
  margin-left: 130px;
}
.pc_menu .menu > li .menu_2Box .menu_decoration li {
  float: left;
  width: 50%;
  padding: 0 12.5px;
  text-align: center;
}
.pc_menu .menu > li .menu_2Box .menu_decoration li .p2 {
  font-size: 18px;
  color: #000;
  padding: 13px 0 10px;
}
.pc_menu .menu > li .menu_2Box .menu_decoration li .p3 {
  color: #595959;
  line-height: 22px;
}
.pc_menu .menu li.nLi5 .menu_2Box,
.pc_menu .menu li.nLi6 .menu_2Box,
.pc_menu .menu li.nLi7 .menu_2Box {
  right: 0;
  left: auto;
}
.content .content1 {
  padding: 40px 0 35px;
}
.content .content1 .image {
  float: left;
  width: 350px;
  height: 550px;
  position: relative;
  cursor: pointer;
  overflow: hidden;
}
.content .content1 .image>img{
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  transition: all 0.4s linear;
  -webkit-transition: all 0.4s linear;
  -webkit-transition: all 0.4s linear;
}
.content .content1 .image:hover>img{
  transform: scale(1.02);
  -webkit-transform: scale(1.02);
  -moz-transform: scale(1.02);
  transition: all 0.4s linear;
  -webkit-transition: all 0.4s linear;
  -webkit-transition: all 0.4s linear;
}
.content .content1 .image .text{
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
}
.content .content1 .image .text-list{
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 30px 45px;
  display: none;
  }
.content .content1 .image .text-list li{
  position: relative;
}
.content .content1 .image .text-list li a{
  display: inline-block;
  width: 140px;
  height: 140px;
  background: url(../images/white-circle.png) no-repeat center;
  color: #005e9c;
  font-size: 22px;
  text-align: center;
  padding-top: 45px;
  line-height: 24px;
}
.content .content1 .image .text-list li a:hover{
  background: url(../images/blue-circle.png) no-repeat center;
  color: #fff;
}
.content .content1 .image:hover .text-list{
  display: block;
}
.content .content1 .image:hover .text-list li a{
  animation: scale 0.4s linear;
  -webkit-animation: scale 0.4s linear;
  -moz-animation: scale 0.4s linear;
  animation-fill-mode: forwards;
  opacity: 0;
}
@keyframes scale{
  0%{
    transform: scale(0);
    opacity: 1;
  }
  100%{
    transform: scale(1);
    opacity: 1;
  }
}
.content .content1 .image .text-list li.odd{
  text-align: right;
  margin-top: -25px;
}
.content .content1 .image .text-list li.three{
  margin-top: -25px;
}
.content .content1 .image:hover .text{
  transform:scale(0);
  -webkit-transform:scale(0);
  -moz-transform:scale(0);
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
}
.content .content1 .textContent {
  margin-left: 350px;
}
.content .content1 .textContent .number {
  height: 160px;
}
.content .content1 .textContent .number li {
  float: left;
  width: 33.33%;
  position: relative;
  height: 160px;
  text-align: center;
  font-size: 16px;
  padding-top: 60px;
  color: #333333;
}
.content .content1 .textContent .number li .text1 {
  display: inline-block;
}
.content .content1 .textContent .number li .text1 .span1 {
  font-size: 46px;
  float: left;
}
.content .content1 .textContent .number li .text1 .span2 {
  float: left;
  position: relative;
  top: 10px;
}
.content .content1 .textContent .number li .text2 {
  margin-top: 13px;
}
.content .content1 .textContent .number li::before {
  content: "";
  display: block;
  height: 109px;
  width: 1px;
  background-color: #E5E5E5;
  position: absolute;
  right: 0;
  top: 26px;
}
.content .content1 .textContent .number li:last-child::before {
  display: none;
}
.content .content1 .textContent .number li:last-child .text1 .span1 {
  width: 81px;
}
.content .content1 .textContent .number li:last-child .text1 .span2 {
  top: -14px;
  left: 3px;
  text-align: left;
}
.content .content1 .textContent .number li:last-child .text2 {
  position: relative;
  margin-top: -26px;
  padding-right: 25px;
}
.content .content1 .textContent .video {
  width: 100%;
  height: 390px;
  position: relative;
}
.content .content1 .textContent .video #my-video {
  width: 100%;
  height: 100%;
}
.content .content2 {
  background-color: #F5F5F5;
  padding: 30px 0 50px;
}
.content .content2 .technology-list {
  margin-top: 25px;
}
.content .content2 .technology-list li {
  float: left;
  margin-right: 0.5%;
  width: 24.625%;
  overflow: hidden;
  height: 382px;
}
.content .content2 .technology-list li img{
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  transition: all linear 0.2s;
  -webkit-transition: all linear 0.2s;
  -moz-transition: all linear 0.2s;
}
@media(min-width:1200px){
  .content .content2 .technology-list li:hover img{
    transform: scale(1.02);
    -webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
    transition: all linear 0.2s;
    -webkit-transition: all linear 0.2s;
    -moz-transition: all linear 0.2s;
  }
}
@media(max-width:1200px){
  .content .content2 .technology-list li{
    height: auto;
  }
}
.content .content2 .technology-list li a {
  display: block;
  position: relative;
}
.content .content2 .technology-list li a .text {
  position: absolute;
  left: 13%;
  top: 12%;
}
.content .content2 .technology-list li a .text .p1 {
  font-size: 24px;
  color: #fff;
  padding-bottom: 20px;
  position: relative;
  font-weight: bold;
}
.content .content2 .technology-list li:hover a .text .p1 {color:#005E9C}

.content .content2 .technology-list li a .text .p1:after {
  content: "";
  display: block;
  width: 52px;
  height: 2px;
  background-color: #EB7F01;
  position: absolute;
  bottom: 0;
  left: 0;
}
.content .content2 .technology-list li:last-child {
  margin-right: 0;
}
.content .content3 {
  background: url(../images/index_33.jpg) no-repeat center;
  height: 707px;
  padding-top: 50px;
  overflow: hidden;
}
.content .content3 .index-title .p1 {
  color: #fff;
}
.content .content3 .index-title .p2 {
  color: #A6AAAD;
}
.content .content3 .case-list {
  position: relative;
  margin-top: 45px;
}
.content .content3 .case-list .swiper-button-white {
  position: absolute;
  top: 20%;
  z-index: 1000;
  cursor: pointer;
  width: 15%;
  height: 200px;
}
/*.content .content3 .case-list .swiper-button-white .img1,.content .content3 .case-list .swiper-button-white .img2 {
  position: absolute;
  display: block;
  width: 35px;
  height: 70px;
}*/
/*.content .content3 .case-list .swiper-button-white .img2 {
  display: none;
}
.content .content3 .case-list .swiper-button-white:hover .img1 {
  display: none;
}
.content .content3 .case-list .swiper-button-white:hover .img2 {
  display: block;
}*/
.content .content3 .case-list .swiper-button-next {
  right: 5%;
  background: url(../images/index-btn-right.png) no-repeat;
  background-position-x: -235px;
  background-position-y: 30px;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
   -moz-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
}
.content .content3 .case-list .swiper-button-next:hover{
  background-position-x: 25px;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
   -moz-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
}
.content .content3 .case-list .swiper-button-prev {
  left: 5%;
  background: url(../images/index-btn-left.png) no-repeat 5px 30px;
  background-position-x: 5px;
  background-position-y: 30px;
   transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
   -moz-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
}
.content .content3 .case-list .swiper-button-prev:hover{
  background-position-x: -235px;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
   -moz-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
}
.content .content3 .case-list .swiper-container {
  height: 440px !important;
}
.content .content3 .case-list .swiper-container .swiper-slide {
  font-size: 18px;
  height: 440px !important;
}
.content .content3 .case-list .swiper-container .swiper-slide .image {
  height: 390px;
  position: relative;
}
.content .content3 .case-list .swiper-container .swiper-slide .image:after {
  content: "";
  display: block;
  height: 100%;
  width: 100%;
  background: url(../images/opacity3.png) repeat;
  top: 0;
  left: 0;
}
.content .content3 .case-list .swiper-container .swiper-slide .text {
  text-align: center;
  color: #fff;
  padding: 15px 0;
  display: none;
}
.content .content3 .case-list .swiper-container .swiper-slide-active .image:after {
  display: none;
}
.content .content3 .case-list .swiper-container .swiper-slide-active .text {
  display: block;
}
.content .content3 .case-list .case-more {
  text-align: center;
  margin-top: 25px;
}
.content .content3 .case-list .case-more a {
  display: inline-block;
  width: 200px;
  height: 50px;
  border: 1px solid #6E787F;
  line-height: 50px;
  color: #fff;
  font-size: 16px;
}
.content .content3 .case-list .case-more a:hover{
  border-color: #005e9c;
  color: #005e9c;
}
.content .content4 {
  padding: 35px 0 50px;
  border-bottom: 1px solid #D9D9D9;
}
.content .content4 .index-news {
  margin-top: 35px;
}
.content .content4 .index-news .index-newsLeft {
  float: left;
  width: 47%;
  position: relative;
}
.content .content4 .index-news .index-newsLeft .owl-stage-outer {
  border: 1px solid #CCCCCC;
  height: 360px;
}
.content .content4 .index-news .index-newsLeft .item {
  height: 360px;
  display: block;
  position: relative; background-size:auto 100%
}
.content .content4 .index-news .index-newsLeft .item .text {
  position: absolute;
  width: 100%;
  height: 50px;
  background: url("../images/opacity1.png") repeat;
  color: #fff;
  font-size: 18px;
  left: 0;
  bottom: 0;
  line-height: 50px;
  padding-left: 25px;
  padding-right: 10px;
}
.content .content4 .index-news .index-newsLeft .owl-theme .owl-controls .owl-dots {
  display: none !important;
}
.content .content4 .index-news .index-newsLeft .owl-controls .owl-prev,
.content .content4 .index-news .index-newsLeft .owl-controls .owl-next {
  width: 33px;
  height: 53px;
  background: url(../images/opacity4.png) repeat;
  text-align: center;
  padding-top: 15px;
  position: absolute;
  top: 150px;
  margin: 0;
}
.content .content4 .index-news .index-newsLeft .owl-controls .owl-prev:hover,
.content .content4 .index-news .index-newsLeft .owl-controls .owl-next:hover {
  background: #666;
}
.content .content4 .index-news .index-newsLeft .owl-controls .owl-prev {
  left: 0;
}
.content .content4 .index-news .index-newsLeft .owl-controls .owl-next {
  right: 0;
}
.content .content4 .index-news .index-newsRight {
  padding-left: 35px;
  float: left;
  width: 53%;
}
.content .content4 .index-news .index-newsRight ul li {
  padding-bottom: 18px;
  border-bottom: 1px dashed #CCCCCC;
  margin-top: 17px;
}
.content .content4 .index-news .index-newsRight ul li a {
  display: block;
}
.content .content4 .index-news .index-newsRight ul li .date {
  width: 95px;
  height: 95px;
  float: left;
  background-color: #EBEBEB;
  text-align: center;
  overflow: hidden;
  color: #666666;
}
.content .content4 .index-news .index-newsRight ul li .date .p1 {
  font-size: 36px;
  line-height: 36px;
  margin: 20px 0 5px;
}
.content .content4 .index-news .index-newsRight ul li .date .p2 {
  font-size: 16px;
}
.content .content4 .index-news .index-newsRight ul li .text {
  margin-left: 110px;
  color: #444;
}
.content .content4 .index-news .index-newsRight ul li .text .p1 {
  font-size: 18px;
  font-weight: bold;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 40px;
}
.content .content4 .index-news .index-newsRight ul li .text .p2 {
  line-height: 24px;
  height: 48px;
  overflow: hidden;
}
.content .content4 .index-news .index-newsRight ul li a:hover .date {
  background-color: #005E9C;
  color: #fff;
}
.content .content4 .index-news .index-newsRight ul li a:hover .text .p1 {
  color: #005e9c;
}
.content .content4 .index-news .index-newsRight ul li:first-child {
  margin-top: 0;
}
.content .content4 .index-news .index-newsRight ul li:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}
.content .content5 {
  padding: 45px 0 50px;
}
.language span{
  color: #999;
  font-size: 12px;
}
.language img{
  position: relative;
  top: -1px;
}
.language li:hover span{
  color: #000;
}
.content .content5 .server-list li {
  float: left;
  width: 25%;
  text-align: center;
}
.content .content5 .server-list li .image {
  display: inline-block;
}
.content .content5 .server-list li .image .img2 {
  display: none;
}
.content .content5 .server-list li .text {
  margin-top: 20px;
  color: #555555;
}
.content .content5 .server-list li .text .p1 {
  font-size: 16px;
  font-weight: bold;
  line-height: 26px;
}
.content .content5 .server-list li .text .p2 {
  line-height: 24px;
}
.content .content5 .server-list li:hover .image .img2 {
  display: inline-block;
}
.content .content5 .server-list li:hover .image .img1 {
  display: none;
}
.content .content5 .server-list li:hover .text .p1{
    color: #005e9c;
  }
.content .index-title {
  text-align: center;
}
.content .index-title .p1 {
  font-size: 28px;
  color: #333333;
}
.content .index-title .p2 {
  font-size: 16px;
  color: #666666;
  margin-top: 5px;
}
.content .about1-title {
  text-align: center;
  margin: 0 25px;
  border-bottom: 1px solid #BBBBBB;
}
.content .about1-title .p1 {
  font-size: 24px;
  color: #000000;
  font-weight: bold;
}
.content .about1-title .p2 {
  display: inline-block;
  padding: 0 20px;
  background-color: #fff;
  color: #47484a;
  font-size: 15px;
  position: relative;
  bottom: -10px;
}
.content .incontent4 {
  padding: 35px 0 70px;
  border-bottom: none;
}
.content .incontent4 .index-news {
  margin-top: 60px;
}
.content .zhanhui {
  background: url(../images/zhanhui_02.jpg) no-repeat center;
  height: 555px;
}
.content .zhanhui .container {
  position: relative;
}
.content .zhanhui .images {
  width: 224px;
  height: 384px;
  background: url(../images/zhanhui.png) no-repeat center;
  position: absolute;
  top: -32px;
  left: 0px;
}
.content .zhanhui .textBox {
  margin-left: 170px;
}
.content .zhanhui .textBox .text {
  float: right;
  background: url(../images/zhanhui2.png) no-repeat center;
  width: 47%;
  height: 252px;
  margin-top: 185px;
  padding: 30px 50px 0;
}
.content .zhanhui .textBox .text .p1 {
  font-size: 22px;
  color: #000;
}
.content .zhanhui .textBox .text .p1:hover{
  color:#005E9C;
}
.content .zhanhui .textBox .text .p2,
.content .zhanhui .textBox .text .p3 {
  padding-left: 15px;
}
.content .zhanhui .textBox .text .p2 {
  font-size: 16px;
  margin: 20px 0 5px;
  color: #000;
}
.content .zhanhui .textBox .text .p3 {
  color: #666666;
  font-size: 12px;
  line-height: 24px;
  height: 72px;
  overflow: hidden;
}
.content .zhanhui .textBox .textBox-image {
  float: right;
  width: 52%;
  height: 360px;
  background-repeat: no-repeat;
  background-position: center;
  margin-top: 113px;
  overflow:hidden;
}
.content .zhanhui .textBox .textBox-image{
  background-size:auto 100%; 
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}
.content .zhanhui .textBox .textBox-image:hover{
  background-size:auto 102%; 
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}
.content .news1Box {
  padding: 30px 0 45px;
}
.content .news1Box .about1-title {
  margin: 0;
}
.content .news1Box .news1-list {
  margin-top: 60px;
}
.content .news1Box .news1-list li {
  float: left;
  margin-right: 3.75%;
  width: 30.8%;
}
.content .news1Box .news1-list li:hover .image .date{
  background-color: #005E9B;
}
.content .news1Box .news1-list li .image img{
  transform: scale(1);
  -webkit-transform: scale(1);
  -o-transform: scale(1);
  -moz-transform: scale(1);
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
}
.content .news1Box .news1-list li:hover .image img{
  transform: scale(1.02);
  -webkit-transform: scale(1.02);
  -o-transform: scale(1.02);
  -moz-transform: scale(1.02);
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
}
.pswp--has_mouse .pswp__button--arrow--right:hover::before{
  background-image: url(../images/case-right-hover1.png);
}
.pswp--has_mouse .pswp__button--arrow--left:hover::before{
  background-image: url(../images/case-left-hover1.png);
}
.content .news1Box .news1-list li .image {
  position: relative;
}
.content .news1Box .news1-list li .image .date {
  height: 60px;
  width: 60px;
  text-align: center;
  background-color: #B81B23;
  color: #fff;
  position: absolute;
  left: 0;
  bottom: 0;
  font-size: 12px;
}
.content .news1Box .news1-list li .image .date .p1 {
  font-size: 26px;
  font-weight: bold;
  margin: 12px 0 6px;
}
.content .news1Box .news1-list li .text .p1 {
  font-size: 16px;
  color: #000000;
  height: 43px;
  line-height: 43px;
  border-bottom: 1px solid #88878A;
  font-weight: bold;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.content .news1Box .news1-list li .text .p2 {
  font-size: 12px;
  line-height: 22px;
  height: 44px;
  color: #666666;
  overflow: hidden;
  margin: 5px 0;
}
.content .news1Box .news1-list li:last-child {
  margin-right: 0;
}
.content .inBox {
  padding: 30px 0 60px;
}
.content .inBox .pro-detailTitle {
  text-align: center;
  font-size: 20px;
  color: #333333;
  line-height: 30px;
}
.content .inBox .pro-detailTitle span {
  display: inline-block;
  position: relative;
}
.content .inBox .pro-detailTitle span:before,
.content .inBox .pro-detailTitle span:after {
  content: "";
  display: block;
  width: 44px;
  height: 1px;
  background-color: #373737;
  position: absolute;
  top: 15px;
}
.content .inBox .pro-detailTitle span:before {
  left: -55px;
}
.content .inBox .pro-detailTitle span:after {
  right: -55px;
}
.content .inBox .type {
  text-align: center;
}
.content .inBox .type li {
  display: inline-block;
  width: 12%;
  margin: 0;
  padding: 0;
  margin-right: 5px;
  font-size: 16px;
}
.content .inBox .type li a {
  color: #000000;
  display: block;
  height: 45px;
  line-height: 45px;
  text-align: center;
  background-color: #EEEEEE;
}
.content .inBox #pro-series .series-list #owl-demo5 .item:hover .text{
   color: #005e9c;
}
.content .inBox .type li:last-child {
  margin-right: 0;
}
.content .inBox .type li:hover a,
.content .inBox .type li.current a {
  background-color: #005E9C;
  color: #fff;
}
.content .inBox .type2Box {
  text-align: center;
  margin-top: 20px;
}
.content .inBox .type2Box .type2 {
  display: none;
}
.content .inBox .type2Box .type2 li {
  width: 11.25%;
  height: 45px;
  display: inline-block;
  border: 1px solid #D9D9D9;
  line-height: 45px;
  margin-right: 5px;
}
.content .inBox .type2Box .type2 li a {
  color: #4c4c4c;
  display: block;
}
.content .inBox .type2Box .type2 li:hover {
  border: 1px solid #005E9C;
  background-color: #005E9C;
}
.content .inBox .type2Box .type2 li:hover a {
  color: #ffffff;
}
.content .inBox .pro .pro-list {
  margin-top: 44px;
}
.content .inBox .pro .pro-list li {
  float: left;
  width: 23.425%;
  margin-right: 2.1%;
  margin-top: 28px;
}
.server2 .fw {
    width: 100%;
    overflow: hidden;
}
.server2 dl {
    width: 25%;
    height: 287px;
    background: #fff;
    overflow: hidden;
    border: 2px solid #F2F2F2;
    position: relative;
    float: left;
    transition: all ease 0.5s;
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
}
.server2 .shows{
  width:46%;
}
.server2 .hides{
  width: 18%;
}
.server2 .show-l{
  width:30%;
  transition: all ease 1s;
  -webkit-transition: all ease 1s;
  -moz-transition: all ease 1s;
  -o-transition: all ease 1s;
}
.server2 dt {
    height: 120px;
    float: left;
    border-left: 1px solid #666666;
    padding: 0 2%;
    position: absolute;
    opacity: 0;
    margin: 80px 0;
    transition: all ease 1s;
    left: 0;
    color: #666666;
}
.server2 dt li span{
  margin-right: 5px;
}
.server2 .show-n{
  opacity: 1;
  left: 30%;
}
.server2 dd {
    width: 100%;
    text-align: center;
    float: left;
    padding: 78px 0;
    position: relative;
    z-index: 10;
    background: #fff;
}
.server2 dd .img2{
  display: none;
}
.server2 dl:hover dd .img1{
  display: none;
}
.server2 dl:hover dd .img2{
  display: inline-block;
}
.server2 dd p {
    font-size: 26px;
    color: #222222;
    margin-top: 25px;
}
.content .inBox .pro .pro-list li .proBox {
  padding: 7%;
  border: 1px solid #D9D9D9;
  text-align: center;
  overflow: hidden;
}
.content .inBox .pro .pro-list li .proBox .pro-image,.content .inBox .case .case-image,.content .inBox .case .case-list li a .image,.content .news1Box .news1-list li .image{
  overflow: hidden;
}
.content .inBox .pro .pro-list li .proBox .pro-image img{
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}
.content .inBox .pro .pro-list li:hover .proBox .pro-image img{
  transform: scale(1.02);
  -webkit-transform: scale(1.02);
  -moz-transform: scale(1.02);
  -o-transform: scale(1.02);
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}
.content .inBox .case .caseText-box .caseText-left .caseText-left1 .p2:hover,.content .inBox .case .case-list li a .text .text1 .p1:hover{
  color: #EF001D;
}
.content .news1Box .news1-list li:hover .text .p1{
  color: #B81B23;
}
.content .inBox #application ul li .image,.content .inBox #pro-series .series-list #owl-demo5 .item .image{
  overflow: hidden;
}
.content .inBox #application ul li .image img,.content .inBox #pro-series .series-list #owl-demo5 .item .image img{
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform:scale(1);
  -o-transform:scale(1);
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}
.content .inBox #application ul li:hover .image img,.content .inBox #pro-series .series-list #owl-demo5 .item:hover .image img{
   transform: scale(1.02);
  -webkit-transform: scale(1.02);
  -moz-transform:scale(1.02);
  -o-transform:scale(1.02);
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}
.content .inBox .pro-detail .case-back a:hover{
  background-color: #005E9C;
  color: #fff;
}
.content .inBox .pro-detail .case-back a .img2{
  display: none;
}
.content .inBox .pro-detail .case-back a:hover .img1{
  display: none;
}
.content .inBox .pro-detail .case-back a:hover .img2{
  display: inline-block;
}
.content .inBox .case .case-list li a .text .text3 p:first-child:hover{
  background-color: #fff;
  color: #666;
}
.content .inBox #pro-series .series-list #owl-demo5 .item:hover{
  border: 1px solid #005E9C;
}
.content .inBox .pro .pro-list li .proBox .pro-title {
  border-bottom: 1px dashed #CCCCCC;
  padding: 20px 0 15px;
}
.content .inBox .pro .pro-list li .proBox .pro-title a {
  color: #000;
  font-weight: bold;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.content .inBox .pro .pro-list li .proBox .pro-title:hover a {
  color: #005e9c;
}
.content .inBox .pro .pro-list li .proBox .pro-introduce {
  font-size: 16px;
  color: #333333;
  padding-top: 10px;
}
.content .inBox .pro .pro-list li .proBox .pro-introduce p {
  line-height: 30px;
}
.content .inBox .pro .pro-list li .proBox .pro-button {
  margin-top: 20px;
}
.content .inBox .pro .pro-list li .proBox .pro-button a {
  width: 49%;
  height: 40px;
  line-height: 40px;
  color: #333;
  display: inline-block;
  background-color: #F0F0F0;
}
.content .inBox .pro .pro-list li .proBox .pro-button a:hover {
  background-color: #005e9c;
  color: #fff;
}
.content .inBox .pro .pro-list li:hover {
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.2);
}
.content .inBox .pro-detail .pro-detail1 {
  margin-top: 80px;
}
.content .inBox .pro-detail .pro-detail1 .pro-detail1-left {
  float: left;
  width: 50%;
}
.content .inBox .pro-detail .pro-detail1 .pro-detail1-left #owl-demo3,
.content .inBox .pro-detail .pro-detail1 .pro-detail1-left #owl-demo6 {
  position: relative;
}
.content .inBox .pro-detail .pro-detail1 .pro-detail1-left #owl-demo3 .owl-dot,
.content .inBox .pro-detail .pro-detail1 .pro-detail1-left #owl-demo6 .owl-dot {
  margin-right: 9px;
}
.content .inBox .pro-detail .pro-detail1 .pro-detail1-left #owl-demo3 .owl-dot span,
.content .inBox .pro-detail .pro-detail1 .pro-detail1-left #owl-demo6 .owl-dot span {
  background-color: #C7C7C7;
  margin: 2px;
  width: 11px;
  height: 11px;
}
.content .inBox .pro-detail .pro-detail1 .pro-detail1-left #owl-demo3 .active,
.content .inBox .pro-detail .pro-detail1 .pro-detail1-left #owl-demo6 .active {
  background: url(../images/out-circle.png) no-repeat center;
  background-size: 100% auto;
}
.content .inBox .pro-detail .pro-detail1 .pro-detail1-left #owl-demo3 .active span,
.content .inBox .pro-detail .pro-detail1 .pro-detail1-left #owl-demo6 .active span {
  background-color: transparent;
}
.content .inBox .pro-detail .pro-detail1 .pro-detail1-left #owl-demo3 .owl-controls,
.content .inBox .pro-detail .pro-detail1 .pro-detail1-left #owl-demo6 .owl-controls {
  position: absolute;
  bottom: 8%;
  width: 100%;
  left: 0;
  margin-top: 0;
}
.content .inBox .pro-detail .pro-detail1 .pro-detail1-left #owl-demo3 .item,
.content .inBox .pro-detail .pro-detail1 .pro-detail1-left #owl-demo6 .item {
  height: 390px;
  display: block;
}
.content .inBox .pro-detail .pro-detail1 .pro-detail1-left #owl-demo6 {
  padding: 15px;
  border: 1px solid #E6E6E6;
}
.content .inBox .pro-detail .pro-detail1 .pro-detail1-left #owl-demo6 .owl-controls {
  position: static;
}
.content .inBox .pro-detail .pro-detail1 .pro-detail1-left #owl-demo6 .item {
  height: 365px;
}
.content .inBox .pro-detail .pro-detail1 .pro-detail1-left #owl-demo6 .owl-nav .owl-prev,
.content .inBox .pro-detail .pro-detail1 .pro-detail1-left #owl-demo6 .owl-nav .owl-next {
  width: 30px;
  height: 50px;
  background: url(../images/opacity3.png) repeat;
  position: absolute;
  top: 50%;
  padding-top: 15px;
  margin: -25px 0 0;
}
.content .inBox .pro-detail .pro-detail1 .pro-detail1-left #owl-demo6 .owl-nav .owl-prev {
  left: 15px;
}
.content .inBox .pro-detail .pro-detail1 .pro-detail1-left #owl-demo6 .owl-nav .owl-next {
  right: 15px;
}
.content .inBox .pro-detail .pro-detail1 .pro-detail1-right {
  float: left;
  width: 50%;
  padding-left: 10%;
  color: #333333;
}
.content .inBox .pro-detail .pro-detail1 .pro-detail1-right .p1 {
  font-size: 28px;
  color: #000;
  line-height: 34px;
  padding-bottom: 14px;
  border-bottom: 1px dashed #CCCCCC;
}
.content .inBox .pro-detail .pro-detail1 .pro-detail1-right .p2 {
  color: #666666;
  font-size: 16px;
  line-height: 30px;
  padding: 20px 0 15px;
  border-bottom: 1px dashed #CCCCCC;
}
.content .inBox .pro-detail .pro-detail1 .pro-detail1-right .p3 {
  margin-top: 38px;
  overflow: hidden;
}
.content .inBox .pro-detail .pro-detail1 .pro-detail1-right .p3 a {
  float: left;
  margin-right: 15px;
}
.content .inBox .pro-detail .pro-detail1 .pro-detail1-right .p3 a.a2{
  width: 73px;
}
.content .inBox .pro-detail .pro-detail1 .pro-detail1-right .p3 a .img2{
  display: none;
}
@media(min-width:767px){
  .content .inBox .pro-detail .pro-detail1 .pro-detail1-right .p3 a:hover .img1{
  display: none;
}
.content .inBox .pro-detail .pro-detail1 .pro-detail1-right .p3 a:hover .img2{
  display: inline-block;
}
}

.content .inBox .pro-detail .pro-detail1 .pro-detail1-right .p4 {
  margin-top: 40px;
}
.content .inBox .pro-detail .pro-detail1 .pro-detail1-right .p5 {
  font-size: 36px;
}
.content .inBox .pro-detail .pro-detail1 .pro-detail1-right2 {
  padding-left: 4%;
}
.content .inBox .pro-detail .protype-list {
  margin-top: 30px;
}
.content .inBox .pro-detail .protype-list li {
  float: left;
  width: 50%;
  padding: 0 1px;
  margin-top: 2px;
}
.content .inBox .pro-detail .protype-list li a {
  display: block;
  background-color: #F5F5F5;
  height: 52px;
  line-height: 52px;
  text-align: center;
  color: #333333;
}
.content .inBox .pro-detail .case-detailContent-title {
  text-align: center;
  margin-top: 40px;
}
.content .inBox .pro-detail .case-detailContent-title span {
  display: inline-block;
  position: relative;
  color: #000000;
  font-size: 20px;
}
.content .inBox .pro-detail .case-detailContent-title span:before,
.content .inBox .pro-detail .case-detailContent-title span:after {
  content: "";
  display: block;
  width: 44px;
  height: 1px;
  background-color: #000000;
  position: absolute;
  top: 15px;
}
.content .inBox .pro-detail .case-detailContent-title span:before {
  left: -50px;
}
.content .inBox .pro-detail .case-detailContent-title span:after {
  right: -50px;
}
.content .inBox .pro-detail .case-detailContent .case-detailContent-textBox {
  padding: 35px 12%;
}
.content .inBox .pro-detail .case-detailContent .case-detailContent-textBox .gallery-top {
  margin-top: 40px;
}
.content .inBox .pro-detail .case-detailContent .case-detailContent-textBox .gallery-top .swiper-button-white {
  width: 35px;
  height: 60px;
  background: url(../images/opacity4.png) repeat;
  text-align: center;
  padding: 14px 0;
  display: none;
}
.content .inBox .pro-detail .case-detailContent .case-detailContent-textBox .gallery-top:hover .swiper-button-white {
  display: block;
}
.content .inBox .pro-detail .case-detailContent .case-detailContent-textBox .gallery-top .swiper-button-next {
  right: 0;
}
.content .inBox .pro-detail .case-detailContent .case-detailContent-textBox .gallery-top .swiper-button-prev {
  left: 0;
}
.content .inBox .pro-detail .case-video {
  text-align: center;
}
.content .inBox .pro-detail .case-video #my-video {
  margin-top: 25px;
}
.content .inBox .pro-detail .case-back {
  text-align: center;
  margin: 80px 0 50px;
}
.content .inBox .pro-detail .case-back a {
  display: inline-block;
  width: 166px;
  height: 45px;
  line-height: 45px;
  background-color: #EEEEEE;
  color: #4c4c4c;
  font-size: 16px;
}
.content .inBox .pro-detail .case-back a img {
  margin-right: 4px;
  position: relative;
  top: -2px;
}
.content .inBox .pro-detail .turnPage {
  border-top: 1px solid #E7E7E7;
  border-bottom: 1px solid #E7E7E7;
}
.content .inBox .pro-detail .turnPage ul li {
  float: left;
  line-height: 30px;
  font-size: 16px;
  padding: 12.5px 0;
}
.content .inBox .pro-detail .turnPage ul li a {
  color: #4c4c4c;
  display: block;
  white-space: nowrap;text-overflow: ellipsis;overflow: hidden;
}
.content .inBox .pro-detail .turnPage ul li:first-child {
  padding-right: 35px;
  margin-right: 35px;
  position: relative;
}
.content .inBox .pro-detail .turnPage ul li:first-child:before {
  content: "";
  display: block;
  width: 1px;
  height: 17px;
  position: absolute;
  right: 0;
  top: 19px;
  background-color: #6F6F6F;
}
.content .inBox .pro-detail .turnPage .email {
  font-size: 14px;
  line-height: 30px;
  padding: 12.5px 0;
}
.content .inBox .pro-detail .correlation-proList {
  padding: 45px 0;
}
.content .inBox .pro-detail .correlation-proList li {
  float: left;
  width: 23.5%;
  margin-right: 2%;
}
.content .inBox .pro-detail .correlation-proList li .image{
  overflow: hidden;
}
.content .inBox .pro-detail .correlation-proList li img{
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}
.pro-detail .video{
  margin: 30px 15% 0;
  height: 390px;
}
.content .inBox .pro-detail .correlation-proList li:hover img{
  transform: scale(1.02);
  -webkit-transform: scale(1.02);
  -moz-transform: scale(1.02);
  -o-transform: scale(1.02);
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}
.content .inBox .pro-detail .correlation-proList li:hover a{
  border-color:#005E9C; 
}
.content .inBox .pro-detail .correlation-proList li:hover a .text{
  color: #005E9C; 
}
.content .inBox .pro-detail .correlation-proList li a {
  display: block;
  border: 1px solid #DCDCDC;
  padding: 10px 10px 0;
  text-align: center;
}
.content .inBox .pro-detail .correlation-proList li a .text {
  line-height: 45px;
  color: #000000;
  font-size: 16px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.content .inBox .pro-detail .correlation-proList li:last-child {
  margin-right: 0;
}
.content .inBox .pro-detail .pro-detail2 {
  margin-top: 60px;
}
.content .inBox .pro-detail .pro-detail2 .pro-detailType {
  text-align: center;
  border-top: 1px solid #CECECE;
  border-bottom: 1px solid #CECECE; margin:auto;
}
.series-list .owl-nav{
  display: none;
}
#owl-demo5:hover .owl-nav{
  display: block;
}
.content .inBox .pro-detail .pro-detail2 .pro-detailType_bg{ background:#fff; }
.content .inBox .pro-detail .pro-detail2 .pro-detailType_bg.fixed{ position:fixed; top:0; left:0; z-index:100;width:100%;background:#000; }
.content .inBox .pro-detail .pro-detail2 .pro-detailType_bg.fixed .pro-detailType li a{
  color: #fff;
}
.content .inBox .pro-detail .pro-detail2 .pro-detailType_bg.fixed .pro-detailType{
  border-top: none;
  border-bottom: none;
}
.content .inBox .pro-detail .pro-detail2 .pro-detailType li {
  display: inline-block;
  height: 47px;
  line-height: 47px;
  font-size: 16px;
  color: #333333;
  width: 12%;
  position: relative;
}
.content .inBox .pro-detail .pro-detail2 .pro-detailType li::before{
  content: "";
  display: block;
  position: absolute;
  width: 0px;
  height: 3px;
  background-color: #005E9C;
  bottom: 0;
  left: 50%;
  margin-left: -35px;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s; 
  -moz-transition: all linear 0.3s; 
  -o-transition: all linear 0.3s; 
}
.content .inBox .pro-detail .pro-detail2 .fixed li::before{
  background: #DA0F05;
}
.content .inBox #information .information-input li .p2 span b{
  font-weight: normal;
}
.content .inBox .pro-detail .pro-detail2 .pro-detailType li:hover::before{
  width: 70px;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s; 
  -moz-transition: all linear 0.3s; 
  -o-transition: all linear 0.3s; 
}
.content .inBox .pro-detail .pro-detail2 .pro-detailType li:hover a{
  color: #005E9C;
}
.content .inBox .pro-detail .pro-detail2 .pro-detailType_bg.fixed .pro-detailType li:hover a{
  color: #DA0F05;
}
.content .inBox .pro-detail .pro-detail2 .pro-detailType_bg.fixed .pro-detailType li:last-child:hover a{
  color: #fff;
}
.content .inBox .pro-detail .pro-detail2 .pro-detailType_bg.fixed .pro-detailType li:last-child{
  background-color: #DA0F05;
}
.content .inBox .pro-detail .pro-detail2 .pro-detailType_bg.fixed .pro-detailType li:last-child:hover::before{
  width: 0;
}
.content .inBox .pro-detail .pro-detail2 #pro-characteristic {
  padding-top: 40px
}
.content .inBox .pro-detail .pro-detail2 #pro-characteristic .characteristic-coentent {
  padding-top: 35px;
}
.content .inBox .pro-detail .pro-detail2 #pro-parameter {
  padding-bottom: 60px; padding-top:50px;
}
.content .inBox .pro-detail .pro-detail2 .pro-parameter1,
.content .inBox .pro-detail .pro-detail2 .pro-parameter2 {
  padding-top: 45px;
}
.content .inBox .pro-detail .pro-detail2 .pro-parameter1 table,
.content .inBox .pro-detail .pro-detail2 .pro-parameter2 table {
  float: left;
  width: 50%;
  border-bottom: 2px solid #fff;
  font-size: 16px;
}
.content .inBox .pro-detail .pro-detail2 .pro-parameter1 table tbody,
.content .inBox .pro-detail .pro-detail2 .pro-parameter2 table tbody {
  color: #4c4c4c;
}
.content .inBox .pro-detail .pro-detail2 .pro-parameter1 table td,
.content .inBox .pro-detail .pro-detail2 .pro-parameter2 table td {
  border-top: 2px solid #fff;
  border-left: 2px solid #fff;
  height: 50px;
  text-align: center;
  vertical-align: center;
  background-color: #F5F5F5;
}
.content .inBox .pro-detail .pro-detail2 .pro-parameter1 table td.title,
.content .inBox .pro-detail .pro-detail2 .pro-parameter2 table td.title {
  width: 29%;
  background-color: #EDEDED;
}
.content .inBox .pro-detail .pro-detail2 .pro-parameter1 table td.a,
.content .inBox .pro-detail .pro-detail2 .pro-parameter2 table td.a {
  width: 21%;
}
.content .inBox .pro-detail .pro-detail2 .pro-parameter1 table thead,
.content .inBox .pro-detail .pro-detail2 .pro-parameter2 table thead {
  color: #000;
}
.content .inBox .pro-detail .pro-detail2 .pro-parameter1 table thead td,
.content .inBox .pro-detail .pro-detail2 .pro-parameter2 table thead td {
  background-color: #CECECE;
}
.content .inBox .pro-detail .pro-detail2 .pro-parameter2 table {
  margin-top: 45px;
  width: 100% !important;
  float: none;
}
.content .inBox .pro-detail .pro-detail2 .pro-parameter2 table td.title {
  width: 14%;
}
.content .inBox .turn-more {
  margin-top: 45px;
  text-align: center;
}
.pro{
  padding-bottom: 30px;
}
.pswp__caption__center{
  text-align: center;
}
.content .inBox .turn-more a {
  display: inline-block;
  width: 260px;
  height: 50px;
  line-height: 50px;
  color: #333333;
  border: 1px solid #D9D9D9;
  font-size: 16px;
  background-color: #EEEEEE;
}
.content .inBox .turn-more a:hover{
  background: #005E9C;
  color: #fff;
}
.content .inBox .pro-detail .pro-detail1 .pro-detail1-left #owl-demo3 .owl-controls{
  bottom: -40px;
}
.content .inBox .table-more {
  text-align: center;
  margin-top: 60px;
}
.content .inBox .table-more a {
  display: inline-block;
  width: 260px;
  height: 50px;
  border: 1px solid #D9D9D9;
  line-height: 50px;
  color: #000000;
  font-size: 16px;
  background-color: #EEEEEE;transition: all .4s;-webkit-transition: all .4s;-moz-transition: all .4s;
}
.content .inBox .table-more a:hover{ background:#005e9c; color:#fff}

.content .inBox #application {
  padding: 50px 0 60px;
}
.content .inBox #application ul {
  margin-top: 25px;
}
.content .inBox #application ul li {
  padding: 0 10px;
  text-align: center;
  margin-top: 23px;
}
.content .inBox #application ul li a {
  display: block;
  padding: 10px 10px 0;
  background-color: #F2F2F2;
}
.content .inBox #application ul li a .text {
  height: 45px;
  line-height: 45px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #000;
  font-size: 14px;
}
.content .inBox #customerCase {
  padding: 40px 0 55px;
  background: url(../images/pro_con_02.jpg) no-repeat center;
}
.content .inBox #customerCase #owl-demo4 {
  margin-top: 40px;
  text-align: center;
}
.content .inBox #customerCase #owl-demo4 .image{ overflow:hidden}
.content .inBox #customerCase #owl-demo4 .image img{
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  transition: all 0.4s linear;
  -webkit-transition: all 0.4s linear;
  -webkit-transition: all 0.4s linear;
}

.content .inBox #customerCase #owl-demo4 .image:hover img{
  transform: scale(1.02);
  -webkit-transform: scale(1.02);
  -moz-transform: scale(1.02);
  transition: all 0.4s linear;
  -webkit-transition: all 0.4s linear;
  -webkit-transition: all 0.4s linear;
}
.content .inBox #customerCase #owl-demo4 .owl-dots {
  display: none !important;
}
.content .inBox #customerCase #owl-demo4 .owl-prev,
.content .inBox #customerCase #owl-demo4 .owl-next {
  background: url(../images/opacity3.png) repeat;
  position: absolute;
  top: 50%;
  padding: 9px 7px;
  margin: 0;
  margin-top: -20px;
  border-radius: 0;
  height: 40px;
}
.content .inBox #customerCase #owl-demo4 .owl-prev {
  left: 15px;
}
.content .inBox #customerCase #owl-demo4 .owl-next {
  right: 15px;
}
.content .inBox #customerCase #owl-demo4 .item {
  display: block;
  margin: 0 15px;
  position: relative;
}
.content .inBox #customerCase #owl-demo4 .item .text {
  position: absolute;
  width: 100%;
  height: 45px;
  line-height: 45px;
  color: #fff;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  background: url(../images/opacity3.png) repeat;
  left: 0;
  bottom: 0;
  z-index: 10;
}
.content .inBox #information {
  padding: 50px 0 60px;
  background-color: #F5F5F5;
}
.content .inBox #information .information-title {
  text-align: center;
}
.content .inBox #information .information-title .p1 {
  font-size: 20px;
  color: #005e9c;
  line-height: 30px;
  display: inline-block;
  position: relative;
}
.content .inBox #information .information-title .p1:before,
.content .inBox #information .information-title .p1:after {
  content: "";
  display: block;
  width: 45px;
  height: 1px;
  background-color: #005E9C;
  position: absolute;
  top: 15px;
}
.content .inBox #information .information-title .p1:before {
  left: -50px;
}
.content .inBox #information .information-title .p1:after {
  right: -50px;
}
.content .inBox #information .information-title .p2 {
  font-size: 15px;
  color: #47484a;
  line-height: 32px;
}
.content .inBox #information .information-input {
  width: 82%;
  margin: 20px 9% 0;
}
.content .inBox #information .information-input li {
  float: left;
  width: 50%;
  margin-top: 20px;
  padding: 0 4%;
}
.content .inBox #information .information-input li.isshow{
  display: none;
}
.content .inBox #information .information-input li span {
  float: left;
  color: #000;
  font-size: 16px;
  line-height: 40px;
  width: 85px;
  height: 40px;
}
.content .inBox #information .information-input li .input {
  margin-left: 85px;
}
.content .inBox #information .information-input li .input input {
  width: 100%;
  height: 40px;
  line-height: 40px;
  padding-left: 13px;
  border: 1px solid #D9D9D9;
}
.content .inBox #information .information-input li .input input[type=submit] {
  width: 206px;
  height: 43px;
  line-height: 43px;
  background-color: #005E9C;
  color: #fff;
  border-radius: 4px;
  padding-left: 0;
  margin-top: 20px;
}
.content .inBox #information .information-input li .input textarea {
  height: 102px;
  width: 100%;
  border: 1px solid #D9D9D9;
  padding: 10px 0 0 13px;
}
.content .inBox #information .information-input li .input input::-webkit-input-placeholder {
  color: #D9D9D9;
}
.content .inBox #information .information-input li .input textarea::-webkit-input-placeholder {
  color: #D9D9D9;
}
.content .inBox #information .information-input li .p1 {
  font-size: 14px;
  color: #666666;
}
.content .inBox #information .information-input li .p2 {
  line-height: 40px;
}
.content .inBox #information .information-input li .p2 span {
  color: #5079b8;
  width: auto;
  cursor: pointer;
}
.content .inBox #information .information-input li .p2 i {
  margin: 0 4px 0 8px;width: 18px;
    display: inline-block;filter:Alpha(opacity=80);opacity:0.8
}
@media  (max-width: 640px) {
.content .inBox #information .information-input li .p2 i {
 width: 12px;
   
}
.ke-zeroborder{ width:94% !important}
.pro-parameter1 .ke-zeroborder{ width:100% !important}

}
.content .inBox #information .information-input li.n100 {
  width: 100%;
}
.content .inBox #pro-series {
  padding: 50px 0;
}
.content .inBox #pro-series .series-title {
  text-align: center;
  margin: 0 10px;
  border-bottom: 1px solid #BBBBBB;
}
.content .inBox #pro-series .series-title .p1 {
  font-size: 24px;
  color: #000000;
}
.content .inBox #pro-series .series-title .p2 {
  display: inline-block;
  padding: 0 20px;
  background-color: #fff;
  color: #47484a;
  font-size: 15px;
  position: relative;
  bottom: -10px;
}
.content .inBox #pro-series .series-list #owl-demo5 {
  margin-top: 55px;
  text-align: center;
}
.content .inBox #pro-series .series-list #owl-demo5 .owl-dots {
  display: none !important;
}
.content .inBox #pro-series .series-list #owl-demo5 .owl-dots .owl-dot {
  margin-right: 0.05rem;
}
.content .inBox #pro-series .series-list #owl-demo5 .owl-dots .owl-dot span {
  width: 0.11rem;
  height: 0.11rem;
  background-color: #ccc;
  margin: 0.03rem;
}
.content .inBox #pro-series .series-list #owl-demo5 .owl-dots .active {
  background: url(../images/out-circle.png) no-repeat center;
  background-size: 100% auto;
}
.content .inBox #pro-series .series-list #owl-demo5 .owl-dots .active span {
  background: transparent;
}
.content .inBox #pro-series .series-list #owl-demo5 .owl-prev,
.content .inBox #pro-series .series-list #owl-demo5 .owl-next {
  background: url(../images/opacity3.png) repeat;
  position: absolute;
  top: 50%;
  padding: 9px 7px;
  margin: 0;
  margin-top: -25px;
  border-radius: 0;
  height: 40px;
}
.content .inBox #pro-series .series-list #owl-demo5 .owl-prev {
  left: 10px;
}
.content .inBox #pro-series .series-list #owl-demo5 .owl-next {
  right: 10px;
}
.content .inBox #pro-series .series-list #owl-demo5 .item {
  display: block;
  margin: 0 10px;
  position: relative;
  padding: 20px 20px 0;
  border: 1px solid #D9D9D9;
}
.content .inBox #pro-series .series-list #owl-demo5 .item .text {
  height: 45px;
  line-height: 45px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 16px;
  color: #000000;
}
.content .inBox .case {
  padding-top: 35px;
}
.content .inBox .case .case-title {
  text-align: center;
  margin: 0 25px;
  border-bottom: 1px solid #BBBBBB;
}
.content .inBox .case .case-title .p1 {
  font-size: 24px;
  color: #000000;
}
.content .inBox .case .case-title .p2 {
  display: inline-block;
  padding: 0 20px;
  background-color: #fff;
  color: #47484a;
  font-size: 15px;
  position: relative;
  bottom: -10px;
}
.content .inBox .case .case-image {
  margin-top: 60px; text-align:center
}
.content .inBox .case .caseText-box {
  padding: 25px 25px 55px;
}
.content .inBox .case .caseText-box .caseText-left {
  width: 73%;
}
.content .inBox .case .caseText-box .caseText-left .caseText-left1 .p1 {
  float: left;
  width: 110px;
  height: 25px;
  background-color: #EF001D;
  color: #EF001D;
  text-align: center;
  line-height: 25px;
  color: #fff;
  border-radius: 4px;
}
.content .inBox .case .caseText-box .caseText-left .caseText-left1 .p2 {
  font-size: 22px;
  color: #000000;
  line-height: 25px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-left: 125px;
}
.content .inBox .case .caseText-box .caseText-left .caseText-left2 {
  margin-top: 20px;
  color: #333333;
}
.content .inBox .case .caseText-box .caseText-left .caseText-left2 span {
  margin-right: 2%;
}
.content .inBox .case .caseText-box .caseText-left .caseText-left2 span i {
  margin-right: 5px;
}
.content .inBox .case .caseText-box .caseText-left .caseText-left2 span:last-child {
  margin-left: 2%;
}
.content .inBox .case .caseText-box .caseText-right {
  text-align: center;
}
.content .inBox .case .caseText-box .caseText-right .p1 {
  line-height: 25px;
  color: #666666;
}
.content .inBox .case .caseText-box .caseText-right .p2 {
  margin-top: 20px;
}
.content .inBox .case .caseText-box .caseText-right .p2 span {
  margin-right: 15px;
}
.content .inBox .case .caseText-box .caseText-right .p2 span:last-child {
  margin-right: 0;
}
.content .inBox .case .case-list li {
  border: 1px solid #E6E6E6;
  border-bottom: none;
}
.content .inBox .case .case-list li a {
  display: block;
  padding: 25px;
}
.content .inBox .case .case-list li a .image {
  width: 250px;
  float: left;
}
.content .inBox .case .case-list li a .text {
  margin-left: 270px;
}
.content .inBox .case .case-list li a .text .text1 {
  float: left;
  width: 60%;
}
.content .inBox .case .case-list li a .text .text1 .p1 {
  font-size: 22px;
  line-height: 30px;
  height: 60px;
  overflow: hidden;
  margin-top: 10px;
  color: #000;
}
.content .inBox .case .case-list li a .text .text1 .p2 {
  margin-top: 45px;
}
.content .inBox .case .case-list li a .text .text1 .p2 span {
  margin-right: 2%;
}
.content .inBox .case .case-list li a .text .text1 .p2 span:last-child {
  margin-left: 2%;
}
.content .inBox .case .case-list li a .text .text1 .p2 span:last-child i {
  margin-right: 5px;
}
.content .inBox .case .case-list li a .text .text2 {
  float: left;
  width: 25%;
  padding-top: 45px;
}
.content .inBox .case .case-list li a .text .text2 p {
  width: 60px;
  height: 25px;
  text-align: center;
  line-height: 25px;
  color: #666666;
  border-radius: 6px;
  margin: 0 auto;
}
.content .inBox .case .case-list li a .text .text2 p.current {
  background-color: #EF001D;
  color: #fff;
}

.content .inBox .case .case-list li a .text .text3 {
  float: left;
  width: 15%;
  text-align: center;
}
.content .inBox .case .case-list li a .text .text3 p {
  color: #000000;
  line-height: 28px;
}
.content .inBox .case .case-list li a .text .text3 p:first-child {
  color: #666666;
  line-height: 55px;
}
.content .inBox .case .case-list li a .text .text3 p:first-child i{
  margin-right: 5px;
  position: relative;
  top: -2px;
  display: inline-block;
  width: 14px;
}
.content .inBox .case .case-list li a .text .text3 p:last-child{
  margin-top: 20px;
}
.content .inBox .case .case-list li a .text .text3 p:last-child span{
      display: inline-block;
    width: 91px;
    height: 35px;
    line-height: 35px;
    border: 1px solid #E3E8EA;
    color: #999999;
    border-radius: 20px;
    font-size: 14px;
    background-color: transparent;
}
.content .inBox .case .case-list li:hover a .text .text3 p:last-child span{  background-color: #0B69A0;
  border: none;
  color: #fff;
}
.content .inBox .case .case-list li:hover {
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
}
.content .inBox .case .case-list li:last-child {
  border-bottom: 1px solid #E6E6E6;
}
.content .inBox .footer-case {
  padding-bottom: 70px;
  background-color: #EBEBEB;
  overflow: hidden;
}
.content .inBox .footer-case .case-detailContent-title {
  text-align: center;
  margin-top: 40px;
}
.content .inBox .footer-case .case-detailContent-title span {
  display: inline-block;
  position: relative;
  color: #000000;
  font-size: 20px;
}
.content .inBox .footer-case .case-detailContent-title span:before,
.content .inBox .footer-case .case-detailContent-title span:after {
  content: "";
  display: block;
  width: 44px;
  height: 1px;
  background-color: #000000;
  position: absolute;
  top: 15px;
}
.content .inBox .footer-case .case-detailContent-title span:before {
  left: -50px;
}
.content .inBox .footer-case .case-detailContent-title span:after {
  right: -50px;
}
.content .inBox .footer-case .footer-caseList {
  margin-top: 40px;
}
.content .inBox .footer-case .footer-caseList li {
  float: left;
  width: 49%;
  margin-right: 2%;
  background: #fff;
}
.content .inBox .footer-case .footer-caseList li a {
  display: block;
  background-color: #fff; overflow:hidden;
}
.content .inBox .footer-case .footer-caseList li a .image {
  float: left;
  width: 273px;
  background-size:auto 100% !important; 
  height: 163px;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}
.content .inBox .footer-case .footer-caseList li:hover a .image{
  transform: scale(1.02,1.02);-moz-transform: scale(1.02,1.02);-webkit-transform: scale(1.02,1.02);
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}
.content .inBox .footer-case .footer-caseList li:hover a .text .p1{
  color: #005E9C;
}
.content .inBox .footer-case .footer-caseList li a .text {
  margin-left: 273px;
  padding: 20px 20px 0;
}
.content .inBox .footer-case .footer-caseList li a .text .p1 {
  font-size: 16px;
  line-height: 26px;
  color: #000;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.content .inBox .footer-case .footer-caseList li a .text p {
  font-size: 12px;
}
.content .inBox .footer-case .footer-caseList li a .text .p2 {
  margin: 3px 0 5px;
  color: #666666;
}
.content .inBox .footer-case .footer-caseList li a .text .p2 span:last-child {
  float: right;
}
.content .inBox .footer-case .footer-caseList li a .text .p3 {
  color: #999999;
  line-height: 22px;
  height: 66px;
  overflow: hidden;
}
.content .inBox .footer-case .footer-caseList li:last-child {
  margin-right: 0;
}
.content .inBox .about1-content {
  padding: 35px 0 75px;
}
.content .inBox .about1-content .about1-contentText1 {
  padding: 60px 5% 0;
  font-size: 16px !important;
  line-height: 30px !important;
}
.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white,.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white{
  background: none;
}
.content .inBox .about1-title {
  text-align: center;
  margin: 0 25px;
  border-bottom: 1px solid #BBBBBB;
}
.content .inBox .about1-title .p1 {
  font-size: 24px;
  color: #000000;
}
.content .inBox .about1-title .p2 {
  display: inline-block;
  padding: 0 20px;
  background-color: #fff;
  color: #47484a;
  font-size: 15px;
  position: relative;
  bottom: -10px;
}
.content .inBox .about1-videoBox {
  background: url(../images/about_02.jpg) center bottom no-repeat fixed;
  text-align: center; height:665px;
}
.content .inBox .about1-videoBox #my-video1 {
  width: 743px;
  height: 479px; margin-left:auto; margin-right:auto;background: url(../images/aboutvideo2.png) center bottom no-repeat; background-size:100% auto
}
.content .inBox .about1-videoBox #my-video1 {
  position: relative;
}
.content .inBox .about1-videoBox #my-video1:before {
  content: "";
  width: 255px;
  height: 182px;
  background: url(../images/dove.png) no-repeat;
  position: absolute;
  left: -102px;
  top: -90px;
  z-index: 10; background-size:100% auto
}
.content .inBox .about1-videoBox #my-video[type="a"]:before {
  display: none;
}
.content .inBox .about1-videoBox .about-number .number {
  margin: 15px 0 35px;
}
.content .inBox .about1-videoBox .about-number .number li {
  display: inline-block;
  position: relative;
  width: 131px;
  height: 131px;
  text-align: center;
  font-size: 16px;
  padding-top: 45px;
  color: #333333;
  background: url(../images/circle.png) no-repeat center;
  margin-right: 11%;
}
.content .inBox .about1-videoBox .about-number .number li .text1 {
  display: inline-block;
}
.content .inBox .about1-videoBox .about-number .number li .text1 .span1 {
  font-size: 46px;
  float: left;
}
.content .inBox .about1-videoBox .about-number .number li .text1 .span2 {
  float: left;
  position: absolute;
  top: 20px;
  right: 5px;
}
._circle{position: absolute;left: 0;top:0;width: 100%;height: 100%;
transform:rotateZ(-60deg);}
._circle circle{stroke-dasharray: 516; stroke-dashoffset: 516; transition:all linear 1s;stroke-linecap: round;}
._circle:hover circle{stroke-dasharray: 430; stroke-dashoffset: 804;;transition:all linear 1s;stroke-linecap: round;}
.content .inBox .about1-videoBox .about-number .number li .text2 {
  margin-top: 13px;
}
.content .inBox .about1-videoBox .about-number .number li:last-child {
  margin-right: 0;
}
.content .inBox .about1-videoBox .about-number .number li:last-child .text1 .span2 {
  width: 40px;
  right: -15px;
  top: 10px;
}
.content .inBox .about1-videoBox .about-number .number li:last-child:before {
  content: "+";
  display: block;
  position: absolute;
  color: #ca0e2e;
  font-size: 12px;
  top: 55px;
  right: 15px;
}
.content .inBox .about1-contentText2 {
  padding: 50px 0;
}
.content .inBox .customerCase2 {
  background: #EEEEEE !important;
}
.content .inBox .customerCase2 .about1-title .p2 {
  background-color: #EEEEEE;
}
.content .inBox .customerCase2 #owl-demo4 {
  margin-top: 65px !important;
}
.content .inBox .about3-list {
  padding: 33px 13px 0;
}
.content .inBox .about3-list li {
  float: left;
  width: 33.3%;
  padding: 0 13px;
  text-align: center;
  margin-top: 26px;
}
.content .inBox .about3-list li {
  display: block;
  cursor: pointer;
}
.content .inBox .about3-list li .image {
  padding: 20px 20px;
  background-color: #F5F5F5;
  position: relative;
}
.content .inBox .about3-list li .image:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/about3-add.png) repeat center;
  background-size: 118% auto;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}
.content .inBox .about3-list li .text {
  height: 70px;
  line-height: 70px;
  color: #fff;
  font-size: 16px;
  background-color: #005E9C;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.content .inBox .about3-list li:hover .image:before {
  display: block;
}
.content .inBox .about3-list li:hover .text {
  background-color: #FD961E;
}
.content .inBox .about-more {
  text-align: center;
  margin-top: 53px;
}
.content .inBox .about-more a {
  display: inline-block;
  width: 260px;
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  color: #094288;
  background-color: #EEEEEE;
  border: 1px solid #D9D9D9;
}
.content .inBox .about-more a:hover{
  background: #094288;
  color: #fff;
  border-color: #094288;
}
.content .inBox .news3-title {
  margin: 40px 0 15px;
  text-align: center;
  font-size: 24px;
  color: #000;
}
.content .inBox .news3-dateBox {
  text-align: center;
}
.content .inBox .news3-dateBox > div {
  display: inline-block;
  color: #555;
  font-size: 15px;
  margin-right:4%;
}
.content .inBox .news3-dateBox > div a {
  color: #00070C;
  padding: 3px 15px;
  border: 1px solid #F2F2F2;
  margin-right: 5px;
}
.content .inBox .news3-dateBox .date {
  margin-right: 4%;
}
.newsshare li{
  float: left;
}
.newsshare{
      position: relative;
    margin-bottom: -18px;
}
.content .inBox .news3-text {
  margin: 30px 12.5% 0;
  padding-top: 15px;
  font-size: 16px;
  color: #666666;
  line-height: 30px;
  border-top: 1px solid #EFEFEF;
}
.newsshare .bdshare-button-style0-32 .bds_weixin{
  background: url(../images/weixin1.png) no-repeat center;
}
.newsshare .bdshare-button-style0-32 .bds_sqq{
  background: url(../images/qq1.png) no-repeat center;
}
.newsshare .bdshare-button-style0-32 .bds_tsina{
  background: url(../images/xinlang1.png) no-repeat center;
}
.newsshare .bdshare-button-style0-32 .bds_tqq{
  background: url(../images/weibo1.png) no-repeat center;
}
.content .inBox .pro-detail .news3-case-back {
  margin-top: 30px;
}
.content .inBox .news3 {
  margin-top: 45px;
}
.content .inBox .news3 .case-detailContent-title {
  margin-top: 10px;
}
.content .inBox .news3-dateBox .newsshare .share li:first-child{
  line-height: 47px;
  margin-right: 5px;
}
.content .inBox .news3-dateBox .newsshare .share li a{
  padding: 0;
  border: none;
}
.content .inBox .news3 .footer-caseList li a .text .p3 {
  font-size: 14px;
  line-height: 28px;
  height: 84px;
  margin-top: 15px;
}
.content .inBox2 {
  padding: 30px 0 0;
      position: relative;
    z-index: 10000;
}
.content .inBox .sub_nav1.fixed{
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  background-color: #000;
  z-index: 100;
}
.content .inBox .sub_nav1.fixed .swiper-slide  a{
  color: #fff;
  background: transparent;
  position: relative;
}

.content .inBox .type.fixed{
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  background-color: #000;
  z-index: 100;
}
.content .inBox .type.fixed li a{
  color: #fff;
  background: transparent;
  position: relative;
}
.content .about1-title .p1:hover{
  color: #015F9C;
}
.content .inBox .type.fixed li:hover a{
  background: transparent;
  color: #DA0F05;
}
.content .inBox .type.fixed li a::before{
  content: "";
    display: block;
    position: absolute;
    width: 0px;
    height: 3px;
    background: #DA0F05;
    bottom: 0;
    left: 50%;
    margin-left: -35px;
    transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
}
.content .inBox .type.fixed li:hover a::before{
  width: 70px;
  transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
}
.content .news2 {
  padding: 35px 0 0;
}
.content .news2 .news2Box {
  padding: 0 25px 60px;
}
.content .news2 .news2Box .news2-image {
  margin-top: 60px;
}
.content .news2 .news2Box .text {
  margin-top: 20px;
}
.content .news2 .news2Box .text .p1 {
  line-height: 28px;
  font-size: 20px;
  color: #000000;
}
.content .news2 .news2Box .text .p1 .span1 {
  padding: 0 8px;
  line-height: 28px;
  background-color: #E63820;
  color: #fff;
  font-size: 16px;
  display: inline-block;
  border-radius: 4px;
  margin-right: 5px;
}
.content .news2 .news2Box .text .p2 {
  color: #999999;
  font-size: 16px;
  line-height: 28px;
  margin-top: 10px;
}
.content .news2 .news2Box .news-list {
  padding-top: 15px;
}
.content .news2 .news2Box .news-list li {
  background-color: #F7F7F7;
  margin-top: 27px;
  box-shadow: 4px 4px 0px rgba(0, 0, 0, 0);
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}
.content .news2 .news2Box .news-list li .image {
  width: 260px;
  padding: 8px;
  float: left;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
  background-color: transparent;
}
.content .news2 .news2Box .news-list li .text {
  margin-left: 280px;
}
.content .news2 .news2Box .news-list li .text .text-left {
  float: left;
  width: 65%;
  margin-right: 10%;
  margin-left: 0;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}
.content .news2 .news2Box .news-list li .text .text-left .p1 {
  margin: 30px 0 15px;
  color: #000000;
  font-size: 18px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.content .news2 .news2Box .news-list li .text .text-left .p2 {
  font-size: 16px;
  line-height: 28px;
  color: #999999;
  height: 56px;
  overflow: hidden;
}
.content .news2 .news2Box .news-list li .text .text-right {
  float: left;
  width: 25%;
  text-align: center;
}
.content .news2 .news2Box .news-list li .text .text-right .p1 {
  margin-top: 30px;
  color: #b7b7b7;
  font-size: 18px;
  padding-left: 0;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}
.content .news2 .news2Box .news-list li .text .text-right .p1 img {
  margin-right: 8px;
  position: relative;
  top: -2px;
}
.content .news2 .news2Box .news-list li .text .text-right .p2 {
  margin-top: 33px;
  padding-left: 0;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

.content .news2 .news2Box .news-list li .text .text-right .p2 span {
  display: inline-block;
  width: 91px;
  height: 35px;
  line-height: 35px;
  border: 1px solid #E3E8EA;
  color: #999999;
  border-radius: 20px;
  font-size: 14px;
  background-color: transparent;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}
@media (min-width:720px)  {
	.content .news2 .news2Box .news-list li:hover .text .text-right .p1{
  padding-left: 10%;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}
.content .news2 .news2Box .news-list li:hover .text .text-right .p2{
  padding-left: 30%;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}
.content .news2 .news2Box .news-list li:hover {
  box-shadow: 4px 4px 18px rgba(0, 0, 0, 0.2);
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}
.content .news2 .news2Box .news-list li:hover .text .text-left{
  margin-left: 5%;
  margin-right: 5%;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}
.content .news2 .news2Box .news-list li:hover .image {
  background-color: #C6D8E5;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}
.content .news2 .news2Box .news-list li:hover .text .text-right .p2 span {
  background-color: #0B69A0;
  border: none;
  color: #fff;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}
}
.content .news2 .about1-title {
  margin: 0;
}
.content .contact-us1-1 {
  margin-top: 65px;
}
.content .contact-us1-1 .row {
  padding: 0 25px;
}
.content .contact-us1-1 .row .contact-us1-1-title {
  font-size: 24px;
  color: #474644;
  padding-left: 55px;
}
.content .contact-us1-1 .row .contact-us1-1-address {
  margin: 25px 0 50px;
}
.content .contact-us1-1 .row .contact-us1-1-address p {
  float: left;
  width: 45%;
  margin-right: 10%;
  font-size: 16px;
  line-height: 45px;
}
.content .contact-us1-1 .row .contact-us1-1-address p i {
  margin-left: 15px;
}
.content .contact-us1-1 .row .contact-us1-1-address p span {
  margin-left:18px;
}
.content .contact-us1-1 .row .contact-us1-1-address p:last-child {
  margin-right: 0;
  position: relative;
}
.content .contact-us1-1 .row .contact-us1-1-address p:last-child b{
  display: block;
  width:150px;
  height:150px;
  position: absolute;
  top: -80px;
  left: 200px;
  display: none;
}
.content .contact-us1-1 .row .contact-us1-1-address p:last-child:hover b{
  display: block;
}
.content .contact-us1-1 .row .contact-us1-1-list li {
  float: left;
  width: 45%;
  margin-right: 10%;
  line-height: 52px;
  border-bottom: 1px solid #DADADA;
  font-size: 16px;
}
.content .contact-us1-1 .row .contact-us1-1-list li i {
  margin-left: 15px;
}
.content .contact-us1-1 .row .contact-us1-1-list li .span1 {
  margin: 0 15px;
}
.content .contact-us1-1 .row .contact-us1-1-list li .span2 {
  display: inline-block;
  width: 150px;
  text-align: right;
  font-size: 16px;
}
.content .contact-us1-2 {
  margin-top: 70px;
}
@media (min-width: 1500px) {
  .content .contact-us1-2 .container {
    width: 1420px;
  }
}
.content .contact-us1-2 .container {
  background: url(../images/contact1_03.jpg) no-repeat center fixed;
  height: 410px;
}
.content .contact-us1-2 .contact-us1-2-list {
  padding: 110px 8% 0;
}
.content .contact-us1-2 .contact-us1-2-list li {
  float: left;
  width: 25%;
  text-align: center;
  position: relative;
}
.content .contact-us1-2 .contact-us1-2-list li .contact-code{
  width: 160px;
  height: 200px;
  position: absolute;
  left: 50%;
  margin-left: -80px;
  top: 0px;
  color: #38b2c8;
  font-size: 16px;
  display: none; background:#fff
}

.content .contact-us1-2 .contact-us1-2-list li:hover .contact-code{
  display: block;
}
.content .contact-us1-2 .contact-us1-2-list li .contact-code p{
  line-height: 26px;
}
.content .contact-us1-2 .contact-us1-2-list li a {
  display: inline-block;
}
.content .contact-us1-2 .contact-us1-2-list li a .image {
  width: 150px;
  height: 150px;
}
.content .contact-us1-2 .contact-us1-2-list li a .text {
  font-size: 18px;
  margin-top: 15px;
}
@media (min-width: 1500px) {
  .content .contact-us1-4 .container {
    width: 1420px;
  }
}
/*.content .contact-us1-4{
  background-color: #F2F2F2;
}*/
.content .contact-us1-4 .container {
  padding: 30px 15px 75px;
}
.content .contact-us1-4 .contaact-us1-4-text {
  font-size: 16px;
  text-align: center;
  margin-top: 30px;
  color: #484846;
}
.content .contact-us1-4 .contaact-us1-4-input {
  padding: 80px 8.6% 0;
}
.content .contact-us1-4 .contaact-us1-4-input ul li {
  float: left;
  width: 28%;
  margin-right: 8%;
  background-color: #fff;
  font-size: 16px;
  color: #494949;
  margin-bottom: 30px;
}
.content .contact-us1-4 .contaact-us1-4-input ul li span {
  float: left;
  width: 70px;
  line-height: 46px;
  text-align: center;
}
.content .contact-us1-4 .contaact-us1-4-input ul li div {
  margin-left: 70px;
}
.content .contact-us1-4 .contaact-us1-4-input ul li div input {
  height: 46px;
  line-height: 46px;
  width: 100%;
  border: none;
  outline: none;
}
.content .contact-us1-4 .contaact-us1-4-input ul li.li3 {
  margin-right: 0;
}
.content .contact-us1-4 .contaact-us1-4-input ul li.li4 {
  margin-right: 0;
  width: 100%;
}
.content .contact-us1-4 .contaact-us1-4-input ul li.li4 textarea {
  border: none;
  outline: none;
  height: 220px;
  width: 100%;
  padding-top: 12px;
}
.content .contact-us1-4 .contaact-us1-4-input .submit {
  text-align: center;
  margin-top: 20px;
}
.content .contact-us1-4 .contaact-us1-4-input .submit input {
  width: 215px;
  height: 46px;
  background-color: #005E9C;
  color: #fff;
  border: none;
  outline: none;
  font-size: 18px;
}
@media (min-width: 1500px) {
  .content .contact-us1-4-1 .container {
    width: 1200px;
  }
}
.content .contact-us1-4-1 .container {
  padding: 0;
  background-color: #fff;
}
.content .contact-us1-4-1 .container .contaact-us1-4-input {
  padding: 0;
}
.content .contact-us1-4-1 .container .contaact-us1-4-input ul li {
  background-color: #F2F2F2;
}
.content .contact-us1-4-1 .container .contaact-us1-4-input ul li div input {
  background-color: #F2F2F2;
}
.content .contact-us1-4-1 .container .contaact-us1-4-input ul li div textarea {
  background-color: #F2F2F2;
}
.content .contact-us1-4-1 .container .contaact-us1-4-input .submit {
  margin-bottom: 60px;
}
.content .contaact-us1-title {
  text-align: center;
}
.content .contaact-us1-title span {
  display: inline-block;
  position: relative;
  font-size: 22px;
}
.content .contaact-us1-title span:before,
.content .contaact-us1-title span:after {
  content: "";
  display: block;
  width: 45px;
  height: 1px;
  background: #040404;
  position: absolute;
  top: 16px;
}
.content .contaact-us1-title span:before {
  left: -75px;
}
.content .contaact-us1-title span:after {
  right: -75px;
}
.content .contact-us1-3 {
  padding: 60px 0 0;
}
.content .contact-us1-3 .maps{
  /*height: 644px;*/
  margin: 5px auto 60px;
}
.map-warp-type{
  margin-top: 20px;
}
.content .contact-us1-3 .maps .map{
  position: relative;
  text-align: center;
}
.content .contact-us1-3 .maps .map .area{
  position: absolute;
}
.content .contact-us1-3 .maps .map .area .point{
    position: absolute;
    bottom: 50%;
    left: 50%;
    width: 300px;
    margin: 0 -190px;
    background: url(../images/areahoverbg.png) repeat 0 0;
    padding: 20px 30px;
    border-radius: 15px;
    color: #fff;
    text-align: left;
    margin-bottom: 60px;
    display: none;
}
.content .contact-us1-3 .maps .map .area:hover .point{
  display: block;
}
.content .contact-us1-3 .maps .map .area .point:before{
  content: url(../images/location.png);
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    text-align: center;
    padding-top: 20px;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -webkit-animation-delay: .2s;
    animation-delay: .2s;
}
.content .contact-us1-3 .maps .map .area .point:after{
  content: url(../images/areaarrow.png);
    position: absolute;
    top: 99%;
    left: 0;
    right: 0;
    text-align: center;
}
.content .contact-us1-3 .maps .map .area .point .info{
  position: relative;
}
.content .contact-us1-3 .maps .map .area .point .info h1{
  line-height: 50px;
    font-size: 26px;
    border-bottom: 2px solid #eb8134;
    display: inline-block;
    margin-bottom: 15px;
}
.content .contact-us1-3 .maps .map .area .point table{
  border-collapse: collapse;
}
.maps .map .area .info table th, .maps .map .area .info table td {
    padding: 10px;
}
.content .map-warp .map-warp-type li {
  float: left;
  width: 25%;
  height: 0.53rem;
  line-height: 0.53rem;
  background-color: #F2F2F2;
  text-align: center;
  font-size: 0.23rem;
  color: #000000;
  position: relative;
}
.content .map-warp .map-warp-type li.current {
  color: #005e9c;
}
.content .map-warp .map-warp-type li.current:after {
  content: "";
  display: block;
  background: url(../images/down-arrow.png) no-repeat;
  background-size: 100% auto;
  width: 0.25rem;
  height: 0.21rem;
  position: absolute;
  bottom: -0.21rem;
  left: 50%;
  margin-left: -0.125rem;
}
.content .map-warp .map-wrap-type2 {
  padding: 0.3rem 0.3rem 0.55rem;
}
.content .map-warp .map-wrap-type2 ul {
  display: none;
}
.content .map-warp .map-wrap-type2 ul li:first-child {
  font-size: 0.3rem;
  margin-bottom: 0.2rem;
}
.content .map-warp .map-wrap-type2 ul li:first-child span {
  display: inline-block;
  padding: 0 0.3rem 0.1rem 0;
  border-bottom: 0.02rem solid #D4AD8E;
}
.content .map-warp .map-wrap-type2 ul li {
  font-size: 0.23rem;
  color: #000000;
  line-height: 0.4rem;
}
.content .map-warp .map-wrap-type2 ul:first-child {
  display: block;
}
.content .contact-us2 {
  margin-bottom: 30px;
}
.content .contact-us2 .contact-us2-1 {
  padding: 0 25px 0;
}
.content .server .server1 p {
  padding: 0 60px 50px;
  text-align: center;
  color: #666666;
  line-height: 30px;
  font-size: 16px;
}
.content .server .server2 {
  padding: 60px 0;
  background-color: #F2F2F2;
}
.content .inBox .pro-detail .turnPage ul li a:hover{
  color: #005E9C;
}
.content .server .server2 .server2-left {
  float: left;
  width: 37.5%;
  text-align: center;
  position: relative;
}
.content .inBox #information .information-input li .input input[type=submit]:hover,.content .contact-us1-4 .contaact-us1-4-input .submit input:hover{
  background-color: #395E9C;
}
.content .server .server2 .server2-left .server2-left-1 {
  display: inline-block;
  width: 297px;
  height: 300px;
  background: url(../images/zhuanpan.png) no-repeat center;
  background-size: 100% auto;
  position: relative;
}
.content .server .server2 .server2-left .server2-left-1 a {
  display: block;
  width: 85px;
  height: 135px;
  position: absolute;
}
.content .server .server2 .server2-left .server2-left-1 .a1 {
  -ms-transform: rotate(-40deg);
  transform: rotate(-40deg);
  -webkit-transform: rotate(-40deg);
  -moz-transform: rotate(-40deg);
  right: 20px;
  top: 20px;
}
.content .server .server2 .server2-left .server2-left-1 .a2 {
  -ms-transform: rotate(40deg);
  transform: rotate(40deg);
  -webkit-transform: rotate(40deg);
  -moz-transform: rotate(40deg);
  right: 40px;
  bottom: 4px;
}
.content .server .server2 .server2-left .server2-left-1 .a3 {
  -ms-transform: rotate(-40deg);
  transform: rotate(-40deg);
  -webkit-transform: rotate(-40deg);
  -moz-transform: rotate(-40deg);
  left: 20px;
  bottom: 25px;
}
.content .server .server2 .server2-left .server2-left-1 .a4 {
  -ms-transform: rotate(50deg);
  transform: rotate(50deg);
  -webkit-transform: rotate(50deg);
  -moz-transform: rotate(50deg);
  left: 40px;
  top: 0px;
}
.animated1 {
    animation: animated1 1s ease forwards;
    -webkit-animation: animated1 1s ease forwards;
    -moz-animation: animated1 1s ease forwards;
    opacity: 0;
  }
  @-webkit-keyframes animated1 {
    0% {
      transform: perspective(2000px) scale(1) rotateY(80deg);
      -webkit-transform: perspective(2000px) scale(1) rotateY(80deg);
      -moz-transform: perspective(2000px) scale(1) rotateY(80deg);
      -webkit-transform-origin: left;
              transform-origin: left;
      opacity: 0;
    }
    100% {
      transform: perspective(2000px) scale(1) rotateY(0);
      -webkit-transform: perspective(2000px) scale(1) rotateY(0);
      -moz-transform: perspective(2000px) scale(1) rotateY(0);
      -webkit-transform-origin: left;
              transform-origin: left;
      opacity: 1;
    }
  }
  @keyframes animated1 {
    0% {
      transform: perspective(2000px) scale(1) rotateY(80deg);
      -webkit-transform: perspective(2000px) scale(1) rotateY(80deg);
      -moz-transform: perspective(2000px) scale(1) rotateY(80deg);
      -webkit-transform-origin: left;
              transform-origin: left;
      opacity: 0;
    }
    100% {
      transform: perspective(2000px) scale(1) rotateY(0);
      -webkit-transform: perspective(2000px) scale(1) rotateY(0);
      -moz-transform: perspective(2000px) scale(1) rotateY(0);
      -webkit-transform-origin: left;
              transform-origin: left;
      opacity: 1;
    }
  }
.content .server .server2 .server2-left .server2-left-2 {
  margin-top: 30px;
  padding: 0 8% 0 3%;
  color: #333333;
  overflow: hidden;
}
.content .server .server2 .server2-left .server2-left-2 .server2-left-2-list {
  display: none;
}
.content .server .server2 .server2-left .server2-left-2 .server2-left-2-list:first-child {
  display: block;
}
.content .server .server2 .server2-left .server2-left-2 .p1 {
  font-size: 18px;
}
.content .server .server2 .server2-left .server2-left-2 .p2 {
  line-height: 24px;
  text-align: left;
  margin-top: 25px;
}
.content .server .server2 .server2-left .server2-left-2 ul {
  margin-top: 10px;
}
.content .server .server2 .server2-left .server2-left-2 ul li {
  padding-left: 15px;
  position: relative;
  text-align: left;
  line-height: 28px;
}
.content .server .server2 .server2-left .server2-left-2 ul li:before {
  content: "";
  display: block;
  background: url("../images/aaa.jpg") no-repeat;
  width: 7px;
  height: 6px;
  position: absolute;
  left: 2px;
  top: 12px;
}
.content .server .server2 .server2-right {
  float: left;
  width: 62.5%;
  text-align: right;
  padding-top: 80px;
}
.content .server .server2 .server2-left:after {
  width: 1px;
  height: 570px;
  background: url("../images/zhuanpan3.png") no-repeat;
  position: absolute;
  right: 0;
  top: -20px;
}
.content .server .server3 .server3-box {
  padding: 40px 0 50px;
  text-align: center;
}
.content .server .server3 .server3-box .server-map {
  display: inline-block;
  width: 88%;
  height: 510px;
  background: url(../images/server1.jpg) no-repeat center;
  position: relative;
}
.content .server .server3 .server3-box .server-map .star {
  position: absolute;
}
.content .server .server3 .server3-box .server-map .p1 {
  top: 26%;
  left: 9%;
}
.content .server .server3 .server3-box .server-map .p2 {
  top: 20%;
  left: 12%;
}
.content .server .server3 .server3-box .server-map .p3 {
  top: 61%;
  left: 20%;
}
.content .server .server3 .server3-box .server-map .p4 {
  top: 32%;
  left: 45%;
}
.content .server .server3 .server3-box .server-map .p5 {
  top: 6%;
  left: 64%;
}
.content .server .server3 .server3-box .server-map .p6 {
  top: 30%;
  left: 69%;
}
.content .server .server3 .server3-box .server-map .p7 {
  top: 10%;
  right: 16%;
}
.content .server .server3 .server3-box .server-map .p8 {
  bottom: 21%;
  right: 15%;
}
.content .server .server4 {
  background: url("../images/server2.jpg") no-repeat center;
  padding: 40px 0 65px;
}
.content .server .server4 .server4-list li {
  float: left;
  width: 23.125%;
  margin-right: 2.5%;
}
.content .server .server4 .server4-list li a {
  display: block;
  border: 1px solid #D9D9D9;
  text-align: center;
  padding-top: 60px;
  height: 275px;
  background-color: #fff;
  box-shadow: 0 10px 8px rgba(0, 0, 0, 0.15);
}
.content .server .server4 .server4-list li a .p1 {
  font-weight: bold;
  font-size: 16px;
}
.content .server .server4 .server4-list li a .p2 {
  color: #FF3A3A;
  margin-top: 15px;
}
.content .server .server4 .server4-list li a .p3 {
  color: #363636;
}
.content .server .server4 .server4-list li:last-child {
  margin-right: 0;
}
.hzh-bg{
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(../images/opacity5.png) repeat;
  z-index: 1000;
  opacity: 0;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
}
.pro-image  .hzh-bg{
  background: none;
}
.hzh-bg span{
  display: block;
  width: 100px;
  height: 100px;
  border: 2px solid #fff;
  border-radius:6px; 
  color: #fff;
  text-align: center;
  line-height: 100px;
  font-weight: 700;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -50px;
  margin-top: -50px;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
}
.content .inBox .pro .pro-list li .pro-image{
  position: relative;
}
.case-detailContent-textBox .gallery-thumbs .swiper-slide{
  float: left;
  width: 19%;background-repeat:no-repeat;    box-sizing: border-box;
}
.content .inBox .pro .pro-list li:hover .proBox .pro-title a{
  color: #438EC7;
}
.content .content3 .case-list .swiper-container .swiper-slide-active:hover .hzh-bg,.content .inBox .pro .pro-list li:hover .hzh-bg{
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  opacity: 1;
}
.content .inBox .news3-dateBox > div a:hover{
  border-color: #888;
}
.content .content3 .case-list .swiper-container .swiper-slide-active:hover .hzh-bg span,.content .inBox .pro .pro-list li:hover .hzh-bg span{
  width: 60px;
  height: 60px;
  margin-left: -30px;
  margin-top: -30px;
  border-radius: 50%;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  line-height: 60px;
}
.content .server-title {
  text-align: center;
  margin-bottom: 40px;
}
.content .server-title span {
  position: relative;
  display: inline-block;
  font-size: 20px;
  color: #000000;
}
.content .server-title span:before,
.content .server-title span:after {
  content: "";
  display: block;
  width: 45px;
  height: 1px;
  background: #111111;
  position: absolute;
  top: 15px;
}
.content .server-title span:before {
  left: -55px;
}
.content .server-title span:after {
  right: -55px;
}
.inContent .content5 {
  background-color: #F8F8F8;
}
.inContent .server-content5 {
  background-color: #fff;
}
.inContent .server-content5 .server-list li .text .p2 {
  margin-top: 10px;
}
#footer {
  padding-top: 33px;
  background: url(../images/index1_47.jpg) no-repeat center;
  position: relative;
}
#footer .top {
  width: 0.6rem;
  position: absolute;
  right: 0.15rem;
  top: 0.35rem;
}

#footer .footer-top .footer-logo {
  padding: 30px 20px 65px 0;
  border-right: 1px solid #3C4754;
  float: left;
  width: 262px;
}
#footer .footer-top .footer-logo img {
  width: 241px;
}
#footer .footer-top .footer-logo .img2{
  display: none;
}
#footer .footer-top .footer-logo:hover .img2{
  display: inline-block;
}
#footer .footer-top .footer-logo:hover .img1{
  display: none;
}
#footer .footer-top .footer-content {
  margin-left: 274px;
  padding-top: 20px;
}
#footer .footer-top .footer-content > ul {
  float: left;
  width: 63%;
}
#footer .footer-top .footer-content > ul li {
  color: #808080;
  line-height: 28px;
}
#footer .footer-top .footer-content > ul li a{
   color: #808080;
}
#footer .footer-top .footer-content .footer-icon {
  float: left;
  width: 37%;
  text-align: right;
}
#footer .footer-top .footer-content .footer-icon .iconBox {
  display: inline-block;
  width: 300px;
}
#footer .footer-top .footer-content .footer-icon .iconBox .wechat {
  text-align: center;
  padding-right: 60px;
}
#footer .footer-top .footer-content .footer-icon .iconBox .wechat li {
  display: inline-block;
  margin-right: 5px;
}
#footer .footer-top .footer-content .footer-icon .iconBox .wechat li .img2 {
  display: none;
}
#footer .footer-top .footer-content .footer-icon .iconBox .share {
  margin-top: 20px;
}
#footer .footer-top .footer-content .footer-icon .iconBox .share li {
  float: left;
  color: #808080;
  line-height: 30px;
  margin-right: 6px;
}
#footer .footer-top .footer-content .footer-icon .iconBox .share li .img2 {
  display: none;
}
#footer .footer-top .footer-content .footer-icon .iconBox .share li:hover .img1 {
  display: none;
}
#footer .footer-top .footer-content .footer-icon .iconBox .share li:hover .img2 {
  display: inline-block;
}
#footer .footer-top .footer-content .footer-icon .iconBox .share li:first-child {
  margin-right: 15px;
      position: relative;
    top: 7px;
}
#footer .footer-top .footer-content .footer-icon .iconBox .share li.top {
  margin-left: 15px;
  position: relative;
      top: -10px;
    margin-right: 0;
    margin-left: 25px;
    display: none;
}
#footer .footer-bottom {
  font-size: 12px;
  text-align: center;
  color: #999999;
  line-height: 20px;
  padding: 8px;
}
.ym-video:hover .zd-video-big-play{
  background-image: url(../images/video-hover.png);
}
.pswp__button--arrow--left{
  left: 10%;
}
.pswp__button--arrow--right{
  right: 10%;
}
.bdshare-button-style0-32 a{
  background-position: 0 0 !important;
}
.bdshare-button-style0-32 .bds_weixin{
  background: url(../images/a-icon3.png) no-repeat center;
}
.bdshare-button-style0-32 .bds_weixin:hover{
  background: url(../images/a-icon3-hover.png) no-repeat center;
}
.bdshare-button-style0-32 .bds_sqq{
  background: url(../images/a-icon4.png) no-repeat center;
}
.bdshare-button-style0-32 .bds_sqq:hover{
  background: url(../images/a-icon4-hover.png) no-repeat center;
}
.bdshare-button-style0-32 .bds_tsina{
  background: url(../images/a-icon5.png) no-repeat center;
}
.bdshare-button-style0-32 .bds_tsina:hover{
  background: url(../images/a-icon5-hover.png) no-repeat center;
}
.bdshare-button-style0-32 .bds_tqq{
  background: url(../images/a-icon6.png) no-repeat center;
}
.bdshare-button-style0-32 .bds_tqq:hover{
  background: url(../images/a-icon6-hover.png) no-repeat center;
}
@media (max-width: 1200px) {
  .content .inBox .footer-case .footer-caseList li a .text .p2 span:last-child {
    float: none;
  }
  .content .inBox .footer-case .footer-caseList li a .text {
    padding: 10px 10px 0;
  }
}
@media (max-width: 992px) {
  .server2 dl{
    width: 100%;
    margin-bottom: 5px;
  }
  .server2 dl:last-child{
    display: none;
    margin-bottom: 0;
  }
  .server2 dd{
    width: 30%;
  }
  .server2 dt{
    position: static;
    width: 70%;
    opacity: 1;
  }
  .server2 dt li{
    line-height: 24px;
  }
  .content .contact-us1-2 .container{
    background-attachment: scroll;
  }
  .content .inBox .news3-text{
    margin: 30px 5.5% 0;
  }
  .content .content3 .case-list .swiper-button-next{
        background-position-x: -270px;
  }
  .pro-detail .video {
    margin: 30px 2% 0;
    height: 330px;
}
  .content .content3 .case-list .swiper-button-prev{
    background-position-x: -25px;
  }
  .content .server .server2 .server2-left {
    width: 100%;
  }
  .content .server .server2 .server2-right {
    width: 100%;
    text-align: center;
    padding-top: 0.6rem;
  }
  .content .server .server3 .server3-box .server-map {
    width: 100%;
    background-size: 100% auto;
    height: 3.6rem;
  }
  .content .contact-us1-1 .row .contact-us1-1-address p:last-child {
    display: none;
  }
  .content .contact-us1-3 .map {
    height: 411px;
  }
  .content .contact-us1-4 .contaact-us1-4-input {
    padding: 80px 4% 0;
  }
  .content .contact-us1-4 .contaact-us1-4-input ul li {
    width: 30%;
    margin-right: 5%;
  }
  .content .contact-us1-1 .row .contact-us1-1-address p {
    width: 100%;
    margin-right: 0;
  }
  .content .contact-us1-1 {
    margin-top: 0;
  }
  .content .contact-us1-2 .contact-us1-2-list {
    padding: 110px 0% 0;
  }
  .content .news2 .news2Box .news-list li .text {
    margin-left: 265px;
  }
  .content .news2 .news2Box .news-list li .text .text-left {
    margin-right: 0;
  }
  .content .news2 .news2Box .news-list li .text .text-right {
    width: 35%;
  }
  .content .zhanhui .textBox {
    margin-left: 1.3rem;
  }
  .content .zhanhui .textBox .text {
    margin-top: 0;
    width: 4.68rem;
    height: 2.5rem;
    background-size: 100% auto;
    margin-right: 0.3rem;
  }
  .content .zhanhui {
    height: auto;
    padding-bottom: 0.45rem;
    background-repeat: repeat;
    background-position: center top;
  }
  .content .zhanhui .textBox .textBox-image {
    width: 4.1rem;
    margin-top: 0.63rem;
    height: 2.75rem;
  }
  .content .inBox .footer-case .footer-caseList li {
    width: 100%;
    margin-right: 0;
    margin-top: 0.2rem;
  }
  .content .inBox .case .case-list li a .text .text1 .p2 {
    margin-top: 40px;
  }
  .content .inBox .pro-detail .pro-detail1 .pro-detail1-right {
    padding-left: 5%;
  }
  .content .inBox .pro .pro-list li {
    width: 49%;
    margin-right: 2%;
  }
  .content .inBox .pro .pro-list li:nth-child(2n+2) {
    margin-right: 0;
  }
  .content .inBox .pro .pro-list li .proBox .pro-button a {
    width: 48%;
  }
  .content .inBox .pro .pro-list {
    margin-top: 10px;
  }
  #header .logo {
    height: 1rem;
    padding-top: 0.15rem;
  }
  .content .content1 .textContent {
    margin-left: 0;
  }
  .content .content1 {
    padding: 0.35rem 0 0;
  }
  .content .content2 {
    padding: 0.4rem 0 0.3rem;
  }
  .content .content4 .index-news .index-newsRight {
    padding-left: 20px;
  }
  .content .content5 .server-list li .image .img2 {
    display: inline-block;
  }
  .content .content5 .server-list li .image .img1 {
    display: none;
  }

  .content .content5 {
    padding: 0.45rem 0;
  }
  #footer .footer-top .footer-content {
    margin-left: 0;
  }
  #header .logo img {
    width: 2.7rem;
  }
  #header .logo {
    margin-left: 0.15rem;
  }
  #header .menu_icon {
    width: 0.42rem;
  }
  .wrap-languag {
    margin-top: 0.4rem;
    margin-right: 0.2rem;
  }
  .wrap-languag p {
    line-height: 29px;
  }
  .wrap-languag .select {
    margin-left: 0.3rem;
    border: none;
    outline: none;
    width: 1.4rem;
    font-size: 0.21rem;
    color: #737373;
    margin-top: 0.05rem;
    position: relative;
  }
  .wrap-languag .select::before{
    content: "";
    display: block;
    width: 7px;
    height: 4px;
    background: url(../images/ico2.png) no-repeat;
    background-position: -22px 0;
    position: absolute;
    right: 8px;
    top: 7px;
    z-index: 1000;
  }
  .selsct-list{
    position: absolute;
    background-color: #fff;
    width: 110%;
    top: 33px;
    left: -15%;
    z-index: 10000;
    display: none;
  }
  .selsct-list li{
    line-height: 32px;
    text-align: center;
  }
  #footer .footer-top .footer-content .footer-icon .iconBox {
    width: 275px;
  }
  #footer .footer-top .footer-content .footer-icon .iconBox .share li.top {
    margin-left: 5px;
  }
  .content .inBox .pro-detail .case-detailContent .case-detailContent-textBox {
    padding: 20px 3%;
  }
}
@media (max-width: 767px) {
  .newsshare{
    display: none !important;
  }
  .content .inBox .footer-case .footer-caseList li a .image{
    height: 1.7rem;
  }
  .pro-detail .video {
    margin: 0px 2% 0;
    height:auto;
}
.server2 dl{
  height: auto;
}
.server2 dl dd img{
  width: 0.7rem;
}
.server2 dl:first-child dd img{
  width: 1.15rem;
}
.server2 dd p{
  font-size: 0.26rem;
  margin-top: 0.3rem;
}
.server2 dt{
  height: 1.45rem;
}
.server2 dt li{
  font-size: 0.12rem;
  line-height: 0.32rem;
}
.server2 dd{
  width: 27%;
}
.server2 dt{
  width: 73%;
}
.server2 dd{
  padding: 0.6rem 0;
}
.server2 dt{
  margin: 0.6rem 0;
}
  .content .contact-us1-4 .container {
    padding: 0.5rem 15px 0.6rem;
  }
  .content .contact-us1-4 .contaact-us1-4-text {
    font-size: 0.23rem;
    width: 4.5rem;
    margin: 0.2rem auto 0;
  }
  .content .contact-us1-4 .contaact-us1-4-input ul li div input {
    height: 0.56rem;
    line-height: 0.56rem;
  }
  .content .contact-us1-4 .contaact-us1-4-input ul li div {
    margin-left: 0.9rem;
  }
  .content .contact-us1-4 .contaact-us1-4-input ul li span {
    width: 0.9rem;
    line-height: 0.56rem;
    font-size: 0.23rem;
  }
  .content .contact-us1-4 .contaact-us1-4-input {
    padding: 0.35rem 0.3rem 0;
  }
  .content .contact-us1-4 .contaact-us1-4-input ul li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 0.2rem;
  }
  .content .contact-us1-4 .contaact-us1-4-input ul li.li4 textarea {
    height: 1.45rem;
    padding-top: 0.1rem;
  }
  .content .contact-us1-4 .contaact-us1-4-input .submit input {
    width: 2.6rem;
    height: 0.6rem;
    line-height: 0.6rem;
    font-size: 0.26rem;
    border-radius: 6px;
  }
  .map-warp {
    margin-top: 0.3rem;
  }
  .content .contact-us1-1 .row {
    padding: 0 0.15rem;
  }
  .content .contact-us1-1 .row .contact-us1-1-title {
    font-size: 0.26rem;
    padding-left: 0.42rem;
    font-weight: bold;
  }
  .contact-us1-1-address b{
    margin-left: 0;
    font-weight: normal;
    margin-right: 5px;
  }
  #banner #owl-demo .owl-controls .owl-nav{
    display: none !important;
  }
  .content .contact-us1-1 .row .contact-us1-1-address {
    margin: 0.2rem 0 0.3rem;
    padding-left: 0.35rem;
  }
  .content .contact-us1-1 .row .contact-us1-1-address p {
    font-size: 0.23rem;
    line-height: 0.3rem;
  }
  .content .contact-us1-1 .row .contact-us1-1-list li {
    width: 100%;
    margin-right: 0;
  }
  .content .contact-us1-1 .row .contact-us1-1-list li {
    height: 0.7rem;
    line-height: 0.7rem;
    font-size: 0.23rem;
  }
  .content .contact-us1-1 .row .contact-us1-1-list li i img {
    width: 18px;
  }
  .content .contact-us1-1 .row .contact-us1-1-list li i {
    margin-left: 0.45rem;
  }
  .content .contact-us1-2 .container {
    height: 2.9rem;
    background-image: url(../images/contact-wrap_02.jpg);
    background-size: 100% auto;
  }
  .content .contact-us1-2 {
    margin-top: 0.6rem;
  }
  .content .contact-us1-2 .contact-us1-2-list {
    padding: 0.6rem 0% 0;
  }
  .content .contact-us1-2 .contact-us1-2-list li a .image {
    width: 1.3rem;
    height: 1.3rem;
    background-size: 100% auto !important;
  }
  .content .contact-us1-2 .contact-us1-2-list li {
    width: 33.3%;
  }
  .content .contact-us1-2 .contact-us1-2-list li:last-child {
    display: none;
  }
  .content .contact-us1-2 .contact-us1-2-list li a .text {
    font-size: 0.23rem;
    margin-top: 0.25rem;
  }
  .content .contact-us1-3 {
    padding: 0.3rem 0 0;
  }
  .content .contaact-us1-title span {
    font-size: 0.33rem;
  }
  .content .contaact-us1-title span:before,
  .content .contaact-us1-title span:after {
    width: 0.44rem;
    top: 0.25rem;
  }
  .content .contaact-us1-title span:before {
    left: -0.55rem;
  }
  .content .contaact-us1-title span:after {
    right: -0.55rem;
  }
  .content .contact-us1-1 .row .contact-us1-1-address p i {
    display: none;
  }
  .content .news2 {
    padding-top: 0.4rem;
  }
  .content .news2 .news2Box {
    padding: 0 0 0.6rem;
  }
  .content .news2 .news2Box .news2-image {
    margin-top: 0.6rem;
  }
  .content .news2 .about1-title {
    margin: 0 0.15rem;
  }
  .content .news2 .news2Box .text {
    margin-top: 0.25rem;
    padding: 0 0.15rem;
  }
  .content .news2 .news2Box .text .p1 {
    font-size: 0.26rem;
    line-height: 0.36rem;
  }
  .content .news2 .news2Box .text .p2 {
    font-size: 0.23rem;
    line-height: 0.33rem;
    height: 0.66rem;
    overflow: hidden;
  }
  .content .news2 .news2Box .news-list li .image {
    width: 2.7rem;
    padding: 0.15rem;
  }
  .content .news2 .news2Box .news-list li .text {
    margin-left: 2.7rem;
    padding: 0 0.15rem 0 0;
  }
  .content .news2 .news2Box .news-list li .text .text-right {
    width: 100%;
  }
  .content .news2 .news2Box .news-list li .text .text-right .p1 {
    float: right;
    font-size: 0.2rem;
    margin-top: 0.1rem;
  }
  .content .news2 .news2Box .news-list li .text .text-right .p2 {
    font-size: 0.2rem;
    float: left;
    margin-top: 0.05rem;
    height: 0.4rem !important;
  }
  .content .news2 .news2Box .news-list li {
    margin-top: 0.2rem;
  }
  .content .news2 .news2Box .news-list {
    padding-top: 0.1rem;
  }
  .content .news2 .news2Box .news-list li .text .text-right .p2 span {
    width: 1.25rem;
    line-height: 0.4rem;
    height: 0.4rem;
  }
  .content .news2 .news2Box .news-list li .text .text-right .p1 img {
    width: 0.2rem;
  }
  .content .news2 .news2Box .news-list li .text .text-left {
    width: 100%;
  }
  .content .news2 .news2Box .news-list li .text .text-left .p1 {
    margin: 0.15rem 0;
    font-size: 0.23rem;
    line-height: 0.33rem;
    white-space: normal;
    height: 0.66rem;
  }
  .content .news2 .news2Box .news-list li .text .text-left .p2 {
    display: none;
  }
  .content .news2 .news2Box .text .p1 .span1 {
    font-size: 0.23rem;
    line-height: 0.36rem;
  }
  .wrap-languag p img {
    width: 0.18rem;
  }
  .wrap-languag p {
    line-height: 0.33rem;
  }
  .content .content1 .textContent .number li .text1 .span1 {
    font-size: 0.6rem;
  }
  .content .content1 .textContent .number li {
    font-size: 0.23rem;
    padding-top: 0.3rem;
    height: auto;
  }
  .content .content1 .textContent .number li::before {
    height: 1.25rem;
    top: 0;
  }
  .content .content1 .textContent .number li .text2 {
    margin-top: 0.1rem;
  }
  .content .content1 .textContent .number li:last-child .text1 .span2 {
    line-height: 0.3rem;
  }
  .content .content1 .textContent .number li:last-child .text1 .span1 {
    width: auto;
  }
  .content .content1 .textContent .number {
    height: auto;
    padding-bottom: 0.35rem;
  }
  .content .content1 .textContent .video {
    height: 2.94rem;
  }
  .content .index-title .p1 {
    font-size: 0.33rem;
    color: #000;
  }
  .content .index-title .p2 {
    color: #000;
    margin-top: 0;
  }
  .content .index-title .p1 i {
    display: inline-block;
    width: 1.4rem;
  }
  .content .content2 .technology-list {
    margin-top: 0.2rem;
  }
  .content .content2 .technology-list li {
    width: 49%;
    margin-right: 2%;
    margin-top: 0.1rem;
  }
  .content .content2 .technology-list li:nth-child(2n+2) {
    margin-right: 0;
  }
  .content .content2 .technology-list li a .text .p1 {
    font-size: 0.3rem;
    padding-bottom: 0.2rem;
  }
  .content .content2 .technology-list li a .text .p1:after {
    widows: 0.52rem;
  }
  .content .content3 {
    padding: 0.4rem 0.15rem;
    height: auto;
  }
  .content .content3 .case-list .swiper-container .swiper-slide .image {
    height: 3.2rem;
    background-size: cover !important;
  }
  .content .content3 .case-list .swiper-container .swiper-slide,
  .content .content3 .case-list .swiper-container {
    height: 3.8rem !important;
  }
  .content .content3 .case-list {
    margin-top: 0.3rem;
  }
  .content .content3 .case-list .button-next{
    background: url(../images/caseIcon-right.png) no-repeat center;
    right: 0.1rem;
  }
  .content .content3 .case-list .button-prev{
    background: url(../images/caseIcon-left.png) no-repeat center;
    left: 0.1rem;
  }
  .content .content3 .case-list .button{
    width: 0.5rem;
    height: 1rem;
    position: absolute;
    top: 37%;
    margin-top: -0.5rem;
    z-index: 10;
    background-size:0.3rem auto; 
  }
  .content .content3 .case-list .swiper-button-prev {
    left: 0.25rem;
  }
  .content .content3 .case-list .swiper-button-next {
    right: 0.25rem;
  }
  .content .content3 .case-list .swiper-button-white{
    height: 2.5rem;
    background-size:0.5rem auto; 
      width: 0.8rem;
    top: 0.4rem;
  }
  .content .content3 .case-list .swiper-container .swiper-slide .text {
    font-size: 0.26rem;
    line-height: 0.6rem;
    padding-top: 0;
  }
  .content .content3 .case-list .case-more a {
    width: 2rem;
    height: 0.5rem;
    font-size: 0.23rem;
    line-height: 0.5rem;
  }
  .content .content3 .case-list .case-more {
    margin-top: 0.2rem;
  }
  .content .content4 {
    padding: 0.35rem 0 0.15rem;
  }
  .content .content4 .index-news .index-newsLeft {
    width: 100%;
    height: 4.08rem;
    margin-bottom: 0.4rem;
  }
  .content .content4 .index-news .index-newsLeft .owl-stage-outer {
    height: 4.08rem;
  }
  .content .content4 .index-news .index-newsLeft .item {
    height: 4.08rem;
    background-size: 100% auto;
  }
  #banner .owl-theme .owl-controls .owl-nav .owl-prev,
  #banner .owl-theme .owl-controls .owl-nav .owl-next {
    display: none;
  }
  .index-newsLeft .owl-nav {
    display: none;
  }
  .content .content4 .index-news .index-newsLeft .owl-theme .owl-controls .owl-dots {
    display: block !important;
  }
  .index-newsLeft .owl-theme .owl-dots .owl-dot span {
    background-color: #CCCCCC;
  }
  .owl-theme .owl-dots .owl-dot span {
    width: 6px;
    height: 6px;
    margin: 3px;
    display: block;
    background-color: #C7C7C7;
  }
  .owl-theme .owl-dots .owl-dot {
    margin:0  2px;
  }
  .owl-theme .owl-dots .active {
    background: url(../images/out-circle.png) no-repeat center;
    background-size: 100% auto;
  }
  #banner .owl-theme .owl-controls .owl-dots {
    bottom: 0rem;
  }
  #owl-demo3 .owl-controls .owl-dots{
    bottom: 0.7rem !important;
  }
  #owl-demo4  .owl-controls .owl-dots{
    bottom: -0.5rem !important;
  }
  #owl-demo7  .owl-controls .owl-dots{
    bottom: 0 !important;
  }
  #banner .owl-nav {
    display: none;
  }
  .owl-theme .owl-dots .owl-dot.active span,
  .owl-theme .owl-dots .owl-dot:hover span {
    background: #005E9C;
  }
  .owl-theme .owl-controls {
    margin-top: 0.1rem;
  }
  .content .content4 .index-news .index-newsRight {
    padding: 0.25rem 0.15rem;
    width: 100%;
  }
  .content .inBox .about1-videoBox #my-video1{
    width: 96%;
    height: 4rem;
  }
  .content .inBox .about1-videoBox #my-video1:before {
    left: -15px;
    top: 0px; width:100px;
}
  .content .content4 .index-news .index-newsRight ul li .date {
    width: 1.1rem;
    height: 1.1rem;
  }
  .content .content4 .index-news .index-newsRight ul li .date .p1 {
    font-size: 0.36rem;
    line-height: 0.36rem;
    margin: 0.2rem 0 0.05rem;
  }
  .content .content4 .index-news .index-newsRight ul li .date .p2 {
    font-size: 0.21rem;
    line-height: 0.26rem;
  }
  .content .content4 .index-news .index-newsRight ul li {
    padding-bottom: 0.25rem;
    margin-top: 0.25rem;
  }
  .content .content4 .index-news .index-newsRight ul li .text .p1 {
    font-size: 0.23rem;
    line-height: 0.4rem;
  }
  .content .content4 .index-news .index-newsRight ul li .text .p2 {
    font-size: 0.23rem;
    line-height: 0.34rem;
    height: 0.68rem;
  }
  .content .content4 .index-news .index-newsRight ul li .text {
    margin-left: 1.25rem;
  }
  .content .content5 .server-list li {
    width: 50%;
    padding: 0 0.1rem;
    margin-top: 0.25rem;
  }
  .content .content5 .server-list li .image {
    width: 1.25rem;
  }
  .content .content5 .server-list li .text {
    margin-top: 0.1rem;
  }
  .content .content5 .server-list li .text .p1 {
    font-size: 0.26rem;
    line-height: 0.36rem;
    margin-bottom: 0.05rem;
  }
  .content .content5 .server-list li .text .p2 {
    font-size: 0.23rem;
    line-height: 0.3rem;
  }
  .content .content5 {
    padding: 0.2rem 0 0.45rem;
  }
  #footer {
    padding-top: 0;
  }
  #footer .footer-top .footer-content {
    padding: 0.3rem 0.15rem 0;
  }
  #footer .footer-top .footer-content > ul li {
    font-size: 0.23rem;
    line-height: 0.4rem;
  }
  #footer .footer-top .footer-content > ul {
    width: 100%;
  }
  #footer .footer-top .footer-content > ul li:first-child {
    margin-bottom: 0.15rem;
  }
  #footer .footer-bottom {
    padding: 8px 0.3rem;
  }
  .content .inBox {
    padding: 0.3rem 0.15rem 0.6rem;
  }
  .content .inBox .pro .pro-list {
    padding: 0;
  }
  .content .inBox .pro .pro-list li {
    width: 100%;
    margin-right: 0;
    margin-top: 0.6rem;
  }
  .content .inBox .typeBox {
    position: relative;
    height: 0.6rem;
    padding: 0rem;
    overflow: hidden;
  }
  .content .inBox .fixed{
    position: fixed;
    top: 0;
    left: 0;
    background: #000;
    width: 100%; padding:0 0.15rem !important
  }
  .content .inBox .fixed .type li a{
    background-color: transparent;
    color: #fff;
  }
  .content .inBox .typeBox .type {
    position: relative;
  }
  .content .inBox .typeBox .type li {
    width: 1.76rem;
    float: left;
    margin-right: 0.11rem;
  }
  .content .inBox .typeBox .type li:last-child {
    margin-right: 0;
  }
  .content .inBox .typeBox .type li a {
    line-height: 0.6rem;
    height: 0.6rem;
    font-size: 0.26rem;
  }
  .content .inBox .typeBox .left-arrow {
    left: 0;
    background: #ffffff url(../images/type-left.png) no-repeat left center;
  }
  .content .inBox .typeBox .right-arrow {
    right: 0;
    background: #ffffff url(../images/type-right.png) no-repeat right center;
  }
  .content .inBox .typeBox .left-arrow,
  .content .inBox .typeBox .right-arrow {
    height: 0.6rem;
    width: 0.3rem;
    position: absolute;
    top: 0;
    background-size: 0.14rem auto;
    z-index: 10;
  }
  .content .inBox .pro .pro-list li .proBox {
    padding: 0.15rem;
  }
  .content .inBox .pro .pro-list li .proBox .pro-title {
    font-size: 0.26rem;
    padding: 0.25rem 0 0.2rem;
  }
  .content .inBox .pro .pro-list li .proBox .pro-introduce .p2 {
    display: none;
  }
  .content .inBox .pro .pro-list li .proBox .pro-introduce {
    font-size: 0.23rem;
    padding-top: 0.1rem;
  }
  .content .inBox .pro .pro-list li .proBox .pro-button {
    margin-top: 0.2rem;
  }
  .content .inBox .pro .pro-list li .proBox .pro-button a {
    width: 2.8rem;
    height: 0.6rem;
    line-height: 0.6rem;
    font-size: 0.23rem;
  }
  .content .inBox .turn-more a {
    width: 3rem;
    height: 0.7rem;
    line-height: 0.7rem;
    font-size: 0.23rem;
  }
  .content .inBox .turn-more {
    margin-top: 0.55rem;
  }
  .content .inBox .pro-detail .pro-detail1 .pro-detail1-left {
    width: 100%;
  }
  .content .inBox .pro-detail .pro-detail1 .pro-detail1-left #owl-demo3 .item {
    height: 4.1rem;
    background-size: 100% auto !important;
    background-color: #EDEDED;
  }
  .content .inBox .pro-detail .pro-detail1 {
    margin-top: 0.45rem;
    padding: 0 0.15rem;
  }
  .content .inBox .pro-detail .pro-detail1 .pro-detail1-right {
    padding-left: 0;
    width: 100%;
  }
  .content .inBox .pro-detail .pro-detail1 .pro-detail1-right .p1 {
    font-size: 0.33rem;
    padding: 0.25rem 0 0.2rem;
    line-height: 0.35rem;
  }
  .content .inBox .pro-detail .pro-detail1 .pro-detail1-right .p2 {
    font-size: 0.23rem;
    line-height: 0.4rem;
    padding: 0.2rem 0;
  }
  .content .inBox .pro-detail .pro-detail1 .pro-detail1-right .p3 {
    margin-top: 0.4rem;
  }
  .content .inBox .pro-detail .pro-detail1 .pro-detail1-right .p3 a.a1 {
    width: 4.2rem;
    height: 0.75rem;
    background-color: #005E9C;
    border-radius: 4px;
    text-align: center;
    margin-right: 0.35rem;
  }
  .content .inBox .pro-detail .pro-detail1 .pro-detail1-right .p3 a.a2 {
    width: 1.2rem;
  }
  .content .inBox .pro-detail .pro-detail1 .pro-detail1-right .p3 a.a1 img {
    height: 100%;
  }
  .content .inBox .pro-detail .pro-detail1 .pro-detail1-right .p4 {
    margin-top: 0.25rem;
    font-size: 0.23rem;
  }
  .content .inBox .pro-detail .pro-detail1 .pro-detail1-right .p5 {
    font-size: 0.46rem;
  }
  .content .inBox .pro-detail .pro-detail2 {
    margin-top: 0.45rem;
  }
  .content .inBox .pro-detail .pro-detail2 .pro-detailType li {
    width: 25%;
    float: left;
    line-height: 0.7rem;
    height: 0.7rem;
    font-size: 0.23rem;
  }
  .content .inBox .pro-detail .pro-detail2 .fixed .pro-detailType li{ width:20%}

  .content .inBox .pro-detail .pro-detail2 #pro-characteristic {
    padding: 0.33rem 0.15rem 0.45rem;
  }
  .content .inBox .pro-detailTitle {
    font-size: 0.3rem;
  }
  .content .inBox .pro-detailTitle span:before,
  .content .inBox .pro-detailTitle span:after {
    width: 0.75rem;
  }
  .content .inBox .pro-detailTitle span:before {
    left: -0.9rem;
  }
  .content .inBox .pro-detailTitle span:after {
    right: -0.9rem;
  }
  .content .inBox .pro-detail .pro-detail2 .pro-parameter1 {
    padding-top: 0.35rem;
  }
  .content .inBox .pro-detail .pro-detail2 .pro-parameter1 table {
    width: 100%;
    font-size: 0.23rem;
    margin-top: 0.03rem;
  }
  .content .inBox .pro-detail .pro-detail2 .pro-parameter1 table td,
  .content .inBox .pro-detail .pro-detail2 .pro-parameter2 table td {
    height: 0.6rem;
  }
  .content .inBox .pro-detail .pro-detail2 .pro-parameter2 table {
    font-size: 0.23rem;
    margin-top: 0.03rem;
    width: 17.2rem !important;
  }
  .content .inBox .pro-detail .pro-detail2 .pro-parameter2 {
    padding-top: 0.45rem;
  }
  .tableBox {
    overflow-x: scroll; padding-top: 0.35rem;
  }
  .content .inBox .table-more {
    margin-top: 0.6rem;
  }
  .content .inBox .table-more a {
    width: 2.6rem;
    height: 0.55rem;
    line-height: 0.55rem;
    font-size: 0.2rem;
  }
  .content .inBox .pro-detail .pro-detail2 #pro-parameter {
    padding: 0 0.15rem 0.6rem;
  }
  .inContent #video {
    padding: 0.4rem 0.15rem 0.55rem;
  }
  .inContent #my-video {
    margin-top: 0.4rem;
  }
  .inContent #my-video {
    height: 2.8rem;
  }
  .content .inBox #application {
    padding: 0.45rem 0.15rem 0.6rem;
  }
  .content .inBox #application ul li {
    padding: 0 0.05rem;
    margin-top: 0.2rem;
  }
  .content .inBox #application ul li a {
    padding: 2px 2px 0;
  }
  .content .inBox #application ul li a .text {
    height: 0.45rem;
    line-height: 0.45rem;
    font-size: 0.2rem;
  }
  .paddings {
    margin: 0 -0.15rem;
    overflow: hidden;
  }
  .content .inBox #customerCase {
    padding: 0.35rem 0.075rem 0.7rem;
  }
  .content .inBox #customerCase #owl-demo4 .item {
    margin: 0 0.075rem;
  }
  .content .inBox #customerCase #owl-demo4 .item .text {
    height: 0.5rem;
    line-height: 0.5rem;
    font-size: 0.2rem;
  }
  .content .inBox #customerCase #owl-demo4 .owl-dots {
    display: block !important;
  }
  .content .inBox #customerCase #owl-demo4 .owl-nav {
    display: none;
  }
  .content .inBox #information {
    padding: 0.5rem 0 0.6rem;
  }
  .content .inBox #information .information-title .p1 {
    font-size: 0.3rem;
  }
  .content .inBox #information .information-title .p1:before,
  .content .inBox #information .information-title .p1:after {
    width: 0.65rem;
  }
  .content .inBox #information .information-title .p1:before {
    left: -0.8rem;
  }
  .content .inBox #information .information-title .p1:after {
    right: -0.8rem;
  }
  .content .inBox #information .information-input {
    margin: 0.4rem 0.15rem 0;
    width: 100%;
  }
  .content .inBox #information .information-input li {
    width: 100%;
    padding: 0;
    margin-top: 0.2rem;
  }
  .content .inBox #information .information-input li span {
    font-size: 0.23rem;
    width: 1.2rem;
    height: 0.6rem;
    line-height: 0.6rem;
  }
  .content .inBox #information .information-input li .input {
    float: left;
    margin-left: 0;
    width: 4.9rem;
  }
  .content .inBox #information .information-input li .input input {
    height: 0.6rem;
    line-height: 0.6rem; 
  }
  .content .inBox #information .information-input li .p1,
  .content .inBox #information .information-input li .p2 {
    font-size: 0.2rem;
    line-height: 0.4rem;
  }
  .content .inBox #information .information-input li.n100 span {
    line-height: 0.4rem;
  }
  .content .inBox #information .information-input li .input input[type=submit] {
    width: 3.7rem;
    height: 0.8rem;
    line-height: 0.6rem;
    font-size: 0.23rem;
    margin-top: 0.2rem;
  }
  .content .inBox #pro-series {
    padding: 0.45rem 0 0;
  }
  .content .inBox #pro-series .series-title .p1 {
    font-size: 0.33rem;
  }
  .content .inBox #pro-series .series-title .p2 {
    font-size: 0.23rem;
  }
  .content .inBox #pro-series .series-title {
    height: 0.7rem;
  }
  .content .inBox #pro-series .series-title .p2 {
    bottom: -2px;
  }
  .content .inBox #pro-series .series-list #owl-demo5 {
    margin: 0.55rem 0;
    padding: 0.075rem;
  }
  .content .inBox #pro-series .series-list #owl-demo5 .owl-dots {
    display: block !important;
  }
  .owl-carousel .owl-item
  .content .inBox #pro-series .series-list #owl-demo5 .item {
    margin: 0 0.075rem;
  }
  .content .inBox #pro-series .series-list #owl-demo5 .owl-controls {
       margin-top: 0.4rem;
  }
   .content .inBox #pro-series .series-list #owl-demo5 .owl-controls  .owl-nav{ display:none}
  .content .inBox #pro-series .series-list #owl-demo5 .item {
    padding: 0.2rem 0.2rem 0;
    margin-right:7px;
  }
  .content .inBox #pro-series .series-list #owl-demo5 .item .text {
    height: 0.5rem;
    line-height: 0.5rem;
    font-size: 0.2rem;
  }
  .content .inBox .case {
    padding-top: 0.4rem;
  }
  .content .inBox .case .case-title .p1 {
    font-size: 0.33rem;
  }
  .content .inBox .case .case-title .p2 {
    font-size: 0.23rem;
    padding: 0 0.2rem;
    bottom: -0.05rem;
  }
  .content .inBox .case .case-title {
    height: 0.7rem;
    margin: 0 0.15rem;
  }
  .content .inBox .case .case-image {
    margin-top: 0.6rem;
  }
  .content .inBox .case .caseText-box {
    padding: 0.24rem 0.15rem 0.5rem;
  }
  .content .inBox .case .caseText-box .caseText-left {
    width: 100%;
  }
  .content .inBox .case .caseText-box .caseText-left .caseText-left1 .p1 {
    width: 1.2rem;
    height: 0.36rem;
    line-height: 0.36rem;
    font-size: 0.2rem;
  }
  .content .inBox .case .caseText-box .caseText-left .caseText-left1 .p2 {
    font-size: 0.3rem;
    line-height: 0.36rem;
    margin-left: 1.35rem;
  }
  .content .inBox .case .case-list li a {
    padding: 0.3rem 0.15rem;
  }
  .content .inBox .case .case-list li a .image {
    width: 2.4rem;
  }
  .content .inBox .case .case-list li a .text {
    margin-left: 2.55rem;
  }
  .content .inBox .case .case-list li a .text .text1 {
    width: 100%;
  }
  .content .inBox .case .case-list li a .text .text2,
  .content .inBox .case .case-list li a .text .text3 {
    display: none;
  }
  .content .inBox .case .case-list li a .text .text1 .p1 {
    font-size: 0.23rem;
    line-height: 0.3rem;
    height: 0.6rem;
    margin-top: 0.1rem;
  }
  .content .inBox .case .case-list li a .text .text1 .p2 {
    margin-top: 0.3rem;
  }
  .content .inBox .case .case-list li a .text .text1 .p2 span {
    display: none;
  }
  .content .inBox .case .case-list li a .text .text1 .p2 span.span3{
    display: block;
    width: 1.2rem;
    height: 0.36rem;
    line-height: 0.36rem;
    border: 1px solid #E3E8EA;
    font-size: 0.2rem;
    text-align: center;
    border-radius: 20px;
    background-color: transparent;
        color: #999999;
  }
  .index-news #owl-demo2 .owl-controls .owl-dots{
    bottom: -0.5rem;
  }
  .content .inBox .case .case-list li a .text .text1 .p2 span:last-child {
    display: block;
    font-size: 0.2rem;
    width: 1.5rem;
    margin-right: 0.1rem;
    float: right;
  }
  .content .inBox .case .case-list li {
    border-left: none;
    border-right: none;
  }
  .content .inBox2 .pro-detail .pro-detail1,
  .content .inBox2 .pro-detail .pro-detail1 .pro-detail1-left #owl-demo6 {
    padding: 0;
  }
  .content .inBox2 .pro-detail .pro-detail1 .pro-detail1-left #owl-demo6 .owl-nav {
    display: none;
  }
  .content .inBox2 .pro-detail .pro-detail1 .pro-detail1-left #owl-demo6 .owl-dots {
    display: block !important;
    position: absolute;
    bottom: 5px;
    width: 100%;
  }
  .content .inBox2 .pro-detail .pro-detail1 .pro-detail1-left #owl-demo6 .owl-dots .owl-dot span {
    width: 6px;
    height: 6px;
  }
  .content .inBox2 .pro-detail .pro-detail1 .pro-detail1-left #owl-demo6 .item {
    height: 3.7rem;
    background-size: 100% auto !important;
  }
  .content .inBox2 .pro-detail .pro-detail1 .pro-detail1-right {
    padding: 0 0.15rem;
  }
  .content .inBox .pro-detail .protype-list {
    margin-top: 0.25rem;
  }
  .content .inBox .pro-detail .protype-list li a {
    line-height: 0.65rem;
    height: 0.65rem;
    font-size: 0.23rem;
  }
  .content .inBox .pro-detail .case-detailContent-title {
    margin-top: 0.35rem;
    font-size: 0.3rem;
  }
  .content .inBox .pro-detail .case-detailContent .case-detailContent-textBox {
    padding: 0.3rem 0.15rem 0.2rem;
  }
  .content .inBox .pro-detail .case-detailContent .case-detailContent-textBox #owl-demo7 {
    margin-top: 0.3rem;
  }
  .content .inBox .pro-detail .case-detailContent .case-detailContent-textBox .item {
    height: 3.45rem;
    display: block;    
  }
   .content .inBox .fixed .right-arrow ,.content .inBox .fixed .left-arrow{
    background-color: #000;
    background-position-x:center; 
  }
  #owl-demo7 .owl-dots .owl-dot span {
    background-color: #CCCCCC;
  }
  #owl-demo7 .owl-dots .active span {
    background-color: transparent;
  }
  .content .inBox2 .pro-detail .case-video #my-video {
    margin-top: 0;
  }
  .content .inBox .pro-detail .case-video {
    padding: 0 0.15rem;
  }
  .content .inBox .pro-detail .case-back {
    margin: 0.75rem 0 0.5rem;
  }
  .content .inBox .pro-detail .case-back a {
    width: 2.6rem;
    height: 0.6rem;
    line-height: 0.6rem;
    font-size: 0.2rem;
  }
  .wap_menu li p{
    padding: 8px 10px;
  }
  .content .inBox .pro-detail .case-back a img {
    width: 0.18rem;
  }
  .content .inBox .pro-detail .turnPage .email {
    display: none;
  }
  .content .inBox .pro-detail .turnPage ul li:first-child,
  .content .inBox .pro-detail .turnPage ul li {
    padding: 0;
    margin: 0;
    font-size: 0.23rem;
    line-height: 0.4rem;
    width: 100%;
  }
  .content .inBox .pro-detail .turnPage ul li:first-child:before {
    display: none;
  }
  .content .inBox .pro-detail .turnPage {
    margin: 0 0.15rem;
    padding: 0.1rem 0;
  }
  .content .inBox .pro-detail .turnPage ul.left{
    float: none;
    width: 100%;
  }
  .content .inBox .pro-detail .case-detailContent-title span {
    font-size: 0.3rem;
  }
  .content .inBox .pro-detail .case-detailContent-title span:before,
  .content .inBox .pro-detail .case-detailContent-title span:after {
    width: 0.75rem;
    top: 13px;
  }
  .content .inBox .pro-detail .correlation-proList {
    padding: 0.25rem 0.075rem 0.45rem;
  }
  .content .inBox .pro-detail .correlation-proList li {
    width: 2.97rem;
    margin: 0 0.075rem;
    margin-top: 0.15rem;
  }
  .content .inBox .footer-case .case-detailContent-title {
    font-size: 0.3rem;
    margin-top: 0.35rem;
  }
  .content .inBox2 {
    padding: 0.3rem 0.15rem 0;
  }
  .content .inBox .footer-case .footer-caseList {
    margin-top: 0.1rem;
  }
  .content .inBox .footer-case .footer-caseList li a .image {
    width: 2.8rem;
  }
  .content .inBox .footer-case .footer-caseList li a .text {
    margin-left: 2.8rem;
  }
  .content .inBox .footer-case {
    padding: 0 0.15rem 0.6rem;
  }
  .content .inBox .footer-case .footer-caseList li a .text {
    padding: 0.1rem 0.1rem 0;
  }
  .content .inBox .footer-case .footer-caseList li a .text .p1 {
    font-size: 0.23rem;
    line-height: 0.4rem;
  }
  .content .inBox .footer-case .footer-caseList li a .text .p2 {
    margin: 0;
  }
  .content .inBox .footer-case .footer-caseList li a .text .p3 {
    height: 22px;
  }
  .content .inBox .about1-content {
    padding: 0.3rem 0 0.6rem;
  }
  .content .inBox .about1-title .p1 {
    font-size: 0.33rem;
  }
  .content .inBox .about1-title {
    height: 0.7rem;
  }
  .content .inBox .about1-title .p2 {
    bottom: -2px;
    font-size: 0.23rem;
  }
  .content .inBox .about1-content .about1-contentText1 {
    padding: 0.45rem 0.15rem 0;
  }
  .content .inBox .about1-videoBox .video-js {
    width: 5.8rem;
    height: 3.5rem;
  }
  .content .inBox .about1-videoBox #my-video:before {
    width: 2rem;
    height: 1.5rem;
    background-size: 100% auto;
    left: -20px;
    top: -50px;
  }
  .content .inBox .about1-videoBox .about-number .number li {
    width: 1.7rem;
    height: 1.7rem;
    background-size: 100% auto;
  }
  .content .inBox .about1-videoBox .about-number .number li {
    padding-top: 0.5rem;
    margin-right: 0.4rem;
  }
  .content .inBox .about1-videoBox .about-number .number li .text1 .span1 {
    font-size: 0.6rem;
  }
  .content .inBox .about1-videoBox .about-number .number li .text1 .span2 {
    top: 0.2rem;
    right: 0rem;
    font-size: 0.2rem;
    line-height: 0.24rem;
  }
  .content .inBox .about1-videoBox .about-number .number li .text2 {
    margin-top: 5px;
    font-size: 0.22rem;
  }
  .content .inBox .about1-videoBox .about-number .number {
    padding: 0.1rem 0;
  }
  .content .inBox .about1-videoBox .about-number .number li:last-child:before {
    top: 0.6rem;
    right: 0.15rem;
  }
  .content .inBox .about1-contentText2 {
    padding: 0.3rem 0.15rem;
  }
  .content .inBox .customerCase2 #owl-demo4 {
    margin-top: 0.45rem !important;
  }
  .content .inBox .type2Box .type2 li {
    width: 100%;
    height: 0.6rem;
    font-size: 0.23rem;
    line-height: 0.6rem;
    border: none;
    background-color: #F5F5F5;
    margin-top: 1px;
  }
  .content .inBox .type2Box {
    margin-top: 0.09rem;
  }
  .content .inBox .about3-list li {
    padding: 0;
    width: 100%;
    margin-top: 0.34rem;
  }
  .content .inBox .about3-list {
    padding: 0.35rem 0.15rem 0;
  }
  .content .inBox .about3-list li a .image {
    padding: 0.15rem;
  }
  .content .inBox .about3-list li a .text {
    height: 0.7rem;
    line-height: 0.7rem;
    font-size: 0.23rem;
  }
  .content .inBox .about-more {
    margin-top: 0.55rem;
  }
  .content .inBox .about-more a {
    width: 3rem;
    height: 0.7rem;
    line-height: 0.7rem;
    font-size: 0.23rem;
  }
  .content .content4 .index-news .index-newsLeft .item .text {
    font-size: 0.23rem;
    height: 0.6rem;
    line-height: 0.6rem;
  }
  .content .zhanhui .images {
    width: 1.8rem;
    height: 4.5rem;
    background-size: 100% auto;
    top: -1rem;
    left: 0;
  }
  .content .zhanhui {
    margin-top: 0.3rem;
    padding: 0 0.15rem 0.45rem;
  }
  .content .zhanhui .textBox .text {
    padding: 0.3rem 0.4rem 0;
  }
  .content .zhanhui .textBox .text .p1 {
    font-size: 0.26rem;
  }
  .content .zhanhui .textBox .text .p2 {
    margin: 0.12rem 0 0.02rem;
    font-size: 0.23rem;
  }
  .content .zhanhui .textBox .text .p3 {
    line-height: 20px;
    height: 60px;
  }
  .content .about1-title .p1 {
    font-size: 0.33rem;
  }
  .content .about1-title .p2 {
    font-size: 0.23rem;
    bottom: 0px;
    padding: 0 15px;
  }
  .content .about1-title {
    margin: 0 0.17rem;
    height: 0.65rem;
  }
  .content .incontent4 .index-news {
    margin-top: 0.4rem;
  }
  .content .news1Box {
    padding: 0.4rem 0.15rem 0.5rem;
  }
  .content .news1Box .news1-list li {
    width: 2.93rem;
    margin-right: 0.22rem;
  }
  .content .news1Box .news1-list li:nth-child(2) {
    margin-right: 0;
  }
  .content .news1Box .news1-list li:last-child {
    display: none;
  }
  .content .news1Box .news1-list li .image .date {
    width: 0.95rem;
    height: 0.6rem;
  }
  .content .news1Box .news1-list li .image .date .p1 {
    font-size: 0.26rem;
    line-height: 0.26rem;
    margin: 0.06rem 0 0.03rem;
  }
  .content .inBox .type.fixed{
    position: fixed;
  }
  .content .news1Box .news1-list li .image .date .p2 {
    font-size: 0.2rem;
    line-height: 0.22rem;
  }
  .content .news1Box .news1-list li .text .p1 {
    font-size: 0.23rem;
    height: 0.57rem;
    line-height: 0.57rem;
  }
  .content .news1Box .news1-list li .text .p2 {
    font-size: 0.2rem;
    line-height: 16px;
    height: 32px;
  }
  .content .inBox .news3-title {
    margin: 0.4rem 0 0.15rem;
    font-size: 0.3rem;
  }
  .content .inBox .news3-dateBox > div {
    font-size: 0.23rem;
  }
  .content .inBox .news3-dateBox > div a {
    padding: 1px 10px;
    margin-right: 2px;
  }
  .content .inBox .news3-text {
    margin: 0.2rem 0 0;
    padding: 0.25rem 0.15rem 0;
    font-size: 0.23rem;
    line-height: 0.4rem;
  }
  .content .inBox .pro-detail .case-back {
    margin: 0.4rem 0 0.5rem;
  }
  .content .inBox .news3 .footer-caseList li a .text .p3 {
    margin-top: 0.1rem;
    line-height: 0.32rem;
    font-size: 0.2rem;
    height: 0.96rem;
  }
  .content .contact-us2 {
    margin-bottom: 10px;
  }
  .contact-us2-2 {
    padding: 0 0.15rem;
  }
  .panel-body {
    padding: 10px 10px 20px;
  }
  .content .contact-us1-4-1 .container .contaact-us1-4-input {
    padding: 0 0.3rem;
  }
  .content .contact-us1-4-1 .container .contaact-us1-4-input .submit {
    margin-bottom: 0;
  }
  .content .contact-us4-title .p2 {
    margin-top: 0.2rem;
  }
  .content .contact-us4-title {
    border-bottom: none;
  }
  .content .about1-title .p1 {
    position: relative;
  }
  .content .about1-title .p1:before,
  .content .about1-title .p1:after {
    content: "";
    display: block;
    width: 0.47rem;
    height: 1px;
    position: absolute;
    top: 0.25rem;
    background-color: #545454;
  }
  .content .about1-title .p1:before {
    left: 1.5rem;
  }
  .content .about1-title .p1:after {
    right: 1.5rem;
  }
  .content .about1-title .p1:before,
  .content .about1-title .p1:after {
    display: none;
  }
  .content .server .server1 p {
    padding: 0 0.15rem 0.4rem;
    font-size: 0.23rem;
    line-height: 0.4rem;
    text-align: left;
  }
  .content .server .server2 {
    padding: 0.6rem 0.15rem;
  }
  .content .server .server2 .server2-left .server2-left-1 {
    width: 4.4rem;
    height: 4.38rem;
    background-size: 100% auto;
  }
  .content .server .server2 .server2-left .server2-left-1 a {
    height: 110px;
  }
  .content .server .server2 .server2-left .server2-left-2 {
    margin-top: 0.3rem;
    padding: 0 0.3rem 0 0.15rem;
  }
  .content .server .server2 .server2-left .server2-left-2 .p2 {
    margin-top: 0.2rem;
    font-size: 0.2rem;
    line-height: 0.35rem;
  }
  .content .server .server2 .server2-left .server2-left-2 ul li {
    font-size: 0.2rem;
    line-height: 0.35rem;
  }
  .content .server .server2 .server2-left .server2-left-2 ul li:before {
    top: 0.13rem;
  }
  .content .server .server3 .server3-box .server-map {
    background-image: url(../images/server1-wrap.jpg);
  }
  .content .server .server3 .server3-box .server-map .star {
    display: none !important;
  }
  .content .server .server3 .server3-box {
    padding: 0.3rem 0 0.5rem;
  }
  .content .server .server4 .server4-list li {
    width: 50%;
    margin-right: 0;
  }
  .content .server .server4 .server4-list li:nth-child(2),
  .content .server .server4 .server4-list li:nth-child(3) {
    display: none;
  }
  .server4-list {
    padding: 0 0.15rem;
  }
  .content .server .server4 .server4-list li a {
    margin: 0 0.15rem;
    height: 2.75rem;
    padding-top: 0.4rem;
  }
  .content .server .server4 {
    padding: 0.4rem 0 0.6rem;
  }
  .content .server-title {
    margin-bottom: 0.4rem;
  }
  .content .server .server4 .server4-list li a {
    font-size: 0.2rem;
  }
  .content .server .server4 .server4-list li a .p1 {
    font-size: 0.23rem;
  }
  .content .server .server4 .server4-list li a .p2 {
    margin-top: 0.15rem;
    line-height: 0.3rem;
  }
  .content .inBox .case .case-list li a .text .text1 .p2 span:last-child i {
    margin-right: 5px;
    display: inline-block;
    width: 0.2rem;
    position: relative;
    top: -2px;
}
  .content .server .server4 .server4-list li a .p3 {
    line-height: 0.3rem;
  }
  .content .server-content5 .server-list li {
    padding: 0 0.05rem;
    margin-top: 0.5rem;
  }
  .content .server-content5 .server-list {
    margin-top: -0.5rem;
  }
  .content .server-title span {
    font-size: 0.33rem;
  }
  .content .inBox #information .information-input li .p2 span b{
    font-weight: bold;
  }
  .content .content3 .case-list .swiper-container .swiper-slide-active:hover .hzh-bg,.content .inBox .pro .pro-list li:hover .hzh-bg{
    opacity: 0;
  }
}

#banner  .index-news .owl-theme .owl-controls .owl-nav .owl-prev{left:0}
#banner  .index-news .owl-theme .owl-controls .owl-nav .owl-next{right:0}
#inbanner{ background-size:auto 100%; background-position:center; background-repeat:no-repeat}
#customerCase .owl-theme .owl-dots .owl-dot span{ background:#cccccc}
#customerCase .owl-theme .owl-dots .active span{ background:#005E9C}

.resume .resume_list .form-group .control-label{ padding-right:0;    padding-top: 5px;text-align: right;}
.resume .resume_list .form-group>div{ padding-left:10px;}


.tableBox::-webkit-scrollbar
{
    width: 10px;
    height: 10px;
    background-color: #f1f1f1;  
}
 
/*�������������� ����Ӱ+Բ��*/
.tableBox::-webkit-scrollbar-track
{
    border-radius: 3px;
    background-color: #f1f1f1; 
}
 
/*���廬�� ����Ӱ+Բ��*/
.tableBox::-webkit-scrollbar-thumb
{
    border-radius: 3px;
    background-color: #b3b3b3;
}


.tableBox::-webkit-scrollbar-button:start {
     background-image:url(../images/ico1.jpg);background-position:center ; background-repeat:no-repeat; width:10px;
}
.tableBox::-webkit-scrollbar-button:end{  background-image:url(../images/ico2.jpg);background-position:center; background-repeat:no-repeat; width:10px;}




/*xx  add*/
.aa {
    justify-content: center;
}

.content .inBox .type {
  text-align: center;
}
.content .inBox .type .swiper-slide {
  display: inline-block;
  width: 12.6%;
  margin: 0;
  padding: 0;
  margin-right: 5px;
  font-size: 16px;
}
.content .inBox .type .swiper-slide a {
  color: #000000;
  display: block;
  height: 45px;
  line-height: 45px;
  text-align: center;
  background-color: #EEEEEE;
}

  .content .inBox .type .swiper-slide:last-child {
  margin-right: 0;
}
.content .inBox .type .swiper-slide:hover a,
.content .inBox .type .swiper-slide.current a {
  background-color: #005E9C;
  color: #fff;
}
  .content .inBox .sub_nav1 {
    position: relative;
    padding: 0 ;
    overflow: hidden;
  }
  .content .inBox .sub_nav1 .type {
    position: relative;
  }
  .content .inBox .sub_nav1 .type .swiper-slide {
    width: 1.76rem; display:inline-block;
    margin-right: 0.11rem;
  }
  .content .inBox .sub_nav1 .type .swiper-slide:last-child {
    margin-right: 0;
  }
  .content .inBox .sub_nav1 .swiper-button-next {
     background:url(../images/type-right.png) no-repeat right center;
  }
  .content .inBox .sub_nav1 .swiper-button-prev {
background: url(../images/type-left.png) no-repeat left center;  }
  .content .inBox .sub_nav1 .swiper-button-next,
  .content .inBox .sub_nav1 .swiper-button-prev {
    height: 0.65rem;
    width: 0.25rem;
    background-size: 0.14rem auto;
    z-index: 10;
  }
  
  .sub_nav1 .swiper-container {
    width: 86%;
    margin: auto;
}


@media (max-width: 767px) { 
.content .inBox .fixed .swiper-slide a{
    background-color: transparent;
    color: #fff;
  }
.content .inBox .about1-videoBox{background-attachment: inherit; height:auto}
.content .inBox .sub_nav1{ margin-left:-0.15rem; margin-right:-0.15rem;}
.content .inBox .sub_nav1 .type {
    position: relative;
  }
  .content .inBox .sub_nav1 .type li {
    width: 1.76rem;
    float: left;
    margin-right: 0.11rem;
  }

.content .inBox .sub_nav1 .type .swiper-slide{ margin:0;}
 .content .inBox .type .swiper-slide a {
    line-height: 35px;
    height: 35px;
    font-size: 15px; margin:0 3px;
  }

}
.content .inBox .sub_nav1.fixed .swiper-slide:last-child a{ background:#DA0F05}
  .content .inBox .fixed .swiper-slide:last-child a{ background:#DA0F05}

/*xx修改*/

.content .inBox .pro-detail .pro-detail2 .pro-detailType_bg .pro-detailType li:last-child{ display:none;transition: all linear 0.2s;-webkit-transition: all linear 0.2s;-moz-transition: all linear 0.2s;}
.content .inBox .pro-detail .pro-detail2 .pro-detailType_bg.fixed .pro-detailType li:last-child{ display:inline-block}
.content .inBox .type.fixed li:last-child{ display:inline-block}

.content .inBox .fixed .type .swiper-slide:last-child{ display:inline-block}

@media (max-width: 767px) { 
.content .inBox .sub_nav1 .type .swiper-slide:last-child{ display:inline-block;}
.content .inBox .fixed .type .swiper-slide:last-child{ display:inline-block}

#owl-demo7{ margin-bottom:20px;}
#owl-demo7.owl-theme .owl-controls .owl-dots{    bottom: -25px !important;}
#owl-demo7.owl-theme .owl-dots .owl-dot span {width: 6px;height: 6px;}
#banner .owl-theme .owl-dots .owl-dot span {width: 6px;height:6px;}
}
.social{color:#ccc;width:100%;}
.social .iconfont{font-size:20px;color:#76818e;}
.social .am-u-sm-4,.social .w100{padding:0 2.4rem;}
.social .am-u-sm-4:last-child{padding-left:10px;}
.social .am-u-sm-4 a{color:#fff;width:40px;height:40px;text-align:center;line-height:40px;border-radius:50px;display:inline-block;}
.am-menu-offcanvas1 .am-menu-nav>li>a:hover{background-color:#22262a;}
.social .am-u-sm-4:nth-child(1) a{background-color:#22262a;}
.social .am-u-sm-4:nth-child(2) a{background-color:#22262a;}
.social [class*=am-u-]+[class*=am-u-]:last-child{float:left;}
.social .w100,.social .w100 a{color:#76818e;}
.content .content3 .case-list .swiper-container .swiper-slide .image{ background-repeat:no-repeat !important; background-size:auto 100% !important}

@media (max-width: 767px) { 
.content .contact-us1-2 .contact-us1-2-list li .contact-code{
  margin-left: -68px;
  top: -20px; width:120px; height:150px;
}
.content .contact-us1-1 .row .contact-us1-1-address p span{  margin-left: 5px;}
}

.vjs-poster{ background-size:100% auto}
.video-js .vjs-big-play-button{ height:80px; line-height:80px; width:80px; border-radius:50%; background:none;border:4px solid #fff;transition: all linear 0.2s;-webkit-transition: all linear 0.2s;-moz-transition: all linear 0.2s;}
.video-js:hover .vjs-big-play-button{ background:none; border-color:#38b2c9}
.video-js .vjs-big-play-button .vjs-icon-placeholder:before{ top:-2px;}
 .video-js .vjs-modal-dialog, .vjs-button>.vjs-icon-placeholder:before, .vjs-modal-dialog .vjs-modal-dialog-content{ font-size:2em; top:2px;}
.video-js .vjs-big-play-button{ margin-top:-40px;}
.video-js .vjs-big-play-button .vjs-icon-placeholder:before{ font-size:65px;transition: all linear 0.2s;-webkit-transition: all linear 0.2s;-moz-transition: all linear 0.2s;}
.video-js:hover .vjs-big-play-button .vjs-icon-placeholder:before{ color:#38b2c9}
.video-js .vjs-tech{ background:#000}
@media (max-width: 767px) { 
.video-js .vjs-big-play-button{ height:50px; line-height:50px; width:50px; border-radius:50%; background:none;border:2px solid #fff; margin-top:-25px; margin-left:-25px;}
.video-js .vjs-big-play-button .vjs-icon-placeholder:before{ font-size:35px; top:0px}

}

.about1-videoBox #my-video1 #my-video{background:none;width:715px; height:400px;}

@media (max-width: 767px) { 
.about1-videoBox #my-video1 #my-video{background:none;width: 94%;
    height: 80%;
    margin-top: 9%;}

}


.shengchan_img{ position:relative}
.shengchan_img b{ font-size:20px; text-align:center ; display:block; margin-bottom:45px; position:absolute; bottom:20px; left:40%}
.shengchan_img span{ position:absolute; width:24px; height:24px; border-radius:50%; color:#fff; font-size:16px; text-align:center; line-height:24px;}
.shengchan_img span.shengchan_no{ background:#909090}
.shengchan_img span.shengchan_have{ background:#b76e00;cursor:pointer}
.shengchan_img span.shengchan_have:hover{ background:#183573}
.shengchan_jj .shengchan_img span.no1{ top:20%; left:37%}
.shengchan_jj .shengchan_img span.no2{ top:34%; left:50%}
.shengchan_jj .shengchan_img span.no3{ top:37.5%; left:57%}
.shengchan_jj .shengchan_img span.no4{ top:45.8%; left:47%}
.shengchan_jj .shengchan_img span.no5{ top:38.2%; left:43.3%}
.shengchan_jj .shengchan_img span.no6{ top:44.5%; left:43%}
.shengchan_jj .shengchan_img span.no7{ top:42%; left:50%}
.shengchan_jj .shengchan_img span.no8{ top:50%; left:35%}
.shengchan_jj .shengchan_img span.no9{ top:56%; left:43%}
.shengchan_jj .shengchan_img span.no10{ top:57.4%; left:12.1%}
.shengchan_jj .shengchan_img span.no11{ top:65.6%; left:22%}
.shengchan_jj .shengchan_img span.no12{ top:61%; left:28.1%}
.shengchan_jj .shengchan_img span.no13{ top:54.8%; left:32.5%}
.shengchan_jj .shengchan_img span.no14{ top:69.5%; left:36%}
.shengchan_jj .shengchan_img span.no15{ top:59.5%; left:38.6%}
.shengchan_jj .shengchan_img span.no16{ top:64.1%; left:41%}
.shengchan_jj .shengchan_img span.no17{ top:69%; left:44.5%}
.shengchan_jj .shengchan_img span.no18{ top:65.1%; left:48.75%}
.shengchan_jj .shengchan_img span.no19{ top:75.6%; left:56.7%}
.shengchan_jj .shengchan_img span.no20{ top:79.3%; left:73.3%}
.shengchan_jj .shengchan_img span.no21{ top:45.9%; left:77.5%}
.shengchan_jj .shengchan_img span.no22{ top:41%; left:69.7%}



.shengchan_zd .shengchan_img span.no1{ top:31.1%; left:71.7%}
.shengchan_zd .shengchan_img span.no2{ top:54%; left:81.5%}
.shengchan_zd .shengchan_img span.no3{ top:75.6%; left:69%}
.shengchan_zd .shengchan_img span.no4{ top:52%; left:59.4%}
.shengchan_zd .shengchan_img span.no5{ top:55.5%; left:58%}
.shengchan_zd .shengchan_img span.no6{ top:60.3%; left:64.5%}
.shengchan_zd .shengchan_img span.no7{ top:50%; left:63.3%}
.shengchan_zd .shengchan_img span.no8{ top:53%; left:52.3%}
.shengchan_zd .shengchan_img span.no9{ top:56%; left:48.9%}
.shengchan_zd .shengchan_img span.no10{ top:50.7%; left:43.7%}
.shengchan_zd .shengchan_img span.no11{ top:61%; left:45.6%}
.shengchan_zd .shengchan_img span.no12{ top:67%; left:43.6%}
.shengchan_zd .shengchan_img span.no13{ top:67%; left:41%}
.shengchan_zd .shengchan_img span.no14{ top:74%; left:36.5%}
.shengchan_zd .shengchan_img span.no15{ top:78%; left:29.4%}
.shengchan_zd .shengchan_img span.no16{ top:63%; left:14%}
.shengchan_zd .shengchan_img span.no17{ top:61%; left:18%}
.shengchan_zd .shengchan_img span.no18{ top:54.5%; left:17%}
.shengchan_zd .shengchan_img span.no19{ top:53.5%; left:18.7%}
.shengchan_zd .shengchan_img span.no20{ top:43.5%; left:23.3%}
.shengchan_zd .shengchan_img span.no21{ top:51.5%; left:28%}
.shengchan_zd .shengchan_img span.no22{ top:48%; left:32%}
.shengchan_zd .shengchan_img span.no23{ top:46%; left:37.2%}
.shengchan_zd .shengchan_img span.no24{ top:52%; left:38.3%}
.shengchan_zd .shengchan_img span.no25{ top:60%; left:40%}
.shengchan_zd .shengchan_img span.no26{ top:40.8%; left:26%}
.shengchan_zd .shengchan_img span.no27{ top:40.8%; left:31.9%}
.shengchan_zd .shengchan_img span.no28{ top:36%; left:35.8%}
.shengchan_zd .shengchan_img span.no29{ top:30%; left:39.5%}
.shengchan_zd .shengchan_img span.no30{ top:35%; left:17.2%}
.shengchan_zd .shengchan_img span.no31{ top:69%; left:83.7%}




.shengchan_text1{ float:left; width:25%}
.shengchan_text{ font-size:20px; line-height:40px;}
.shengchan_xq{ position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.4); top:0; left:0; z-index:20; display:none}
.shengchan_xq .xq_img{ position:fixed; width:50%; top:10%; left:25%}
.shengchan_xq span{ position:fixed; width:40px; height:40px; background:rgba(0,0,0,0.5); color:#fff; font-size:24px; font-family:Arial, Helvetica, sans-serif; text-align:center; border-radius:50%; line-height:40px; top:8%; right:24%; z-index:22;cursor:pointer}
.shengchan_xq .xq_no2{ display:none}