/*初始化样式*/

input{padding:0;margin:0;font-family:'Microsoft YaHei';}

img{border:none;background:none;vertical-align:middle;}

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

select,input,img,select{vertical-align:middle;}

table{border-collapse:collapse;border-spacing:0}

table, th, td {vertical-align: middle}

.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}

.clearfix{zoom:1}

.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}





hr {border: 0;border-top:1px solid #ccc;height:0;}

p{margin: 0;}



/*----- Common css ------*/

.fl{float:left;}

.fr{float:right;}

.di{_display:inline;}

.fwn{font-weight:normal;}

.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}



.com-img{ display:block; overflow:hidden;}

.com-img img{ transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s;}

.com-img:hover img{transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2);-ms-transform:scale(1.2);}



.xypg-right-content{font-size: 16px;}



.j-space-between{justify-content:space-between}

.j-flex-start{justify-content:flex-start}

.j-flex-end{justify-content:flex-end}

.j-center{justify-content:center}

.a-j-center{align-items:center;justify-content:center}

.a-center{align-items:center}

.a-flex-start{align-items:flex-start}

.a-flex-end{align-items:flex-end}



/*主体样式*/



.page-position{

    position: absolute;

    bottom: 5%;

    left: -5%;

    right: 0;

    color: #fff;

}



.page-position a{

    color: #fff;

}





.page-wrap {

    margin-top: 3%;

}





.xypg-left-title{

    background: #0d4da1;

    padding: 25px 30px;

}



.xypg-left-title h3{

    font-size: 24px;

    font-weight: 500;

}



.xypg-left-title i{

    display: none;

}



.xypg-left-title span{

     font-size: 14px;

    text-transform: uppercase;

    opacity: 0.2;

    line-height: 1;

}





.xypg-left-title11{

    border-top-left-radius: 5px;

    border-top-right-radius: 5px;

}





.xypg-left-title11 h3{

    font-size: 30px;

    line-height: 1.6;

    font-weight: 500;

    background: url(../images/f5bf5bd142d6b4777855b2df2e8f4c28543d3123.png) no-repeat right center;

}





.xypg-left-title11 h3 span{

    display: block;

    margin-left: 0;

    

}



.xypg-left-title11 span:before{

    display: none;

}







.nsort .xypg-left-nav{

    margin: 0;

}

.nsort .xypg-left-nav > li{

    background: #f8f8f8;

    border-bottom: none;

    margin-bottom: 2px;

    

}





.nsort .xypg-left-nav > li > a{

    padding: 23px 0;

    color: #666666;

    font-size: 17px;

    padding-left: 40px;

    padding-right: 40px;

}





.nsort .xypg-left-nav > li > a::before{

    content: '';

    position: absolute;

    left: 0;

    top: 0;

    width: 4px;

    background: #0d4da1;

    height: 100%;

    opacity: 0;

}



.nsort .xypg-left-nav > li:hover > a::before{

    opacity: 1;

}



.nsort .xypg-left-nav > li.clicked > a::before{

    opacity: 1;

}



.nsort .xypg-left-nav > li .first-nav-btn{

    background: url(../images/51b35787a10075f282e4323416031151dbf9cad0.png) no-repeat top center;

    width: 9px;

    height: 14px;

    right: 30px;

    top: 30px;

}



.nsort .xypg-left-nav > li:hover .first-nav-btn, .nsort .xypg-left-nav > li.clicked .first-nav-btn{

    background: url(../images/c092c5ca96631a29ec56519a43424d648cbead4d.png) no-repeat top center;

}



.nsort .xypg-left-nav > li:hover > a, .nsort .xypg-left-nav > li.clicked > a{

    color: #0d4da1;

}



.xypg-left-box{

    margin-bottom: 30px;

}



.xypg-left-con{

    border-top: 1px solid #d2d2d2;

    margin-top: 1px;

}



.xypg-left-con11{

    border-top:none;

    border: none;

    margin-top: 0;

}





.latest-news{

    padding:20px;

}



.latest-news li{

    padding: 0.5rem 0;

    color: #666666;

    font-size: 15px;

}



.latest-news li a{

    position: relative;

    text-indent: 1.5em;

}



.latest-news li a:before{

    content:"";

    width: 4px;

    height: 4px;

    background: #d4d4d4;

    position: absolute;

    left: 0;

    top: 50%;

    margin-top: -2px;

}



.latest-news li:hover a{

    color: #0d4da1;

}

.latest-news li:hover a:before{

    background: #0d4da1;

}



.hot-keys li a{

    border: none;

    background: #f6f6f6;

    color: #666666;

    font-size: 14px;

}





.xypg-product-list1{



}



.xypg-product-list1 li{

    background: #f6f6f6;

    padding: 20px;

    margin-bottom: 30px;

}



.xypg-product-list1 li a{

    display: flex;

    justify-content: space-between;

    align-items: center;

}



.xypg-product-list1 li a .img1{

    width: 44.5%;

}



.xypg-product-list1 li a .img1 img{

    width: 100%;

}



.xypg-product-list1 li a .wz{

    width: 46%;

    margin-right: 3%;

}



