/*初始化样式*/
html{margin:0;padding:0;border:0;}
body,div,span,object,iframe,h1,h2,h3,h4,p,blockquote,pre,a,address,code,b,em,img,
dl,dt,dd,ol,ul,li,fieldset,form,label,footer,
header,hgroup,navs,section
{margin:0;padding:0;border:0;}
body{background:#fff;color:#333;position:relative;font:12px/1.5 Microsoft YaHei,arial,宋体,sans-serif;vertical-align:baseline;width:100%;overflow-x:hidden;}
a{text-decoration:none;outline:none;}

a:hover,a:active,a:focus{text-decoration:none;outline:none;}


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

h1,h2{font-size:12px;font-weight:bold;}
hr {border: 0;border-top:1px solid #ccc;height:0;}




/*----- Common css ------*/
.headeryc{float: right;width: 72%;position: relative;}
.fl{float:left;}
.fr{float:right;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}


/*滚动*/
#demo{overflow:hidden;width:100%;margin:0 auto;}
#indemo {float: left;width:800%!important;}
#demo1 {float: left;}
#demo2 {float: left;}

#m_demo{overflow:hidden;width:92%;margin:0 auto;}
#m_indemo {float: left;width:800%!important;}
#m_demo1 {float: left;}
#m_demo2 {float: left;}


.p5a-left-tu{display:none;}
.pos{position: relative;width:1920px;left:50%;margin-left:-960px;}
.wh{max-width:1300px;margin:0 auto;}
.wh22{max-width:1920px;margin:0 auto;}
.flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.flext {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.com-img{ display:inline; overflow:hidden;margin:0 auto;display: table;}
.com-img img{ transition:all 0.8s; -webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s;}
.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);}



.roll_product {float: left;}


/*头部样式*/
.top1{background:#e6e6e6;color:#595959;height:27px;line-height:27px;overflow:hidden;font-size:14px;}
.top1 a{color:#595959;}





.top2{height: 100px;position: fixed;width: 100%;z-index: 999;background: #fff;top: 0px;}

.logo{float:left;line-height: 100px;width: 28%;padding: 0px 2.6%;}
.logo img{max-width:100%; height:auto !important;width:auto !important;}
.k2{margin-top: 5px;font-size:14px;color:#333333;line-height:35px;background: url(../images/t.png) no-repeat left center;padding-left:54px;}
.k2 p:nth-child(2){color:#2459a9;font-size:27px;}






/*热门搜索*/
/*热门搜索*/
.hotSearch{font-weight:normal;}
.hotSearch a{padding:0 6px;background: url(//cdn.xypt.top/145dab47/21/04/458dae478af89ffae9b3fdc169dd5bc6e9b44e6c.png) no-repeat right bottom;}
.hotSearch a:last-child{background:none;}
#search-type{float: left;width:100px;height: 24px;border: 1px solid #c8c8c8;margin-right: 5px;}


/*搜索和热门搜索*/
.search {
    position: absolute;
    width:25px;
    height: 25px;
    cursor: pointer;
    z-index: 99;
    right: 160px;
    top: 40px;
}
#menu{width: 86%;}
.yuyan{position: absolute;width: 7%;background: #fff;height:100px;line-height: 100px;cursor: pointer;z-index: 99;text-align: center;right: 0px;top: 0px;}
.yuyan:hover{background: #014099;}
.yuyan a{color: #004ea1;font-size:14px;}
.yuyan:hover a{color:#fff;}
.search1 {
    width:25px;
    height: 25px;
    background: url(//cdn.myxypt.com/26ee5250/21/10/d870f1c246ec2f0984bf1bce4b42be8b2f5c1f6d.png) no-repeat center center;
}

#formsearch1 {
    position: absolute;
    z-index: 20;
    top: 60px;
    right:0;
    display: none;
    width: 299px;
    margin-left: -20px;
    padding: 10px;
    border: 1px solid #e0e0e0;
    background: #fff;
}

#formsearch1 input {
    position: absolute;
    top: 1px;
    width: 100%;
    height: 34px;
    -webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

#formsearch1 input:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
}

.sinput {
    position: relative;
    height: 36px;
}

#formsearch1 input#keyword {
    outline: none;text-indent:6px;
}

#formsearch1 input#s_btn {
    position: absolute;
    z-index: 2;
    top: 1px;
    right: -1px;
    width: 39px;
    height: 34px;
    border: 0;
    outline:none;
    color:#fff;
    background: #004ea1;
    cursor: pointer;
    font-size:13px;
}


.search .triangle {
    position: absolute;
    top: -15px;
    right: 0;
    display: none9;
    overflow: hidden;
    width: 320px;
    height: 15px;
}





.product_list1{margin-top:38px;}
.product_list1 li{float:left;margin-right:57px;margin-bottom:28px;}
.product_list1 li:nth-child(4n){margin-right:0;}
.product_list1 li img{width:257px;height:293px;}
.product_list1 li h3{text-align:center;font-weight:normal;color:#3f3f3f;font-size:20px;}




/*主体样式*/
















/*友情链接*/
.f_link{font-size:14px;color:#fff;/*margin:20px auto;*/font-weight:bold;}
.f_link a{color:#fff;margin-right:6px;}


/*页面底部*/
.foot{background:#333;}

.f_nav{width:826px;margin-top:40px;}
.f_nav dl{float:left;width:136px;height:186px;overflow:hidden;text-align:center;}
.f_nav dt{margin-bottom:8px;}
.f_nav dt a{font-size:14px;color:#333;}
.f_nav dd{line-height:20px;}
.f_nav dd a{font-size:12px;color:#333;}



.copyright{text-align:center;line-height:24px;}






/*内页左侧样式*/
.container{width: 1200px!important;margin: 0 auto;padding: 0;}
.page-product-inquiry a{color: #fff;}






/*集团简介*/
.box1{background: url(//cdn.myxypt.com/26ee5250/21/10/a6ebe347c138e9a7e916cf22dd3f7c2120a07352.jpg) no-repeat;background-size:cover;padding: 50px 0;margin-top: 80px;}
.abpic{width:43%;}
.abpic img{width:100%;}

.about{width:53%;}
.clickx{width:20%;margin-top:30px;}
.clicktt{text-align:right;color:#333333;font-size:14px;text-transform:uppercase;background: url(//cdn.myxypt.com/26ee5250/21/10/a09267016690b842eef3fe6812affc9479991c79.png) no-repeat 96% top;padding-top:8px;}
.ads li{margin-top:50px;}
.ads li h3{color:#014099;font-size:14px;font-weight:normal;float:left;line-height:54px;display:none;}
.ads li .img{float:right;min-height:54px;}
.ads li .img img{width:100%;}
.ads li:hover h3{display:block;}
.ads li:hover .img img{filter: invert(18%) sepia(49%) saturate(3479%) hue-rotate(202deg) brightness(96%) contrast(110%);}


.jianjei{width:66%;margin-top:15px;}
.abtt{color:#014099;font-size:48px;font-family:"Impact";text-transform:uppercase;line-height:1em;}
.abtt p{font-size:26px;font-family:"黑体";}
.ab{color:#666666;font-size:14px;line-height:30px;margin-top:30px;background: url(//cdn.myxypt.com/26ee5250/21/10/e3de908141f1f700a85ce5f45fad4b4098fe2775.png) no-repeat left bottom;padding-bottom:4%;}
.abouts a{text-transform:uppercase;color:#014099;font-size:14px;text-transform:uppercase;display:block;margin-top:4%;}
.sj{margin-top:45px;}
.sj li:nth-child(1) sup{color: #1a1a1a;
    font-size: 25px;
    top: -43px;
    right: -36px;}
    .sj li:nth-child(2) sup{
    color: #1a1a1a;
    font-size: 25px;
    top: -40px;
    right: -45px;
    }
    .sj li:nth-child(3) sup{
    color: #1a1a1a;
    font-size: 23px;
    top: -35px;
    right: -39px;
    }
.sj li{width:33.333%;float:left;text-align:center;}
.sj li h3{color:#1a1a1a;font-size:44px;font-family:"Impact";}
.sj li span{color:#666666;font-size:14px;display:block;margin-top:6px;display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp:1;}
@media (max-width:1299px) {
    .wh{padding:0 3%;}
 }

@media (max-width:1024px) {
    .box1{background:none;}
    .ads li{margin-top:30px;}
    .ads li:hover h3{display:none;}
    .ab{color:#666666;font-size:14px;margin-top:20px;background:none;display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 6;padding-bottom:0;}
    .sj{margin-top:25px;}

    .xin1{margin-top:30px;}
    .xiwz{margin-top:10px;}
    .xiny{width:65%;}
    .xlist1 li span{color:#fff;font-size:13px;display:block;line-height:18px;display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp:2;margin-top:8px;}
    .xlist2 li{float:left;width:24%;margin-right:8px;}
    .wenwz{font-size:15px;}
    .abtt{font-size:38px;}
    .bt{font-size:38px;}
    .xintt{font-size:38px;}
    .xintt{font-size:38px;}
    .fdh{display:none;}
    .lxdz{margin-left:0;}
    


}
@media (max-width:760px) {
    .abpic{width:100%;margin:0 auto;float:none;}
    .jianjei{width:100%;margin:0 auto;float:none;}
    .xlist2 li{width:49%;float:left;margin-bottom:10px;margin-right:0;}
    .xlist2 li:nth-child(2n){float:right;}
    .xlist2 li:hover .det{opacity:0;}
    .lxdz{margin-left:0;}
    .xlist1 li h4{display:none;}
            .box1{margin-top:10px;}
            .abpic{width:100%;margin:0 auto;float:none;}
            .about{width:100%;margin:0 auto;float:none;margin-top:15px;}
            .ads li{margin-top:30px;}
            .ads li:hover h3{display:none;}
            .ab{color:#666666;font-size:14px;margin-top:20px;background:none;display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 6;padding-bottom:0;}
            .sj{margin-top:25px;}
}


/*产品中心*/
.box2{padding: 140px 0 60px;}
.bt{color:#fff;text-transform:uppercase;font-size:48px;font-family:"Impact";text-transform:uppercase;line-height:1em;}
.bt p{font-size:30px;font-family:"微软雅黑";}
.box2 .cont{
}

.slick-wrap{max-width:1300px; margin:0 auto;}
.slick-contanier {}
.slick-contanier .slick-slide {outline: none;position: relative;margin:0px 20px;}
.slick-contanier img { display: inline-block; width: 100%; }
.slick-contanier .slick-con { display: block;font-size: 0;overflow:hidden;}

.tab-li{text-align: left;font-size: 0;cursor: pointer;}
.tab-li li{display: inline-block;padding: 2% 3%;font-size:20px;color: #666666;line-height: 30px;}
.tab-li li a{color: #666666;}
.tab-li li:nth-child(1){padding-left: 0px;}
.tab-li li:hover{color: #014099;}
.tab-li li:hover, .tab-li li.active {}

.tab-con .tab-main{position:relative;opacity: 0;height: 0px;}
.tab-con .tab-main.active {height:100%;opacity: 1;}
.tab-con .tab-main img{width:100%;margin:0 auto;transition: 0.6s;}
.tab-con .tab-main img:hover{transform: scale(1.1);}
.tab-con .tab-main h3{text-align: left;font-weight: 600;color: #fff;font-size: 24px;position: absolute;bottom: 13%;left: 10%;}
.tab-con .tab-main span{text-align: left;font-weight: 400;color: #fff;font-size: 12px;position: absolute;bottom: 5%;left: 10%;}
.tab-con .tab-main .slick-arrow{width:49px;height:59px;overflow:hidden;text-indent:100px;border:none;outline:none;position:absolute;top:39%;z-index:99999;}
.tab-con .tab-main .slick-prev{background: url(//cdn.myxypt.com/26ee5250/21/10/10e0a169953a6c3e9ec2b53c005bc9ed3122bf07.png) no-repeat;left: -60px;}
.tab-con .tab-main .slick-next{background: url(//cdn.myxypt.com/26ee5250/21/10/f6141d6d2479d1dfebc582bc8f280edf7881e691.png) no-repeat;right: -60px;}
.bt-left{text-align: center;position: relative;}
.bt-left h3{font-weight: 600;font-size: 60px;color: #eeeeee;position: absolute;}
.bt-left p{font-weight: 600;font-size: 24px;color: #000;position: absolute;top: 25px;}
.bt-left a{text-align: right;position: absolute;right: 0px;color: #666666;font-size: 14px;top: 20px;}
.tab-con{max-width: 1340px!important;}

@media (max-width: 1520px) {
    .search{right:93px;}
    .x-menu > li{float: left;
      position: relative;
      text-align: center;}
      #menu {
        width: 94%;}
        .x-menu > li:nth-child(1){margin-left: 2%;}
}

@media (max-width:1300px) {
    .search{right: 85px;}
    .x-menu > li:nth-child(1){margin-left: 6%;}
    .x-menu > li{float: left;
      position: relative;
      text-align: center;
      width: 9.5%;
      margin-right: 0%;}
      #menu {
        width: 96%;}
  }

  @media (max-width: 768px) {
    .tab-con .tab-main h3{text-align: left;font-weight: 600;color: #fff;font-size: 18px;position: absolute;bottom: 17%;left: 5%;overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;width:100%; }
    .tab-con .tab-main span{text-align: left;font-weight: 400;color: #fff;font-size: 12px;position: absolute;bottom: 2%;left: 5%;overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;width:100%; }
.box2{padding:20px 0px;}
.box1{padding:10px;}
.tab-li li{width:50%;text-align: left;padding:0px 3%;font-size: 14px;}
.tab-li li:nth-child(1){padding-left:3%;}
.page-banner{padding-top:60px;}
}

  .p1a {
    
}

.p1a li {
    width: 28.462%;
}

.p1a li div.img {
    width: 19.459%;
    margin-right: 1.56vw;
}

.p1a li div.img img {
    max-width: 100%;
}

.p1a li .cont {
    flex: 1;
}

.p1a li .cont h3 {
    font-size: 18px;
    color: #fff;
    margin-bottom: 0.7vw;
    font-weight: 600;
}

.p1a li .cont p {
    font-size: 14px;
    line-height: 1.36;
    color: #fff;
}


@media(max-width: 768px) {
    .p1a li {
        width: 100%;
        margin-bottom: 15px;
    }

    .p1a li div.img {
        width: 13.459%;
    }

    .p1a li .cont h3 {
        margin-bottom: 15px;
    }
    .x-banner .owl-carousel{margin-top:60px;}
}

@media(max-width:767px) {
    .p1a {
        margin: 30px 0 0px;
    }

    .p1a li {
        margin-bottom: 26px;
    }

    .p1a li div.img {
        width: 16.459%;
        margin-right: 3.56vw;
    }

    .p1a li .cont h3 {
        font-size: 16px;
        margin-bottom: 10px;
    }
}

.p1{background: #004ea1;padding: 2.021vw 0 3.063vw;}
/* p1 end */


/* P4 STRAT */

.p4 {
   
    padding: 2.65vw 0 3.854vw;
    margin-top: 3.104vw;
}



.p4a a.more {
    font-size: 14px;
    color: #666666;
    position: relative;
    padding-right: 1.77vw;
}

.p4a a.more::after {
    content: "";
    width: 1.302vw;
    height: 1px;
    background-color: #b1b1b1;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.xypg-right-content{
    margin-top: 3%
}

.xypg-right-content p img{
    max-width:100%; height:auto !important;width:auto !important;
}


.p4b {
    margin-top: 2.917vw;
}

.p4b1 {
    width: 39.23%;
    background-color: #efefef;
}

.p4b1 li a {
    display: block;
    width: 100%;
}

.p4b1 li a div.img img {
    display: block;
    width: 100%;
}

.p4b1 li a .cont {
    padding: 1.6vw 1.56vw 1.6vw 0.93vw;
}

.p4b1 li a .cont h3 {
    font-size: 18px;
    color: #333333;
    margin-bottom: 1vw;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.p4b1 li a .cont p {
    font-size: 14px;
    line-height: 1.857;
    color: #666666;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}


.p4b1 li a .cont span.more {
    background: url(//cdn.myxypt.com/26ee5250/21/10/3400b3d4625d1caf26ce570858eb16715682e825.png) no-repeat left center;
    display: inline-block;
    padding: 0 1.8vw 0 0.8vw;
    background-size: 100% auto;
    font-size: 14px;
    color: #999999;
    margin-top: 1.6vw;
}


.p4b2 {
    width: 55.385%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.p4b2 li {
    height: 25%;
}

.p4b2 li a {
    display: block;
    padding: 1.4vw 1.19vw 0.3vw 0.99vw;
    border-bottom: 1px solid #d8d8d8;
    height: 100%;
    transition: all ease .3s;
}



.p4b2 li a h3 {
    font-size: 18px;
    color: #333333;
    margin-bottom: 0.8vw;
    transition: all ease .3s;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.p4b2 li a p {
    font-size: 14px;
    color: #666666;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.p4b2 li a .time {
    display: flex;
    justify-content: flex-end;
}

.p4b2 li a .time span {
    font-size: 14px;
    color: #999999;
    background: url(//cdn.myxypt.com/26ee5250/21/10/032cced89649d00d4432f3c55460a671f8ad3586.png) no-repeat right center;
    padding-right: 2.08vw;
}


.p4b2 li:hover a {
    box-shadow: 0 0 24px rgba(0, 0, 0, .12);
}


.p4b2 li:hover a h3 {
    color: #014099;
}


@media(max-width: 1366px) {
    .p4b2 li a .time span {
        padding-right: 2.88vw;
    }
}




@media(max-width: 768px) {
    .p4b {
        display: block;
    }
    .p4a .index-title {
        padding: 10px 0;
    }

    .p4b1 {
        width: 100%;
    }

    .p4b1 li a .cont {
        padding: 2.5vw 1.56vw 2.6vw 2vw;
    }

    .p4b2 {
        width: 100%;
        margin-top: 30px;
        display: block;
    }

    .p4b2 li a {
        padding: 3.87vw 1vw 1.3vw;
    }

    .p4b2 li a .time span {
        padding-right: 4.88vw;
    }
}

@media(max-width: 767px) {
    .p4a a.more {
        padding-right: 5.77vw;
    }

    .p4a a.more::after {
        width: 4.302vw;
    }

    .p4b1 li a .cont {
        padding: 4.5vw 3.56vw 5.6vw 3vw;
    }

    .p4b1 li a .cont h3 {
        font-size: 16px;
        margin-bottom: 8px;
    }

    .p4b1 li a .cont span.more {
        background: initial;
    }

    .p4b2 li a h3 {
        font-size: 16px;
        margin-bottom: 8px;
    }

    .p4b2 li a .time {
        margin: 6px 0;
    }

    .p4b2 li a .time span {
        background: initial;
    }

    .p4b2 li a {
        padding: 3.87vw 1vw 1.5vw;
    }
}


.index-title h3 {
    font-size: 60px;
    color: #eeeeee;
    font-family: "Arial";
    line-height: 20px;
    font-weight: 600;
}

.index-title h4 {
    font-size: 24px;
    color: #000;
    line-height: 10px;
    font-weight: 600;
}


@media(max-width: 768px) {
    .index-title h3 {
        font-size: 44px;
    }

    .index-title h4 {
        font-size: 21px;
    }

}

@media(max-width: 767px) {
    .index-title h3 {
        font-size: 35px;
    }

    .index-title h4 {
        font-size: 21px;
    }

}

.p5{padding:3.33vw 0px 4vw 0px;background:#f0f0f0;}
.p5-title{text-align:center;}
.p5-title h3{font-size:30px;font-weight:600;color:#d3d3d3;}
.p5-title h4{font-size:24px;font-weight:600;color:#000;line-height: 50px;margin-bottom: 3%;}
.p5a-left{width:48.23%;}
.p5a-right{width: 36.77%;text-align:right;margin-left: 15%;}
.tablist li{text-align: left;background:#fff;margin-bottom:25px;padding: 8.8% 1.8%;padding-left: 7%;}
.tablist li h3{display:inline-block;font-weight:600;font-size:24px;color:#000;}
.tablist li h4{display:inline-block;font-size:24px;color:#000;background:url(//cdn.myxypt.com/26ee5250/21/10/3251a32cd9d53fce8829b76ca38573aec3e0ace1.png) no-repeat;padding-left:32px;}
.tablist li p{text-align: left;font-size:16px;color:#000;display: block;margin-top: 2%;line-height: 30px;}
.tablist .act h3{display:inline-block;font-weight:600;font-size:24px;color:#fff;}
.tablist .act h4{display:inline-block;font-size:24px;color:#fff;background:url(//cdn.myxypt.com/26ee5250/21/10/185e1e74369daec7466f8d52bb9fcd32f8f7ee4b.png) no-repeat;padding-left: 32px;}
.tablist .act p{font-size:16px;color:#fff;}
.tablist .act{background:#004ea1;}
.p5a-left-tu img{max-width:100%;}
@media(max-width: 767px) {
   .p5a-left{width:100%;}
.p5a-right{width:100%;margin:0px;}
}


.p6 {
    margin-top: 2.55vw;
}

.p6a a.more {
    font-size: 14px;
    color: #666666;
    position: relative;
    padding-right: 1.77vw;
}

.p6a a.more::after {
    content: "";
    width: 1.302vw;
    height: 1px;
    background-color: #b1b1b1;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.p6-swiper {
    overflow: hidden;
    margin: 3.43vw 0;
}

.p6-swiper .swiper-slide a {
    display: block;
}

.p6-swiper .swiper-slide a {
    border: solid 1px #efefef;
    transition: all ease .3s;
    text-align: center;
}

.p6-swiper .swiper-slide a img {
    max-width: 100%;
}

.p6-swiper .swiper-slide a:hover {
    border: solid 1px #014099;
}


@media(max-width: 767px) {

    .p6a .index-title {
        padding: 10px 0;
    }

    .p6a {
        margin: 30px auto;
    }

    .p6a a.more {
        padding-right: 3.5vw;
    }

    .p6a a.more::after {
        width: 2.302vw;
    }

    .p6-swiper {
        margin: 30px 0 40px;
    }
}

.bt a.more {
    font-size: 14px;
    color: #666666;
    position: relative;
    padding-right: 1.77vw;
}

.bt a.more::after {
    content: "";
    width: 1.302vw;
    height: 1px;
    background-color: #b1b1b1;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}



.p8 {
    background-color: #004ea1;
    padding-top: 2.81vw;
}

.p8a {
    width: 34.3%;
}

.p8a1 img {
    max-width: 100%;
}

.p8a2 h3 {
    font-family: "Arial";
    font-size: 24px;
    color: rgba(255, 255, 255, .7);
    font-weight: 400;
    margin: 2.08vw 0 0.8vw;
}


.p8a2{margin-top:2vw;}

.p8a2 p {
    font-size: 14px;
    line-height: 26px;
    color: rgba(255, 255, 255, .7);
}

.p8b {
    width: 44.62%;
    display: flex;
    justify-content: space-between;
}

.p8b dl dt {
    font-size: 15px;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 1.5vw;
}

.p8b dl dd a {
    display: block;
    font-size: 14px;
    line-height: 2;
    color: rgba(255, 255, 255, .7);
}

.p8c {
    width: 116px;
    font-size: 14px;
    line-height: 2;
    color: rgba(255, 255, 255, .7);
    text-align: center;
}

.p8c .img img {
    display: block;
    width: 100%;
    height: 116px;
    margin-bottom: 1vw;
}


.copy {
    border-top: 1px solid rgba(255, 255, 255, .1);
    margin-top: 3.3vw;
    padding: 1.4vw 0 1.3vw;
    font-size: 14px;
    line-height: 2;
    color: rgba(255, 255, 255, .7);
}

.copy a {
    color: rgba(255, 255, 255, .7);
}

@media(max-width: 768px) {
    .p8 {
        padding-top: 5.81vw;
        padding-bottom: 5.85vw;
    }

    .p8a {
        width: 45.3%;
    }
}


@media(max-width: 767px) {
    .p8a2 h3 {
        font-size: 20px;
    }

    .p8a {
        float: none;
        width: 100%;
    }

    .p8c {
        float: none;
        margin-top: 18px;
    }
}




/*手机底部*/
@media (max-width:768px) {
    .db {
        display: block !important;
    }
}


.dbb {
    height: 50px;
}

/* 页脚 */
.footer {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999;
    background: #0846b2;
}

.footer ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.footer ul li {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    color: #ffffff;
    line-height: 30px;
    padding: 10px 0;
    font-size: 0;
}

.footer ul li.active {
    background: #000;
}

.footer ul li a {
    display: block;
    color: #fff;
}
.footer ul li:first-child a {
    border: none;
}
.footer ul li .iconfont {
    font-size: 18px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.footer ul li span {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    color: #fff;
}


.footer li .icon-home {
    background: url(//cdn.myxypt.com/26ee5250/21/10/e24201823f02161e6f5e1f802234b02c5949b894.png) no-repeat;
    width: 20px;
    height: 20px;
}

.footer li .icon-home2 {
    background: url(//cdn.myxypt.com/26ee5250/21/10/928d23a753cb311d7429cfebac6c616001db6b9b.png) no-repeat;
    width: 20px;
    height: 20px;
}

.footer li .icon-phone {
    background: url(//cdn.myxypt.com/26ee5250/21/10/6f1218dc13883f2494be4d809f2b4ee10e31542a.png) no-repeat;
    width: 20px;
    height: 20px;
}

.footer li .icon-contact {
    background: url(//cdn.myxypt.com/26ee5250/21/10/938604e39d844086e941275d874d341081c46101.png) no-repeat;
    width: 20px;
    height: 20px;
}

.footer li .icon-phone:before {
    font-size: 0;
}

.footer ul li a {
    border-left: 1px solid #fff;
}