/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}
/* init */
*, *:after, *:before {
    box-sizing: border-box;
    /*outline: 1px dotted red;*/
}

h1 {
    font-size: 1.6em;
}
html, body {
    font-size: 16px;
}

#banner img {
    max-width: 100%;
}
/*

#banner:after {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(/static/banner/banner0.png);
    background-size: cover;
    z-index: 1;
     background: red; 
}*/


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

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

.fjs {
    display: flex;
    justify-content:  space-between;
    flex-wrap:  nowrap;
}

.fjs:before, .fjs:after {
    width: 0;
    height: 0;
    display: none;
}


.mainw, .w1200 {
    width: 1200px;
    position: relative;
    overflow: visible;
    margin:  0 auto;
}



.zero {
    display: block;
    margin:  0;
    position: relative;
    overflow: visible;
}


#bnb {
    background: #d84c40;
    color: white;
    position: relative;
    z-index: 9999;
}

#banner {
    font-size: 0;
}

#bnb .rx {
    line-height: 3em;
    color: white;

}





.m-title {
    display: block;
    text-align: center;
    margin-top: 20px;
    position: relative;
    padding-top: 30px;
    font-size: 36px;
}
 


.flex {
    display: flex;
    flex-wrap: nowrap;
    justify-content:  space-between;

}



#top {
    background: white
}

#top .wel {
    line-height:2em;
}

#top .wel span:nth-child(2) {
    color: white;
    border-bottom-left-radius: 30px;
    background: #8fc42e;
    padding-left: 30px;
    padding-right: 30px;
}


#top .logo-info {
    border-top: 1px solid #ccc;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
}

#top .logo-info .con .logo {
    display: inline-block;
    vertical-align: middle;
}

#top .logo-info .con .info {
    display: inline-block;
    vertical-align: middle;
    padding-left: 10px;
}

#top .nav   {
    background: #f1f1f1;
}
#top .nav  a {
    line-height: 3;
    text-align: center;
    flex-grow: 1;
    color:#3d3d3d; 
}

#top .nav a:hover, #top .nav a:first-child {
    background: #8fc42e;
    color: white;
}

#home-bn {
    background: linear-gradient(to right , #83b727 50%, transparent 50%);
}


#home-bn .info {
    padding-top: 20px;
    padding-bottom: 20px;
    color: white;
    font-size: 20px;
    width: 600px;
}

#home-bn .info p:nth-child(2) {
    font-size: 32px;
}

#home-bn .info p span {
    font-weight: bold;
    font-style:  italic;
    display: inline-block;
    margin:  0 10px;
}


#home-bn .tel {
    background: url(/static/ruida3/bn-tel.png) left center;
    line-height: 128px;
    font-size: 34px;
    color: #8fc42e;
    font-weight: bold;
    width: 600px;
    padding-left: 240px;
}


#home-classify {
    
}

#home-classify .flex  {
 margin-top: 50px;   
}

#home-classify .flex .one   {
    width: 392px;
    height: 582px;
        background: url(/static/ruida3/p-one.png) left center;
        padding-top: 30px;
        padding-left: 20px;
        box-sizing: border-box;
        color: white;
}

#home-classify .flex .one  h3 {
    font-size: 1.5em;
    line-height: 2em;
}


#home-classify .flex .one  p {
    margin-top: 0px;
}

#home-classify .flex .one  span  {
       color: black;
    margin-top: 10px;
    display: block;
    line-height: 2.6em;
    font-size: 15.7px;
    padding-left: 10px;
}

#home-classify  .list {
    display: flex;
    background: #ccc;
    flex-wrap: wrap;
    flex-grow: 1;
    margin-left: -1px;
}

#home-classify  .list  a {
    background: white;
    margin:  1px;
    width:  calc(50% - 2px);
    flex-shrink: 1;
    padding: 20px;
    box-sizing: border-box;
}


#home-classify  .list  a  h3 {
    font-weight: normal;
    font-size: 24px;
}

#home-classify  .list  a  p {
    font-size: 16px;
    color: #72ad0a;
}

#home-classify  .list  a:nth-child(1) {
    background: white url(/static/ruida3/p-1.png) right 30px bottom 10px no-repeat;
}

