ul { 
list-style:none;
padding:0px;
}

.navbar-nav li:nth-child(1) {
 background-color:#428EFF;
}

.FirstlineBox { 
    padding:6% 0px;
    width: 64%;
    margin: auto;
}
.Firstline {
  text-align:center;
}
  .Firstline ul {
    padding: 0px; 
    width:162px;
    margin: auto;
  }
.Firstline ul li:nth-child(2)
{
   margin-top:30%;
   font-size:18px;
}
.Firstline ul li:nth-child(3)
{
   margin-top:2%;
   font-size:18px;
}
.no1 {
  color:#428EFF;
}
.no2 {
  color:#FFAA08;
}

.no3 {
  color:#FF7822;
}

.no4 {
  color:#AAD338;
}
.no5 {
  color:#38D3D1;
}
.no6{
  color:#9062e1;
}


.RollImgBox {
 border:1px solid #FF7822;
}
.SecondLines { 
  width:100%; 
  float:left; 
  background-color:#f8f8f8;
  padding:4% 0px;
}
  .SecondLines ol li {
   float:left;
  }

  .SecondLines ul {
  text-align:center;
  padding:20PX 0PX;
  }

    .SecondLines ul li img {
      height:50PX;
      width:50PX;
    }

.carousel-indicators {
    float: left;
    margin-bottom: 10%;
}
    
    
    #myCarousel { 
}


.VideoPlayback {
 width:100%;float:left;
}

  .VideoPlayback ul {
   text-align:center;
  }

    .VideoPlayback ul li ul {
    padding:20px 0px
    }



.LeftBtn {
  position: absolute;
  /*top:55%;*/
  bottom:30%;
  left: 0;
  width: 50px;
  height: 50px;
  font-size: 20px;
  color: #ffffff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  opacity: 0.5;
  filter: alpha(opacity=50);
  background-image: url('../Img/Index/leftimg.png');
  background-size:50px 50px; 
}
  .LeftBtn:hover {
    background-image: url('../Img/Index/leftimgshow.png');
  }

.RightBtn {
  position: absolute;
  /*top:55%;*/
  bottom:30%;
  right: 0;
  width: 50px;
  height: 50px;
  font-size: 20px;
  color: #ffffff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  opacity: 0.5;
  filter: alpha(opacity=50);
  background-image: url('../Img/Index/rightimg.png');
  background-size:50px 50px; 
}
  .RightBtn:hover {
    background-image: url('../Img/Index/rightimgshow.png');
  }


.input-group {
   width:30%;
   margin:auto; 
   margin-top:1%;
 }
 
#RollingGraphBtn {
  height:208px; 
  width:200px;
  float:left; 
  text-align:center;
  padding:0px 10px;
  color:#000000;
}
/** 2018.9.11 修改 **/
@media (min-width: 992px)(max-width:1600px){
  #RollingGraphBtn{
    width:170px;
  }
  #RollingGraphBtn p:nth-child(3){
    font-size: 17px;
  }
   #RollingGraphBtn p:nth-child(2) {
    font-size:23px; 
  }
}
  #RollingGraphBtn p:nth-child(1) {
    font-size:24px;
     margin:28px 0px;
  }
    #RollingGraphBtn p:nth-child(2) {
    font-size:24px; 
  }
    #RollingGraphBtn p:nth-child(3) {
      font-size:18px;
     margin-top:14px;
  }
   #RollingGraphBtn p:nth-child(4) {
   font-size:18px; 
  }
 #RollingGraphBtn p img {
    height:40px;
    width:40px;
  }

.VideoPlayback video {
 width:73%;
 height:500px;
}
.bottomUl {
 padding-bottom:50px;
}
  .bottomUl li div{
   padding:50px 0px;
   width:20%;
  }
.bottomUl ul li img{
  height:45px;
  width:45px;
}
.bottomUl li div ul{
 padding:50px 1px;
 box-shadow:0px 0px 10px 2px rgba(0, 0, 0, 0.10);
 margin:10px;

}

.bottomUl li div ul li:nth-child(2) { 
 margin-top:20px;
 font-size:24px;
}
.bottomUl li div ul li p{
  font-size:16px;
}
.bottomUl li div ul li:nth-child(3) { 
 margin-top:10px;
}
@media (min-width: 992px)(max-width:1600px){
  .bottomUl li div {
    width:18%;
}
}
.Bottom_Service {
  background-image: url('../Img/Index/Bottom_Background.png');
  float: left; 
  color:#ffffff;
  text-align:left;
   line-height:40PX;
      padding: 5% 0px 7% 0px;
}
  .Bottom_Service table {
   width:80%; 
   padding:35px 0px;
   margin:auto;
  }
 .Bottom_Service table tr {   
   border-bottom:1px solid #ffffff; 
  }

  .Bottom_Service table tr td{   
    padding:30px 0px;
    line-height: 56px;
  }

  .Bottom_Service h1 {
   text-align:center;
   margin-bottom:10px;
   margin-top:0;
  }
  .Bottom_Service text {
     margin-left:4%;
     font-size:16px;
  }
.Bottom_DIVbox {
    border: 1PX solid #ffffff;
    height: 50PX;
    width: 64PX;
    line-height: 50PX;
    text-align: center;
    border-radius: 5px;
    float: left;
    font-size: 18px;
}
/*清除浮动--推荐使用*/
.clearfix:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.clearfix{zoom:1}
#RollingGraphBtn.active{
  background:#428EFF;
  color:#fff;
  filter:none;
}
#RollingGraphBtn.active p img{
  filter: invert(100%);
}
#controls h1{
  margin-bottom:10px;
}
#controls p{
  margin-bottom:46px;
}
.Bottom_Service p{
  text-align:center;
  margin-bottom:46px;
}
.Bottom_Service p .img_cen{
      filter: invert(100%);
    margin: 0 auto;
    display: inline-block;
}
@media (min-width: 992px) and (max-width:1680px){
  .carousel-indicators #RollingGraphBtn{
        width: 179px;
  }
}