/*! 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 {
	margin-top: 113px;
    font-size: 0;
}

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

}


#bnb .card {
    position: absolute;
    right:  0;
    bottom:  0;
    padding: 20px;
    background: linear-gradient(to bottom , #d9d9d9, #f8f7f7, #d9d9d9);
    color: #151515;
    text-align: center;
}


#bnb .card  h3 {
    font-size:24px;
}

#bnb .card  p {
    font-size: 16px;
    line-height: 2.4em;
}

#bnb .card  .tel {
    display: inline-block;
    background: url(/static/longyang/card-tel.png) left center no-repeat;
    line-height: 40px;
    padding-left: 50px;
    font-size: 26px;
    color: #324a8d;
    font-weight: bold;
}



.m-title {
    display: flex;
    align-items: center;
    justify-content:  space-between;
    
}

.m-title .name {
    position: relative;
}

.m-title .name:after {
    position: absolute;
    content:  " ";
    left: 110%;
    top:  10px;
    background: url(/static/longyang/ddd.png);
    width: 35px;
    height: 20px;
}
 

.m-title .name  h3 {
    font-size: 40px;
    line-height: 1.2em;
    letter-spacing: 0.1em;
}


.m-title .name  p {
    font-size: 12px;
    text-transform: uppercase;
}

.m-title .more span {
    display: inline-block;
    padding: 10px 20px;
    border-radius: 3px;
    border-color: #cc0303;
    border: 1px dashed #cc0303;
}


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

}
 
#top {
    background: rgba(255,255,255, 0.8);
    position: absolute;
	    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99999;
	background: white;
}

#top  > .mainw {
    width: 1440px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}



#top  > .mainw  .logo {
    flex-grow: 0;
}

#top  > .mainw  .nav {
 flex-grow: 1;   
 display: flex;
 margin:  0 20px;
}


#top  > .mainw  .nav  a {
    line-height: 110px;
    border-bottom: 3px solid transparent;
    box-sizing: border-box;
    flex-grow: 1;;
    text-align: center;
}

#top  > .mainw  .nav  a:hover {
    background: #f8dede;
        border-bottom: 3px solid #cc0303;
}

#top  > .mainw  .tel {
   flex-grow: 0;
    background: url(/static/longyang/top-tel.png) no-repeat;
    padding-top: 21px;
    padding-left: 57px;
    font-size: 28px;
}




#home-pro {
    margin: 40px 0;
        background: url(/static/longyang/pro-bg.jpg) no-repeat;
}



#home-pro .name-list {
    margin-top: 20px;
    margin-bottom: 30px;
    display: flex;
    justify-content:  space-between;
    flex-wrap: wrap;
}



#home-pro .name-list  a {
    background: #eeeeee;
    display: inline-block;
    padding: 20px 72px;
    border-radius: 10px;
    margin-bottom: 10px;
    padding: 20px 58px;
}
#home-pro .name-list  a:hover,
#home-pro .name-list  a:first-child {
    background: #cc0303;
    color: white;
}


#home-pro .pic-list {
    margin-top: 20px;
    margin-bottom: 30px;
    display: flex;
    justify-content:  space-between;
    flex-wrap: wrap;
}



#home-pro .pic-list  a {
     width: 31%;
     background: #eeeeee;
     margin-bottom: 30px;
}

#home-pro .pic-list  a .img {
    padding: 0;
}

#home-pro .pic-list  a .img  img {
    width: 100%;
}


#home-pro .pic-list  a p {
    text-align: center;
    line-height: 3em;
}


#home-pro .pic-list  a p  span:nth-child(2) {
    display: none;
}


#home-pro .pic-list  a:hover {
    padding: 3px;
    box-sizing: border-box;
    background: #cc0303
}

#home-pro .pic-list  a:hover span {
    color: white;
}


#home-pro .pic-list  a:hover  p {
    display: flex;
    justify-content:  space-around;
}


#home-pro .pic-list  a:hover  p span {
    display: block;
}



#home-about {
            background: url(/static/longyang/about.jpg) no-repeat;
}

#home-about .real-con  {
    width: 600px;
    padding: 30px;
}



#home-about .real-con  .desc {
    margin-top: 30px;
    font-size: 14px;
}


#home-about .real-con  .desc  p {
    margin-bottom: 40px;
    font-size: 16px;
        letter-spacing: 0.5px;
}



#home-about .real-con .zongzhi {
                background: url(/static/longyang/about-desc.png) top left no-repeat;
                padding-left: 40px;
}


#home-about .real-con  .three {
    display: flex;
    justify-content:  space-around;
}


#home-about .real-con  .three .u {
    margin: 10px;
    text-align: center;
    height: 120px;
    padding-top: 20px;
        width: 33%;
}


#home-about .real-con  .three .u:nth-child(1) {
    background: url(/static/longyang/about-1.png)  center no-repeat;
}

#home-about .real-con  .three .u:nth-child(2) {
    background: url(/static/longyang/about-2.png)  center no-repeat;
}


#home-about .real-con  .three .u:nth-child(3) {
    background: url(/static/longyang/about-3.png)  center no-repeat;
}





#home-about .real-con  .three .u  h3 {
    color: #cc0303;
    font-size: 24px;
}



#home-case {
                    background: url(/static/longyang/case.jpg) top left no-repeat;
                    padding-top: 50px;
}



#home-case  .imgs {
    margin-top: 50px;
    display: flex;
    justify-content:  space-between;
    flex-wrap: wrap;
}


#home-case  .imgs  a {
    width: 31%;
    display: block;
    position: relative;
   margin-bottom: 30px;
}

#home-case  .imgs  a .img {
    font-size: 0;
}
#home-case  .imgs  a .img img {
    width: 100%;
}

#home-case  .imgs  a .name {
    position: absolute;
    bottom:  0;
    width: 100%;
    background: rgba(0,0,0,.5);
    color: white;
    text-align: center;
    line-height: 3em;
}


#home-case  .imgs  a .hover {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #cc030366;
    text-align: center;
    padding-top: 80px;
    color:white;
    line-height: 2em;
    display: none;
}



#home-case  .imgs  a:hover  .hover  {
   display: block;
}

#home-case  .imgs  a:hover  .name  {
   display: none;
}







#home-youshi {
                    background: url(/static/longyang/youshi.jpg) top left no-repeat;
                    padding-top: 50px;
}


#home-youshi  .m-title   * {
    color: white;
}

#home-youshi  .m-title .name:hover * {
    color: red;
}
#home-youshi  .m-title .name:after {
        background: url(/static/longyang/dddw.png);
}


#home-youshi   .w1200 {
    display: flex;
    justify-content:  space-between;
}

#home-youshi   .w1200 .info {
    width: 484px;
}

#home-youshi   .w1200 .info  .img {
    margin-top: 100px;
    margin-bottom: 100px;
        position: relative;
            top: -88px;
}


#home-youshi   .w1200 .info  p {
    color: white;
}

#home-youshi   .w1200 .three {
    width: 626px;
}


#home-youshi   .w1200 .three .u {
    display: flex;
    justify-content:  space-around;
    background: white;
    border-radius: 80px;
    margin-bottom: 50px;
    padding-top: 6px;
}



#home-youshi   .w1200 .three .u  p {
    color: black;
    font-size: 14px;
}

#home-youshi   .w1200 .three .u  .img{
    border: 2px solid transparent;
    border-radius: 50%;
    position: relative;
    top: -2px;
}

#home-youshi   .w1200 .three .u:hover  .img{
    border: 2px solid red;
}






#home-news {
         background: url(/static/longyang/news-bg.jpg) top left no-repeat;
                  padding-top: 50px;
}



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

#home-news .w1200 .desc  {
         background: url(/static/longyang/news-desc.png) top left no-repeat;
         width: 379px;
         height: 591px;
         box-sizing: border-box;
         padding-top: 40px;
         padding-left: 40px;
         padding-right: 10px;
         color: white;
}
 

#home-news .w1200  .list {
    width: 780px;
}

#home-news .w1200  .list  a {
    display: flex;
    background: #eeeeee;
    margin-bottom: 30px;
}

#home-news .w1200  .list  a  .img {
    width: 162px;
}

#home-news .w1200  .list  a  .img img {
    width: 100%;
    height:  auto;
}

#home-news .w1200  .list  a  .hp {
    flex-grow: 1;
    margin:  0 10px;
    width: 547px;
}


#home-news .w1200  .list  a  .hp h3 {
    line-height: 2.4em;
    padding-top: 10px;
}
#home-news .w1200  .list  a  .ymd {
    width: 110px;
}

#home-news .w1200  .list  a .ymd .d {
    font-size: 48px;
    line-height: 1.7em;
}

#home-news .w1200  .list  a  .ymd .ym {
    
}

#home-news .w1200  .list  a:first-child .d,
#home-news .w1200  .list  a:first-child h3,
#home-news .w1200  .list  a:hover .d,
#home-news .w1200  .list  a:hover h3 {
    color: #cc0303;
}




#home-video {
             background: url(/static/longyang/video-bg.jpg)  bottom center no-repeat;
             padding-top: 60px;
}


#home-video  .list {
    display: flex;

    margin-bottom: 30px;
    justify-content:  space-between;
    margin: 0 30px;
        margin-top: 40px;
}



#home-video  .list a {
  position: relative;
   
 
        width: 23%;
        padding-bottom: 60px;
        background: url(/static/longyang/video-a.png) bottom no-repeat ;
        background-size:  contain;
        text-align: center;
             transition:  all 0.6s;
}


#home-video  .list a img { 
    width: 100%;
}


#home-video  .list a .con {
    width: 90%;
    margin:  0 auto;
}


#home-video  .list a .con p {
    position: relative;
    top: 20px;
    color: white;
}

#home-video  .list a:hover  {
            background: url(/static/longyang/video-a-hover.png) bottom no-repeat ;
}
#home-video  .list a:hover .img {
    
                 transition:  all 0.6s;
 transform:  scale(1.2);
}


#home-video  .list a:hover   p {
    top: 40px;;
}
 


#home-video  .wz {
    margin-top: 40px;
}



#home-video .ditu-msg {
    width: 1200px;
    margin:  0 auto;
    margin-top: 30px;
    padding-bottom: 30px;
        position: relative;
            top: -45px;
}

#home-video .ditu-msg .ditu {
    width: 70%;
    height: 600px;
}

#home-video .ditu-msg .ditu  > div {
    height: 600px !important;
}

#home-video .ditu-msg  .msg {
    background: url(/static/longyang/msg.png) bottom no-repeat ;
    width: 630px;
    height: 499px;
    position: absolute;
    top: 40px;
    right:  0;
    z-index: 9;
 
}



#home-video .ditu-msg  .msg input,
#home-video .ditu-msg  .msg textarea {
    position: absolute;
    left: 0;
    top: 0;
    /*background: #cccccccc;*/
    border: 0;
    outline:  0;
    outline: 1px solid #ccc;
}