.xypg-product-list1 li a .wz .wz1{

    color: #333333;

    font-size: 20px;

}



.xypg-product-list1 li a .wz .wz2{

    color: #666666;

    font-size: 14px;

    line-height: 28px;

    margin: 5% 0;

    overflow:hidden; 

    text-overflow:ellipsis;

    display:-webkit-box; 

    -webkit-box-orient:vertical;

    -webkit-line-clamp:3; 

}



.xypg-product-list1 li a .wz .wz3{

    color: #999999;

    font-size: 14px;

}



.xypg-product-list1 li:hover a .wz .wz1{

    color: #0d4da1;

}



.xypg-product-list1 li:hover a .wz .wz3{

    color: #0d4da1;

}



@media(max-width: 1200px){

    .page-position{

        left: 0;

    }

}



@media (min-width: 990px) {

    .page-wrap-left {

        float: left;

        width: 320px;

        margin-right: 4.16666667%;

    }

}





@media(max-width: 767px){



    .xypg-product-list1 li a .wz .wz1{

        font-size: 14px;

    }

    .xypg-product-list1 li a .wz .wz2{

        color: #666666;

        font-size: 13px;

        line-height: 22px;

        margin: 5px 0;

    }

    .xypg-product-list1 li a .wz .wz3{

        font-size: 13px;

    }

}











































.tong {

    max-width: 1370px;

    margin-left: auto;

    margin-right: auto;

    padding: 0 15px;

}



.flex {

    display: flex;

    justify-content: space-between;

}



p {

    margin: 0;

}



.fen img {

    transition-duration: .3s;

}



.fen:hover img {

    transform: scale(1.1);

}



.of {

    overflow: hidden;

}



.tou {

    height: 110px;

}



.tou .logo {

    line-height: 110px;

}



.tou .zi {

    padding-top: 16px;

    width: 61%;

}



.tou .zi .zi1 {

    display: flex;

    align-items: center;

    justify-content: flex-end;

    line-height: 16px;

}



.tou .zi .zi1 .k1 {

    color: #999999;

    font-size: 13px;

}



.tou .zi .zi1 .k1 a {

    color: #999999;

}



.tou .zi .zi1 .dh {

    font-size: 26px;

    color: #005bac;

    font-family: arial;

    padding-left: 26px;

    background: url(../images/1f947395deebb3f79e7e420316d6a2773d4e7f6b.png) no-repeat 0 50%;

    margin-left: 16px;

    font-weight: bold;

}



.tou .zi .zi2 {

    display: flex;

    justify-content: space-between;

    align-items: center;

    position: relative;

}



.tou .zi .zi2 .ss {

    line-height: 76px;

    cursor: pointer;

}



.tou .zi .zi2 #formsearch {

    width: 370px;

    height: 41px;

    position: absolute;

    right: 0;

    top: 76px;

    z-index: 111;

    background: #fff;

    display: none;

}



.tou .zi .zi2 #formsearch input {

    border: none;

    background: none;

    outline: none;

    line-height: 41px;

    height: 41px;

}



.tou .zi .zi2 #formsearch input#keyword {

    float: left;

    color: #999999;

    text-indent: 14px;

    width: calc(100% - 67px);

}



.tou .zi .zi2 #formsearch input#keyword::-webkit-input-placeholder {

    color: #999999;

}



.tou .zi .zi2 #formsearch input#s_btn {

    float: right;

    color: #fff;

    text-align: center;

    font-size: 16px;

    width: 67px;

    padding: 0;

    background: url(../images/63ee53e7707412e16d7c808adc0b62b31c0c6b32.png) no-repeat 50%;

    font-size: 0;

}



.c1 {

    background: url(../images/86e7938df7d59f58d93904291b42d79367619d1c.png) no-repeat 50% 0;

    background-size: cover;

    padding-top: 4.95vw;

    padding-bottom: 5.42vw;

}



@media (max-width: 780px) {

    .c1 {

        padding-top: 40px;

        padding-bottom: 40px;

    }

}



@media (max-width: 780px) {

    .c1 .con {

        flex-wrap: wrap;

    }

}



.c1 .con .c1-1 {

    width: 52.1%;

    padding-top: 22px;

}



@media (max-width: 780px) {

    .c1 .con .c1-1 {

        width: 100%;

        padding-top: 0;

    }

}



.c1 .con .c1-1 h2 {

    line-height: 1;

}



.c1 .con .c1-1 h2 p {

    font-size: 18px;

    color: #666666;

    font-weight: 500;

}



@media (max-width: 1200px) {

    .c1 .con .c1-1 h2 p {

        font-size: 16px;

    }

}



.c1 .con .c1-1 h2 b {

    display: block;

    margin-top: 15px;

    font-size: 32px;

    color: #005a9c;

}



@media (max-width: 1200px) {

    .c1 .con .c1-1 h2 b {

        font-size: 24px;

    }

}



@media (max-width: 480px) {

    .c1 .con .c1-1 h2 b {

        font-size: 18px;

    }

}



