a {
    color:  inherit;
    text-decoration:  none;
}

body {
    font-size: 14px;
}

h1,h2,h3,p {
    margin:  0;
    padding:  0;
    line-height: 1em;
}

#top {
    font-size: 0;
    background: white; 
    box-sizing: border-box; 
}

#top  img {
    width: 100%;
    height:  auto;
}


#nav {
    background: #ccc;
    display: flex;
    justify-content:  space-between;
    flex-wrap:  wrap;
}

#nav a {
    color: #fbf7f7;
    width: calc(100%/7 - 6px/7);
    line-height: 2em;
    text-align: center;
    position: relative;
    background: #0b1218;
    margin-bottom: 1px;
}

#banner {
    font-size:  0;
    position: relative;
    z-index: 10;
}

#banner  img {
    width: 100%;
    height:  auto;
}




.m-title {
    display: block;
    text-align: center;

    position: relative;
    margin-top: 20px;
}


.m-title  h3 { 
    font-size: 26px;
    position: relative;
    z-index: 2;
    top: -0.4em;
  
}

 
.m-title  h3  span {
    color: #eb0014;
}


.m-title .g {
    font-size: 14px;
    text-transform: uppercase; 
    line-height: 1em;
    position: relative;
    z-index: 1;
    color: #f9f9f9;
    font-size: 30px;
    font-weight: bold;
      color: #e2e2e2;
}
 
 

.m5 {
    margin:  5px;
}












#home-pros  .con-con  {
    flex-wrap: wrap;
    display: flex;
        margin: 5px;
            justify-content: space-between;
}
#home-pros  .con-con  a {
    width: 48%;

    box-shadow: 0px 1px 6px 5px #e6e6e6;
    margin-bottom: 20px;
    box-sizing: border-box;
    justify-content:  space-between;
}

#home-pros  .con-con  a .bigimg {
    font-size: 0;
}
#home-pros  .con-con  a .bigimg img {
    width: 100%;
    
}

#home-pros  .con-con  a p {
    position: relative;
    background: #4e4e4d;
    color: white;
    line-height: 2.2em;
    text-align: right;
}

#home-pros  .con-con  a:hover p {
 
    background: #eaecf1;
    
}

#home-pros  .con-con  a p .more {
    display: inline-block;
    padding:  0 20px;
    
}

#home-pros  .con-con  a:hover  p .more {
    color: black;
}



 

#home-pros  .con-con  a p .name {
    position: absolute;
    bottom:  0;
    left:  0;
    height: 3em;
    line-height: 3em;
    border-top-right-radius: 20px;
    font-weight: bold;
    background: white;
    padding: 0 20px;
   color: black;
}



#home-pros  .con-con  a:hover p .name {
    background: #eb0014;
    color: white;
}



#home-pros  .qiehuan-title {
    max-width: 1000px;
    display: flex;
    margin:  0 auto;
 justify-content: space-around;
    margin-bottom: 10px;
        flex-wrap: wrap;
}

#home-pros  .qiehuan-title  a.unit {
    display: inline-block;
    padding: 10px 20px;
    border-radius: 20px;
    border: 1px dotted #ccc;
    width: 33%;
    margin-bottom: 5px
    
}

.img100 {
    display: block;
    width: 100%;
    height:  auto;
}






#zengzhi {
    margin-top: -30px;
    margin-bottom: 30px;
    background: linear-gradient(to bottom, transparent 50%, #eaeae9 50%);
    padding-bottom: 10px;
}



#zengzhi  > .desc {
    width: 1100px;
    text-align: center;
    margin:  0 auto;
    line-height: 2em;
}




#zengzhi  > .imgs {
 
    margin: 5px auto; 
    display: flex;
    justify-content:  space-around;
    flex-wrap: wrap;
    margin-top: 40px;
}

#zengzhi  > .imgs a {
    width: 33%;
    margin-bottom: 20px;
}

#zengzhi  > .imgs a  img {
    max-width: 90%;
    margin:  0 auto;
    display: block;
}


#zengzhi  > .imgs .h3 {
    font-weight: bold;
    color: #37416c;
    font-size: 20px;
    font-weight: bold;
    text-align: center; 
    line-height: 2em;
}



#zengzhi  > .imgs .p {
    font-size: 12px;
}






#home-case {
    flex-wrap: wrap;
    display: flex;
    justify-content:   space-between;
    margin:  5px;
}


#home-case a  {
    width: 48%;
    margin-bottom: 20px;
    font-size: 0;
}
#home-case a   img {
    width: 100%;
}
#home-case a  p {
    font-size: 14px;
    padding-left: 2em;
    background: #f4f4f4;
    line-height: 3em;
    overflow: hidden;
        text-overflow: ellipsis;
            white-space: nowrap;
}

/*
#home-case a  p:after {
display: inline-block;
    float: right;
    content: "详情";
    margin-right: 20px;
    background: #18243e;
    color: white;
    line-height: 2em;
    padding: 0.5px 21px;
    margin-top: 5px;
}

*/

#home-case a:first-child p {
    background: #e53d3c;
    color: white;
}

 


 