#home-video .ditu-msg  .msg #author {
    left: 39px;
    top: 180px;
    width: 260px;
    height: 40px;
}


#home-video .ditu-msg  .msg #tel {
    left: 331px;
    top: 180px;
    width: 260px;
    height: 40px;
}



#home-video .ditu-msg  .msg textarea {
left: 42px;
    top: 269px;
    width: 519px;
    height: 112px;
}


#home-video .ditu-msg  .msg #submit {
left: 5px;
    top: 398px;
    width: 170px;
    height: 49px;
        outline: 0px solid #ccc;
        background: transparent;
}


#footer {
    background: #303030;
    height: 367px;
    color: white;

}

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

#footer  h3 {
    font-size: 20px;
    font-weight: bold;
    border-bottom: 1px dotted #666;
    color: white;
    padding-top: 30px;
    padding-bottom: 5px;
}

#footer  a {
    color: inherit;
}

#footer   .unit {
    float: left;

}

#footer   .unit.item-1 a  {
    display: block;
    width: 185px;
    padding-top: 18px;
    padding-bottom: 5px;
    border-bottom: 1px dotted #666;
}
#footer   .unit.item-2 { 
    width: 350px;
}

#footer   .unit.item-2 p {
    display: block;
    line-height: 2.3em;
    padding-top: 5px;
    padding-bottom: 2px;
    border-bottom: 1px solid white;
    padding-left: 30px;

}
#footer   .unit.item-2 p.phone { background: url(/static/pc/img/footer-phone.png)  center left 3px no-repeat;}
#footer   .unit.item-2 p.tel { background: url(/static/pc/img/footer-tel.png)  center left 3px no-repeat;}
#footer   .unit.item-2 p.fax { background: url(/static/pc/img/footer-fax.png)  center left 3px no-repeat;}
#footer   .unit.item-2 p.email { background: url(/static/pc/img/footer-email.png)  center left 3px no-repeat;}
#footer   .unit.item-2 p.you { background: url(/static/pc/img/footer-postcode.png)  center left 3px no-repeat;}
#footer   .unit.item-2 p.address { background: url(/static/pc/img/footer-address.png)  center left 3px no-repeat;}

