/*初始化样式*/
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;}
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; line-height:30px;}

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

/*主体样式*/
.wh{max-width: 1530px;padding: 0 15px;margin: 0 auto;}
.top2 .wh{height: 88px;}
.dh{padding-left: 39px;background: url(../img/88e5a9d268511d64223003e5e306dea0abee8d40.png) no-repeat left center; font-size: 23px;font-family: 'Arial';font-weight: bold; color: #393939;margin: 0 1.4vw;}
.lastli{position: relative;}
.dlogo img{max-width: 400px;}
.mySwiper{overflow: hidden;position: relative;}
.mySwiper .p4-pagination {
   position: absolute;bottom: 3.4%;z-index: 999;text-align: center;
}
.mySwiper  .swiper-slide{overflow: hidden;}

.p4-pagination .swiper-pagination-bullet {
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 36px;
    height: 36px;
    background-color: transparent;
    position: relative;
    margin: 0;
    transform: rotate(-90deg);
    opacity: 1;
    outline: none;
}

.p4-pagination .swiper-pagination-bullet svg {
    opacity: 0;
}

.p4-pagination .init,
.p4-pagination .hover {
    /* opacity: 0;
    filter: alpha(opacity=0); */

}

.p4-pagination .swiper-pagination-bullet .hover {
    stroke-dasharray: 314 0;
    stroke: none;
}

.p4-pagination .swiper-pagination-bullet:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 14px;
    height: 14px;
    background-color: rgba(255, 255, 255,.59);
    transform: translate(-50%, -50%);
    border-radius: 100%;
}

.p4-pagination .swiper-pagination-bullet-active:before {
    content: attr(data-line);
    position: absolute;
    left: 50%;
    top: 50%;
    width: auto;
    height: auto;
    border-radius: initial;
    background: transparent;
    transform: translate(-50%, -50%) rotate(90deg);
    font-size: 16px;
    line-height: 24px;
    font-family: 'arial';
    color: #ffffff;
}

.p4-pagination .swiper-pagination-bullet-active svg {
    opacity: 1;
}

.p4-pagination .swiper-pagination-bullet-active .init,
.p4-pagination .swiper-pagination-bullet-active .hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

.p4-pagination .swiper-pagination-bullet-active .hover {
    stroke: #ffffff;
    animation: circle-chart-fill 3s reverse;
}

@keyframes circle-chart-fill {
    to {
        stroke-dasharray: 0 314;
    }
}
.mySwiper .swiper-slide img{width: 100%;}