#home-classify  .list  a:nth-child(2) {
    background: white url(/static/ruida3/p-2.png) right 30px bottom 10px no-repeat;
}


#home-classify  .list  a:nth-child(3) {
    background: white url(/static/ruida3/p-3.png) right 30px bottom 10px no-repeat;
}


#home-classify  .list  a:nth-child(4) {
    background: white url(/static/ruida3/p-4.png) right 30px bottom 10px no-repeat;
}


#more-pro {
 
    align-items: center;
    margin-top: 20px;
    margin-bottom: 20px;
}

#more-pro  span:first-child {
    font-size: 24px;
}


#more-pro  span:nth-child(2) {
    color: #018247;
}

#qiehuan .qiehuan-title{
    background: #a3a3a3;
    color: white;
    display: flex;
}

#qiehuan .qiehuan-title a {
    line-height: 2.4em;
    color: white;
    flex-grow: 1;
    text-align: center;
    display: block;
}


#qiehuan .qiehuan-title a.hover {
    background: #83b727;
}

#qiehuan .qiehuan-con {
    margin-top: 20px;
    margin-bottom: 30px;
}
#qiehuan .qiehuan-con .flex a {
    width: 24%;
    box-shadow: 0 0 2px 2px #ccc;
    margin-bottom: 5px;
    
}
#qiehuan .qiehuan-con .flex a  .bigimg {
    font-size:  0;
}

#qiehuan .qiehuan-con .flex a  .bigimg img {
    width: 100%;
    height: auto;
}
#qiehuan .qiehuan-con .flex a p {
    line-height: 2.5em;
    border-left:4px solid  #018247;
    position: relative;
    padding-left: 30px;
}


#qiehuan .qiehuan-con .flex a p:after {
    content: "+";
    position: absolute;
    right:  10px;
    top: 0px;
}


#home-about {
        background: white url(/static/ruida3/about.png) center;
        height: 679px;
        position: relative;
}

#home-about .m-title {
    padding-top: 60px;
    color: white;
    font-weight: bold;
}

#home-about .about-con {
    position: absolute;
    bottom:  0;
    left:  0;
    width: 100%;
    overflow: visible;
}

#home-about .about-con .flex > .video {
    width: 50%;
}

#home-about .about-con .flex > .info {
    width: 50%;
    padding-left: 20px;
    box-sizing: border-box;
     
}


#home-about .about-con .flex > .info .t {
    margin-top: 50px;
}
#home-about .about-con .flex > .info .t h3 {
    color: #fefefe;
    font-size: 30px;
}
#home-about .about-con .flex > .info .t p {
    color: #040404;
    font-size: 18px;
}

#home-about .about-con .flex > .info .text {
    margin-top: 30px;
}

#home-about .about-con .flex   .text h3 {
    font-size: 18px;
    color: #8fc42e;
    margin-bottom: 30px;
    color: #8fc42e;
}

#home-about .about-con .flex    .text  p {
    line-height: 1.7em;
   margin-top: 30px;
   margin-bottom: 30px;
}



#home-about .about-con .text a {
      border-radius: 10px;
  background-color: rgb(254, 251, 251);
  box-shadow: inset 0px 2px 5px 0px rgba(0, 0, 0, 0.35);
  padding: 5px 20px;
  float: right;
  position: relative;
  right: 10px;
}

 


#home-about   .tel {
    position: absolute;
    right:  33px;
    bottom:  0;
    line-height: 100px;
    color: white;
    font-size: 32px;
    font-weight: bold;
}



 



#home-case  {
    
}

#home-case .m-title {
    margin-top: 30px;
    margin-bottom: 30px;
}



#home-case .w1200  {
    flex-wrap: wrap;
}

#home-case .w1200  a {
    width: 386px;
    margin-bottom: 30px;
    
}
#home-case .w1200  a .bigimg {
    font-size:  0;
}
#home-case .w1200  a img {
    width: 100%;
    height:  auto;
}
#home-case .w1200 p {
    width: 100%;
    height: 43px;
    line-height: 43px;
    padding-left: 20px;
    box-sizing: border-box;
    background: url(/static/ruida3/case-p.png);
}

