body {
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 14px;
    line-height: 22px;
    font-family: Microsoft YaHei, 黑体, Verdana, Arial, sans-serif;
    -webkit-text-size-adjust: none;
    color: #333;
}

html,
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td,
p {
    margin: 0;
    padding: 0;
}

img {
    border: 0;
    vertical-align: bottom;
}

ul,
li {
    list-style-type: none;
}

a {
    color: #333;
    text-decoration: none;
    transition: all 0.3s;
}

input:focus,
select:focus,
option:focus,
textarea:focus {
    outline: none;
}

textarea,
input[type="date"],
input[type="number"] {
    resize: none;
    border: none;
}

button:hover,
input[class*="b"]:hover {
    cursor: pointer;
}

i,
u {
    font-style: normal;
    font-weight: normal;
}

.tl {
    text-align: left;
}

.tc {
    text-align: center;
}

.tr {
    text-align: right;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.cl {
    clear: both;
}

.fb {
    font-weight: bold;
}

.f12 {
    font-size: 12px;
}

.f14 {
    font-size: 14px;
}

.f16 {
    font-size: 16px;
}

.f18 {
    font-size: 18px;
}

.f20 {
    font-size: 20px;
}

.f26 {
    font-size: 26px;
}

.f60 {
    font-size: 60px;
}

.rel {
    position: relative;
}

.min_w {
    min-width: 1200px;
}

.container {
    width: 1200px;
    margin: 0 auto;
}



header {
    min-width: 1200px;
}

header .nav {
    width: 100%;

    height: 120px;

    background: #fff;
}

header .nav .logo {
    width: 36%;

    height: 100%;

    text-align: center;

    line-height: 100px;
}

header .nav .dh {
    width: 64%;

    height: 100%;

    background: url(../image/nav.png) no-repeat;

    background-size: 100% 100%;
}

header .nav .dh ul {
    margin: 47px 61px 0 0;

    overflow: hidden;
}

header .nav .dh ul li {
    width: 117px;

    height: 70px;

    float: left;

    text-align: center;
}

header .nav .dh ul li:hover {
    border-bottom: 3px solid #fff;
}

header .nav .dh ul li p:first-child {
    font-size: 16px;

    color: #fff;
}

header .nav .dh ul li:nth-child(6) p:first-child{
    color: #d7141a;
    font-weight: bold;
}


header .nav .dh ul li p:last-child {
    font-size: 12px;

    color: #8e97c6;

    text-transform: uppercase;
}

header .nav .dh ul li:nth-child(6) p:last-child{
    color: #d7141a;
    font-weight: bold;
}



header .banner {
    max-width: 1903px;
}

header .banner img {
    width: 100%;

    height: 100%;
}



main {
    width: 100%;
}

main .sycp {
    width: 100%;

    height: 1086px;
}

main .sycp .rs {
    height: 70px;

    background: url(../image/rs.png) no-repeat center;

    position: absolute;

    left: 50%;

    z-index: 10;

    margin: -35px 0 0 -600px;
}

main .sycp .rs .ss {
    width: 1022px;

    height: 100%;

    margin: 0 auto;

    color: #fff;
}

main .sycp .rs .ss .fl {
    line-height: 70px;

    font-size: 16px;
}

main .sycp .rs .ss .fl a {
    color: #fff;

    font-size: 16px;
}

main .sycp .rs .ss .bd {
    width: 293px;

    height: 30px;

    background: #fff;

    line-height: 30px;

    padding-left: 15px;

    margin-top: 19px;
}

main .sycp .rs .ss .fr input {
    border: none;
}

main .sycp .rs .ss .fr input:first-child {
    width: 234px;

    height: 28px;
}

main .sycp .rs .ss .fr input::-webkit-input-placeholder {
    font-size: 14px;
}

main .sycp .rs .ss .fr input:last-child {
    width: 55px;

    height: 30px;

    text-align: center;

    background: #334ba5;

    color: #fff;
}

main .sycp .hx {
    width: 100%;

    height: 6px;

    background: #eeeeee;

    margin: 65px 0 6px 0;
}

main .sycp .cpzs {
    width: 100%;

    height: 1100px;

    background: #eeeeee;

    position: relative;
}

main .sycp .cpzs .zj {
    padding-top: 82px;
}

main .sycp .cpzs .zj .tou {
    width: 393px;

    margin: 0 auto;

    text-align: center;

    position: relative;
}

main .sycp .cpzs .zj .tou h2 {
    font-size: 30px;

    font-weight: normal;

    margin-bottom: 19px;

    color: #2b6bbe;
}

main .sycp .cpzs .zj .tou i {
    position: absolute;

    top: 29%;

    left: 44%;

    opacity: 0.2;

    color: #2b6bbe;
}

main .sycp .cpzs .an {
    width: 100%;

    height: 37px;

    margin: 20px 0 27px 0;

    line-height: 37px;
}

main .cpbk {
    width: 1200px;

    height: 50px;

    position: absolute;

    left: 18.5%;

    top: 17.7%;

    z-index: 5;
}

main .cpbk ul {
    display: table;
    text-align: left;
    position: relative;
}



main .cpbk ul li {
    display: inline-block;
    font-size: 16px;
    width: 130px;
    height: 35px;
    line-height: 35px;
    color: #fff;
    background: #535353;
    cursor: pointer;
    margin-right: 20px;
    text-align: center;
}

main .cpbk .on {
    background: #334ba5;
    font-weight: bold;
}

main .sycp .cpzs .an .zy {
    width: 82px;

    display: flex;

    justify-content: space-between;
}

main .sycp .cpzs .an .zy .zuo {
    width: 37px;

    height: 37px;

    cursor: pointer;

    background: url(../image/cpan3.png) no-repeat;

    background-size: 100%;
}

main .sycp .cpzs .an .zy .zuo:hover {
    background: url(../image/cpan2.png) no-repeat;

    background-size: 100%;
}

main .sycp .cpzs .an .zy .you {
    width: 37px;

    height: 37px;

    cursor: pointer;

    background: url(../image/cpan1.png) no-repeat;

    background-size: 100%;
}

main .sycp .cpzs .an .zy .you:hover {
    transform: rotate(180deg);

    background: url(../image/cpan2.png) no-repeat;

    background-size: 100%;
}

main .sycp .cpzs .list_da {
    width: 100%;
}

main .sycp .cpzs .list_da ul {
    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;
}

main .sycp .cpzs .list_da ul li {
    width: 387px;

    position: relative;
}

main .sycp .cpzs .list_da ul li:nth-of-type(4),
main .sycp .cpzs .list_da ul li:nth-of-type(5),
main .sycp .cpzs .list_da ul li:nth-of-type(6) {
    margin-top: 22px;
}

main .sycp .cpzs .list_da ul li img {
    width: 100%;

    height: 290px;
}

main .sycp .cpzs .list_da ul li .zz {
    width: 387px;

    height: 290px;

    background: rgba(0, 0, 0, 0.4);

    display: none;

    position: absolute;

    top: 0;
}

main .sycp .cpzs .list_da ul li:hover .zz {
    display: block;
}

main .sycp .cpzs .list_da ul li .zz div {
    width: 230px;

    height: 100px;

    border: 1px solid #fff;

    margin: 23.5% auto;

    text-align: center;
}

main .sycp .cpzs .list_da ul li .zz div p {
    color: #fff;
}

main .sycp .cpzs .list_da ul li .zz div p:first-child {
    margin: 40px 0 5px 0;
}

main .sycp .cpzs .list_da ul li .zz div p:first-child::before {
    content: "";

    width: 15px;

    height: 6px;

    background: url(../image/zz.png) no-repeat;

    position: absolute;

    left: 26.5%;

    top: 49%;
}

main .sycp .cpzs .list_da ul li .zz div p:first-child::after {
    content: "";

    width: 15px;

    height: 6px;

    background: url(../image/zz.png) no-repeat;

    position: absolute;

    right: 26.5%;

    top: 49%;
}

main .sycp .cpzs .more {
    width: 149px;

    height: 42px;

    border: 1px solid #999999;

    border-radius: 5px;

    text-align: center;

    margin: 35px auto;
}

main .sycp .cpzs .more a {
    display: block;

    width: 149px;

    height: 42px;

    font-size: 14px;

    line-height: 42px;
}

main .sycp .cpzs .more:hover,
main .sycp .cpzs .more a:hover {
    background: #999999;

    color: #fff;
}

main .gc {
    width: 100%;

    height: 620px;

    padding-top: 80px;

    background: url(../image/gcbg.jpg) no-repeat;

    background-size: 100% 100%;
}

main .gc .tou {
    width: 393px;

    margin: 0 auto;

    text-align: center;

    position: relative;
}

main .gc .tou h2 {
    font-size: 30px;

    font-weight: normal;

    margin-bottom: 19px;

    color: #fff;
    line-height: 30px;
}

main .gc .tou i {
    position: absolute;

    top: 29%;

    left: 37%;

    opacity: 0.2;

    color: #fff;
}

main .gc .tou p {
    color: #fff;
}

main .gc .cen {
    margin-top: 50px;
}

main .gc .cen .bk {
    width: 284px;

    height: 280px;

    position: relative;
}

main .gc .cen .bk .xt {
    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    box-sizing: border-box;

    padding-top: 15px;

    height: 50px;

    overflow: hidden;

    background: #fff;

    transition: all 0.5s linear;

    text-align: center;
}

main .gc .cen .bk .xt a {
    display: none;

    margin-top: 5px;
}

main .gc .cen .bk img {
    width: 100%;
}

main .gc .cen .bk:hover .xt a {
    color: #fff;

    display: block;
}

main .gc .cen .bk:hover .xt {
    height: 100px;

    background: #222222;

    color: #fff;
}

main .gc .cen .bk:hover .xt p {
    margin-top: 15px;
}

main .gc .zyou {
    width: 386px;

    height: 55px;

    margin: 50px auto;

    display: flex;

    justify-content: space-between;
}

main .gc .zyou div:first-child {
    width: 55px;

    height: 55px;

    background: url(../image/dz.png) no-repeat;

    background-size: 100%;
}

main .gc .zyou div:last-child {
    width: 55px;

    height: 55px;

    background: url(../image/dy.png) no-repeat;

    background-size: 100%;
}

main .gc .zyou div:last-child:hover {
    transform: rotate(180deg);

    background: url(../image/dl.png) no-repeat;

    background-size: 100%;
}

main .gc .zyou div:first-child:hover {
    background: url(../image/dl.png) no-repeat;

    background-size: 100%;
}

main .gc .zyou p {
    width: 149px;

    height: 42px;

    border: 1px solid #fff;

    border-radius: 5px;

    text-align: center;

    margin: 6px auto;
}

main .gc .zyou p a {
    display: block;

    width: 149px;

    height: 42px;

    font-size: 14px;

    line-height: 42px;

    color: #fff;
}

main .gc .zyou p:hover,
main .gc .zyou p a:hover {
    background: #fff;

    color: #000;
}

main .about {
    width: 100%;

    height: 514px;
}

main .about .nr {
    height: 100%;

    margin-top: 121px;

    position: relative;
}

main .about .nr .ab_zuo {
    width: 594px;

    height: 450px;
}

main .about .nr .ab_zuo h1::after {
    content: "";

    width: 41px;

    height: 3px;

    background: #334ba5;

    display: block;

    margin-top: 20px;
}

main .about .nr .ab_zuo .xlb {
    width: 594px;

    margin-top: 19px;
}

main .about .nr .ab_zuo .xq {
    width: 594px;

    color: #2e2e2e;

    line-height: 1.5;
}

main .about .nr .ab_zuo .xq p:nth-of-type(2) {
    width: 136px;

    height: 35px;

    background: #334ba5;

    text-align: center;

    border-radius: 60px;

    position: relative;

    overflow: hidden;

    margin-top: 40px;
}

main .about .nr .ab_zuo .xq p:nth-of-type(2) a {
    display: block;

    width: 100%;

    height: 100%;

    line-height: 35px;

    color: #fff;
}



main .about .nr .ab_zuo .xq div {
    width: 510px;

    height: 270px;

    position: absolute;

    top: 150px;

    right: 0;
}

main .about .nr .ab_zuo .xq div video {
    width: 100%;
}

main .about .nr .ab_zuo .sbt {
    width: 596px;

    height: 140px;

    margin-top: 38px;
}

main .about .nr .ab_zuo .sbt ul {
    width: 100%;

    display: flex;

    justify-content: space-between;
}

main .about .nr .ab_zuo .sbt ul li {
    width: 191px;

    height: 139px;

    border: 1px solid #c6c6c6;

    border-radius: 5px;

    cursor: pointer;

    text-align: center;
}

main .about .nr .ab_zuo .sbt ul li span {
    display: block;

    width: 53px;

    height: 50px;

    margin-left: 72px;

    margin-right: 15px;

    margin-top: 33px;

    overflow: hidden;
}

main .about .nr .ab_zuo .sbt ul li span img {
    display: block;

    float: left;
}

main .about .nr .ab_zuo .sbt ul .on span img {
    margin-top: -55px;
}

main .about .nr .ab_zuo .sbt ul .on a p {
    color: #fff;
}

main .about .nr .ab_zuo .sbt ul li p {
    width: 100%;

    margin-top: 16px;
}

main .about .ab_you {
    width: 406px;

    height: 371px;

    background: #334ba5;

    padding: 24px 0 0 27px;

    color: #fff;
}

main .about .ab_you p {
    opacity: 0.5;

    margin-top: 11px;
}

main .about .on {
    width: 100px;

    height: 30px;

    background: #334ba5;

    color: #fff;
}

main .news {
    width: 100%;

    height: 942px;
}

main .news .newsb {
    width: 100%;

    

    
}

main .news .newsb .newsbt {
    width: 400px;

    height: 96px;

    margin: 0 auto;

    background: rgba(255, 255, 255, 0.2);

    text-align: center;

    position: relative;

    padding-top: 70px;
}

main .news .newsb .newsbt h2 {
    font-size: 30px;

    margin-bottom: 19px;

    color: #334ba5;
}

main .news .newsb .newsbt i {
    position: absolute;

    top: 40%;

    left: 41.5%;
}

main .news .newsb .newsbt p {
    
}

main .news .new_list {
    width: 100%;

    height: 100%;

    margin-top: 32px;
}

main .news .new_list .da {
    width: 100%;

    height: 201px;
}

main .news .new_list .da:hover {
    background: #f1f1f1;
}

main .news .new_list .da ul {
    height: 100%;
}

main .news .new_list .da ul li {
    padding-top: 29px;
}

main .news .new_list .da ul li:nth-of-type(1) {
    width: 114px;

    height: 172px;
}

main .news .new_list .da ul li:nth-of-type(2) {
    margin-left: 44px;
}

main .news .new_list .da ul li .rq {
    width: 112px;

    height: 76px;

    border-right: 1px solid #000;
}

main .news .new_list .da ul li .rq h2 {
    height: 48px;

    line-height: 48px;

    margin-bottom: 11px;

    color: #e0e0e0;
}

main .news .new_list .da ul li .rq p {
    color: #9e9e9e;
}

main .news .new_list .da ul li .wz {
    width: 732px;

    height: 140px;
}

main .news .new_list .da ul li .wz h6 {
    font-weight: normal;
}

main .news .new_list .da ul li .wz p {
    margin-top: 14px;

    color: #a9a9a9;
}

main .news .new_list .da ul li .wz div {
    width: 80px;

    height: 30px;

    background: #e5e5e5;

    text-align: center;

    margin-top: 35px;
}

main .news .new_list .da ul li .wz div a {
    display: block;

    width: 100%;

    height: 100%;

    line-height: 30px;

    color: #fff;
}

main .news .new_list .da ul .tp {
    width: 286px;

    height: 140px;
}

main .news .new_list .da ul .tp img {
    width: 100%;

    height: 100%;
}

main .news .new_list .da:hover .rq h2,
main .news .new_list .da:hover .rq p {
    color: #666666;
}

main .news .new_list .da:hover .wz h6 {
    color: #334ba5;
}

main .news .new_list .da:hover .wz p {
    color: #666666;
}

main .news .new_list .da:hover .wz div {
    background: #334ba5;
}

footer {
    width: 100%;

    

    padding-top: 54px;

    position: relative;
}

footer .db {
    width: 100%;

    height: 356px;

    background: #1f2022;
}

footer .db .zuo {
    background: #1f2022;

    height: 100%;
}

footer .db .zuo .xdh {
    width: 598px;

    height: 61px;

    padding-top: 59px;
}

footer .db .zuo .xdh ul {
    width: 100%;

    height: 20px;
}

footer .db .zuo .xdh ul:last-child {
    margin-top: 0px;
}

footer .db .zuo .xdh ul li {
    float: left;

    margin-right: 132px;
}

footer .db .zuo .xdh ul li a {
    color: #999999;

    font-size: 14px;
}

footer .db .zuo .ewm {
    margin-left: 115px;
}

footer .db .zuo .ewm .wai {
    width: 20px;

    height: 75px;

    line-height: 18px;

    margin-right: 45px;

    color: #fff;

    margin-top: 65px;
}

footer .db .zuo .ewm .ewt {
    width: 126px;

    height: 171px;

    text-align: center;

    margin-top: 40px;
}

footer .db .zuo .ewm .ewt .ewbk {
    width: 126px;

    height: 121px;

    padding-top: 4px;

    border: 1px solid #4c4d4e;

    text-align: center;
}

footer .db .zuo .ewm .ewt img {
    width: 116px;

    height: 116px;
}

footer .db .zuo .ewm .ewt P {
    width: 100%;

    height: 40px;

    line-height: 40px;

    color: #999999;
}

footer .db .you {
    width: 897px;

    height: 293px;

    background: url(../image/dbbg.jpg) no-repeat;

    background-size: 100% 100%;

    position: absolute;

    top: 0;

    right: 0;

    padding-top: 118px;

    padding-left: 63px;
}

footer .db .you .lx {
    width: 100%;

    height: 210px;
}

footer .db .you .lx .lxx {
    color: #fff;

    margin-right: 198px;
}

footer .db .you .lx .three {
    margin-top: 60px;
}

footer .db .you .lx .lxx h4::before {
    content: "";

    display: block;

    width: 16px;

    height: 4px;

    background: #fff;

    margin-bottom: 8px;
}

footer .db .you .lx .lxx p {
    margin-top: 19px;
}

footer .db .bh {
    min-width: 1200px;

    height: 81px;

    background: #1f2022;

    border-top: 1px solid #323334;
}

footer .db .bh div p {
    text-align: center;

    line-height: 81px;

    color: #999999;
}



header .contact_banner {
    width: 100%;

    height: 520px;

    background: url(../image/lxbg.jpg) no-repeat;

    background-size: 100% 100%;
}

header .bt {
    width: 362px;

    height: 104px;

    margin: 0 auto;

    text-align: center;

    padding-top: 161px;

    color: #fff;
}

header .bt h3 {
    font-size: 32px;
    text-transform: uppercase;
}

header .bt p {
    font-size: 24px;

    margin-top: 28px;
}

main .lxwo {
    height: 520px;

    position: relative;

    padding-top: 30px;
}

main .lxtou {
    width: 100%;

    height: 69px;

    background: rgba(255, 255, 255, 0.6);

    position: absolute;

    top: -69px;

    left: 0;

    line-height: 69px;
}

main .lxtou ul {
    width: 100%;

    height: 100%;

    overflow: hidden;
}

main .lxtou ul li {
    text-align: center;
}

main .lxtou ul li:first-child {
    background: url(../image/lxus2.png) no-repeat left center;

    background-size: 8%;

    margin-left: 24px;

    height: 69px;

    padding-left: 35px;

    text-align: left;
}

main .lxtou ul li:last-child p {
    color: #334ba5;

    margin-right: 28px;

    font-weight: bolder;
}

main .lxwo .lxdi {
    width: 100%;

    height: 100%;
}

main .navContent {
    width: 960px;
    float: right;
}

main .subNavBox .dht {
    width: 219px;

    height: 45px;

    background: #334ba5;

    text-align: center;

    line-height: 45px;

    color: #fff;
}

main .subNavBox .subNav {
    width: 195px;

    height: 45px;

    padding-left: 24px;

    cursor: pointer;

    line-height: 45px;

    background: #f6f6f6 url(../image/jiantou.png) no-repeat 90% center;
}

main .subNavBox .subNav:hover {
    background: #556bba url(../image/jiantou112.png) no-repeat 90% center;
}

main .subNavBox .subNav:hover a {
    color: #fff;
}

main .subNavBox .subNav:hover {
    color: #fff;
}

main .subNavBox .currentDt {
    background: #f6f6f6 url(../image/jiantou2.png) no-repeat 90% center;
}

main .navContent .lxwz {
    margin-top: 63px;
}

main .navContent .lxwz ul li {
    height: 21px;

    line-height: 21px;

    margin-right: 190px;
}

main .navContent .lxwz ul li:nth-of-type(1),
main .navContent .lxwz ul li:nth-of-type(4) {
    width: 418px;
}

main .navContent .lxwz ul li:nth-of-type(2),
main .navContent .lxwz ul li:nth-of-type(5) {
    margin: 0;
}

main .navContent .lxwz ul li img {
    margin-right: 17px;
}

main .navContent .lxwz ul li a {
    font-size: 17.5px;
}

header .anli_banner {
    width: 100%;

    height: 520px;

    background: url(../image/anlib.jpg) no-repeat;

    background-size: 100% 100%;
}

main .anli {
    height: 910px;

    position: relative;

    padding-top: 30px;
}

main .anli .anlb {
    width: 964px;
}

main .anli .anlb ul {
    width: 100%;

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;
}

main .anli .anlb ul li {
    width: 228px;

    margin-bottom: 17px;

    position: relative;
}

main .anli .anlb ul li div {
    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    box-sizing: border-box;

    padding-top: 10px;

    height: 40px;

    overflow: hidden;

    background: rgba(0, 0, 0, 0.4);

    transition: all 0.5s linear;

    text-align: center;

    color: #fff;
}

main .anli .anlb ul li div a {
    display: none;

    margin-top: 5px;
}

main .anli .anlb ul li img {
    width: 100%;

    height: 100%;
}

main .anli .anlb ul li:hover div a {
    color: #fff;

    display: block;
}

main .anli .anlb ul li:hover div {
    height: 80px;

    background: #222222;

    color: #fff;
}

main .anli .anlb ul li:hover div p {
    margin-top: 10px;
}

main .fyan {
    width: 100%;

    height: 30px;

    margin: 0 auto;
}

main .fyan ul {
    width: 100%;

    height: 100%;

    display: flex;

    justify-content: space-between;

    margin-top: 15px;
}

main .fyan ul li {
    text-align: center;

    height: 100%;

    line-height: 30px;

    border-radius: 50px;

    background: #e9e9e9;
}

main .fyan ul li a {
    color: #848484;

    font-size: 12px;
}

main .fyan ul li:nth-of-type(1),
main .fyan ul li:nth-of-type(7) {
    width: 46px;
}

main .fyan ul li:nth-of-type(2),
main .fyan ul li:nth-of-type(6) {
    width: 61px;
}

main .fyan ul li:nth-of-type(3) {
    width: 30px;

    background: #334ba5;
}

main .fyan ul li:nth-of-type(3) a {
    color: #fff;
}

main .fyan ul li:nth-of-type(5) {
    width: 54px;
}

main .fyan ul li:nth-of-type(4) {
    background: none;
}

main .cpy {
    position: relative;

    padding-top: 30px;
    margin-bottom: 80px;
}

main .cpzx {
    overflow: hidden;
}

.zuoc {
    float: left;
}

main .cpzx .cplb {
    width: 962px;
}

main .cpzx .cplb ul {
    width: 100%;

    display: flex;

    flex-wrap: wrap;
}

main .cpzx .cplb ul li {
    width: 310px;

    height: auto;
    margin-left: 10px;
    margin-bottom: 17px;

    position: relative;
}

main .cpzx .cplb ul li .xiao {
    width: 100%;

    height: 33px;

    background: rgba(0, 0, 0, 0.5);

    position: absolute;

    bottom: 0;

    left: 0;

    text-align: center;

    line-height: 33px;

    color: #fff;
}

main .cpzx .cplb ul li .da {
    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.5);

    position: absolute;

    top: 0;

    left: 0;

    display: none;
}

