body{ background: #ffffff;}
.bg-gray{ background: #ffffff;}

.menu{text-align:center; border-bottom: 0px solid #eeeeee ; padding-top: 0px; background:url(../img/t_nav.jpg) repeat-x left center; background-size: 100% 100%; margin-top: 0px; border-bottom: 2px solid #024d93;}
.menu ul{ display: flex; flex-direction:row; justify-content: space-between; align-items: center;}
.menu li{ width:25%;   text-align: center;transition:all 0.2s linear;}
.menu li a{ display: inline-block; height:40px; line-height: 40px; font-size:0.75rem; color: #ffffff; background-size: auto 14px; padding-left: 19px; background-repeat: no-repeat; background-position: left center;}
.menu li:hover{ background: #ffffff;}
.menu li:hover a{color: #111111; }
.menu li:first-child a{ background-image: url(../img/t_icm_1h.png);}
.menu li:nth-child(2) a{ background-image: url(../img/t_icm_2h.png);}
.menu li:nth-child(3) a{ background-image: url(../img/t_icm_3h.png);}
.menu li:last-child a{ background-image: url(../img/t_icm_4h.png);}
.menu li:first-child:hover a{ background-image: url(../img/t_icm_1.png);}
.menu li:nth-child(2):hover a{ background-image: url(../img/t_icm_2.png);}
.menu li:nth-child(3):hover a{ background-image: url(../img/t_icm_3.png);}
.menu li:last-child:hover a{ background-image: url(../img/t_icm_4.png);}

.menu li:last-child {}
/*.nav_fixed{position:fixed;top:0; width:100%; margin:0px auto; z-index:10}*/

@media (min-width: 576px) {
	.menu{ margin-top: 0px;}
	.menu li a{  height:50px; line-height: 50px; font-size: 0.875rem;background-size: auto 16px; padding-left: 24px;}
}
@media (min-width: 992px) {
	.menu{ margin-top: 0px;}
	.menu li a{ font-size:1.125rem;height:60px; line-height: 60px;background-size: auto 19px; padding-left: 30px;}
}
@media (min-width: 1230px) {
	.menu{ margin-top: 0px;}
	.menu li a{ font-size: 1.375rem;height:120px; line-height: 120px;background-size: auto 31px; padding-left: 43px;}
}
.nav_fixed{margin:0px auto;}


.sec01 .row{ align-items: stretch;}
.vbar1{}
.ab_tt{ background: #eef1f5; height: 100%; display: flex; flex-direction: column; align-items:flex-start; justify-content:flex-end;margin-top: 15px; padding-left: 15px;}
.ab_tt span{ display: block; background: url(../img/t_line.png) no-repeat left top; color: #dee4ec;}
.ab_tt h3{ color: #014891; font-weight: bold;}
.gdbox{height:376px; overflow-y: auto;  text-align: justify; line-height: 2; padding-right: 15px;}
@media (min-width:768px) {
.ab_tt{ margin-top: 0px;align-items:center;padding-left: 0px; }	
}
@media (min-width: 992px) {
	.gdbox{height:376px;  padding-left: 10px; padding-right: 20px;  }
}
@media (min-width: 1230px) {
	.gdbox{ padding-left: 40px; padding-right: 40px; }
}

.gdbox{scrollbar-base-color:#f00;}
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/  
.gdbox::-webkit-scrollbar  
{  
    width: 10px;  /*滚动条宽度*/
    height: 5px;  /*滚动条高度*/
}  
.gdbox::-webkit-scrollbar-button  
{  
background-color:#f4f4f4;
-webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0.3);  
    border-radius: 2px;color:#900; height: 2px;
} 

/*定义滚动条轨道 内阴影+圆角*/  
.gdbox::-webkit-scrollbar-track  
{  
    -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0.3);  
    border-radius: 0px;  /*滚动条的背景区域的圆角*/
    background-color: #f4f4f4;/*滚动条的背景颜色*/  
}  
  
/*定义滑块 内阴影+圆角*/  
.gdbox::-webkit-scrollbar-thumb  
{  
    border-radius: 2px;  /*滚动条的圆角*/
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);  
    background-color:  #d7d7d7;  /*滚动条的背景颜色*/ 
}

.wzbar{ width: 100%; text-align: center; line-height: 1; position: relative;}
.wzbar span{ display: block; line-height: 1; color: #e5ecf4; text-transform: uppercase; position: absolute; top: 0; left: 0;  width: 100%; text-align: center; z-index: -1;}
.wzbar h3{ color: #014891; font-weight: bold; line-height:2.85; padding-top: 8px; background: url(../img/t_line.png) no-repeat bottom center;}

.ibar{ display: flex; flex-direction: row; justify-content: center; align-items: center;}
.ibar img{ max-width: 50%; width: auto; height: auto;}

.nbar{ display:inline-block; position: relative;}
.nbar span{text-transform: uppercase; color: #ffffff; line-height: 1; display:inline-block;  }
.nbar h3{ font-weight: bold; color:#014891; position: absolute; left: 0px; top: 50%; transform: translateY(-50%); width: 100%;text-align: center;}

.gdpro{ width: 100%; overflow-x: auto; }
.gdpro .gimg{ width: 780px; height: auto;}
.gdpro .gimg img{ width: 100%; height: auto;}
@media (min-width: 768px) {
	.gdpro .gimg{ width: 1100px;}
}
@media (min-width: 1230px) {
	.gdpro .gimg{ width: 100%;}
}

.sec03{ background: #eef1f5;}
.wzsm{ text-align: center;}



.casebox{ min-height: 300px;}
.casebox .swiper-container {width: 100%;height: 100%; padding-bottom: 50px;}
.casebox .swiper-slide {text-align: center;background: #ffffff;/* Center slide text vertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; width: 100%;}

.casebox .swiper-button-next,.casebox .swiper-button-prev{top:auto;bottom: 0px;width:30px;height:30px;margin-top:0px;z-index:10;cursor:pointer;background-size:30px 30px ; background-repeat: no-repeat;}
.casebox .swiper-button-next{background-image: url(../img/t__next.png); right:50%;left:auto; margin-right: -35px; }
.casebox .swiper-button-prev{background-image: url(../img/t_prev.png);left:50%;right:auto; margin-left: -35px;}


.zf_box{ display: flex; flex-direction: row; justify-content: space-between; align-items: stretch; flex-wrap: wrap; width: 100%;}
.zf_rw{ width: 100%;  order: 2;margin-top: 20px;}
.zf_pic{ width: 100%;order: 1; display: flex; flex-direction: row; justify-content: center; align-items: center;}
.zf_pic img{ width:auto;  object-fit: cover; height:auto; max-width: 100%;}

@media (min-width: 576px) {
	
}
@media (min-width: 768px) {
	
	.zf_rw{ width: 64%;margin-top: 0px;}
	.zf_pic{ width: 32%;order: 3;}
}
@media (min-width: 992px) {

}
@media (min-width: 1230px) {

}

.zf_rm{ display: flex; flex-direction: column; align-items: flex-end; justify-content: flex-end;}
.zf_rm .ft_20{ background: url(../img/t_b1.png) no-repeat center; background-size: 100% 100%; line-height: 1.5; line-height: 1.5; color: #ffffff; padding: 0px 40px; font-weight: bold;}
.zf_rm .fts14{background: url(../img/t_b2.png) no-repeat center; background-size: 100% 100%; line-height: 1.5; line-height: 1.5; color: #ffffff; padding: 0px 20px 0px 90px; margin-right: 40px; text-align: right;}

.zf_nr{ line-height: 2; text-align: left; height: auto; overflow-y: auto;height:346px; overflow-y: auto;  text-align: justify; padding-right: 20px;}
.zf_nr{scrollbar-base-color:#f00;}
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/  
.zf_nr::-webkit-scrollbar  
{  
    width: 10px;  /*滚动条宽度*/
    height: 5px;  /*滚动条高度*/
}  
.zf_nr::-webkit-scrollbar-button  
{  
background-color:#f4f4f4;
-webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0.3);  
    border-radius: 2px;color:#900; height: 2px;
} 

/*定义滚动条轨道 内阴影+圆角*/  
.zf_nr::-webkit-scrollbar-track  
{  
    -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0.3);  
    border-radius: 0px;  /*滚动条的背景区域的圆角*/
    background-color: #f4f4f4;/*滚动条的背景颜色*/  
}  
  
/*定义滑块 内阴影+圆角*/  
.zf_nr::-webkit-scrollbar-thumb  
{  
    border-radius: 2px;  /*滚动条的圆角*/
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);  
    background-color:  #d7d7d7;  /*滚动条的背景颜色*/ 
}

@media (min-width: 1230px) {
.zf_nr{height:390px}
}

.m_btn{ color: #014891;  line-height: 1; font-size: 14px; margin-top: 16px; display: block; width: 100%; text-align:center;}

.sec05{ background: url(../img/t_c1.jpg) no-repeat bottom center; background-size:auto 47%;}
.zj_tcl{background: url(../img/t_c2.jpg) no-repeat bottom center; background-size: cover; color: #ffffff;  width: 100%; box-sizing: border-box; padding-right: 15px;}
.at_tt{ display: flex; flex-direction: row; justify-content: space-between; align-items:flex-end;padding: 15px 0px 0px 15px;}
.at_tt img{ width: auto; height: auto;}
.at_tt img:first-child{ max-width: 64%;}
.at_tt img:last-child{ max-width: 32%;}

@media (min-width: 992px) {
	.zj_tcl{padding-right: 30px;}
	.at_tt{ padding: 30px 0px 0px 30px;}
}
@media (min-width: 1230px) {
	.zj_tcl{padding-right: 40px;}
	.at_tt{ padding: 60px 0px 0px 40px;}
}


.fj-main{ width: 100%;}

.fj-cut{ width: 100%; display: flex; flex-direction:column; justify-content: flex-end; align-items:flex-end;}
.fj-cut ul{ width: 100%; display: flex; flex-direction:row; justify-content:flex-start; align-items:center; padding-left: 15px;}
.fj-cut ul li{ text-align: center; box-sizing: border-box; cursor: pointer; border-radius: 15px; border: 1px solid none; line-height: 1.5; padding: 0px 10px;}
.fj-cut ul li:last-child{ border: none;}
.fj-cut ul li.on{ border: 1px solid #ffffff;}
.fj-con{ position: relative; width: 98%; background: url(../img/t_bg1.png) repeat-x left center; background-size: 100% auto; border-top-right-radius: 30px;}
.fj-con .content{ display: flex; flex-direction: row; flex-wrap:wrap; align-items: center; justify-content: space-between; width: 100%; padding: 12px; line-height: 2;}
.fj-con .content p{ padding: 5px 0px;}
@media (min-width:768px) {
	.fj-cut ul{ flex-direction:column; justify-content:flex-end; align-items: flex-end;}
	.fj-cut ul li{ font-size: 16px;}
	.fj-con{ width: 75%;}
}
@media (min-width:992px) {
	.fj-cut ul li{ font-size: 20px;padding: 0px 10px;}
	.fj-cut ul{ }
	.fj-con{width: 70%;}
	.fj-con .content{padding: 30px;}
	.fj-con .content p{ padding: 8px 0px;}
}

.at_tcl{ display: flex; flex-direction: row; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.at_tcl li{ width: 100%;}
.at_tcl li img{ width: 100%; height: auto;}
.ct_tcl{ width: 100%; display: flex; flex-direction: row; justify-content: flex-end; align-items: center;}
.ct_tcl img{ width: auto; max-width: 50%;}
@media (min-width:768px) {
.at_tcl li{ width: 49%;}
}


.sec06{ background: #eef1f5;}

.ft_100{ font-size: 50px;}
@media (min-width:576px) {
	.ft_100{ font-size: 60px;}
}
@media (min-width:768px) {
	.ft_100{ font-size: 70px;}
}
@media (min-width:992px) {
	.ft_100{ font-size: 80px;}
}
@media (min-width:1230px) {
	.ft_100{ font-size: 100px;}
}

.xfmenu{ display: none;}

@media (min-width:1230px) {
	.xfmenu{ display: block; position:fixed; bottom: 50px; left: 15px;  width: 168px; box-sizing: border-box; background: #ffffff; border: 1px solid #014891; font-size: 20px; border-radius: 10px; box-shadow:0px 0px 6px #bcc5d2 inset; z-index: 999;}
	.xfmenu li{ width: 100%; height:60px; text-align: center; line-height: 60px; padding: 0px 21px; box-sizing: border-box; position: relative;}
	.xfmenu li a{ border-bottom: 1px dashed #ababab; display: block;}
	.xfmenu li:last-child a{ border-bottom: none;}
	.xfmenu li:hover a{ position: absolute; left: 0; top: -1px; width:200px; padding-right: 33px; text-align: center; box-sizing: border-box;border-bottom: none; background: url(../img/t_ak.png) no-repeat; padding-bottom: 10px; color: #ffffff;}
	.xfmenu li:last-child:hover a{ border-bottom: none;padding-bottom: 0px; border-bottom-left-radius: 10px;top: 0px;}
}