@charset "utf-8";
/* CSS Document */
body{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:20px;}
.f60{font-size:60px;}
.rel{position:relative;}
.min_w{min-width:1200px;}
.container{width:1200px;margin:0 auto;}

*{box-sizing: border-box;}

/*header*/
header{
    width: 100%;
}
header .nav{
    width: 1200px;
    height: 110px;
    background: #fff;
}
header .nav .logo{
    width: 25%;
    height: 100%;
    text-align: center;
    line-height: 105px;
}
header .nav .logo img{width: 100%;}
header .nav .dh{
    width: 75%;
    height: 100%;
}
header .nav .dh ul{
    margin:40px 30px 0 0;
    overflow: hidden;
}
header .nav .dh ul li{
    width: 105px;
    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: #333;
}
header .nav .dh ul li p:last-child{
    font-size: 12px;
    color: #333
}


header .banner{
    width: 100%;
}

main{
    width: 100%;
}

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


footer .db .bh{
    width: 100%;
    height: 85px;
    background: #1F2022;
    border-top: 1px solid #323334;
}

header .cp_banner{
    width: 100%;
    height: 521px;
    background: url(../images/cpb.jpg)no-repeat;
    background-size: 100% 100%;
}

header .contact_banner{
    width: 100%;
    height: 520px;
    background: url(../images/lxbg.jpg)no-repeat;
    background-size: 100% 100%;
}

    footer .db{
    width: 100%;
    height: 356px;
    background: #1F2022
}

header .abb_banner{
        width: 100%;
        height: 521px;
        background: url(../images/abb.jpg)no-repeat;
        background-size: 100% 100%;
    }
header .anli_banner{
    width: 100%;
    height: 520px;
    background: url(../images/anlib.jpg)no-repeat;
    background-size: 100% 100%;
}
header .new_banner{
    width: 100%;
    height: 521px;
    background: url(../images/news.jpg)no-repeat;
    background-size: 100% 100%;
}
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:48px;
    padding-left: 63px 
}

@media only screen and (min-width:320px) and (max-width:1200px){
    header .banner{
        width: 1200px;
    }
    main {
        width: 1200px;
    }
    footer .db .bh{
        width: 1200px;
        height: 85px;
        background: #1F2022;
        border-top: 1px solid #323334;
    }

    main .sycp .rs{
        height: 70px;
        background: url(../images/rs.png)no-repeat center;
        position: relative;
        margin:0;
        left:0;
        z-index: 10;
    }

    header .cp_banner{
        width: 1200px;
        height: 521px;
        background: url(../images/cpb.jpg)no-repeat;
        background-size: 100% 100%;
    }

    header .contact_banner{
        width: 1200px;
        height: 520px;
        background: url(../images/lxbg.jpg)no-repeat;
        background-size: 100% 100%;
    }

    footer .db{
        position: relative;
        width: 1200px;
        height: 356px;
        background: #1F2022
    }

    header .abb_banner{
        width: 1200px;
        height: 521px;
        background: url(../images/abb.jpg)no-repeat;
        background-size: 100% 100%;
    }

    header .anli_banner{
    width: 1200px;
    height: 520px;
    background: url(../images/anlib.jpg)no-repeat;
    background-size: 100% 100%;
}
    header .new_banner{
    width: 1200px;
    height: 521px;
    background: url(../images/news.jpg)no-repeat;
    background-size: 100% 100%;
}
    footer .db .you{
    width: 640px;
    height: 293px;
    /*background: url(../images/dbbg.jpg)no-repeat;*/
    /*background-size: 100% 100%;*/
    position: absolute;
    top: 0;
    right: 0;
    padding-top:48px;
    padding-left: 63px 
}

}


header .banner img{
    width: 100%;
    height: 100%;
}
/*main*/

