

input{
  border: 0;
}
.row{
  margin: 0 !important;
}
.col-md-6,.col-md-12{
  padding: 0 !important;
}

/* 顶部导航 添加样式 */
.back{
    background:#ccc;
    transition: 0.8s;
}

/* ========= 顶部导航栏 ========= */
  nav.subpage-nav {
    position: relative;
    display: block;
  }
  .nav-menu {
    float: right;
    line-height: 32px;
    display: block;
  }
  nav ul li {
    float: left;
    margin-right: 15px;
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    text-transform: uppercase;
    position: relative;
    
  }
  nav ul li a {
    color: #fff;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    position: relative;
  }
  nav ul li a:focus{
    color: #fff;
  }
  nav ul li:nth-child(6) a,
  nav ul li.current a {
    color: #b1b1b1 !important;
  }
  .borWhite{
    border-top: 1.5pt solid #fff;
    padding-top: 14px;
  }
  
  .bortrans{
    border: 0;
  }
  nav ul li{
    padding-top: 16px;
  }


/* =============第二屏 ============*/

.headline{
  font-size: 26pt;
  color:#323232;
  text-align: center;
  font-weight: bold;
  margin-top: 60.5pt;
}

.comp-intro>p{
  font-size: 14px;
  color: #323232;
  line-height: 16pt;
  margin: 39pt 0 20pt 0;
}



/* ========= 第三部分 ============*/

  .deve-process{
    background: #FAFAFB;
    width: 100%;
    padding-top: 61pt;
  }


/* ============ 第四部分 ========== */
  .comp-edge{
    width: 100%;
    height: 370pt;
    padding-top: 61pt;
  }

  .comp-edge ul>li:first-child{
    background-image: url('../img4/prattwo_bg_one.png');
  }

  .comp-edge ul>li:nth-child(2){
    background-image: url('../img4/prattwo_bg_two.png');
  }

  .comp-edge ul>li:nth-child(3){
    background-image: url('../img4/prattwo_bg_three.png');
  }

  .comp-edge ul>li:last-child{
    background-image: url('../img4/prattwo_bg_four.png');
  }

  .comp-edge .test{
    height: 100%;
    width: 150pt;
    background-size: 100%;
    transition: all 1s;
    overflow: hidden;
  }

  .comp-edge .test>div.title{
    width: 100%;
    height: 100%;
    padding: 46pt 51pt;
    text-align: center;
  }

  .comp-edge .test>div.title>div{
    width:13.5pt;
    height:1.5pt;
    background:#ffffff;
    margin: 7pt auto;
  }

  .comp-edge .test>div.title>p{
    color:#ffffff;
    font-size:12pt;
  }

  .comp-edge .test:hover{
    background-size: 130%;
    transition: all 1s;
  }

  .test:hover .title{
    display: none;
  }

  .test:hover .content{
    display: block;
  }

/* ============== 第五部分 =========== */
  .comp-qualification{
    height: 600pt;
    width: 100%;
    padding-top: 61pt;
    background: #FAFAFB;
  }

  .comp-qualification>p{
    text-align: center;
    margin: 37.5pt 0;
    font-size: 9pt;
    color:#323232;
  }

/* 不同屏幕尺寸下的一些样式 */
@media only screen and (min-width:1200px) and (max-width:1920px) {
    .contact-sec{
      height: 675pt;width: 100%;
    }
      nav ul.nav-menu>li{
        width:65pt;
        text-align: center;
      }
    }
    
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .contact-sec{
        height: 675pt;width: 100%;
      }
      nav ul.nav-menu>li{
        width:60pt;
        text-align: center;
      }
    }
    
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .contact-sec{
        height: 700pt;width: 100%;
      }
      nav ul.nav-menu>li{
        width:55pt;
        text-align: center;
      }
    
    }
    
    /* Large Mobile :480px. */
    
    @media only screen and (max-width: 767px) {
      .contact-sec{
        height: 770pt;width: 100%;
      }
      nav ul.nav-menu>li{
        width:50pt;
        text-align: center;
      }
    
      .nav-menu {
        width: 100%;
        position: absolute;
        left: 0;
        top: 100%;
        opacity: 0;
        -webkit-transform: rotateX(90deg);
        transform: rotateX(90deg);
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
        -webkit-transform-origin: top center;
        transform-origin: top center;
      }
      .nav-menu.active {
        opacity: 1;
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg);
      }
      .nav-menu li {
        display: block;
        float: none;
        border: 1px solid #efefef;
        padding-top: 5px;
        padding-bottom: 5px;
        text-align: center;
        margin: 0;
      }
      .nav-menu li {
        overflow: hidden;
      }
    }