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

#daohang  {
    background: #ccc;
}
#daohang .mbx {
    background: url(/static/inner/inner-mbx.png) center left no-repeat;
    font-size: 14px;
    
    line-height: 50px;
    padding-left: 26px;
 
}

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

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


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

#inner-prolist {
  
    margin:  0 auto;
}



#inner-prolist .nav {
    background: url(/static/inner/ip.png) no-repeat;
    height: 223px;
}

#inner-prolist .nav .flex {
    display: flex;
    justify-content:  space-between;
   
}
#inner-prolist .nav  a {
   color: white;
   font-size: 24px;
   line-height:3em;
  
   position: relative;
   display: inline-block;
}
#inner-prolist .nav  a.yes {
       background: url(/static/inner/ipa.png) bottom center no-repeat;

}

#inner-prolist .nav  a:nth-child(1),
#inner-prolist .nav  a:nth-child(7) {
    top: 40px;
}

#inner-prolist .nav  a:nth-child(2),
#inner-prolist .nav  a:nth-child(6) {
    top: 20px;
}



#inner-prolist .nav  a:nth-child(3),
#inner-prolist .nav  a:nth-child(5) {
    top: 10px;
}


#inner-prolist .list {
    margin:  0 auto;
    width: 1200px;
    display: flex;
    justify-content:  space-between;
    margin-top: -30px;
    margin-bottom: 30px;
    flex-wrap: wrap;
}

#inner-prolist .list a {
    margin: 10px;
    width: 22%;
      box-shadow: 0px 0px 6px 0px rgba(2, 2, 2, 0.38);
    border-radius: 10px;
    margin-bottom: 2em;
}
#inner-prolist .list a:hover {
    background: #c41017;
    color: white;
}

 #inner-prolist .list a img {
   max-width: 100%; 
    border-radius: 10px;
   }
   
   #inner-prolist .list a p {
       line-height: 2.3em;
       text-align: center;
   }

   #inner-prolist .list a p span{
       background: url(/static/inner/o.png) left center no-repeat ;
       padding-left: 1.6em;
   }
   
   
     #inner-prolist .list a:hover p span{
       background: url(/static/inner/o-h.png) left center no-repeat ;
       padding-left: 1.6em;
   }
   
/****************************************************/

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

    display: inline-block;
    padding-top: 67px;
    width: 591px;
    height: 408px;
    position: relative;
    margin-top: -10px;
    left: -1px;


}


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


#pages {
	    text-align: center;
}