/*头部位置样式--区分首页与内页*/
.topm{}
.topm .logo img{ width: 100%; height: auto;}
.topm .menu{  align-self:center;}
.topm .menu ul{display: flex; flex-direction: row; justify-content: space-between; align-items: center; text-align: center; flex-wrap: wrap; background: #0163f1; color: #ffffff;padding-bottom: 5px;}
.topm .menu ul li{ width: 25%; margin-top: 5px;}
.topm .menu a{ color: #ffffff;font-size: 12px;}

@media (min-width:768px) {
	.topm .menu a{ font-size: 14px;}
}
@media (min-width:992px) {
	.topm .menu ul li{ width: 12.5%;}
	.topm .menu a{ font-size: 16px;}
}
@media (min-width:1230px) {
	.topm .menu ul{ padding-bottom: 0px;}
	.topm .menu ul li{  margin-top: 0px;}
	.topm .menu a{ font-size: 18px; line-height: 2; display: block;}
}



.sec01 p,.sec02 p{ color: #666666;}
.sec01 p{  }
@media (min-width: 576px) {
	.hdp4{padding: 10px 35px 0px 35px;}
}
@media (min-width: 992px) {
	.sec01{ background: url(../img/line.png) no-repeat center ; background-size: auto 100%;}
	.sec01 p{ color: #666666; }
	.sec01 p.ft_22{ font-size: 16px;padding-top:15px;}
	.sec01 .hdp4{   padding: 50px 35px 0px 35px; }
}

@media (min-width: 1230px) {
	.sec01 p{}
	.sec01 p.ft_22{ font-size: 20px;}
}
.sec01 .text5 h4{ margin-top:15px;}
.sec01 .text5 a{ color: #666666;}
.sec01 .text5 a.more{ text-align: right; display: block; color: #0364f1; font-weight: bold; margin-top: 8px;}

.tbarbg{ background: url(../img/s_tbar.png) no-repeat bottom center; display: inline-block; background-size: 100% 30%; padding: 0px 5px;} 



.fj-main{  }

.fj-cut{ width: 100%; display: flex; flex-direction: row; justify-content: flex-end; align-items: center;}
.fj-cut ul{ width: 60%; display: flex; flex-direction: row; justify-content:flex-end; align-items: center;}
.fj-cut ul li{ max-width: 30%; text-align: center;line-height: 2.5;   box-sizing: border-box; width: 110px; padding-bottom: 7px; }
.fj-cut ul li:last-child{ border: none;}
.fj-cut ul li.on{  color: #0364f1; background: url(../img/ic_k.png) no-repeat center; background-size: 100% 100%;}

@media (min-width:992px) {
	.fj-cut ul li{ font-size: 20px;padding-bottom: 10px; }
	.fj-cut ul{ width: 40%;}
}
.fj-con{ position: relative;}
.fj-con .content{ display: flex; flex-direction: row; flex-wrap:wrap; align-items: center; justify-content: space-between; width: 100%;}
.fj-con .content a{ display: block; width: 48%; position: relative;}
.fj-con .content a img{ width: 100%; height:170px; object-fit: cover;}
.fj-con .content a div{ display: none;}
.fj-con .content a:hover div{ display:flex; position: absolute; bottom: 0px; right: 0px; width: 27%; height: 27%; background:#0364f1 ; color: #ffffff; align-items: center; justify-content: center; font-size: 30px;}

@media (min-width:768px) {
	.fj-con .content a{  width: 32%;}
	.fj-con .content a img{  height:270px;}
}



.imgt2 div h4{ width: 100%; height: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center; border: 1px solid #ffffff;}

.hdp2 .swiper-container{ padding-bottom: 25px;}
.hdp2 .swiper-pagination-bullet{width:10px;height:10px; border-radius:100%;background: #999999;opacity:1}
.hdp2 .swiper-pagination-bullet-active{ background:#0250a3}
.hdp2 .swiper-container-horizontal>.swiper-pagination-bullets{bottom:0px;}
.hdp2 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}

@media (min-width:768px){
	.hdp2 .swiper-container{ padding-bottom: 33px;}
	.hdp2 .swiper-pagination-bullet{width:14px;height:14px; }
	.hdp2 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 6px}
}

@media (min-width:1230px) {
	.hdp2 .swiper-container{ padding-bottom: 55px;}
	.hdp2 .swiper-pagination-bullet{width:20px;height:20px; }
	.hdp2 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 12px}
}


.hdpt2 .swiper-container {width: 100%;height: 100%;}
.hdpt2 .swiper-slide { background: #fff; }
.hdpt2 .imgt2{ padding-bottom: 0px;}
.hdpt2 .imgt2 img{ width: 100%; object-fit: cover; height: auto;}
.imgtt2 div{ position: absolute; display: none; width: 100%; height: 100%; top: 0px; left: 0px;transition: all 1s; box-sizing: border-box;}
.imgtt2:hover div{ display: flex; flex-direction: column; align-items: center; justify-content: center; background: rgba(113,184,248,0.8); color: #ffffff;padding: 10px;}
.hdpt2 .imgt2 p{ color: #eaecea;}

.hdpt2 .swiper-pagination{ text-align:right; padding-right: 10px;}
.hdpt2 .swiper-pagination-bullet{width:10px;height:10px; border-radius:100%;background: #ffffff;opacity:1;  }
.hdpt2 .swiper-pagination-bullet-active{ background:#0250a3}
.hdpt2 .swiper-container-horizontal>.swiper-pagination-bullets{ }
.hdpt2 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}

.ttext2 p{ margin: 5px 0px; text-indent: 2em; }
@media (min-width:768px){
	.ttext2{ font-size: 16px;}
}

@media (min-width:1230px) {
	.hdpt2 .imgt2 img{ }
}

.spcf:after {content: ""; width: 32%;}
.spcf li{ padding: 12px; border: 1px solid #999999; border-radius: 8px; cursor: pointer;}
.spcf li:hover{ border: none; background: #f2f6fa;}
.spcf li h5{ line-height: 1.5; height: 1.5; overflow: hidden;}

.gmore{ text-align: center; cursor: pointer; width: 100%; }
.gmore h5{ font-weight: bold;color: #0364f1; background: url(../img/ic_down.png) no-repeat center bottom; background-size: 22px 19px; padding-bottom: 19px;}

.imgtt5{ display: flex; flex-direction: row;flex-wrap: wrap;  justify-content: space-between; align-items: center; width: 100%;position: relative;}
.imgtt5 .img img{ max-height: 340px; max-width: 340px; width: 100%; height: auto; }
.imgtt5 .text3{  height: 0px; overflow: hidden;font-size: 12px;position: absolute; top: 0px; left: 0px; width: 100%; display: flex; flex-direction:column; justify-content: flex-start; align-items: flex-start; transition: all ease 0.5s; color: #FFFFFF;}
.imgtt5:hover .text3{height: 100%;  padding: 12px 12px; box-sizing: border-box; background:url(../img/ic_jia.png) no-repeat center; background-size: 40px 40px;transform: scale(1); background-color: rgba(25,65,155,0.9);}
.imgtt5:hover .text3 h5{ font-weight: bold;}

.xfmenu{ display: none;}
@media (min-width:1230px) {
.xfmenu{position: fixed; top: 50%; margin-top: -300px; display:flex; flex-direction: column; align-items: center; justify-content: center; width: 200px; right: 30px; background: url(../img/mbg.jpg) no-repeat center bottom; background-size: 100% 100%; z-index: 99; padding-bottom: 20px;}
.xfmenu li{ padding: 0px 20px; width: 100%; box-sizing: border-box;}
.xfmenu li a{ display: block; height: 58px; line-height: 58px; border-bottom: 1px dashed #ffffff; color: #ffffff; font-size: 22px; font-weight: bold; width: 100%; text-align: center;}
.xfmenu li:last-child a{ border-bottom: none;}
}

.zzbox{position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99;  box-sizing: border-box;  text-align: center; background: rgba(0,0,0,0.8); display: none;}
.v-box{ width: 96%; height: auto; position: absolute; top: 50%; transform:translate(0,-50%);  left: 50%; margin-left: -48%; }
.v-box video{width: 100%; height: auto;}

@media (min-width:768px) {
	.v-box{ width: 90%; margin-left: -45%; }
}
@media (min-width:1230px) {
	.v-box{ width: 50%; margin-left: -25%; }
}


.hdp9 .swiper-slide{ padding-top:30px; padding-bottom:14px;}

.tbrand{ position: absolute; top: 0; left: 0; font-size: 14px; line-height:30px; background:#0364f1; color: #ffffff; border-top-left-radius:10px; border-bottom-right-radius: 10px;  text-align: center; padding: 0px 15px; box-sizing: border-box;}
.ldcps{ display: flex; flex-direction: row; justify-content:space-around; align-items: center; padding: 15px 10px 10px 10px; width: 100%; box-sizing: border-box; flex-wrap: wrap;}
.ldcps li{ width:100%; position: relative; margin: 3px 0px;}
.ldcps li p{ position: absolute; bottom: 0; right: 0;background:#0364f1; color: #ffffff; font-size: 12px; line-height: 1.5; padding: 3px 15px;}
@media (min-width:576px) {
	.hdp9 .swiper-slide{ padding-top:35px;}
	.ldcps{padding: 15px 15px 10px 15px;}
	.tbrand{ line-height: 35px; min-width: 100px; font-size: 15px;}
	.ldcps li p{font-size: 14px; }
}
@media (min-width:768px) {
	.hdp9 .swiper-slide{  }
	.tbrand{ min-width: 152px;}
	.ldcps li{ width: 33%; margin: 0px;}
	.ldcps{ }
	.ldcps li p{  }
}

@media (min-width:992px) {
	.hdp9 .swiper-slide{padding-top:45px; }
	.tbrand{font-size: 18px; line-height:45px;min-width: 152px;}
	.ldcps li{ width: 33%; margin: 0px;}
	.ldcps{padding: 20px 10px 15px 10px;}
	.ldcps li p{  }
}

@media (min-width:1230px) {
	.hdp9 .swiper-slide{padding-top:60px; }
	.tbrand{font-size: 22px; line-height:60px;min-width: 152px;}
	.ldcps li{ width: 33%; margin: 0px;}
	.ldcps{padding: 40px 15px 25px 15px;}
	.ldcps li p{font-size: 15px;padding: 5px 15px; }
}