body{
    margin-top:70px;
    margin-left: auto;
    margin-right:auto;
    font-family:"Microsoft Yahei",simSun,Arial;
}

a{
  text-decoration: none;
}
a:hover{
  text-decoration: none;
}

.navbar {
    margin-top:10px;
    background-color: white;
    text-decoration: none;
}

.nav.navbar-nav.navbar-right{
    margin-right: 10%;
}

.nav.navbar-nav.navbar-right a{
    font-size: 15px;
}

.navbar-default{
    border: none;
}

.navbar-brand{
	margin-top:-10px;
}

.btn.btn-default:hover,
.btn.btn-default:focus{
  color:white;
}


.btn.btn-default {
    -webkit-transition-property: color background-color ;
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: ease;
}

/*二级导航栏*/

.field-header-way{
    width:100%;
    height:80px;
}

.breadcrumb{
    height:60%;
}

.breadcrumb li{
    margin-left:2%;
    margin-top:10px;
    height:100%;
}

.breadcrumb li a{
    height:100%;
    text-decoration:none;
    color:#3b7585;
}


/*二级导航栏*/



/*第三部分css*/
.container.container-fluid{
    width:100%;
    height:auto;
    margin-top: 5%;
    margin-bottom: 5%;
}

.container-1{
    display: block;
    width:100%;
    height:80px;
    text-align: center;
    margin-bottom: 2%;
}

#container-font-big{
    font-size: 30px;
    color:#3c3c3c;
    text-decoration: none;
}

#container-font-icon{
    color:#777777;
    text-decoration: none;
}

/*第三部分css 平铺四张图片*/

.col-md-3.show-2{
    margin-bottom: 2%;
}


#container-font2{
   font-size:16px;
   color:#777777;
   text-decoration: none;
}
/*第三部分css 平铺四张图片 文字说明*/
#show-2-text{
   position: relative;
   left:20%;
   transform: translate(20%);

}

.pic-bottom-line{
    width:100%;
    padding-bottom: 10px;
    border-bottom:1px solid #DBDBDB;
    -webkit-transition-property: border-bottom;
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: ease;
}

  .show-2:hover >.pic-bottom-line,
  .show-2:focus >.pic-bottom-line{
    border-bottom:1px solid #000;
}


/*图片遮罩效果  start*/
    .box{
        text-align: center;
        overflow: hidden;
        position: relative;
    }
    .box:before{
        content: "";
        width:0;
        height:95%;
        background: #000;
        padding: 14px 14px;
        position: absolute;
        top: 0;
        left: 50%;
        opacity: 0;
        transition: all 300ms cubic-bezier(0.47, 0, 0.745, 0.715) 0s;
    }
    .box:hover:before{
        width: 100%;
        left: 0;
        opacity: 0.5;
    }
    .box img{
        width: 100%;
        height: auto;
    }
    .box .box-content{
        width: 100%;
        padding: 14px 14px;
        color: #fff;
        position: absolute;
        top: 38%;
        left: 0;
    }
    .box .title{
        font-size: 25px;
        font-weight: 300;
        line-height: 30px;

        margin: 0;
        opacity: 0;
    }
    .box-content > .title > a{
        text-decoration: none;
        color:white;
    }

    .box:hover .title{
        opacity: 1;
        transition-delay: 0.2s;
    }
    .box:hover {
        opacity: 1;
        transform: translateY(0px);
        transition-delay: 0.2s;
    }

    @media only screen and (max-width:990px){
        .box{ margin-bottom: 30px; }
    }

/*图片遮罩效果  end                        */




/*第四部分 关于我们 start                 */

 .container-3.row{
    margin:0 auto;
    width: 100%;
    height: 300px;
    background-color:#f5f5f5f5;
 }


.container-3-pic{
    position: relative;
    width:60%;
    height:auto;
    transform: translate(40%,25%);
}

.container-3-text{
    position: relative;
    transform: translate(0,30%);
}

#container-3-text-font-big{
    font-size: 30px;
    color:#3c3c3c;
    text-decoration: none;
}


/*第四部分 关于我们 end                   */





/*领域部分  ---------------------             */

.col-md-3.filed-content-left{
    height:500px;
}

.filed-content-left-head{
    position: relative;
    top:10%;
    transform: translate(25%,50%);
}

.filed-content-left-head > a{
    color:#3c3c3c;
    font-size: 30px;
    text-decoration: none;
}



.filed-content-left-text{
    position: relative;
    transform: translate(15%,33%);
    font-size:16px;
    color:#3c3c3c;
    height:90%;
}

.filed-content-left-text ul{
list-style-type:none;
}
.filed-content-left-text ul li{
 line-height:32px;
 margin-bottom:5px;
}

.filed-content-left-text ul li a{
  color:#3c3c3c;
  text-decoration: none;

}

.filed-content-left-text > ul >li >a:hover i,
.filed-content-left-text > ul >li >a:active i{
  font-size:25px;
  color:#3c3c3c;
  text-decoration: none;
}


.col-md-9.filed-content-center{
    height:500px;
}

.filed-content-center-head{
    position: relative;
    top:14%;
	left:50px;

}

.filed-content-center-text{
    position: relative;
    top:30%;
	left:50px;


}
.filed-content-center-head > a{
    color:#3c3c3c;
    font-size: 30px;
    text-decoration: none;
}

.filed-content-center-text{
    width:75%;
    font-size:16px;
    color:#3c3c3c;
}



.col-md-3.filed-content-right{
    height:500px;
}

.filed-content-right-head{
    position: relative;
    top:10%;
    transform: translate(30%,50%);
}

