/* 全局样式开始 */

* {

  margin: 0;

  padding: 0;

}



html, body {

  /* height: 100%;*/

    /*overflow: hidden;*/

  font-family: "微软雅黑";

}



ul li {

  list-style-type: none;

}



body {

  font-size: 14px;

  line-height: 1.50;

  color: #333;

  background-color: #fff;

  position: relative;

}



a:hover {

  text-decoration: none;
  color:#e50112;

}



section {

  background-color: #ffffff;

  margin: 0;

}



img {

  /*display: block;*/


  height: auto;

}

.Segmenting{}

.headerbox{display: none;}

/* 全局样式结束 */







/* 头部样式开始 */

.header_w {

  width: 100%;

  background: #242424;

  position: fixed;

  z-index: 888;display: none;

}



.header_con {

  width: 100%;

  display: table;

  max-width: 1200px;

  margin: 0 auto;

  position: relative;

  text-align: center;

}



.header_right {

  float: right;

}



/*搜索框 k*/

.d7 {

  float: left;

  overflow: hidden;

}



.d7:after {

  content: "";

  clear: both;

  display: table

}



.d7 form {
  width: auto;
  float: right;
  margin-right: 10px;
}



.d7 input {
border-radius: 20px; border: 1px solid #444; margin-top: 3px;
  width: 190px;

  height: 30px;

  padding-left: 15px;

  background: none;

  outline: none;

  position: relative;

  transition: .3s linear;

  font-size: 12px;

  color: #fff;

}



.d7 input:focus {

  /* width: 240px; */

}



.d7 button {

  background: url(../images/f-1.png)no-repeat;

  width: 42px;

  height: 38px;

  border: none;

  position: absolute;

  top: 1px;

  right: 85px;

  background-size: 85%;

}



.d7 button {

  outline: none;

} 

 



/*搜索框 s*/

/*语言 k*/

.dropbtn {

  color: white;

  padding: 10px;

  font-size: 12px;

  border: none;

  cursor: pointer;

  background: none;

}



.in-left {

  position: relative;

   float: left; 

}



.dropdown-content {

  display: none;

  position: absolute;

  background-color: #fff;

  min-width: 65px;

  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);

  z-index: 999;

}



.dropdown-content a {

  color: black;

  padding: 10px;

  text-decoration: none;

  display: block;

  font-size: 12px;

  /* margin-right: 0.5rem; */

}



.dropdown-content a:hover {

  background-color: #f1f1f1;

  display: block;

}



.dropdown:hover .dropdown-content {

  display: block;

}



.dropdown:hover .dropbtn {

  color: #fff;

}

/*语言 s*/

/*导航 k*/

.yamm .nav,

.yamm .collapse,

.yamm .dropup,

.yamm .dropdown {

  position: static;

}

.yamm .container {

  position: relative;height: 100%;

}

.yamm .dropdown-menu {

  left: auto;

}

.yamm .yamm-content {

  padding: 40px 40px;

  overflow: hidden;

}

.yamm .dropdown.yamm-fw .dropdown-menu {

  left: -50%;

  right: 0;

}