#home-case .w1200 a:first-child  p,
#home-case .w1200 a:hover  p {
        background: url(/static/ruida3/case-ph.png);
        color: white;
}


#home-case .w1200 {
    
}

#tonglan {
    margin-bottom: 30px;
}
#tonglan img {
    max-width: 1920px;
    display: block;
    width: 100%;
    height:  auto;
    
}































#home-news {
    
}

#home-news .mainw {
    display: flex;
    justify-content:  space-between;
}
#home-news .mainw  .qyxw {
    width: 550px;
}

#home-news .qyxw  {
    margin-top: 30px;
    margin-bottom: 30px;
}


#home-news .qyxw >a  {
    line-height: 2em;
    margin-bottom: 20px;
}
#home-news .qyxw >a   {
    line-height: 1.3em;
    display: flex;
    justify-content:  space-between;
    height: 28px;
}

#home-news .qyxw >a  .name {
    background: url(/static/pc/img/news-t.png) left no-repeat;
    padding-left: 60px;
    font-size: 24px;
    font-weight: bold;
}


#home-news .qyxw  .top  a {
    display: flex;
    flex-wrap: nowrap;
       background: url(/static/pc/img/news-b.png);
       width: 571px;
       height: 139px;
       padding: 10px;
       box-sizing: border-box;
       margin-bottom: 30px;
}
#home-news .qyxw  .top .info {
    
 flex: 0 0 365px;
 width: 365px;
}

#home-news .qyxw  .top .img {
 margin-right: 20px;
 flex: 0 0 165px;
}

#home-news .qyxw  .top .img  img{
 width: 100%;
 max-height: 100%;
 height: 100%;
}
#home-news .qyxw  .top h3 {
    font-size: 18px;
    font-weight: normal;
            overflow: hidden;
                white-space: nowrap;
                    text-overflow: ellipsis;
}

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

#home-news .qyxw  .list {
    
}

#home-news .qyxw  .list  a {
   display: flex;
   flex-wrap:  nowrap;
   line-height: 2.4em;
   justify-content:  space-between;
   padding-left: 60px;
          background: url(/static/pc/img/news-u.png) left center no-repeat ;
}

 










#footer {
    
}
#footer .need {
    background: url(/static/pc/img/need.jpg);
    padding-top: 50px;
    padding-bottom: 30px;
}

#footer .need  {
    justify-content:  space-around;
}

#footer .need  .info {
    width: 647px;
    text-align: center;
    line-height: 1em;
}
#footer .need  .info  h3 {
    font-size: 41px;
    font-weight: normal;
}

#footer .need  .info  h4 {
    font-size: 28px;
    margin-top: 20px;
    margin-bottom: 25px;
    font-weight: normal;
}


#footer .need  .info  p {
    font-size: 22px;
    margin-top: 20px;
    
    background:  linear-gradient(to right, #72ad0a, #8fc42e);
    max-width: 400px;
    color: white;
    line-height: 2em;
    border-radius: 20px;
    display: inline-block;
    padding: 0 30px;
}


#footer .need  form {
    width: 360px;
      border-radius: 10px;
  background-color: rgb(250, 251, 252);
  box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.2);
  padding: 30px;
  box-sizing: border-box;
}

#footer form h3  {
    text-align: center;
    font-size: 30px;
    margin-bottom: 15px;
}
#footer form input {
    line-height: 3em;
    padding-left: 2em;
    margin-bottom: 30px;
    border: 1px solid #ccc;
}

 
#footer form #author {
    background: url(/static/pc/img/form-1.png) left 5px center no-repeat;
}

#footer form #tel {
    background: url(/static/pc/img/form-2.png) left 5px center no-repeat;
}
#footer form #submit {
    background: #72ad0a;
    color: white;
    padding-right: 30px;
}

#footer  .links {
    padding: 30px 0;
    background: #020202;
    border-bottom: 1px solid #ccc;
    color: white;
         text-align: left;
}

#footer  .cp {
    line-height: 3em;
    color: white;
        background: #020202;
        text-align: center;
}

#platform img {
    max-width: unset;
}






