/*1029626114@qq.com*/

@charset "utf-8";
.g_pp {
    padding-top: 75px;
    height: 707px;
}

.g_pp .m_pp {
    height: 464px;
}

.g_pp .m_pp dt {
    float: right;
    width: 600px;
    height: 382px;
}

.g_pp .m_pp dt img {
    width: 600px;
    height: 382px;
    display: block;
}

.g_pp .m_pp dd {
    float: left;
    width: 550px;
}

.g_pp .m_pp h2 {
    height: 142px;
    background: url(../images/ppline.jpg) no-repeat 0 120px;
    font-size: 44px;
    color: #004098;
    font-weight: normal;
    line-height: 48px;
}

.g_pp .m_pp h2 em {
    display: block;
    font-size: 44px;
    color: #333333;
}

.g_pp .m_pp p {
    font-size: 15px;
    line-height: 22px;
    color: #747474;
    margin-bottom: 28px;
}

.g_pp .m_pp em {
    display: inline-block;
    margin-right: 20px;
}

.g_pp .pplst {
    background: #f5f5f5;
    box-shadow: 4px 0 8px rgba(0, 0, 0, .2);
    height: 160px;
}

.g_pp .pplst dl {
    float: left;
    width: 299px;
    border-right: 1px solid #e3e3e3;
    position: relative;
    height: 120px;
    padding-top: 40px;
}

.g_pp .pplst dt {
    float: left;
    width: 80px;
    height: 80px;
    overflow: hidden;
    margin-left: 40px;
    margin-right: 15px;
}

.g_pp .pplst dt img {
    transition: all 1s ease 0s;
}

.g_pp .pplst dd {
    float: left;
    width: 160px;
}

.g_pp .pplst h3 {
    font-size: 38px;
    color: #333333;
    font-weight: normal;
}

.g_pp .pplst p {
    font-size: 18px;
    color: #555555;
}

.g_pp .pplst .lastdl dt {
    margin-left: 10px;
    margin-right: 6px;
}

.g_pp .pplst .lastdl dd {
    width: 190px;
}

.g_pp .pplst dl:hover dt img,
.g_pp .pplst .cur dt img {
    margin-left: -80px;
}

.g_pp .pplst dl:hover h3,
.g_pp .pplst .cur h3 {
    color: #004098;
}

.g_pp .pplst dl:hover p,
.g_pp .pplst .cur p {
    color: #004098;
}

.g_pro {
    background: url(../images/cpbg.jpg) no-repeat center top;
    padding-top: 20px;
    height: 940px;
}

.g_pro h2 {
    height: 160px;
    text-align: center;
    font-size: 40px;
    color: #fff;
    font-weight: normal;
}

.g_pro h2 a {
    color: #fff;
}

.g_pro h2 em {
    display: block;
    font-size: 18px;
    width: 336px;
    height: 38px;
    line-height: 38px;
    border: 1px solid #fff;
    border-radius: 20px;
    margin: 10px auto 0
}

.g_pro .cphd {
    /*height: 72px;*/
}

.g_pro .cphd li {
    float: left;
    width: 299px;
    height: 68px;
    line-height: 68px;
    background: #004098;
    margin: 0 1px 1px 0
}

.g_pro .cphd li a {
    display: block;
    padding-left: 100px;
    width: 199px;
    font-size: 20px;
    color: #fff;
    background: url(../images/flico1.jpg) no-repeat 70px 28px;
}

.g_pro .cphd .on a {
    background: #191919 url(../images/flico2.jpg) no-repeat 70px 28px;
    color: #fff;
}

.g_pro .cpbd li {
    float: left;
    width: 32.3%;
    margin: 0.5%;
    position: relative;
    margin-bottom: 18px;
}

.g_pro .cpbd .cptj {
    float: left;
    width: 797px;
    height: 449px;
    overflow: hidden;
    margin-right: 19px;
    position: relative;
}