.c1 .con .c1-1 dd {

    font-size: 16px;

    color: #666666;

    line-height: 34px;

    margin-top: 2vw;

    margin-bottom: 3.9vw;

}



@media (max-width: 1200px) {

    .c1 .con .c1-1 dd {

        font-size: 14px;

        line-height: 24px;

    }

}



@media (max-width: 480px) {

    .c1 .con .c1-1 dd {

        margin-top: 14px;

        margin-bottom: 20px;

    }

}



.c1 .con .c1-1 .list2 {

    display: flex;

    text-align: center;

}



@media (max-width: 480px) {

    .c1 .con .c1-1 .list2 {

        justify-content: space-between;

    }

}



.c1 .con .c1-1 .list2 li {

    padding: 25px 0 22px;

    width: 120px;

    border-radius: 6px;

    border: solid 1px #dbdbdb;

    margin-right: 1.61vw;

    transition-duration: .3s;

}



@media (max-width: 1200px) {

    .c1 .con .c1-1 .list2 li {

        padding: 12px 0 10px;

    }

}



@media (max-width: 480px) {

    .c1 .con .c1-1 .list2 li {

        width: 24%;

        margin-right: 0;

    }

}



.c1 .con .c1-1 .list2 li .img {

    line-height: 40px;

}



@media (max-width: 1200px) {

    .c1 .con .c1-1 .list2 li .img img {

        max-height: 34px;

    }

}



.c1 .con .c1-1 .list2 li .img img.img2 {

    display: none;

}



.c1 .con .c1-1 .list2 li:hover .img img.img2{

  display: inline;

} 



.c1 .con .c1-1 .list2 li:hover .img img.img1{

  display: none;

} 



.c1 .con .c1-1 .list2 li h3 {

    font-size: 16px;

    color: #666666;

    margin-top: 18px;

}



@media (max-width: 1200px) {

    .c1 .con .c1-1 .list2 li h3 {

        font-size: 14px;

        margin-top: 10px;

    }

}



.c1 .con .c1-1 .list2 li:hover {

    border: dashed 1px #005bac;

}



.c1 .con .c1-1 .list2 li:hover .img.img2 {

    display: inline;

}



.c1 .con .c1-1 .list2 li:hover .img.img1 {

    display: none;

}



.c1 .con .c1-2 {

    width: 41.642%;

}



@media (max-width: 780px) {

    .c1 .con .c1-2 {

        width: 100%;

        margin-top: 20px;

    }

}



.c1 .con .c1-2 img {

    width: 100%;

}



h2.bt {

    text-align: center;

    font-weight: 600;

    font-size: 42px;

    color: #005a9c;

}



@media (max-width: 1200px) {

    h2.bt {

        font-size: 32px;

    }

}



@media (max-width: 780px) {

    h2.bt {

        font-size: 24px;

    }

}



.c2 {

    background-color: #f6f7f9;

    padding-top: 3.7vw;

    padding-bottom: 1.93vw;

}



@media (max-width: 780px) {

    .c2 {

        padding-top: 30px;

    }

}



.c2 .con {

    margin-top: 3.23vw;

}



@media (max-width: 780px) {

    .c2 .con {

        margin-top: 24px;

    }

}



.c2 .con .list2 {

    justify-content: flex-start;

    margin-left: -0.54vw;

    margin-right: -0.54vw;

}



.c2 .con .list2 li {

    width: 33.33%;

    padding: 0 0.54vw;

    margin-bottom: 3.23vw;

}



@media (max-width: 780px) {

    .c2 .con .list2 li {

        width: 50%;

    }

}



@media (max-width: 480px) {

    .c2 .con .list2 li {

        margin-bottom: 14px;

    }

}



.c2 .con .list2 li .img {

    text-align: center;

    position: relative;

}



.c2 .con .list2 li .img img {

    width: 100%;

}



.c2 .con .list2 li .img:before {

    content: '';

    display: block;

    width: 100%;

    height: 100%;

    background: rgba(0, 90, 156, 0.8);

    position: absolute;

    left: 0;

    top: 0;

    z-index: 1;

    transition-duration: .3s;

    opacity: 0;

}



.c2 .con .list2 li .img .zi {

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    z-index: 2;

    font-size: 24px;

    font-weight: 600;

    border-bottom: 1px solid #fff;

    line-height: 1;

    padding-bottom: 26px;

    width: 83.13%;

    color: #fff;

    transition-duration: .3s;

    opacity: 0;

}



.c2 .con .list2 li .sec {

    margin-top: 2.08vw;

    align-items: center;

}



@media (max-width: 480px) {

    .c2 .con .list2 li .sec {

        margin-top: 14px;

    }

}



.c2 .con .list2 li .sec h3 {

    font-size: 24px;

    color: #005bac;

    font-weight: 600;

    display: flex;

    align-items: center;

    width: calc(100% - 120px);

}



@media (max-width: 480px) {

    .c2 .con .list2 li .sec h3 {

        width: calc(100% - 50px);

    }

}



.c2 .con .list2 li .sec h3 span {

    text-overflow: ellipsis;

    overflow: hidden;

    white-space: nowrap;

    display: block;

}