iframe ,
img.aligncenter  {
    display: block;
    margin: 0 auto;
}



/** inner  **/

#inner-banner {
    background: url(/static/dinghui/inner-banner.jpg) center;
    height: 341px;
    position: relative;
}


#inner-banner .p {
    background: rgba(0,0,0,0.3);
    bottom: 0;
    position: absolute;
    line-height: 2em;
    width: 100%;
}

#inner-banner  .mainw {
    color: white;
    text-align: right;
}



#pro-list-three {

}

#pro-list-three .u-main {
    padding-bottom:20px; 
    /*height: 453px;*/
}

#pro-list-three .u-main-1 {   background: url(/static/inner/probg-1.png) no-repeat; }
#pro-list-three .u-main-2 {   background: url(/static/inner/probg-2.png) no-repeat; }
#pro-list-three .u-main-3 {   background: url(/static/inner/probg-3.png) no-repeat; }
#pro-list-three .u-main-4 {   background: url(/static/inner/probg-4.png) no-repeat; }
#pro-list-three .u-main-5 {   background: url(/static/inner/probg-5.png) no-repeat; }
#pro-list-three .u-main-6 {   background: url(/static/inner/probg-6.png) no-repeat; }
#pro-list-three .u-main-7 {   background: url(/static/inner/probg-7.png) no-repeat; }
#pro-list-three .u-main-8 {   background: url(/static/inner/probg-9.png) no-repeat; }
#pro-list-three .u-main-9 {   background: url(/static/inner/probg-9.png) no-repeat; }
#pro-list-three .u-main-10 {   background: url(/static/inner/probg-10.png) no-repeat; }
#pro-list-three .u-main-11 {   background: url(/static/inner/probg-11.png) no-repeat; }
#pro-list-three .u-main-12 {   background: url(/static/inner/probg-12.png) no-repeat; }



#pro-list-three .u-main:nth-child(2n)  {
        background-position: right;
            margin-top: 50px;
                padding-top: 30px;
                    margin-bottom: 50px;
}  


#pro-list-three .u-main > a.title   {
    display: flex;
    justify-content:  space-between;
    align-items: center;
    padding-left: 30px;
    padding-top: 80px;
    margin-bottom: 30px;
}


#pro-list-three .u-main:nth-child(2n)   > a.title { 
    padding-left:  auto;
    padding-right: 30px;
}  



#pro-list-three .u-main:nth-child(2n) > a.title {
    flex-direction:  row-reverse;
}  

#pro-list-three .u-main > a.title   .name {
    font-size: 30px;
    color: #fafafc;
}


#pro-list-three .u-main > a.title   .more {

    background-color: rgb(254, 251, 251);
    box-shadow: inset 0px 2px 5px 0px rgba(0, 0, 0, 0.35);
    padding: 7px 20px;
    font-size: 18px;
    border-radius: 17px;
}


#pro-list-three .u-main > .pics {
    padding-left: 50px;
    display: flex;
    justify-content:   space-around;
    flex-wrap: wrap;
}



#pro-list-three  .u-main:nth-child(2n) > .pics {
    padding-left: 0;
    padding-right: 50px;
    display: flex;
    justify-content:   space-around;
}




#pro-list-three .u-main > .pics  a {
    width: 32%;

}
#pro-list-three .u-main > .pics  .bigimg {
    padding: 10px;
    background: white;
}


#pro-list-three .u-main > .pics  .bigimg img {
    width: 100%;
}


#pro-list-three .u-main > .pics  p {
    font-size: 20px;
    line-height: 2.4em;
    background: linear-gradient(to right, #bfbfbf, #d4d4d4);
    color: black;
    padding-left: 2em;
}


#pro-list-three .u-main .pics a {
       position: relative;
}

#pro-list-three .u-main .pics  a .info {
    margin-left: 15%;
    margin-top: 15%;
    position: absolute;
    width: 70%;
    height: auto;
    position: absolute;
    left:  0;
    top:  0;
    background: rgba(0, 0, 0, 0.5);
    padding: 20px;
    color: white;
    line-height: 1.6em;
    display: none;
}
#pro-list-three .u-main .pics  a:hover  .info{
    display: block;
}
#pro-list-three .u-main .pics  a:hover p {
    background: #8fc42e;
    color: white;
}


