h2, h3, p, ul, ol, li {
    padding: 0;
    margin: 0;
    color: inherit;
}

ul {
    list-style:  none;
}

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


.w1200 {
    display: block;
    position: relative;
    width: 1200px;
    margin: 0 auto;
    clear: both;
}

.w1400 {
    width: 1440px !important;
}


.flex {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}

.flex.fw {
    flex-wrap:  wrap;
}


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




/** beging **/

.m-title {
    display: block;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
    position: relative;
    background: url(/static/pc/img/m-title.png) center no-repeat;
    height: 172px;
    margin: 20px auto;
}


.m-title  h3 { 
    font-size: 36px;
    color: #080808;
    font-weight: bold;
    line-height: 2em;
    position: relative;
    top: 30px;
}

 

.m-title p {
    font-size: 14px;
    text-transform: uppercase; 
    line-height: 2.5em;
    position: relative;
    top: 15px;
    color: #97999e;
    font-size: 18px;
    text-transform: uppercase;
}

#nav { 
    background: #1f2224;
    color: white;
}

#nav .w1400 {
    height: 90px;
}

#nav  .logo {
    width: 207px;
    display: block;
}


#nav .nav {
    width: 832px;
}

#nav .nav  a {
    padding-top: 20px;
    flex-grow: 1;
    display: block;
    padding-bottom: 20px;
    text-align: center;
}

#nav .nav  a:first-child,
#nav .nav  a:hover {
    border-bottom: 3px solid #ffb900;
}



#nav .tel {
    width: 200px;
    line-height: 3em;
        background: url(/static/pc/img/top-tel.png) left 38px center no-repeat;
    padding-left: 80px;
    color: black;
    border-radius: 30px;
    font-size: 20px;
    color: #e46f12;
        position: relative;
            left: -76px;
}


#banner {
    font-size: 0;
}


#zhuing { 
    line-height: 3.4em;
    color: black;
    position: relative;
    background: #102540;
}

#zhuing .w1200 {
    background: url(/static/pc/img/zhuying.png) left center no-repeat;
    padding-left: 50px;
    color: white;
}



#home-list-hot {
    margin-top: 50px;
}


#home-list-hot  .qiehuan { 
    margin-left: 100px;
    width: 1100px;
}

#home-list-hot  .qiehuan  .qiehuan-title {
    display: flex;
    position: relative;
    margin-bottom: 20px;
}

#home-list-hot  .qiehuan  .qiehuan-title .line {
    position: absolute;
    top: 77px;
    height: 1px;
    background: #ccc;
    width: 100%;
    z-index: -1;
}
#home-list-hot  .qiehuan  .qiehuan-title > a {
    display: block;
    text-align: center;
    flex-grow: 1;
    position: relative;
    width: 20%;
}
#home-list-hot  .qiehuan  .qiehuan-title > a:after {
     content: " ";
    display: block;
    position: absolute;
    left: 92px;
    left: 135px;
    top: 0;
    height: 131px;
    width: 1px;
    background: #ccc;
    z-index: -1;
}

#home-list-hot  .qiehuan  .qiehuan-title > a  h3 {
    line-height: 3em;
}

#home-list-hot  .qiehuan  .qiehuan-title > a .nu {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
    border: 1px solid #ccc;
    margin-bottom: 30px;
    background: white;
}


#home-list-hot  .qiehuan  .qiehuan-title > a > img {
    display: block;
    margin:  0 auto;
}


#home-list-hot  .qiehuan  .qiehuan-title > a.hover  .nu {
    border-color: #f2a614;
}


#home-list-hot  .qiehuan .qiehuan-con {
    
}


#home-list-hot  .qiehuan .qiehuan-con .flex  {
    flex-wrap: wrap;
}


#home-list-hot  .qiehuan .qiehuan-con .flex a  {
    border-top-right-radius: 40px;
    overflow: hidden;
    width: 32%;
    box-shadow:  0 0  3px 3px #ccc;
    margin-bottom: 30px;
}


#home-list-hot  .qiehuan .qiehuan-con .flex a img {
    width: 100%;
}


#home-list-hot  .qiehuan .qiehuan-con .flex a  p {
    background: url(/static/pc/img/qhp.png) right bottom no-repeat;
    height: 50px;
    line-height: 50px;
    padding-left: 20px;
}


#home-list-hot  .bgimg {
    position: absolute;
    left: -389px;
    width: 389px;
    height: 208px;
}



#home-shili {
        background: url(/static/pc/img/shili.jpg) center;
        height: 705px;
        margin-top: 30px;
        margin-bottom: 30px;
}

#home-shili .w1200 {
    position: relative;
    overflow: visible;
}


#home-shili .w1200 .tel {
    position: absolute;
    left: 80px;
    top: 466px;
    color: white;
    font-size: 24px;
    font-weight: bold;
}

