/*初始化样式*/
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;}
body {font-family: "PingFang SC","Microsoft YaHei"!important;}
h1,h2{font-size:12px;font-weight:bold;}
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;}
.xypg-right-content p img{
    max-width:100%; height:auto !important;width:auto !important;
}

.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}
dt{font-weight: normal;}
/*主体样式*/
.wh{max-width: 1550px;padding: 0 15px;margin: 0 auto;}
.top2 .wh{height: 100px;}
.bt1{text-align: center;}
.bt1 dd{color: #156ebe;font-size: 24px;line-height: 1;}
.bt1 dt{color: #282828;font-size: 40px;font-weight: bold;line-height: 1;margin-top: 17px;}
.box1{padding: 5.2% 0;}
.acon{color: #282828;font-size: 16px;line-height: 40px;text-align: center;max-width: 993px;margin: 37px auto;}
.aul li{width: 31.2%;position: relative;}
.abj{position: absolute;height: 100%;top:0;left: 0;padding: 1.5vw 0 0 1.5vw;z-index: 9;}
.aul li:after{width: 180px;background: rgba(0,0,0,.35);position: absolute;content: '';height: 100%;top:0;left: 0;z-index: 0;}
.amore a{display: block;width: 170px;height: 50px;background: #156ebe url(//cdn.myxypt.com/169c592b/24/06/11cbafff41fc87702019da2407aa0d3b648bdcaa.png) no-repeat 127px center;border-radius: 25px;line-height: 50px;margin: 0 auto;padding-left: 30px;color: #ffffff;font-size: 16px;}
.aul li .img img{width: 100%;}
.aul{margin-bottom: 3.3%;}
.abj h3{font-weight: normal;color: #ffffff;font-size: 16px;}
.abj p{color: #ffffff;font-size: 24px;margin-top: 3px;font-weight: bold;}
.abj .img2{margin-top: 3.5vw;}
.x-banner{overflow: hidden;}
.x-banner img{transition: all 1.5s;}
.x-banner img:hover{transform: scale(1.1);}

/*  */
.box2{background: url(//cdn.myxypt.com/169c592b/24/06/b37e2481af4ddc4c1d6cee72e8d4a06490d7ed5e.jpg) no-repeat top center;background-size: cover;padding: 4% 0 5%;animation-duration: 1s;animation-delay: 1s;}
.box2 .bt1 dd,.box2 .bt1 dt{color: #fff;}
.box2 .bt1 p{color: #ffffff;font-size: 18px;margin-top: 1.6vw;}
.plist{margin-top: 2.5vw; animation-duration: 1s;animation-delay: 1.2s;}
.plist li{position: relative;width: 31.2%;}
.plist li h3 a{display: block;color: #282828;font-size: 18px;text-align: center;font-weight: normal;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;padding: 0 2px;position: absolute;bottom: 19px;width: 100%;}
.plist li .img img{display: block;width: 100%;}

/*  */
.box3{padding: 5.2% 0;}
.nbox{margin-top: 3.3%;}
.nul{width: 46.06%;position: relative;}
.nul2{width: 50.7%;}
.nul li img{display: block;width: 100%;}
.nul li h3 a{display: block;font-weight: normal;color: #fff;line-height: 60px;background: rgba(0,0,0,.5);font-size: 20px;padding:0 1.4vw;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;position: absolute;bottom: 0;width: 100%;}
.nul2 li{border-bottom: 1px solid #dddddd;height: 33.333%;}
.ntime{text-align: center;width: 75px;}
.ntime dd{color: #282828;font-size: 36px;}
.ntime dt{color: #282828;font-size: 14px;}
.nei{width: calc(100% - 89px);}
.nei h3 a{display: block;font-weight: normal;color: #282828;font-size: 16px;font-weight: bold;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.nei p{color: #666666;font-size: 14px;line-height: 22px;margin-top: 15px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.nul2 li:hover .ntime dd,.nul2 li:hover .ntime dt,.nul2 li:hover .nei h3 a{color: #156ebe;}






.ji img{
  -webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 1s;
    -moz-transition-property: -moz-transform;
    -moz-transition-duration: 1s;
    -webkit-animation: rotate 25s linear infinite;
    -moz-animation: rotate 25s linear infinite;
    -o-animation: rotate 25s linear infinite;
    animation: rotate 25s linear infinite;
    width: 35px;
    margin-left: 0px;
}


@-webkit-keyframes rotate{from{-webkit-transform: rotate(360deg)}
    to{-webkit-transform: rotate(0deg)}
}
@-moz-keyframes rotate{from{-moz-transform: rotate(359deg)}
    to{-moz-transform: rotate(0deg)}
}
@-o-keyframes rotate{from{-o-transform: rotate(359deg)}
    to{-o-transform: rotate(0deg)}
}
@keyframes rotate{from{transform: rotate(359deg)}
    to{transform: rotate(0deg)}
}

.ft3{background: #000000;padding: 15px 0;color: #e2e2e2;font-size: 16px;}
.ft3 a{color: #e2e2e2;}

.foot{background-color: #156ebe;}
.ft1{padding: 2.8vw 0 2.1vw;}
.tleft{width: 37.5%;background: url(//cdn.myxypt.com/169c592b/24/06/2d58baf9d0ba686a00d42519d8d5130abf4a0d89.png) no-repeat right top;padding-right: 3.13vw;}
.miao{color: #ffffff;font-size: 14px;line-height: 28px;margin-top: 24px;}
.tlogo img{max-width: 100%;}
.dao{width: 244px;text-align: center;margin-top: 43px;}
.dao li{width: 50%;margin-bottom: 25px;}
.dao li a{color: #ffffff;font-size: 16px;}
.tright{width: 40%;background: url(//cdn.myxypt.com/169c592b/24/06/2d58baf9d0ba686a00d42519d8d5130abf4a0d89.png) no-repeat left top;padding-left: 3vw;}
.lx{font-size: 16px;color: #fff;;margin-top: 43px;}
.lx p{margin-bottom: 25px;}
.tewm{text-align: center;color: #ffffff;font-size: 14px;line-height: 30px;margin-top: 35px;}
.tewm img{width: 116px;}


@media(max-width: 1275px){
    .lx{width: 65%;}
}

@media(max-width: 1200px){
    .bt1 dd{font-size: 18px;}
    .bt1 dt{font-size: 30px;margin-top: 10px;}
    .abj p{font-size: 20px;}
    .abj h3{font-size: 14px;}
    .plist li h3 a{font-size: 16px;}
}

@media(max-width: 1130px){
    .dao{display: none;}
    .tright{width: 60%;background: none;}
    .nul li h3 a{font-size: 16px;line-height: 50px;}
    .box2 .bt1 p{font-size: 16px;margin-top: 10px;}
    .abj .img2{margin-top: 10px;}
    .abj h3{font-size: 12px;}
    .abj p{font-size: 16px;}
}

@media(max-width: 640px){
    .acon{margin: 20px auto;font-size: 14px;line-height: 24px;}
    .box1{padding: 25px 0;}
    .bt1 dt{font-size: 24px;}
    .bt1 dd{font-size: 16px;}
    .aul li{width: 100%;margin-bottom: 20px;}
    .abj{padding: 15px 0 0 10px;}
    .abj .img2{margin-top: 20px;}
    .abj .img2 img{width: 15px;}
    .box2,.box3{padding: 30px 0;}
    .box2 .bt1 p{font-size: 14px;}
    .plist{margin-top: 20px;}
    .plist li{width: 100%;margin-bottom: 20px;}
    .nbox{margin-top: 20px;}
    .nul,.nul2{width: 100%;}
    .nul{margin-bottom: 20px;}
    .nul2 li{padding: 15px 0;}
    .tleft,.tright{width: 100%;}
    .ft1{padding: 20px 0;}
    .tleft{background: none;text-align: center;}
    .miao{margin-top: 15px;}
    .lx,.tewm{width: 100%;}
    .lx{font-size: 14px;line-height: 24px;margin-top: 20px;}
    .lx p{margin-bottom: 10px;}
    .tewm{margin-top: 20px;}
    .ft3{font-size: 14px;line-height: 24px;}
}