.g_pro .cpbd .cptj img {
    width: 797px;
    height: 449px;
    display: block;
    transition: all 0.3s linear 0s;
}

.g_pro .cpbd .cptj:hover img {
    transform: scale(1.1);
}

.g_pro .cpbd .cptj h4 {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 797px;
    height: 56px;
    line-height: 56px;
    background: rgba(0, 0, 0, .5);
    text-align: center;
    font-size: 16px;
    color: #fff;
}

.g_pro .cpbd li {
    overflow: hidden;
}

.g_pro .cpbd li h4 {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 56px;
    line-height: 56px;
    background: rgba(0, 0, 0, .5);
    text-align: center;
    font-size: 16px;
    color: #fff;
}

.g_pro .cpbd li img {
    width: 100%;
    height: 291px;
    display: block;
    transition: all 0.3s linear 0s;
}

.g_pro .cpbd li:hover img {
    transform: scale(1.1);
}

.g_otfl {
    background: url(../images/moreflbg.jpg) no-repeat;
    height: 213px;
    padding-top: 36px;
}

.g_otfl h2 {
    float: left;
    width: 260px;
}

.g_otfl h2 a {
    display: block;
    background: url(../images/otfltit.png) no-repeat 0 20px;
    padding-top: 82px;
    font-size: 26px;
    color: #fff;
    font-weight: normal;
}

.g_otfl h2 b {
    display: block;
    font-size: 32px;
    text-transform: uppercase;
}

.g_otfl li {
    float: left;
    width: 163px;
    margin-left: 22px;
    position: relative;
}

.g_otfl li b {
    position: absolute;
    left: 0;
    top: 53px;
    text-align: center;
    font-weight: normal;
    font-size: 20px;
    color: #333333;
    width: 138px;
    font-style: normal;
}

.g_otfl li i {
    display: block;
    margin: 11px;
    z-index: 11;
    position: relative;
}

.g_otfl li em {
    position: absolute;
    left: 0;
    top: 0;
    width: 163px;
    height: 211px;
    background: url(../images/oth.png) no-repeat;
    display: none;
}

.g_otfl li:hover em,
.g_otfl .cur em {
    display: block;
}

.g_wt {
    background: url(../images/wtbg.jpg) no-repeat center top;
    padding-top: 70px;
    height: 636px;
}

.g_wt h2 {
    height: 150px;
    text-align: center;
    font-size: 40px;
    color: #333333;
    font-weight: normal;
}

.g_wt h2 a {
    color: #333333;
}

.g_wt h2 em {
    display: block;
    font-size: 18px;
    width: 336px;
    height: 38px;
    line-height: 38px;
    border: 1px solid #333333;
    border-radius: 20px;
    margin: 10px auto 0
}

.g_wt dl {
    background: url(../images/whybg1.png) no-repeat;
    width: 218px;
    height: 357px;
    float: left;
    margin-right: 20px;
    transition: all 0.3s linear 0s;
}

.g_wt dl:hover {
    transform: translateY(-10px);
}

.g_wt .lastdl {
    margin-right: 0;
}

.g_wt dt {
    width: 130px;
    height: 130px;
    margin: 0 auto 20px;
}

.g_wt h3 {
    height: 58px;
    margin-bottom: 15px;
    position: relative;
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    color: #fff;
}

.g_wt h3:before {
    content: "";
    position: absolute;
    width: 20px;
    height: 3px;
    background: #fff;
    left: 50%;
    margin-left: -10px;
    top: 54px;
}

.g_wt p {
    font-size: 14px;
    line-height: 24px;
    color: #fff;
    text-align: center;
}

.g_wt .wt2 {
    margin-right: 288px;
}

.g_wt dl:hover,
.g_wt .cur {
    background: url(../images/whybg2.png) no-repeat;
}

.g_ys {
    /*height: 1219px;*/
    background: url(../images/ysbg.jpg) no-repeat;
    padding-top: 74px;
    overflow: hidden;
}

