/*内页样式表part1*/
/*组织文化*/
h3.organ-title {
    color: #303860;
    font-size: 28px;
    line-height: 30px;
    margin-bottom: 14px;
}

h3.organ-title em {
    font-family: "dincond-medium-webfont";
    font-size: 40px;
    color: #303860;
    display: block;
}

h3.organ-title strong {
    font-size: 20px;
    line-height: 24px;
}

.organ-div {
    max-width: 1560px;
    background: #ede4d7;
    padding: 40px 0 10px;
    margin: 0 auto;
}

.organ-img {
    width: 657px;
    height: 330px;
    background: url(../images/dyn-img.png) no-repeat;
    float: left;
    padding-bottom: 20px;
}

.organ-info {
    width: 500px;
    float: right;
    margin-top: 106px;
}

.organ-info p {
    margin-bottom: 8px;
}

.organ-info p strong {
    color: #303860;
    font-size: 15px;
}

.mission-div {
    width: 100%;
    height: 219px;
    background: #efeff4 url(../images/icon-dir.jpg) no-repeat center bottom;
    padding-top: 100px;
    display: none;
}

.mission-div p {
    text-align: center;
}

h3.miss-title {
    margin-bottom: 5px;
}

h3.miss-title i {
    font-size: 40px;
    color: #303860;
    font-family: "dincond-medium-webfont";
    font-style: normal;
    display: block;
    line-height: 40px;
}

h3.miss-title b {
    color: #303860;
    font-size: 18px;
}

p.line {
    padding-bottom: 15px;
    background: url(../images/line.jpg) no-repeat center bottom;
    margin-bottom: 5px;
}

.core-list {
    padding-top: 33px;
    display: none;
}

.core-list ul {
    margin-left: -56px;
}

.core-list li {
    width: 195px;
    height: 340px;
    float: left;
    margin-left: 56px;
}

.core-list li h4 {
    color: #303860;
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 13px;
}

.core-list li p {
    margin-bottom: 10px;
}

.behavior {
    width: 100%;
    min-height: 360px;
    background: url(../images/behavior-bg.jpg) repeat-y center center;
    position: relative;
}

.behavior .w1200 {
    /* height: 350px; */
    overflow: hidden;
}

/*加入龙湖修改*/
.mission {
    height: 402px;
    background: url(../images/oac_01.jpg) no-repeat center;
}

.mission .box {
    width: 1200px;
    margin: 0 auto;
    box-sizing: border-box;
    padding-right: 655px;
    text-align: right;
    padding-top: 173px;
}

.oac .box .title_en {
    font-family: "dincond-medium-webfont";
    font-size: 40px;
    color: #303860;
    text-transform: uppercase;
    letter-spacing: -2px;
    line-height: 0.8em;
}

.oac .box .title_cn {
    line-height: 0.8em;
    font-size: 18px;
    color: #303860;
    font-weight: bold;
    margin-top: 5px;
}

.oac .box .xian {
    width: 13px;
    height: 1px;
    background-color: #303860;
    margin-top: 20px;
    display: inline-block;
}

.mission .box .key {
    font-size: 32px;
    color: rgb(102,102,102);
    opacity: 0.7;
    filter: alpha(opacity=70);
    line-height: 0.8em;
    margin-top: 27px;
}

.mission .box .des {
    font-family: "dincond-medium-webfont";
    font-size: 52px;
    color: rgb(102,102,102);
    opacity: 0.08;
    filter: alpha(opacity=8);
    line-height: 0.8em;
    margin-top: 10px;
    text-transform: uppercase;
}

.vision {
    height: 515px;
    background: url(../images/oac_02.jpg) no-repeat center;
}

.vision .box {
    width: 1200px;
    margin: 0 auto;
    text-align: right;
}

.vision .box .inbox {
    width: 675px;
    display: inline-block;
    text-align: left;
    box-sizing: border-box;
    border-left: 1px solid rgb(208,208,233);
    padding-left: 20px;
}

.vision .box .inbox .title_en {
    margin-top: 40px;
}

.vision .box .inbox .question {
    margin-top: 30px;
    width: 675px;
    position: relative;
    top: 0px;
    left: -21px;
    line-height: 0.8em;
    box-sizing: border-box;
    padding-left: 20px;
}

.vision .box .inbox .question .en {
    position: absolute;
    top: 0px;
    left: -525px;
    width: 525px;
    height: 100%;
    text-align: right;
    margin-top: -2px;
    overflow: hidden;
    box-sizing: border-box;
    border-right: 10px solid transparent;
}

.vision .box .inbox .question .en .key {
    font-family: "dincond-medium-webfont";
    font-size: 16px;
    color: #01b2b3;
    line-height: 1em;
    margin-bottom: 10px;
    position: relative;
    left: 515px;
    transition: all 800ms;
}

.vision .box .inbox .question .en .des {
    font-family: "dincond-medium-webfont";
    font-size: 16px;
    color: #01b2b3;
    line-height: 1.4em;
    position: relative;
    left: 515px;
    transition: all 800ms;
}

.vision .box .inbox .question .cn .key {
    font-size: 14px;
    color: rgb(102,102,102);
    font-weight: bold;
    margin-bottom: 12px;
    transition: all 400ms;
}

.vision .box .inbox .question .cn .key em {
    font-family: "dincond-medium-webfont";
    color: rgb(102,102,102);
    font-size: 14px;
    font-weight: bold;
    padding-right: 5px;
    letter-spacing: 1px;
    transition: all 400ms;
}

.vision .box .inbox .question .cn .des {
    font-size: 14px;
    color: rgb(102,102,102);
    font-weight: bold;
    line-height: 1.6em;
    transition: all 400ms;
}

.vision .box .inbox .question .shuxian {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 1px;
    height: 100%;
    background-color: #01b2b3;
    transform-origin: center;
    transform: scale(1,0);
    transition: all 400ms;
}

.vision .box .inbox .question.on .cn .key,.vision .box .inbox .question.on .cn .key em,.vision .box .inbox .question.on .cn .des {
    color: #384395;
}

.vision .box .inbox .question.on .shuxian {
    transform: scale(1,1);
}

.vision .box .inbox .question.on .en .key {
    left: 0px;
}

.vision .box .inbox .question.on .en .des {
    left: 0px;
}

.value {
    height: 515px;
    background: url(../images/oac_03.jpg) no-repeat center;
}

.value .box {
    width: 1200px;
    margin: 0 auto;
    box-sizing: border-box;
    padding-right: 655px;
    text-align: right;
    padding-top: 40px;
}

.value .box .bold {
    line-height: 0.8em;
    margin-top: 30px;
    font-size: 14px;
    color: rgb(102,102,102);
    font-weight: bold;
    margin-bottom: 12px;
}

.value .box .des {
    line-height: 1.6em;
    font-size: 14px;
    color: rgb(102,102,102);
}

/*加入龙湖修改*/
.bhfinger {
    width: 215px;
    height: 275px;
    position: absolute;
    top: 0;
    left: 175px;
    text-align: center;
}

.bhfinger span {
    color: #003894;
    display: block;
    padding-top: 5px;
    -webkit-transition: all .3s;
    transition: all .3s;
    font-size: 14px;
    opacity: .7;
    filter: alpha(opacity=70);
}

.bhfinger a:hover span, .bhfinger a.current span {
    color: #003894;
    opacity: 1;
    filter: alpha(opacity=100);
}

.finger-right {
    float: left;
    width: 76px;
}

.finger-wrong {
    float: right;
    width: 76px;
}

.finger-right .icon {
    width: 76px;
    height: 220px;
    overflow: hidden;
    position: relative;
}

.finger-right .icon b {
    background: #01b2b3;
    width: 76px;
    height: 76px;
    display: block;
    position: absolute;
    top: 144px;
    left: 0;
    -webkit-border-radius: 38px;
    border-radius: 38px;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.finger-right a:hover b, .finger-right a.current b {
    top: -76px;
    height: 295px;
}

.icon i {
    width: 76px;
    display: block;
    height: 76px;
    position: absolute;
    bottom: 0;
}

.finger-right .icon i {
    background: url(../images/right.png) no-repeat center center;
    left: 0;
    z-index: 10;
}

.finger-wrong .icon {
    width: 76px;
    height: 220px;
    overflow: hidden;
    position: relative;
}

.finger-wrong .icon b {
    background: #d2f8ed;
    width: 76px;
    height: 76px;
    display: block;
    position: absolute;
    top: 144px;
    left: 0;
    -webkit-border-radius: 38px;
    border-radius: 38px;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.finger-wrong a:hover b, .finger-wrong a.current b {
    top: -76px;
    height: 295px;
}

.finger-wrong .icon i {
    background: url(../images/wrong.png) no-repeat center center;
    right: 0;
    z-index: 10;
}

.bhfinger-body {
    width: 590px;
    /* height: 300px; */
    float: right;
    padding: 25px 0;
}

.bhfinger-body p {
    color: #78978e;
}

.bhfinger-body p em {
    font-weight: bold;
    margin-right: 5px;
    color: #003894;
}

.bhfinger-title {
    margin-bottom: 15px;
}

.bhfinger-title i {
    display: block;
    font-family: "dincond-medium-webfont";
    color: #fff;
    font-size: 32px;
    font-style: normal;
    line-height: 30px;
}

.bhfinger-title b {
    font-size: 16px;
    font-weight: bold;
    color: #fff;
}

.bhfinger-title em {
    display: block;
    font-family: "dincond-medium-webfont";
    color: #003894;
    font-size: 32px;
    font-style: normal;
    line-height: 30px;
    margin-bottom: 5px;
}

.bhfinger-title strong {
    font-size: 16px;
    font-weight: bold;
    color: #003894;
}

.bhbox {
    width: 1130px;
    padding: 30px 35px 20px;
    background: #fff;
    font-size: 13px;
    line-height: 24px;
    color: #818181;
    position: fixed;
    height: 615px;
    top: 50%;
    left: 50%;
    margin-left: -600px;
    margin-top: -307.5px;
    z-index: 120;
}

.mailbox.bhbox {
    height: 420px;
    margin-top: -210px;
}

.mailbox .bhbody p {
    line-height: 28px;
    margin-bottom: 0;
    color: #817d77;
}

.bh-cont {
    margin-bottom: 15px;
    overflow: hidden;
}

.bhbody p {
    line-height: 28px;
    margin-bottom: 0;
    color: #817d77;
}

.btn-mask-close {
    display: block;
    width: 42px;
    height: 42px;
    background: url(../images/icon-close.png) no-repeat;
    position: absolute;
    right: 0;
    top: -60px;
    background-size: cover;
}

#rightbox {
    height: 300px;
    margin-top: -150px;
}

#wrongbox {
    height: 300px;
    margin-top: -150px;
}

p.icon-mail {
    display: block;
    width: 54px;
    height: 30px;
    padding-top: 54px;
    background: url(../images/icon-mail.png) no-repeat center top;
    font-size: 16px;
    color: #fb9824;
    text-align: center;
    margin: 0 auto;
}

h5.mailtitle {
    text-align: center;
}

.maillist {
    overflow: hidden;
    padding-top: 20px;
}

.maillist li {
    width: 33%;
    float: left;
    line-height: 35px;
}

.maillist li p {
    color: #817d77;
    margin-bottom: 0;
}

/*企业公民 修改样式*/
.shbg1 h2, .shbg1-2 h2, .shbg2 h2, .shbg3 h2, .shbg4 h2, .shbg5 h2 {
    font-size: 52px;
    font-family: dincond-medium-webfont;
    text-transform: uppercase;
}

.shbg1 {
    position: relative;
    background: url(../images/sh-bg1.jpg) no-repeat;
    height: 372px;
}

.shbg1 .w1200, .shbg1-2 .w1200, .shbg2 .w1200 {
    position: absolute;
    top: 0;
    left: 230px;
}

.shbg1-l {
    width: 540px;
    color: #666;
    left: 0;
}

.shbg1-l h2 {
    padding-top: 150px;
    color: #666;
    letter-spacing: -3px;
    word-spacing: 5px;
    font-size: 58px;
}

.shbg1-l h3 {
    font-size: 22px;
    text-align: right;
    font-family: "微软雅黑";
    color: #666;
    font-weight: bolder;
}