main .cpzx .cplb ul li .da div {
    width: 182px;

    height: 80px;

    border: 1px solid #fff;

    margin: 25% auto;

    color: #fff;

    text-align: center;
}

main .cpzx .cplb ul li:hover .da {
    display: block;
}

main .cpzx .cplb ul li .da div h5 {
    font-weight: normal;

    font-size: 20px;

    margin-top: 28px;
}

main .cpzx .cplb ul li .da div h5::before {
    content: "";

    width: 15px;

    height: 6px;

    background: url(../image/zz.png) no-repeat;

    position: absolute;

    left: 26.5%;

    top: 50%;
}

main .cpzx .cplb ul li .da div h5::after {
    content: "";

    width: 15px;

    height: 6px;

    background: url(../image/zz.png) no-repeat;

    position: absolute;

    right: 26.5%;

    top: 50%;
}

main .cpzx .cplb ul li .da div p {
    font-size: 11px;
}

header .cp_banner {
    width: 100%;

    height: 521px;

    background: url(../image/cpb.jpg) no-repeat;

    background-size: 100% 100%;
}

main .aby {
    height: 470px;

    position: relative;

    padding-top: 30px;
}

main .ablb h5 {
    font-size: 24px;

    font-weight: normal;

    text-align: center;

    border-bottom: 1px solid #e0e0e0;

    padding-bottom: 14px;

    margin-bottom: 15px;
}

