

.inner-inner {
    margin-top: 40px;
}

/****************************/
#inner-classify {
    
}

#inner-classify .unit {
    overflow: hidden;
    margin-bottom: 40px;
}

#inner-classify .unit .title {
    border-bottom: 2px solid #ccc;
    position: relative;
    height: 40px;
}

#inner-classify .unit .title .name {
    
    line-height: 40px;
    font-size: 24px;
    display: inline-block;
    border-bottom: 2px solid #12288b;
    position: absolute;
    left: 0;
    top: 0;
  
}
#inner-classify .unit .title .name  i {
    font-size: 25px;  
    color:  #12288b;
    display: inline-block;
    padding-right: 10px;
}


#inner-classify .unit .title  .more {
    float: right;
    color: #c41212;
    padding: 7px 20px;
    border: 1px solid #ccc;
}

 

#inner-classify .unit  .con {
    margin-top: 20px;
}

#inner-classify .unit  .con .tu {
    float: left;
     width: 286px;
    height: 254px;
    position: relative;
    color: white;
    text-align: center;
}
#inner-classify .unit  .con .tu  img {
      width: 286px;
    height: 245px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}


#inner-classify .unit  .con .tu  .name {
    margin-top: 80px;
    font-size: 24px;
    
}
#inner-classify .unit  .con .tu  .desc {
    margin-top: 20px;
    font-size: 20px;
    
}

#inner-classify .unit  .con ul {
    float: right;
   width: 870px;
}


#inner-classify .unit  .con ul li {
    padding-left: 20px;
    float: left;
    width: 267px;
    height: 250px;
}

#inner-classify .unit  .con ul li  a {
    display: block;
    width: 100%;
        color: #666;
}

#inner-classify .unit  .con ul li img {
   width: 100%;
   height: 200px;
    height: 200px;
}

#inner-classify .unit  .con ul li p {
    height: 40px;
    line-height: 40px;
    text-align: center;
    border: 1px solid #ccc;
}



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


#inner-prolist {
  
}


#inner-prolist  {
  
}

#inner-prolist .pro-title {
    border-bottom: 2px solid #ccc;
    position: relative;
    height: 40px;
    margin: 5px 0;
} 

#inner-prolist .pro-title  .name {
    display: inline-block;
    position: absolute;
    line-height: 40px;
    border-bottom: 2px solid #1236ac;
 
     
    padding-left: 30px;
    font-size: 32px;
    font-weight: bold;
    color: #12288b;    
} 

#inner-prolist .pro-title  .name  i {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 20px;
    color: #12288b;
}


#inner-prolist .cpgs-xzly {
    background: #ac1616;
    height: 124px;
    width: 100%;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    margin-top: 30px;
    overflow: hidden;
}

#inner-prolist .cpgs-xzly .left {
    background: #1236ac;
    height: 124px;
    width: 250px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    float: left;
    margin-left: 10px;
      text-align: center;
}


#inner-prolist .cpgs-xzly .left  .name {
    line-height: 124px;
    font-size: 24px;
    font-weight: bold;
    color: white;
  
}
#inner-prolist .cpgs-xzly .left  .name i {
    font-size: 25px;
    display: inline-block;
    padding-left: 20px;
}


#inner-prolist .cpgs-xzly .right {
    background: #f0f0f0;
    height: 124px;
    width: 940px;
 
    float: right;
    
}
#inner-prolist .cpgs-xzly .right .con {
    padding: 20px;
    line-height: 1.7;
    font-size: 18px;
}

 
#inner-prolist ul.pic-list {
    width: 1300px;
    margin-top: 40px;
    margin-bottom: 50px;
    overflow: hidden;
}

#inner-prolist ul.pic-list li {
    float: left;
        width: 217.5px;
    height: 200px;
    
    margin-right: 28px;
}


#inner-prolist ul.pic-list li a {
    display: block;
}