.shbg1-r {
    width: 330px;
    height: 100%;
    margin-left: 163px;
}

.shbg1-r p {
    color: #DDDDDD;
    margin-top: 160px;
    font-size: 12px;
}

.shbg1-2 {
    position: relative;
    background: url(../images/sh-bg1-2.jpg) no-repeat;
    background-size: 100% 100%;
    height: 498px;
}

.shbg1-2 h2 {
    color: #fff;
    width: 510px;
    padding-top: 25px;
    line-height: 40px;
}

.shbg1-2 h3 {
    color: #fff;
    font-size: 20px;
    font-family: "微软雅黑";
    font-weight: bold;
    padding-bottom: 20px;
}

.shbg1-2 p {
    font-size: 14px;
    font-family: "微软雅黑";
    color: #333;
    margin-top: 15px;
}

.shbg1-2 p span {
    font-size: 52px;
    font-family: dincond-medium-webfont;
    color: #333;
}

.shbg2 {
    height: 501px;
    position: relative;
    background: url(../images/shbg2.jpg) no-repeat;
    background-size: 100% 100%;
    height: 498px;
}

.shbg2 h2 {
    color: #fff;
    width: 600px;
    padding-top: 40px;
}

.shbg2 p {
    color: #fff;
    width: 262px;
    margin-top: 15px;
}

.shbg2 p span, .shbg4 p span, .shbg5-c p span {
    color: #fff;
    font-size: 52px;
    font-family: dincond-medium-webfont;
}

.shbg3 {
    background: url(../images/sh-bg3.jpg) no-repeat center center;
    height: 702px;
    background-size: cover;
    width: 100%;
}

.shbg3-l {
    width: 580px;
    position: relative;
    text-align: right;
}

.shbg3 p {
    font-size: 14px;
    color: #333;
    width: 200px;
    position: absolute;
}

.shbg3-l p.p1 {
    padding-top: 292px;
    right: 0;
}

.shbg3-l p.p2 {
    right: 0;
    padding-top: 628px;
}

.shbg3-r {
    width: 620px;
    position: relative;
}

.shbg3-r p {
    right: -200px;
}

.shbg3-r p.p3 {
    padding-top: 178px;
}

.shbg3-r p.p4 {
    padding-top: 258px;
}

.shbg3-r p.p5 {
    padding-top: 293px;
}

.shbg3-r p.p6 {
    padding-top: 490px;
}

.shbg3-r p.p7 {
    padding-top: 540px;
}

.shbg3-r p.p8 {
    padding-top: 572px;
}

.shbg4 {
    background: url(../images/shbg4.jpg) no-repeat center top;
    height: 501px;
}

.shbg4-c {
    padding-left: 630px;
    width: 433px;
    padding-top: 40px;
}

.shbg4-c h2 {
    font-size: 52px;
    font-family: dincond-medium-webfont;
    color: #fff;
    line-height: 40px;
}

.shbg4-c h3, .shbg5-c h3 {
    color: #fff;
    font-size: 22px;
}

.shbg4-c p, .shbg4-c b, .shbg5-c p {
    color: #fff;
}

.t20 {
    margin-top: 20px;
}

.t45 {
    margin-top: 35px;
}

.t50 {
    margin-top: 50px;
}

.shbg5 {
    background: url(../images/shbg5.jpg) no-repeat center top;
    height: 514px;
}

.shbg5-c {
    margin-left: 630px;
    padding-top: 160px;
}

.shbg5-c h2 {
    color: #fff;
    line-height: 40px;
    width: 330px;
}

.shbg5-c h4 {
    color: #fff;
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
}

.shbg5-c p {
    font-size: 12px;
    color: #fff;
    line-height: 22px;
}

/*企业公民 修改样式*/
/*人在龙湖*/
.shbg1, .shbg2, .shbg3 {
    width: 100%;
}

.shbg1 img, .shbg2 img, .shbg3 img {
    width: 100%;
}

.dev-div {
    width: 100%;
    height: 468px;
    background: #003894 url(../images/study-bg.jpg) no-repeat left bottom;
}

.dev-photo {
    width: 829px;
    height: 468px;
    position: relative;
    float: left;
}

.dev-box {
    width: 829px;
    margin: 0 auto;
    height: 468px;
    overflow: hidden;
    position: relative;
}

.dev-box ul {
}

.dev-box ul li {
    width: 829px;
    height: 468px;
    position: absolute;
    top: 0;
    left: 0;
}

.dev-box li p {
    position: absolute;
    width: 100%;
    height: 100px;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0.6) none repeat scroll !important;
    background: #000;
    filter: Alpha(opacity=60);
    color: #fff;
    text-align: center;
}

.dev-box a b {
    display: block;
    padding-top: 25px;
    font-size: 24px;
    font-weight: normal;
    font-family: "novecento-widenormal";
    margin-bottom: 5px;
}

.dev-box a span {
    color: #fff;
    font-size: 13px;
}

a.dev-left {
    display: block;
    width: 79px;
    height: 79px;
    background: url(../images/pleft-btn1.png) no-repeat;
    position: absolute;
    top: 50%;
    margin-top: -40px;
    left: 20px;
    -webkit-border-radius: 80px;
    border-radius: 80px;
    -webkit-transition: background-color .3s;
    transition: background-color .3s;
    z-index: 10;
}

a.dev-left:hover {
    background: url(../images/pleft-btn1-hover.png) no-repeat;
}

a.dev-right {
    display: block;
    width: 79px;
    height: 79px;
    background: url(../images/pright-btn1.png) no-repeat;
    position: absolute;
    top: 50%;
    margin-top: -40px;
    right: 20px;
    -webkit-border-radius: 80px;
    border-radius: 80px;
    -webkit-transition: background-color .3s;
    transition: background-color .3s;
    z-index: 10;
}

a.dev-right:hover {
    background: url(../images/pright-btn1-hover.png) no-repeat;
}

/*a.dev-left{display:block;width:79px;height:79px;background:#ffffff url(../images/dev-left.png) no-repeat center center;position:absolute;top:50%;margin-top:-40px;left:0;-webkit-border-radius:80px;border-radius:80px;-webkit-transition: background-color .3s;transition: background-color .3s;}a.dev-left:hover{background:#fb9000 url(../images/dev-left2.png) no-repeat center center;}a.dev-right{display:block;width:79px;height:79px;background:#ffffff url(../images/dev-right.png) no-repeat center center;position:absolute;top:50%;margin-top:-40px;right:0;-webkit-border-radius:80px;border-radius:80px;-webkit-transition: background-color .3s;transition: background-color .3s;}a.dev-right:hover{background:#fb9000 url(../images/dev-right2.png) no-repeat center center;}*/
.dev-box span.pageState {
    color: #fff;
    position: absolute;
    top: 335px;
    right: 10px;
    line-height: 20px;
    font-size: 14px;
}

.dev-box span.pageState span {
    font-size: 18px;
    color: #fff;
    font-weight: bold;
}

.dev-other {
    position: absolute;
    width: 829px;
    height: 100px;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0.6) none repeat scroll !important;
    background: #000;
    filter: Alpha(opacity=60);
    color: #fff;
    text-align: center;
}

.dev-info {
    width: 350px;
    float: right;
}

.dev-info-title {
    margin-top: 30px;
    display: none;
}

.dev-info-title .date {
    color: #fff;
    font-size: 28px;
    font-family: "miso-bold-webfont";
    line-height: 30px;
    font-weight: normal;
}

.dev-info-title .title {
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    line-height: 30px;
}

.small-pic {
    width: 475px;
    height: 59px;
    position: absolute;
    top: 20px;
    left: 50%;
    margin-left: -232.5px;
}

.small-pic-box {
    width: 415px;
    height: 59px;
    overflow: hidden;
    margin-left: 30px;
    position: relative;
}

.small-pic-box ul {
    position: absolute;
    left: 0;
    top: 0;
    width: 279px;
}

.small-pic-box li {
    float: left;
    margin-right: 5px;
}

.small-pic-box .on a, .small-pic-box li:hover a {
    border: 3px solid #fb9000;
}

.small-pic-box li a {
    display: block;
    border: 3px solid #fff;
    overflow: hidden;
}

.small-pic-box li a img {
    display: block;
}

a.small-left {
    display: block;
    width: 17px;
    height: 28px;
    background: url(../images/spic-left.png) no-repeat;
    position: absolute;
    top: 17px;
    left: 2px;
}

a.small-right {
    display: block;
    width: 17px;
    height: 28px;
    background: url(../images/spic-right.png) no-repeat;
    position: absolute;
    top: 17px;
    right: 2px;
}

.dev-other h4 {
    position: absolute;
    width: 230px;
    height: 68px;
    left: 20px;
    top: 24px;
    text-align: left;
}

.dev-other h4 a {
    color: #fff;
    display: none;
}

.dev-other h4 i {
    display: block;
    font-size: 24px;
    font-weight: normal;
    font-family: "novecento-widenormal";
    margin-bottom: 5px;
    font-style: normal;
}

.emp-div {
    width: 100%;
    height: 468px;
    position: relative;
}

.emp-lbg {
    width: 40%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #00b2b2;
}

.emp-rbg {
    width: 60%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background: #00b2b2 url(../images/emp-bg.jpg) no-repeat 90% bottom;
}

.emp-div .w1200 {
    position: relative;
    z-index: 10;
}

.emp-left {
    width: 375px;
    float: left;
    height: 468px;
    background: #00b2b2;
}

.emp-right {
    width: 825px;
    float: right;
    height: 468px;
    overflow: hidden;
    position: relative;
}

i.icon-photo {
    display: block;
    width: 92px;
    height: 92px;
    background: url(../images/photo-bg.jpg) no-repeat;
    margin-top: 80px;
}

h3.emp-title {
    color: #fff;
    margin-top: 100px;
}

h3.emp-title i {
    font-family: "dincond-medium-webfont";
    font-size: 52px;
    font-style: normal;
    display: block;
    line-height: 50px;
}

h3.emp-title b {
    font-size: 16px;
}

a.emp-prev {
    display: block;
    width: 79px;
    height: 79px;
    background: url(../images/rd-leftbtn.png) no-repeat;
    -webkit-border-radius: 80px;
    border-radius: 80px;
    -webkit-transition: background-color .3s;
    transition: background-color .3s;
    position: absolute;
    top: 195px;
    left: 20px;
    z-index: 10;
}

a.emp-prev:hover {
    background: url(../images/rd-leftbtn-hover.png) no-repeat;
}

a.emp-next {
    display: block;
    width: 79px;
    height: 79px;
    background: url(../images/rd-rightbtn.png) no-repeat;
    -webkit-border-radius: 80px;
    border-radius: 80px;
    -webkit-transition: background-color .3s;
    transition: background-color .3s;
    position: absolute;
    top: 195px;
    right: 20px;
    z-index: 10;
}

a.emp-next:hover {
    background: url(../images/rd-rightbtn-hover.png) no-repeat;
}

.emp-photo {
    width: 825px;
    height: 468px;
    overflow: hidden;
    position: relative;
}

.emp-photo ul li {
    float: left;
    width: 825px;
    height: 468px;
    position: absolute;
    top: 0;
    left: 0;
}

.emp-photo li p {
    position: absolute;
    width: 100%;
    height: 100px;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0.7) none repeat scroll !important;
    background: #000;
    filter: Alpha(opacity=70);
    color: #fff;
    text-align: center;
}

.emp-photo a b {
    display: block;
    padding-top: 25px;
    font-size: 24px;
    font-weight: normal;
    font-family: "novecento-widenormal";
    margin-bottom: 5px;
}

.emp-photo a span {
    color: #fff;
    font-size: 13px;
}

.emp-photo span.pageState {
    color: #fff;
    position: absolute;
    top: 330px;
    right: 10px;
    line-height: 20px;
    font-size: 14px;
}

.emp-photo span.pageState span {
    font-size: 18px;
    color: #fff;
    font-weight: bold;
}

.emp-other {
    position: absolute;
    width: 829px;
    height: 100px;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0.6) none repeat scroll !important;
    background: #000;
    filter: Alpha(opacity=60);
    color: #fff;
    text-align: center;
}