main .ablb p {
    text-indent: 25px;

    font-size: 16px;

    line-height: 35px;
}

header .abb_banner {
    min-width: 1200px;
}

main .newy {
    position: relative;

    padding-top: 30px;
}

main .newtp ul li {
    width: 915px;

    background: #f3f3f3;

    margin-bottom: 20px;

    padding: 15px 26px 15px 9px;
    overflow: hidden;
}

main .newtp ul li:hover {
    box-shadow: 0px 0px 5px 5px #c8d0df;
}

main .newtp ul li .newt {
    width: 213px;

    float: left;
}

main .newtp ul li .newz {
    width: 680px;

    height: 140px;

    float: right;
}

main .newtp ul li .newz h3 {
    font-size: 20px;

    padding-bottom: 20px;

    margin-top: 10px;
}

main .newtp ul li .newz h3 span {
    font-size: 14px;

    float: right;

    margin-top: 5px;

    font-weight: normal;

    color: #999999;
}

main .newtp ul li .newz p {
    font-size: 16px;

    color: #999;
    line-height: 30px;
}

header .new_banner {
    width: 100%;

    height: 521px;

    background: url(../image/news.jpg) no-repeat;

    background-size: 100% 100%;
}

main .newy {
    padding-top: 30px;

    position: relative;

    margin-bottom: 80px;
}

