#innerbanner {
    background: url(/static/inner/inner-banner.jpg) center;
    height: 394px;
    margin-top: -108px;
    /*margin-bottom: -108px;*/
    color: white;
}


#innerbanner  .mbx {
    background: url(/static/inner/inner-mbx.png) center left no-repeat;
    font-size: 14px;
    position: relative;
    left: 10px;
    top: 50px;
    line-height: 50px;
    padding-left: 26px;
        color: red;
}

#innerbanner  h3 {
    margin-top: 100px;
    text-align: center;
    font-size: 24px;
    margin-bottom: 10px;
    color: #000;
}

#innerbanner   p {
    text-align: center;
    color: #000;
}


/****************************************************/

#aotai-list-product {
        background: url(/static/aotai/aotai-pro-list.jpg) top  center  no-repeat;
        padding-top: 122px;
}


#aotai-list-product .item {
    
}

#aotai-list-product .item .info {
    padding-top: 100px;
    position: relative;
    
}


#aotai-list-product .item .info .con {
    max-width: 585px;
}

#aotai-list-product .item .info .con  h2 {
            background: url(/static/inner/inner-pro-list-h2.png) left  center  no-repeat;
            padding-left: 75px;
            font-size: 36px;
}



#aotai-list-product .item .info img.big {
    position: absolute;
    top: 10px;
    right: 0;
}


#aotai-list-product .item a.stit {
    display: block;
    margin:  15px 0;
    border-left: 5px solid #dd1b2c;
    line-height: 1.7em;
    padding-left: 1em;
    font-size: 24px;
    font-weight: bold;
}


#aotai-list-product .item a.stit .more {
    display: inline-block;
    float: right;
    padding: 0 20px;
    font-weight: normal;
    border: 1px solid #ccc;
}

#aotai-list-product .item li {
       background: url(/static/inner/inner-pro-list-li.png) left  top 5px  no-repeat;
            padding-left: 25px;
            font-size: 16px;
            color: #4c4c4c;
            margin-bottom: 10px;
            line-height: 1.7em;
}


#aotai-list-product .item a.stit .more b {
    color: #ff8000;
}


#aotai-list-product .item  .list {
        justify-content: space-between;
            flex-wrap: wrap;
}


#aotai-list-product .item  .list  .pro {
    width: 24%;
    background: #eeeeee;
     box-shadow: 0px 0px 3.72px 0.28px rgba(67, 68, 69, 0.64);
     padding: 10px;
     box-sizing: border-box;
     margin-bottom: 20px;
}

#aotai-list-product .item  .list  .pro  >  a {
    display: block;
    
}

#aotai-list-product .item  .list  .pro  >  a  img {
    width: 100%;
    height: auto;
}

#aotai-list-product .item  .list  .pro  p {
    color: #666;
    line-height: 1.4;
}

#aotai-list-product .item  .list  .pro  .link  {
    justify-content:  space-between;
    margin:  10px 0;
}
#aotai-list-product .item  .list  .pro  .link a {
    line-height: 2em;
    width: 40%;
    border: 1px solid #666;
    text-align: center;
    font-size: 14px;
}

 





/****************************************************/

#inner-list-pro {
    /*background: linear-gradient(to bottom , #305697 , rgba(255,255,255, 1) 300px) ;*/
    padding-top: 40px;
}


#inner-list-pro .list {

    background: url(/static/inner/inner-pro-range.png) top 200px center  no-repeat;

}


#inner-list-pro .list  .junit {
    width: 24%;
}

#inner-list-pro .list  .junit p {
    background: url(/static/inner/inner-pro-lsit-p.png)   center  no-repeat;
    width: 100%;
    height: 62px;
    text-align: center;
    line-height: 62px;
    font-size: 24px;
    font-weight: bold;
}

#inner-list-pro .list  .junit:hover p {
    background: url(/static/inner/inner-pro-lsit-p-hover.png)   center  no-repeat;
    color: white;
}

#inner-list-pro .h3-tilte , .h3-title
{
    background: url(/static/inner/inner-pro-h3-tilte.png)   center  no-repeat;
    text-align: center;
    font-size: 32px;
    color: #333;
    font-weight: bold;
    line-height: 2em;
    margin-top: 20px;
    margin-bottom: 30px;
  
}


#inner-list-pro  .pros {
    flex-wrap:  wrap;
    margin-bottom: 30px;
    border-bottom: 1px solid #ccc;
}

#inner-list-pro  .pros a {
    width: 23%;
    

}

#inner-list-pro  .pros a {
   border-bottom: 2px ;
}