.g_ys h2 {
    height: 133px;
    text-align: center;
    font-size: 40px;
    color: #333333;
    font-weight: normal;
}

.g_ys h2 a {
    color: #333333;
}

.g_ys h2 em {
    display: block;
    font-size: 18px;
    width: 346px;
    height: 38px;
    line-height: 38px;
    border: 1px solid #333333;
    border-radius: 20px;
    margin: 10px auto 0;
}

.g_ys .m_ys1 {
    height: 546px;
}

.g_ys dt {
    float: left;
    margin-left: -360px;
    width: 960px;
    position: relative;
}

.g_ys dt b {
    position: absolute;
    right: 0;
    top: 0;
}

.g_ys dt b a {
    display: block;
    width: 150px;
    height: 75px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    line-height: 75px;
    /* padding-top: 20px; */
    background: #004098;
}

.g_ys dd {
    float: left;
    width: 600px;
    position: relative;
}

.g_ys dd i {
    position: absolute;
    right: 0;
    top: 27px;
}

.g_ys dd h3 {
    margin-top: 42px;
    position: relative;
    height: 140px;
    margin-left: 90px;
    background: url(../images/ysline.jpg) no-repeat 0 120px;
    font-size: 24px;
    color: #333333;
    font-weight: normal;
}

.g_ys dd h3 b {
    display: block;
    font-size: 34px;
    color: #004098;
    padding-top: 18px;
     padding-bottom: 18px;
}

.g_ys dd h3:before {
    content: "";
    position: absolute;
    width: 63px;
    height: 1px;
    background: #004098;
    left: 0;
    top: 0;
}

.g_ys dd p {
    font-size: 16px;
    line-height: 26px;
    margin-left: 90px;
    width: 488px;
}

.g_ys .yss {
    position: absolute;
    left: 0;
    top: 320px;
    overflow: hidden;
}

.g_ys .yss img {
    transition: all 0.3s linear 0s;
}

.g_ys .yss:hover img {
    transform: scale(1.1);
}

.g_ys .m_ys2 {
    height: 626px;
}

.g_ys .m_ys2 dt {
    float: right;
    margin-right: -360px;
    width: 960px;
    position: relative;
}

.g_ys .m_ys2 dt b {
    position: absolute;
    left: 0;
    top: 0;
}

.g_ys .m_ys2 dt b a {
    display: block;
    width: 150px;
    height: 75px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    line-height: 75px;
    /* padding-top: 75px; */
    background: #004098;
}

.g_ys .m_ys2 dd {
    float: left;
    width: 600px;
    position: relative;
}

.g_ys .m_ys2 dd i {
    position: absolute;
    left: 422px;
    top: 217px;
}

.g_ys .m_ys2 dd h3 {
    margin-top: 218px;
    position: relative;
    height: 140px;
    margin-left: 0;
    background: url(../images/ysline.jpg) no-repeat 0 120px;
    font-size: 24px;
    color: #333333;
    font-weight: normal;
}

.g_ys .m_ys2 dd h3 b {
    display: block;
    font-size: 34px;
    color: #004098;
    padding-top: 18px;
}

.g_ys .m_ys2 dd h3:before {
    content: "";
    position: absolute;
    width: 63px;
    height: 1px;
    background: #004098;
    left: 0;
    top: 0;
}

.g_ys .m_ys2 dd p {
    font-size: 16px;
    line-height: 26px;
    margin-left: 0;
    width: 528px;
}

.g_ys .m_ys2 .yss {
    position: absolute;
    left: 0;
    top: 0;
}

.g_ys .m_ys3 {
    height: 546px;
}

.g_an {
    background: url(../images/anbg.jpg) no-repeat center top;
    height: 1283px;
    padding-top: 65px;
}

.g_an h2 {
    height: 132px;
    text-align: center;
    font-size: 40px;
    color: #333333;
    font-weight: normal;
}