#inner-prolist ul.pic-list li a  img {
    display: block;
     width: 100%;
    height: 148px;
}

#inner-prolist ul.pic-list li a  p {
    display: block;
    height: 40px;
    text-align: center;
    line-height: 40px;
    background: #0061c4;
    color: white;
    font-size: 16px;
}




#inner-prolist .shili-1 {
    margin-top: 50px;
    overflow: hidden;
}







#inner-prolist .shili-1 .text  {
    width: 550px;
    height: 200px;
    background: #f0f0f0;
}


#inner-prolist .shili-1 .text h3 {
  padding-left: 50px;
  font-size: 24px;
  color: #1236ac;
   margin-top: 20px;
}
#inner-prolist .shili-1 .text h3  i {
    font-size: 40px;
    display: inline-block;
    margin-right: 10px;
}

#inner-prolist .shili-1 .text  p {
    padding: 30px;
    padding-top: 20px;
    line-height: 1.7;
    font-size: 14px;
    
}


#inner-prolist .shili-1  .img {
    
}

#inner-prolist .shili-1 .img  img {
    width: 300px;
    height: 200px;    
    display: inline-block;
    padding-left: 20px;
}




#inner-prolist .shili-2 {
    margin-top: 50px;
    overflow: hidden;
    margin-bottom: 50px;
}


#inner-prolist .shili-2 .name-tel {
    position: relative;
    width: 550px;
    height: 160px;
    text-align: center;
}

#inner-prolist .shili-2 .name-tel  img {
     width: 550px;
    height: 160px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

#inner-prolist .shili-2 .name-tel  .name {
    font-size: 33px;
    color: white;
    margin-top: 20px;
}
                                          

#inner-prolist .shili-2 .name-tel  .tel {
     margin-top: 20px;
      font-size: 39px;
      color: #ebb90b;
}
      




#inner-prolist .shili-2 .con{
    position: relative;
    width: 624px;
    height: 160px;
   background-color: #f0f0f0;
}


#inner-prolist .shili-2 .con .title {
 
        padding-left: 50px;
    font-size: 24px;
    color: #1236ac;
    margin-top: 20px;
    font-weight: bold;
}




#inner-prolist .shili-2 .con .title i {
    font-size: 40px;
    display: inline-block;
    margin-right: 10px;


}

#inner-prolist .shili-2 .con .con {
    padding: 30px;
    padding-top: 10px;
    line-height: 1.7;
    width: 570px;
}



#inner-prolist .case {
    margin-top: 20px;
    margin-bottom: 20px;
    overflow: hidden;
}



#inner-prolist .case  .bigimg {
    width: 550px;
    height: 300px;
    position: relative;
}

#inner-prolist .case  .bigimg  img{
    width: 550px;
    height: 300px;
    position: absolute;
    top: 0;
    left: 0;
        
}

#inner-prolist .case  .bigimg  p{
    width: 100%;
    height: 40px;
    position: absolute;
    bottom: 0;
    line-height: 40px;
    text-align: center;
    background: rgb(0,0,0, 0.8);
    color: white;
        
}
#inner-prolist .case  ul {
    float: right;
    width: 624px;
}

#inner-prolist .case  ul  li {
    width: 188px;
    height: 140px;
    float: left;
    margin-left: 20px;
    margin-bottom: 20px;
    position: relative;
}

#inner-prolist .case  ul  li  img {
 
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

#inner-prolist .case  ul  li  p{
     width: 100%;
    height: 40px;
    background: rgba(0,0,0,0.6);
    color: white;
    text-align: center;
    line-height: 40px;
    position: absolute;
    bottom:  0;
} 




#inner-prolist  .news {
    margin-top: 50px;
    overflow: hidden;
}


#inner-prolist  .news .con  {
    width: 1260px;
    margin-top: 30px;
}


#inner-prolist  .news .con .unit   {
       width: 380px;
    margin-right: 30px;
    float: left;
}