main .zb {
    width: 219px;

    height: 184px;
}

main .zb div {
    width: 100%;

    height: 45px;

    background: #334ba5;

    color: #fff;

    text-align: center;

    line-height: 45px;
}

main .new_wz {
    width: 952px;
}

main .new_wz li {
    width: 936px;

    height: 161px;

    background: #f3f3f3;

    margin-bottom: 20px;

    padding: 9px 0 0 13px;
}

main .new_wz li:hover {
    box-shadow: 0px 0px 8px 5px #c8d0df;
}

main .new_wz li div {
    margin-right: 22px;
}

main .new_wz li .tp_zuo {
    width: 213px;

    height: 150px;
}

main .new_wz li .tp_zuo img {
    width: 100%;

    height: 100%;
}

main .new_wz li .nlwz {
    width: 678px;

    margin-top: 38px;
}

main .new_wz li .nlwz p:first-child {
    font-size: 20px;

    font-weight: bold;
}

main .new_wz li .nlwz p:first-child span {
    font-size: 14px;

    font-weight: normal;

    color: #999999;
}

main .new_wz li .nlwz p:last-child {
    width: 661px;

    font-size: 16px;

    margin-top: 22px;

    color: #666666;
}

header .new_banner {
    width: 100%;

    height: 521px;

    background: url(../image/news.jpg) no-repeat;

    background-size: 100% 100%;
}



