@charset "utf-8";
body,th,td,input,select,textarea,buttona,p,div,span,a,li {font-family:"黑体 Regular","微软雅黑 Regular";color:#000} /* 重置页面文字属性 */
fieldset,img {border:0 none}  /* 重置fieldset（表单分组）、图片的边框为0*/
dl,ul,ol,menu,li {list-style:none}   /* 重置类表前导符号为onne,menu在HTML5中有效 */
body{background:#F7f7f7;}
a{
	color:#333;
}
    .homePageIcon {
      border: 5px solid #f1f1f1;
      border-radius: 50%;
      width: 140px;
      height: 140px;
      margin: auto;
    }
    
    .homePageIconDiv h1 {
      font-weight: 100;
      font-size: 33px;
    }
    
    .homePageIconDiv p {
      font-weight: 200
    }
    
    .homePageIcon > img {
      margin-left: 31px;
      margin-top: 31px;
      width: 68px;
    }
    
    .text_center {
      text-align: center;
    }
    
    .rightBorder {
      border-right: 1px solid #eaeaea;
    }
    
    .serviceSection {
      margin-bottom: 40px;
      margin-top: 40px;
      margin-right: 0px;
      margin-left: 0px;
    }
    .pageToplayer {
      background: #eaeaea;
      height: 15px
    }
    
    .navbar-brand {
      height: 70px;
      margin-top: -10px;
    }
    
    .nav {
      float: left;
      
      margin-top: -3px;
    } 

    
    
    
    
@media (max-width:768px)
    {
      .nav{
     
        float: none;
        text-align: center;
        color:#fff !important;
        z-index: 3000;
        position:absolute;
       left:409px;
       top:79px;
      }
      
      .nav>li{
         background:#333;
         width:100%;
      }
       .nav > li > a {
        color:#fff !important;
         background:#333;
      }
    }

    .nav > li > a {
      color: #fff;
      font-size: 14px;
    }
    
    .nav>li>a:focus,
    .nav>li>a:hover {
      text-decoration: none;
      background-color: rgba(0, 0, 0, 0.5);
      border-bottom: 3px solid darkorange;
      color:#fff;
    }
    
    .carousel {
      height: 440px;
    }
    
    .carousel-caption {
      z-index: 10;
    }
    
    .carousel .item {
      height: 440px;
      background-color: #777;
    }
    
    .carousel-inner > .item > img {
      position: absolute;
      top: 0;
      left: 0;
      min-width: 100%;
      height: 440px;
    }
    
    footer {
      background: #0f1721;
      line-height: 50px;
      color: #9e9e9e;
      font-size: 12px;
    }
    
    .parallax-window {
      min-height: 450px;
     
       background: url(../../images/imgNew/Layer-1.jpg) ;
       background-size:100%;
    }
    
    .phoneImage {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      top: 0;
      margin: auto;
    }
    
    .app_about {
      height: 120px;
      color: white
    }
    
    .app_about > img {
      width: 12%;
      float: left;
      margin-top: 40px;
    }
    
    .app_about > span {
      font-size: 70px;
      margin-top: 20px;
    }
    
    .app_about > div {
      float: right;
      width: 82%;
      padding-left: 10px;
    }
    
    .rowContet {
      margin-left: 0;
      margin-right: 0;
       background: rgba(0, 0, 0, 0.2);
    }
    
    .demof {
      /*border: 1px solid #ccc;*/
      margin: 25px 0;
      margin-top: 10px;
    }
    
    .demof ul {
      padding: 0;
      list-style: none;
    }
    
    .demof li {
      padding: 20px;
      border-bottom: 1px solid #ccc;
    }
    
    .demof li.odd {
      background: #fafafa;
    }
    
    .demof li:after {
      content: '';
      display: block;
      clear: both;
    }
    
    .demof img {
      float: left;
      width: 100px;
      margin: 5px 15px 0 0;
    }
    
    .demof a {
      font-family: Arial, sans-serif;
      font-size: 20px;
      font-weight: bold;
      /*color: #06f;*/
    }
    
    .demof p {
      margin: 15px 0 0;
      font-size: 14px;
    }
    
    .aboutCompany {
         line-height: 15px;
   		 padding-left: 50px;
    	 padding-top: 20px;
    	 text-align: center;
    }
    
    .aboutCompany p{
      color: #8c8c8c;
      font-size: 12px;
      text-align:center;
      padding-bottom:10px;
      font-size: 16px;
    }
    .aboutCompany .footer-content{
        color:#ccc;
        font-size:12px;
        line-height:20px;
    }
    
    .usefulLink {
      line-height: 35px;
    }
    
    .usefulLink a {
      color: #8c8c8c;
      font-size: 11px;
    }
    
    .aboutCompany span,
    .usefulLink span {
      float: left;
      color: #8c8c8c;
      margin-left: 10px;
      font-size: 20px;
      margin-top: 7px;
      margin-right: 10px;
    }
    
    .usefulLink span {
      font-size: 12px;
      margin-top: 11px;
    }
    
    .gallery img {
      width: 75px;
      padding: 5px 5px 5px 0;
    }
    
    .gallery h4 {
      color: #8c8c8c;
    }
    
   
    
    .change {
      background: #071435;
  
    }
    
    .change ul > li > a {
      color: #fff;
    }
    
    .slidderBanner-title{
      height: 65px;
      position:absolute;
      top:395px;
      left:10%;
      width: 80%;
     
      background: rgba(0, 0, 0, 0.5);
      z-index: 10;
      font-size:5rem;
      text-align: center;
      color:#fff;
    }
    
    .slidderBanner img {
      margin: 17px;
      width: 380px;
      margin-left: auto;
      margin-right: auto;
      left: 0;
      right: 0;
      position: absolute;
    }
    
    .carousel-indicators {
      bottom: -13px;
      opacity: 0.6;
    }
    
    .carousel-indicators li {
      border-color: black;
    }
    
    .carousel-indicators .active {
      background-color: black
    }
    
    .aboutSection {
      margin-bottom: 80px;
    }
    
    .aboutSection div > h4 {
      border-bottom: 2px #ff9700 solid;
      font-weight: 100;
      padding-bottom: 10px;
      
    }
    
    .aboutSection div > p {
      text-align: justify;
    }
    
    .aboutTopLayer,.candoTopLayer,.serviceTopLayer,.faqTopLayer {
     background-image: url("../../images/imgNew/cando.jpg");
      margin:-10px 0 50px 0;
    }

    .candoTopLayer {
      background-image: url("../../images/imgNew/cando.jpg");
    }
    .serviceTopLayer {
      background-image: url("../../images/imgNew/cando.jpg");
    }
    
    .faqTopLayer {
      background-image: url("../../images/imgNew/cando.jpg");
    }
    
    .navhelp {
      color:#333;
    }
    .navbar-toggle {
      color:#ff9700;
          height: 50px;
    line-height: 35px;
    background: #fff;
    }
    .slider{
      margin-right: 0;
      margin-left: 0;
      border: 1px solid #eee;
    }
    .candoRow {
       margin-bottom: 20px;  
       margin-top: 20px;
       1border-top: 1px solid #d6d6d6;
    }
    .candoRow img{
      margin-top: 20px;
	  height: 80px;
      display: block;
      margin-left: auto;
      margin-right: auto;
    }
    .candoRow h1{
      font-weight: 100;
      font-size: 33px;
    }
    .candoRow p {
      font-weight: 200
    }
    .callbacks_nav {
  	  position: absolute;
  	  -webkit-tap-highlight-color: rgba(0,0,0,0);
  	  top: 52%;
  	  left: 10px;
  	  opacity: 0.7;
  	  z-index: 3;
  	  text-indent: -9999px;
  	  overflow: hidden;
  	  text-decoration: none;
  	  height: 61px;
  	  width: 27px;
  	  background: transparent url("img/arrow.png") no-repeat left top;
  	  margin-top: -45px;
	  }

	.callbacks_nav:active {
	  opacity: 1.0;
	  }

	.callbacks_nav.next {
	  left: auto;
	  background-position: right top;
	  right: 10px;
  	}
  	.borderCando{
  		border-top: 1px solid #d6d6d6;
	    width: 85%;
	    margin-left: auto;
	    margin-right: auto;
  	}
  	#sliderCando{
  	  -webkit-box-shadow: 0px 8px 18px -6px rgb(234, 234, 234);
      -moz-box-shadow: 0px 8px 18px -6px rgb(234, 234, 234);
      box-shadow: 0px 8px 18px -6px rgb(234, 234, 234);
  	}
    .panel{
      -webkit-box-shadow: 0 0 0;
      box-shadow: 0 0 0;
      margin-top: -40px;
    }
    .panel-body{
      padding: 10px 27px 10px 27px;
      font-weight: 300;
      letter-spacing: 0.5px;
      text-align: justify;
    }
  	.panel-heading {
       cursor: pointer;
       padding: 17px 25px;
       border-bottom: 1px solid #ececec !important;
       border: 1px solid #ececec;
       border-left: orange 3px solid;
	  }
	.accordion-toggle:after {
    content: "";
    background: url("img/minus.png");
    background-size: 20px 20px;
    float: right;
    color: inherit;
    height: 20px;
    width: 20px;
	}
	.panel-heading.collapsed{
	    border-left : #ececec 1px solid;
	}
	.panel-heading.collapsed .accordion-toggle:after {
    content: "";
    background: url("img/plus.png");
    background-size: 20px 20px;
    height: 20px;
    width: 20px;
	}
  .media{
        margin-top: 45px;
  }
  .media-body {
    color:white;
  }
  video {
    background-color: white;
    border-radius: 3px;
     min-height: 160px;
   }
   .widthSize{
   width:80%;
   margin-left:10%;
   background:#fff;
   }
   .nav .open>a, .nav .open>a:hover, .nav .open>a:focus{
   background-color: rgba(0, 0, 0, 0.5);
    border-color: #428bca;
   }
  
  /*nav star*/
  #navbar{;float:left;    width: 67%;margin-left:20px;}
  #navbar ul{background:#0c152f;height:80px;line-height:80px;}
  #navbar ul li{height: 80px;    padding-top: 20px;}
  .navbar-header{   
    position: absolute;
    top: 10px;
    right: 0;}
 .navbar {
     background: #0c152f;
    border: 0;
    height: 80px;
    width: 100%;
    line-height: 80px; }
.header-logo{
       display: block;
    width: 70px;
    height:70px;
    margin-top: 5px;
    float: left;
   }
   .logo-img{
	line-height:80px;
}
   .header-logo1{
      float: left;
    width: 160px;
    height: 60px;
    padding-top:15px;
   
   }
    #navbar ul li ul{
   height:auto; 
   }
   #navbar ul li ul li{
   height:35px;
   padding:0;
   text-align: center;
    border-bottom: 1px solid#333;
   color:#fff;
   }
   #navbar ul li ul li a{
   height:35px;
   padding:0;
   text-align: center;
   line-height:35px;
    border-bottom: 1px solid#333;
   color:#fff;
   }
    #navbar ul li ul li a:hover{
   color:#333;
   }
  
     @media(max-width:1253px){
      #navbar {
		    width: 65%;
		    margin-left:0px;
        }
      #navbar ul li,a {
    height: 40px;
    padding-top:20px;
}
     }
    
   @media (max-width:1142px)
     {
     #navbar {
    width: 45%;
    margin-left: 0;
    margin-top:0;
     }
    
      .nav{
     
        float: none;
        color:#fff !important;
        line-height:40px;
       
      }
       #navbar ul li{width:60px;
         height:40px;
         text-align:center;
         line-height:40px;
         padding: 0;
         border:1px solid #161427;
         border-radiu:5px;
         color:#333;
         }
      
       .nav > li > a {
         width:60px;
         height:40px;
         line-height:40px;
         font-size:12px;
         padding:0;
         color:#ddd;
      }
    }
     
    
    @mediascreen ( max-width: 1042px ) and (min-width:1080px) {
        #navbar {
    width: 59%;
    
}
    
     }
     @media(max-width:860px){
       #navbar{
         width:53%;
       }
    }
     @media(max-width:770px){
        #navbar {
    width: 100%;
   
}
 #navbar ul li{width:100px;
         height:40px;
         text-align:center;
         line-height:40px;
         padding: 0;}
      
       .nav > li > a {
        color:#fff !important;
         width:100px;
         height:40px;
         line-height:40px;
         font-size:10px;
         padding:0;
      }
       #navbar ul{
       position:absolute;
       top:100px;
       left: 86%;
       z-index:1000;
       }
       .zhuce{
       position:absolute;
          top: 27px;
    right: 82px;
       }
    }
  /*nav end*/
  
   .container-body{
      background:#fff;
      }
   .show{
      background:#f60;
      }
   .nav_left ul li{
      height:30px;
      width:200px;
      background:#0c152f;
      text-align:center;
      line-height:30px;
     
   }
   .nav_left ul li a{
       display:block;
       color:#fff;
       font-size: 14px;
       height:30px;
       width:200px;
       background:#0c152f;
       text-align:center;
       line-height:30px;
   }
   .nav_left ul li a:hover{
       background:#44476c;
       border-left:3px solid #cc8916;
       }
   .fixednav{
       position:fixed;top:0px;
       }
   .navhelp span,.navhelp span a{
      color:#fff;
      font-size:14px;
      }  
   .left-con{
      width: 70%;
      padding-left: 5px;
      float: left;
      overflow: hidden;
      text-overflow:ellipsis;
      white-space:nowrap;
   }
   .right-con{
      width:30%;
      float: left;
   }