﻿#gsjja {
    width: 100%;
    height: 180px;
   background-image: url('../image/gsjj/backimage.jpg');  
   background-repeat:repeat-x;
   background-position:center center;
}

    #gsjja > .container > .topnavBox {
        margin-top:40px;
       width:100%;
       height:100px;     
    }
    /*表头部分*/
        #gsjja > .container > .topnavBox > .topbar {
            font-size: 33px;
            color: #fff;
            border-bottom: 1px dashed #fff;
            padding: 8px 0;
        }
        #gsjja > .container > .topnavBox > .navbarxx {         
            padding: 12px 0;
        }
        #gsjja > .container > .topnavBox > .navbarxx a{
            font-size: 16px;
            color: #fff;
            text-decoration:none;
            padding:0 8px;
        }
            #gsjja > .container > .topnavBox > .navbarxx a:hover {               
                color: #333;
                text-decoration: none;
            }

        #gsjja > .container > .topnavBox > .navbarxx i{
            font-size:16px;
           color:#fff;
        }
            #gsjja > .container > .topnavBox > .navbarxx span {
                font-size: 16px;
                color: #fff;
            }
            #gsjja > .container > .topnavBox > .navbarxx i:first-child {
                font-size: 16px;
                color: #eff660;
              
            }    
/*公司简史*/
#fzjs {
    padding:30px 0;
    background-color:#eff3f7;
}
    #fzjs > .container > .fzjstop > .fzjsTitle {
        border-bottom:1px solid #d5d5dd;
    }
    #fzjs > .container > .fzjstop > .fzjsTitle span {
        font-size:28px;
        color:#666;       
    }
    #fzjs > .container > .fzjstop > .fzjsTitle i {
        font-size: 16px;
        color: #269ddf;
    }
    #fzjs > .container > .fzjstop  p {
        color: #666666;
        font-size: 18px;
        padding: 2px 0;
        margin-bottom:0px;
    }
    #fzjs > .container > .fzjstop .tab-pane {
    }
    /*主体部分*/
    #fzjs > .container > .fzjszt {
        padding: 20px 0;
    }
    #fzjs .yearbox {
        margin: 10px;
    }

.tabScrollBox {
    overflow-x: scroll;
}
#fzjs > .container .tab-pane {
    margin: 20px 0px;
}

    #fzjs > .container .tab-pane .thumbnail {
        transition: all 0.3s linear;
        box-shadow: 2px 2px 5px #c0c0c0;
    }

        #fzjs > .container .tab-pane .thumbnail:hover {
            transform: scale(1.05, 1.05);
            cursor: pointer;
        }


  
/*<--------------------------------------------------------->*/
/*公司第二部分展示表头*/
#gsjjb {
    width: 100%;
  /*  height: 500px;*/
    background-color: #fff;
    padding:30px 0;
}
 .container > .navTop {
        padding: 20px 0px;
        font-size: 28px;
    }
.container > .navTop i{
        color:#269ddf;
        font-size:18px;
    }
  /*  创新主体部分*/
    #gsjjb > .container > .row .new-title {
        position: relative;
        padding: 15px 0;
        border-bottom: 1px dashed #c0c0c0;
        font-size: 20px;
        font-weight: 400;
        text-align: center;
        margin-right: 10px;
    }

        #gsjjb > .container > .row .new-title::after {
            content: ' ';
            width: 10px;
            height: 10px;
            position: absolute;
            bottom: -5px;
            right: -10px;
            border-radius: 5px;
            border: 1px solid #c0c0c0;
        }

        #gsjjb > .container > .row i{
           font-size:30px;          
        }
@media (max-width:992px) {
    #gsjjb > .container > .row li {
        float:left;
    }
}

#kjcxid li {
    margin:12px 3px;
}

#kjcxlias > .tab-pane {
    width: 100%;
    height: 100%;
    position:relative;
}

#kjcxlias > .tab-pane > p {
    position:absolute;
    bottom:0;
    left:0px;
    margin-bottom:0px;
    background-color:rgba(0,0,0,0.5);
    padding:2px 10px;
    color:#fff;
    font-size:14px;
}

#kjcxlias > .tab-pane > img {
    width: 100%;
    height: 100%;
    background-color: pink;
}

#kjcxlias > .kjcxBox {
    transition: all 0.3s linear;
    box-shadow: 2px 2px 5px #c0c0c0;
}
    #kjcxlias > .kjcxBox:hover {
        transform: scale(1.05, 1.05);
        cursor: pointer;
    }
/*社会责任*/
#shzr {
    background-color: #eff3f7;
    padding: 30px;
    height:100%;
}

    #shzr .thumbnail {
        transition: all 0.3s linear;
        box-shadow:2px 2px 5px #c0c0c0;
    }
        #shzr .thumbnail:hover {
            transform: scale(1.05, 1.05);
            cursor: pointer;
        }

/*企业文化*/

#qywh {
    background-color: #fff;
    padding: 30px;

}

    #qywh > .container .media i {
        font-size: 30px;
        color: #269ddf;
    }
    #qywh > .container .media {
        transition: all 0.3s linear;
    }
        #qywh > .container .media:hover {
            transform: scale(1.02, 1.02);
            cursor: pointer;
        }
            #qywh > .container .media:hover .media-body {
                color:#e92322;
            }
/*协信宗旨*/
#xxzz {
    background-color: #eff3f7;
    padding: 30px;  

}
    #xxzz .panel-heading {
        font-size: 20px;
        color:#269ddf;
    }
    #xxzz .panel-body {
        font-size:16px;
    }

.xfactive {
    transition: all 0.3s linear;
    box-shadow:2px 2px 5px #C0C0C0;
}
    .xfactive:hover {
        transform: scale(1.02, 1.02);
        cursor: pointer;
    }