.emp-small-pic {
    width: 475px;
    height: 76px;
    position: absolute;
    top: 23px;
    left: 50%;
    margin-left: -232.5px;
}

.emp-small-pic-box {
    width: 415px;
    height: 59px;
    overflow: hidden;
    margin-left: 30px;
    position: relative;
}

.emp-small-pic-box ul {
    position: absolute;
    left: 0;
    top: 0;
    width: 420px;
}

.emp-small-pic-box li {
    float: left;
    margin-right: 5px;
}

.emp-small-pic-box .on a, .emp-small-pic-box li:hover a {
    border: 3px solid #fb9000;
}

.emp-small-pic-box li a {
    display: block;
    border: 3px solid #fff;
    overflow: hidden;
}

.emp-small-pic-box li a img {
    display: block;
}

a.emp-small-left {
    display: block;
    width: 17px;
    height: 28px;
    background: url(../images/spic-left.png) no-repeat;
    position: absolute;
    top: 18px;
    left: 2px;
}

a.emp-small-right {
    display: block;
    width: 17px;
    height: 28px;
    background: url(../images/spic-right.png) no-repeat;
    position: absolute;
    top: 18px;
    right: 2px;
}

.emp-other h4 {
    position: absolute;
    width: 230px;
    height: 68px;
    left: 20px;
    top: 24px;
    text-align: left;
}

.emp-other h4 a {
    color: #fff;
    display: none;
}

.emp-other h4 i {
    display: block;
    font-size: 24px;
    font-weight: normal;
    font-family: "novecento-widenormal";
    margin-bottom: 5px;
    font-style: normal;
}

#cs-slide .w1200 {
    height: 468px;
}

.cs-other {
    position: absolute;
    width: 831px;
    height: 100px;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0.6) none repeat scroll !important;
    background: #000;
    filter: Alpha(opacity=60);
    color: #fff;
    text-align: center;
    z-index: 10;
}

.cs-small-pic {
    width: 578px;
    height: 76px;
    position: absolute;
    top: 23px;
    right: 50%;
    margin-right: -289px;
}

.cs-small-pic-box {
    width: 530px;
    height: 59px;
    overflow: hidden;
    margin-left: 30px;
    position: relative;
}

.cs-small-pic-box ul {
    position: absolute;
    left: 0;
    top: 0;
    width: 525px;
}

.cs-small-pic-box li {
    float: left;
    margin-right: 5px;
}

.cs-small-pic-box .on a, .cs-small-pic-box li:hover a {
    border: 3px solid #fb9000;
}

.cs-small-pic-box li a {
    display: block;
    border: 3px solid #fff;
    overflow: hidden;
}

.cs-small-pic-box li a img {
    display: block;
}

a.cs-small-left {
    display: block;
    width: 17px;
    height: 28px;
    background: url(../images/spic-left.png) no-repeat;
    position: absolute;
    top: 18px;
    left: 2px;
}

a.cs-small-right {
    display: block;
    width: 17px;
    height: 28px;
    background: url(../images/spic-right.png) no-repeat;
    position: absolute;
    top: 18px;
    right: 2px;
}

.cs-other h4 {
    position: absolute;
    width: 230px;
    height: 68px;
    left: 20px;
    top: 24px;
    text-align: left;
}

.cs-other h4 a {
    color: #fff;
    display: none;
}

.cs-other h4 i {
    display: block;
    font-size: 24px;
    font-weight: normal;
    font-family: "novecento-widenormal";
    margin-bottom: 5px;
    font-style: normal;
}

.join-intro-bg {
    width: 100%;
    height: 412px;
    background: url(../images/join-intro.jpg) no-repeat center center;
}

.join-intro {
    position: relative;
    width: 520px;
    float: right;
    margin-top: 225px;
    margin-right: 50px;
}

.join-intro p {
    margin-bottom: 15px;
    font-size: 13px;
    color: #fff;
}

.join-intro h1 {
    width: 400px;
    position: absolute;
    top: -152px;
    line-height: 20px;
    left: 0px;
}

.join-intro h1 i {
    font-size: 40px;
    color: #fff;
    font-style: normal;
    font-family: "dincond-medium-webfont";
}

.join-intro h1 b {
    color: #fff;
    font-size: 18px;
    font-weight: normal;
}

/*社会招聘*/
.mb10 {
    margin-bottom: 10px;
}

.social-div {
    width: 100%;
    background: #404473;
}

.two-pic {
    width: 1200px;
    height: 166px;
    margin: 0 auto;
    margin-bottom: 10px;
}

.two-pic a {
    width: 595px;
    height: 166px;
    display: block;
}

a.first {
    background: url(../images/zp1.jpg) no-repeat;
    float: left;
}

a.first:hover {
    background: url(../images/zp1h.jpg) no-repeat;
}

a.second {
    background: url(../images/zp2.jpg) no-repeat;
    position: relative;
    float: right;
}

a.second:hover {
    background: url(../images/zp2h.jpg) no-repeat;
}

.zpewm {
    width: 180px;
    height: 0;
    position: absolute;
    bottom: 164px;
    left: 50%;
    margin-left: -90px;
    z-index: 10;
    -webkit-transition: all .3s;
    transition: all .3s;
    overflow: hidden;
}

.hover .zpewm {
    height: 183px;
}

.join-title {
    padding-top: 50px;
}

.join-title a {
    width: 132px;
    height: 108px;
    display: block;
    float: right;
    background: #eeeeee;
    margin-left: 5px;
    text-align: center;
    -webkit-transition: background-color .3s;
    transition: background-color .3s;
    position: relative;
}

.join-title .sewm {
    width: 132px;
    height: 0px;
    position: absolute;
    bottom: 108px;
    right: 0;
    -webkit-transition: all .3s;
    transition: all .3s;
    overflow: hidden;
}

.join-title a:hover .sewm {
    height: 132px;
}

.join-title a:hover {
    background: #ede5d9;
}

.join-title a i {
    display: block;
    margin: 25px auto 0;
}

i.school {
    width: 42px;
    height: 39px;
    background: url(../images/icon-home.png) no-repeat;
}

i.timer {
    width: 42px;
    height: 39px;
    background: url(../images/icon-business.png) no-repeat;
}

i.user {
    width: 39px;
    height: 39px;
    background: url(../images/icon-user.png) no-repeat;
}

.join-title a span {
    color: #565051;
    line-height: 24px;
    padding-top: 5px;
    display: inline-block;
}

.social-p {
    width: 628px;
    height: 225px;
    background: url(../images/soc-cbg.jpg) no-repeat;
    float: right;
    padding: 40px 45px;
    margin-bottom: 5px;
}

.social-p.cp2 {
    background: url(../images/soc-cbg2.jpg) no-repeat;
}

.social-p.cp3 {
    background: url(../images/soc-cbg3.jpg) no-repeat;
}

.social-p p {
    color: #fff;
    margin-bottom: 10px;
}

a.soc-btn {
    display: block;
    padding: 10px 20px;
    background: #c2e6bf;
    -webkit-border-radius: 35px;
    border-radius: 35px;
    float: left;
    margin: 10px 10px 0 0;
    color: #35334a;
    -webkit-transition: background-color .3s;
    transition: background-color .3s;
}

a.soc-btn:hover {
    background: #fff;
}

/*校园招聘*/
.block {
    display: block;
}

.campus-div {
    width: 100%;
    /*height:1140px;*/
    background: #404473;
    padding-top: 40px;
}

.campus-cont .block {
    width: 482px;
    height: 305px;
    position: relative;
}

.campus-cont .inline-box {
    width: 320px;
    height: 50px;
    display: block;
    position: absolute;
    top: 160px;
    left: 50%;
    margin-left: -160px;
    text-align: center;
}

.inline-box .inline {
    display: inline-block;
    padding: 16px;
    color: #fff;
    background: #fe9f21;
    font-size: 13px;
    font-weight: bold;
}

#campus-banner {
    width: 100%;
    height: 407px;
    position: relative;
    -webkit-animation: all .3s;
    animation: all .3s;
    *z-index: 10;
}

#campus-banner .w1200 {
    height: 100%;
}

.banner li {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}

.banner li a {
    display: block;
    width: 100%;
    height: 100%;
}

.bannerindex {
    text-align: center;
    z-index: 10;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 40px;
    height: 16px;
    *width: 140px;
    *left: 50%;
    *margin-left: -70px;
}

.bannerindex dd {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 0px 3px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    border: 2px solid #fff;
    cursor: pointer;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    _zoom: 1;
    *display: block;
    *float: left;
}

.bannerindex dd.on {
    background-color: #fff;
    border: 2px solid #fff;
}

/*企业介绍*/
.container-div {
    width: 1199px;
    margin: 0 auto;
    background: url(../images/about-bg.jpg) repeat-y center center;
}

.container-left {
    width: 419px;
    float: left;
    padding-bottom: 30px;
}

.container-right {
    width: 700px;
    float: right;
    padding: 38px 38px 0 38px;
    overflow: hidden;
}

.container-right img {
    max-width: 700px;
}

.leftmenu {
    padding-top: 28px;
}

.leftmenu li {
    height: 37px;
    line-height: 37px;
    margin-bottom: 15px;
    text-align: right;
}