@media (max-width: 1200px) {

    .c2 .con .list2 li .sec h3 {

        font-size: 16px;

    }

}



@media (max-width: 480px) {

    .c2 .con .list2 li .sec h3 {

        font-size: 14px;

    }

}



.c2 .con .list2 li .sec h3 img {

    padding-right: 0.99vw;

    transform: scale(1) !important;

}



@media (max-width: 1200px) {

    .c2 .con .list2 li .sec h3 img {

        width: 32px;

    }

}



@media (max-width: 480px) {

    .c2 .con .list2 li .sec h3 img {

        width: 24px;

    }

}



.c2 .con .list2 li .sec .ck {

    color: #666666;

    font-size: 14px;

}



@media (max-width: 480px) {

    .c2 .con .list2 li .sec .ck {

        font-size: 12px;

    }

}



@media (min-width: 1200px) {

    .c2 .con .list2 li:hover .img:before {

        opacity: 1;

    }



    .c2 .con .list2 li:hover .img .zi {

        opacity: 1;

    }

}



html {

    overflow-x: hidden;

}



.c3 {

    margin-top: 3.28vw;

    margin-bottom: 3.85vw;

}



@media (max-width: 780px) {

    .c3 {

        margin-top: 30px;

        margin-bottom: 30px;

    }

}



.c3 .ti h2 {

    text-align: center;

    font-weight: 600;

    font-size: 42px;

    color: #005a9c;

}



@media (max-width: 1200px) {

    .c3 .ti h2 {

        font-size: 32px;

    }

}



@media (max-width: 780px) {

    .c3 .ti h2 {

        font-size: 24px;

    }

}



.c3 .ti a.ck {

    font-size: 16px;

    color: #999999;

}



@media (max-width: 1200px) {

    .c3 .ti a.ck {

        font-size: 14px;

    }

}



@media (max-width: 480px) {

    .c3 .ti a.ck {

        font-size: 12px;

    }

}



.c3 .ti a.ck img {

    padding-left: 1.04vw;

}



.c3 .con {

    margin-top: 2.81vw;

}



@media (max-width: 780px) {

    .c3 .con {

        margin-top: 24px;

    }

}



.c3 .con .list2 {

    justify-content: flex-start;

    margin-left: -0.52vw;

    margin-right: -0.52vw;

    text-align: center;

}



.c3 .con .list2 li {

    width: 25%;

    padding: 0 0.52vw;

}



@media (max-width: 780px) {

    .c3 .con .list2 li {

        width: 50%;

    }

}



.c3 .con .list2 li .img img {

    width: 100%;

}



.c3 .con .list2 li h3 {

    margin-top: 1.88vw;

    font-size: 17px;

    color: #888888;

    transition-duration: .3s;

}



@media (max-width: 780px) {

    .c3 .con .list2 li h3 {

        font-size: 14px;

        margin-top: 0;

        line-height: 40px;

    }

}



.c3 .con .list2 li:hover h3 {

    color: #005a9c;

}



.c4 {

    padding-top: 4.32vw;

    background: url(../images/1283d0e1187df09b8874757dbb34518546bd0d15.jpg) no-repeat 50% 0;

    background-size: cover;

    padding-bottom: 3.02vw;

}



@media (max-width: 780px) {

    .c4 {

        padding-top: 40px;

        padding-bottom: 30px;

    }

}



.c4 h2.bt {

    color: #fff;

}



@media (max-width: 480px) {

    .c4 h2.bt {

        line-height: 1.4;

    }

}



.c4 .zix {

    color: #fff;

    font-size: 20px;

    margin-top: 27px;

    text-align: center;

}



@media (max-width: 780px) {

    .c4 .zix {

        margin-top: 14px;

        font-size: 16px;

    }

}



@media (max-width: 480px) {

    .c4 .zix {

        font-size: 14px;

        margin-top: 8px;

    }

}



.c4 .con {

    margin-top: 160px;

}



@media (max-width: 1380px) {

    .c4 .con {

        margin-top: 110px;

    }

}



.c4 .con .list2 {

    margin-left: -0.65vw;

    margin-right: -0.65vw;

    text-align: center;

    align-items: inherit;

}



@media (max-width: 480px) {

    .c4 .con .list2 {

        flex-wrap: wrap;

    }

}



.c4 .con .list2 li {

    width: 33.33%;

    padding: 0 0.65vw;

    position: relative;

}



@media (max-width: 480px) {

    .c4 .con .list2 li {

        width: 100%;

        margin-bottom: 110px;

    }



    .c4 .con .list2 li:last-child {

        margin-bottom: 0;

    }

}



.c4 .con .list2 li a {

    background: #fff;

    padding: 5.42vw 1.98vw 2.6vw;

    display: block;

    height: 100%;

}



@media (max-width: 780px) {

    .c4 .con .list2 li a {

        padding-top: 64px;

    }

}



@media (max-width: 480px) {

    .c4 .con .list2 li a {

        padding: 64px 10px 20px;

    }

}