#inner-list-pro  .pros a:hover {
   border-bottom: 2px solid red;
}
#inner-list-pro  .pros a p {
    text-align: center;
    line-height: 2em;
    margin-bottom: 20px;
}

#inner-list-pro  .pros a:hover {
    box-shadow: 0px 1px 21px 0px rgba(0, 0, 0, 0.53);
}

p.wuliao-info {
    line-height: 1.7;
    text-align: center;
}

/****************************************************/



#inner-product {
    background: url(/static/inner/inner-pro-top.jpg)   top center  no-repeat;
    position: relative;
    top: -21px;
}

#inner-product .pro-top{
    padding-top: 30px;
    height: 736px;
}


#inner-product .pro-top h3 {
    display: inline-block;
    padding:  0 30px;
    height: 50px;
    font-size: 36px;
    text-align: center;
    margin:  0;
    border: 1px dotted #333;
    position: relative;
    left: 60px;
    border-radius: 20px;
    line-height: 50px;
    font-weight: normal;
}


#inner-product .pro-top   .pic-desc {
    position: relative;
}

#inner-product .pro-top   .pic-desc .img {
    display: inline-block;
    padding-top: 67px;
    width: 642px;
    height: 400px;
}


#inner-product .pro-top   .pic-desc .desc {
    position: absolute;
    top: 127px;
    right: 0;
    width: 540px;
    color: #fbfcfd;
}
#inner-product .pro-top   .pic-desc  .u {
    margin-bottom: 15px;
    display: block;
    overflow: hidden;
}


#inner-product .pro-top .pic-desc .u:nth-child(3) 
,#inner-product .pro-top .pic-desc .u:nth-child(4) {
    height: 54px;
}

#inner-product .pro-top   .pic-desc .desc  .k {
    display: inline;

}

#inner-product .pro-top   .pic-desc .desc  .v {
    display: inline;
    line-height: 1.7;
}


#inner-product .pro-top   .pic-desc  .tel {
    padding-top: 24px;
    padding-left: 40px;
}

#inner-product .pro-top   .pic-desc  .tel .name {
    font-size: 20px;
    line-height: 20px;
}

#inner-product .pro-top   .pic-desc  .tel  .nu {
    padding-top: 30px;
    color: #a9bff4;
}

#inner-product .pro-top   .pic-desc  .tel  .nu span {
    font-size: 24px;
    font-weight: bold;
    color: white;
}




#inner-product .pro-top   .pic-desc .u:nth-child(1) .k,
#inner-product .pro-top   .pic-desc .u:nth-child(2) .k,
#inner-product .pro-top   .pic-desc .u:nth-child(3) .v,
#inner-product .pro-top   .pic-desc .u:nth-child(4) .v
{
    color: #a9bff4;
}


#inner-product .pro-top   .three {
    position: relative;
    top: 16px;
    color: #b1c6f8;
}

#inner-product .pro-top   .three .item-1 {
    position: relative;
    left: 191px;
}

#inner-product .pro-top   .three .item-2 {
    position: relative;
    left: 247px;
}


#inner-product .pro-top   .three .item-3 {
    position: relative;
    left: 302px;
}


#inner-product .pro-nav {
    width: 1100px;
    margin:  0 auto;
}

#inner-product .pro-nav a {
    width: 20%;
    display: block;
    text-align: center;
    font-weight: bold;
}


#inner-product .pro-content   {
    overflow: hidden;
    margin-top: 40px;
    margin-bottom: 40px;
}


#inner-product .pro-content  .real {
    width: 845px;
    display: inline-block;
    font-size: 17px;
    line-height: block;
    line-height: 2;
}

#inner-product .pro-content  .real br {
    /*
    display: none;
    */
}

#inner-product .pro-content  .real  h3 {
    font-size: 24px;
    background: url(/static/inner/inner-product-real-h3.png)   left  top 0px  no-repeat;
    padding-left: 100px;
    margin-top: 10px;
    margin-bottom: 10px;
}

#inner-product .pro-content  .real img.size-full {
    display: block;
    margin: 0 auto;
    
}
#inner-product .pro-content  .show-more {
    width: 313px;
    float: right;
    overflow: visible;
}

#inner-product .pro-content   .show-more-title {
    background: url(/static/inner/inner-product-case.png)   left  top 0px  no-repeat;
    width: 269px;
    height: 80px;
    line-height: 80px;
    display: block;

}
#inner-product .pro-content   .show-more-title  span {
    position: relative;
    font-size: 24px;
    color: white;
    left: 100px;
}


