@charset "utf-8";


/**/

.ogk_pro{position: relative;margin: 20px auto 0}
.ogk_pro_con{  width: 1280px;margin: 20px auto 0}
.ogk_pro_con ul{ overflow:hidden; zoom:1; width: 100%}
.ogk_pro_con ul li{ width:320px; float:left; display:inline-block; text-align: center;padding: 0 10px ;box-sizing: border-box;}
.ogk_pro_con ul li .pic{width: 100%;  border: 1px solid #efefef; box-sizing: border-box; position: relative; z-index: 1}
.ogk_pro_con ul li .pic img{ width: 100% }
.ogk_pro_con ul li .title{ line-height: 40px; background: rgba(0,91,172,0.95); color: #fff;margin-top: -44px;position: relative; z-index: 2 }

/*公司简介*/
.ogk_about {
    position: relative;
    width: 100%;
    margin: 0 auto;
    height: auto;
    z-index: 2
}

.ogk_about .content {
    padding: 30px 0
}

.ogk_about .left {
    float: right
}


.ogk_about .right {
    width: 620px;
    float: left;
}

.ogk_about .right h2 {
    font-size: 24px;
    line-height: 50px
}

.ogk_about .right p {
    padding: 20px 0
}

.ogk_about .right dl {
    width: 33.333333%;
    float: left;
    text-align: center;
    color: #fff;margin-top: 70px
}

.ogk_about .right dl dt {
    font-size: 36px;
    font-family: 'Impact';
    position: relative;
}

.ogk_about .right dl dt em {
    font-style: normal;
    font-size: 14px;
    position: absolute;
    top: 0;
    margin-left: 10px;
    font-family: 'Microsoft Yahei';
    font-weight: bold;
}

.ogk_about .right dl dd {
    line-height: 50px
}

.ogk_about p {
    font-size: 14px;
    line-height: 35px;
    text-indent: 30px;
    text-align: left;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
}


.ogk_about a {
    padding: 10px 45px;
    color: #fff;
    border: 1px solid #999999;
}

.ogk_about a:hover {
    background: #d8170f;
    color: #fff;
    border: none;
}

/*应用范围*/
.ogk_applied {
    position: relative;
    width: 100%;
    height: 630px;
    margin-bottom: 20px
}
.ogk_applied:before{content: '';background: url(../images/about_bg.jpg) center; height: 610px; width: 100%;position: absolute;top: -249px;z-index: 1}


.ogk_applied_con{ width:100%; position:relative; z-index: 2 }
.ogk_applied_con .hd{ overflow:hidden; position: absolute;top:-50px;right: 0; z-index: 2}
.ogk_applied_con .hd .prev,.ogk_applied_con .hd .next{ display:block;  float:right;font-family: 'Kaiti';font-size: 48px;color: #fff;padding-left:10px;display: inline-block; cursor: pointer;}

.ogk_applied_con .bd{ padding:20px 0;  box-sizing:border-box;}
.ogk_applied_con .bd ul{ overflow:hidden; zoom:1; }
.ogk_applied_con .bd ul dl{  overflow:hidden; height: 520px; display: inline-block;position: relative; width: 320px}
.ogk_applied_con .bd ul dl dt{ text-align:center; width: 320px; height: 260px;position: absolute; top: 0}
.ogk_applied_con .bd ul dl dd{padding: 50px 0 0 30px;box-sizing: border-box; height: 260px;position: absolute;top: 260px}
.ogk_applied_con .bd ul dl dd h3{font-size: 22px; font-weight: bold;color: #262626}
.ogk_applied_con .bd ul dl dd h4{color: #cccccc;text-transform: uppercase;font-size: 22px;font-weight: 100}
.ogk_applied_con .bd ul dl dd .more{ border: 1px solid #efefef; padding: 5px 20px; display: inline-block;text-align: center; float: left; line-height: 30px;margin-top: 10px}
.ogk_applied_con .bd ul dl dd .more:hover{background: #005bac;color: #fff;border-color: #005bac}

.ogk_applied_con .bd ul dl:nth-child(2n+0) dt{ text-align:center; width: 320px; height: 260px;position: absolute; top: 260px}
.ogk_applied_con .bd ul dl:nth-child(2n+0) dd{padding: 50px 0 0 30px;box-sizing: border-box; height: 260px;position: absolute;top: 0}
.ogk_applied_con .bd ul dl:nth-child(2n+0) dd h3{font-size: 22px; font-weight: bold;color: #fff}
.ogk_applied_con .bd ul dl:nth-child(2n+0) dd h4{color: #fff;text-transform: uppercase;font-size: 22px;font-weight: 100}
.ogk_applied_con .bd ul dl:nth-child(2n+0) dd .more{ border: 1px solid #fff; padding: 5px 20px; display: inline-block;text-align: center; float: left; line-height: 30px;margin-top: 10px;color: #fff}
.ogk_applied_con .bd ul dl:nth-child(2n+0) dd .more:hover{background: #fff;color: #005bac;border-color: #005bac}