#pro-pic-list {
	justify-content: flex-start;
} 


#pro-pic-list a {
    width: 23%;
    margin: 5px;
    box-shadow: 0px 1px 6px 5px #e6e6e6;
	margin: 1%;
    margin-bottom: 20px;
}

#pro-pic-list a .bigimg {
    font-size: 0;
}
#pro-pic-list a .bigimg img {
    width: 100%;

}

#pro-pic-list a p {
    position: relative;
    background: #83b727;
    color: white;
    line-height: 2.2em;
    text-align: right;
}

#pro-pic-list a p .more {
    display: inline-block;
    padding:  0 20px;

}

#pro-pic-list a p .name {
    position: absolute;
    bottom:  0;
    left:  0;
    height: 3em;
    line-height: 3em;
    border-top-right-radius: 20px;
    font-weight: bold;
    background: #fafafb;
    padding: 0 20px;
    color: black;
    padding-right: 40px;
}

#list-gcal {
    margin-top: 30px;
    padding-bottom: 30px;
}


#list-gcal  a {
    width: 48%;
    text-align: center;
    position: relative;
    clip-path: polygon(0 0, 80% 0, 100% 20%, 100% 100%, 0 100%);
    margin-bottom: 40px;
}


#list-gcal  a .info {

    line-height: 1.7em;
    border-radius: 10px;
    border: 1px dotted #ccc;
    text-align: center;
    padding: 0 50px;
    margin:  0 auto;
    display: inline-block;
    background: #1d2230;
    background: #1d2230ad;
    color: white;
    position: absolute;
    top: 150px;
    width: 70%;
    left: 15%;
    z-index: 999;
}
#list-gcal  a:hover:after {
    content:  " ";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.5);
}
#list-gcal  a .info h3 {
    line-height: 3em;
    text-align: center;
}

#list-gcal  a:hover h3 {
    color: red;
}

#list-gcal  a .info p {
    display: none;
}

#list-gcal  a .info:hover p {
    display: block;
}




























#news-list > .title {
    display: block;
    margin-top: 20px;
    margin-bottom: 20px;
}

#news-list > .title .name {
    font-size: 30px;
    line-height: 1.5em;

}

#news-list > .title .en {
    font-size: 20px;
    line-height: 1.5em;
    display: inline-block;
    border-bottom: 1px solid #ccc;
    width: 150px;
    padding-bottom: 20px;
}


#news-list  .con a {
    display: block;
    margin: 20px auto;
    margin-top: 0;
    display: flex;
    align-items: center;
    align-items: stretch;
}

#news-list  .con a .ymd {
    padding: 20px;
    text-align: center;
    background: #f0f1f5;
    margin-right: 20px; 
    display: flex;
    align-items: center;
    flex-wrap:  wrap;
}

#news-list  .con a .ymd > * {
    width: 100%;
    font-size: 18px;
}
#news-list  .con a  .ym {
    white-space:  nowrap;
}

#news-list  .con a .ymd .d {
    font-size: 40px;
    color: #333;
}
#news-list  .con a .p {
    margin-top: 10px;
    margin-bottom: 10px;
}
#news-list  .con a  .name {
    display: inline-block;
    padding: 2px 20px;
    color: #999;
    border: 1px solid #999;
}

#news-list  .con a .ymd  {
    transition: .5s;
}

#news-list  .con a:hover .ymd  {
    transition: .5s;
    background: #4d7dff;
    color: white;
}

#news-list  .con a:hover .ymd .d {
    color: white;
}


#inner-page {

}


#pro-head {
    display: flex;
    justify-content: space-between;
    /*margin-top: 20px;*/
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    margin-bottom: 10px;
    background: white url(/static/inner/pro-head.png) center;
    height: 521px;
        padding-top: 50px;
        border-top: 1px solid #ccc;
}

#pro-head .bigimg {
    width: 550px;
    margin-right: 50px;
}

#pro-head .bigimg img {
    width: 100%;
}


#pro-head .info {
    width: 600px; 
}