.c4 .con .list2 li .img {

    left: 50%;

    transform: translateX(-50%);

    width: 207px;

    background: url(../images/ac7ddb6c22366b0d5f92b529b9ef4019f4a78e92.png) no-repeat 50% 0;

    padding-top: 35px;

    position: absolute;

    top: -95px;

    background-size: 100% auto;

}



@media (max-width: 1380px) {

    .c4 .con .list2 li .img {

        width: 160px;

        padding-top: 27px;

        top: -74px;

    }

}



.c4 .con .list2 li .img .img1 {

    width: 121px;

    margin-left: auto;

    margin-right: auto;

    line-height: 121px;

}



@media (max-width: 1380px) {

    .c4 .con .list2 li .img .img1 {

        width: 93px;

        line-height: 93px;

    }

}



@media (max-width: 1380px) {

    .c4 .con .list2 li .img .img1 img {

        max-height: 40px;

    }

}



.c4 .con .list2 li .zi h3 {

    font-size: 30px;

    color: #000000;

    transition-duration: .3s;

}



@media (max-width: 1380px) {

    .c4 .con .list2 li .zi h3 {

        font-size: 18px;

    }

}



.c4 .con .list2 li .zi dd {

    margin-top: 22px;

    font-size: 16px;

    color: #666666;

    line-height: 28px;

}



@media (max-width: 1380px) {

    .c4 .con .list2 li .zi dd {

        font-size: 14px;

        margin-top: 8px;

    }

}



.c4 .con .list2 li:hover .zi h3 {

    color: #005a9c;

}



.c4 .dh {

    margin-top: 3.65vw;

    color: #fff;

    text-align: center;

    font-size: 28px;

    font-family: arial;

    font-weight: 600;

    line-height: 1;

}



@media (max-width: 780px) {

    .c4 .dh {

        margin-top: 20px;

        font-size: 20px;

    }

}



@media (max-width: 480px) {

    .c4 .dh {

        font-size: 16px;

    }

}



.c4 a.ck {

    margin-left: auto;

    margin-right: auto;

    text-align: center;

    color: #fff;

    margin-top: 1.88vw;

    width: 130px;

    line-height: 30px;

    background-color: #005a9c;

    border-radius: 8px;

    font-size: 14px;

    display: block;

}



@media (max-width: 780px) {

    .c4 a.ck {

        margin-top: 12px;

    }

}



.c5 {

    margin-top: 3.75vw;

    margin-bottom: 3.28vw;

}



@media (max-width: 780px) {

    .c5 {

        margin-top: 30px;

        margin-bottom: 30px;

    }

}



.c5 .con {

    margin-top: 2.33vw;

    align-items: initial;

}



@media (max-width: 1200px) {

    .c5 .con {

        flex-wrap: wrap;

    }

}



@media (max-width: 780px) {

    .c5 .con {

        margin-top: 24px;

    }

}



.c5 .con .c5-1 {

    width: 49.55%;

}



@media (max-width: 1200px) {

    .c5 .con .c5-1 {

        width: 100%;

    }

}



.c5 .con .c5-1 .list1 {

    position: relative;

}



.c5 .con .c5-1 .list1 li {

    float: left;

    position: relative;

}



.c5 .con .c5-1 .list1 li .img img {

    width: 100%;

}



.c5 .con .c5-1 .list1 li h3 {

    font-size: 22px;

    position: absolute;

    width: 100%;

    padding: 0 1.56vw;

    bottom: 1.98vw;

    color: #fff;

}



@media (max-width: 1200px) {

    .c5 .con .c5-1 .list1 li h3 {

        font-size: 16px;

        padding: 0 20px;

        bottom: 20px;

    }

}



.c5 .con .c5-1 .list1 .slick-dots {

    position: absolute;

    right: 1.56vw;

    bottom: 1.67vw;

}



@media (max-width: 1200px) {

    .c5 .con .c5-1 .list1 .slick-dots {

        right: 20px;

        bottom: 20px;

    }

}



.c5 .con .c5-1 .list1 .slick-dots li {

    margin-left: 10px;

    border-radius: 20px;

    border: solid 1px #ffffff;

    width: 10px;

    height: 10px;

    background: none;

}



.c5 .con .c5-1 .list1 .slick-dots li.slick-active {

    background: #fff;

}



.c5 .con .c5-1 .list1 .slick-dots li button {

    display: none;

}





.c5 .con .riimg{

    width: 46.45%;

}



.riimg a.ckk {

    /* margin-left: auto; */

    margin-right: auto;

    text-align: center;

    color: #fff;

    margin-top: 1.88vw;

    width: 130px;

    line-height: 30px;

    background-color: #005a9c;

    border-radius: 8px;

    font-size: 14px;

    display: block;

}















.c5 .con .c5-2 {

    width: 50.45%;

}



@media (max-width: 1200px) {

    .c5 .con .c5-2 {

        width: 100%;

    }

}



.c5 .con .c5-2 .list2 li {

    position: relative;

    width: 33.3333333333%;

    border: solid 1px #eeeeee;

    transition-duration: .3s;

    margin: -1px 0;

}



.c5 .con .c5-2 .list2 li .img img {

    width: 100%;

}



.c5 .con .c5-2 .list2 li:hover {

    z-index: 2;

    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);

}