#home-shili .w1200 .tela {
   position: absolute;
    left: 71px;
    top: 523px;
    color: white;
    width: 132px;
    height: 35px;
}




#home-shili .w1200 .p1 {
   position: absolute;
    left: 810px;
    top: 159px;
    color: white;
    width: 300px; 
    color: #666;
    line-height: 1.5;
}


#home-shili .w1200 .p2{
   position: absolute;
    left: 385px;
    top: 463px;
    color: white;
    width: 562px; 
    color: #666;
    line-height: 1.5;
}


#home-shili .w1200 .more{
    position: absolute;
    left: 984px;
    top: 545px;
    color: white;
    width: 102px;
    color: #666;
    line-height: 1.7;
    padding: 10px 20px;
    background: #f2a614;
    color: white;
    border-radius: 20px;
}


#home-shili .more2 {
       position: absolute;
           right: -20px;
               height: 300px;
                   width: 100px;
                           display: block;
}
#home-shili .video {
position: absolute;
    left: 313px;
        left: 312px;
        top: 67px;
            width: 500px;
                height: 400px;
                    top: 1px;
                        width: 482px;
                            height: 400px;
                                background: #eeeff3;
}

#home-shili .video video {
    width: 100%;
    height: 100%;
}


#home-case {
    margin-top: 40px;
    margin-bottom: 40px;
}



#home-case .flex  {
    width: 1100px;
    margin-left: 100px;
    flex-wrap: wrap;
}


#home-case .flex  a {
    width: 31%;
    margin-bottom: 20px;
    padding: 5px;
    background: white;
    box-sizing: border-box;
    border: 1px solid #ccc;
    background: url(/static/pc/img/case-a.png) left top no-repeat;
    
}

#home-case .flex  a:hover {
    background:  #10213b url(/static/pc/img/case-a.png) left top no-repeat;
    color: white;
}

#home-case .flex  a .nu {
    font-size: 24px;
    font-weight: bold;
    color: white;
    line-height: 30px;
    margin-bottom: 10px;
}



#home-case .flex  a img {
    width: 100%;
}


#home-case .flex  a p {
    text-align: center;
    line-height: 1.7em;
    font-weight: bold;
    font-size: 18px;
}



#home-case .flex  a .more {
    text-align: right;
    padding-bottom: 10px;
}


#home-case .flex  a .more span  {
    border-radius: 10px;
  background-color: rgb(229, 229, 229);
  padding: 5px 10px;
  box-shadow: inset 0px 2px 5px 0px rgba(0, 0, 0, 0.35); 
}

 



#home-case .bgimg {
    position: absolute;
    left: -389px;
    width: 389px;
    height: 208px;
}




#home-news {
    background: #f6f6f8;
    padding-top: 50px;
    padding-bottom: 50px;
}

#home-news  .w1200 {
    
}

#home-news  .w1200 .flex {
    width: 1150px;
    margin-right: 50px;
        align-items: end;
}


#home-news  .w1200 .flex .qyxw {
    width: 627px;
}
#home-news  .qyxw  .top {
    background: url(/static/pc/img/qyxw.jpg) left  no-repeat  #1b2c46;
    height: 209px;
    display: block;
    padding-left: 50%;
   box-sizing: border-box;
   padding-top: 10px;
}
#home-news  .qyxw  .top  h3 {
    overflow: hidden;
        text-overflow: ellipsis;
            white-space: nowrap;
}
#home-news  .qyxw  .top  > *  {
    color: white;
    line-height: 1.5em;
}
#home-news  .qyxw a {
    display: block;
    color: #333;
}


#home-news  .qyxw  .top h3:after {
    content:  " ";
    left:  0;
    position: absolute;
    bottom:  0; 
    width: 100px;
    height: 2px;
    background: #ccc;
    bottom: -14px;
}
#home-news  .qyxw a  h3 {
    margin-bottom: 20px;
    margin-top: 10px;
    position: relative;
}

#home-news  .qyxw a p {
    margin-bottom: 10px;
    line-height: 1.7;
}

#home-news  .qyxw a span {
    
}

#home-news  .w1200 .flex .hyzs {
    width: 490px;
}

#home-news  .qyxw  .con {
    display: flex;
    flex-wrap: wrap;
}
#home-news  .qyxw  .con a {
    width: 48%;
    margin-top: 20px;
}

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

#home-news  .qyxw  .con a:first-child   h3 ,
#home-news  .qyxw  .con a:hover   h3 {
    color: #e6c35a;
}


#home-news  .qyxw  .con a  p {
    font-size: 14px;
    margin-bottom: 10px;
        line-height: 1.5;
}

#home-news  .qyxw  .con a  span {
    font-size: 12px;
}



#home-news .hyzs {
    width: 490px;
      background-color: rgb(255, 255, 255);
  box-shadow: inset 0px 0px 35px 0px rgba(0, 0, 0, 0.35);
  padding: 0  20px;
  box-sizing: border-box;
}