#pro-head .info  h1 {
    font-size: 32px;
    margin-top: 0;
    padding-top: 0;
    margin-bottom: 30px;
    border-bottom: 1px solid #ccc;
    line-height: 2em;
    font-weight: normal;
}

#pro-head .info  .metas {
    margin-bottom: 20px;
    display: flex;
    justify-content:  space-between;
    background: transparent;
    position: relative;
}


#pro-head .info  .metas:after {
    position: absolute;
    content:  " ";
    width: 100%;
    height: 1px;
    background: #018247;

    top: 40px;
    z-index: 0;
}


#pro-head .info  .metas .u { 
    color: #666666;
    font-size: 20px;
    line-height: 2em;
    font-size: 1.2rem;
    padding: 10px 40px;;
    border-radius: 40px;
    border: 1px  #018247 dotted;
    background: white;
    position: relative;
    z-index: 10;
        padding: 0px 40px;
}


#pro-head .info  .metas .u  .v {
    font-weight: bold;
    color: #000;
    font-size: 1.1rem;
    color: red;
}


#pro-head .info  .metas .title-more {
    line-height: 1.7;
}

#pro-head .info  .baojia { 
    display: inline-block;
    padding: 10px 30px;
    background: #83b727;
    color: white;
    font-size: 20px;
    border-radius: 10px;
}
#pro-head .pt {
    margin-top: 20px;
    margin-bottom: 10px;
    line-height: 1.7em;
}

#pro-head  .lx {
    display: flex;
    justify-content:  space-around;
    align-items: center;
    margin-top: 30px;
}

#pro-head  .lx  .tel {
    background: url(/static/pc/img/protel.png) left center no-repeat;
    padding-left: 50px;
}

#pro-head  .lx  .tel .nu {
    font-size: 30px;
    color: #f3860c;
}

#pro-head   .title-more p {
    margin-top: 10px;
    margin-bottom: 20px;
    line-height: 1.7;
    color: #ccc;
}

#pro-head > .w1200 {
    position: relative;
}



#pro-head > .w1200 .dir {
    position: absolute;
    right: 0;
    bottom:  0;

    width: 730px;
    display: flex;
}
#pro-head > .w1200 .dir a {
        line-height: 37px;
        flex-grow: 1;
        text-align: center;
}

#inner-con {
    display: flex;
    justify-content:  space-between;
}


#inner-con .real-con {
    width: 780px;
}


#inner-con .k-dir {
    background: url(/static/inner/kdir.png) left center no-repeat;
    height: 40px;
    line-height: 40px;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 24px;
    padding-left: 30px;
}



#sidebar {
    width:300px;

}

#sidebar .u {
    background: #eceef5;
}

#inner-con .last-con {
    margin-top: 20px;
    /*border-top: 1px solid #ccc;*/
    margin-top: 20px;
    line-height: 1.7em;
    padding-top: 20px;
}


#sidebar .u .title{
    background: #d84c40;
    line-height: 2.4em;
    color: white;
    text-align: center;
    font-size: 1.6em;
    margin-top: -20px;
    margin-left: -20px;
    margin-right: -20px;
    background: url(/static/inner/su.png) no-repeat;
    padding-bottom: 20px;
}

#sidebar .u .text {
    margin-top: 10px;
    font-weight: bolder;
        justify-content: space-between;
            display: flex;
                background: white;
                    padding: 10px 9px;
}


#sidebar .u .text a {
    font-weight: 100;
}

#sidebar .u .text a {

}


#sidebar .u  ul {
    padding-left: 5px;
}


#sidebar .u  ul li {
        line-height: 1.9em;
        list-style: none;
}
#sidebar .u  ul li:before {
 content: "★"; 
             color: #83b727;
             display: inline-block;
             padding-right: 5px;
}

#sidebar .u ul li a {


}

#sidebar   .w {
    width: 100%;
    height: 40px;
    background: #f0eeee;
}

#sidebar .u {
    padding: 20px;
    background: #edf5e1;
}

#sidebar .u  img {
    max-width: 100%;
}

#sidebar .u   .pic p {
    text-align: center;
    margin-bottom: 20px;
    background: white;
    line-height: 2em;
}