#inner-prolist  .news .con h3  {
    font-size: 24px;
    color:  #000;
    font-weight: normal;
}


#inner-prolist  .news .con ul   {
    
}

#inner-prolist  .news .con ul  li  {
    line-height: 40px;
    width: 100%;
    overflow: hidden;
    border-bottom: 1px dotted #ccc;
}



#inner-prolist  .news .con ul   li a {
     line-height: 40px;
     color:  #666;
}

#inner-prolist  .news .con ul   li a  p {
    display: inline-block;
    float: left;
    line-height: 40px;
}

#inner-prolist  .news .con ul   li i {
    float: left;
}


#inner-prolist  .news .con ul   li a span {
    display: inline-block;
    float: right;
     line-height: 40px;
}



#inner-prolist  .fuwu   {
    margin-top: 50px;
}

#inner-prolist  .fuwu > h3 {
    text-align: center; 
    font-size: 28px;
    font-weight: normal;
}


#inner-prolist  .fuwu > h4 {
     text-align: center;
     font-size: 20px;
     font-weight: normal;
}

#inner-prolist  .fuwu .pics-text   {
    width: 1300px;
    margin-top: 100px;
    
}



#inner-prolist  .fuwu .pics-text  .unit {
    width: 273px;
    margin-right: 30px;
    float: left;
    
    border: 2px solid #0061c4;
    background-color: #eeeeee;
    text-align: center;
    position: relative;
    padding-bottom: 30px;
    margin-bottom: 50px;
}


 
#inner-prolist  .fuwu .pics-text  .unit  .pic {
    position: absolute;
    top: -20px;
    left: 50px;
    border: 2px solid #0061c4;
    background: white;
    border-radius: 50%;
        top: -45px;
    left: 101px;
    width: 80px;
    height: 80px;
}

#inner-prolist  .fuwu .pics-text  .unit  .pic  i {
       font-size: 50px;
    margin-top: 10px;
    display: inline-block;
    
}


#inner-prolist  .fuwu .pics-text  .unit  .text {
    margin-top: 50px;
}


#inner-prolist  .fuwu .pics-text  .unit  .text  p {
    padding: 30px;
    min-height: 110px;
}
#inner-prolist  .fuwu .pics-text .unit:hover {
    background: #0061c4;
}

#inner-prolist  .fuwu .pics-text  .unit  .text    a {
    border: 1px solid #0061c4;
    border-radius: 5px;
    padding: 5px 8px;
    color: red;
}

#inner-prolist  .fuwu .pics-text .unit:hover  .text{
    color: white;
}


#inner-prolist  .fuwu .pics-text .unit:hover  .text a{
    border-color: white;
}


#inner-prolist  .fuwu .pics-text .unit:hover  i{
    color:  #0061c4;
}


/********************* product ******************/


#inner-product {
    overflow: hidden;
}


#inner-product .main-left {
    width: 750px;
    float: left;
}


#inner-product .main-left  h1 {
    font-size: 30px;
}


#inner-product .main-left  p.desc {
    color: #666;
   
}


#inner-product .main-left  .dir {
    margin-top: 40px;
}

#inner-product .main-left  .mu-lu {
     writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;      
    writing-mode: vertical-rl;
    font-size: 30px;
    display: inline-block;
    vertical-align: central;
    letter-spacing: 20px;
}

#inner-product .main-left  .dir ul {
     float: right;
     width: 715px;;
}

#inner-product .main-left  .dir ul li {
    width: 140px;
    height: 35px;
    line-height: 35px;
    display: inline-block;
    text-align: center;
    background: #1236ac;
    margin-bottom: 10px;
    margin-left: 30px;
}



#inner-product .main-left  .dir ul li  a {
    color: white;
    
}




#inner-product .main-left  .main-con {
    
}