.leftmenu li a {
    display: inline-block;
    color: #666;
    font-size: 13px;
    padding-right: 40px;
    padding-left: 10px;
    font-weight: bold;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.leftmenu .current a, .leftmenu li a:hover {
    background: #d7d7e2;
    color: #303860;
}

.shiguan-div > div {
    display: none;
}

.instock {
    width: 379px;
    height: 140px;
    overflow: hidden;
    background: #d8e0ee;
    padding: 40px 40px 0 0;
}

.instock.title {
    height: 80px;
    padding: 60px 40px 0 0;
}

.instock p {
    color: #a2b2cd;
    font-size: 12px;
    text-align: right;
}

.instock p strong {
    display: block;
    font-size: 20px;
}

.instock h5 {
    font-family: "dincond-medium-webfont";
    font-size: 68px;
    color: #003894;
    text-align: right;
    line-height: 60px;
    letter-spacing: -3px;
}

.container-div .integrity-info {
    padding-left: 40px;
    width: 339px;
}

.container-div .integrity-info p {
    text-align: left;
    color: #303860;
    font-size: 14px;
    line-height: 28px;
}

.data-box {
    width: 220px;
    height: auto;
    float: right;
    margin-top: 40px;
}

.data-box h4 {
    background: url(../images/about-menu.png) no-repeat;
    width: 169px;
    height: 60px;
    line-height: 60px;
    color: #fff;
    text-align: center;
    font-size: 20px;
    float: right;
    margin-bottom: 5px;
}

.data-box dl {
    float: right;
    width: 220px;
}

.data-box dd {
    display: inline-block;
    padding: 0 35px 0 10px;
    background: #d8e0ee;
    margin-top: 2px;
    text-align: right;
    color: #666666;
    float: right;
    border-radius: 22px 0 0 22px;
    height: 43px;
    line-height: 43px;
}

.data-box dd strong {
    color: #003894;
    font-size: 30px;
    font-family: "dincond-medium-webfont";
    letter-spacing: -3px;
    display: inline-block;
    padding-right: 8px;
    font-weight: normal;
}

.since {
    overflow: hidden;
    margin-bottom: 20px;
}

.since h5 {
    font-size: 20px;
    color: #003894;
    font-weight: bold;
}

.since .en {
    color: #00b0af;
    font-size: 68px;
    font-family: "dincond-medium-webfont";
    letter-spacing: -3px;
    line-height: 60px;
    float: left;
}

.since span, .since em {
    float: left;
    font-size: 20px;
    line-height: 26px;
    color: #7a7a7a;
    margin-left: 8px;
    padding-top: 5px;
}

.about-div p {
    margin-bottom: 15px;
}

.about-div p strong {
    color: #1c2c71;
}

/*管理团队*/
.team-list li {
    padding: 30px;
    background: #fff;
    margin-bottom: 10px;
}

.team-list li h3 {
    color: #6c7188;
    font-size: 16px;
    margin-bottom: 15px;
}

a.btn-ajax {
    display: block;
    width: 79px;
    height: 79px;
    background: url(../images/icon-ajax.png) no-repeat;
    margin: 40px auto 40px;
}

.teamtype a {
    display: block;
    width: 379px;
    height: 140px;
    padding: 40px 40px 0 0;
    text-align: right;
    position: relative;
    -webkit-transition: background .3s;
    transition: background .3s;
    margin-top: 2px;
}

.teamtype a.current, .teamtype a:hover {
    background: #d8e0ee;
}

.teamtype a i {
    display: block;
    color: #a2b2cd;
    font-style: normal;
    font-size: 24px;
    font-family: "opensans-regular-webfont";
    line-height: 26px;
    margin-bottom: 3px;
}

.teamtype a span {
    display: block;
    color: #003894;
    font-size: 20px;
    font-weight: bold;
}

.teamtype a b {
    display: block;
    width: 18px;
    height: 21px;
    background: url(../images/team-dir.png) no-repeat;
    position: absolute;
    top: 50%;
    margin-top: -10px;
    right: -18px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.teamtype .current b, .teamtype a:hover b {
    visibility: visible;
    opacity: 1;
}

/*企业年志*/
.history-bg {
    background: #f6f9ff url(../images/history-bg.jpg) no-repeat right bottom;
    padding-bottom: 100px;
    width: 100%;
    padding-top: 40px;
    overflow: hidden;
}

.historybox {
    width: 1300px;
    margin: 0 auto;
    background: url(../images/hbox-bg.jpg) repeat-y center center;
    overflow: hidden;
}

.historybox li {
    width: 655px;
    padding-bottom: 40px;
    position: relative;
    margin-bottom: 15px;
}

.historybox .hl {
    float: left;
    text-align: right;
}

.historybox .hr {
    float: right;
}

.hr .historycont {
    padding-left: 50px;
}

.hl .historycont {
    padding-right: 55px;
}

.historybox li h4 {
    color: #0048a3;
    font-family: "ocrb10n-webfont";
    font-size: 36px;
    letter-spacing: -3px;
    margin-bottom: 10px;
    padding-top: 15px;
}

.historybox li p {
    padding-left: 6px;
}

i.hs-point {
    display: block;
    width: 74px;
    height: 74px;
    background: url(../images/point1.png) no-repeat;
    position: absolute;
    top: 0;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.hr i.hs-point {
    left: -32px;
}

.hl i.hs-point {
    right: -32px;
}

.historybox li:hover i.hs-point {
    background: url(../images/point2.png) no-repeat;
}

/*企业公民*/
#cs-slide {
    width: 100%;
    height: 468px;
    position: relative;
    -webkit-animation: all .3s;
    animation: all .3s;
    *z-index: 10;
    background: #2c7046;
    overflow: hidden;
    margin: 0 auto;
}

#cs-slide .cs-pic {
    position: absolute;
    width: 831px;
    height: 468px;
    top: 0;
    left: 0;
    overflow: hidden;
}

#cs-slide a.btn-left {
    display: block;
    width: 79px;
    height: 79px;
    background: url(../images/ps7-leftbtn.png) center no-repeat;
    position: absolute;
    top: 50%;
    margin-top: -40px;
    left: 40px;
    -webkit-border-radius: 80px;
    border-radius: 80px;
    -webkit-transition: background-color .3s;
    transition: background-color .3s;
}

#cs-slide a.btn-left:hover {
    background: url(../images/ps7-leftbtn-hover.png) center no-repeat;
}

#cs-slide a.btn-right {
    display: block;
    width: 79px;
    height: 79px;
    background: url(../images/ps7-rightbtn.png) no-repeat;
    position: absolute;
    top: 50%;
    margin-top: -40px;
    right: 40px;
    -webkit-border-radius: 80px;
    border-radius: 80px;
    -webkit-transition: background-color .3s;
    transition: background-color .3s;
}

#cs-slide a.btn-right:hover {
    background: url(../images/ps7-rightbtn-hover.png) no-repeat;
}

/*#cs-slide a.btn-left{display:block;width:79px;height:79px;background:#ffffff url(../images/dev-left.png) no-repeat center center;position:absolute;top:50%;margin-top:-40px;left:40px;-webkit-border-radius:80px;border-radius:80px;-webkit-transition: background-color .3s;transition: background-color .3s;}#cs-slide a.btn-left:hover{background:#fb9000 url(../images/dev-left2.png) no-repeat center center;}#cs-slide a.btn-right{display:block;width:79px;height:79px;background:#ffffff url(../images/dev-right.png) no-repeat center center;position:absolute;top:50%;margin-top:-40px;right:40px;-webkit-border-radius:80px;border-radius:80px;-webkit-transition: background-color .3s;transition: background-color .3s;}#cs-slide a.btn-right:hover{background:#fb9000 url(../images/dev-right2.png) no-repeat center center;}*/
.cs-pic span.pageState {
    color: #fff;
    position: absolute;
    top: 330px;
    right: 10px;
    line-height: 20px;
    font-size: 14px;
}

.cs-pic span.pageState span {
    font-size: 18px;
    color: #fff;
    font-weight: bold;
}

.cs-info {
    position: absolute;
    right: 0;
    top: 130px;
    width: 350px;
}

