#lmfa{display:inline-block;width:100%; font-size:0px; margin-top:-2%;  text-align:center; background-color:#f9f9f9; border-top:#eee solid 1px; border-bottom:#eee solid 1px}
#lmfa A{
	font-size:18px; 
	display:inline-block; line-height:50px;
	 color:#009FE0; position:relative; margin:2px 5px; padding:0px 5px; text-transform:capitalize;  
}
#lmfa A::after{ position:absolute; left:50%; margin-left:-6px;content: " ";z-index:1;bottom:-8px; background-image:url();	background-repeat: no-repeat;
	background-position:center  top; width:13px; height:6px;}
#lmfa A::before{position:absolute; left:0px; top:-4px; height:3px; width:0px; background-color:#FF9900; content:"";transition:all 0.6s ease-in-out 0s;}
#lmfa A:hover{	color:#FF9900; background-color: }
#lmfa A.sec{	color:#FF9900; font-weight:bold; }
#lmfa A:hover::after,#lmfa A.sec::after{ background-image:url(../image/jt2.png);}
#lmfa A:hover::before,#lmfa A.sec::before{ width:100% }
.bg3{ background-color:#f9f9f9}
#faweb{display:inline-block;width:100%;}
.jtop{ margin-top:-1%; padding-bottom:3%;}
.kb{ padding-top:3%; padding-bottom:3%; }
.hsbg{ padding-top:3%; padding-bottom:3%; background-color:#f7f7f7;}
#fanr{ width:100%; float:left;}
#fanr .title{ width:100%; float:left; position:relative; border-bottom:#ddd solid 1px; line-height:1.8; font-size:24px; font-weight:bold; text-transform:capitalize; text-align:center;color:#009FE0; }
#fanr .title:after{ width:100px; height:3px; position:absolute; background-color:#009FE0; left:50%; margin-left:-50px;bottom:-2px; content:"";}
#jjfa{ width:100%; float:left; padding-left:2.5%; padding-right:2.5%;}
.jjfa{ width:100%; float:left; }
.jjfa .swiper-slide{ }
.jjfa .swiper-slide .nr{
	width:100%; float:left; position:relative; overflow:hidden;cursor:pointer;
}
.jjfa .swiper-slide .nr img{ width:100%; display:block; transition:all 0.6s ease-in-out 0s;}
.jjfa .swiper-slide .nr .zzc{ width:100%; padding:0px 3%; position:absolute; height:50px; left:0px; bottom:0px;overflow:hidden; background-color:rgba(0,0,0,0.4);transition:all 0.6s ease-in-out 0s;}
.jjfa .swiper-slide .nr .zzc h3{ font-size:22px;  line-height:50px; height:50px; overflow:hidden; color:#fff;}
.jjfa .swiper-slide .nr .zzc .js{ font-size:18px; line-height:1.5; color:#fff;}
.jjfa .swiper-slide .nr .zzc .js p{ margin:0px; padding:0px;}
.jjfa .swiper-slide:hover img{-webkit-transform:scale(1.10);-moz-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2);}
.jjfa .swiper-slide:hover .zzc{ bottom:0px; height:100%;background-color:rgba(32,50,96,0.8)}
.jjfa .swiper-slide:hover .nr .zzc h3{ margin-top:10%; margin-bottom:1.5%;}
    .jjfa .swiper-fa-prev ,
    .jjfa .swiper-fa-next  { background-image:none; cursor:pointer;
    }
.logobtn {
    text-align: center;
    font-size: 0;
    /* margin-top: 20px; */
    margin-top: 40px
}

.logobtn>div {
    position: static;
    display: inline-block;
    width: 36px;
    height: 36px;
 
    margin: 0 10px; background-color:#009FE0;
}


.logobtn>div  i {
    line-height: 36px; font-size:30px;color:#fff; 
}

.logobtn>div:hover {
    background: #FF9900;
    color: #fff
}
.logobtn>div:hover i { color:#fff;}
#hbgd{ width:100%; float:left;}
#hbgd ul{ list-style-type:none;margin-left:-2%; font-size:0px;}
#hbgd ul li{ width:48%; float:left; margin-left:2%; margin-top:1%; margin-bottom:1%; overflow:hidden;transition:all 0.6s ease-in-out 0s;  cursor:pointer;  border:#ddd solid 1px;}
#hbgd ul li img{ width:100%; display:block;transition:all 0.6s ease-in-out 0s; }
#hbgd ul li:hover img{transform: scale(1.05);
	-o-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);}
#tplist ul li.d4{ display:none;}
#cptx{ width:100%; float:left; position:relative;}
#cptx .tpc{ width:24%; position:absolute; left:38%; top:5%;}
#cptx .tpc img{ max-width:100%; margin-left:auto; margin-right:auto; display:block;}
#cptx ul{ist-style-type:none;}
#cptx ul li{ width:35%; float:left; text-align:right;  margin-bottom:8px;}
#cptx ul li:nth-of-type(2n){ float:right; text-align:left;}
#cptx ul li h4{ color:#009FE0; font-size:20px;  line-height:30px; text-transform:capitalize;}
#cptx ul li p{ font-size:16px; margin-top:10px; padding:0px; margin-bottom:0px; line-height:25px;text-transform:capitalize;}
#kbd{ width:100%; float:left; height:5px;}
@media only screen and (max-width:1250px){#lmfa A{ font-size:16px; font-weight:bold;}.jjfa .swiper-slide .nr .zzc h3{ font-size:18px;}#cptx ul li h4{ font-size:18px; line-height:25px;}#cptx ul li p{ font-size:14px; margin-top:5px; line-height:20px;}}
@media only screen and (max-width:1000px){#lmfa A{ font-size:14px;margin:2px 2px; padding:0px 2px;}.jjfa .swiper-slide .nr .zzc .js{ font-size:16px;}.jjfa .swiper-slide .nr .zzc h3{ font-size:16px;}#cptx ul li{ width:32%;  }#cptx .tpc{ width:32%;left:34%; top:5%;}}
@media only screen and (max-width:990px){#cptx ul li p{ font-size:12px; margin-top:5px; line-height:16px;}#cptx ul li h4{ font-size:16px; line-height:20px;}}
@media only screen and (max-width:800px){#lmfa{ padding-top:6px; padding-bottom:6px;}#lmfa A{  display:inline-block;
	text-align:center;
	cursor: pointer;
	list-style-type: none;
	 overflow:hidden;  text-align:center;TEXT-OVERFLOW: ellipsis; width:47%; padding-left:2%; padding-right:2%; margin:6px;   line-height:2; border-radius:4px; font-size:14px;background-color:#009FE0;color:#fff; border:#009FE0 solid 1px;  overflow:hidden;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;}
#lmfa  A:hover{	background-color:#FF9900; color:#fff; border:#fff solid 1px;box-shadow:-1px 3px 6px #444;-webkit-box-shadow:-1px 3px 6px #444;-moz-box-shadow:-1px 3px 6px #444;}
#lmfa A.sec{	background-color:#FF9900; color:#fff; border:#fff solid 1px;box-shadow:-1px 3px 6px #444;-webkit-box-shadow:-1px 3px 6px #444;-moz-box-shadow:-1px 3px 6px #444; }
#lmfa A:after,#lmfa A:before{ display:none;}#fanr .title{ font-size:16px;}.jjfa .swiper-slide .nr .zzc .js{ font-size:14px;}.jjfa .swiper-slide .nr .zzc h3{ font-size:14px;}.logobtn { margin-top:20px;}#tplist ul li.d4{display:inline-block;}}
@media only screen and (max-width:776px){#cptx .tpc{ width:100%; position:relative; left:0px; top:0px;}#cptx ul li{ width:49%;  }#cptx ul li h4{ min-height:40px;}}
@media only screen and (max-width:600px){#lmfa A{ font-size:12px;}}
@media only screen and (max-width:500px){#lmfa A{ width:95%}#hbgd ul li{ width:98%;}#cptx ul li,#cptx ul li:nth-of-type(2n){ width:100%; text-align:center;}#cptx ul li p{ text-align:left;}#cptx ul li h4{ min-height:20px;}#kbd{ display:none;}}