.main_page {
    margin: 30px 0;
}

.main_page a {
    display: inline-block;
    margin: 0 5px;
    border: #ddd solid 1px;
    padding: 0 15px;
    height: 30px;
    line-height: 30px;
    border-radius: 50px;
    background: #e9e9e9;
    color: #848484;
}

.main_page a:hover {
    background: #334ba5;
    color: #fff;
    border: #334ba5 solid 1px;
}

#maximg img {
    max-width: 100%;
    height: auto;
}

#maximg {
    line-height: 30px;
}

.pagebar {
    padding: 20px;
    overflow: hidden;
    clear: both;
}

.pagebar .pagination {
    display: flex;
    justify-content: center;
    margin-top: 10px;
}

.pagination a {
    background: #fff;
    border: 1px solid #ccc;
    color: #333;
    font-size: 12px;
    padding: 8px 10px;
    margin: 0 2px;
    border-radius: 3px;
    line-height: 100%;
}

.pagination span {
    color: #333;
    font-size: 12px;
    padding: 7px 2px;
    margin: 0 2px;
    border-radius: 3px;
}

.pagination a:hover {
    color: #333;
    border: 1px solid #333;
}

.pagination a.page-num-current {
    color: #fff;
    background: #333;
    border: 1px solid #333;
}