.cs-info dd {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.cs-info .date {
    color: #9fb7a7;
    font-size: 20px;
    line-height: 24px;
}

.cs-info .tt {
    color: #9fb7a7;
    margin-bottom: 10px;
    font-size: 14px;
}

.cs-info p {
    color: #9fb7a7;
}

.cit-div {
    text-align: center;
    width: 515px;
    margin: 35px auto 30px;
}

h3.cit-title {
    color: #2c7046;
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 20px;
    font-weight: bold;
}

.cit-div p {
    color: #666666;
}

.cit-div p strong {
    font-size: 14px;
}

.cit-div p img {
    padding-top: 40px;
}

.citcont {
    padding: 40px 0;
    background: #5465ab;
    overflow: hidden;
}

h4.citcont-title {
    color: #fff;
    text-align: center;
    font-size: 20px;
    margin-top: 40px;
    padding-bottom: 40px;
    background: url(../images/dir2.png) no-repeat center bottom;
}

.citcont-left, .citcont-right {
    width: 390px;
    padding-top: 60px;
}

.citcont-img {
    padding-top: 20px;
}

.citbox {
    margin-bottom: 20px;
}

.citbox p {
    color: #acbcff;
}

.citbox p strong {
    display: block;
    font-size: 14px;
}

i.icon {
    display: block;
    margin-bottom: 5px;
}

.icon1 {
    width: 44px;
    height: 29px;
    background: url(../images/icon1.png) no-repeat;
}

.icon2 {
    width: 40px;
    height: 39px;
    background: url(../images/icon2.png) no-repeat;
}

.icon3 {
    width: 42px;
    height: 39px;
    background: url(../images/icon3.png) no-repeat;
}

.citbox i.icon4 {
    width: 49px;
    height: 38px;
    background: url(../images/icon4.png) no-repeat;
    margin-bottom: 8px;
}

.citcont-img {
    width: 328px;
    float: left;
    margin-left: 46px;
}

.citcont-img span {
    display: block;
    color: #fff;
    text-align: center;
    font-size: 12px;
    padding-bottom: 30px;
}

.citcont-img p {
    width: 328px;
    height: 326px;
    position: relative;
}

.citcont-img i, .citcont-img em {
    display: block;
    width: 65px;
    height: 65px;
    position: absolute;
}

.citcont-img .point1 {
    left: 132px;
    top: 27px;
}

.citcont-img .point2 {
    left: 28px;
    top: 98px;
}

.citcont-img .point3 {
    left: 61px;
    bottom: 37px;
}

.citcont-img .point4 {
    right: 70px;
    bottom: 37px;
}

.citcont-img .point5 {
    right: 26px;
    top: 109px;
}

.citcont-img i span, .citcont-img em span {
    display: block;
    width: 185px;
    height: 123px;
    position: absolute;
    top: -65px;
    text-align: center;
    padding-top: 90px;
    font-style: normal;
    -webkit-transition: all .3s;
    transition: all .3s;
    visibility: hidden;
    opacity: 0;
    color: #333;
}

.citcont-img i:hover span, .citcont-img em:hover span {
    visibility: visible;
    opacity: 1;
}

span.panel-right {
    background: url(../images/tip2.png) no-repeat;
    right: 65px;
}

span.panel-left {
    background: url(../images/tip.png) no-repeat;
    left: 65px;
}

.edu-cont p {
    text-align: center;
    padding-top: 30px;
    color: #acbcff;
}

.edu-cont p strong {
    display: block;
    font-size: 14px;
    color: #fff;
}

.donate-list {
    width: 720px;
    margin: 20px auto 0;
}

.donate-list li {
    display: block;
    width: 145px;
    height: 130px;
    float: left;
    margin: 0 15px;
}

.donate-list h4 {
    width: 74px;
    height: 82px;
    background: url(../images/year.png) no-repeat;
    margin: 0 auto;
    text-align: center;
    line-height: 72px;
    margin-bottom: 10px;
}

.donate-list h4 strong {
    font-family: "dincond-medium-webfont";
    font-size: 30px;
    color: #5465ab;
    font-weight: normal;
}

.donate-list p {
    text-align: center;
    color: #acbcff;
}

.donate-list p strong {
    font-family: "dincond-medium-webfont";
    font-size: 26px;
    font-weight: normal;
}

/*下拉插件样式*/
.mod-dropdownlist {
    display: block;
    width: 165px;
    border: 1px solid #fff;
    height: 43px;
    padding: 0 20px;
    -webkit-border-radius: 40px;
    border-radius: 40px;
    margin: 0 auto;
}

.mod-dropdownlist .dropdown-select {
    color: #fff;
    cursor: default;
    display: inline-block;
    *display: inline;
    height: 43px;
    line-height: 43px;
    overflow: hidden;
    *zoom: 1; -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 14px;
    cursor: pointer;
}

.mod-dropdownlist .dropdown-select:visited,.mod-dropdownlist .dropdown-select:hover,.mod-dropdownlist .dropdown-select:active {
    color: #fff;
}

.mod-dropdownlist .dropdown-select .dropdown-input {
    zoom: 1; overflow: hidden;
    font-size: 12px;
    line-height: 43px;
    float: left;
    height: 43px;
    color: #fff;
}

.mod-dropdownlist .dropdown-select .dropdown-icon {
    background: transparent url(../images/dir.png) no-repeat center center;
    width: 30px;
    padding: 0 0;
    zoom: 1; font-size: 14px;
    line-height: 43px;
    float: left;
    height: 43px;
}

.mod-dropdownlist .dropdown-select:hover .dropdown-icon {
    background: transparent url(../images/dir.png) no-repeat center center;
}

.mod-dropdownlist .dropdown-list {
    background: #fff;
    display: block;
    overflow: hidden;
    padding: 0;
}

.mod-dropdownlist .dropdown-options {
    background: #fff;
    display: block;
    overflow: hidden;
    overflow-y: auto;
    padding: 0;
    margin: 0;
}

.mod-dropdownlist .dropdown-options li {
    margin: 0;
    padding: 0;
}

.mod-dropdownlist .dropdown-options li a {
    color: #666;
    cursor: default;
    display: block;
    padding: 0 5px;
    white-space: nowrap;
    width: 95%;
    font-size: 12px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
}

.mod-dropdownlist .dropdown-options li a:hover {
    background-color: #eee;
    color: #666;
}

.mod-dropdownlist .dropdown-options li.dropdown-options-focus a,.mod-dropdownlist .dropdown-options li.dropdown-options-focus a:hover {
    background-color: #c9c9c9;
    color: #fff;
}

.mod-dropdownlist .dropdown-list .dropdown-custombox {
    border-top: 1px solid #ccc;
}

/*龙湖动态*/
.media-contact {
    width: 215px;
    height: 150px;
    margin: 30px auto;
}

.media-contact h4 {
    color: #303860;
    font-size: 24px;
    padding-top: 55px;
    background: url(../images/icon-mail_1.png) no-repeat center 15px;
    text-align: center;
}

.media-contact p {
    text-align: center;
    color: #303860;
    font-size: 14px;
}

.btn-contact {
    color: #fff;
    display: block;
    width: 99px;
    height: 35px;
    margin: 10px auto;
    background: #00b0af;
    border-radius: 35px;
    line-height: 35px;
    font-size: 14px;
    text-align: center;
}

.news-list li {
    padding: 20px;
    border-bottom: 1px solid #cccccc;
}

.news-list .date, .top-news .date {
    color: #999999;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 3px;
    font-weight: bold;
}

.news-list .title, .top-news .title {
    color: #666;
    font-weight: bold;
    font-size: 16px;
    line-height: 30px;
    -webkit-transition: color .3s;
    transition: color .3s;
}

.news-list li:hover .title {
    color: #003894;
}

.top-news {
    padding: 20px;
    border: 3px solid #cccccc;
}

.top-news .date {
    color: #666;
}

.top-news .title {
    color: #01b2b3;
}

/*企业画册*/
.album-div {
    width: 100%;
    height: 555px;
    background: #f6f9ff url(../images/huace-bg.jpg) no-repeat center bottom;
    position: relative;
}

/*.album-div-a{width:678px;height:220px;position:absolute;top:107px;left:50%;margin-left: -339px;}.album-div a{display:block;width:160px;height:220px;float:left;}.album-div .a2{width:175px;}*/
.album-list {
    height: 450px;
    position: relative;
}

.album-list-box {
    padding-top: 50px;
    height: 460px;
    width: 1200px;
    position: relative;
    overflow: hidden;
}

.album-list-box ul {
    position: absolute;
    top: 50px;
    left: 0;
}

.album-list-box li {
    width: 297px;
    float: left;
    height: 450px;
    margin-right: 3px;
}

.album-list-box li img {
    -webkit-transition: all .3s;
    transition: all .3s;
}

.album-list-box .current img {
    /*-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);*/
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-box-shadow: 0 0 30px 3px #000;
    -moz-box-shadow: 0 0 30px 3px #000;
    box-shadow: 0 0 30px 3px #000;
}

.album-list-box a span {
    display: block;
    line-height: 35px;
    text-align: center;
    font-size: 14px;
    color: #333;
}

.album-list-box a i {
    display: block;
    width: 79px;
    height: 79px;
    background: url(../images/icon-pdf1.png) no-repeat;
    margin: 0 auto;
}

.album-list-box .current i {
    background: url(../images/icon-pdf2.png) no-repeat;
}

a.album-left {
    display: block;
    width: 79px;
    height: 79px;
    background: url(../images/pleft-btn1.png) no-repeat;
    position: absolute;
    top: 50%;
    margin-top: -40px;
    left: -85px;
    -webkit-border-radius: 80px;
    border-radius: 80px;
    -webkit-transition: background-color .3s;
    transition: background-color .3s;
}

a.album-left:hover {
    background: url(../images/pleft-btn1-hover.png) no-repeat;
}

a.album-right {
    display: block;
    width: 79px;
    height: 79px;
    background: url(../images/pright-btn1.png) no-repeat;
    position: absolute;
    top: 50%;
    margin-top: -40px;
    right: -85px;
    -webkit-border-radius: 80px;
    border-radius: 80px;
    -webkit-transition: background-color .3s;
    transition: background-color .3s;
}

a.album-right:hover {
    background: url(../images/pright-btn1-hover.png) no-repeat;
}

/*a.album-left{display:block;width:79px;height:79px;background:#ffffff url(../images/dev-left.png) no-repeat center center;position:absolute;top:50%;margin-top:-40px;left:-85px;-webkit-border-radius:80px;border-radius:80px;-webkit-transition: background-color .3s;transition: background-color .3s;}a.album-left:hover{background:#fb9000 url(../images/dev-left2.png) no-repeat center center;}a.album-right{display:block;width:79px;height:79px;background:#ffffff url(../images/dev-right.png) no-repeat center center;position:absolute;top:50%;margin-top:-40px;right:-85px;-webkit-border-radius:80px;border-radius:80px;-webkit-transition: background-color .3s;transition: background-color .3s;}a.album-right:hover{background:#fb9000 url(../images/dev-right2.png) no-repeat center center;}*/
/*新闻详情*/
.news-dateil {
    /* background:url(../images/about-bg.jpg) repeat-y center top; */
    margin-bottom: 30px;
    position: relative;
}

.news-more {
    width: 342px;
    height: 785px;
    overflow: hidden;
    padding: 35px 38px;
    background: #F1F0F6;
    float: left;
    /* position:absolute; */
    left: 0;
    overflow: hidden;
}

.news-content {
    width: 732px;
    float: right;
    padding: 0 30px 80px 20px;
    background: #FBFCFE;
    overflow: hidden;
}

.news-more-title i {
    display: block;
    font-family: "myriadsetpro-thin-webfont";
    font-size: 18px;
    font-style: normal;
    letter-spacing: -1px;
    color: #333;
    /* font-weight: bold; */
    line-height: 20px;
}

.news-more-title b {
    color: #333;
    font-size: 16px;
    margin-top: 5px;
    display: block;
}

.news-more li {
    margin-top: 30px;
}

.news-more .date {
    display: block;
    color: #5d5d61;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 3px;
    font-weight: bold;
    text-align: left;
}

.news-more .name {
    display: block;
    color: #5d5d61;
    font-weight: bold;
    font-size: 16px;
    line-height: 30px;
    -webkit-transition: color .3s;
    transition: color .3s;
}

.news-more p {
    color: #5d5d61;
    text-align: center;
}

.news-more li:hover .name {
    color: #0B0C5F;
}

.newsdetail-title {
    width: 694px;
    /*height: 110px;*/
    overflow: hidden;
    padding: 42px 0 10px 28px;
    border-bottom: 1px solid #e1e0e6;
    position: relative;
    margin-bottom: 34px;
}

.newsdetail-title .date {
    /* color: #01b2b3; */
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 3px;
    font-weight: normal;
    float: left;
    margin-right: 30px;
}

.newsdetail-title .title {
    font-weight: bold;
    font-size: 20px;
    line-height: 28px;
    color: #000;
    width: 694px;
    margin-bottom: 16px;
}

.newsdetail-title .title_2 {
    font-size: 16px;
    line-height: 22px;
    color: #74737b;
    width: 575px;
    margin: 0 auto 10px;
    text-align: center;
}

.newsdetail-title .info {
    font-size: 14px;
    line-height: 20px;
    color: #999999;
}

.sharebox {
    position: absolute;
    right: 0px;
    bottom: 10px;
}

.sharebox .bshare-custom {
    margin-bottom: 5px;
    height: 20px;
    overflow: hidden;
}

.sharebox .bshare-custom a {
    float: left;
    padding: 0;
    margin-right: 5px;
    width: 20px;
    height: 20px;
    background: url(../images/share.png) no-repeat 0 0;
    overflow: hidden;
}

.sharebox .bshare-custom .bshare-weixin {
    background-position: -54px 0;
}

.sharebox .bshare-custom .bshare-sinaminiblog {
    background-position: -79px 0;
}

.sharebox .bshare-custom .bshare-qzone {
    background-position: -129px 0;
}

.sharebox .bshare-custom .bshare-qqim {
    background-position: -154px 0;
}

.newsdetail-content {
    padding: 0 10px 0 28px;
}

.newsdetail-content p {
    margin-bottom: 10px;
    font-size: 14px;
    text-align: justify;
    text-justify: distribute;
}

.newsdetail-content img {
    max-width: 100%;
    /* display: none; */
}

.news-add {
    margin: 5px 0;
    border: 3px solid #ccc;
    padding: 40px;
}

.news-add strong {
    color: #333;
    display: block;
}

.newsdetail-ewm {
    text-align: center;
    margin-top: 30px;
}

a.btn-return {
    display: block;
    width: 79px;
    height: 79px;
    background: url(../images/btn-return.png) no-repeat;
    margin: 30px auto 40px;
}

/*视频中心*/
.video-searchbg {
    width: 100%;
    height: 350px;
    /*height: 570px; background: url(../images/search-bg_1.jpg) no-repeat center bottom;*/
}

.top-video ul {
    overflow: hidden;
    margin-right: -10px;
}

.top-video li {
    width: 393px;
    float: left;
    margin-right: 10px;
}

.top-video a h5 {
    color: #fff;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
}

.top-video a img {
    width: 393px;
    height: 220px;
}

i.icon-v {
    display: block;
    width: 48px;
    height: 30px;
    background: url(../images/icon-v.png) no-repeat center;
    margin: 0 auto 10px;
}

.top-video .info {
    width: 393px;
    height: 88px;
    padding-top: 20px;
    background: #01b2b3;
}

.top-video span {
    background-color: transparent !important;
}

.btn-videosearch {
    display: block;
    width: 100%;
    height: 240px;
}

.video-list {
    padding-top: 40px;
    padding-bottom: 30px;
}

.video-list ul {
    margin-right: -10px;
    overflow: hidden;
}

.video-list li {
    width: 293px;
    height: 210px;
    float: left;
    margin-right: 9px;
    margin-bottom: 20px;
}

.video-list li h3 {
    font-size: 14px;
    color: #333;
    line-height: 16px;
    -webkit-transition: all .3s;
    transition: all .3s;
    height: 32px;
    padding: 5px 0;
    overflow: hidden;
}

.video-list li:hover h3 {
    color: #01b2b3;
}

.video-list li img {
    width: 293px;
    height: 165px;
}

i.icon-sv {
    display: block;
    width: 21px;
    height: 13px;
    background: url(../images/icon-sv.jpg) no-repeat center;
}

/*自媒体*/
.selfmedia {
    padding: 65px 0 50px;
    background: #bce2d7;
}

.selfmedia h3 {
    margin-top: 20px;
    text-align: center;
    font-size: 18px;
    color: #003894;
}

.location {
    text-align: center;
    padding-top: 10px;
}

.location a {
    display: inline-block;
    padding: 7px 10px;
    color: #73ac9c;
    -webkit-border-radius: 15px;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.location .current, .location a:hover {
    background: #003894;
    color: #fff;
    font-weight: bold;
}

i.icon-smile {
    display: block;
    width: 44px;
    height: 44px;
    background: url(../images/sm-smile.jpg) no-repeat;
    margin: 0 auto;
}

.media-ewm {
    width: 780px;
    margin: 0 auto;
    text-align: center;
    padding-top: 25px;
}

.media-ewm span {
    display: inline-block;
    width: 180px;
    height: 190px;
    line-height: 32px;
    color: #003894;
    margin: 0 5px;
}

.media-ewm span img {
    width: 152px;
    height: 152px;
}

/*媒体查询*/
.queries-form {
    margin-top: 10px;
    padding-bottom: 40px;
    border-bottom: 1px solid #e0dfe5;
}

.queries-input {
    width: 620px;
    height: 20px;
    line-height: 20px;
    padding: 18px 20px;
    display: block;
    margin-bottom: 10px;
}

.queries-area {
    width: 620px;
    height: 60px;
    line-height: 20px;
    padding: 18px 20px;
    display: block;
    margin-bottom: 10px;
    border: 0;
    color: #A8A8A8;
}

.queries-btn {
    color: #fff;
    display: block;
    width: 99px;
    height: 35px;
    margin: 20px 0;
    background: #00b0af;
    border-radius: 35px;
    line-height: 35px;
    font-size: 14px;
    cursor: pointer;
}

.queries-inview {
    padding-top: 30px;
}

.queries-inview h3 {
    padding-left: 55px;
    background: url(../images/smile.png) no-repeat left center;
    height: 50px;
    color: #303860;
    font-size: 16px;
    line-height: 50px;
}

.queries-inview p {
    color: #303860;
    font-size: 14px;
}

/*视频搜索*/
.video-search {
    width: 100%;
    height: 296px;
    background: url(../images/video-search-bg.jpg) no-repeat center top;
}

.vsearch {
    width: 570px;
    height: 98px;
    margin: 0 auto 0;
    padding-top: 165px;
}

.vsearch-form {
    width: 569px;
    height: 63px;
    background: url(../images/video-search.png) no-repeat center top;
    position: relative;
}

.vs-submit {
    position: absolute;
    top: 0;
    right: 0;
    width: 90px;
    height: 63px;
    cursor: pointer;
    background: 0;
    border: 0;
}

.vs-input {
    width: 440px;
    height: 20px;
    line-height: 20px;
    padding: 22px 20px;
    background: 0;
    border: 0;
    color: #fff;
}

.vs-input::-webkit-input-placeholder {
    color: #fff;
}

.vs-input::-moz-input-placeholder {
    color: #fff;
}

.vsearch p {
    line-height: 34px;
}

.vsearch p a {
    color: #b5c0c7;
    display: inline-block;
    padding-right: 8px;
}

.vsearch p span {
    color: #b5c0c7;
}

/*公司资料*/
.stocknum {
    text-align: right;
    font-size: 48px;
    padding-left: 40px;
    font-family: "opensans-regular-webfont";
    width: 180px;
    float: right;
}

.stocknum.up {
    background: url(../images/icon-up.png) no-repeat left;
    color: #ff1800;
}

.stocknum.down {
    background: url(../images/icon-down1.png) no-repeat left;
    color: #009900;
}

.instock .info {
    text-align: right;
    color: #41434c;
    font-size: 14px;
    line-height: 20px;
}

.instock .info strong {
    display: block;
    font-size: 16px;
    line-height: 30px;
}

.info-box {
    text-align: right;
    padding: 40px 40px 0 0;
}

.info-box p {
    color: #41434c;
    font-size: 13px;
    line-height: 20px;
}

.info-box p strong {
    display: block;
    font-size: 20px;
    line-height: 40px;
    font-family: "opensans-regular-webfont";
}

.investor-title {
    height: 35px;
    width: 100%;
    line-height: 35px;
    border-bottom: 1px solid #dfdfe3;
    position: relative;
}

.investor-title li {
    float: right;
}

.investor-title li a {
    display: block;
    margin: 0 15px;
    font-size: 13px;
    color: #7a7a7a;
    font-weight: bold;
}

.investor-title .current a {
    border-bottom: 3px solid #00b0af;
}

span.inv-line {
    width: 52px;
    height: 3px;
    background: #fb7f00;
    position: absolute;
    bottom: 0;
    right: 97px;
}

.investor-div {
    padding-bottom: 30px;
}

.investor-div p {
    padding-top: 30px;
    overflow: hidden;
}

.investor-div p strong {
    display: block;
    font-size: 16px;
    color: #303860;
    line-height: 30px;
}

.investor-div .fr, .investor-div .fl {
    width: 350px;
}

.invest-list {
    padding-top: 20px;
    border-top: 1px solid #dfdfe3;
}

.invest-list ul {
    width: 430px;
}

.invest-list li {
    height: 35px;
    line-height: 35px;
    overflow: hidden;
}

.invest-list li a {
    display: block;
    color: #7a7a7a;
}

.invest-list li .text {
    float: left;
}

.invest-list li .down {
    float: right;
    width: 60px;
    padding-left: 25px;
    background: url(../images/icon-pdf.jpg) no-repeat left;
}

/*公告及财报*/
.earn-list {
    margin-top: 20px;
    overflow: hidden;
}

.earn-list li {
    width: 660px;
    height: 60px;
    padding: 20px;
    background: #e3e3eb;
    margin-bottom: 2px;
    line-height: 60px;
}

.earn-list li .date {
    font-size: 15px;
    color: #7a7a7a;
    display: block;
    float: left;
    font-family: "opensans-regular-webfont";
}

.earn-list h3 {
    float: left;
    margin-left: 20px;
}

.earn-list h3 a {
    font-size: 14px;
    color: #303860;
    font-weight: bold;
}

.earn-list .down {
    display: block;
    width: 49px;
    height: 47px;
    background: url(../images/icon-down.png) no-repeat;
    float: right;
    margin-top: 3px;
}

/*投资者反馈*/
.invest-tip {
    font-size: 16px;
    color: #303860;
    line-height: 30px;
}

.invest-inview {
    padding-top: 40px;
    padding-bottom: 40px;
}

.invest-inview h3 {
    padding-left: 72px;
    height: 60px;
    background: url(../images/icon-user_1.png) no-repeat left;
    line-height: 60px;
    font-size: 15px;
    color: #303860;
}

.invest-inview p {
    color: #5b5d68;
    margin-top: 15px;
}

.invest-inview p strong {
    color: #26235e;
}

.invest-inview .btn-contact {
    margin: 10px 0 0 0;
}

/*评级信息*/
.invgrade {
    padding-top: 30px;
}

.invgrade p {
    line-height: 30px;
    color: #565051;
    font-weight: bold;
    font-size: 13px;
}

.grade-table {
    margin-bottom: 30px;
}

.grade-table th {
    padding: 15px;
    text-align: center;
    background: #bfc1cf;
    font-size: 14px;
    color: #565051;
    font-weight: bold;
    width: 33%;
    line-height: 30px;
}

.grade-table td {
    padding: 15px;
    text-align: center;
    background: #d7d8e1;
    border: 3px solid #efeff4;
    border-right: 5px solid #efeff4;
    border-left: 0;
    width: 33%;
    color: #565051;
}

.grade-table td:last-child {
    border-right: 0;
}

/*集团总部*/
.left-contact-info {
    width: 280px;
    height: 280px;
    margin: 38px auto 0;
    text-align: center;
}

i.icon-tel {
    display: block;
    width: 44px;
    height: 44px;
    background: url(../images/icon-tel.png) no-repeat;
    margin: 0 auto;
}

.c-hotline {
    color: #7b7b7b;
    font-size: 15px;
    width: 100%;
    padding-top: 20px;
}

.c-hotline strong {
    display: block;
    font-weight: bold;
    color: #303860;
    font-family: "dincond-medium-webfont";
    font-size: 42px;
    line-height: 40px;
    letter-spacing: -2px;
}

.left-contact-info h6 {
    font-size: 16px;
    color: #303860;
    padding-top: 20px;
    line-height: 30px;
    font-weight: bold;
}

.ewmbox {
    width: 152px;
    float: left;
    margin-right: 35px;
}

i.c-wx {
    display: block;
    width: 44px;
    height: 44px;
    background: url(../images/icon-wx.png) no-repeat;
    margin: 0 auto 25px;
}

i.c-wb {
    display: block;
    width: 44px;
    height: 44px;
    background: url(../images/icon-wb.png) no-repeat;
    margin: 0 auto 25px;
}

/*城市公司*/
#citymap {
    width: 100%;
    height: 615px;
}

.cityinfo {
    position: absolute;
    top: 0;
    left: 50%;
    width: 1140px;
    margin-left: -570px;
    height: 140px;
    padding: 30px;
    background: #01b2b3;
    overflow: hidden;
}

.cityinfo h4 {
    color: #fe8b21;
    font-size: 16px;
    padding-top: 10px;
}

.city-a {
    margin: 15px 0;
}

.cityinfo p {
    color: #9befef;
    display: none;
}

.city-a a {
    display: inline-block;
    padding: 7px 10px;
    color: #9befef;
    -webkit-border-radius: 15px;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.city-a .current, .city-a a:hover {
    background: #28c3c4;
    color: #fff;
    font-weight: bold;
}

/*媒体查询*/
.med-p {
    text-align: center;
    color: #fff;
    font-size: 14px;
    padding-top: 10px;
}

.service-box {
    width: 300px;
    padding: 15px 0;
    margin-right: 40px;
    overflow: hidden;
}

.borderd {
    border-bottom: 5px solid #e4d6c5;
    overflow: hidden;
}

.service-box p {
    font-size: 16px;
    margin-bottom: 10px;
    width: 50%;
    float: left;
}

.service-box p a {
    font-size: 14px;
}

.service-box p em {
    font-size: 12px;
}

.service-box h3 {
    line-height: 30px;
    font-size: 16px;
    color: #303960;
}

/*廉洁举报*/
.integrity-bg {
    width: 704px;
    background: url(../images/jubao-bg.jpg) no-repeat center bottom;
    min-height: 900px;
}

.container-right .chengnuo img {
    max-width: 780px;
}

.chengnuo {
    margin-top: -38px;
    margin-left: -38px;
    margin-bottom: 15px;
}

.integrity-other {
    padding: 20px 40px 40px;
    overflow: hidden;
    text-align: center;
}

.integrity-other p {
    font-size: 13px;
}

.integrity-box i {
    display: block;
    margin: 10px auto;
}

.integrity-box p.on {
    color: #989fd6;
    line-height: 13px;
    padding-top: 5px;
}

.integrity-box {
    padding-bottom: 15px;
    border-bottom: 4px solid #bfc1cf;
    width: 195px;
    margin: 5px auto 15px;
}
.integrity-box:last-child{
    border-bottom:none;
}
.integrity-box.on {
    padding-bottom: 12px;
}

i.icon-jubao {
    width: 39px;
    height: 38px;
    background: url(../images/icon-jubao.png) no-repeat;
}

i.icon-mail {
    width: 41px;
    height: 30px;
    background: url(../images/icon-mail_1.png) no-repeat;
}

i.icon-dianhua {
    width: 44px;
    height: 45px;
    background: url(../images/icon-dianhua.png) no-repeat;
}

i.icon-xinjian {
    width: 44px;
    height: 41px;
    background: url(../images/icon-xinjian.png) no-repeat;
}

p.integrity-tip {
    margin-top: 15px;
    color: #999;
    font-size: 12px;
}

a.btn-tousu {
    display: block;
    padding-top: 30px;
    background: url(../images/icon-kehu.png) no-repeat center top;
    color: #999;
    margin-top: 20px;
}

h3.int-title {
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #bfc1cf;
    font-size: 16px;
    color: #2b346b;
    font-weight: bold;
}

h3.int-title.icon {
    padding-left: 30px;
    background: url(../images/icon1.jpg) no-repeat left;
}

.integrity-list li {
    padding-top: 64px;
    overflow: hidden;
}

.integrity-list li h4 {
    padding-left: 30px;
    line-height: 35px;
    font-size: 14px;
    color: #666666;
    font-weight: bold;
    margin-bottom: 10px;
}

.integrity-list li .zhunze {
    background: url(../images/icon1.jpg) no-repeat left;
    padding-left: 23px;
}

.fanwei {
    background: url(../images/icon2.jpg) no-repeat left;
}

.zeren {
    background: url(../images/icon3.jpg) no-repeat left;
}

.tishi {
    background: url(../images/icon4.jpg) no-repeat left;
}

a.btn-learn-more {
    display: inline-block;
    padding: 8px 20px;
    color: #8d91af;
    font-size: 13px;
    border: 1px solid #8d91af;
    border-radius: 30px;
    margin-left: 20px;
}

.subdiv {
    padding-top: 40px;
    text-align: center;
    display: none;
}

.subdiv p {
    color: #ffa715;
}

a.btn-isure {
    display: block;
    width: 114px;
    height: 45px;
    background: #ffa715;
    color: #fff;
    -webkit-border-radius: 45px;
    border-radius: 45px;
    line-height: 45px;
    font-size: 14px;
    margin: 15px auto 0;
    text-align: center;
}

.btns {
    text-align: center;
    margin-top: 50px;
}

a.btn-isure2 {
    display: inline-block;
    width: 114px;
    height: 45px;
    background: #ffa715;
    color: #fff;
    -webkit-border-radius: 45px;
    border-radius: 45px;
    line-height: 45px;
    font-size: 14px;
    margin: 0 10px;
    text-align: center;
    border: 3px solid #ffa715;
}

a.btn-isure2.null {
    background: #efeff4;
    color: #ffa715;
}

a.btn-isure3 {
    display: block;
    width: 115px;
    height: 45px;
    background: transparent;
    color: #ffa715;
    -webkit-border-radius: 45px;
    border-radius: 45px;
    line-height: 45px;
    font-size: 14px;
    text-align: center;
    position: absolute;
    bottom: 35px;
    left: 65px;
    border: 3px solid #ffa715;
}

a.btn-isure3:hover {
    background: #ffa715;
    color: #fff;
}

a.btn-isure4 {
    display: block;
    width: 180px;
    height: 45px;
    background: transparent;
    color: #ffa715;
    -webkit-border-radius: 45px;
    border-radius: 45px;
    line-height: 45px;
    font-size: 14px;
    text-align: center;
    position: absolute;
    bottom: 35px;
    right: 60px;
    border: 3px solid #ffa715;
}

a.btn-isure4:hover {
    background: #ffa715;
    color: #fff;
}

/*提示框*/
.tsbox {
    width: 450px;
    height: 245px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -225px;
    margin-top: -157.5px;
    display: none;
    z-index: 120;
}

.tsbody {
    width: 370px;
    height: 80px;
    padding: 30px 40px;
    background: #fff;
}

.tsbody h6 {
    font-weight: bold;
    font-size: 14px;
    color: #000;
    margin-bottom: 5px;
}

.nkonwtitle {
    font-size: 14px;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 10px;
}

.nknowcont {
    padding: 20px 20px;
    background: #fff;
    height: 350px;
    overflow-y: auto;
    margin-top: 20px;
}

.nknowcont h5 {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
    color: #333;
}

.nknowcont p {
    margin-bottom: 20px;
}

.integrity-line {
    width: 100%;
    height: 1px;
    background: #bfc1cf;
    margin: 30px auto;
}

.integrity-form .queries-input {
    width: 663px;
}

.integrity-form h3 {
    color: #26264b;
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 10px;
}

.int-area {
    width: 663px;
    height: 90px;
    line-height: 20px;
    padding: 18px 20px;
    display: block;
    margin-bottom: 10px;
    border: 0;
}

span.checkbox-span {
    line-height: 16px;
    margin-left: 0;
    display: block;
    cursor: pointer;
    width: 16px;
    height: 16px;
    background: url(../images/icon-checkbox.jpg) no-repeat;
    position: relative;
    float: left;
    text-align: center;
    margin-right: 10px;
    padding-right: 0;
}

span.checkbox-span.current {
    background: url(../images/icon-checkbox-check.jpg) no-repeat;
}

.iform-checkbox b {
    float: left;
    font-size: 12px;
    color: #3f3f3f;
    font-weight: normal;
    cursor: pointer;
    line-height: 16px;
}

.iform-checkbox {
    float: left;
    margin-right: 50px;
    margin-bottom: 20px;
}

.icheckbox {
    opacity: 0;
    filter: alpha(opacity:0);
    position: absolute;
    top: 0px;
    left: 0;
    cursor: pointer;
    width: 100%;
    height: 100%;
}

.int-checkbox {
    margin-bottom: 10px;
    padding-top: 10px;
}

.int-upload {
    width: 430px;
    height: 20px;
    line-height: 20px;
    padding: 18px 20px;
    display: inline-block;
    margin-bottom: 10px;
    background: #f5f5f8;
}

.int-btn {
    width: 110px;
    height: 56px;
    line-height: 56px;
    background: #f9f9fb;
    display: inline-block;
    margin-left: 6px;
    color: #333;
    cursor: pointer;
}

.integrity-form .int-submit {
    padding: 15px 28px;
}

.int-sel ~ .mod-dropdownlist {
    background: #fff;
    width: 680px;
    border: 0;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    height: 56px;
    padding-right: 0px;
    margin-bottom: 10px;
}

.int-sel ~ .mod-dropdownlist .dropdown-select {
    line-height: 56px;
    height: 56px;
}

.int-sel ~ .mod-dropdownlist .dropdown-select .dropdown-input {
    color: #817d77;
    line-height: 56px;
    height: 56px;
}

.int-sel ~ .mod-dropdownlist .dropdown-select .dropdown-icon {
    background: #f9f9fb url(../images/icon-drop.jpg) no-repeat center center;
    width: 56px;
    height: 56px;
    float: right;
}

.int-sel ~ .mod-dropdownlist .dropdown-options li a {
    width: 100%;
}

#sel-depart-input, #sel-mail-input, #sel-tel-input, #sel-qq-input {
    display: none;
}

.sel-depart-pos {
    position: relative;
}

.sel-depart-pos #sel-depart-input {
    position: absolute;
    width: 540px;
    top: 0;
    right: 3px;
}