.c5 a.ck {

    margin-top: 3.96vw;

    text-align: center;

    font-size: 16px;

    color: #999999;

    display: flex;

    justify-content: center;

    align-items: center;

}



@media (max-width: 780px) {

    .c5 a.ck {

        margin-top: 20px;

    }

}



.c5 a.ck img {

    padding-left: 16px;

}



.c6 {

    background: #fafafa;

    padding-top: 3.39vw;

    padding-bottom: 4.79vw;

}



@media (max-width: 780px) {

    .c6 {

        padding-top: 30px;

        padding-bottom: 30px;

    }

}



.c6 .con {

    align-items: inherit;

    margin-top: 3.33vw;

}



@media (max-width: 780px) {

    .c6 .con {

        margin-top: 24px;

    }

}



.c6 .con .c6-1 {

    width: 48.66%;

}



@media (max-width: 780px) {

    .c6 .con .c6-1 {

        width: 100%;

    }

}



.c6 .con .c6-1 .list2 {

    background: #fff;

    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);

}



.c6 .con .c6-1 .list2 li .zi {

    padding: 1.88vw 2.6vw 2.19vw 1.6vw;

}



@media (max-width: 780px) {

    .c6 .con .c6-1 .list2 li .zi {

        padding: 20px 15px;

    }

}



.c6 .con .c6-1 .list2 li .zi .timex {

    font-size: 16px;

    font-family: arial;

    color: #666666;

}



@media (max-width: 780px) {

    .c6 .con .c6-1 .list2 li .zi .timex {

        font-size: 14px;

    }

}



.c6 .con .c6-1 .list2 li .zi h3 {

    font-size: 20px;

    color: #333333;

    font-weight: 600;

    text-overflow: ellipsis;

    overflow: hidden;

    white-space: nowrap;

    margin-top: 10px;

    margin-bottom: 16px;

    transition-duration: .3s;

}



@media (max-width: 780px) {

    .c6 .con .c6-1 .list2 li .zi h3 {

        font-size: 18px;

        margin-top: 8px;

        margin-bottom: 12px;

    }

}



.c6 .con .c6-1 .list2 li .zi dd {

    font-size: 16px;

    color: #666666;

    text-overflow: ellipsis;

    overflow: hidden;

    white-space: nowrap;

}



@media (max-width: 780px) {

    .c6 .con .c6-1 .list2 li .zi dd {

        font-size: 14px;

    }

}



.c6 .con .c6-1 .list2 li .zi .ck {

    font-size: 14px;

    font-family: arial;

    color: #005a9c;

    margin-top: 18px;

}



@media (max-width: 780px) {

    .c6 .con .c6-1 .list2 li .zi .ck {

        font-size: 12px;

        margin-top: 12px;

    }

}



.c6 .con .c6-1 .list2 li .img img {

    width: 100%;

}



.c6 .con .c6-1 .list2 li:hover .zi h3 {

    color: #005a9c;

}



.c6 .con .c6-2 {

    width: 45.38%;

}



@media (max-width: 780px) {

    .c6 .con .c6-2 {

        width: 100%;

    }

}



.c6 .con .c6-2 .list2 li {

    border-bottom: 1px dashed rgba(204, 204, 204, 0.6);

    padding: 1.40625vw 2.4vw 1.40625vw 0;

}



@media (max-width: 780px) {

    .c6 .con .c6-2 .list2 li {

        padding: 14px 0;

    }

}



.c6 .con .c6-2 .list2 li:nth-child(1) {

    padding-top: 10px;

}



@media (max-width: 780px) {

    .c6 .con .c6-2 .list2 li:nth-child(1) {

        padding: 14px 0;

    }

}



.c6 .con .c6-2 .list2 li .timex {

    font-size: 16px;

    font-family: arial;

    color: #666666;

}



@media (max-width: 780px) {

    .c6 .con .c6-2 .list2 li .timex {

        font-size: 14px;

    }

}



.c6 .con .c6-2 .list2 li h3 {

    font-size: 20px;

    color: #333333;

    font-weight: 600;

    text-overflow: ellipsis;

    overflow: hidden;

    white-space: nowrap;

    margin-top: 10px;

    margin-bottom: 16px;

    transition-duration: .3s;

}



@media (max-width: 780px) {

    .c6 .con .c6-2 .list2 li h3 {

        font-size: 18px;

        margin-top: 8px;

        margin-bottom: 12px;

    }

}



.c6 .con .c6-2 .list2 li dd {

    font-size: 16px;

    color: #666666;

    text-overflow: ellipsis;

    overflow: hidden;

    white-space: nowrap;

}



@media (max-width: 780px) {

    .c6 .con .c6-2 .list2 li dd {

        font-size: 14px;

    }

}



.c6 .con .c6-2 .list2 li .ck {

    font-size: 14px;

    font-family: arial;

    color: #005a9c;

    margin-top: 18px;

}



@media (max-width: 780px) {

    .c6 .con .c6-2 .list2 li .ck {

        font-size: 12px;

        margin-top: 12px;

    }

}