#inner-product .main-left  .main-con h3 {
    background: #ebebeb;
    font-size: 24px;
    font-weight: bold;
    line-height: 40px;
    color: #333;
    
}

#inner-product .main-left  .main-con h3 i {
    display: inline-block;
    color: #1236ac;
    font-size: 30px;
    padding: 0 15px;
}


#inner-product .main-left  .main-con .last-con {
    padding: 30px;
}


 


#inner-product .main-right {
    width: 400px;
    float: right;
    overflow: hidden;
}


#inner-product .main-right h3 {
    font-size: 22px; 
    padding-left: 20px;
    line-height: 50px;
    margin-top: 30px;
}

#inner-product .main-right h3 i {
    font-size: 20px;
    display: inline-block;
    color: #0061c4;
}


#inner-product .main-right .pro-slider {
    width: 100%;
    height: 300px;
    position: relative;
    
}

#inner-product .main-right .pro-slider  li {
    height: 100%;
    
}

#inner-product .main-right .pro-slider img {
    width: 100%;
    height: 300px;
    
}


#inner-product .main-right .pro-slider  .flex-viewport {
     
}

#inner-product .main-right .pro-slider  .flex-control-nav {
    width: 400px;
 
        bottom: 10px;
}


#inner-product .main-right .xgcp {
    width: 500px;
        overflow: hidden;
}
#inner-product .main-right .xgcp  li {
    width: 185px;
    height: 136px;
    float: left;
    margin-right: 30px;
    padding-bottom: 5px;
    height: 168px;
}


#inner-product .main-right .xgcp  li  img {
    width: 100%;
    height: 138px;
}

#inner-product .main-right .xgcp  li  p {
    text-align: center;
    color: black;
}


#inner-product .main-right  .rand {
    width: 430px;
    overflow: hidden;
}


#inner-product .main-right  .rand li {
     display: block;
     float: left;
     padding: 8px 18px;
     background: #49729c;
     background: #04369e;

     color: #ccc;
     margin-right: 30px;
     margin-bottom: 20px;
     width: 148px;
}
 

#inner-product .main-right  .rand li  a {
    color: white;
}



#inner-product .main-right .news {
 
}


#inner-product .main-right .news li  {
    border-bottom: 1px dotted #ccc;
    width: 100%;
    height: 30px;
}



#inner-product .main-right .news li a {
     display: block;
     overflow: hidden;
        color: #333;
}


#inner-product .main-right .news li a p  {
    display: inline-block;
    line-height: 30px;
    float: left;
}

#inner-product .main-right .news li a    span  {
      display: inline-block;
    line-height: 30px;
    float: right;
 
}


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

#inner-list-text {
    overflow: hidden;
}


#inner-list-text .main-left {
    width: 260px;
    float: left;
}
#inner-list-text .main-left .news-center  {
    
}


#inner-list-text .main-left .news-center  .title{
    background: url(/static/inner/img/list-text-news.png) no-repeat;
    height: 81px;
    color: white;
    position: relative;
    text-align: center;
    display: block;
}


#inner-list-text .main-left .news-center  .title .top {
    font-size: 24px;
    line-height: 40px;
    padding-top: 10px;
}

#inner-list-text .main-left .news-center  .title .down {
    font-size: 14px;
    color: #ccc;
}








#inner-list-text .main-left .news-center a.a {
    display: block;
    width: 100%;
    height: 45px;
    position: relative;
    background: #e6e6e6;
    margin: 10px 0;
    color: #666;
}


#inner-list-text .main-left .news-center a.a p {
    display: inline-block;
    line-height: 40px;
    float: left;
    padding-left: 30px;
    font-size: 16px;
}

#inner-list-text .main-left .news-center a.a span {
    display: inline-block;
    line-height: 40px;
    float: right;
    padding-right: 30px;
    
        
}