#home-about {
    background: url(/static/m/about.jpg) no-repeat;
    background-size: 100%;
    /* margin-top: 80px; */
    padding-top: 20px;
        background: #1c1d21 url(/static/m/about.jpg) no-repeat;
}

#home-about  .m-title {
    position: relative;
    top: -50px;
}
#home-about  .con {
    padding-top: 30px;
}
#home-about  .img {
    width: 90%;
    position: relative;
    margin:  0 auto;
    display: block;
}
#home-about  .img img {
    width: 100%;
}

#home-about  .info {
     width: 90%;
    margin:  0 auto;
    color: white;
    line-height: 1.5em;
}


#home-about  .info  h3 {
    line-height: 60px;
}

#home-about  .tel {
    width: 100%;
    height: auto;
    position: relative;
 
    background-size: cover;
    margin-top: 20px;
    position: relative;
}
#home-about  .tel  img {
    position: relative;
    width: 100%;
    height:  auto;
}

#home-about  .tel span {
    position: absolute;
    left: 181px;
    top: 18px;
    font-size: 19px;
    color: #eb0014;
    font-weight: bold;
}







#home-news {
    width: 95%;
    margin:  0 auto;
    align-items: flex-start;
}
#home-news .qyxw {
    width: 100%;
}


#home-news .qyxw  a {
    display: block;
    background: #f6f6f6;
    padding: 26px 20px;
    color: #3e3f3f;
    margin-bottom: 20px;
}


#home-news .qyxw  a  h3 {
    font-size: 18px;
    margin-bottom: 20px;
    text-overflow: ellipsis;
        overflow: hidden;
            white-space: nowrap;
}


#home-news .qyxw  a  p {
    font-size: 14px;
    line-height: 1.5em;
}
#home-news .qyxw  a   .y {
    font-size: 1.3em;
    display: inline-block;
    padding-right: 10px;
}


#home-news .qyxw  a  >  .more {
    margin-top: 10px;
    display: flex;
    justify-content: space-between;
}

#home-news .qyxw  a:first-child .more .m {
    background: #eb0014;
}

#home-news .qyxw  a  >  .more .m { 
    padding: 3px 30px;
    background: #828383;
    border-radius: 10px;
    color: white;
}



 


.fx {
    width: 80%;
    margin:  0 auto;
    display: block;
    height:  auto;
}




.list-pic {
    display: flex;
    justify-content:  space-between;
    flex-wrap:  wrap;
}

.list-pic a {
    width: 45%;
    margin-bottom: 10px;
    border-radius: 5px;
    font-size: 0;
    overflow: hidden;
    box-shadow: 0 0 5px 5px #ccc;
    margin: 5px;
    margin-bottom: 20px;
}

.list-pic a  img {
    width: 100%;
    height:  auto;
}
.list-pic a  p {
    font-size: 14px;
    text-align: center;
    line-height: 3em;  
        text-overflow: ellipsis;
            white-space: nowrap;
                overflow: hidden;
}

.list-text {
    margin:  5px;
}

.list-text a {
    display: flex;
    justify-content:  space-between;
    line-height: 2.5em;
    border-bottom: 1px dotted #ccc;
}




#msg {
    position: relative;
    padding-top: 20px;
        padding-top: 0px;
            margin-top: 20px;
}

#msg > img  {
    width: 100%;
    height:  auto;
}



#msg  form {
    position: absolute;
    width: 80%;
    left: 10%;
    top: 100px;
}

#msg  form input, #msg  form textarea {
    width: 100%;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    line-height: 2em;
}


#msg  #submit {
    background: #1e62cf;
    color: white;
    width: 7em;
}


#footer {
    position: relative;
  
    background: #5b544f;
    color: white;
    text-align: center;
    color: white;
    line-height: 2em;
 
    padding-bottom: 4em;
}
#footer .name {
    line-height: 1.5em;
    padding-top: 20px;
}

#footer .name  h3 {
    margin-bottom: 10px;
}

#footer img {
   width: 1em;
   height:  auto;
   display: inline-block;
   padding-right: 0.3em;
}
 

#fixed {
    position: fixed;
    bottom:  0;
    width: 100%;
    display: flex;
    justify-content:  space-around;
    background: black;
    z-index: 99999;
    padding: 10px 0;
}

#fixed a {
    width: 30%;
    background: #f91d0d;
    text-align: center;
    line-height: 2em;
    border-radius: 10px;
}

#fixed a  img {
    width: 1.4em;
    display: inline-block;
    position: relative;
    top: 0.2em;
}


#mbx {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
    border-left: 3px solid #ccc;
    padding-left: 5px;
}


h1 {
    font-size: 1.4em;
    font-weight: normal;
    text-align: center;
    margin-bottom: 20px;
}

.last-con {
    color: #666;
    line-height: 1.7em;
    margin:  0 5px;
}

.last-con p {
    line-height: 1.7em;
        margin-bottom: 20px;
}
.last-con img.align-center {
    max-height: 100%;
    height:  auto;
    display: block;
}


.last-con br {
    /*
display: none;
*/
}


.last-con img {
    max-width: 100%;
    height: auto;
}


.data {
    text-align: center;
}


h1 {
    line-height: 1.7;
}


iframe {
    max-width: 100%;
}