.c6 .con .c6-2 .list2 li:hover h3 {

    color: #005a9c;

}



.c7 {

    background: url(../images/2c3f2ef9fa0b848668263425136331a451445c51.png) no-repeat 50% 0;

    background-size: cover;

    padding-top: 3.8vw;

    padding-bottom: 4.43vw;

}



@media (max-width: 780px) {

    .c7 {

        padding-top: 30px;

        padding-bottom: 30px;

    }

}



@media (max-width: 780px) {

    .c7 .con {

        flex-wrap: wrap;

    }

}



.c7 .con .c7-1 {

    width: 50%;

}



@media (max-width: 780px) {

    .c7 .con .c7-1 {

        width: 100%;

    }

}



.c7 .con .c7-1 h2 b {

    display: block;

    font-size: 54px;

    color: #000000;

}



@media (max-width: 1200px) {

    .c7 .con .c7-1 h2 b {

        font-size: 36px;

    }

}



@media (max-width: 780px) {

    .c7 .con .c7-1 h2 b {

        font-size: 24px;

    }

}



.c7 .con .c7-1 h2 p {

    color: #000000;

    font-size: 22px;

    margin-top: 22px;

}



@media (max-width: 1200px) {

    .c7 .con .c7-1 h2 p {

        margin-top: 14px;

        font-size: 18px;

    }

}



@media (max-width: 780px) {

    .c7 .con .c7-1 h2 p {

        font-size: 16px;

    }

}



@media (max-width: 480px) {

    .c7 .con .c7-1 h2 p {

        margin-top: 6px;

    }

}



.c7 .con .c7-1 .dh {

    display: flex;

    align-items: center;

    margin-top: 2.55vw;

}



@media (max-width: 480px) {

    .c7 .con .c7-1 .dh {

        margin-top: 16px;

    }

}



.c7 .con .c7-1 .dh span {

    color: #333333;

    font-size: 12px;

    line-height: 16px;

    padding-left: 12px;

    padding-right: 16px;

}



.c7 .con .c7-1 .dh p {

    font-size: 28px;

    color: #005a9c;

    font-family: arial;

    font-weight: 600;

}



@media (max-width: 1200px) {

    .c7 .con .c7-1 .dh p {

        font-size: 22px;

    }

}



@media (max-width: 480px) {

    .c7 .con .c7-1 .dh p {

        font-size: 16px;

    }

}



.c7 .con .c7-2 {

    width: 47.02%;

}



@media (max-width: 780px) {

    .c7 .con .c7-2 {

        width: 100%;

        margin-top: 20px;

    }

}



.c7 .con .c7-2 .lyb input {

    border: none;

    background: #fff;

    line-height: 52px;

    padding: 0;

    display: block;

    font-size: 16px;

    text-indent: 1.04vw;

    color: #999999;

}



.c7 .con .c7-2 .lyb input::-webkit-input-placeholder {

    color: #999999;

}



.c7 .con .c7-2 .lyb .ww1 {

    display: flex;

    justify-content: space-between;

    margin-bottom: 10px;

}



@media (max-width: 480px) {

    .c7 .con .c7-2 .lyb .ww1 {

        flex-wrap: wrap;

    }

}



.c7 .con .c7-2 .lyb .ww1 .ww2 {

    width: 48.42%;

}



@media (max-width: 480px) {

    .c7 .con .c7-2 .lyb .ww1 .ww2 {

        width: 100%;

    }



    .c7 .con .c7-2 .lyb .ww1 .ww2:nth-child(1) {

        margin-bottom: 10px;

    }

}



.c7 .con .c7-2 .lyb .ww1 .ww2 input {

    width: 100%;

}



.c7 .con .c7-2 .lyb .ww3 {

    margin-bottom: 20px;

}



@media (max-width: 480px) {

    .c7 .con .c7-2 .lyb .ww3 {

        margin-bottom: 10px;

    }

}



.c7 .con .c7-2 .lyb .ww3 textarea {

    border: none;

    background: #fff;

    width: 100%;

    line-height: 52px;

    height: 74px;

    padding: 0;

    display: block;

    font-size: 16px;

    text-indent: 1.04vw;

    color: #999999;

}



.c7 .con .c7-2 .lyb .ww3 textarea::-webkit-input-placeholder {

    color: #999999;

}



.c7 .con .c7-2 .lyb .ww4 {

    display: flex;

    align-items: center;

    justify-content: space-between;

}



@media (max-width: 480px) {

    .c7 .con .c7-2 .lyb .ww4 {

        flex-wrap: wrap;

    }

}



.c7 .con .c7-2 .lyb .ww4 .ww41 {

    width: 48.42%;

    background-color: #ffffff;

    display: flex;

    align-items: center;

    justify-content: space-between;

}



@media (max-width: 480px) {

    .c7 .con .c7-2 .lyb .ww4 .ww41 {

        width: 100%;

    }

}



.c7 .con .c7-2 .lyb .ww4 .ww41 input {

    width: calc(100% - 120px);

}



.c7 .con .c7-2 .lyb .ww4 .ww42 {

    width: 48.42%;

}