#sidebar .u  .con a.text  {
    display: block;
    line-height: 2.4em;
    background: white;
    line-height: 2.4em;
    padding-left: 20px;
    box-sizing: border-box;
    margin: 10px 0;
}

p:empty {
    display: none;
}

#bnb .rx.page {

}

#bnb .rx.page a {
    display: inline-block;

    padding: 0 40px;
    margin-top: -5px;
    margin-bottom: -5px;
    line-height: 2em;
    color: black;
}

#bnb .rx.page a:first-child, #bnb .rx.page a:hover {
    background: #052957;
    color: white;
}

#inner-gsjj {

}

#inner-gsjj  .about {
    padding-top: 30px;
}

#inner-gsjj  .about  .year{
    font-size: 16px;
    text-align: center;
    color: #084490;

}

#inner-gsjj  .about  .year .nu {
    font-size: 48px;
    font-weight: bold;
    color: #3a3a3b;
}

#inner-gsjj  .about   .meta {
    max-width: 1200px;
    margin:  0 auto;
    justify-content:  space-around;
    margin-top: 10px;
    margin-bottom: 30px;
    text-align: center;
    left: -28px;
    position: relative;
}


#inner-gsjj  .about   .meta .nu {
    font-size: 48px;
    font-weight: bold;
    color: #3a3a3b;
    position: relative;
}

#inner-gsjj  .about   .meta .nu span {
    position: relative;
    font-size: 16px;
    top: 00px;
    left: 10px;
}

#inner-gsjj  .about   .meta .text {
    color: #084490;
}


#inner-gsjj  .about  .more-text {
    max-width: 1200px;
    margin:  20px auto;
    line-height: 2em;
    color: #2b2b2b;

}

#inner-gsjj  .about  .more-text p {
    margin: 30px 0;
}

#inner-gsjj  .video {
    background: url(/static/inner/gsjj-video.jpg)  center;
    height: 450px;
}

#inner-gsjj  .video  .flex {
    height: 450px;
    display: flex;
    align-items: center;
}

#inner-gsjj  .video  .v {
    width: 622px;
    height: 360px;
}

#inner-gsjj  .video  .v video {
    display: block;
    width: 100%;
    height: 100%;
}

#inner-gsjj  .video  .youshi {
    background: #fbf9f9;
    padding: 30px;
    width: 580px;
}

#inner-gsjj  .video  .youshi .t h3 {
    font-size: 36px;
    font-weight: bold;
    color: #e55a39;

}

#inner-gsjj  .video  .youshi  .list {
    margin-top: 20px;
}

#inner-gsjj  .video  .youshi .list  p {
    line-height: 2em;
    padding-left: 30px;
    background: url(/static/inner/gsjj-li.png)  left center no-repeat;
}

#inner-gsjj  .licheng {
    background: url(/static/inner/licheng.jpg)   center;
    height: 795px;
}


#inner-gsjj .zzry {
    padding-top: 30px;
    padding-bottom: 30px;
}

#inner-gsjj .zzry  .t h3 {
    font-size: 36px;
    font-weight: bold;
    line-height: 2em;
    text-align: center;

}

#inner-gsjj .zzry  .t p {
    color: #5c5c5c;
    text-align: center;
    line-height: 3em;
}

#inner-gsjj  .inner-zzry {

}

#inner-gsjj  .inner-zzry a {

}

#inner-gsjj  .inner-zzry a img {
    width: 100%;
}


#inner-gsjj  .inner-zzry a p {
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #ccc;
}


#inner-gsjj  .wenha {
    background: url(/static/inner/wenha.jpg)   center;
    height: 456px;
}


.bigimg {
    overflow: hidden;
}

.bigimg:hover img {
    transition:all 1s; 
    position: relative;    
}


/*
.bigimg  img:hover{
    cursor: crosshair;
    transform: scale(1.3);  
}
*/



#inner-con .last-con video {
    display: block;
    margin: 42px auto;
    height: auto;
    background: url(/static/video-bg.png) top 53px center no-repeat;
    padding: 75px;
    background-size: contain;
    box-sizing: content-box;
}