.pagination .st {
    font-family: 宋体;
}

.text-secondary {
    text-align: center;
    padding: 20px 0;
}

.gbook {
    margin: 50px 0;
}

.gbook .dt {
    margin: 50px 0 30px 0;
    font-size: 16px;
    font-weight: bold;
    color: #000;
}

.gbook form {
    width: 1000px;
}

.gbook form li {
    width: 32%;
    float: left;
    margin-right: 2%;
}

.gbook form li:nth-child(3) {
    margin-right: 0;
}

.gbook form li span {
    font-size: 16px;
    color: #666;
    text-align: right;
    margin-right: 10px;
    width: 80px;
    float: left;
    line-height: 38px;
}

.gbook form input[type="text"] {
    width: calc(100% - 90px);
    box-sizing: border-box;
    background-color: transparent;
    color: #666;
    border: 1px solid #bbb;
    line-height: 2;
    padding: 5px 10px;
    border-radius: 3px;
}

.gbook .textarea {
    margin-top: 20px;
}

.gbook .textarea span {
    font-size: 16px;
    color: #666;
    display: block;
    margin-bottom: 10px;
}

.gbook .textarea textarea {
    width: 100%;
    box-sizing: border-box;
    height: 14em;
    background-color: transparent;
    border: 1px solid #bbb;
    padding: 10px;
    border-radius: 3px;
    font-family: inherit;
}