/*发展历程*/
.develop-div {
    width: 100%;
    padding: 50px 0;
    overflow: hidden;
    background: #00b0af;
}

.develop-title {
    text-align: center;
    color: #fff;
    font-size: 64px;
    font-family: "ocrb10n-webfont";
    letter-spacing: -8px;
    font-weight: normal;
}

.develop-item {
    text-align: center;
    padding-top: 15px;
}

.develop-item a {
    display: inline-block;
    color: #fff;
    width: 110px;
    height: 43px;
    border: 1px solid #fff;
    -webkit-border-radius: 40px;
    border-radius: 40px;
    line-height: 43px;
    text-align: center;
    margin: 0 5px;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.develop-item .current, .develop-item a:hover {
    background: #fb9000;
    border-color: #fb9000;
}

.develop-list {
    width: 100%;
    margin-top: 40px;
    position: relative;
    height: 660px;
}

.develop-list ul {
    position: absolute;
    top: 0;
    left: 0;
    width: 1760px;
    margin-left: 0px;
}

.develop-list li {
    padding: 30px;
    background: #fff;
    width: 370px;
    height: 560px;
    display: block;
    float: left;
    margin-right: 10px;
}

.develop-list .img {
    width: 368px;
    height: 384px;
    overflow: hidden;
}

.develop-list .img img {
    -webkit-transition: all .6s;
    transition: all .6s;
}

.develop-list li:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.develop-list .tip {
    font-size: 16px;
    color: #575757;
    line-height: 30px;
    margin-top: 10px;
}

.develop-list li h3 {
    color: #303860;
    font-size: 36px;
    font-family: "ocrb10n-webfont";
    letter-spacing: -3px;
    margin-bottom: 10px;
}

.develop-btndiv {
    width: 180px;
    height: 80px;
    margin: 0 auto;
}

a.btn-developLeft {
    display: block;
    width: 79px;
    height: 79px;
    background: #ffffff url(../images/dev-left.png) no-repeat center center;
    -webkit-border-radius: 80px;
    border-radius: 80px;
    -webkit-transition: background-color .3s;
    transition: background-color .3s;
    float: left;
}

a.btn-developLeft:hover {
    background: #fb9000 url(../images/dev-left2.png) no-repeat center center;
}

a.btn-developRight {
    display: block;
    width: 79px;
    height: 79px;
    background: #ffffff url(../images/dev-right.png) no-repeat center center;
    -webkit-border-radius: 80px;
    border-radius: 80px;
    -webkit-transition: background-color .3s;
    transition: background-color .3s;
    float: right;
}

a.btn-developRight:hover {
    background: #fb9000 url(../images/dev-right2.png) no-repeat center center;
}

/*历史大事记*/
.histhing-bg {
    padding-top: 150px;
    overflow: hidden;
    width: 100%;
    background: url(../images/his-bg.png) repeat-x center top;
    margin-top: 40px;
    position: relative;
}

.histhing-bg .dev-left {
    left: 30px;
    z-index: 10;
}

.histhing-bg .dev-right {
    right: 30px;
    z-index: 10;
}

.histhing-list {
    position: relative;
    height: 400px;
    overflow: hidden;
}

.histhing-list ul {
    position: absolute;
    top: 0;
    left: 30px;
    width: 1380px;
}

.histhing-list li {
    width: 260px;
    float: left;
    margin-right: 200px;
    min-height: 400px;
}

.histhing-list h4 {
    font-size: 44px;
    color: #96e7e7;
    font-family: "ocrb10n-webfont";
    letter-spacing: -4px;
    margin-bottom: 50px;
}

.histhing-list li p {
    color: #96e7e7;
    margin-bottom: 10px;
}

/*荣誉墙*/
.honor-bg {
    width: 100%;
    background: #bfc1cf;
    position: relative;
    height: 610px;
}

.honor-bg .dev-left {
    left: 30px;
    z-index: 10;
}

.honor-bg .dev-right {
    right: 30px;
    z-index: 10;
}

.wall-list {
    position: relative;
    height: 610px;
    overflow: hidden;
    width: 1199px;
}

.wall-list ul {
    position: absolute;
    top: 0;
    left: 0px;
    width: 1209px;
}

.wall-list .img {
    width: 333px;
    height: 249px;
    background: #fff;
    margin-bottom: 30px;
    text-align: center;
    line-height: 249px;
}

.wall-list .img img {
    vertical-align: middle;
}

.wall-list li {
    width: 333px;
    float: left;
    padding: 30px;
    border-right: 10px solid #f0eff4;
    height: 550px;
}

.wall-list .last {
    border-right: 0;
}

.wall-list .info p {
    color: #595a5e;
    margin-bottom: 10px;
}

/*幸福进行时*/
.container.bluebg {
    background: #3e414a;
}

.bluebg h1.pagetitle i {
    color: #f27c04;
}

.bluebg h1.pagetitle b {
    color: #fff;
}

.happybox {
    /*height:700px;*/
    position: relative;
    background: #f0eff5;
    padding-top: 45px;
}

.happybox .btn-happyLeft, .happybox .btn-happyRight {
    display: block;
    position: absolute;
    top: 190px;
    width: 79px;
    height: 79px;
    /*-webkit-transition: background 400ms; transition: background 400ms;*/
    z-index: 50;
}

.happybox .btn-happyLeft {
    left: 0px;
    background: url(../images/rd-leftbtn.png) center no-repeat;
}

.happybox .btn-happyRight {
    right: 0px;
    background: url(../images/rd-rightbtn.png) center no-repeat;
}

.happybox .btn-happyLeft:hover {
    background: url(../images/rd-leftbtn-hover.png) center no-repeat;
}

.happybox .btn-happyRight:hover {
    background: url(../images/rd-rightbtn-hover.png) center no-repeat;
}

.happySlide .hy-pic {
    width: 1125px;
    height: 464px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}

.hy-info {
    padding: 40px;
}

.hy-info.w850 {
    width: 850px;
    margin: 0 auto;
}

.hy-info-item {
    text-align: left;
}

.hy-info-item h3 {
    font-size: 36px;
    color: #666;
    text-align: center;
}

em.line {
    display: block;
    width: 15px;
    height: 1px;
    background: #303860;
    margin: 15px auto;
}

span.date {
    display: block;
    text-align: center;
    color: #666;
    font-size: 20px;
}

.hy-info-item p {
    text-align: left;
}

.carousel {
    position: relative;
    margin-bottom: 20px;
    line-height: 1;
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
    z-index: 2;
}

.carousel-inner > .item {
    position: relative;
    display: none;
    -webkit-transition: 0.6s ease-in-out left;
    -moz-transition: 0.6s ease-in-out left;
    -o-transition: 0.6s ease-in-out left;
    transition: 0.6s ease-in-out left;
}

.carousel-inner > .item > img,.carousel-inner > .item > a > img {
    display: block;
    line-height: 1;
    width: 100%;
}

.carousel-inner > .active,.carousel-inner > .next,.carousel-inner > .prev {
    display: block;
}

.carousel-inner > .active {
    left: 0;
}

.carousel-inner > .next,.carousel-inner > .prev {
    position: absolute;
    top: 0;
    width: 100%;
}

.carousel-inner > .next {
    left: 100%;
}

.carousel-inner > .prev {
    left: -100%;
}

.carousel-inner > .next.left,.carousel-inner > .prev.right {
    left: 0;
}

.carousel-inner > .active.left {
    left: -100%;
}

.carousel-inner > .active.right {
    left: 100%;
}

.carousel-control {
    position: absolute;
    z-index: 3;
}

.b-slide {
    position: relative;
    width: 100%;
}

.b-slide .b-leftbtn, .b-slide .b-rightbtn {
    top: 50%;
    margin-top: -41px;
    width: 82px;
    height: 82px;
    /*-webkit-transition: background 400ms; transition: background 400ms;*/
}

.b-slide .b-leftbtn {
    left: 0;
    background: url(../images/rd-leftbtn.png) center no-repeat;
}

.b-slide .b-rightbtn {
    right: 0;
    background: url(../images/rd-rightbtn.png) center no-repeat;
}

.b-slide .b-leftbtn:hover {
    background: url(../images/rd-leftbtn-hover.png) center no-repeat;
}

.b-slide .b-rightbtn:hover {
    background: url(../images/rd-rightbtn-hover.png) center no-repeat;
}

/*.carousel-control:hover,.carousel-control:focus{color: #ffffff;text-decoration: none;opacity: 0.9;filter: alpha(opacity=90);}*/
/*.carousel-indicators{position: absolute;top: 15px;right: 15px;z-index: 5;margin: 0;list-style: none;}.carousel-indicators li{display: block;float: left;width: 10px;height: 10px;margin-left: 5px;text-indent: -999px;background-color: #ccc;background-color: rgba(255, 255, 255, 0.25);border-radius: 5px;}.carousel-indicators .active{background-color: #fff;}*/
.b-slidetitle .b-slidetitle-inner h6 {
    color: #ede5d9;
    font-size: 48px;
    line-height: 50px;
    display: none;
}

/*.b-slidetitle .b-slidetitle-inner h6.active{display:block;}*/
.carousel-caption {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 15px;
    background: #333333;
    background: rgba(0, 0, 0, 0.75);
}

.carousel-caption h4,.carousel-caption p {
    line-height: 20px;
    color: #ffffff;
}

.carousel-caption h4 {
    margin: 0 0 5px;
}

.carousel-caption p {
    margin-bottom: 0;
}

/*行为准则*/
.about-div.about-div p strong {
    color: #003894;
    font-size: 13px;
}

h6.zztitle {
    font-size: 16px;
    color: #333333;
    font-weight: bold;
    line-height: 30px;
}

/*客服热线*/
.inv-body {
    display: none;
}

.property-client {
    padding-top: 40px;
    overflow: hidden;
}

.proper-box {
    width: 239px;
    height: 150px;
    background: #e3e3eb;
    text-align: center;
    margin: 0 auto;
    margin-top: 20px;
}

i.hotline-tel {
    display: block;
    width: 44px;
    height: 44px;
    background: url(../images/icon-tel.png) no-repeat;
    margin: 0 auto 10px;
}

.proper-box h5 {
    font-size: 14px;
    color: #666;
    line-height: 30px;
}

.proper-box p.htel {
    color: #26264b;
    font-size: 32px;
    font-family: "dincond-medium-webfont";
    font-weight: bold;
    margin-top: 5px;
}

/*contact-8*/
.reader {
    background: rgba(0,0,0,0.5);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 111;
}

.reader_main {
    position: fixed;
    left: 50%;
    padding: 30px;
    width: 850px;
    margin-left: -455px;
    top: 45%;
    background: #fff;
}

.reader_tit {
    width: 100%;
    background: #bfc1cf;
    height: 70px;
    position: relative;
}

.reader_close {
    width: 27px;
    height: 27px;
    position: absolute;
    top: -80px;
    right: -30px;
    cursor: pointer;
}

.reader_tit_name, .reader_tit_nub, .reader_tit_size, .reader_tit_act {
    height: 70px;
    line-height: 70px;
    color: #333;
    font-size: 14px;
    text-align: center;
    margin-right: 3px;
    float: left;
}

.reader_con_list ul {
    overflow: hidden;
    margin-top: 3px;
}

.reader_con_name, .reader_con_nub, .reader_con_size, .reader_con_act {
    background: #efeff4;
    height: 50px;
    line-height: 50px;
    color: #333;
    font-size: 13px;
    text-align: center;
    margin-right: 3px;
    float: left;
    display: block;
}

.reader_con {
    width: 100%;
    overflow: hidden;
}

.reader_con_nub, .reader_tit_nub {
    width: 188px;
}

.reader_con_name, .reader_tit_name {
    width: 311px;
}

.reader_con_size, .reader_tit_size {
    width: 170px;
}

.reader_con_act, .reader_tit_act {
    width: 172px;
    margin-right: 0;
}

.reader_con_act input {
    width: 50px;
    height: 30px;
    margin: 10px auto;
    text-align: center;
    background: #bfc1cf;
    color: #333;
    line-height: 30px;
}

/*违纪查询结果  8-17*/
.panjue {
    width: 100%;
    text-align: center;
}

.panjue h1 {
}

.panjue h2 {
    color: #666666;
    margin-top: 10px;
    border-bottom: 1px solid #bfc1cf;
    padding-bottom: 30px;
    font-size: 13px;
    margin-bottom: 30px;
}

.panjue p {
    color: #666666;
    font-size: 13px;
    margin-bottom: 5px;
    text-align: left;
}

.panjue p i {
    font-style: normal;
    font-weight: bold;
}

.panjue .result {
    text-align: justify;
    /*margin-top: 10px;*/
    line-height: 22px;
    color: #666666;
    font-size: 14px;
    margin-bottom: 5px;
}

.zhuyi {
    font-size: 10px;
    color: #fb7f00;
    font-style: normal;
}

/*.weiji { margin-top: 35px; }   苏20160823注释*/
.weiji .discipline {
    background: url(../images/cx.png) no-repeat left;
    background-size: 8%;
    font-size: 15px;
    color: #26264b;
    height: 60px;
    line-height: 60px;
    font-weight: bold;
    padding-left: 65px;
}

.weiji .scope {
    background: url(../images/fw.png) no-repeat left;
    background-size: 3%;
    height: 22px;
    color: #666666;
    font-size: 13px;
    padding-left: 30px;
    line-height: 22px;
    margin-top: 20px;
    margin-bottom: 10px;
}

.weiji .prompt {
    background: url(../images/ts.png) no-repeat left;
    background-size: 3%;
    height: 22px;
    color: #666666;
    font-size: 13px;
    padding-left: 30px;
    line-height: 22px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.min-height {
    min-height: 760px;
}

/*10.13企业介绍*/
.container-div1 {
    width: 1664px;
    margin: 0 auto;
    background: url(../images/about-bg1.jpg) repeat-y center center;
}

.container-div1 .instock {
    width: 512px;
    height: 140px;
    overflow: hidden;
    background: #bfc1cf;
    padding: 40px 40px 0 0;
}

.container-div1 .container-left {
    width: 552px;
    float: left;
    padding-bottom: 30px;
}

.container-div1 .data-box {
    width: 320px;
    height: 230px;
    float: right;
    margin-top: 40px;
}

.container-div1 .data-box dl {
    float: right;
    width: 230px;
}

.container-div1 .container-right {
    width: 842px;
    float: left;
    padding: 38px 0 38px 38px;
    overflow: hidden;
}

.container-div1 .data-box h4 {
    background: url(../images/about-menu.png) no-repeat;
    width: 169px;
    height: 60px;
    line-height: 64px;
    color: #fff;
    text-align: center;
    font-size: 20px;
    float: right;
    margin-bottom: 5px;
}

.container-div1 .container-right img {
    max-width: 842px;
}

.container-div1 .data-box dd {
    border-radius: 22px 0 0 22px;
    height: 43px;
    line-height: 43px;
}

.join_tenet {
    height: 516px;
    background: url("../images/join_tenet_bg.jpg") no-repeat center;
}

.join_tenet * {
    box-sizing: border-box;
}

.join_tenet .w1200 {
    padding-top: 32px;
}

.join_tenet .title_en {
    font-family: "dincond-medium-webfont";
    font-size: 40px;
    text-align: center;
    color: #303860;
    text-transform: uppercase;
    letter-spacing: -2px;
    line-height: 32px;
}

.join_tenet .title_cn {
    line-height: 18px;
    font-size: 18px;
    color: #303860;
    font-weight: bold;
    margin-top: 5px;
    text-align: center;
}

.join_tenet ul {
    margin-top: 24px;
    position: relative;
    height: 310px;
}

.join_tenet li {
    position: absolute;
    width: 155px;
    height: 174px;
    padding: 28px 0 0;
    background: url("../images/join_tenet_box_bg1.png") no-repeat center;
    cursor: pointer;
}

.join_tenet .li1 {
    position: absolute;
    left: 170px;
    top: 0;
}

.join_tenet .li2 {
    position: absolute;
    left: 327px;
    top: 0;
}

.join_tenet .li3 {
    position: absolute;
    left: 484px;
    top: 0;
}

.join_tenet .li4 {
    position: absolute;
    left: 641px;
    top: 0;
}

.join_tenet .li5 {
    position: absolute;
    left: 798px;
    top: 0;
}

.join_tenet .li6 {
    position: absolute;
    left: 248px;
    top: 135px;
}

.join_tenet .li7 {
    position: absolute;
    left: 405px;
    top: 135px;
}

.join_tenet .li8 {
    position: absolute;
    left: 562px;
    top: 135px;
}

.join_tenet .li9 {
    position: absolute;
    left: 719px;
    top: 135px;
}

.join_tenet .li10 {
    position: absolute;
    left: 876px;
    top: 135px;
}

.join_tenet li .num {
    font-size: 40px;
    color: #b6c5e0;
    line-height: 32px;
    font-family: "dincond-medium-webfont";
    text-align: center;
    letter-spacing: -2px;
    margin-bottom: 18px;
}

.join_tenet li .h4_cn {
    font-size: 16px;
    color: #b6c5e0;
    line-height: 20px;
    text-align: center;
    margin-bottom: 6px;
}

.join_tenet li .h4_en {
    font-size: 17px;
    color: #b6c5e0;
    font-family: "dincond-medium-webfont";
    line-height: 18px;
    text-align: center;
}

.join_tenet .bg2 {
    background-image: url("../images/join_tenet_box_bg2.png");
}

.join_tenet .bg2 .num,.join_tenet .bg2 .h4_cn,.join_tenet .bg2 .h4_en {
    color: #d6ecec;
}

.join_tenet_popup {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 500;
}

.join_tenet_popup * {
    box-sizing: border-box;
}

.join_tenet_popup .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .5;
    filter: alpha(opacity=50);
}

.join_tenet_popup .wr {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 1200px;
    max-height: 90%;
    padding: 40px;
    margin: 0 0 0 -600px;
    min-height: 340px;
    background: #fff;
}

.join_tenet_popup .btn {
    position: absolute;
    right: -16px;
    top: -23px;
    width: 54px;
    height: 54px;
    border: 3px solid #01b2b3;
    border-radius: 50%;
    text-align: center;
    line-height: 48px;
    font-size: 14px;
    color: #01b2b3;
    background: #fff;
}

.join_tenet_popup .til_box {
    margin-bottom: 24px;
}

.join_tenet_popup .til_box .num {
    float: left;
    font-size: 50px;
    color: #003894;
    line-height: 46px;
    font-family: "dincond-medium-webfont";
    letter-spacing: -2px;
}

.join_tenet_popup .til_box .h_box {
    float: left;
    padding-left: 12px;
}

.join_tenet_popup .til_box .h_box .h4_cn {
    font-size: 16px;
    line-height: 24px;
    color: #003894;
}

.join_tenet_popup .til_box .h_box .h4_en {
    font-size: 16px;
    line-height: 24px;
    font-family: "dincond-medium-webfont";
    color: #96a7ca;
}

.join_tenet_popup .p_box p {
    font-size: 14px;
    color: #666;
    line-height: 32px;
}

/*2020-04-14*/
.join_pdf {
    height: 360px;
    background: url(../images/longfor_pdf1.jpg) no-repeat center;
}

.join_pdf_list {
    margin: 0 auto;
    width: 1560px;
    padding-top: 20px;
    height: 236px;
    background-color: #093592;
}

.join_pdf_list .auto {
    margin: 0 auto;
    width: 1200px;
    overflow: hidden;
}

.join_pdf_list a {
    position: relative;
    float: left;
    margin-left: 19px;
}

.join_pdf_list a .span {
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -41px;
    width: 82px;
    height: 38px;
    line-height: 38px;
    background-color: #fff;
    text-align: center;
    color: #093592;
    font-size: 12px;
    font-weight: bold;
    border-radius: 6px;
    z-index: 2;
    transition-duration: .5s;
    -webkit-transition-duration: .5s;
    opacity: 0;
}

.join_pdf_list a:after {
    opacity: 0;
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 121px;
    background: url(../images/sbg.png) no-repeat;
    z-index: 1;
}

.join_pdf_list a:hover:after {
    opacity: 1;
    transition-duration: .5s;
    -webkit-transition-duration: .5s;
}

.join_pdf_list a:hover:after {
    opacity: 1;
}

.join_pdf_list a:hover .span {
    opacity: 1;
}

.join_pdf_list a:first-child {
    margin-left: 101px;
}