@media (max-width: 480px) {

    .c7 .con .c7-2 .lyb .ww4 .ww42 {

        width: 100%;

        margin-top: 10px;

    }

}



.c7 .con .c7-2 .lyb .ww4 .ww42 input {

    color: #fff;

    background-color: #005a9c;

    border-radius: 3px;

    line-height: 52px;

    text-indent: 0;

    text-align: center;

    font-size: 16px;

    width: 100%;

}



.foot {

     padding-top: 2.71vw;

    background-color: #232324;

    padding-bottom: 2vw;

}



@media (max-width: 780px) {

    .foot {

        padding-top: 30px;

        padding-bottom: 30px;

    }

}



.foot .con {

    display: flex;

    justify-content: space-between;

}



.foot .con .foot1 {

    width: 520px;

    display: flex;

}



@media (max-width: 600px) {

    .foot .con .foot1 {

        display: none;

    }

}



.foot .con .foot1 li {

    width: 50%;

}



.foot .con .foot1 li h2 {

    font-size: 17px;

    font-weight: 600;

    color: #ffffff;

}



.foot .con .foot1 li .sec {

    margin-top: 1.666vw;

}



.foot .con .foot1 li .sec a {

    font-size: 14px;

    line-height: 32px;

    color: rgba(255, 255, 255, 0.5);

    display: block;

}



.foot .con .foot2 {

    margin-top: 8px;

    width: 352px;

}



@media (max-width: 600px) {

    .foot .con .foot2 {

        width: 50%;

    }

}



.foot .con .foot2 .lx h2 {

    font-size: 17px;

    font-weight: 600;

    color: #ffffff;

}



.foot .con .foot2 .lx .sec {

    margin-top: 1.666vw;

    line-height: 28px;

    font-size: 14px;

    color: rgba(255, 255, 255, 0.5);

}



.foot .con .foot2 .list2 {

    margin-top: 2.5vw;

    display: flex;

}



.foot .con .foot2 .list2 li {

    margin-right: 20px;

}



.foot .con .foot2 .list2 li:last-child {

    margin-right: 20px;

}



.foot .con .foot3 {

    margin-top: 2.19vw;

    text-align: center;

}



@media (max-width: 600px) {

    .foot .con .foot2 .lx h2{font-size: 13px;}

    .foot .con .foot3 {

        width: 40%;

    }

    .foot .con .foot3 .img{

        width: 100%;

    }

    .foot .con .foot3 img{

        max-width:100%; height:auto !important;width:auto !important;

    }

}



.foot .con .foot3 p {

    color: rgba(255, 255, 255, 0.5);

    margin-top: 22px;

}



.ban {

    font-size: 14px;

    color: #999;

    padding: 2vw 0 1.7vw;

    background: #000;

}



@media (max-width: 780px) {

    .ban {

        text-align: center;

        padding: 14px 0;

        font-size: 13px;

    }



    .ban .ban1, .ban .ban2 {

        width: 100%;

    }

}



.ban a {

    color: #999;

}



/*# sourceMappingURL=index.css.map */









.flexd {

   display: flex;

    justify-content: space-between;

    /* align-items: center;

    flex-wrap: wrap; */

}







.x-menu {

    display: flex;

    justify-content: space-between;

    align-items: center;

    width: 91.3%;

}



.x-menu>li {

    position: relative;

}



.x-menu>li>a {

    display: block;

    font-size: 16px;

    white-space: nowrap;

    text-align: center;

    line-height: 76px;

    color: #555555;

}



.x-menu>li:hover>a {

 color: #005a9c;

}



.x-menu>li.active>a {

}



.x-menu>li:hover .x-sub-menu {

    opacity: 1;

    visibility: visible;

    -webkit-transform: translateY(0);

    transform: translateY(0);

    background: #fff;

}



.x-sub-menu {

    position: absolute;

    z-index: 99;

    width: 150px;

    left: 50%;

    margin-left:-75px;

    top: 76px;

    background: #fff;

    opacity: 0;

    visibility: hidden;

    -webkit-transform: translateY(20px);

    transform: translateY(20px);

    -webkit-transition: all .5s ease;

    transition: all .5s ease;

}



.x-sub-menu>li {

    /* padding: 0 0.9rem; */

}



.x-sub-menu>li>a {

    display: block;

    text-align: center;

    font-size: 14px;

    color: #666666;

    line-height: 2.6;

}



.x-sub-menu>li>a:hover {

   color: #005a9c;

}





.x-sub-menu li{position: relative;}



.x-menu > li .x-sub-menux{

    position:absolute;

    left:100%;

    width:100%;

    background:#fff;

    top: 0;

    border-radius: 5px;

    padding: 10px 0;

    display:none;

}

.x-menu > li .x-sub-menux li{

    position:relative;

}

.x-menu > li .x-sub-menux li a{

    display: block;

    text-align: center;

    font-size: 14px;

    color: #333;

    line-height: 1.5;

    padding: 0.5em

}

.x-menu > li .x-sub-menu li:hover .x-sub-menux{

    display:block;

}

.x-menu > li .x-sub-menux li a:hover{

    background: #e9eaeb;

}