.g_an h2 a {
    color: #333333;
}

.g_an h2 em {
    display: block;
    font-size: 18px;
    width: 346px;
    height: 38px;
    line-height: 38px;
    border: 1px solid #333333;
    border-radius: 20px;
    margin: 10px auto 0;
}

.g_an .antit {
    height: 76px;
    line-height: 76px;
    border-top: 1px solid #ccc;
}

.g_an .antit a {
    display: inline-block;
    font-size: 18px;
    color: #333333;
    margin: 0 15px;
    padding: 0 5px;
}

.g_an .antit a:hover,
.g_an .antit .cur {
    border-top: 2px solid #004098;
    position: relative;
    margin-top: -1px;
}

.antj {
    height: 600px;
    margin-bottom: 63px;
    position: relative;
}

.antj dl {
    position: relative;
    width: 1200px;
    height: 600px;
}

.antj dt {
    width: 1200px;
    height: 600px;
    overflow: hidden;
}

.antj dt img {
    width: 1200px;
    height: 600px;
    display: block;
    margin: 0px auto;
}

.antj dd {
    position: absolute;
    left: 0;
    bottom: 0;
    background: #fff;
    padding: 40px 0 0 50px;
    height: 140px;
    border-radius: 50px 50px 0 0;
    width: 1150px;
}

.antj h3 a {
    display: block;
    height: 52px;
    line-height: 52px;
    position: relative;
    font-size: 22px;
    color: #1a1a1a;
}

.antj h3 a:before {
    content: "";
    position: absolute;
    width: 24px;
    height: 2px;
    background: #004098;
    left: 0;
    top: 46px;
}

.antj p {
    font-size: 14px;
    line-height: 22px;
    color: #666666;
    width: 768px;
}

.antj .anwz {
    position: absolute;
    left: 848px;
    top: 52px;
}

.antj .anwz li {
    float: left;
    width: 74px;
    height: 60px;
    border: 1px solid #cacaca;
    border-radius: 50%;
    margin-right: 5px;
    padding-top: 14px;
    text-align: center;
    font-size: 18px;
    line-height: 22px;
    color: #000
}

.antj .anwz li:hover,
.antj .anwz .cur {
    background: #004098;
    color: #fff;
    font-weight: bold;
    border: 1px solid #004098;
}

.antj .u_ljt {
    background: url(../images/jt.png) no-repeat;
    width: 66px;
    height: 66px;
    left: -33px;
    top: 190px;
    position: absolute;
}

.antj .u_rjt {
    background: url(../images/jt.png) no-repeat right 0;
    width: 66px;
    height: 66px;
    right: -33px;
    top: 190px;
    position: absolute;
}

.anlst h3 {
    background: url(../images/antittj.jpg) no-repeat;
    height: 62px;
    line-height: 62px;
    padding: 0 0 0 60px;
    font-size: 26px;
    color: #333333;
    font-weight: normal;
}

.anlst h3 a {
    color: #333333;
}

.anlst h3 span {
    width: 80px;
    height: 22px;
    line-height: 22px;
    background: #004098;
    border-radius: 5px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    margin-top: 14px;
}

.anlst li {
    float: left;
    width: 284px;
    margin-right: 20px;
}

.anlst li img {
    width: 284px;
    height: 213px;
    display: block;
}

.anlst li em {
    display: block;
    width: 204px;
    height: 44px;
    line-height: 44px;
    padding: 0 50px 0 30px;
    font-size: 15px;
    color: #666666;
    background: #f2f2f2 url(../images/anico.jpg) no-repeat 246px 16px;
}

.g_lc {
    background: url(../img/bg_about_history.jpg) no-repeat center top;
    height: 450px;
    padding-top: 74px;
}

.g_lc .content {
    width: 1245px;
}

.g_lc h2 {
    height: 133px;
    text-align: center;
    font-size: 40px;
    color: #333;
    font-weight: normal;
}