#inner-product .pro-content   .show-more  img  {
    margin-top: 10px;
    display: inline-block;
    width: 100%;
}

#inner-product .pro-content    .show-more    p {
    text-align: center;
    margin-bottom: 20px;
    font-size: 16px;
}

#inner-product .pro-content  .show-more   .news {

}

#inner-product .pro-content   .show-more   .news a  {
    display: block;
    margin-bottom: 10px;
}

#inner-product .pro-content   .show-more   .news a  p {

    background: #eee url(/static/inner/inner-product-news-p-hover.png)   left  10px center   no-repeat;  

    padding-left: 30px;
    box-sizing: border-box;
    line-height: 3em;
    margin-bottom: 0; 
    text-align: left;
        overflow: hidden;
            text-overflow: ellipsis;
                white-space: nowrap;
}

#inner-product .pro-content   .show-more   .news img {
    display: none;
}

#inner-product .pro-content   .show-more   .news a:hover  p {
    background: #f19149 url(/static/inner/inner-product-news-p.png)   left  10px center   no-repeat;  

}

#inner-product .pro-content   .show-more   .news a:hover img {
    display: block;
}


#inner-product .pro-content   .show-more .pro-tel {

    background: #eee url(/static/inner/inner-product-pro-tel.png) no-repeat  ;
    width: 340px;
    height: 238px;
    position: relative;
    left: -27px;



}


#inner-product .pro-content    .pro-tel  .con {
    color: #555453;
    width: 185px;
    height: 150px;
    padding-left: 20px;
    padding-top: 40px;


}

#inner-product .pro-content    .pro-tel  .con p {
    text-align: left;
    margin-bottom: 5px;
    line-height: 1.4;
}

#inner-product .pro-content   .pro-tel  .con .nu {
    font-size: 18px;
    color: #f85f0c;
}


/************************/

#inner-list-pro .wuliao {
    flex-wrap:  nowrap;

}

#inner-list-pro .wuliao a {
    /*width: 23%;*/
    font-size: 0;
}

#inner-list-pro .wuliao a img {
    width: 100%;
    height: 90px;
}

#inner-list-pro .wuliao a p {
     
    line-height: 2.4;
    text-align: center;
    font-size: 14px;
 
    margin-bottom: 20px;
}


#inner-list-text {
    
}

 .h3-title {
    background: url(/static/inner/inner-pro-h3-tilte.png)   center  no-repeat;
    text-align: center;
    font-size: 24px;
    color: #333;
    font-weight: bold;
    line-height: 2em;
    margin-top: 20px;
    margin-bottom: 30px;
}


#inner-list-text {
    
}



#inner-list-text  .hot a {
    width: 405px;
    height: 406px;
}

#inner-list-text  .hot a.hot-1 {
       background: url(/static/inner/inner-list-text-hot-1.jpg) 
}

#inner-list-text  .hot a.hot-2{
            background: url(/static/inner/inner-list-text-hot-2.jpg) 
}

#inner-list-text  .hot a.hot-3 {
           background: url(/static/inner/inner-list-text-hot-3.jpg) 
}


#inner-list-text  .hot a div {
    width: 300px;
    margin:  0 auto;
    padding-top: 240px;
}


#inner-list-text  .hot a div p{
    color: #3f3e3e;
    line-height: 1.5;
}


#inner-list-text  .con.just{
    flex-wrap:  wrap;
    margin-top: 40px;
    margin-bottom: 40px;
}

#inner-list-text .con.just a {
    width: 48%;
 
    display: flex;
    justify-content:  space-around;
        margin-bottom: 30px;

}


#inner-list-text  .just.con a .ymd {
    width: 100px;
    background: #b5b5b5;
    color: white;
        padding-bottom: 15px;
}

#inner-list-text  .just.con a:hover  .ymd {
    background: linear-gradient(to bottom , #f7aa0a, #fa0a20);
}

#inner-list-text  .just.con a .ymd .d {
    display: block;
    text-align: center;
    font-size: 40px;
      font-weight: bold;
   padding-top: 10px;
   padding-bottom: 10px;
  
}



#inner-list-text  .just.con a .ymd .ym {
    display: block;
    text-align: center;
    font-size: 16px;
  
}

#inner-list-text  .just.con a .info {
    width: 454px;;
}


#inner-list-text  .just.con a .info h3 {
    margin-top:  0;
}

#inner-list-text  .just.con a .info p {
    line-height: 1.7em;
}

#inner-list-text  .just.con a .info p span {
    display: inline-block;
    float: right;
}


/******************************************************************/