#home-news .hyzs a  {
    display: block;
    display: flex;
    /*
    margin-bottom: 50px;
    */
    PADDING: 20PX;
}


#home-news .hyzs a:hover {
    display: flex;
    margin-bottom: 50px;
    background: #eac9667a;
    MARGIN: 0PX -20PX;
    PADDING: 20PX;
}

#home-news .hyzs  a .ymd {
    width: 75px;
    text-align: center;
    border-right: 1px solid #ccc;
}
#home-news .hyzs  a .ymd .y {
    font-size: 28px;
    line-height: 2em;
}


#home-news .hyzs  a .info {
    width: 350px;
    padding-left: 10px;
}

#home-news .hyzs  a .info h3 {
    font-size: 18px;
    font-weight: normal;
    line-height: 2em;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;

}



#home-news .hyzs  a .info p {
    font-size: 14px;
    line-height: 1.5em;
}

#home-news .bgimg {
    position: absolute;
    right: -389px;
    width: 389px;
    height: 208px;
}


body {
    overflow-x:  hidden;
}


/*
#home-news .hyzs  a:first-child{
background-color: rgb(242, 166, 20);

margin: -20px;
padding: 40px;
}*/


    #home-manyi {
        background: url(/static/pc/img/manyi-bg.png) top center no-repeat;
        padding-top: 30px;
        margin-top: 30px;
    }

    #home-manyi .desc {
        line-height: 1.6;
        max-width: 1000px;
        margin:  0 auto;
    }

    #home-manyi .flex {
        padding-bottom: 40px;
    }

    #home-manyi .flex .u {
        width: 20%;
        text-align: center;
    }

    #home-manyi .flex .u:nth-child(5),
    #home-manyi .flex .u:nth-child(1),
    #home-manyi .flex .u:nth-child(3) {
        padding-top: 250px;
    }

    #home-manyi .flex .u h3 {
        font-size: 30px;
        font-weight: normal;
        color: #37416c;
        line-height: 2em;
    }

    #home-manyi .flex .u p {
        font-size: 16px;
        font-weight: bold;
    }




    #link {
        background: #ffb900;
        padding: 10px;
    }


    #link a  { 
        line-height: 1.5em;
        padding: 0 5px;
        display: inline-block;
    }








    #links {
        margin-top: 20px; 
        background: url(/static/pc/img//link.png) left center no-repeat;
        padding-left: 150px;
        margin:  0 auto;
        width: 1200px;
        box-sizing: border-box;
        padding-bottom: 20px;
    }




    #links .namex {
        color: #fa7906;
        font-size: 18px;
        text-align: left;
    }

    #links .namex span {
        color: white;
    }




    #links a {
        vertical-align:  top;
    }
























    #footer {
        background: #303030;
        color: #fdfaf8;
    }


    #footer  .mainw {
        display: flex;
        flex-wrap:  nowrap;
        justify-content: space-between;
        padding-top: 50px;
        padding-bottom: 50px;
    }

    #footer  .mainw:after, #footer  .mainw:before {
        content:  "";
        display:  none;
    }


    #footer  .mainw  > .logo {
        width: 240px;
    }


    #footer  .mainw  > .logo .u {
        background: #f2a614;
        line-height: 2.6em;
        text-align: center;
        display:  block;
        margin-bottom: 30px;
    }

    #footer  .mainw  > .logo .img {
        display: block;
        text-align: center;
    }









    #footer  .mainw  > .con {
        width: 760px;
    }

    #footer  .mainw  > .con .nav {
        display: flex;
        justify-content:  space-around;
        line-height: 1em;
        padding-top: 20px;
        padding-bottom: 30px;

    }

    #footer  .mainw  > .con > a {
        border-right: 1px solid white;
        width: 11%;
        text-align: center;
    }

    #footer  .mainw  > .con ul {
        display: flex;
        flex-wrap:  wrap;
    }


    #footer  .mainw  > .con ul li {
        line-height: 2em;
        width: 50%;
    }


    #footer  .mainw  > .con .morepro {
        margin-top: 1em;
    }

    #footer  .mainw  > .con .morepro  a {
        display: inline-block;
        padding:  0 1em;
        line-height: 1.8em;
    }


    #footer  .mainw  > .ewm {
        width: 160px;
    }

    #footer  .cp {
        color: #000000;
        line-height: 3em;
        text-align: center;
        border-top: 2px solid #f2a614;
        color: white;

    }


    #nav .nav div.son  a:first-child {
        border-bottom: 0;
    }

    #nav .nav div.son  {
        position: relative;
    }

    #nav .nav div.son:hover .sub   {
        display:block;
    }

    #nav .nav div.son .sub   {
        position: absolute; 
        top: 40px;
        left: 0;
        display: none;
    }

    #nav .nav div.son .sub a {
        line-height: 40px;
        padding: 0;
        margin: 0;
    }