#footer   .unit.message {
    width: 500px;
    margin-left: 30px;
}

#footer   .unit.message  .info {
    display: inline-block;
    width: 20%;
    line-height: 40px;
    vertical-align:  central;

}

#footer   .unit.message  input {
    width: 70%;
    padding: 5px;
    margin: 10px;
    font-size: 16px;
    background: rgba(0,0,0,0);
    border: 1px solid white;
    border-radius: 5px;
    color: white;

}

#footer   .unit.message  textarea {
    width: 70%;

    padding: 5px;
    margin: 10px;
    height: 65px;
    font-size: 16px;
    background: rgba(0,0,0,0);
    border-radius: 5px;
    color: white;
    border: 1px solid white;
} 

#footer   .unit.message  .line {
    position: relative;
}

#footer   .unit.message .ab {
    position: absolute;
    top: 50px;
    left: 0;
}


#footer   .unit.message #submit {
    height: 40px;
    width: 100px;
    background: #f15646;
    color: white;
    border: 0;
}


#footer .ewm {
    position: absolute;
    top:  50px;
    right:  0;
}


#footer .ewm .pics  {
    text-align: center;
}


#footer .ewm .pics .p   {
    display: inline-block;
    margin-right: 20px;
    text-align: center;
}

#footer .ewm .pics .p  img {
    display: block;
}


