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

ul {
    list-style:  none;
}

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

.mainw,
.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;
    
}


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

 

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




#logo-nav {
   
    z-index: 99; 
    height: 95px;
    background: linear-gradient(to right, #fb6d2d, #5b77e6);
        padding: 7px;
    background: white;
    
}

#logo-nav  .mainw {
    width: 1300px;
    display: flex;
    align-items: center;
}

#logo-nav .logo {
 width: 264px;
}

#logo-nav  .nav {
 display: flex;
 justify-content:  space-between;
}

 

#logo-nav  .nav a {
    line-height: 2em;

        display: inline-block;
    padding:  0 .95em;
    font-size: 18px;
        padding-bottom: 1.3em;
        padding-top: 30px;
        color: white;
        color: #000;
        font-size: 20px;
        font-size: 19px;
            font-weight: 500;
}
 

#logo-nav .tel {
  
    background: url(/static/yuzhong/top-tel.png) no-repeat left 30px center;
 
 
    font-size: 24px;
    padding-left: 62px;
    box-sizing: border-box;
    font-weight: bold;
    width: 240px;
    color: white;
        color: #000;
            font-size: 31px;
}

 
 

#banner {
    font-size: 0;
}
 
  
#banner .more {
    position: absolute;
    bottom: 0;
    width: 50%; 
    background: white;
    height: 120px;
    z-index: 999;
    background: url(/static/yuzhong/b.png) right no-repeat;
}

 

 #home-hots {
    background: #e9e7e7;
    line-height: 72px;
    font-size: 18px;
}

#home-hots  span {
    display: inline-block;
    font-weight: bold;
    display: inline-block;
    padding-left: 30px;
    background: url(/static/yuzhong/hot.png) left  center no-repeat;
}


.m-title {
    display: block;
    padding: 20px 0;
    text-align: center;
}







#home-hosts .hot-text {
    flex-wrap: wrap;
    margin: 20px auto;
}
#home-hosts .hot-text a {
    line-height: 2;
    border-radius: 1em;
    padding:  5px 33px;
    border: 1px dashed #ccc;
    margin-bottom: 10px;

    margin-bottom: 10px;
        flex: 1 1 auto;
            padding: 0 20px;
                text-align: center;
                    margin: 5px 20px;
                        line-height: 2.7em;

}


#home-hosts  .hot-pics {
    flex-wrap: wrap;
    justify-content:  space-between;
}

#home-hosts  .hot-pics a {
    margin-bottom: 30px;
    padding: 10px;
    /*
    background: url(/static/yuzhong/hot-pics-bg.png) bottom no-repeat;
    padding-bottom: 80px;
    */
    width: 376px;
}

/*
#home-hosts  .hot-pics a:first-child,
*/ 
#home-hosts  .hot-pics a:hover  { 
    /*
    background: url(/static/yuzhong/hot-pics-bg-hover.png) bottom no-repeat;
    */
}


#home-hosts  .hot-pics a img {
    /*
    width: 92%;
    */
    margin:  0 auto;
    display: block;
    position: relative;
    top: 8px;
}




#home-hosts  .hot-pics a p {
    color: white;
    text-align: center;
    margin-top: 20px;
    position: relative;
        top: 8px;
        color: #333;
        font-size: 22px;
}






#shili {
    background: url(/static/pc/shili.jpg) top center ;
    padding-top: 0px;
    padding-bottom: 30px;
}


#shili  .m-title .h3 {
    color: white;
}
#shili .img {
    width: 618px;
    position: relative;
    z-index: 2;
}

#shili .info {
    width: 664px;
    color: white;
    background: #1d1e31;
    margin-left: -177px;
    padding: 10px 30px;
    position: relative;
    z-index: 1;
    padding-left: 100px;
    box-sizing: border-box;
    position: relative;
}
 

#shili .info .h3 {
    font-size: 32px;
    font-weight: bold;
    margin-top: 0px;
    padding-top: 0px;
}

#shili .info .h32 {
    font-size: 20px;
    line-height: 1.4;
    font-weight: bold;
    margin-top: 0px;
    padding-top: 0px;
    color: #ee6f3c;
}



#shili .info .p {
    line-height: 1.5em;
    margin-top: 30px;
}


#shili .info .metas {
    text-align: center;
}


#shili .info .metas .nu {
    font-size: 24px;
    font-weight: bold;
    color: white;
    line-height: 2em;
}



#shili a.bj {
    text-align: center;
    display: block;
    margin-top: 20px;
    position: absolute;
    top: 88px;
    top: 0;
    left: 350px;
}

#shili a.bj .con {
    background: #33457f;
    padding: 5px;
    border-radius: 10px;
    display: inline-block;
}

#shili a.bj .con span {
    display: inline-block;
    background: #497aff;
    border-radius: 10px;
    padding: 10px 20px;
    color: white;
    font-size: 24px;
    font-weight: bold;
}




