.container[data-v-5d285c6b]{position:relative;z-index:1}

.pagewrap {padding-top: 0}

.bg-fixed[data-v-5d285c6b]{width:100%;height:900px;
	background:url(../images/abtcontact.png) no-repeat;background-size:100% auto;background-position:0 100%;position:fixed;z-index:0}
.banner .text[data-v-5d285c6b]{top:60%;left:50%;transform:translate(-50%,-50%)}
.about[data-v-5d285c6b]{color:#fff;font-size:14px;position:relative}
.about .content-left .des[data-v-5d285c6b]{color:#fff;text-indent:28px;line-height:30px;font-size:16px}
.about .content-left .more[data-v-5d285c6b]{color:#fff;width:125px;height:36px;margin-top:40px;margin-right:20px;line-height:36px;text-align:center;border:1px solid #fff}
.about .content-left .more[data-v-5d285c6b]:hover{background:#3b75c7}
.about .box-right[data-v-5d285c6b]{position:absolute;right:3%;top:3%;z-index:1;width:30%;height:90%;overflow:hidden}
.about .box-right img[data-v-5d285c6b]{width:100%;transition:all .5s}
.about .box-right img[data-v-5d285c6b]:hover{transform:scale(1.1)}
.profile .title[data-v-5d285c6b]{margin:auto;width:200px;height:200px;padding-top:70px;border-radius:50%;background:#003a8f}
.profile .content[data-v-5d285c6b]{width:100%;height:500px;background:url(../images/abtdev.png) no-repeat;background-position:50%;background-size:cover}
.profile .time-line[data-v-5d285c6b]{margin:auto;width:80%}
.profile .time-content[data-v-5d285c6b]{width:20%;height:100px;position:relative}
.profile .time[data-v-5d285c6b]{width:100px;height:100px;line-height:100px;background:linear-gradient(151deg,#2675e8,#003a8f);box-shadow:0 3px 6px rgba(0,58,143,.3);border-radius:50%;text-align:center;position:absolute;top:0;left:50px;z-index:1}
.profile .time-event[data-v-5d285c6b]{position:absolute;line-height:25px}
.profile .pos-top[data-v-5d285c6b]{bottom:120px;width:160px;left:19px}
.profile .pos-bottom[data-v-5d285c6b]{bottom:-170px;height:150px;left:27px;width:160px}
.profile .line[data-v-5d285c6b]{position:absolute;width:100%;height:2px;background:#003a8f;top:50%;z-index:0}
.profile .m-con[data-v-5d285c6b]{margin-top:30px;clear:both}
.profile .m-time[data-v-5d285c6b]{width:120px;height:80px;padding-left:30px;float:left}
.social[data-v-5d285c6b]{width:100%;
	background-position:top;background-size:cover;
	padding:70px 0 50px;margin-bottom:30px;overflow:hidden}
 
.social .content[data-v-5d285c6b]{max-width:1200px;margin:auto;padding-top:20px;}
.social .con-right[data-v-5d285c6b]{overflow:hidden}
.social .con-right .swiper-container-d[data-v-5d285c6b]{width:100%}
.social .con-right .swiper-container-d .swiper-slide ul li[data-v-5d285c6b]{
	font-size: 16px;
	text-align:center;color:#333;padding:8px 5px;transition:all .3s;
	overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.social .con-right .swiper-container-d .swiper-slide ul li[data-v-5d285c6b]:hover{padding-left:4px;font-weight:700}
.social .con-right .swiper-pagination-d[data-v-5d285c6b]{width:100%;height:50px;line-height:30px;margin-top:10px;cursor:pointer}
.social .con-right .swiper-pagination-d[data-v-5d285c6b] .swiper-pagination-bullet{width:16px;height:16px;display:inline-block;margin:0 20px;border-radius:100%;background:#003a8f;opacity:1}
.social .con-right .swiper-container[data-v-5d285c6b]{padding-bottom:70px!important}
.social .con-right .swiper-pagination-d[data-v-5d285c6b] .swiper-pagination-bullet-active{opacity:1;background:none;position:relative}
.social .con-right .swiper-pagination-d[data-v-5d285c6b] .swiper-pagination-bullet-active:before{content:"";display:block;border-radius:100%;width:16px;height:16px;background:#003a8f;box-shadow:0 0 10px rgba(0,58,143,.7)}
@media screen and (min-width:900px){.social .swiper-culture .quan[data-v-5d285c6b]{width:160px;height:160px;border:1px solid #fff;border-radius:50%;margin-left:11%}
.social .swiper-culture .swiper-button-prev1[data-v-5d285c6b]{left:0;background:url(/_nuxt/img/touming_left.653ccea.png) no-repeat;transition:all .5s}
.social .swiper-culture .swiper-button-next1[data-v-5d285c6b]{right:0;transition:all .5s;background:url(/_nuxt/img/touming_right.477b38d.png) no-repeat}
.social .swiper-culture .clp70[data-v-5d285c6b]{padding-left:46px;padding-right:46px}
.social .swiper-container-p[data-v-5d285c6b]{margin-top:50px}
.social .swiper-container-p .swiper-slide[data-v-5d285c6b]{display:flex;justify-content:center;align-items:center}
.social .swiper-container-p .swiper-slide-item[data-v-5d285c6b]{padding:20px;background:#fff;transition:.3s;transform:scale(.8)}
.social .swiper-container-p .swiper-slide-item img[data-v-5d285c6b]{width:100%;object-fit:contain}
}@media screen and (min-width:768px) and (max-width:899px){.social .swiper-culture .quan[data-v-5d285c6b]{width:160px;height:160px;border:1px solid #fff;border-radius:50%;margin-left:16%}
.social .swiper-culture .swiper-button-prev1[data-v-5d285c6b]{left:5px!important;background:url(/_nuxt/img/touming_left.653ccea.png) no-repeat;transition:all .5s}
.social .swiper-culture .swiper-button-next1[data-v-5d285c6b]{right:5px!important;transition:all .5s;background:url(/_nuxt/img/touming_right.477b38d.png) no-repeat}
.social .swiper-culture .clp70[data-v-5d285c6b]{padding-left:46px;padding-right:46px}
.social .swiper-container-p[data-v-5d285c6b]{margin-top:50px}
.social .swiper-container-p .swiper-slide[data-v-5d285c6b]{display:flex;justify-content:center;align-items:center}
.social .swiper-container-p .swiper-slide-item[data-v-5d285c6b]{margin:20px 55px;padding:20px;background:#fff;transition:.3s;transform:scale(.8)}
.social .swiper-container-p .swiper-slide-item img[data-v-5d285c6b]{width:100%;object-fit:contain}
}@media only screen and (max-width:767px){.social .swiper-culture .quan[data-v-5d285c6b]{width:130px;height:130px;border:1px solid #fff;border-radius:50%;margin-left:12%}
.social .swiper-culture .clp70[data-v-5d285c6b]{width:100%;padding:0 10px}
.social .swiper-container-p[data-v-5d285c6b]{margin-top:20px}
.social .swiper-container-p .swiper-slide[data-v-5d285c6b]{display:flex;justify-content:center;align-items:center}
.social .swiper-container-p .swiper-slide-item[data-v-5d285c6b]{padding:20px;background:#fff;transition:.3s;transform:scale(.8)}
.social .swiper-container-p .swiper-slide-item img[data-v-5d285c6b]{width:100%;object-fit:contain}
}.swiper-culture[data-v-5d285c6b]{max-width:1200px;position:relative;margin:40px auto auto;padding:40px 10px;text-align:center;transform:none;-webkit-transition:all 1s;transition:all 1s}
.swiper-culture .swiper-button-next1[data-v-5d285c6b],.swiper-culture .swiper-button-prev1[data-v-5d285c6b]{position:absolute;top:44%!important;width:54px;height:54px;margin-top:-22px;z-index:10;cursor:pointer;background-size:100%;background-position:50%;background-repeat:no-repeat}
.swiper-culture .quan>p[data-v-5d285c6b]{font-size:16px;color:#fff;margin-top:8px}
.swiper-culture .quan>img[data-v-5d285c6b]{margin-top:20%}
.swiper-culture .lii>p[data-v-5d285c6b]{margin-top:20px;font-size:16px;color:#fff;text-align:center;line-height:20px}
.contact[data-v-5d285c6b]{position:relative}
.contact .content-bottom .item-left[data-v-5d285c6b]{display:inline-table;padding-left:40px}
.contact .content[data-v-5d285c6b]{max-width:1200px;margin:auto}
.contact .content img[data-v-5d285c6b]{width:100%;height:100%}
.contact p input[data-v-5d285c6b]{width:500px;height:32px;background:#f7f7f7;border:none;text-align:center}
.contact p button[data-v-5d285c6b]{width:150px;height:32px;text-align:center;line-height:32px;background:#003a8f;border-radius:8px;border:none;color:#fff;cursor:pointer}
@media screen and (min-width:1200px){.about .about-bg[data-v-5d285c6b]{height:auto;width:100%;position:relative;object-fit:contain;z-index:2}
.about .box-left[data-v-5d285c6b]{position:absolute;top:50%;left:20%;transform:translate(-20%,-50%);width:50%;z-index:2}
.con-left[data-v-5d285c6b]{background:#fff;box-shadow:0 0 10px rgba(0,0,0,.1);border-radius:2px;float:left;position:relative;z-index:2}
.con-left img[data-v-5d285c6b]{width:700px;height:400px}
.con-right[data-v-5d285c6b]{float:left;width:400px;height:300px;margin-top:80px;background:#fff;box-shadow:0 0 10px rgba(0,0,0,.1)}
.content .item[data-v-5d285c6b]{height:254px;width:100%;clear:both;margin-bottom:20px;background:#fff;box-shadow:0 0 10px rgba(0,0,0,.1)}
.content .item-left[data-v-5d285c6b]{height:100%;width:50%;float:left}
.content .item-right[data-v-5d285c6b]{height:100%;width:50%;float:left;overflow:hidden}

}@media screen and (min-width:900px) and (max-width:1199px){.about .about-bg[data-v-5d285c6b]{height:auto;width:100%;position:relative;object-fit:contain;z-index:2}
.about .box-left[data-v-5d285c6b]{position:absolute;top:50%;left:2%;transform:translateY(-50%);width:95%;z-index:2}
.social .content[data-v-5d285c6b]{clear:both;overflow:hidden;padding:0 30px}
.social .con-left[data-v-5d285c6b]{background:#fff;box-shadow:0 0 10px rgba(0,0,0,.1);border-radius:2px;float:left;position:relative;z-index:2;width:50%}
.social .con-left img[data-v-5d285c6b]{width:100%;height:100%;object-fit:contain}
.social .con-right[data-v-5d285c6b]{float:left;width:40%;height:300px;background:#fff;box-shadow:0 0 10px rgba(0,0,0,.1);position:relative;transform:translateY(9%)}
.content .item[data-v-5d285c6b]{height:254px;width:100%;clear:both;margin-bottom:20px;background:#fff;box-shadow:0 0 10px rgba(0,0,0,.1)}
.content .item-left[data-v-5d285c6b]{height:100%;width:50%;float:left}
.content .item-right[data-v-5d285c6b]{height:100%;width:50%;float:left;overflow:hidden}

}@media screen and (min-width:768px) and (max-width:899px){.about[data-v-5d285c6b]{padding:30px;position:relative;width:100%}
.about .about-bg[data-v-5d285c6b]{width:100%;height:100%;position:absolute;top:0;right:0;z-index:2}
.about .box-left[data-v-5d285c6b],.con-left[data-v-5d285c6b]{position:relative;z-index:2}
.con-left[data-v-5d285c6b]{margin-left:30px;background:#fff;box-shadow:0 0 10px rgba(0,0,0,.1);border-radius:2px;float:left}
.con-left img[data-v-5d285c6b]{width:350px;height:270px}
.con-right[data-v-5d285c6b]{width:320px;height:300px;float:left;background:#fff;box-shadow:0 0 10px rgba(0,0,0,.1)}
.content .item[data-v-5d285c6b]{height:254px;width:100%;clear:both;margin-bottom:20px;background:#fff;box-shadow:0 0 10px rgba(0,0,0,.1)}
.content .item-left[data-v-5d285c6b]{height:100%;width:50%;float:left}
.content .item-right[data-v-5d285c6b]{height:100%;width:50%;float:left;overflow:hidden}

}@media only screen and (max-width:767px){.con-left[data-v-5d285c6b]{width:auto;height:auto;margin:20px;background:#fff;box-shadow:0 0 10px rgba(0,0,0,.1);border-radius:2px;position:relative;z-index:2}
.con-left img[data-v-5d285c6b]{width:100%;object-fit:contain;height:auto}
.con-right[data-v-5d285c6b]{width:100%;height:300px;margin:20px auto auto;background:#fff;box-shadow:0 0 10px rgba(0,0,0,.1)}
.content[data-v-5d285c6b]{padding:20px}
.content .item[data-v-5d285c6b]{height:234px;width:100%;background:#fff;box-shadow:0 0 10px rgba(0,0,0,.1)}
.content .item-left[data-v-5d285c6b]{height:100%;width:98%;float:left;margin:0 2%}
.content .item-right[data-v-5d285c6b]{display:none}

.about[data-v-5d285c6b]{width:100%;overflow:hidden}
.about .box-left[data-v-5d285c6b]{position:absolute;top:50%;left:20%;transform:translate(-20%,-50%);width:100%;padding:0 15px;z-index:2}
}
/*
.aboutcontact { background: url(../images/abtcontact.png) no-repeat;background-size:100% auto; }
*/


#contact .contact-con .detail-block{display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap;margin-bottom:30px}
#contact .contact-con .detail-block .detail-list{border:1px solid #D8D8D8;width:32%;padding:30px;margin-bottom:17px}
#contact .contact-con .detail-block .detail-list .text1{font-size:24px;color:#212121;line-height:41px}
#contact .contact-con .detail-block .detail-list .line{width:35px;height:1px;background:#CD3125;margin-top:10px;margin-bottom:10px}
#contact .contact-con .detail-block .detail-list .text2{font-size:16px;color:#191818;line-height:40px}

@media only screen and (max-width:899px){
 #contact .contact-con .detail-block .detail-list{width:48%;margin:1%}
 #contact .contact-con .detail-block .detail-list .text1 {  font-size: 20px;     }
 #contact .contact-con .detail-block .detail-list .text2 {     line-height: 30px}

}
@media only screen and (max-width:699px){
	#contact .contact-con .detail-block .detail-list{width:99%;margin:1%}
}