#inner-list-text .main-left .tuijian  .title{
    background: url(/static/inner/img/list-text-tuijian.png) no-repeat;
    height: 56px;
    color: white;
    position: relative;
    text-align: center;
    display: block;
    line-height: 56px;
    font-size: 24px;
}


#inner-list-text .main-left .tuijian a.unit {
    display: block;
    position: relative;
    height: 200px;
    margin-bottom: 20px;
}


#inner-list-text .main-left .tuijian a.unit  img {
    position: absolute;
    width: 260px;
    height: 200px;
    top: 0;
    left: 0;
}


 #inner-list-text .main-left .tuijian a.unit  p {
    position: absolute;
    width: 100%;
    bottom: 0;
    height: 40px;
    line-height: 40px;
    background: rgba(0,0,0,0.5);
    color:  white;
    text-align: center;
}



#inner-list-text .main-left  .lianxi {
    height: 185px;
    background: url(/static/inner/img/list-text-lianxi.png) no-repeat;
    color: white;
    padding-top: 3px;
}

#inner-list-text .main-left  .lianxi p {
    color: white;
     text-align: center;
}


#inner-list-text .main-left  .lianxi p.title {
  margin-top: 30px;
   font-size: 16px;
   border: 1px solid white;
   overflow: hidden;
   padding: 8px;
       
         margin: 20px;
             margin-bottom: 10px;
}

#inner-list-text .main-left  .lianxi   .span {
   font-size: 20px;
     
}


#inner-list-text .main-left  .lianxi p.tel {
   font-size: 28px;
     
}
#inner-list-text .main-left  .lianxi i {
    display: block;
    text-align: center;
    font-size: 50px;
}


#inner-list-text  .main-right {
    
}


#inner-list-text  .main-right .title {
    font-size: 26px;
    color: #000;
    border-bottom: 1px solid #ccc;
}


#inner-list-text  .main-right .title i {
    color: #0061c4;
    font-size: 26px;
    display: inline-block;
    padding:  0 10px;
}
#inner-list-text  .main-right .ul-list-text{
    margin: 30px 0;
}
#inner-list-text  .main-right .ul-list-text li {
    display: block;
    height: 30px;
    border-bottom: 1px dotted #ccc;
    
}


#inner-list-text  .main-right .ul-list-text li  a {
    line-height: 30px;
    color: #666;
}
#inner-list-text  .main-right .ul-list-text li  span {
    display: inline-block;
    float: right;
    line-height: 30px;
}

#inner-list-text .main-right {
    width: 900px;
    float: right;
    
}


#inner-list-text  .main-right .ul-list-text li i {
    font-size: 14px;
    display: inline-block;
    color: #0061c4; 
}

#inner-list-text  .main-right  .ul-list-img {
    width: 1060px;
    margin-top: 30px;
        overflow: hidden;
}

#inner-list-text  .main-right  .ul-list-img  li {
   float: left;
 
   margin-right: 30px;
   width: 203px;
}

#inner-list-text  .main-right  .ul-list-img  a {
    color: white;
}

#inner-list-text  .main-right  .ul-list-img  li img {
    width: 100%;
    height: 160px;
}


#inner-list-text  .main-right  .ul-list-img  li p {
    width: 100%;
    clear: both;
    line-height: 40px;
    background: #0061c4;
    text-align: center;
    margin-bottom: 20px;
}








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

#inner-list-text #innner-page 
{
    
}



#inner-list-text #innner-page  .news 
{
    overflow: hidden;
    width: 105%;
}


#inner-list-text #innner-page  .news  .unit
{
    width: 45%;
    float: left;
    margin-right: 5%;
}

#inner-list-text #innner-page  .real {
    margin-bottom: 50px;
}

#inner-list-text #innner-page  h1 {
    text-align: center;
    color: #333;
}

#inner-list-text #innner-page .data {
    color: #666;
    text-align: center;
}

#inner-list-text #innner-page .last-page-con {
    margin-bottom: 50px;
}
























































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


