@media (max-width: 1200px){

  .navbar-fixed-top {}
  .header_w{}
  .navbar-default {}
  .navbar-default .navbar-toggle {
  border:none;background: none;

}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{background: none}
.navbar-default .navbar-nav>.s-drowz>a{ color:#333}
.navbar-default .navbar-toggle .icon-bar{background-color: #fff;}
.media-heading {

    font-size: 20px;

}

/*面包屑图片 k*/
.appimg-banner { display: none;}
.portfolio_bimg{ display: none;}

/*面包屑图片 s*/


.navbar-default .navbar-collapse, .navbar-default .navbar-form{border: none;height: 100%;box-shadow: 0 5px 10px rgba(0,0,0,.1);}
.navbar-collapse{background: #fff;}
.text-title h1{padding: 10px 0;}

.nav>li>a {

    padding: 10px 10px;

}


.navbar-default .navbar-nav>.open>a:hover {

    color: #255dab;

}



.list-unstyled.link-list li a{ color:#333;}

.navbar-brand>img {

 

max-width: 60%;

}

.navbar-brand {

    height: 60px;

    padding: 13px 0;

}



.text-title.join-wzd{

    font-size: 3rem;

    padding: 0 0 20px 0;

}

.web-design{

    width: 100%;

    margin-bottom: 20px;

    float: left;

}



.col-sm-ll6{width:50%; float:left;}

.app-development{width: 100%;margin-bottom: 15px;float: left;}

.image-box{

}



.jon-design{



   width:50%;

   margin-bottom:20px



}



.web-design1{width:50%;margin-bottom: 15px;float: left;}



.navbar-toggle {

    margin-top: 18px;

}






.headerbox{height: 60px; display: block;}





.screen-c.no-sceen {

   width: 100%;

   background: #fff;

   display: none;

   position: absolute;

   left: 0;

   right: 0%;

   box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.2);

   padding: 19px;

   z-index: 999;

}





}











/*导航 s*/





/*# sourceMappingURL=zd-1.0.css.map 





/* 头部样式结束 */

/*banner图片切换 k*/

.bs-slider {

  overflow: hidden;

  max-height: 1000px;

  position: relative;

  background: #000;

}



.bs-slider:hover {

/*   cursor: -moz-grab;

  cursor: -webkit-grab; */

}



.bs-slider:active {

  cursor: -moz-grabbing;

  cursor: -webkit-grabbing;

}



.bs-slider .bs-slider-overlay {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background-color: rgba(0, 0, 0, 0.40);

}



.bs-slider > .carousel-inner > .item > img,

.bs-slider > .carousel-inner > .item > a > img {

  margin: auto;

  width: 100% !important;

}



/********************

*****Slide effect

**********************/



.fade {

  opacity: 1;

}



.fade .item {

  top: 0;

  z-index: 1;

  opacity: 0;

  width: 100%;

  position: absolute;

  left: 0 !important;

  display: block !important;

  -webkit-transition: opacity ease-in-out 1s;

  -moz-transition: opacity ease-in-out 1s;

  -ms-transition: opacity ease-in-out 1s;

  -o-transition: opacity ease-in-out 1s;

  transition: opacity ease-in-out 1s;

}



.fade .item:first-child {

  top: auto;

  position: relative;

}



.fade .item.active {

  opacity: 1;

  z-index: 2;

  -webkit-transition: opacity ease-in-out 1s;

  -moz-transition: opacity ease-in-out 1s;

  -ms-transition: opacity ease-in-out 1s;

  -o-transition: opacity ease-in-out 1s;

  transition: opacity ease-in-out 1s;

}













/*---------- LEFT/RIGHT ROUND CONTROL ----------*/

.control-round .carousel-control {

  top: 47%;

  opacity: 0;

  width: 45px;

  height: 45px;

  z-index: 100;

  color: #ffffff;

  display: block;

  font-size: 24px;

  cursor: pointer;

  overflow: hidden;

  line-height: 43px;

  text-shadow: none;

  position: absolute;

  font-weight: normal;

  background: transparent;

  -webkit-border-radius: 100px;

  border-radius: 100px;

}



.control-round:hover .carousel-control {

  opacity: 1;

}



.control-round .carousel-control.left {

  left: 1%;

}



.control-round .carousel-control.right {

  right: 1%;

}



.control-round .carousel-control.left:hover,

.control-round .carousel-control.right:hover {

  color: #fdfdfd;

  background: rgba(0, 0, 0, 0.5);

  border: 0px transparent;

}



.control-round .carousel-control.left>span:nth-child(1) {

  left: 45%;

}



.control-round .carousel-control.right>span:nth-child(1) {

  right: 45%;

}











/*---------- INDICATORS CONTROL ----------*/

.indicators-line > .carousel-indicators {

  right: 50%;

  bottom: 5%;

  left: auto;

  width: 90%;

  height: 50px;

  font-size: 0;

  overflow-x: auto;

  text-align: right;

  overflow-y: hidden;

  padding-left: 10px;

  padding-right: 10px;

  padding-top: 1px;

  white-space: nowrap;

}



.indicators-line > .carousel-indicators li {

  padding: 0;

  width: 15px;

  height: 15px;

  /*border: 1px solid rgb(158, 158, 158);*/

  text-indent: 0;

  overflow: hidden;

  text-align: left;

  position: relative;

  letter-spacing: 1px;

  background: rgb(158, 158, 158);

/*   -webkit-font-smoothing: antialiased; */

  -webkit-border-radius: 50%;

  border-radius: 50%;

  margin-right: 17px;

/*   -webkit-transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99);

  transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99);  */

  z-index: 10;

  cursor: pointer;

  bottom: 13px;

}



.indicators-line > .carousel-indicators li:last-child {

  margin-right: 0;

}



.indicators-line > .carousel-indicators .active {

  margin: 1px 12px 1px 1px;

  /* box-shadow: 0 0 0 2px #fff; */

  background-color: transparent;

  position: relative;

/*   -webkit-transition: box-shadow 0.3s ease;

  -moz-transition: box-shadow 0.3s ease;

  -o-transition: box-shadow 0.3s ease;

  transition: box-shadow 0.3s ease;

  -webkit-transition: background-color 0.3s ease;

  -moz-transition: background-color 0.3s ease;

  -o-transition: background-color 0.3s ease;

  transition: background-color 0.3s ease; */

  background: url(../images/sd.png) no-repeat;

  padding: 15px;

  background-size: 70%;

  height: 40px;

  top: 10%;

}



.indicators-line > .carousel-indicators .active:before {

  transform: scale(0.5);

 /* background-color: #fff;*/

  content: "";

  position: absolute;

  left: -1px;

  top: -1px;

  width: 15px;

  height: 15px;

  border-radius: 50%;

  -webkit-transition: background-color 0.3s ease;

  -moz-transition: background-color 0.3s ease;

  -o-transition: background-color 0.3s ease;

  transition: background-color 0.3s ease;

}







/*---------- SLIDE CAPTION ----------*/

.slide_style_left {

  text-align: left !important;

}



.slide_style_right {

  text-align: right !important;

}



.slide_style_center {

  text-align: center !important;

}



.slide-text {

  left: 0;

  top: 25%;

  right: 0;

  margin: auto;

  padding: 10px;

  position: absolute;

  text-align: left;

  padding: 10px 352px;

}



.slide-text > h1 {

  padding: 0;

  color: #ffffff;

  font-size: 5rem;

  font-style: normal;

  line-height: 84px;

  margin-bottom: 20px;

  letter-spacing: 1px;

  display: inline-block;

  -webkit-animation-delay: 0.7s;

  animation-delay: 0.7s;

}



.slide-text > p {

  padding: 0;

  color: #ffffff;

  font-size: 20px;

  line-height: 24px;

  font-weight: 300;

  margin-bottom: 40px;

  letter-spacing: 1px;

  -webkit-animation-delay: 1.1s;

  animation-delay: 1.1s;

}



.slide-text > a.btn-default {

  color: #000;

  font-weight: 400;

  font-size: 13px;

  line-height: 15px;

  margin-right: 10px;

  text-align: center;

  padding: 17px 30px;

  white-space: nowrap;

  letter-spacing: 1px;

  display: inline-block;

  border: none;

  text-transform: uppercase;

  -webkit-animation-delay: 2s;

  animation-delay: 2s;

  -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;

  transition: background 0.3s ease-in-out, color 0.3s ease-in-out;

}



.slide-text > a.btn-primary {

  color: #ffffff;

  cursor: pointer;

  font-weight: 400;

  font-size: 13px;

  line-height: 15px;

  margin-left: 10px;

  text-align: center;

  padding: 17px 30px;

  white-space: nowrap;

  letter-spacing: 1px;

  background: #00bfff;

  display: inline-block;

  text-decoration: none;

  text-transform: uppercase;

  border: none;

  -webkit-animation-delay: 2s;

  animation-delay: 2s;

  -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;

  transition: background 0.3s ease-in-out, color 0.3s ease-in-out;

}



.slide-text > a:hover,

.slide-text > a:active {

  color: #ffffff;

  background: #222222;

  -webkit-transition: background 0.5s ease-in-out, color 0.5s ease-in-out;

  transition: background 0.5s ease-in-out, color 0.5s ease-in-out;

}













/*------------------------------------------------------*/

/* RESPONSIVE

/*------------------------------------------------------*/



@media (max-width: 991px) {

  .slide-text h1 {

    font-size: 40px;

    line-height: 50px;

    margin-bottom: 20px;

  }



  .slide-text > p {

    font-size: 18px;

  }
  /*面包屑图片 k*/
.appimg-banner { display: none;}
.portfolio_bimg{display: none;}
/*面包屑图片 s*/

}

.portfolio_w1 {
  margin-top:80px;
  }




/*---------- MEDIA 480px ----------*/

@media  (max-width: 768px) {

  .slide-text {

    padding: 10px 50px;

  }

  .portfolio_w1 {
  margin-top:50px;
  }

  .slide-text h1 {

    font-size: 30px;

    line-height: 40px;

    margin-bottom: 10px;

  }



  .slide-text > p {

    font-size: 14px;

    line-height: 20px;

    margin-bottom: 20px;

  }



  .control-round .carousel-control {

    display: none;

  }

  /*面包屑图片 k*/
.appimg-banner { display: none;}
.portfolio_bimg{ display: none; }
/*面包屑图片 s*/

}



@media  (max-width: 480px) {

  .slide-text {

    padding: 10px 30px;

    top: -5%;

  }



  .slide-text h1 {

    font-size: 20px;

    line-height: 25px;

    margin-bottom: 5px;

  }



  .slide-text > p {

    font-size: 12px;

    line-height: 18px;

    margin-bottom: 10px;

  }



  .slide-text > a.btn-default, 

    .slide-text > a.btn-primary {

    font-size: 10px;

    line-height: 10px;

    margin-right: 10px;

    text-align: center;

    padding: 10px 15px;

  }



  .indicators-line > .carousel-indicators {

    display: none;

  }
  .dropdown-menu{min-width: 100%;}
  .yamm .yamm-content{padding: 10px 20px;}
}



/*banner图片切换 s*/



/*产品列表 k*/



.text-title {

  text-align: center;

  font-size: 26px;

  padding: 26px 0;

}



.portfolio_w {

  width: 100%;
 margin-top:20px; 
}



.filter li {

  float: none;

  display: inline-block;

}



.overlay-container {

  position: relative;

}



.image-box img{

/*     -webkit-filter: grayscale(100%);

    -moz-filter: grayscale(100%);

    -ms-filter: grayscale(100%);

    -o-filter: grayscale(100%);

    filter: grayscale(100%); */

    filter: gray;width: 100%;

    transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;



}

.image-box img:hover{

  box-shadow: 0px 16px 22px 0px rgba(90, 91, 95, 0.3);transform: translate3d(0,-5px,0);

 -webkit-transform: translate3d(0,-5px,0);-moz-transform: translate3d(0,-5px,0);-o-transform: translate3d(0,-5px,0);border-radius: 5px;



/* -webkit-filter: grayscale(0);

-moz-filter: grayscale(0);

-o-filter: grayscale(0);

filter: grayscale(0); */

}

 



.overlay {

  position: absolute;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  background-color: rgba(21, 21, 23, 0.7);

  cursor: pointer;

  transform: scale(0.8);

  transition: all 0.2s;

  opacity: 0;

  -webkit-filter: grayscale(0);

-moz-filter: grayscale(0);

-o-filter: grayscale(0);

filter: grayscale(0);

}



.overlay i {

    /* position: absolute; */

    /* left: 45%; */

    /* top: 40%; */

    /* font-size: 18px; */

    /* color: #fff; */

}



.overlay span {

  position: absolute;

  bottom: 50%;

  font-size: 2rem;

  color: #fff;

  text-align: center;

  width: 100%;

}



.overlay-container:hover .overlay {

  opacity: 1;

  transform: scale(1);

}



.modal-header {

  background-color: #55ACEE;

  color: #fff;

}



.modal-header .close {

  color: #fff;

  opacity: 1;

}



/*产品列表 s*/

/*我们服务 k*/

.authentication {

  position: relative;

  background: url('../images/img-5.jpg') no-repeat center center;

  background-size: cover;

}



.authentication::after {

  position: absolute;

  top: 0;

  left: 0;

  bottom: 0;

  right: 0;

  width: 100%;

  height: 100%;

  content: '';

  background-color: rgba(0, 0, 0, 0.7);

}



.authentication {

  color: #fff;

  font-weight: 400;

  padding-bottom: 100px;

}



.authentication .container {

  position: relative;

  z-index: 1;

}



.authentication h1 ,.authenmap h1 ,.installation-guide-app h1{

  font-size: 26px;

  padding: 20px 0 0 0;

  font-weight: normal;

  letter-spacing: 4px;

}



.authentication .media-left {

  width: 55%;

  display: block;

  margin: 32px auto;
  border-radius: 50%;
  border:1px solid #fff;
}



blockquote {

  border-left: none;

  padding-left: 0px;

}



blockquote footer {

  color: #ccc;

}



.ad {

  position: absolute;

  bottom: 0;

  width: 100%;

  background-color: rgba(98, 165, 216, 0.7);

  padding: 20px 0;

}



.happy {

  background-color: rgb(0, 0, 0);

  padding: 20px 0;

}



.happy h1 {

  color: #fff;

  font-weight: 700;

}



.space-f {

  width: 40px;

  height: 2px;

  background: rgba(99,99,99,0.3);

  margin: 0 auto 30px;

}



.media-left.t1 {

  background: url(../images/b-1.png) no-repeat center;

  padding: 26%  0;

}



.media-left.t2 {

  background: url(../images/b-2.png) no-repeat center;

  padding: 26%  0;

}



.media-left.t3 {

  background: url(../images/b-3.png) no-repeat center;

  padding: 26%  0;

}



.media-left.t4 {

  background: url(../images/b-4.png) no-repeat center;

  padding: 26%  0;

}



.media-left.t1:hover {

  background: url(../images/b-1-1.png) #fff no-repeat center;

  padding: 26%  0;

}



.media-left.t2:hover {

  background: url(../images/b-2-2.png) #fff no-repeat center;

  padding: 26%  0;

}



.media-left.t3:hover {

  background: url(../images/b-3-3.png) #fff no-repeat center;

 padding: 26%  0;

}



.media-left.t4:hover {

  background: url(../images/b-4-4.png) #fff no-repeat center;

  padding: 26%  0;

}



.media-body a:hover {

  color: #fff;

}



/*我们服务 s*/

/*联系我们 k*/

.map-w {

  width: 100%;

  margin: 0 auto 1px;

  background: #000;

  height: 360px;

  min-height:360px;

  overflow: hidden;

}

.map-w img{ height:360px; width:100%}

/*联系我们 s*/

/*底部 k*/

.container-fluid.footer {

  width: 100%;

  background: #292c33;

  padding: 60px 0;

}


.container-fluid.footer  .h5, h5 {
   
    color: #fff;
   
}


.footer-menu a{
   
    color: #fff;
   
}

.footer-menu a:hover{
   
    color: red;
   
}


.container-fluid.footer .col-md-5 p {
    color: #fff;
}


.col-md-5 p {

  color: #888;

}



.footer-list.m-t-30 {

  margin: 19px 0 0 0;

  display: inline-block;

}



.footer-list.m-t-30 a {

  display: block;

  float: left;

  margin-right: 20px;

}



.footer-list.m-t-30 .fab {

}



.footer-list.m-t-30 i {

  font-style: normal;

}



.footer-list.m-t-30 .fab.fa-2x {

  background: url(../images/tb-1.png)no-repeat;

  width: 15%;

  padding: 7px;

}



.footer-list.m-t-30 .fab.fa-3x {

  background: url(../images/tb-2.png)no-repeat;

  padding: 7px 10px;

}



.footer-list.m-t-30 .fab.fa-4x {

  background: url(../images/tp-3.png)no-repeat;

  width: 15%;

  padding: 7px 7px;

}



.footer-list.m-t-30 .fab.fa-5x {

  background: url(../images/tp-4.png)no-repeat;

  width: 15%;

  padding: 7px 11px;

}



.m-t-10 p {

  text-align: center;

}



.foot_info_met_16_2 {

  background: #202932;

  text-align: center;

  color: #888;

  padding: 20px 0;

  font-size: 14px;

}


.footnav {width:95%;display:block;}
.footnav2 {display:none;}
.footnav li { width:8%;text-align:center; }
.footnav li a{ color:#fff; }

@media (max-width: 1200px){
.footnav {width:100%;}
}
@media (max-width: 1013px){
.footnav li { width:7%;text-align:center; }
}


@media (max-width: 767px){
 .footnav {display:none;}
 .footnav2 {display:block;}
 
 .footnav2_list { text-align:left; padding:0 5%;}
 
 
 
  .footnav2_list  h5 {
    font-size: 18px;
    color: #cccccc;
    margin-bottom: 5px;
	margin-top: 20px;
}
 
 
}


.foot_info_met_16_2 li {
list-style:none;
float:left;
margin-right:20px;	
}

.foot_info_met_16_4  {
	
 padding: 15px 0;	
	
 background: #f4f4f4;
}




a.links {
	
color:#ccc;font-weight:bold;	
}




.foot_info_met_16_3 {

  background: #fff;

  text-align: center;

  color: #ccc;

  padding: 10px 0;

  font-size: 12px;

}

.foot_info_met_16_3 a {
	 color: #ccc;
}	


.form-group {

     margin-top: -15px;

}



.form-control {

  padding: 6px 10px;

}



.form-control2 {

  display: block;

  width: 100%;

  height: 45px;

  padding: 6px 12px;

  font-size: 14px;

  line-height: 1.42857143;

  color: #fff;

  background: none;

  background-image: none;

  border-bottom: 1px solid #444;

  

  
  border-top: none;

  border-left: none;

  border-right: none;

}



.btn.btn-square {

  padding: 8px 31px;

  

  margin-top: 25px;

}



.btn-success {

  color: #ddd;

  

}



.btn {

  font-size: 14px;

  font-weight: 400;

  padding: 8px 35px;

  border-radius: 20px;

  text-transform: uppercase;

}



/*底部 s*/







/*产品页面 k*/

.subcolumn-nav-location {

  float: left;

  padding: 15px 0 15px 0;

  /* width: 50%; */

}



.subcolumn-nav-location p {

  line-height: 30px;

  float: left;

  list-style: none;

  font-size: 1.4rem;

  margin-right: 10px;

}



.subcolumn-nav-location a {

  text-decoration: none;

  display: inline-block;

  font-size: 1.4rem;

  line-height: 30px;

  text-align: center; color: #333
}



.subcolumn-nav-location .fa {

  padding: 0 10px;

}

/*right*/

.subcolumn-nav {

  float: right;

}



.text-xs-left {

  text-align: left!important;

  padding-top: 4px;

  overflow: hidden;
  display: none;

}



.location-a {

  color: #255dab;

}

/*筛选 k*/

.screen-z {

  padding: 15px 0;

  position: relative;

  cursor: pointer;

}



.screen-c {

  width: 100%;

  background: #fff;

  display: none;

  position: absolute;

  left: 0;

  right: 0%;

  box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.2);

  padding: 19px;

  z-index: 999;

}



.fa-icon {

  background: url(../images/sx.png)no-repeat left;

  padding: 15px;

}



.screen-c .filter-type {

  font-size: 2rem;

  color: #000;

  font-weight: normal;

  text-align: center;

  display: block;

  padding: 18px;

}



.screen-c .brand-hot {

  font-size: 1.5rem;

  margin-bottom: 30px;

  overflow: hidden;

}



.screen-c .brand-hot .all {

  float: left;

  padding: 10px 0;

  width: 5%;

}



.screen-c .brand-hot  a {

  padding: 10px 20px;

  display: block;

  float: left;

}

/*筛选 s*/

/*图片切换 k*/

    

/*--------------SLIDER----------------*/



#slider {

  width: 100%;

  margin: 0 auto;

}





/*--------------CONTROLS--------------*/



/*position controls*/

.controls li {

  top: 50%;

  margin-top: -30px

}



.controls li:nth-child(1) {

  left: 0;

}



.controls li:nth-child(2) {

  right: 0;

}





/*------------PAGINATION------------*/



/*style pagination*/

.pagination li {

  background-color: #ccc;

}



.pagination li.active {

  background-color: #fff;

}





/*-------------HELPERS----------------*/



.responsive {

  width: 100%;

  height: auto;

}



.clearfix:after {

  content: "";

  display: table;

  clear: both;

} 

/*图片切换 s*/





/*产品列表 k*/

.demo-w {

  padding: 50px 0 0 0;


}
.demo-w .row{/*margin-left: -8px; margin-right: -8px;*/}


.product-grid {

  text-align: center;

  margin-bottom: 20px;

}



.product-grid.ap-grid{ background:#fff;-webkit-transition: all ease-in-out 0.4s;transition: all ease-in-out 0.4s;}

.product-grid.ap-grid:hover{



  box-shadow: 0px 16px 22px 0px rgba(90, 91, 95, 0.3);transform: translate3d(0,-5px,0);



  -webkit-transform: translate3d(0,-5px,0);-moz-transform: translate3d(0,-5px,0);-o-transform: translate3d(0,-5px,0);border-radius: 5px;

}







.product-grid .product-image {

  overflow: hidden;

  position: relative;

}



.product-grid .product-image:before {

  content: "";

  background: rgba(0,0,0,0.02);

  position: absolute;

  top: 0;

  left: 0;

  bottom: 0;

  right: 0;

  z-index: 1;

}



.product-grid .product-image img {

  width: 100%;

  height: auto;

}



.product-grid .pic-1 {

  opacity: 1;

  transform: rotateY(0);

  transition: all 0.5s ease-out 0s;

}



.product-grid:hover .pic-1 {

  opacity: 0;

  transform: rotateY(-90deg);

}



.product-grid .pic-2 {

  position: absolute;

  top: 0;

  left: 0;

  opacity: 0;

  transform: rotateY(-90deg);

  transition: all 0.5s ease-out 0s;

}



.product-grid:hover .pic-2 {

  opacity: 1;

  transform: rotateY(0deg);

}



.product-grid .discount {

  width: 65%;

  padding: 5px;

  /* border: 1px solid #ccc; */

  font-size: 14px;

  color: #666666;

  border-radius: 51px;

  margin: 0 auto;

  display: block;

  cursor: pointer;

}



.discount:hover {

  background: #e50012;

  color: #fff;

  display: block;

}



.product-grid .product-content {

  padding: 15px 0;

}



.product-grid .title {

  font-size: 14px;

  font-weight: normal;
  text-transform: capitalize;

  margin: 5px 0 0px 0;
  
  height:28px; 

}



.product-grid .price {

  font-size: 14px;

  /* margin-bottom: 10px; */

  line-height: 29px;

}



.product-grid .price span {

  display: inline-block;

  color: #999;

  font-weight: normal;

  text-align: center;

  padding: 10px;

}



@media only screen and (max-width:990px) {

  .product-grid {

    margin-bottom: 30px;

  }

}



.icon-jt {

  font-style: normal;

}

/*产品列表 s*/





/*产品页面 s*/








/*服务支持 k*/

.fangwei-w{

    margin: 0;

}

.fangwei-w li{float: left;border: 1px solid #ddd;border-radius: 40px;padding: 7px 25px;margin-left: 13px;font-size: 14px;}

.fangwei-w .fangwei-a{

    background: #255dab;border-color: #255dab;

    color: #fff;

    display: inherit;

}

.fangwei-w .fangwei-a a{ color: #fff; }



#fangwri-wap {

    position: relative;

    background: url(../images/sm-banner.jpg) no-repeat center center;

    background-size: cover;

}

.container.fangwri{ margin: 0 auto; }

.fan-ic{background: url(../images/sm-2.png) center no-repeat;padding: 26px;display: block;}

.fangwri-wz{padding: 70px 33px;}

.fangwri-wz h3{

    font-size: 30px;

    color: #fff;

    padding: 20px;

    letter-spacing: 5px;

    text-align: center;

}

.fan-control{



display: block;



width: 100%;



height: 45px;



padding: 6px 12px;



font-size: 14px;



line-height: 1.42857143;



color: #555;



background: #fff;



background-image: none;



border-bottom: 1px solid #252525;



-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);



box-shadow: inset 0 1px 1px rgba(0,0,0,.075);



-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;



-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;



transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;



border: 0;

}

.fan-btn{

    display: block;

    margin: 40px auto;

    padding: 11px 82px;

    background: #255dab;

    border: none;

    color: #fff;

    letter-spacing: 2px;

}

.fangwri-wz h4{

    color: #ccc;

    font-size: 16px;

}

.fangwri-wz p{

    color: #fff;

    line-height: 30px;

    font-size: 14px;

}

.fangwri-wz b{

    color: #fff;

    font-weight: normal;

    display: block;

    padding: 15px 0 10px 0;

    color: #ccc;

}

.fangwri-wz img{display: block;margin: 0 auto;padding: 40px;width: 100%;}



/*视频中心*/

.video-dow1:hover{

    box-shadow: 1px 2px 10px 0 rgba(204,204,204,0.5);

}

.titke-img{margin: 5% 0;}
.titke-img video{width: 100%;}
@media (min-width: 769px){
  .titke-img embed{width: 100%!important;height: 500px!important;background: #000;}
}
@media (max-width: 768px){
  .titke-img embed{width: 100%!important;height: 260px!important;background: #000;}
  #Latest-information-app h1, #Cooperative-partner h1,#installation-guide-app h1{ font-size: 36px;

    padding: 20px 0 0 0;
  
    font-weight: normal;
    
    margin-bottom: 10%;
  
    letter-spacing: 4px;}
}

#Cooperative-partner h1{

  margin-bottom: 66px !important;
}


.video-dow1{

    margin: 0  5px 0 5px;

    margin-bottom: 0;

    margin-bottom: 25px;

}

.video-img,.video-tow{position:relative;overflow: hidden;display:block;}

.video-bf,.video-now{background: url(../images/bf.png) rgba(0,0,0,0.5) center  no-repeat;position: absolute;padding: 14% 0;top:0;width: 100%;text-align: center;}

.video-tow{text-align: center;

    overflow: hidden;

    margin-bottom: 0;

}


.video-tow img{display: block;width: 100%; height:200px}

.video-now{display: none;

    padding: 64% 0;

}

.video-dow1 p{color:#000;font-size: 14px;padding-top: 5%; height:60px;line-height:23px;}

.video-dow1 p span{color:#ccc;font-size: 14px;display: none;}





/*服务支持 s */



/*关于我们 k*/

.about-warp{ background:#f5f5f5; }

.about-warp.autow{ background: #fff; }

.about-left{float: left;max-width: 60%;padding: 5%;}

.about-left h3, .honors h3{

    font-size: 28px;

    padding: 13px 0;

    font-weight: bold;

    letter-spacing: 0px;

    color: #666;  
	background-image: linear-gradient(to right, #eee , #ddd);
 
	border-radius: 25px;
	margin-bottom:10px;
	
	text-align:center;

}

.about-left p{

    line-height: 35px;

    font-size: 14px;

}

.about-top {margin-top:-50px;}

.mt10 {margin-top:10px;}

.mt50 {margin-top:50px;}

.mb50 {margin-bottom:50px;}

.scjd  {margin-bottom:50px}

.scjd img {max-width:100%;}


.about-right{

    padding: 5% 0 0 0;

    width: 40%;

    float: right;

}


.about-right_no{

    padding: 0;

}


.about-right img{width: 100%;}

.about-right.left{ float: left; }

.about-left.right{ float: right; }

/*关于我们 s*/

/*新闻中心 k*/

.news-wz{padding: 5%;}

.news-wz h3{

    font-size: 1.5rem;
	
	line-height:2rem;

    color: #000;

    margin-top: 0;

    margin-bottom: 0;

    padding:  0;
	
	text-align:left;
	
	height:4.5rem;
	
	

}

.news-wz h3:hover{ color:#e50012;
	
}

.news-wz b{

    font-size: 1rem;

    color: #666;

    font-weight: normal;

}

.news-wz p{

    padding: 10px 0;

    font-size: 1.2rem;

    color: #666;

    line-height: 23px;
	
	

}

.news-wz .news-a{

    border: 1px solid #ccc;

    display: block;

    width: 100%;

    text-align: center;

    padding: 8px 0;

    margin: 0 auto;

} 

.news-a:hover{border: 1px solid #e50012; background: #e50012; color: #fff;}



/*新闻中心 s*/

/*合作伙伴 k*/

.coprti-tow{ display: block; margin-bottom: 30px; border: 1px solid #eee; text-align: center; }
.coprti-tow img{display: block;max-width: 95%;margin: 5% auto;}

.honor img{height:300px}

/*合作伙伴 s*/

/*联系我们 k*/

.contact-left{float: left;background: #f8f8f8;width: 47%;margin:0px;padding:0px 59px;}

.contact-left img{

    padding: 16px 0;

}

.contact-left p{

    padding: 8px 0;

}

.contact-right{float: right;padding: 0px 0;width: 53%;max-height: 800px;}

.contact-wz{

    padding: 10px 0;

}

.contact-wz li{

    padding: 18px 0;

    float: left;

    margin-right: 30px;

}

.contact-wz li span{

    margin-right: 13px;

    font-size: 1.5rem;

    color: #666;

}

.contact-ic{

    width: 10px;

    background: #4a5da5;

    height: 10px;

    display: block;

    float: left;

    margin: 7px 11px 7px  0;

}

/*联系我们 s*/

/*在线反馈 k*/

.met-message-submit{

    margin-bottom: 30px;

}

.fv-hidden-submit{}

.zaixian-group {

    margin-bottom: 1.429rem;

}

.zaixian-control{

      font-size: 1rem;

      line-height: 2.571429;

      display: block;

      width: 100%;

      padding: .429rem .929rem;

      color: #76838f;

      border: 1px solid #e4eaec;

      background-color: #fff;

      background-image: none;

      background-clip: padding-box;

}



.m-b-0 {

    margin-bottom: 0!important;

}

.btn-squared{

  font-size: 1.5rem;

  line-height: 2.4;

  display: inline-block;

  padding: .429rem 1rem;

  cursor: pointer;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

  text-align: center;

  vertical-align: middle;

  white-space: nowrap;

  border: 1px solid transparent;

  border-radius: .215rem;

}

.btn-block {

    display: block;

    width: 17%;

    margin: 0 auto;

}

.met-message-submit h3{

    font-size: 3rem;

    color: #000;

    padding: 11px 0;

}

.met-message-submit p{

    font-size: 1.5rem;

    padding: 0  0  10px 0;

}



/*在线反馈 s*/

/**/

.join-wz{color: #fff;padding: 40px 10px;font-size: 16px;text-align: center;}

.jo-a{display: block;width: 100%;border-radius: 50px;background: #255dab;margin: 0 auto 40px;padding: 15px;text-align: center;color: #fff;font-size: 1.8rem;overflow:hidden;position: relative;top: 13px;}

.jo-a:hover{ color: #fff; }

.join_warp{ background: #f7f7f7; }

.join-1x{background: url(../images/jo-8.png)no-repeat;padding: 21px;}

.join-2x{background: url(../images/jo-9.png)no-repeat;padding: 21px;}

.join-3x{background: url(../images/jo-10.png)no-repeat;padding: 21px;}

.join-4x{background: url(../images/jo-11.png)no-repeat;padding: 21px;}

.join-5x{background: url(../images/jo-12.png)no-repeat;padding: 21px;}

.join-6x{background: url(../images/jo-13.png)no-repeat;padding: 21px;}

.joinwz{

  color: #000;

  padding: 15px 0 60px 0;

}

.join-wimg{

  background: url(../images/jo-15.jpg) no-repeat;

  height: 218px;

}

.col-sm-w{ overflow:hidden;}

 





/*后面改的 k*/

.Shopping {

     

    float: left;

    padding: 11px 0 0 11px;

}

 .Shopping .Shopping-Cart i {

    float: left;

    text-align: left;

    font-style: normal;

    font-size: 1.33rem;

    background: url(../images/gw-1.png)no-repeat;

    padding: 12px 12px 12px 12px;

    background-size: 80%;

}





/*后面改的 s*/





/*分页 k*/

.pager {

  /* float: right; */

  font-size: 14px;

}



nav[role="navigation"] {

  text-align: center;

}



.cd-pagination {

  width: 90%;

  max-width: 768px;

  margin: 2em auto 2rem;

  text-align: center;

}

.cd-pagination li {

  /* hide numbers on small devices */

  display: none;

  margin: 0 .2em;

}

.cd-pagination li.button {

  /* make sure prev next buttons are visible */

  display: inline-block;

}

.cd-pagination a, .cd-pagination span {

  display: inline-block;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

  /* use padding and font-size to change buttons size */

  padding: .3em .8em;

  font-size: 1.6rem;

}

.cd-pagination a {

  border: 1px solid #e6e6e6;

  border-radius: 0.25em;

}

.no-touch .cd-pagination a:hover {

  background-color: #f2f2f2;

}

.cd-pagination a:active {

  /* click effect */

  -webkit-transform: scale(0.9);

  -moz-transform: scale(0.9);

  -ms-transform: scale(0.9);

  -o-transform: scale(0.9);

  transform: scale(0.9);

}

.cd-pagination a.disabled {

  /* button disabled */

  color: rgba(46, 64, 87, 0.4);

  pointer-events: none;

}

.cd-pagination a.disabled::before, .cd-pagination a.disabled::after {

  opacity: .4;

}

.cd-pagination .button:first-of-type a::before {

  content: '\00ab  ';

}

.cd-pagination .button:last-of-type a::after {

  content: ' \00bb';

}

.cd-pagination .current {

  /* selected number */

  background-color: #255dab;

  border-color: #255dab;

  color: #ffffff;

  pointer-events: none;

}

@media only screen and (min-width: 768px) {

  .cd-pagination li {

    display: inline-block;

  }
  .top_ad_img{
    width: 100px;
    height: 100px;
  }

}

@media only screen and (min-width: 1170px) {

  .cd-pagination {

    margin: 1.5em auto 2.3em;

  }
  .top_ad_img{
    width: 120px;
    height: 120px;
  }

  @media only screen and (max-width: 1920px) {
  .appimg-banner{display: none;}
  .portfolio_bimg{ display: none; }
  .top_ad_img{
    width: 150px;
    height: 150px;
  }
  }

  #Cooperative-partner h1{
    margin-bottom: 117px;
  }

}



/* -------------------------------- 



No space - remove distance between list items



-------------------------------- */

.cd-pagination.no-space {

  width: auto;

  max-width: none;

  display: inline-block;

  border-radius: 0.25em;

  border: 1px solid #e6e6e6;

}

.cd-pagination.no-space:after {

  content: "";

  display: table;

  clear: both;

}

.cd-pagination.no-space li {

  margin: 0;

  float: left;

  border-right: 1px solid #e6e6e6;

}

.cd-pagination.no-space li:last-of-type {

  border-right: none;

}

.cd-pagination.no-space a, .cd-pagination.no-space span {

  float: left;

  border-radius: 0;

  padding: .8em 1em;

  border: none;

}

.cd-pagination.no-space li:first-of-type a {

  border-radius: 0.25em 0 0 0.25em;

}

.cd-pagination.no-space li:last-of-type a {

  border-radius: 0 0.25em 0.25em 0;

}



/* -------------------------------- 



move buttons - move prev and next buttons to the sides



-------------------------------- */

.cd-pagination.move-buttons:after {

  content: "";

  display: table;

  clear: both;

}

.cd-pagination.move-buttons .button:first-of-type {

  float: left;

}

.cd-pagination.move-buttons .button:last-of-type {

  float: right;

}



.cd-pagination.no-space.move-buttons {

  width: 90%;

  max-width: 768px;

  display: block;

  overflow: hidden;

}

.cd-pagination.no-space.move-buttons li {

  float: none;

  border: none;

}

.cd-pagination.no-space.move-buttons a, .cd-pagination.no-space.move-buttons span {

  float: none;

}



/* -------------------------------- 



custom icons - customize the small arrow inside the next and prev buttons 



-------------------------------- */

.cd-pagination.custom-icons .button a {

  position: relative;

}

.cd-pagination.custom-icons .button:first-of-type a {

  padding-left: 2.4em;

}

.cd-pagination.custom-icons .button:last-of-type a {

  padding-right: 2.4em;

}

.cd-pagination.custom-icons .button:first-of-type a::before,

.cd-pagination.custom-icons .button:last-of-type a::after {

  content: '';

  position: absolute;

  display: inline-block;

  /* set size for custom icons */

  width: 16px;

  height: 16px;

  top: 50%;

  /* set margin-top = icon height/2 */

  margin-top: -8px;

  background: transparent url("../images/cd-icon-arrow-1.svg") no-repeat center center;

}

.cd-pagination.custom-icons .button:first-of-type a::before {

  left: .8em;

}

.cd-pagination.custom-icons .button:last-of-type a::after {

  right: .8em;

  -webkit-transform: rotate(180deg);

  -moz-transform: rotate(180deg);

  -ms-transform: rotate(180deg);

  -o-transform: rotate(180deg);

  transform: rotate(180deg);

}



/* -------------------------------- 



custom buttons - replace prev and next buttons text with a custom icon 



-------------------------------- */

.cd-pagination.custom-buttons a, .cd-pagination.custom-buttons span {

  vertical-align: middle;

}

.cd-pagination.custom-buttons .button a {

  /* set custom width */

  width: 40px;

  /* image replacement */

  overflow: hidden;

  white-space: nowrap;

  text-indent: 100%;

  color: transparent;

  background-image: url("../images/cd-icon-arrow-2.svg");

  background-repeat: no-repeat;

  background-position: center center;

}

.cd-pagination.custom-buttons .button:last-of-type a {

  -webkit-transform: rotate(180deg);

  -moz-transform: rotate(180deg);

  -ms-transform: rotate(180deg);

  -o-transform: rotate(180deg);

  transform: rotate(180deg);

}

.no-touch .cd-pagination.custom-buttons .button:last-of-type a:active {

  -webkit-transform: scale(0.9) rotate(180deg);

  -moz-transform: scale(0.9) rotate(180deg);

  -ms-transform: scale(0.9) rotate(180deg);

  -o-transform: scale(0.9) rotate(180deg);

  transform: scale(0.9) rotate(180deg);

}



.cd-pagination.no-space.custom-buttons .button:last-of-type a {

  border-radius: 0.25em 0 0 0.25em;

}



/* -------------------------------- 



animated buttons - animate the text inside prev and next buttons 



-------------------------------- */

.cd-pagination.animated-buttons a, .cd-pagination.animated-buttons span {

  padding: 0 1.4em;

  height: 50px;

  line-height: 50px;

  overflow: hidden;

}

.cd-pagination.animated-buttons .button a {

  position: relative;

  padding: 0 2em;

}

.cd-pagination.animated-buttons .button:first-of-type a::before,

.cd-pagination.animated-buttons .button:last-of-type a::after {

  left: 50%;

  -webkit-transform: translateX(-50%);

  -moz-transform: translateX(-50%);

  -ms-transform: translateX(-50%);

  -o-transform: translateX(-50%);

  transform: translateX(-50%);

  right: auto;

  -webkit-transition: -webkit-transform 0.3s;

  -moz-transition: -moz-transform 0.3s;

  transition: transform 0.3s;

}

.cd-pagination.animated-buttons .button:last-of-type a::after {

  -webkit-transform: translateX(-50%) rotate(180deg);

  -moz-transform: translateX(-50%) rotate(180deg);

  -ms-transform: translateX(-50%) rotate(180deg);

  -o-transform: translateX(-50%) rotate(180deg);

  transform: translateX(-50%) rotate(180deg);

}

.cd-pagination.animated-buttons i {

  display: block;

  height: 100%;

  -webkit-transform: translateY(100%);

  -moz-transform: translateY(100%);

  -ms-transform: translateY(100%);

  -o-transform: translateY(100%);

  transform: translateY(100%);

  -webkit-transition: -webkit-transform 0.3s;

  -moz-transition: -moz-transform 0.3s;

  transition: transform 0.3s;

}



.no-touch .cd-pagination.animated-buttons .button a:hover i {

  -webkit-transform: translateY(0);

  -moz-transform: translateY(0);

  -ms-transform: translateY(0);

  -o-transform: translateY(0);

  transform: translateY(0);

}



.no-touch .cd-pagination.animated-buttons .button:first-of-type a:hover::before {

  -webkit-transform: translateX(-50%) translateY(-50px);

  -moz-transform: translateX(-50%) translateY(-50px);

  -ms-transform: translateX(-50%) translateY(-50px);

  -o-transform: translateX(-50%) translateY(-50px);

  transform: translateX(-50%) translateY(-50px);

}



.no-touch .cd-pagination.animated-buttons .button:last-of-type a:hover::after {

  -webkit-transform: translateX(-50%) rotate(180deg) translateY(50px);

  -moz-transform: translateX(-50%) rotate(180deg) translateY(50px);

  -ms-transform: translateX(-50%) rotate(180deg) translateY(50px);

  -o-transform: translateX(-50%) rotate(180deg) translateY(50px);

  transform: translateX(-50%) rotate(180deg) translateY(50px);

}



/*分页 s*/

/*改变 k*/

._9LLKx26xTW {

    position: relative;

}

.react-swipe-container {

      overflow: hidden;

    visibility: visible;

    position: relative;

}





._9LLKx26xTW ._2nCB36HvIJ ._3bFAr1O1_p {

    display: table;

    width: 100%;

    position: relative;

}



._9LLKx26xTW ._2nCB36HvIJ ._3bFAr1O1_p img {

    width: 100%;

    float: left;

}

._9LLKx26xTW ._2nCB36HvIJ ._3Shb0Ughl1 .HVwcnfMWVz {

    text-align: center;
    padding: 27px 0 10px 0;

}

._3Shb0Ughl1._3DWf5SXyZy .HVwcnfMWVz ._11eWRGk21I{

    font-size: 24px;

}

._3Shb0Ughl1._3DWf5SXyZy .HVwcnfMWVz ._0sp4YcXOJ{

    font-size: 18px;

    color: #666;

}

/*改变 s*/







































/*新增样式*/
input{outline: none;}


/*top电脑端*/
@media (min-width: 769px) {
  .top_bg{position: fixed;top: 0;width: 100%;z-index: 2;background: rgba(24,46,59,.9);}
  .top_main{max-width: 1200px;margin: 0 auto;padding: 0 10px;}
  .logo{float: left;padding: 15px 0;}
  .logo img{height: 40px;display: block;}
  /*nav*/
  .nav_bg{float: right;width: 74%;position: relative;}
  .minNav ul{ display:block;}
  .minNav ul .nav_yi{float:left; z-index:999; padding: 15px 1%;}
  .minNav ul .nav_yi > a{ display: block;text-align: center;font-size: 14px; color: #fff;line-height: 40px;height: 40px;padding: 0 10px;border-radius: 5px; }

  .minNav ul .nav_yi:hover > a{color: #fff;background: rgba(255,255,255,.2);}
  .dangqian_dh a{background: rgba(255,255,255,.2);}
  
  /*三级下拉*/
  .minNav ul li .Navdrop{width:100%;  position:absolute;left: 0; top:70px;z-index:9999; display:none;  background:rgba(255,255,255,.9);border-radius:0 0 6px 6px;
  box-shadow: 0 20px 40px rgba(0,0,0,.3);overflow: hidden;}
  .minNav .xiala_main{padding:8% 12%;overflow: hidden;}
  .minNav .xiala_main dl{float: left;padding-right: 15%;margin-right: 15%;border-right: 1px solid rgba(0,0,0,.05);}
  .minNav .xiala_main dl dt{font-size: 16px;line-height: 40px;height: 40px;overflow: hidden;color: #111;}
  .minNav .xiala_main dl dd a{display: block; font-size: 12px;color: #333;line-height: 30px;height: 30px;overflow: hidden;}
  .minNav .xiala_main dl dd a:hover{color: #255dab;}
  /*二级下拉*/
  .minNav ul li .Navdrop_erji{position:absolute;top:70px;left: 0; z-index:9999; display:none;  background:#fff;border-radius:0 0 6px 6px;
  box-shadow: 0 20px 40px rgba(0,0,0,.2);overflow: hidden;}
  .minNav ul li .newnav_li{width:50%;margin-left:15%;}
  
  .minNav ul li .newnav_li2{width:50%;margin-left:28%;}
  .minNav ul li .newnav_li3{width:50%;margin-left:40%;padding-left:5%;}
  .minNav ul li .newnav_li4{width:38%;margin-left:31%;}
  
  .minNav .erji_nav{padding:3% 3%;overflow: hidden;}
  /**/
  .erji_zy{overflow: hidden;}
  .erji_zy .hd{float: left;}
  .erji_zy .hd ul{overflow: hidden;}
  .erji_zy .hd li {float: left;width: 50%; text-align:center;}
  
  .newnav_li3 .erji_zy .hd li {float: left;width: 25%; text-align:center;height: 30px;}
  
  .erji_zy .hd li a{display: block; line-height: 30px;font-size: 12px;color: #666;}
  
  .newnav_li3 .erji_zy .hd li a{display: block; line-height: 20px;font-size: 12px;color: #666;}
  
  .erji_zy .hd ul li.on a{color: #e50012;}
  .erji_zy .bd{float: right;width: 45%;}
  .erji_zy .bd ul{overflow: hidden;}
  .erji_zy .bd ul li img{display: block;width: 100%;}

  .clear_none{clear: both;}
  .last{margin-right: 0!important;border-right: none!important;}
  /*sousuo*/
  .sousuo{float: left;margin: 19px 0 19px 2%;}
  .sousuo form{position: relative;}
  .sousuo form input{display: block;outline: none;border-radius: 8px;border:1px solid rgba(255,255,255,.3);}
  .shuru{width: 100%;padding:0 30px 0 5%;height: 32px;line-height: 32px;font-size: 12px; border-radius: 8px;border:1px solid rgba(255,255,255,.3);background: none;color: #333;}
  .sousuo form .ss_tijiao{position: absolute;right: 0;top: 0;width: 30px;height: 32px;background: url(../images/sousuo.png) no-repeat center;display: block;cursor: pointer;
  border: none; text-indent:-999em}
  /*语言*/
  .yuyan_a{line-height: 40px;margin: 15px 0 15px 10px;color: #fff;font-size: 12px;padding: 0 12px;border-radius: 8px; position: fixed;z-index:3;top: 0;right:20px; width:10%;}
  .yuyan_a:hover{background: rgba(0,0,0,.7);color: #fff;}
  
   
  .yuyan_a button{border:none;background:none;outline:none; width:86px}

  .header{display: none;}

  /*购物车*/
  .pc_che{float: right;display: block;padding: 25px 0 25px 2%;}
  .pc_che img{display: block;height: 20px;}

  /*  安装服务 -------fc */

  .installation-box h1,.Latest-information h1,.Cooperative-partner h1{
    font-size: 48px;
  }

  .Latest-information h1{
    margin-bottom: 17px;
  }

  .pc-small{
    font-size: 40%;
  }

  #installation-guide-app{display: none;}
}

/*  安装服务 -------fc */
@media (min-width: 1500px){
  .installation-box{
    width: 1511px;
    height: 800px;
  }
}

@media (min-width: 1200px){
  .latest-box{
    width: 1115px;
    height: 425px;
  }

  .latest-box-2{
    width: 1115px;
    height: 425px;
  }

  .latest-item-cont>img{
    margin: 0 !important;
    width: 100%;
    height: 226px !important;
  }

  .latest-item-cont{
    height: 410px;
  }
}

@media (max-width: 1200px){
  .sousuo{display: none;}

  /* 最新资讯 ---------- fc */
  .latest-box{
    width: auto;
    height: auto;
  }

  .latest-box-2{
    width: auto;
    height: auto;
  }

  .latest-item-cont>img{
    margin: 0 !important;
    width: 100%;
    height: 226px !important;
  }

  .latest-item-cont>h3{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .latest-item-cont>p{
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }
}


/*top手机端*/
@media (max-width: 768px) {
  .top_bg{display: none;}
  /*top*/
  .header{position: fixed;top: 0; z-index: 400;width: 100%;background: #fff; -webkit-transition: .5s;  -moz-transition: .5s;  -ms-transition: .5s;  
    -o-transition: .5s;  transition: .5s;}
  .header.on{height: 100%;overflow-y: auto;}
  .header .head{overflow: hidden;box-shadow: 0 10px 30px rgba(0,0,0,.1);}
  .header .head .logo{display: block;overflow: hidden;float: left;padding: 10px 0 10px 4%;}
  .header .head .logo img{display: block;height: 30px;}
  /*nav*/
  .header .menu_bg{float: right;background: #fff;padding: 20px;position: relative;z-index: 9999;}
  .header .menu_click{width: 18px;height: 18px; position: relative; cursor: pointer;z-index: 999;float: right;margin: 14px;margin-top:16px;}
  .header .menu_click li{position: absolute; height: 2px;margin-top: 2px; background: #666;width: 18px; -webkit-transition: .5s;  -moz-transition: .5s;  -ms-transition: .5s;  -o-transition: .5s;  transition: .5s;}
  .header .menu_click li.li_1{top:0;left: 0;}
  .header .menu_click li.li_2{top:7px;left: 0;}
  .header .menu_click li.li_3{bottom:0;right: 0;}
  .header .menu_click.on li.li_1{top: 7px;  -webkit-transform: rotate(45deg);  -moz-transform: rotate(45deg);  -ms-transform: rotate(45deg);  -o-transform: rotate(45deg);  transform: rotate(45deg);}
  .header .menu_click.on li.li_2{display: none;}
  input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: none; } 
  .header .menu_click.on li.li_3{bottom: 9px; -webkit-transform: rotate(-45deg);  -moz-transform: rotate(-45deg);  -ms-transform: rotate(-45deg);  
    -o-transform: rotate(-45deg);  transform: rotate(-45deg);}
  /**/
  .header .nav{padding: 10% 0;display: none; background: #fff;}
  .header .nav li{}
  .header .nav li>a{position: relative;line-height: 40px;font-size: 1.5rem; color: #6f6f6f;display: block;padding: 0 5%;}
  .header .nav li.active>a{color: #353535;}
  
   .header .nav li>a.navright{float:right;margin-top:-40px;}
  
  .header .nav2{display: none;padding: 5% 8%; }
  .header .nav2 dl{padding-bottom: 2%;margin-bottom: 2%;border-bottom: 1px solid #eee;}
  .header .nav2 dl dt{font-size: 13px;line-height: 30px;height: 30px;overflow: hidden;}
  .header .nav2 dl dd a{display: block;color: #6f6f6f;line-height:26px;height: 26px;overflow: hidden;padding: 0 20px; font-size: 12px;}
  .header .nav2>a{display: block;line-height: 30px;font-size: 1.5rem;color: #888;}
  /*语言*/
  .sj_yuyan{float: right;font-size:1.5rem;line-height: 30px;margin: 10px 2%;height: 30px;color: #333;
  background:#fff;border:none;outline:none; }
  .yuyan3 {padding-top:50px; }
  .yuyan4 {padding:5px; font-size:1.2rem;}
  .yuyan4 a{font-size:1.5rem;color:#333;}
  
  /*购物车*/
  .sj_che{float: right;display: block;padding: 15px 2%;}
  .sj_che img{display: block;height: 20px;}
  .top_ad_img{
    width: 100px;
    height: 100px;
  }
  #rightfu{
    top: 100px !important;
  }
  /* 首页 -------fc */
  #installation-guide{display: none;}
  #installation-guide-app{display: block;}
}









/*banner-电脑端*/
@media (min-width: 769px){
  .flexslider{position:relative;overflow:hidden;}
  .slides{position:relative;z-index:1;}
  .slides li a{display: block; height: 800px;position: relative;}
  .flex-control-nav{position:absolute;bottom:30px;z-index:1;width:100%;text-align:center;}
  .flex-control-nav li{display:inline-block;}
  
  .flex-control-nav a{display:inline-block;width:12px;height:12px;text-indent: 500px; overflow:hidden;background:url(../images/bn_on0.png) right 0 no-repeat #ccc; margin-right:5px;border-radius:50%;
    cursor:pointer;}
  .flex-control-nav .flex-active{background-position:0 0;background:url(../images/bn_on0.png) right 0 no-repeat #182e3b;}
  .flex-direction-nav{position:absolute;z-index:10;width:100%;top:50%;}
  .flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;opacity: .5;}
  .flex-direction-nav li a.flex-prev{left:0;background:url(../images/prev.png) center  no-repeat;}
  .flex-direction-nav li a.flex-next{right:0;background:url(../images/next.png)  center no-repeat;}
  
  .vclist {margin: 2em 0 3em;}
  .vclist a{ padding: 0.25em 1.2em; text-align: center; border: 1px solid #d1d1d1; margin:0.5em; border-radius: 0.35em; display: inline-block; background: #f2f2f2;color: #333}
  
  .vclist a:hover,.vclist a.dangqian2{background: #e50012; color: #fff;border: 1px solid #e50012;}
  
  .mictype {margin-top: 1.0em}
  .mictype a{ padding:2px 4px; text-align: center; border: 0px solid #666; margin:0.5em 0.85em 0.85rem 0; border-radius: .35em; display: inline-block; color: #333; border:1px dashed  #d1d1d1; font-size:12px;background: #fff;}
  .mictype a:hover,.mictype a.dangqian2{background: none; color: #e50012;border: 0px solid #e50012;border:1px dashed  #e50012;}
  
  .typeborder {border:1px solid  #f6ceb3;padding:22px;border-radius: .35em;}
  
}

/*banner-手机端*/
@media (max-width: 768px) {
  .vclist {margin: 2em 0 3em;}
  .vclist a{ padding: 0.5em 1.5em; text-align: center; border: 1px solid #d1d1d1; margin:0 .25em .5em; border-radius: 0.2em; display: inline-block; color: #666}
  .vclist a:hover,.vclist a.dangqian{background: #666; color: #fff}
  .flexslider{position:relative;overflow:hidden;margin-top: 50px;}
  .slides{position:relative;z-index:1;}
  .slides li a{display: block; height: 200px;position: relative;}
  .flex-control-nav{position:absolute;bottom:5%;z-index:10;width:100%;text-align:center;}
  .flex-control-nav li{display:inline-block;}
  .flex-control-nav a{display:inline-block;width:12px;height:12px;text-indent: 500px; overflow:hidden;background:url(../images/bn_on.png) right 0 no-repeat;
    cursor:pointer;background-size: cover;}
  .flex-control-nav .flex-active{background-position:0 0;}
  .clear_none{clear: both;}
  .last{margin-right: 0!important;border-right: none!important;}
  
  
  .vclist a:hover, .vclist a.dangqian2 {
    background: #e50012;
    color: #fff;
    border: 1px solid #e50012;
}

.demo-w {
    margin-top: -80px;
}


.about-left h3, .honors h3 {
    font-size: 21px;
    padding: 10px 0;
    font-weight: bold;
    letter-spacing: 0px;
    color: #fff;
    background-image: linear-gradient(to right, #ff0000 , #ecd149);
    border-radius: 25px;
    margin-bottom: 10px;
    text-align: center;
}


.honor img {
    height: 220px;
}

.details-title h1 {
    text-align: center;
    margin-top: 30px;
	font-size:3.2rem;
	padding:0 8%;
}
.met-editor img{
    width:100%; 
}




} /*





/*ny_banner-电脑端*/
@media (min-width: 769px){
  .ny_banner{height: 500px;position: relative;margin-top: 45px;}
  .nycp_banner{height: 600px;position: relative;margin-top: 45px;}
  
  .about_ban {text-align:center;padding-top:60px;}
  .about_ban h2{font-size:38px;color:#e50012;}
  .about_ban span{font-size:21px; color:#e50012;}
  
  
}
/*ny_banner-手机端*/
@media (max-width: 768px){
  .ny_banner{height: 200px;position: relative;margin-top: 50px;}
  .nycp_banner{display: none;}
}

.weizhi{padding-left: 20px;text-align: left;background: url(../images/weizhi.png) no-repeat left ;line-height:30px;margin-bottom:0%;color: #666;}
.weizhi a{display: inline-block;font-size: 12px;color: #666}






/*产品详情-电脑端*/
@media (min-width: 769px){
  .cpxq_bg{margin-top: 2%;}
  .nyxq_main{max-width: 1200px;margin: 0 auto;padding: 2% 10px;}
  .nyxq_main .weizhi{margin-top: 20px;}
  .fangda_bg{padding-bottom: 5%;}
  /*左*/
  .fd_z{float: left;width: 50%;}
  .demo {text-align: center;padding: 5% 0}
  .clear {clear: both;}
  /* 元素包装器 */
  .sp-wrap {display: none;line-height: 0;font-size: 0;border-radius: 4px;position: relative;/*将最大宽度设置为缩略图宽度*/
    width: 100%;}
  /* 缩略图 */
  .sp-thumbs {float: left;width: 18%;}
  .sp-thumbs img {min-height: 50px;min-width: 50px;max-width: 50px;}
  .sp-thumbs a:link, .sp-thumbs a:visited {width: 90%;height: 100px;overflow: hidden;opacity: .5;display: inline-block;background-size: cover;
    background-position: center;margin-bottom: 5%;border:1px solid #eee; -webkit-transition: all .2s ease-out;-moz-transition: all .2s ease-out;-ms-transition: all .2s ease-out;-o-transition: all .2s ease-out;
    transition: all .2s ease-out;}
  .sp-thumbs a:hover {opacity: 1;}
  /* 当前选定缩略图的样式 */
  .sp-thumbs a:active, .sp-current {opacity: 1!important;position: relative;border:1px solid #255dab!important;}
  /* 当前正在查看的图像 */
  .sp-large {position: relative;overflow: hidden;float: right;width: 80%!important;border:1px solid #eee;}
  .sp-large a img {width: 100%;height: auto;}
  .sp-large a {display: block;}
  /* 缩放图像 */
  .sp-zoom {position: absolute;left: -50%;top: -50%;cursor: -webkit-zoom-in;cursor: -moz-zoom-in;cursor: zoom-in;display: none;}
  .sp-zoom img{display: block;width: 800px;margin-right: -100px!important;}
  /* 灯箱 */
  .sp-lightbox {position: fixed;top: 0;left: 0;height: 100%;width: 100%;background: rgb(0, 0, 0);background: rgba(0, 0, 0, .9);z-index: 500;display: none;
    cursor: pointer;}
  .sp-lightbox img {position: absolute;margin: auto;top: 0;bottom: 0;left: 0;right: 0;max-width: 90%;max-height: 90%;border: 2px solid #fff;}
  #sp-prev, #sp-next {position: absolute;top: 50%;margin-top: -25px;z-index: 501;color: #fff;padding: 14px;text-decoration: none;background: #000;
    border-radius: 25px;border: 2px solid #fff;width: 50px;height: 50px;box-sizing: border-box;transition: .2s;}
  #sp-prev {left: 10px;}
  #sp-prev:before {content: '';border: 7px solid transparent;border-right: 15px solid #fff;position: absolute;top: 16px;left: 7px;}
  #sp-next {right: 10px;}
  #sp-next:before {content: '';border: 7px solid transparent;border-left: 15px solid white;position: absolute;top: 16px;left: 18px;}
  #sp-prev:hover, #sp-next:hover {background: #444;}
  /*左-end*/
  /*右*/
  .fd_y{float: right;width: 45%; }
  .fd_y h1{font-size: 28px;margin-bottom: 2%;color:#F57900;font-weight:bold; margin-top:0px;}
  .fd_y h4{font-size: 16px;color: #666;line-height: 30px;height: 30px;overflow: hidden;border:1px dashed  #d1d1d1; min-height:130px;margin-top:10px; padding:5px;font-weight:bold; }
  
  .fd_y h3{font-size: 14px;color: #666;line-height: 26px; font-weight:bold; margin-top:30px }
  tel{font-size: 24px;margin-bottom: 2%;color:#F57900;}
  .fd_y a{display: block;width: 30%;text-align: center;background: #e50012;color: #fff;border-radius: 3px;margin: 20px 0;line-height: 50px;height: 50px;
    font-size: 16px;}
  .fd_y h5{color: #999;font-size: 14px;}
  /*描述*/
  .ms_bg{padding: 5% 0;}
  .ms_bg .ms_ti{font-size: 26px;color: #333;line-height: 60px;height: 60px; border-bottom: 1px solid #e9e9e9;margin-bottom: 30px;}
  .ms_bg .ms_main{line-height: 30px;color: #333;font-size: 14px;}
  .ms_bg .ms_main img{display: block;width: 100%;height: auto!important;}
  .cpxq_img{display: none;}
}

/*产品详情-手机端*/
@media (max-width: 768px){
  .cpxq_bg{margin-top:50px;}
  .nyxq_main .weizhi{display: none;}
  .fangda_bg .fd_z{display: none;}
  /*详情图*/
  .cpny_main{}
  .cpxq_img .slides{position:relative;z-index:1;}
  .cpxq_img .slides img{width: 100%;display: block;}
  .cpxq_img .slides li{overflow: hidden;}
  .cpxq_img{position: relative;}
  .cpxq_img .flex-control-nav{position:absolute;bottom:2%;z-index:2;width:100%;overflow: hidden;text-align: center;}
  .cpxq_img .flex-control-nav li{display: inline-block;  margin: 0 3px;}
  
  .cpxq_img .flex-control-nav a{display:block;width:8px;height:8px;text-indent: 50px;border-radius: 50px; overflow:hidden;background:rgba(0,0,0,.5);cursor:pointer;}
  
  .cpxq_img .flex-control-nav .flex-active{background:#e50012;}
  
  /*右*/
  .fd_y{padding: 5%;}
  .fd_y h1{font-size: 24px;margin-bottom: 10px;}
  .fd_y h2{font-size: 24px;color: #255dab;height: 50px;line-height: 50px;}
  .fd_y h4{font-size: 14px;color: #666;line-height: 30px;height: 30px;overflow: hidden;}
  .fd_y h3{font-size: 14px;color: #666;line-height: 26px;padding: 5% 0;margin: 5% 0;border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;}
  .fd_y a{display: block;width: 30%;text-align: center;background: #e50012;color: #fff;border-radius: 3px;margin: 20px 0;line-height: 50px;height: 50px;
    font-size: 16px;}
  .fd_y h5{color: #999;font-size: 14px;}
  /*描述*/
  .ms_bg{padding: 5%;}
  .ms_bg .ms_ti{font-size: 18px;color: #333;line-height: 60px;height: 60px; border-bottom: 1px solid #e9e9e9;margin-bottom: 5%;}
  .ms_bg .ms_main{line-height: 30px;color: #333;font-size: 14px;}
  .ms_bg .ms_main img{display: block;width: 100%;height: auto!important;}
}







/*产品-电脑端*/
@media (min-width: 769px){
.sjdcfl_bg{ background:#fffaf4; }
  .cpfl_bg{max-width: 1200px;margin: 0 auto;padding: 3% 10px 5%;}
  .cpfl_bg a{transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s;}
  .cpfl_bg a:hover{transform: translate3d(0,-5px,0);-webkit-transform: translate3d(0,-5px,0);-moz-transform: translate3d(0,-5px,0);-o-transform: translate3d(0,-5px,0);
    box-shadow: 0 30px 50px -20px rgba(0,0,0,.1);}
 

 .cpfl_z{float: left;width: 30%;}
  .cpfl_z a{display: block;}
  .cpfl_z a img{display: block;width: 100%; height:635px;}
  .cpfl_y{float: right;width: 69%;}
  .cpfl_yA{display: block;margin-bottom:3%;}
  .cpfl_yA img{display: block;width: 100%;}
  

  .cpfl_yX a{display: block;float: left;width: 49%;margin:0 2% 1% 0;}
  .cpfl_yX a img{display: block;width: 100%;}

  .cpfl_bg>h1{font-size:48px; margin-bottom: 100px;}
  .video-wrap>h1{
    font-size: 48px;
    margin-bottom: 0px;
  }

  .video-wrap{
    padding: 40px 0 120px;
    background: url(/images/videobg.png) no-repeat center;
    background-size: cover;
  }

  .video-box{
    width: 100%;
    height: 466px;
    padding: 0 10%;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
  }

  .video-box>div{
    width: 44%;
    height: 466px;
  }

  .video-box>div>video{
    width: 100%;
    height: 100%;
	outline:none;
	border:none;
  }
  
   .video-box p{
   font-size:28px;
  }
  
}

/*产品-手机端*/
@media (max-width: 768px) {
  .cpfl_bg{padding: 10% 5%;}
  .cpfl_z{margin-bottom: 5%;}
  .cpfl_z a{display: block;}
  .cpfl_z a img{display: block;width: 100%;}
  .cpfl_y{}
  .cpfl_y .cpfl_yA{display: block;margin-bottom:5%;}
  .cpfl_y .cpfl_yA img{display: block;width: 100%;}
  .cpfl_yX a{display: block;margin-bottom: 5%;}
  .cpfl_yX a img{display: block;width: 100%;}

  .video-box>div{
    width: 80%;
    height: 220px;
    margin: 0 auto 40px;
	
  }

  .video-box>div>video{
    width: 100%;
    height: 100%;
	 
  }
  
  .video-box p{
   font-size:20px;
  }

  .video-wrap{
    padding: 60px 0 80px;
    background: url(/images/videobg.png) no-repeat center;
    background-size: cover;
  }
}



@media (max-width: 768px){
  .portfolio_w{padding: 0 4%;}
}





/**/
.kcxq_b {padding: 2%;}
.kcxq_b .slideTxtBox{padding-top: 0%;}
.kcxq_b .hd{ position:relative;border-bottom: 1px solid #ddd; }
.kcxq_b .hd ul li.on{ color: #0194d9;border-bottom:1px solid #0194d9;font-weight:bold; font-size:24px;}
.kcxq_b .hd li{display: inline-block; cursor:pointer;padding:0 30px;height:50px; 
  line-height:50px; color: #999;font-size: 18px;}
.kcxq_b .bd{padding-top: 10px;}
.kcxq_b .bd ul{overflow: hidden;}
.kcxq_b .ms_main{line-height: 30px;color: #333;padding: 2%;font-size: 14px;}
.kcxq_b .ms_main img{max-width: 100%;height: auto!important;}


.pro_key {
    line-height: 35px;
    border-top: dashed 1px #ccc;
    margin-top: 5px;
    font-size: 14px;
    padding-left: 10px;
    padding-right: 10px;
}

.caigou {
    padding: 5px;
    margin: 5px 0 0;
    border-bottom: dashed 1px #ccc;
    color: #F57900;
}
.caigou .span_1 {
    float: right;
}
.caigou_tab {
    line-height: 27px;
    margin-bottom: 10px;
    color: #666;
    width: 100%;
    border: 1px solid #fff;
    border-top: none;
    margin-top: 15px;
    background: #f1f1f1;
	padding: 15px;
	
}
table  tr{
  height: 37px; text-indent:1em;
}
.caigou_tab input, textarea{
  border: 1px solid #ccc;
}

.b15 {
    background: #0194d9;
    border: none;
     
    line-height: 16px;
    color: #fff;
    padding: 8px 28px;
  
    margin: 5px 0;
   
	border-radius:20px;
}

.red_x { color: red;}





/*频道横幅-电脑端*/
@media (min-width: 769px){
  .pd_hf{height: 500px;margin: 2% 0;}
  .pd_title{font-size: 30px;text-align: center;line-height: 30px;}


  /* fc --- 手机端隐藏 */

  #Latest-information-app{
    display: none;
  }
  
}

/*频道横幅-手机端*/
@media (max-width: 768px) {
  .pd_hf{height: 200px;margin: 5% 0;}  
  .pd_title{font-size: 20px;text-align: center;line-height: 30px; margin-bottom:50px;}
}








/*page*/
.page{ overflow:hidden;margin-top: 30px; text-align: center;}
.page a{padding: 0 12px;font-size:12px;line-height:32px;margin-right:10px; display:inline-block;border:1px solid #eee; color:#999; 
  text-align: center; transition: 0.5s;}
.page a:hover,.page span{background:#255dab;color:#fff;border:1px solid #255dab;}
.page span{line-height:32px; padding:0 12px; text-align:center; margin:0 10px 0 0; display:inline-block;}
.page a.next-btn{ width:75px;}






/*隐藏*/
#xsyc_bg{clear:both;background: #eee;max-width: 1200px;margin: 0 auto 5% auto;padding: 0 15px;}
#xsyc_bg .xsyc_a{text-align:center;text-indent: 50px;cursor: pointer;}
#xsyc_bg span{display:block;height:60px;color: #666;line-height: 60px;font-size: 14px;}
#xsyc_bg .mei{background:url(../images/plus.png) no-repeat 540px;}
#xsyc_bg .you{background:url(../images/minus.png) no-repeat 540px;}



/* 2019/9/29   最新资讯  手机端 ------ fc */
@media (max-width: 768px){
  #Latest-information{
    display: none;
  }

  .nomobile{
    display: none;
  }
  
 a.nomobile{
    display: none;
  }
  
  #Latest-information-app{
    padding-bottom: 5%;
  }

  #Latest-information-app .Latest-1,#Latest-information-app .Latest-2{
    width: 118px;
    height: 204px;
  }

  #Latest-information-app .latest-top-tile,#Latest-information-app .latest-top-tile-2{
    width: 80%;
    height: 17px;
    left: 35px;top: 15px;
  }

  #Latest-information-app .latest-top-tile p,#Latest-information-app .latest-top-tile-2 p{
    font-size: 12px;
  }

  #Latest-information-app .latest-top-tile>p>span,#Latest-information-app .latest-top-tile-2>p>span{
    font-size: 24px;
  }

  #Latest-information-app .latest-top-tile>div>img,#Latest-information-app .latest-top-tile-2>div>img{
    width: 25px;
    height: 25px;
    margin: 0;
  }

  .latest-box{
    width: 85%;
    height: 160px;
    top: 55px;left: 25px;
  }
  
  .latest-box-2{
    width: 85%;
    height: 160px;
    top: 55px;right: 30px;
  }

  .latest-item-cont>img{
    width:  100%;
    height: 90px !important;
  }

  .latest-box>div:nth-child(3),.latest-box-2>div:nth-child(3){
    display: none;
  }

  .row{
    margin: 0 !important;
  }

  .latest-item-cont>h3{
    font-size: 20px;
  }

  .latest-item-cont>p{
    font-size: 12px;
  }
}


#MsnDialog.ad, #MyMoveAd, #QQ_Full, #ad-SNSSplashAd, #ad6cn, #adBody07, #adLeftFloat, #adRightFloat, #ad_box1, #ad_box2, #ad_full, #ad_headerbanner, #ads_c_tpc, #ads_top_video, #adtop1, #adx_cggp, #crazy_ad_float, #crazy_ad_layer, #cs_left_couplet, #cs_right_couplet, #doyoo_mon_mask, #doyoo_monitor, #duilian_left, #duilian_right, #eis_pad1, #eis_pad2, #floatAd, #floatad-winpop, #fwin_popad_7ree, #fwin_popad_7ree + #fwin_dialog, #gg300, #googleAdIndexTop, #haoetv1, #js-ad-map, #js_ads_banner_top, #js_ads_banner_top_slide, #kfpopupDiv, #leftCouple, #leftCouplet, #leftFloat + #rightFloat, #left_couple, #left_down_float_ad, #left_float + #right_float, #left_top_ad, #left_up_float_ad, #lovexin1, #lovexin11, #lovexin12, #lovexin13, #lovexin14 { display: none!important; z-index:-1!important; height:0px!important;}
#lovexin2, #mbjx_ad, #miaov_float_layer, #micast_ads, #movieInfoRight, #my-adsFPR, #navcontainer + .moneyarea, #netease_mail_footer, #olfullad, #overture_ads_bottom_td, #overture_ads_top_td, #popup.t, #ptcmsad1, #qj960a, #qj960b, #results.content-main > .eLeft, #rightCouple, #rightCouple + #leftFloat, #rightCouplet, #rightCouplet + #leftFloat, #right_couple, #right_couple + #left_float, #right_down_float_ad, #right_up_float_ad, #shareman_ad, #sitefocus.focus, #snActive-wrap, #table1[width="468"][height="50"], #table1[width="794"][height="60"], #table1[width="812"][height="50"], #tanx-con-1, #tanx-fold-main, #textggs, #top_ads0, #toperAd2, #toptb + div[align="center"], #tr_ad1, #tr_ad10, #tr_ad11, #tr_ad2, #tr_ad3, #tr_ad4, #tr_ad5, #tr_ad6, #tr_ad7, #tr_ad8, #tr_ad9, #tripadvisor-ad, #xinnxi, #xinxi { display: none!important; z-index:-1!important; height:0px!important;}
#zds_ad, ._cggp, ._ggs, ._popIn_recommend_article_ad, ._popIn_recommend_article_ad_reserved, .a_cn, .a_fl, .a_pb, .a_pr, .a_sxc, .a_xsfl, .ad-above-footer, .ad-below-adjacent-post, .ad-below-header-menu, .ad-below-post-title, .ad-below-related-post, .ad-couplet-common, .ad-left-down, .ad-left-top, .ad-right-down, .ad-right-top, .ad-site, .ad250left, .ad250right, .ad300left, .ad336left, .ad990x130, .ad990x90, .ad_couplebanner, .ad_fixed, .ad_footerbanner, .ad_headerbanner, .ad_hf, .ad_home_current, .ad_midd, .ad_right_1, .ad_right_2, .ad_thread, .ads > a > img[src*=".sinaimg."], .adsense160, .adsense200, .adsoho, .assort-ad, .banner-ad-section, .bdyp-sygg-ul, .below_ads, .bm.a_c, .bn728-93, .bottom-adv, .bottomSponsor { display: none!important; z-index:-1!important; height:0px!important;}
.bus_adsbox, .cari-ads, .chat-ad, .chat-right-ad, .chat-sysbroadcast-ad, .chat-top-ad, .comiis_adbox, .con_ad, .content-video > .ads, .content-video > .ads-player, .content_ad_300, .couplet_9cb0d, .customSlideshow-ad-below, .d_slidebanner, .f-sign-cont[data-dysign-adid], .gg1000, .gg430, .gg_300, .gg_950, .gg_960, .gg_full, .ggad, .ggdistich, .gggtop, .ggpost-below, .ggtop, .google_adsense2, .gpt_ads_box, .hao123-unionad-pic, .heg > .div-list, .his-sign-cont[data-dysign-adid], .iHead960x90, .index_alert_gg, .indexad2, .indexad3, .indexad4, .it618_firstad_flex, .kf_qycn_com_cckf_welcomebox, .leftadv, .lol-ad, .lol_ad, .lyzm-prevent, .menutab_ad, .ml_ad1, .ml_ad3, .ml_ad5, .mlad, .movie-advert-link, .pagead_3, .player-bottom-gg { display: none!important; z-index:-1!important; height:0px!important;}
.readerAd, .room-ad-bottom, .room-ad-top, .room-ad-video-down, .scupioadslot, .sxAdBox, .theme_custom_slidebox-ad-below, .tipadds, .tmall_ad_container, .top-read-ad, .topSponsor, .toy52_outer, .toy52apparel_ALL, .twavt-ads, .wf_ad_block, .widget_ad_sidebar, .widget_adbox, .wp.a_f, .wp.a_h, .wumii-bottom-popup, .wumii-widget-ad, .wzad, .yd_ad, .yd_ad1, .yd_ad2, .yd_ad3, .yd_ad5, .yd_ad6, .zone_wap_banner2, A[href*=".com/?Agent="], a[href*=".123ch.cn"], a[href*=".222bz.com/"], a[href*=".9xiazaiqi.com"], a[href*=".com/?Extend="], a[href*=".com/?p="][target="_blank"] > img[src$=".gif"], a[href*=".com/Register.aspx?aid="], a[href*=".com/Register/?a="], a[href*=".com/Register?a="], a[href*=".com?aff="], a[href*=".com?intr="], a[href*=".downok.com"], a[href*=".qpzqxz.com/"], a[href*=".qtj5.com/"], a[href*=".tudown.com/"], a[href*=".wjLkj.com/"], a[href*=".yyk2.com/"], a[href*="/?INTR="], a[href*="/?Intr="], a[href*="/?intr="], a[href^="http://ad.moemoe."] { display: none!important; z-index:-1!important; height:0px!important;}
a[href^="http://go.gotourl.xyz/"], a[href^="http://www.upupoo.com/?"], a[href^="https://hi.potvpn.com/?from="], body[onload*="u()"] > #x, div#ad_id, div[id^="ad_thread"], img[src$="/2016-0114-700X70.gif"] ~ a[onmouseover="this.style.background='#DEF5CD';"]:nth-child(-n+226), img[src$="/2016-0114-700X70.gif"] ~ span[class^="f"] > span > a[onmouseover="this.style.background='#DEF5CD';"]:first-child:last-child, img[src$="/47650fdad90b35b07d9339b792713f7e.gif"] ~ a[onmouseover="this.style.background='#DEF5CD';"]:nth-child(-n+226), img[src$="/47650fdad90b35b07d9339b792713f7e.gif"] ~ span[class^="f"] > span > a[onmouseover="this.style.background='#DEF5CD';"]:first-child:last-child, img[src$="/a1b45005bda18472821222856c6d4f99.gif"] ~ a[onmouseover="this.style.background='#DEF5CD';"]:nth-child(-n+226), img[src$="/a1b45005bda18472821222856c6d4f99.gif"] ~ span[class^="f"] > span > a[onmouseover="this.style.background='#DEF5CD';"]:first-child:last-child, script + #rbbox, script + .sptable[cellpadding="5"], script + .sptable_do_not_remove[cellpadding="5"], table[style="border:#e8e8e8 1px solid;"] + div[style="margin-top:5px"] > table[style="width:100%;"][cellspacing="0"][cellpadding="1"][bordercolor="#999999"][border="1"], [style="display:none"] + iframe[scrolling="no"][src*="//"][src*="?"][src*="="][src*="&"][width][height][frameborder="0"], div:not([id]):not([class]):not([style]) > div:not([id]):not([class]):not([style]) > iframe[scrolling="no"][src*="//"][src*="?"][src*="="][src*="&"][width][height][frameborder="0"], div[style^="width: 100%;"][style$="display: block;"] iframe[scrolling="no"][src*="//"][src*="?"][src*="="][src*="&"][width][height][frameborder="0"], div[style^="width: 100%;"][style$="margin: 0px;"] iframe[scrolling="no"][src*="//"][src*="?"][src*="="][src*="&"][width][height][frameborder="0"], div[style^="width: 100%;"][style$="opacity: 100;"] iframe[scrolling="no"][src*="//"][src*="?"][src*="="][src*="&"][width][height][frameborder="0"], div[style^="width: 100%;"][style$="overflow: hidden;"] iframe[scrolling="no"][src*="//"][src*="?"][src*="="][src*="&"][width][height][frameborder="0"], div[style^="width: 100%;"][style$="visibility: visible;"] iframe[scrolling="no"][src*="//"][src*="?"][src*="="][src*="&"][width][height][frameborder="0"], div[style^="width: 100%;"][style$="z-index: inherit;"] iframe[scrolling="no"][src*="//"][src*="?"][src*="="][src*="&"][width][height][frameborder="0"], #cpro_container, a[href*="/mobads.php?"], div[id][style="width: 100%;"] > div > div > iframe[scrolling="no"][src^="http"][src*="?"][src*="="][src*="&"][width][height][frameborder="0"], div[id][style="width: 100%;"] > div > iframe[scrolling="no"][src^="http"][src*="?"][src*="="][src*="&"][width][height][frameborder="0"], div[id][style="width: 100%;"] > iframe[scrolling="no"][src^="http"][src*="?"][src*="="][src*="&"][width][height][frameborder="0"], div[style="width: 100%;"]:not([id]):not([class]) > iframe[scrolling="no"][src*="//"][src*="?"][src*="="][src*="&"][width][height][frameborder="0"], div[style^="width: 100%;"]:not([id]):not([class]) > iframe[scrolling="no"][src^="http"][src*="?"][src*="="][src*="&"][width][height][frameborder="0"], .footer > #box[style="width:100%;height:100%;position:fixed;top:0"], a[href^="http://yunbofangbt."], #j-new-ad, .a_sxfl, .a_sxmu, .a_sxp, .a_sxpb, .heg > .partner-list, a[href^="/dasp.php?a="], [class^="ADTOPLB"] { display: none!important; z-index:-1!important; height:0px!important;}

.adsbygoogle, .ggbox, .banner-site, .a_p, .a_fr, a[href*="/cpro/"], a[href*="/cpro."], a[href*="/?aff="], a[href*=".umeng.com"], a > img[width="980"][src*=".sinaimg."], a > img[width="960"][src*=".sinaimg."], a > img[src*=".sinaimg."][src$=".gif"][style*="width:960"], .wp.a_t, .widget_ui_ads, .baiduad, .a_pt, .a_mu, #kfivtwin, #haoetv, #gg1 { display: none!important; z-index:-1!important; height:0px!important;}


.pagecc {
    margin: 0 auto;
    text-align: center;
    margin-top: 20px;
    font-size: 14px;
    margin-bottom: 20px;
}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}
.pagination>li {
    display: inline; 
}
.pagination > li > a, .pagination > li > span {
    color: #333;
   
	font-size:14px;
}

.pagination>li>a, .pagination>li>span {
     
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #666;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}
.pagination>li>a:hover  {
  
    color: #f30;
   
}
.pagination>li>:hover  {
  
    background-color: #f2f2f2;
   
}

li.thisclass a {
  
    background-color: #f2f2f2;
   
}

.portfolio_newsview {
    width: 100%;
    margin-top: 0px;
}

.portfolio_newsview .weizhi{
   line-height:58px;
}



.bg_grey { background:#f2f2f2;}

.details-title h1 {text-align:center;margin-top:50px;}

.details-title .info {text-align:center; font-size:14px; color:#999;}


@media (min-width: 769px){
.nycp_banner_new {
    height: 280px;
    tion: relative;
    margin-top: 70px;
}
}






.pagination1 {
    
    margin: 20px 0;
	height:58px;
    
}
.pagination1>li {
    float:left;
}
.pagination1>li:last-child {
 float:right;
}

.pagination1 > li > a, .pagination1 > li > span {
    color: #333;
   
	font-size:14px;
}
.pagination1 > li > a:hover {
    color: #f00;
   
}



.met-editor { padding:5%;}

.titke-h2 {margin:15px;}

.mtview  {margin-top:80px;}


.foot_m {
	display:none;
}



@media (min-width: 769px){
.nyxq_main .mtview {
    margin-top: 40px;
}

.mb50 {
    margin-bottom: 0px;
}

}



@media (max-width: 768px){


.news-wz h3 {
    font-size: 1.2rem;
    line-height: 1.5rem;
    color: #000;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
    text-align: left;
    height: 4.5rem;
    overflow: hidden;
}
	
.weizhi {
    margin-top: 40px;
 
}
	
.pagination1 {
    margin: 10px;
    height: 58px;
}	
	
	
.pagination1>li:last-child {
    float: left;
}


.news-wz .news-a {
    border: 1px solid #ccc;
    display: block;
    width: 100%;
    text-align: center;
    padding: 4px 0;
    margin: 0 auto;
	font-size:12px;
}

.video-tow img {
    display: block;
    width: 100%;
    height: 100px;
}

/*联系我们 k*/

.contact-left{float: left;background: #f8f8f8;width: 47%;margin:0px;padding:0px 19px;}


.mictype a {
    padding: 4px 6px;
    text-align: center;
    border: 0px solid #666;
    margin: 0.5em 0.85em 0.85rem 0;
    border-radius: .35em;
    display: inline-block;
    color: #333;
    border: 1px dashed #d1d1d1;
    font-size: 12px;
    background: #fff;
}

.mictype a.dangqian2 {
    background: none;
    color: #e50012;
    border: 0px solid #e50012;
    border: 1px dashed #e50012;
}

.product-grid .product-image img {
    width: 100%;
    height: 160px;
}


.kcxq_b .ms_main img {
    width: 100%;
    height: auto!important;
}

.caigou_tab input, textarea {
    border: 1px solid #ccc;
    width: 90%;
}

.caigou_tab span {color:#999;margin-left:20px;}
.caigou_tab span.red_x {color:red;margin-left:0px;}





.video-dow1 p {
    color: #000;
    font-size: 12px;
    padding-top: 5%;
    height: 60px;
    line-height: 21px;
	text-align: left;
}



/*mobile foot k*/

.mb50{margin-bottom:60px;}

.foot_m {
	display:block;
	left: 0px;
    bottom: 0px;
    width: 100%;
    height: 6.2rem;
    overflow: visible;
    background-color: rgb(255, 255, 255);
    transform: translateZ(0px);
    position: fixed;
    z-index: 10000 !important;
	
	 
}

/* 判断iphoneX 将 footerBox 的 padding-bottom 填充到最底部*/
@supports (bottom: env(safe-area-inset-bottom)) {
	.foot_m {
		padding-bottom: env(safe-area-inset-bottom);
	 

	}
}


.foot_m .foot_zx{ width:15%; text-align:center;margin-top:1.2rem;  float:left; font-size:1rem}

.foot_m .i_foot_zx {background: url(/images/zx.png) no-repeat center; width:100%; height:2rem;background-size: auto 2.1rem;} 
.foot_m .i_foot_lx {background: url(/images/lx_icon.png) no-repeat center; width:100%; height:2rem;background-size: auto 2.3rem;} 

.foot_m .foot_wx  {
	 float:left;
	 width:32%;
	 height:3.5rem;
	 margin-top:1.2rem; 
    border-radius: 24px;
    background-color: rgb(255, 255, 255);
    color: rgb(230, 50, 46);
    font-size: 0.962409rem;
	border:1px solid #f2f2f2;
    border-color: rgb(230, 50, 46);
	background: url(/images/wx.png) no-repeat 15px center;
	background-size: auto 2.5rem;
	text-align:center;line-height:3rem;
}


.foot_m .foot_cp  {

	background: url(/images/cp.png) no-repeat 15px center;background-size: auto 2.5rem;

}


.button-text_wx {font-weight: bold; font-size:1.5rem; text-indent:1rem;}

.foot_m .foot_tel  {
	 float:left;
	margin-left:6px;
	color: #fff;
	background: url(/images/tel.png) no-repeat 20px center rgb(230, 50, 46);
	background-size: auto 2.5rem;
	text-align:center;line-height:3rem;
}


} /* */



#fullbg {
background-color:gray;
left:0;
opacity:0.8;
position:absolute;
top:0;
z-index:3;
filter:alpha(opacity=80);
-moz-opacity:0.5;
-khtml-opacity:0.5;
}
#dialog {
background-color:#fff;
border:3px solid rgba(0,0,0, 0.8);
height:auto;
margin:0 auto;
padding:1px;
position:fixed !important; /* 浮动对话框 */
position:absolute;
top:16%;
width:100%;
z-index:5;
border-radius:5px;
display:none;
}
#dialog p {
margin:5px 0 12px;
height:24px;
line-height:24px;
opacity: .8;
}
#dialog p.close {
text-align:right;
padding-right:10px;
}
#dialog p.close a {
color:#fff;
text-decoration:none;
}

#dialog .diacont { margin-top:46px; text-align:center;}
#dialog .diacont h3 { font-size: 2.3rem;}
#dialog .wxh {
	margin:0 auto;
    font-size: 2rem;
    color: #666;
    text-align: center;
    width: 80%;
    height: 6rem;
    line-height: 6rem;
    background: #f7f7f7;
    border-radius: 0.67934783rem;
    font-weight: 400;
	margin-top:20px;
}


#dialog .copywxh {
	margin:0 auto;
    background-color: #1aad17;
    border-radius: 0.50951087rem;
    width: 50%;
    height: 4.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 1.01902174rem;
    cursor: pointer;
	color: #fff;font-size: 2rem;
}

#dialog .addwxh img {
	
	margin-top:15px; width:100%

}


:focus {
    border: 0;
	
button{outline:none;}

a,a:hover,a:active,a:visited,a:link,a:focus{
    -webkit-tap-highlight-color:rgba(0,0,0,0);

    -webkit-tap-highlight-color: transparent;

    outline:none;

    background: none;

    text-decoration: none;

}

/* 在每个控件加上 display: none   */

video::-webkit-media-controls-fullscreen-button {
        /* display: none; */
}

 video::-webkit-media-controls-play-button {

}

video::-webkit-media-controls-timeline {

}

video::-webkit-media-controls-current-time-display {

}

video::-webkit-media-controls-time-remaining-display {

}

video::-webkit-media-controls-mute-button {

}

video::-webkit-media-controls-toggle-closed-captions-button {

}

 video::-webkit-media-controls-volume-slider {

}