dt{font-weight: normal;}
/*  */
.box1{margin: 5% 0 4%;}
.aright{width: 49.8%;margin-top: 7px;}
.aright a{display: block;}
.aright a img{width: 100%;}
.aleft{width: 47.5%;}
.abt dd{color: #1e1d1d;font-size: 38px;font-weight: bold;line-height: 1;}
.line1{margin: 20px 0 32px;width: 40px;height: 3px;background: #c52103;}
.abt dt{color: #00569b;font-size: 27px;font-weight: bold;line-height: 1;margin-bottom: 13px;}
.abt p{letter-spacing: 1px;color: #8b8b8f;font-size: 16px;}
.acon{line-height: 36px;font-size: 16px;letter-spacing: 1px;color: #1f1f1f;margin: 1.8vw 0 1.9vw;}
.amore a{display: block;width: 168px;height: 53px;line-height: 53px;text-align: center;letter-spacing: 1px;color: #ffffff;font-size: 16px;background: #00569b;transition: all ease 0.3s;}
.amore a:hover{background: #c52103;}

.sul{padding:0 5.4vw  0 3.2vw;margin-top: 3.8vw;}
.sul li{padding-left: 24px;background: url(../img/dc900662fde09d612cec4d48a5f9fcc46bc5b69b.png) no-repeat left top ;padding-bottom: 14px;}
.sul li p{color: #2b2b2b;font-size: 16px;}
.sbt{color: #2b2b2b;font-size: 14px;margin: 5px 0 11px;}
.sbt span{line-height: 31px;letter-spacing: -1px;color: #00569b;font-size: 60px;font-weight: bold;margin-right: 7px;}


/*  */
.box2{background: #f0f0f0;padding: 65px 0;}
.line2{width: 40px;height: 3px;background: #c52103;margin: 15px 0;}
.bt1 dd{color: #1e1d1d;font-size: 38px;font-weight: bold;line-height: 1;}
.bt1 dt{color: #8b8b8f;font-size: 16px;letter-spacing: 1px;}
.pp{align-items: flex-end;}
.pmore a{display: block;letter-spacing: 1px;color: #0e0e0e;font-size: 16px;margin-left: 20px;}
.pmore a:hover{color: #c52103;}
.psort li {margin-right: 30px;}
.psort li a{display: block;letter-spacing: 1px;color: #080808;font-size: 23px;}
.psort li.cur a{color: #c52103;}
.pbox{margin-top: 38px;}
.plist{font-size: 0;margin: 0 -0.35%;}
.plist li{display: inline-block;width:19%;margin: 0 0.35%;margin-bottom: 10px;overflow: hidden;}
.plist li h3 a{display: block;line-height: 55px;text-align: center;letter-spacing: 1px;color: #080808;font-size: 18px;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.plist li .img{display: block;overflow: hidden;position: relative;}
.plist li .img img{transition: all 0.5s;width: 100%; height:250px;}
.plist li:hover .img img{transform: scale(1.1);}
.plist li:hover h3 a{color: #c52103;}
.pbj{position: absolute;width: 100%;height: 100%;background: rgba(34,98,170,.46);bottom:0;left: 0;transition: all 0.5s;opacity: 0;}
.jia{width: 50px;height: 50px;border-radius: 50%;background: #d20a01;color: #fff;font-size: 36px;font-weight: bold;text-align: center;line-height: 46px;}
.plist li:hover .pbj{opacity: 1;}



/*  */
.box3{background: url(../img/c93be2f94fad2ea28df2b9d8a7ded7e2675dee7b.jpg) no-repeat top center;background-size: cover;padding: 81px 0;}
.box3 .bt1 dd{color: #fff;}
.box3 .bt1 dt{color: #fff;}
.y1{background: #00569b;padding:1.5vw;height: 230px;cursor: pointer;overflow: hidden;}
.ybox{width: 33.33333333%;}
.ysimg img{width: 100%;display: block;height: 169px;object-fit: cover;}
.ysimg1 img{height: 187px;}
.y1 h3{color: #ffffff;font-size: 18px;font-weight: bold;line-height: 22px;margin-bottom: 0.9vw;}
.ys1 p{padding-left: 19px;color: #ffffff;font-size: 12px;line-height: 18px;background: url(../img/c3d766646d8ca02741ea4d3c8b920050868c5e08.png) no-repeat left 5px;margin-bottom: 0.7vw;}
.ybox .bt1{
    /* margin-bottom: 71px; */
    height: 169px;
    overflow: hidden;
}
.ybox2 .y1{height: 210px;}
.box3 .line2{margin: 18px 0;}
.y1:hover{background: #d20a01;}
.y2 h3{margin: 10px 0 2vw;}
.ybox3{background: #fff;}



/*  */
.box4{margin: 5% 0 7.5%;}
.box4 .pmore a{color: #00569b;}
.box4 .pmore a:hover{color: #d20a01;}
.mySwiper2{overflow: hidden;margin-top: 30px;position: relative;}
.swiper-button-prev1,.swiper-button-next1{outline: none;width: 32px;height: 54px;position: absolute;top:50%;margin-top: -27px;z-index: 999;}
.box4 .swiper-button-prev1{background: rgba(14,14,14,.36) url(../img/1e85841206c04395ae8ecfec5bb238cb68dd6e6c.png) no-repeat center;left: 0;}
.box4 .swiper-button-next1{background: rgba(14,14,14,.36) url(../img/25a150aff06bae1998298419806f80e58a3923b2.png) no-repeat center;right: 0;}
.mySwiper2 .swiper-slide .img{display: block;overflow: hidden;}

.mySwiper2 .swiper-slide .img img{width: 100%;transition: all 0.5s;}
.box4 .mySwiper2 .swiper-slide .img img{ height:300px;}
.mySwiper2 .swiper-slide:hover .img img{transform: scale(1.1);}
.mySwiper2 .swiper-slide h3 a{display: flex;align-items: center;justify-content: center;width: 83.7%;margin: 0 auto;background: #00569b;height: 87px;color: #ffffff;font-size: 17px;line-height: 23px;margin-top: -54px;position: relative;z-index: 999;padding: 0 4.6vw;text-align: center;}
.mySwiper2 .swiper-slide:hover h3 a{background: #d20a01;}
.swiper-button-prev1:hover,.swiper-button-next1:hover{background-color: #d20a01;}



/*  */
.box5{position: relative;}
.box5 .bt1{position: absolute;z-index: 999;width: 100%;top:53px; }
.box5 .bt1 dd{color:#fff}
.box5 .bt1 dt{color: #fff;}
.mySwiper3{overflow: hidden;position: absolute;bottom: 0;z-index: 999;width: 100%;}
.mySwiper3 .swiper-slide{background: rgba(0,0,0,0.51);text-align: center;padding: 20px 0 24px;cursor: pointer;}
.mySwiper3 .swiper-slide h3{color: #ffffff;font-size: 22px;}
.mySwiper3 .swiper-slide p{color: #ffffff;font-size: 17px;font-family: 'arial';margin-top: 3px;}
.mySwiper3 .on{background: rgba(210,10,1,.51);}
.swiper-button-prev2,.swiper-button-next2{position: absolute;outline: none;bottom: 109px;z-index: 9999;width: 49px;height: 49px;border-radius: 50%; border: solid 2px #ffffff;}
.swiper-button-prev2{left: 8%;background: url(../img/2783f4f03288ae6bfb0c4f37996ddb1fb80377a6.png) no-repeat center;}
.swiper-button-next2{right: 8%;background: url(../img/2dc8a012ae59cf81f2963c9ad6cf19a10a7e9983.png) no-repeat center;}
.swiper-button-prev2:hover,.swiper-button-next2:hover{background-color: #c52103;border: solid 2px #c52103;}
.pernr52 .img img{width: 100%;}
.page-wrap-right img{ max-width:100%}

/*  */
.box6 {padding: 77px 0 24px;}
.box6 .pmore a{color: #00569b;}
.box6 .pmore a:hover{color: #d20a01;}
.nul{margin-top: 97px;}
.ntime{width: 105px;height: 87px;background: #00569b;border-radius: 10px;padding:6px 0 0 12px;font-family: '黑体';position: absolute;top:-40px;left: 22px;}
.ntime dd{color: #ffffff;font-size: 30px;font-weight: bold;}
.ntime dt{color: #ffffff;font-size: 18px;}
.nul li{width: 32.4%;margin-bottom: 58px;box-shadow: 0 0 5px 5px rgba(0,0,0,0.06);border-radius: 20px;padding: 65px 25px 25px;position: relative;}
.nul li h3 a{display: block;color: #323232;font-size: 20px;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.nul li p{color: #7a7a7a;font-size: 13px;line-height: 24px;margin-top: 10px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical; -webkit-line-clamp: 3;}
.nul li:hover h3 a{color: #d20a01;}
.nul li:hover .ntime{background: #d20a01;}

/*  */
.foot{background-color: #00569b;margin-top: 17px;}
.ft1{padding: 4.8vw 0 4.5vw;}
.ft2{text-align: center;color: rgba(255, 255, 255,.8);font-size: 16px;line-height: 26px;padding: 20px 0;border-top: 1px solid rgba(255, 255, 255,.2);}
.ft2 a{color: rgba(255, 255, 255,.4);}
.ft1 dd{color: #ffffff;font-size: 18px;margin-bottom: 1.2vw;}
.tewm{text-align: right;}
.er{text-align: center;font-size: 16px;color: rgba(255, 255, 255,.8);line-height: 3;}
.er img{width: 110px;}
.er2{margin-left: 2.1vw;}
.tewm dd{margin-bottom: 2vw;}
.lx{line-height: 42px;font-size: 16px;color: rgba(255, 255, 255,.8);}
.dtel{padding-left: 41px;background: url(../img/0a0cf93f1a4b5b1870ed3f0e5b8111aa81c1a5bf.png) no-repeat left center;font-size: 30px;color: rgba(255, 255, 255,.8);font-weight: bold;}
.foot_nav2>li>a{display: block;color: #ffffff;font-size: 18px;margin-bottom: 1.2vw;}
.foot_nav2 li .x-nav-menu a{display: block;font-size: 16px;line-height: 33px;color: rgba(255, 255, 255,.8);}
.foot_nav2{width: 45.2%;}

.foot a:hover,.foot_nav2 li .x-nav-menu a:hover{color: #fff;}













@media(max-width: 1400px){
    .sbt span{font-size: 50px;}
    .acon{line-height: 30px;}
    .psort li a{font-size: 20px;}
    .plist li h3 a{font-size: 16px;}
	.plist li .img img{ height:200px}
}

@media(max-width: 1300px){
    .abt dd,.bt1 dd{font-size: 33px;}
    .abt dt{font-size: 22px;}
    .line1{margin: 15px 0 20px;}
    .sbt span{font-size: 45px;}
    .y1 h3{font-size: 16px;}
    .mySwiper2 .swiper-slide h3 a{padding: 0 3vw;}
    .mySwiper3 .swiper-slide h3{font-size: 18px;}
    .mySwiper3 .swiper-slide p{font-size: 15px;}
    .ntime{width: 90px;height: 76px;}
    .ntime dd{font-size: 26px;}
    .nul li{padding-top: 52px;}
    .dtel{font-size: 25px;}
}




@media(max-width: 1024px){
    .p4-pagination .swiper-pagination-bullet:before {width: 8px;height: 8px;}
    .mySwiper .p4-pagination .swiper-pagination-bullet{width: 30px;height: 30px;margin: 0 1px;}
    .p4-pagination .swiper-pagination-bullet-active:before{line-height: 1.2;width: auto;height: auto;font-size: 14px;}
    .sbt span{font-size: 40px;}
    .jia{width: 40px;height: 40px;line-height: 38px;font-size: 30px;}
    .box3{padding: 60px 0;}
    /* .ybox .bt1{margin-bottom: 40px;} */
    .mySwiper2 .swiper-slide h3 a{padding: 0 2vw;font-size: 16px;}
    .foot_nav2{display: none;}
	.plist li .img img{ height:180px}
}
@media(max-width: 768px){
    .aleft,.aright{width: 100%;}
    .sbt span{font-size: 28px;}
    .sul li p{font-size: 14px;}
    .aright{margin-top: 20px;}
    .ybox{width: 100%;}
    .y1{height: auto;padding:30px 20px;}
    .ybox2 .y1{height: auto;}
    .box3{padding: 30px 0;}
    .box5 .bt1{top:20px;}
    .abt dd, .bt1 dd{font-size: 28px;}
    .nul li{width: 48%;}
    .box6{padding-top: 40px;}
    .nul{margin-top: 70px;}
	.plist li .img img{ height:150px}
}

@media(max-width: 640px){
    .abt dd,.bt1 dd{font-size: 24px;}
    .abt dt{font-size: 18px;}
    .line1{margin: 10px 0 15px;}
    .acon{margin: 15px 0;font-size: 14px;}
    .amore a{width: 140px;height: 48px;line-height: 48px;}
    .sul li{width: 48%;margin-bottom: 15px;padding-left: 10px;padding-bottom: 10px;}
    .sbt{font-size: 13px;margin: 0 0 5px 0;}
    .box2{padding: 30px 0;}
    .line2{margin: 10px 0;}
    .pp2{width: 100%;margin-top: 15px;}
    .psort li{margin-right: 10px;}
    .pmore a{margin-left: 0;font-size: 14px;letter-spacing: 0;line-height: 1.9;}
    .psort li a{font-size: 16px;letter-spacing: 0;}
    .psort li:last-child{margin-right: 0;}
    .pbox{margin-top: 25px;}
    .plist{margin: 0 -1%;}
    .plist li{width: 48%;margin: 0 1%;}
    .plist li h3 a{font-size: 14px;}
    .sul{padding: 0;}
    .ybox .bt1{margin-bottom: 20px;}
    .ys1 p{margin-bottom: 10px;font-size: 14px;line-height: 24px;background-position: left 8px;}
    .box4{margin: 30px 0 50px;}
    .bt1 dt{font-size: 15px;letter-spacing: 0;}
    .mySwiper3,.box5 .bt1{position: static;}
    .box5 .bt1{margin-bottom: 20px;}
    .mySwiper3 .swiper-slide{padding: 10px 0 14px;}
    .mySwiper3 .swiper-slide p{font-size: 13px;}
    .mySwiper3 .swiper-slide h3{font-size: 16px;}
    .nul li{width: 100%;}
    .nul{margin-top: 60px;}
    .ntime{width: 80px;height: 66px;}
    .ntime dd{font-size: 23px;}
    .nul li{padding-top:42px;border-radius: 10px;}
    .ntime dt{font-size: 16px;line-height: 1;}
    .nul li h3 a{font-size: 16px;}
    .nul li:last-child{margin-bottom: 0;}
    .ft2{font-size: 14px;line-height: 24px;}
    .lxwm,.tewm{width: 100%;}
    .tewm{margin-top: 20px;text-align: center;}
    .ft1 dd,.tewm dd{margin-bottom: 15px;}
    .er{justify-content: center;}
    .er2{margin-left: 20px;}
    



}