.filed-content-right-head > a{
    color:#3c3c3c;
    font-size: 30px;
    text-decoration: none;
}

.filed-content-right-text{
    width:100%;
    height:200px;
    position:absolute;
    top:15%;
    transform: translate(-10%,50%);
}

.carousel-indicators{
    position: absolute;
    top:110px;
    left:30px;
}

@media screen and (max-width:960px){




}



/*领域部分  ---------------------     end        */


/*项目部分  ---------------------     start        */


.col-md-12.show-project-pic.row{
   width:100%;
   height:auto;
}


/*项部分  ---------------------     end        */


.col-md-12.show-project-pic.row{
    height:auto;
}

.col-md-1.show-blank{
    width:6%;
    height:1000px;
}
.col-md-3.show-pic-1{
    width:30%;
    height:auto;
    margin-top:3px;
}

.col-md-3.show-pic-1 > img{
    width:100%;
}

.col-md-3.show-pic-1.center{
    width:30%;
    margin-top:3px;
    height:auto;
}



@media screen and (max-width:960px){
   .col-md-1.show-blank{
      position: absolute;
      display: none;
   }
  .col-md-3.show-pic-1{
    width:90%;
    height:300px;
    margin-top:3px;
    margin-left:9%;
}

.col-md-3.show-pic-1.center{
    width:90%;
    margin-top:3px;
    margin-left:9%;
    height:300px;
}

}


/*项目部分. ---------------------     end        */


/*单个项目展示部分  ---------------------     start        */

.carousel-inner{
    width:100%;
    height:30%;
}

.carousel-control.left{
    height:auto;
}
.carousel-control.right{
    height:auto;
}

.carousel-indicators{
    top:101%;
    left:20%;
    margin:0 auto;
}

.project-show-Carousel-slide{
    height:30px;
    background-color: #AAAAAA;
}

.project-show-text-1{
    margin-top:30px;
}





.show-project-message.col-md-4{
    height:200px;
    margin-bottom:30px;
}


.show-project-message.col-md-4 > div{
    position: relative;
    top:20%;
    width:100%;
    height:auto;
}


.show-project-message.col-md-4 > div>  ul{
  list-style-type:none;
  transform: translate();
}

.show-project-message.col-md-4 > div> ul >li{

}

.show-project-message.col-md-4 > div> ul >li >a{
   color:#777777;
   font-size: 16px;
   text-decoration: none;
   line-height:2em;
   letter-spacing:0.1em;

}




/*fotter   页脚             */

.footer{

    width:100%;
    margin-top:100px;
    height:30px;



}

#footer-text{
    position:absolute;
    margin-left:25%;
    float:left;
    transform: translate(30px,30px);
}
#footer-text > a{
    text-decoration: none;
    font-size: 15px;
    color:#444444;
}

#footer-pic{
    position: absolute;
    right:80%;
    transform: translate(0,30px);
}


/*fotter   页脚             */

/*公司介绍                  */

.col-md-12 .aboutus{
 position: relative;
}

.col-md-4.aboutus-text{
    width:40%;
    height:auto;
    margin-left:5%;

}

.aboutus-text-head{
    font-size:20px;
    font-height:150;
    text-align: left;
    color: #D4B56A;
}

.aboutus-text-head-1{
    font-size:15px;
    font-height:150;
    text-align: left;
    color: #D4B56A;
}

.aboutus-text-content{
   font-size:16px;
   line-height:1.5em;

}

.aboutus-img{
    width:99%;
    height: auto;
    margin:0 auto;
    background-color: red;
}

.aboutus-img img{
    width:100%;
}





.aboutus-content{
    position: absolute;
    width:80%;
    height:480px;
    background-color:white;
    margin-left:5%;
    top:35px;
    opacity:0.9;
    padding-left:20px;
    padding-right:20px;
}




@media screen and (max-width:960px){
   .col-md-4.aboutus-text{
    width:90%;
    height:auto;
   }

   .col-md-5.aboutus-img.left{
    width:90%;
    height:750px;
   }

   .col-md-5.aboutus-img.right{
    display:none;
   }

}

/*公司介绍                  */


/*公司介绍                  */

  .col-md-3.connect-show-address{
    margin-top:5%;
  }





@media screen and (max-width:960px){
 .col-md-3.connect-show-address{
    margin-top:20px;
    margin-left:30%;
  }
}




/*联系我们                  */





/*引入媒体查询.               */

@media screen and (max-width:960px){


/*第四部分 关于我们 start                  */
.container-3.row{
    margin:0 auto;
    width:100%;
    height:800px;
}

.container-3-pic{
    position: relative;
    width:100%;
    height:auto;
    transform: translate(1%);
    margin-bottom: -100px;
}

.container-3-text{
    text-align: center;
    font-size: 30px;
    color:#3c3c3c;
    text-decoration: none;
}
/*第四部分 关于我们 end            */

.col-md-6.col-xs-12.left{
    height:auto;
}

.col-md-6.col-xs-12.right{
    height:auto;
}

.col-md-4.show-news-pic,
.col-md-6{
    transform: translate(1%);
}

.show-project-message.col-md-3{
    position: relative;
    height:350px;
    margin-bottom:30px;
}

.show-project-message.col-md-6{
    position: relative;
    height:400px;
    margin-bottom:30px;
}

#footer-text{
    display: none;
}

#footer-pic{
     transform: translate(120px);
}

}



@media only screen and (max-width:900px) {
        .show-project-1 {
            width: 100%;
            padding-top: 1px;
            padding-bottom: 1px;
        }

        .cover-text {
            top:20%;
            right:25%;
            width:15em;
            height:5em;
        }

        .cover-text h3{
            font-size: 2em;
        }



    }