#footer .ewm .tel {
    background: url(/static/pc/img/ftel.png)  center left 3px no-repeat;
    padding-left: 50px;
    padding-top: 30px;
}

#footer .ewm .tel p {
    line-height: 1em;
}

#footer .ewm .tel .nu {
    font-size: 32px;
    line-height: 1em;
}

#copyright{
    text-align: center;
    background:  #000;
    line-height: 3em;
    /*background: linear-gradient( to right , #032e54, #7f9b34 ,#032e54 );*/
    color: white;
}


#cpy {
    border-top: 1px solid #666;
    line-height: 3em;
    color: white;
    text-align: center;
    background: #b2afaf;
    color: #333;
}


#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;*/
        margin-bottom: 35px;
}

#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-8.png) no-repeat; }
#pro-list-three .u-main-9 {   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-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:nth-child(2n)  {
    background-position: right;
}  


#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-pic-list a {
    width: 23%;
    margin: 5px;
    box-shadow: 0px 1px 6px 5px #e6e6e6;
    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: #991729;
    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;
bottom: 2px;
    top: auto;
        right: -16%;


}
#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;
}

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

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


#pro-head .info {
    width: 500px;

}

#pro-head .info  h1 {
    font-size: 40px;
    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;
}


#pro-head .info  .metas .u {
    display: flex;
    color: #666666;
    font-size: 20px;
    line-height: 2em;
    font-size: 1.2rem;
}


#pro-head .info  .metas .u  .k,
#pro-head .info  .metas .u  .v {
    /*
    font-weight: bold;
    */
    color: #000;
    font-size: 1.4rem;
    font-size: 1.3rem;
        margin-left: 10px;
}


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

#pro-head .info  .baojia {
    margin-top: 30px;
    display: inline-block;
    padding: 10px 30px;
    background: #077bfd;
    color: white;
    font-size: 20px;
    border-radius: 10px;
}



#inner-con {
    display: flex;
    justify-content:  space-between;
        font-size: 17px;
            letter-spacing: 1px;
}

#inner-con p {
    line-height: 2em;
}

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


#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;
}

#sidebar .u {
    padding: 10px;
}

#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);  
}







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

.m-title h3 {
    display: flex;
    text-align: center;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    font-size: 36px;
    line-height: 1.5em;
}




.m-title p {
    max-width: 1000px;
    text-align: center;
    margin:  0 auto;
    color: #3e3e3e;
    margin-bottom: 40px;
    line-height: 2.3em;
}


#main-inner-1 .m-title {
    display: block;
}


img.size-full {
    display: block;
    margin: 0 auto;
}

#main-inner-1 {
    padding-bottom: 30px;
}