.gbook .chackcode {
    width: 50%;
    display: flex;
    align-items: center;
    height: 39px;
    margin: 20px 0 50px 0;
}

.gbook .chackcode span {
    font-size: 16px;
    color: #666;
    display: block;
    width: 80px;
}

.gbook .chackcode input[type="text"] {
    width: 40%;
    margin: 0 10px;
}

.gbook .chackcode img {
    height: 100%;
}

main .gc.honor{padding: 0;height: 550px;}
main .gc.honor .cen{margin-top: 0;}
main .gc.honor .tou h2{
    color: #000;
}
main .gc.honor .cen .bk{
    height: 430px;
    cursor: grab;
}

.cp_wz .top{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}
.cp_wz .top .img{
    width: 400px;
    height: 400px;
    border: 1px solid #dfd8d8;
    display: flex;
    justify-content: center;
    align-items: center;
}
.cp_wz .top .img img{
    width: 387px;
    max-width: unset!important;
}
.cp_wz .top .txt{
    width: 520px;
    line-height: 1.5;
}

.cp_wz .top .txt h2{
    font-size: 24px;
    font-weight: bold;
    color: #000;
    margin-bottom: 10px;
}
.cp_wz .top .txt .link {
    margin-top: 4vh;
}

.cp_wz .top .txt .link a {
    display: inline-block;
    padding: 8px 26px 8px 20px;
    border: 1px solid #dfd8d8;
    border-top-right-radius: 24px;
    border-bottom-right-radius: 24px;
    color: #333;
    line-height: 1;
    transition: 0.25s;
    overflow: hidden;
    position: relative;
}

.cp_wz .top .txt .link a:hover {
    background: #334ba5;
    color: #fff;
}

.cp_wz .bottom .pro_par li{
    width: 50%;
    display: inline-block;
    padding-right:1%;
    box-sizing: border-box;
}
.cp_wz .bottom .pro_par li:nth-child(2n){padding-right:0;}

.cp_wz .bottom table {
    width: 100%;
    border-spacing: 0;
}

.cp_wz .bottom table tr:nth-child(2n-1) {
    font-weight: bold;
    background: #f0f0f0;
}

.cp_wz .bottom table td {
    padding: 5px 10px;
    line-height: 1.875;
}