.g_lc h2 a {
    color: #333;
}

.g_lc h2 em {
    display: block;
    font-size: 18px;
    width: 346px;
    height: 38px;
    line-height: 38px;
    border: 1px solid #a4adb9;
    border-radius: 20px;
    margin: 10px auto 0;
}



/* 新闻 */

.g_newcon22 {
    height: 680px;
    padding-top: 65px;
}

.g_newcon22 h2 {
    height: 154px;
    text-align: center;
    font-size: 40px;
    color: #333333;
    font-weight: normal;
}

.g_newcon22 h2 a {
    color: #333333;
}

.g_newcon22 h2 em {
    display: block;
    font-size: 18px;
    width: 346px;
    height: 38px;
    line-height: 38px;
    border: 1px solid #a4adb9;
    border-radius: 20px;
    margin: 10px auto 0;
}

.g_newcon22 .m_newl {
    float: left;
    width: 358px;
    position: relative;
}

.g_newcon22 .m_newl h3 {
    height: 32px;
    margin-bottom: 6px;
}

.g_newcon22 .m_newl dt {
    width: 388px;
    height: 291px;
}

.g_newcon22 .m_newl dt img {
    width: 100%;
    height: 291px;
    display: block;
}

.g_newcon22 .m_newl dd {
    height: 110px;
    padding: 20px 40px 0;
    background: #f5f5f5;
}

.g_newcon22 .m_newl h4 {
    height: 32px;
    line-height: 32px;
    font-size: 18px;
    font-weight: normal;
    color: #333333;
    margin-bottom: 5px;
    font-weight: bold;
}

.g_newcon22 .m_newl h4 a {
    color: #333333;
    display: block;
}

.g_newcon22 .m_newl dd p {
    font-size: 14px;
    line-height: 24px;
    height: 48px;
    color: #666666;
    overflow: hidden;
}

.g_newcon22 .m_newl .newhd {
    position: absolute;
    left: 139px;
    top: 310px;
    z-index: 111;
}

.g_newcon22 .m_newl .newhd li {
    float: left;
    width: 12px;
    height: 12px;
    background: #fff;
    border-radius: 50%;
    margin-right: 18px;
}

.g_newcon22 .m_newl .newhd .on {
    background: #004098;
    width: 30px;
    border-radius: 20px;
}

.g_news22 {
    width: 800px;
    float: right;
}

.g_news22 .newq {
    height: 48px;
    border-bottom: 1px solid #dcdcdc;
}

.g_news22 .newq li {
    float: left;
    height: 48px;
    font-size: 18px;
    color: #666666;
    font-weight: bold;
}

.g_news22 .newq li a {
    color: #666666;
    margin-right: 30px;
    display: block;
    float: left;
    position: relative;
    height: 48px;
    padding-left: 40px;
}

.g_news22 .newq li i {
    position: absolute;
    left: 0;
    top: 0;
    width: 36px;
    height: 32px;
    overflow: hidden;
}

.g_news22 .newq li a:hover,
.g_news22 .newq li.cur a {
    color: #004098;
    border-bottom: 1px solid #004098;
}

.g_news22 .newq li a:hover i img,
.g_news22 .newq li.cur i img {
    margin-left: -36px;
}

.g_news22 dl {
    padding: 23px 0 0 0;
    height: 120px;
    border-bottom: 1px dashed #ccc;
}

.g_news22 h3 {
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    font-size: 18px;
    font-weight: normal;
    color: #333;
    margin-bottom: 12px;
}

.g_news22 h3 a {
    color: #333333;
}

.g_news22 p {
    font-size: 14px;
    line-height: 22px;
    color: #666666;
    height: 44px;
    overflow: hidden;
}

.g_news22 dl:hover h3 a {
    color: #004098;
    border-bottom: 1px solid #004098;
}

.g_news22 dl:nth-child(3) {
    border-bottom: none;
}


