@charset "utf-8";

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;
}
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;
        width: 100%;
        height: 100%;
      }
      
    
ul,
li {
    list-style-type: none;
}

a {
    color: #333;
    text-decoration: none;
}
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: 1300px;
    margin: 0 auto;
}



/*header*/

header {

    width: 100%;

}

header .nav {

    width: 100%;

    height: 120px;

    background: #fff;

}

header .nav .logo {

    width: 26%;

    height: 100%;

    text-align: center;

    line-height: 100px;

}

header .nav .logo img {
    width: auto;
}

header .nav .dh {

    width: 74%;

    height: 100%;

    background: url(../images/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 p:last-child {

    font-size: 12px;

    color: #8E97C6
}

header .banner {

    width: 100%;

    height: 600px;

}

header .banner img {

    width: 100%;

    height: 100%;

}



main {

    width: 100%;

}

main .sycp {

    width: 100%;

    height: 946px;

}

main .sycp .rs {

    height: 70px;

    background: url(../images/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: #1E64BC;

    color: #fff
}

main .sycp .hx {

    width: 100%;

    height: 6px;

    background: #EEEEEE;

    margin: 65px 0 6px 0;

}

main .sycp .cpzs {

    width: 100%;

    height: 960px;

    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: .2;

    color: #2B6BBE
}

/* main .sycp .cpzs .an {

    width: 100%;

    height: 37px;

    margin: 20px 0 27px 0;

    line-height: 37px;

} */

main .cpbk {
    height: 50px;
    top: 20%;
    z-index: 5;
    display: flex;
    justify-content: center;
    margin-top: 30px;
}

/* main .cpbk ul {

    display: flex;
    text-align: left;
    position: relative;

} */

/*main .cpbk ul::after{

    content: "";

    width: 20px;

    height: 4px;

    background: #38A1FD;

    position: absolute;

    left: 0;

    top: 144%

}*/

main .cpbk ul li {
    display: inline-block;
    font-size: 16px;
    width: 150px;
    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 .list_da ul li img:hover{
    transform: scale(1.2);
    overflow: hidden;
    transition: all 1s;
}
main .sycp .cpzs .list_da ul li p:hover{
    transform: scale(1.2);
    color: #1E64BC;
    font: bold;
    transition: all 1s;
}
main .sycp .cpzs .an .zy .zuo {

    width: 37px;

    height: 37px;

    cursor: pointer;

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

    background-size: 100%;

}

main .sycp .cpzs .an .zy .zuo:hover {

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

    background-size: 100%
}

main .sycp .cpzs .an .zy .you {

    width: 37px;

    height: 37px;

    cursor: pointer;

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

    background-size: 100%;

}

main .sycp .cpzs .an .zy .you:hover {

    transform: rotate(180deg);

    background: url(../images/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: 385px;

    height: 290px;

    position: relative;

    overflow: hidden;

}

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: 100%;

}

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(../images/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(../images/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(../images/cqtp.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
}

main .gc .tou i {

    position: absolute;

    top: 29%;

    left: 37%;

    opacity: .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 .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(../images/dz.png)no-repeat;

    background-size: 100%
}

main .gc .zyou div:last-child {

    width: 55px;

    height: 55px;

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

    background-size: 100%
}

main .gc .zyou div:last-child:hover {

    transform: rotate(180deg);

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

    background-size: 100%
}

main .gc .zyou div:first-child:hover {

    background: url(../images/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: 400px;

}

main .about .nr .ab_zuo h1::after {

    content: "";

    width: 41px;

    height: 3px;

    background: #1E64BC;

    display: block;

    margin-top: 20px;

}

main .about .nr .ab_zuo .xlb {

    width: 594px;

    margin-top: 19px
}



main .about .nr .ab_zuo .xq {

    width: 594px;

    height: 148px;

    color: #2E2E2E;



}

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

    width: 136px;

    height: 35px;

    background: #1E64BC;

    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 p:nth-of-type(2) a::after{

    content: "\009B";

    position: absolute;

    right: 30px;

    top: -5px;

    font-size: 25px;

    font-weight: bold;

    color: #fff

}*/

main .about .nr .ab_zuo .xq div {

    width: 510px;

    height: 270px;

    box-shadow: 2px 2px 15px 1px #373737;

    position: absolute;

    top: 90px;

    right: 27px;

}

main .about .nr .ab_zuo .xq div img {

    width: 100%;

    height: 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;
    width: 100%;
    height: auto;
}

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: #1E64BC;

    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: #1E64BC;

    color: #fff
}



main .news {

    width: 100%;

    height: 942px;

}

main .news .newsb {

    width: 100%;

    height: 200px;

    background: url(../images/newsb.jpg)no-repeat;

    background-size: 100% 100%;

    padding-top: 60px;

}

main .news .newsb .newsbt {

    width: 400px;

    height: 96px;

    margin: 0 auto;

    background: rgba(255, 255, 255, .2);

    text-align: center;

    position: relative;

    padding-top: 34px;

}

main .news .newsb .newsbt h2 {

    font-size: 30px;

    margin-bottom: 19px;

    color: #fff
}

main .news .newsb .newsbt i {

    position: absolute;

    top: 40%;

    left: 41.5%;

    opacity: .2;

    color: #fff;

}

main .news .newsb .newsbt p {

    color: #fff;

}

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 li.tp.fr{
     width: 205px;
    height: 155px;
    overflow: hidden;
}

main .news .new_list .da ul .tp img {

    width: 100%;

    height: 100%;
    object-fit: cover;

}

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%;

    height: 441px;

    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: 116px;

    height: 116px;

    text-align: center;

    margin-top: 40px;
    margin-right: 50px;
   

}
footer .db .zuo .ewm .ewr {

    width: 116px;

    height: 116px;

    text-align: center;

    margin-top: 40px;
    margin-right: 50px;
   

}
footer .db .zuo .ewm .ewt .ewbk {

    width: 116px;

    height: 116px;

    border: 1px solid #4C4D4E;

    text-align: center
}
footer .db .zuo .ewm .ewr .ewbk {

    width: 116px;

    height: 116px;

    border: 1px solid #4C4D4E;

    text-align: center
}
footer .db .zuo .ewm .ewt img {

    width: 116px;

    height: 116px;
    object-fit: cover;
    margin: 0;

}
footer .db .zuo .ewm .ewr img{
    width: 116px;
    margin: 0;
    height: 116px;
    object-fit: cover;
}
footer .db .zuo .ewm .ewt P {

    width: 100%;

    height: 40px;

    line-height: 40px;

    color: #999999
}
footer .db .zuo .ewm .ewr P{
    width: 100%;

    height: 40px;

    line-height: 40px;

    color: #999999
}
footer .db .zuo .ewm .ewr{
    width: 116px;

    height: 116px;

    text-align: center;

    margin-top: 40px;
}


footer .db .you {

    width: 897px;

    height: 293px;

    background: url(../images/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 {

    width: 100%;

    height: 81px;

    background: #1F2022;

    border-top: 1px solid #323334;

}
footer .db .bh div img{
    width: 20px;
    height: 20px;
    vertical-align: -9px;
     margin-right: 4px
}
footer .db .bh div p {

    text-align: center;

    line-height: 81px;

    color: #999999;
}
footer .db .bh div span{
    margin-right: 10px;
}
footer .db .bh div a{
    color: #999999;
}
footer .db .bh div a:hover{
    color:#fff;
}
/* 联系我们 */

header .contact_banner {

    width: 100%;

    height: 520px;

    background: url(../images/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;

}

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(../images/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: 1000px;
    float: right;
}

main .subNavBox .dht {

    width: 235px;

    height: 45px;

    background: #334BA5;

    text-align: center;

    line-height: 45px;

    color: #fff;
    margin-top: 30px;
}
  

main .subNavBox .subNav {
    width: 215px;
    height: 45px;
    padding-left: 20px;
    cursor: pointer;
    line-height: 45px;
    background: #F6F6F6 url(../images/jiantou.png)no-repeat 90% center;
}

main .subNavBox .subNav:hover {
    background: #556bba url(../images/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(../images/jiantou2.png)no-repeat 90% center;
}

main .subNavBox .contentHead {
    height: 400px;
    display: flex;
    justify-content: space-between;
}


main .subNavBox .contentHead .picture {
    width: 500px;
    height: 400px;
    overflow: hidden;
}

main .subNavBox .contentHead .picture img {
    width: 100%;
    object-fit: cover;
}

main .subNavBox .contentHead .contentTxt {
    width: 400px;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}

main .subNavBox .contentHead .contentTxt .conHead h2 {
    font-size: 2em;
    line-height: 2em;
    height: 2em;
}

main .subNavBox .contentHead .contentTxt .conHead p {
    color: #999;
    font-size: 0.8em;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
main .subNavBox .contentHead .contentTxt .conContent {
    text-indent: 2em;
    /* padding-top: 120px; */
}
main .subNavBox .contentHead .contentTxt .contactButton {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

main .subNavBox .contentHead .contentTxt .contactButton a{
    width: 180px;
    height: 50px;
    display: block;
    text-align: center;
    line-height: 50px;
    background: #334ba5;
    border-radius: 10px;
    /* margin-top: 50px; */
    color: #fff;
    font-size: 1.1em;
    font-weight: bold;
   /* margin-right: 30px; */
}

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(../images/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 .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;

}
ul#maximg p{
text-indent: 2em;
}

.left {
    float: left;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}

.left .subContact {
    width: 215px;
    min-height: 2em;
    padding: 0.5em 0 0.5em 20px;
    background: #F6F6F6;
}

.left .subContact span{
    font-size: 1.1em;
    font-weight: bold;
}


main .cpzx .cplb {

    width: 962px;

}

main .cpzx .cplb ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    border-style: solid;
    border-width: 3px;
    border-color: #eee;
    padding-left: 5px;
    padding-top: 16px;
    padding-bottom: 2px;
    padding-right: 15px;
}


main .cpzx .cplb ul li {
    width: 310px;
    height: auto;
    margin-left: 10px;
    margin-bottom: 17px;
    position: relative;
    overflow: hidden;
}
main .cpzx .cplb ul li img:hover{
    transform: scale(1.1);
    transition: all 1s;
}
main .cpzx .cplb ul li p:hover{
    color: #6daaf5;
    transition: all 0.5s;
}

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(../images/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(../images/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(../images/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 {}

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;

    height: 145px;
    float: left;
    overflow: hidden;
    object-fit: cover;

}
main .newtp ul li .newt img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
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(../images/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(../images/news.jpg)no-repeat;

    background-size: 100% 100%;

}

/* end */


.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% !important;
    height: auto !important;
}
.maxing img{
    float: left;
    background-color: rgba(255,255,255,1);
    padding-top: 20px;
    object-fit: contain;
    display: flex;
    flex-flow: row;
    justify-content: space-around;
    flex-wrap: wrap;
    flex-direction: row;
}
    .container img {
        width: 100%; 
        margin-bottom:5px; 
        margin-right: 20px;
        object-fit: cover;
}

#maximg {
    line-height: 30px;
    padding-top: 30px;
    margin-left: 50px;

}

.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
}
.mark {
    display: flex;
    flex-wrap: wrap;
    padding: 10px;
    margin: auto;
    font-size: 14px;
    width: 50%;
    align-items: center;
    justify-content: space-around;
    color: #999;
}
.reLink {
	height: 38px;
	margin: 10px auto 10px;
	padding: 0px 47px;
    border: 1px solid #ccc;
}
.reLink .prevLink, .reLink .nextLink {
	height: 38px;
	line-height: 38px;
    width: 30em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.reLink .prevLink a, .reLink .nextLink a {
	height: 38px;
    line-height: 38px;
    
}
.reLink .prevLink a:hover, .reLink .nextLink a:hover {
	color: #334BA5;
}
.reLink .prevLink {
	float: left;
}
.reLink .nextLink {
	float: right;
}
/* 新闻推荐 */
.divremmnews {
	border: 1px solid #ccc;
	border-top: none;
	margin-bottom: 10px;
	padding: 15px;
	background-color: #fff;
}
.divremmnews ul {
	width: 100%;
	overflow: hidden;
}
.divremmnews ul li {
	float: left;
	width: 47%;
	height: 35px;
	line-height: 35px;
	margin: 0 1.5%;
	border-bottom: 1px dashed #ccc;
}
.divremmnews ul li a {
	height: 35px;
	line-height: 35px;
	float: left;
    width: 24em; /* 设置元素宽度 */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.divremmnews ul li span {
	color: #666;
	float: right;
	height: 35px;
	line-height: 35px;
	white-space: nowrap;
}
.divremmnews ul li a:hover {
	color: #334BA5;
}
.anlitopH4, .submian .subright .divanli {
	background: #fff;
}
.anlitopH4 {
	height: 38px;
	line-height: 38px;
	border: 1px solid #ccc;
    margin-top: 30px;
}
.anlitopH4 span {
	border-left: 5px solid #334BA5;
	height: 38px;
	line-height: 38px;
	padding-left: 22px;
	display: block;
	float: left;
	color: #334BA5;
	font-weight: bold;
	font-size: 14px;
}


.anlitopH4 a {
	float: right;
	padding-right: 20px;
}
.anlitopH4 .tel {
	float: right;
	padding-right: 10px;
	font-size: 14px;
	color: #007eb9;
}
/* 样式重置*/
#maximg img{
    max-width:100%; 
    height:auto;
}
#maximg h1,
.con_r .about h1,
.product_con_b .bd .conyi h1 { font-size: 2.5em; }

#maximg h2,
.con_r .about h2,
.product_con_b .bd .conyi h2 {font-size: 2em;}

#maximg h3,
.con_r .about h3,
.product_con_b .bd .conyi h3{font-size: 1.75em}

#maximg h4,
.con_r .about h4,
.product_con_b .bd .conyi h4 {font-size: 1.5em;}

#maximg h5,
.con_r .about h5,
.product_con_b .bd .conyi h5 {font-size: 1.25em;}

#maximg h6,
.con_r .about h6,
.product_con_b .bd .conyi h6 {font-size: 1em;}
   #maximg ul li {
 list-style: disc;
}
#maximg ol li {
list-style: decimal;
}#maximg ol li {
list-style: decimal;
}
#maximg li p{
   text-indent: 0em;
    }
#maximg p{
   text-indent: 2em;
   text-wrap: wrap;
}
#maximg span{
    text-wrap: wrap;
}
#maximg  a{
color: #333;
}
#maximg  a:hover{
color: #334BA5;
transition: all .5s;
}

#maximg  a {color: #1E90FF;text-decoration: none;}
#maximg  a:hover {color: #FF4500;text-decoration: underline;}
#maximg  ul.list-paddingleft-2 {padding-left: 1.5em; }
#maximg  ol.list-paddingleft-2 {padding-left: 1.5em;}