#shili  .m-title .g {
    color: #333 ;
}
#shili  .m-title h3 {
    color: white;
}










#home-case .mainw {
    display: flex;
    justify-content:  space-between;
    flex-wrap:  wrap;
}

#home-case .mainw a {
    width: 24%;
}
#home-case .mainw:before,
#home-case .mainw:after {
    content: "";
    display: none;
}

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

#home-case .mainw a p {
    margin-top: 10px;
    position: relative;
    line-height: 3em;
    margin-bottom: 10px;
    text-align: center;
        font-size: 18px;
}


#home-case .mainw a:hover {
        color: red;
    font-weight: bold;
}


#home-case .mainw a p:before {
    content:  " ";
    position: absolute;
    top:  0;
    left: 25%;
    height: 3px;
    width: 50%;
    background: linear-gradient(to right, #f96321, #71529c, #0346fd);
    background: lightgrey;

}


 
#home-case .mainw a:hover  p:before  {
       left: 0%; 
    width: 100%;

}




#tongalan {
    background: url(/static/yuzhong/tonglan.jpg) center;
    margin-top: 30px;
    margin-bottom: 30px;
    height: 250px;
}





#home-youshi {
    
}


#home-youshi a {
    width: 23%;
    margin: 10px 1%;
    box-shadow: 0 0 5px 5px #ccc;
    border-radius: 10px;
    padding: 15px;
    text-align: center;
    padding-top: 30px;
    padding-bottom: 20px;
}

#home-youshi a > img {
    width: 60px;
    
}


#home-youshi a  h3 {
    line-height: 2.5em;
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 20px;
}
#home-youshi a  h3:after {
    content: " ";
    position: absolute;
    bottom: 0;
    left: 30%;
    width: 40%;
    bottom:  0;
    background: #ccc;
    height: 2px;
}

#home-youshi a  p {
    line-height: 1.7em;
    font-size: 14px;
    color: #666;
    min-height:   70px;
}


#home-news {
    background: url(/static/yuzhong/home-new-bg.jpg) bottom center;
}



#home-news .con {
    
}


#home-news .con .qyxw {
    width: 560px;
    padding: 10px;
    box-sizing: border-box;
        background: rgba(255,255,255, 0.5);
}

#home-news .con .qyxw > img {
    width: 100%;
    height:  auto;

}



#home-news .con .qyxw h3 {
    line-height: 2.4em;
}

#home-news .con .qyxw p {
    margin-bottom: 15px;
}

#home-news .con .qyxw  .dm {
    
}

#home-news .con .qyxw  .dm .t {
    background: url(/static/yuzhong/news-t.png) no-repeat left center;
    padding-left: 30px;
}


#home-news .con .qyxw  .dm .more {
    display:  inline-block;
    color: white;
    background: #fd6e2a;
    font-size: 12px;
    padding: 10px 20px;
        background: #798494;
}


#home-news .con .hyzs { 
width: 600px;

}

#home-news .con .hyzs  a {
    display: flex;
    margin-top: 20px;
    margin-bottom: 20px;
    align-items: center;
}

#home-news .con .hyzs  a:hover .ymd {
        background: #fd6e2a;
    background: lightgrey;

        background: #798494;
}

#home-news .con .hyzs a .ymd {
    text-align: center;
    width: 100px;
    color: white;
    position: relative;
    z-index: 10;
    background: #497aff;
    background: lightgrey;
        background: #798494;
    line-height: 2em;
    padding:  0 00px;
    
}
#home-news .con .hyzs a .ymd .y {
    font-size: 36px;
    font-weight: bold;
    padding-top: 20px;
        padding-top: 10px;
}

#home-news .con .hyzs a .info {
    text-align: center;
    width: 550px;
    text-align: left;
    padding-left: 40px;
    margin-left: -40px;
    position: relative;
    z-index: 3;
    background: white;
    border: 10px solid #eee;
    padding: 10px;
    padding-left: 50px;
    position: relative;
}

 

#home-news .con .hyzs a .info  h3 {
    margin-bottom: 10px;
}


#home-news .con .hyzs a .info  p {
    line-height: 1.2
}


#home-news .con .hyzs a .info span {
    position: absolute;
    right:  0;
    bottom:  0;
    background: #eee;
    padding: 5px 10px;
}






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

 




#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: #e53d3c;
    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 #f57707;
    color: white;
}

#dituContent  img {
    max-width:  none;
}

#telx {
    position: relative;
    top: -40px;
    z-index: 999999;
}


#telx  .tel {
    float: right;
    position: relative;
}

#telx  .tel  span {
    color: white;
    font-size: 25px;
    position: absolute;
    top: 20px;
    left: 200px;
}

#chanpin {
   clear: both;
   position: relative;
   top: -20px;
}