main .sycp{
    width: 100%;
    height: 1112px;
}

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: 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: #334ba5
}
main .sycp .cpzs .zj .tou i{
    position: absolute;
    top:29%;
    left: 42%;
    opacity: .2;
    color: #2B6BBE
}
main .sycp .cpzs .an{
    width: 100%;
    height: 37px;
    margin:20px 0 27px 0;
    line-height: 37px;
}
main .cpbk{
    width:1200px;
    height: 32px;
    position: absolute;
    left: 18.5%;
    top: 20.7%;
    z-index: 5;
}
main .cpbk ul{
    display: flex;
    position: relative;
}
main .cpbk ul::after{
    content: "";
    width: 20px;
    height: 4px;
    background: #38A1FD;
    position: absolute;
    left: 0;
    top: 144%
}
main .cpbk ul li{
    font-size: 16px;
    cursor: pointer;
}
main .cpbk .on{
    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(../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: 387px;
    height: 324px;
    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: 100%;
}
main .sycp .cpzs .list_da ul li .zz{
    width: 387px;
    height: 324px;
    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: 26.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: 26px 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: 42%;
}
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: 42%;
}
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{
    overflow: hidden;
    width: 100%;
    height: 584px;
    background: url(../images/gcbg.jpg) no-repeat top center;
    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: 42%;
    opacity: .2;
    color: #fff
}
main .gc .tou p{
    color: #fff;
}
main .gc .cen{
    margin-top: 50px;
}
main .gc .cen .bk{
    width: 284px;
    height: 238px;  
    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: 95px;
    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;
}
main .about .nr .ab_zuo .sbt ul .on span img {
    margin-top: -55px;
}
main .about .nr .ab_zuo .sbt ul li p{
    width: 100%;
    margin-top: 16px;
}
main .about .ab_you{
    width: 406px;
    height: 406px;
    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%;
    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: 24px;
}
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 .tp{
    width: 300px;
    height: 175px;
}
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%;
    height: 441px;
    position: relative; 
}

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: 90px; 
	    margin-bottom: 20px;
}
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: 126px;
    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 .lx{
    width: 100%;
    height: 210px;
}
footer .db .you .lx .lxx{
    color: #fff;
    margin-right: 198px;
	margin-bottom:20px;
}
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 div p{
    text-align: center;
    line-height: 81px;
    color: #999999
}
/* 联系我们 */

header .bt{
    width: 462px;
    height: 104px;
    margin: 0 auto;
    text-align: center;
    padding-top: 213px;
    color: #fff;
}
header .bt h3{
    font-size: 32px;
}
header .bt p{
    font-size: 24px;
    margin-top: 28px;
}
main .lxwo{
    height: 690px;
    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{
    width: 248px;
    background: url(../images/lxus2.png)no-repeat left center;
    background-size: 9%;
    margin-left: 24px;
}
main .lxtou ul li:last-child p{
    color: #334BA5;
    margin-right: 28px;
    font-weight: bolder
}
main .lxwo .lxdi{
    width: 100%;
    height: 100%;
}
main .navContent{
    position: absolute;
    right: 0;
    top:30px;
    /*display: none;*/
    width: 960px;
}
main .subNavBox .dht{
    width: 219px;
    height: 45px;
    background: #334BA5;
    text-align: center;
    line-height: 45px;
    color: #fff;
}
main .subNavBox .subNav{
    width: 210px;
    height: 45px;
    padding-left: 16px;
    cursor: pointer;
    line-height: 45px;
    background: #F6F6F6 url(../images/jiantou.png)no-repeat 90% center;
}
main .subNavBox .currentDt{
    background: #F6F6F6 url(../images/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;
}

main .anli{
    /*height: 910px;*/
    position: relative;
    padding-top: 30px;
}
main .anli .anlb{
    width: 964px;

}
main .anli .anlb ul{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
main .anli .anlb ul li{
    width: 308px;
    height: 258px;
    margin-bottom: 17px;
    position: relative;
    margin-right: 20px;
}


main .anli .anlb ul li:nth-child(3n){
    margin-right:0;
}
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: 867px;
    height: 60px;
    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{
   /* height: 750px;*/
    position: relative;
    padding-top: 30px;
}
main .cpzx{
       /*min-height: 1710px;*/
	   /*min-height: 750px;*/
}
main .cpzx .cplb{
    width: 964px;
}
main .cpzx .cplb ul{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
main .cpzx .cplb ul li{
    width: 308px;
    height: 258px;
    margin-bottom: 17px;
    position: relative;
	margin-right: 20px;
    
}

main .cpzx .cplb ul li:nth-child(3n){
    margin-right:0;
    
}

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:hover .xiao{
    display: none;
}
main .cpzx .cplb ul li .da{
    width: 100%;
    height: 261px;
    background: rgba(0, 0, 0,0.5);
    position: absolute;
    top: 0;
    left: 0;
    padding-top:94px;
    display: none;
}
main .cpzx .cplb ul li .da div{
    width: 182px;
    height: 80px;
    border: 1px solid #fff;
    margin: 0 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: 21px;
}
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: 45%;
}
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: 45%;
}
main .cpzx .cplb ul li .da div p{
    font-size: 11px;
}

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

main .newy{
    /*min-height: 920px;*/
    position: relative;
    padding-top: 30px;
}
main .newtp ul li{
    width: 915px;
    height: 180px;
    background: #F3F3F3;
    margin-bottom: 20px;
    padding: 10px 26px 0 9px;
}
main .newtp ul li:hover{
    box-shadow: 0px 0px 5px 5px #C8D0DF
}
main .newtp ul li .newt{
    width: 280px;
    height: 170px;
    float: left;
}
main .newtp ul li .newz{
    width: 600px;
    height: 180px;
    float: right;
}
main .newtp ul li .newz h3{
    font-size: 20px;
    padding-bottom: 20px;
    margin-top: 20px;
}
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: #666666
}
/*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
}

/* end */

.main_page{margin:70px 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;}