/* 走进 */

.g_zj {
    height: 900px;
    padding-top: 77px;
    background: url(../images/abbg.jpg) no-repeat center top;
}

.g_zj h2 {
    height: 130px;
    text-align: center;
    font-size: 40px;
    color: #fff;
    font-weight: normal;
}

.g_zj h2 a {
    color: #fff;
}

.g_zj h2 em {
    display: block;
    font-size: 18px;
    width: 344px;
    height: 38px;
    line-height: 38px;
    border: 1px solid #a4adb9;
    border-radius: 20px;
    margin: 10px auto 0
}

.g_zj .u_dlst1 {
    height: 403px;
    margin-bottom: 15px;
    clear: both;
}

.g_zj .u_dlst1 dt {
    width: 640px;
    margin-bottom: 0px;
    height: 395px;
    overflow: hidden;
    border: 8px solid #fff;
    border-bottom: none;
    float: left;
}

.g_zj .u_dlst1 dt img {
    width: 640px;
    height: 395px;
    display: block;
    transition: all 0.3s linear 0s;
}

.g_zj .u_dlst1 dt:hover img {
    transform: scale(1.1);
}

.g_zj p {
    overflow: hidden;
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    padding: 15px 50px;
    /* text-align: center; */
}

.g_zs2 {
    height: 340px;
}

.zz {
    width: 1200px;
    height: 340px;
    margin: 0 auto;
    position: relative;
}

.zz ul {
    height: 48px;
    border: 1px solid #dfdfdf;
    margin-bottom: 22px;
}

.zz ul li {
    float: left;
    width: 399px;
    font-size: 18px;
    color: #333333;
}

.zz ul li a {
    float: left;
    display: block;
    width: 219px;
    border-right: 1px solid #dfdfdf;
    line-height: 48px;
    position: relative;
    padding-left: 180px;
}

.zz ul li i {
    position: absolute;
    left: 140px;
    top: 6px;
    width: 36px;
    height: 36px;
    overflow: hidden;
}

.zz ul li a:hover,
.zz ul li.cur a {
    color: #fff;
    background: #004098;
}

.zz ul li a:hover i img,
.zz ul .cur i img {
    margin-left: -36px;
}

.zz ul li a:hover:before,
.zz .cur a:before {
    content: "";
    position: absolute;
    width: 28px;
    height: 9px;
    background: url(../images/abjt.png) no-repeat;
    left: 50%;
    margin-left: -14px;
    bottom: -9px;
}

.zz_box {
    position: relative;
}

.zz_box .ljt,
.zz_box .rjt {
    width: 22px;
    height: 30px;
    position: absolute;
    cursor: pointer;
    display: block;
    z-index: 10;
}

.zz_box .ljt {
    left: -45px;
    top: 66px;
}

.zz_box .rjt {
    right: -45px;
    top: 66px;
}

.zz-s {
    height: 290px;
    overflow: hidden;
}

.zz-s ol li {
    position: relative;
    float: left;
    width: 286px;
    overflow: hidden;
    margin-right: 18px;
    *display: inline;
    background: none;
    padding: 0
}

.zz-s ol li img {
    max-width: 100%;
    max-height: 100%;
    display: block;
    transition: all 0.3s linear 0s;
}

.zz-s ol li em {
    width: 286px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    font-size: 14px;
    color: #666666;
    display: block;
}

.zz-s ol li:hover em {
    display: block;
}

.zz-s ol li:hover img {
    transform: scale(1.05);
}


/* 友情链接 */

.g_link {
    height: 70px;
    background: #19191a;
}

.link_c {
    line-height: 70px;
    overflow: hidden;
    font-size: 14px;
}

.link_c a {
    white-space: nowrap;
    padding: 0 30px;
    float: left;
    height: 70px;
    line-height: 70px;
    color: #999999;
    display: block;
}

.link_c a:hover {
    color: #fff;
}