#inner-lxwm {
        background: url(/static/inner/inner-lxwm-lxwm.jpg)  center top 200px no-repeat;
}


#inner-lxwm  .name {
    font-size: 36px;
    color: #1d1d1d;
    font-weight: bold;
    padding-top: 30px;
    padding-bottom: 20px;
    text-align: center;
}


#inner-lxwm  .desc {
    margin:  0 auto;
    max-width: 1200px;
    line-height: 2em;
    text-align: center;
}


#inner-lxwm .liucheng {
    margin-top: 30px;
}


#inner-lxwm .liucheng a  {
    width: 20%;
    height: 280px;
    
} 
#inner-lxwm .liucheng .item {
    text-align: center;
}

#inner-lxwm .liucheng .item-1 {
            background: url(/static/inner/inner-lxwm-liucheng-1.png) center top 10px no-repeat;
}

#inner-lxwm .liucheng   .item-2 {
            background: url(/static/inner/inner-lxwm-liucheng-2.png) center top 40px no-repeat;
}

#inner-lxwm .liucheng  .item-3 {
            background: url(/static/inner/inner-lxwm-liucheng-3.png) center top 10px no-repeat;
}

#inner-lxwm .liucheng   .item-4 {
            background: url(/static/inner/inner-lxwm-liucheng-4.png) center top 40px no-repeat;
}

#inner-lxwm .liucheng   .item-5 {
            background: url(/static/inner/inner-lxwm-liucheng-5.png) center top 10px no-repeat;
}

#inner-lxwm .liucheng   .item-2  .p, 
#inner-lxwm .liucheng   .item-4 .p {
    margin-top: 28px;
    
}


#inner-lxwm .liucheng .nu {
    font-size: 50px;
    font-weight: bold;
    padding-top: 28px;
}


#inner-lxwm .liucheng .name {
    font-size: 24px;
    color: white;
    margin-top: 40px;
}


#inner-lxwm .liucheng .p {
    color: #121211;
    font-size: 14px;
    margin-top: 40px;
}


#inner-lxwm #form-about {
              background: url(/static/inner/inner-form-about.png) center top 10px no-repeat;
              height: 417px;
              overflow: visible;
              margin-top: 60px;
              padding-bottom: 100px;
}


#inner-lxwm #form-about  .form {
    padding-left: 40px;
    padding-top: 87px;
    float: left;
}
#inner-lxwm #form-about  .form .x {
    font-size: 24px;
        line-height: 1.5;
}


#inner-lxwm #form-about  .form .x1 {
    color: #020202;

}


#inner-lxwm #form-about  .form .x2 {

        
 
            color: #fa0404;

 
    
}


#inner-lxwm #form-about  .form  .y {
    line-height: 32px;
}

#inner-lxwm #form-about  .form  .y.f  span{
    color: #e81d10;
}


#inner-lxwm #form-about  .about {
    float: right;
    width: 600px;
    padding-top: 70px;
}

#inner-lxwm #form-about  .about  .name {
    text-align: left;
}

#inner-lxwm #form-about  .about   .p {
    margin-top: 0;;
    position: relative;
    top: -10px;
}


#inner-lxwm #form-about  .tel {
    padding-top: 30px;
    padding-left: 80px;
}

#inner-lxwm #form-about  .tel  .nu {
    color: #fb0314;
    font-size: 26px;
    font-weight: bold;
}

#inner-lxwm #form-about   .address {
        padding-left: 80px;
        padding-top: 20px;
}


#inner-lxwm #form-about .zx {
    padding-top: 30px;
    padding-left: 15px;
}


#inner-lxwm #form-about .zx span {
    font-size: 16px;
    color: #fcf9f9;
    display: inline-block;
    padding-left: 20px;
}

#form  #author  {
    position: absolute;
    top: 268px;
    left: 99px;
    width: 178px;
    height: 30px;
    border: 0;
    background: transparent;
    padding-left: 40px;
    box-sizing: border-box;
}

#form  #tel  {
    position: absolute;
    top: 268px;
    left: 367px;
    width: 178px;
    height: 30px;
    border: 0;
     background: transparent;
    padding-left: 40px;
    box-sizing: border-box;
}

#form  textarea  {
    position: absolute;
    top: 321px;
    left: 94px;
    width: 450px;
    height: 74px;
    border: 0;
     background: transparent;
    padding-left: 40px;
    box-sizing: border-box;
}

#form  #submit {
    width: 222px;
    height: 35px;
    position: absolute;
    top: 450px;
    left: 500px;
    background:  linear-gradient(to right, #f10d0a, #fba504);
    color: white;
    border: 0;
    
}