@charset "UTF-8";
.round10{ border-radius: 10px;}
/*头部*/
#needHeaderBac{background: white;}
#needHeaderBac .header_logo .logo1{display: inline-block;}
#needHeaderBac .header_logo .logo2{display: none;}
#needHeaderBac .header_mail a{color: #005faf;}
#needHeaderBac #tNav .tNav .navName{color: #333;}
.pc_header{width: 100%;position: fixed;top: 0;z-index: 999;height: 90px;background: rgba(0,0,0,.2);border-bottom: 1px solid rgba(255,255,255,0);transition: all .5s ease;/* Firefox 4*//* Safari 和 Chrome*//* Opera*/box-sizing: border-box;box-shadow: 0 3px 4px rgb(0 0 0 / 10%);}
.pc_header .box{max-width: 90%;display: flex;align-items: center;margin: auto;}
.pc_header .header_logo{width: 20%;height: 100%;z-index: 20;display: flex;align-items: center;overflow: visible;}
.pc_header .header_logo a{display: block;}
.pc_header .header_logo .logo1{display: none;max-width: 100%;}
.pc_header .header_logo .logo2{display: inline-block;max-width: 100%;}
.pc_header .header_mail{width: 18%;display: flex;justify-content: flex-end;align-items: center;}
.pc_header .header_mail a{margin: 0 5px;height: 36px;font-size: 20px;font-family: arial;color: #fff;width: auto;display: flex;justify-content: center;align-items: center;}
.pc_header .header_mail a i{display: flex;justify-content: center;align-items: center;margin-right: 5px;font-size: inherit;}
.pc_header .header_lang{width: 10%;position: relative;}
.pc_header .header_lang .lang{position: relative;width: 100px;float: right;}
.pc_header .header_lang span{display: block;width: 100px;height: 40px;line-height: 40px;font-size: 14px;text-align: center;background: #f4f4f4;color: #666;cursor: pointer;}
.pc_header .header_lang ul{position: absolute;width: 100%;padding: 4px;background: #fff;border: 1px solid #ccc;box-sizing: border-box;opacity: 0;visibility: hidden;transform: translate3d(0, 10px, 0);transition: all .5s ease;}
.pc_header .header_lang ul li a{display: block;color: #595959;font-size: 13px;line-height: 30px;padding-left: 30px;background: url(../images/cn.png) center left no-repeat;background-size: 20px;}
.pc_header .header_lang ul li a.en{background-image: url(../images/en.png);}
.pc_header .header_lang .lang:hover ul{opacity: 1;visibility: visible;transform: translate3d(0, 0, 0);}

@media only screen and (max-width: 1366px) and (min-width: 1025px){
.pc_header .box{max-width:96%;}
.pc_header .header_mail a{font-size: 18px;}}
@media only screen and (max-width: 1024px){
.pc_header{width:100%;max-width:100%;height:70px;line-height:70px;background:rgba(255,255,255,1);border-bottom:1px solid rgba(27,36,43,0);}
.pc_header .box{max-width: 100%;justify-content: space-between;}
.pc_header .header_logo{width: 21.34%;}
.pc_header .header_logo .logo1{display: inline-block;transform: scale(.9);}
.pc_header .header_logo .logo2{display: none;}
.Carousel_top{
	margin-top: 70px;
}
}
@media only screen and (max-width: 768px){
.pc_header .header_logo{width: 36%;}}


#tNav{width: 65%;display: flex;justify-content: flex-end;padding-right: 2%;box-sizing: border-box;}
@media only screen and (min-width: 1025px){
#tNav .navLi.tplink8{display:none;}
#tNav .tNavBox{width:100%;height:auto;overflow:visible;background: none;}
#tNav .navBtn{display:none;}
#tNav .navSliBtn{display:none;}
#tNav .iconJt{display:none;}
#tNav .navUl{width: 100%;display: flex;justify-content: flex-end;padding-right: 2%;}
#tNav .navLi{padding: 0;min-width: 9%;display: inline-block;font-size: 1rem;margin: 0 1vw;position:relative;}
#tNav .navLi:hover .tNavH::before,#tNav .navLi.cur .tNavH::before{width:100%;opacity: 1;}
#tNav .tNavH{position:relative;}
#tNav .tNavH::before{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);display:block;width:0;height:3px;background-color: #005faf;opacity: 0;transition:all .5s ease;}
#tNav .tNav{width:100%;margin:0 auto;overflow: visible;}
#tNav .tNav .navName{position:relative;display:block;padding:0;line-height:90px;font-size:1.2rem;color:#fff;text-align:center;transition:all .5s ease;}
#tNav .tNav.active .navName:hover{color:#005faf;}
#tNav .tNav.active .navName{color:#333;font-family: 'Cabin-Regular', cursive !important;}
#tNav .navName::after{content: attr(data-title);position: absolute;top: 0;left: 0;transform: translateY(100%);width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;color: #005faf;font-weight:bold;display:none;}
#tNav .navLi:hover .navName{transform: translateY(0%);}
#tNav .slidBox{position: absolute;left: -50%;right: 0;width: 200%;opacity: 0;visibility: hidden;z-index: 110;margin: 0 auto;padding: 5px 0px;transform: translate3d(0, 20px, 0);transition: all .5s ease;background: rgba(0,95,175,.95);box-shadow: 0 2px 5px rgba(0,0,0,0.075);border-top: none;}
#tNav .navLi:hover .slidBox{opacity: 1;visibility: visible;transform: translate3d(0, 0, 0);}
#tNav .navSbox{position: relative;float: none;width: 100%;margin-left: 0%;height: auto;overflow: hidden;font-size: 0;white-space: nowrap;}
#tNav .navSli{width: 100%;float: none;font-size: 14px;position: relative;text-align: center;}
#tNav .navSli:before{content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 1px;background: rgba(255,255,255,.1);transition: all .5s ease;-webkit-transition: all .5s ease;}
#tNav .navSli:hover:before{width: 100%;background: rgba(255,255,255,.4);}
#tNav .navSlink{display:block;color:#fff;height: 36px;line-height: 36px;}
#tNav .oneName{font-size:26px;padding-bottom: 15px;color: #000;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
#tNav .tNavSummry{line-height: 24px;width:100%;height: auto;overflow:hidden;color: #666666;font-size: 14px;max-width: 420px;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;text-overflow: ellipsis;}
#tNav .tNavMore{display:block;position: relative;height: auto;padding-top: 25px;border-top: 1px dashed #cccccc;margin-top: 20px;cursor:pointer;}
#tNav .txt{color:#000;transition:all .5s ease;}
#tNav .leanMore{margin-left:2rem;transition:all .5s ease;}
#tNav .tNavMore:hover .txt{color:#21478b;margin-left:10px;}
#tNav .tNavMore:hover .leanMore{color:#21478b;}
#tNav .navSimg{position:relative;width:100%;height:160px;overflow:hidden;}
#tNav .navImg{position:absolute;left:50%;transform:translateX(-50%) scale(1);width:auto;height: 100%;transition: all .5s ease;}
#tNav .navSli:hover .navImg{transform:translateX(-50%) scale(1.1);}
#tNav .navSli:hover .navSlink{color: #fff;}
#tNav .navSli:hover .navSlink::after{width: 100%;opacity: 1;}}
@media only screen and (max-width: 1366px) and (min-width: 1025px){
#tNav .tNav{width: 100%;margin: 0 auto;overflow: visible;}
#tNav .tNav .navName{font-size: 16px;}}
@media only screen and (max-width: 1024px){
#tNav{width: 45%;padding: 0;}
#tNav .leftBox,.pc_header .header_mail,.header_lang{display:none;}
#tNav .navSimg{display:none;}
#tNav .tNavBox{position:relative;height:70px;background:none;}
#tNav .navBtn{position: absolute;top: 1rem;right: 1rem;background: #005faf;width: 40px;height: 40px;padding: 10px;line-height: 73px;box-sizing: border-box;}
#tNav .navLine{display:flex;justify-content:center;align-items:center;width:100%;height:100%;overflow:hidden;}
#tNav .navBtnImg{display: block;width: 90%;height: 70%;}
#tNav .tNav{position:fixed;top: 70px;left:0;right:0;height: 0;overflow: hidden;z-index:999;background: rgba(37,49,58,1);transition:all .5s ease;}
#tNav .tNavHeight{height: 100%;}
#tNav .slidBox{display:none;}
#tNav .navUl{background: rgba(37,49,58,1);overflow:hidden;}
#tNav .navLi{border-bottom: 1px solid #394b58;position: relative;}
#tNav .tNavH{position: relative;height: 46px;line-height: 46px;padding: 0 8%;font-size: 14px;font-weight:normal;transition: all .5s ease;}
#tNav .tNavHBac{background-color: #005faf;}
#tNav .navName,#needHeaderBac #tNav .tNav .navName{display: block;width: 100%;height: 100%;color:#fff;}
#tNav .iconJt{position:absolute;top: 0;right:2%;display:flex;width:46px;height:46px;justify-content:center;align-items:center;color:#fff;font-size:0.875rem;transition:all .5s ease;}
#tNav .iconJtRotate{transform: rotate(-180deg);}
#tNav .navSliBtn{height:40px;width:100%;text-align:center;}
#tNav .hs{height: 100%;}
#tNav .navSbox{padding-bottom:30px;}
#tNav .navSli{padding-left: 8%;font-size: 0.875rem;height: 38px;line-height: 38px;}
#tNav .navSlink{display:block;width:100%;height:100%;color: #fff;}
#tNav .navLi.tplink8{border-bottom:none;}
#tNav .navLi.tplink8 .slidBox{display:block !important;}
#tNav .navLi.tplink8 .tNavH{display:none;}
#tNav .navLi.tplink8 .navSbox{padding-top:30px;display: flex;flex-direction: row;justify-content: center;}
#tNav .navLi.tplink8 .navSli{padding-left: 0;border: 1px solid rgba(255,255,255,.2);width: 38px;text-align: center;margin: 0 2vw;}}

.swiper-container .swiper-wrapper li a .img{
	height: 260px;
	text-align: center;
}
.swiper-container .swiper-wrapper li a .img img{
	width: 100%;
    height:100%;
	 object-fit:cover;

}

.PostBox {
	clear: both;
	background: #f5f5f5;
	padding-top: 2em;
}

.serviceBg {
    background: #fafafa;
}
.advBg {
    background: #f5f5f5;
}
.PostBox .post .postTitle {
	text-align: center;
	padding-bottom: 15px;
	position: relative;
	margin-bottom: 20px;
	z-index: 2;
}
.PostBox .post .postTitle h3 {
	font-size: 28px;
	font-weight: normal;
	position: relative;
	text-indent: 2px;
	letter-spacing: 0em;
	display: inline-block;
	margin-bottom: 3px;
	color: #212121;
	opacity: 0.9;
}
.post .postTitle:after {
	background: rgb(137 125 125 / 30%);
	content: "";
	height: 1px;
	width: 45px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0 auto
}
.PostBox .post .postTitle span {
	clear: both;
	display: inline-block;
	width: 100%;
	color: #fff;
	filter: alpha(opacity=50);
	opacity: 0.5;
	font-size: 12px;
}
.PostBox .post .postTitle .title1 {
	font-size: 14px;
	text-transform: uppercase;
	color: #999999;
	font-family: HELVETICANEUELTPRO-THEX;
	filter: alpha(opacity=50);
	opacity: 0.5;
	margin-bottom: 3px;
}


.PostBox .post .subject{
	max-width: 1500px;
	margin-top: 20;
	margin-right: auto;
	margin-left: auto;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 20px;
}

.PostBox .post .subject .item {
    width: 25%;

    float: left;
    margin: 0px;
    padding: 0px;
    text-align: center;

}

.PostBox .post .subject .item .round {
	border-radius: 50%;
	height: 9em;
	width: 9em;
	margin: auto;
	
	line-height: 9em;
	background-color: #F4CE58;
	
}
.PostBox .post .subject .item .round span{
	font-size: 4em;
	color: #FFFFFF;
	font-weight: lighter;
}
.PostBox .post .subject .item .NameText {
	text-align: center;
	padding-top: 25px;
	padding-right: 4em;
	padding-bottom: 0;
	padding-left: 4em;
}

.PostBox .post .subject .item .NameText h4 {
    font-size: 16px;
    color: rgb(55 55 55);
    padding: 0px 0 10px;
    font-weight: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.PostBox .post .subject .item .NameText p {
    line-height: 22px;
    padding: 0px;
    font-size: 12px;
    color: #ababab;
}



.PostBox .post .subject .liucheng{
    width: 16.666666%;

    float: left;
    margin: 0px;
    padding: 0px;
    text-align: center;

}

.PostBox .post .subject .liucheng .round {
	border-radius: 50%;
	height: 8em;
	width: 8em;
	margin: auto;
	
	line-height: 8em;
	background-color: #F4CE58;
	
}
.PostBox .post .subject .liucheng .round span{
	font-size: 4em;
	color: #FFFFFF;
	font-weight: lighter;
}
.PostBox .post .subject .liucheng .NameText {
	text-align: center;
	padding-top: 25px;
	padding-right: 4em;
	padding-bottom: 0;
	padding-left: 4em;
}

.PostBox .post .subject .liucheng .NameText h4 {
    font-size: 16px;
    color: rgb(55 55 55);
    padding: 0px 0 10px;
    font-weight: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


@media screen and (max-width:960px) {
.swiper-container .swiper-wrapper li a .img{
	height: 160px;
	text-align: center;
}
.PostBox .post .postTitle h3 {
    margin-bottom: 3px;
    font-size: 1.4em;
}

.PostBox .post .subject{

	padding-bottom: 0px;
}
.PostBox .post .subject .item {
    width:50%;
}
.PostBox .post .subject .liucheng {
    width:50%;
}
.PostBox .post .subject .liucheng .NameText {
    padding-bottom: 2em;
	padding-top: 1em;
	padding-right: 1em;
	padding-left: 1em;
	height: 4em;
}
.PostBox .post .subject .item .NameText {
    padding-bottom: 2em;
	padding-top: 2em;
	padding-right: 1em;
	padding-left: 1em;
	height: 11.5em;
}
.ui-piclist-item {
    width: 48%;
}

}

.main {
    width: 94%;
    max-width: 1600px;
    margin: 0 auto;
    display: block;
    *zoom: 1;
}

.cateTab {
    text-align: center;
    margin-bottom: 30px;
}
.cateTab span.button {
    border: medium none;
    background: rgb(200 200 200);
    color: rgba(255,255,255,.6);
    margin: 4px;
    height: 30px;
    line-height: 30px;
    padding: 0 14px;
    display: inline-block;
    cursor: pointer;
    border-radius: 50px;
}

.PostBox .post .main  li {
    overflow: hidden;
    padding: 15px;
    background: #fff;
    box-sizing: border-box;
}
.PostBox .post .main li .img {
    position: relative;
    width: 100%;

    overflow: hidden;
}
.PostBox .post .main li h3 {
    display: block;
    color: #000;
    font-size: 18px;
    line-height: 2;
    text-align: center;
    padding: 0 2%;
    margin: 10px 0px;
    transition: all .5s ease;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.PostBox .post .main #products{width:100%;height:auto;overflow:hidden;padding:1rem 0rem;}
.PostBox .post .main .list{
	position:relative;
	width:auto;
	height:auto;
	padding-bottom:60px;
}
.PostBox .post .main .swiper-pagination-bullet{width:10px;height:10px;margin:5px;background:#d2d5d9;opacity:1;transition: all .5s ease;}
.PostBox .post .main .swiper-pagination-bullet-active{background:#005faf;}
.PostBox .post .main .swiper-pagination{width:100%;bottom:0px;}


.kuangyi{ height:50px; border:#000000 solid 2px; border:0px; border-bottom: #999999 solid 2px;}
.divzuo{ height:50px;float:left; font-size:22px;border-bottom: #1D60B6 solid 2px;line-height: 50px;}
.divyou{ float:right; padding-top:15px; padding-right:0px;}
.news01{
	background:#F7F7F7;
	width:32.33333%;
	height:385px;
	float:left;
	padding:1%;
	margin-right: 0.5%;
	margin-left: 0.5%;
}
.news01 .list li {
	height: 50px;
	line-height: 50px;
	width: 100%;
	overflow: hidden;
	border-bottom: 1px #CDCDCD dashed;
}
.news01 .list li a {
	display: block;
	background-image: url(../images/dian.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	overflow: hidden;
}
.news01 .list li a .text {

  color: #333333;
  font-size: 14px;
}
.news01 .list li a .time {
  color: #666666;
  font-size: 14px;
}
.news01 .list li span
 {
  color: #666666;
  font-size: 14px;
}
.news01 .list + .list {
  display: none;
}

.news01 .list .gwyxx a{
	width: 75%;
	font-size: 14px;
	display: block;
	float: left;
	text-align: left;
}
@media only screen and (max-width:1366px)
{
.news01{ background:#F7F7F7; width:100%; height:385px; float:left; padding-left:10px;padding-right:10px;margin-bottom:10px;}
}


/*底部导航*/
.foot {
    padding-bottom: 20px;
    background-color: #323639;
}
.am-cf:after { clear: both; }
.am-cf:after, .am-cf:before { content: " "; display: table; }
.foot_topbg {
    width: 100%;
    background-color: #282d30;
}
.foot_top {
    background-color: #282d30;
    padding: 17px 0;
}
.am-fl {
    float: left;
}
.am-fr {
    float: right;
}
.color_100 {
    color: #fff;
}

/*页脚*/
.foot_a a { color: #9c9e9f; }
.foot_a a:hover { color: #fff; }
.foot_top { background-color: #282d30; padding: 17px 0; }
.foot_topbg { width: 100%; background-color: #282d30; }
.foot_bottombg { width: 100%; background-color: #323639; height: 184px; }
.foot { padding-bottom: 20px; background-color: #323639; }
.foot_p , .foot_p a { color: #9c9e9f; line-height: 2; }
.foot_bottomleft { margin-top: 30px; border-right: 1px solid #5d5d5d; }
.foot_bottomright { padding-left: 50px; width: 50%; }
.foot_botta { color: #9c9e9f; line-height: 1.8; }
.foot_qq { border-radius: 6px; background-color: #ff8410; padding: 10px 16px; display: block; text-align: center; margin-top: 10px; }
.foot_qq:hover { background-color: #ec971f; color: #fff; }
.foot_bottleft { padding-top: 30px; }
.footright_img { padding: 20px 16px; ; background-color: #3e4144; }
.footright_img img { width: 125px; height: 125px; }
.size_12 {
    font-size: 14px;
}
.weight_700 {
    font-weight: 700;
}
.size_24 {
    font-size: 24px;
}
.f_kslj {
    position: fixed;
    bottom: -70px;
    width: 100%;
    height: 60px;
    z-index: 1000;
    background: rgba(0,0,0,0.7);
    backdrop-filter: blur(5px);
    transition: all .5s;
}

@media screen and (min-width: 1200px){
.cfcontwidth {
    padding: 0 10%;
}
.foot_bottomleft {
    width: 50%;
}
}

 @media screen and (max-width: 750px){
 .pc_header{width:100%;max-width:100%;height:60px;line-height:60px;}
 #tNav .tNavBox{height:60px;}
 #tNav .navBtn{top: 0.8rem;right: 0.8rem;width: 35px;height: 35px;padding: 6px;line-height: 60px;}
 #tNav .tNav{top: 60px;}
 .Carousel_top{
	margin-top: 60px;
}
 .cfcontwidth{padding: 0}
.footop{display: none;}
.foot_topbg{padding: 0 10px;display: none;}
.foot_bottom{padding: 0 10px;}
.foot_bottomright{display: none}
.foot_bottombg .foot_bottomleft{width: 100%;border-right:none;text-align: center;}
.foot_bottombg {
    height: auto!important;
    padding-bottom: 60px;
}

.f_kslj{position: fixed;bottom: -70px;width: 100%;height: 60px;z-index: 1000;background: rgba(0,0,0,0.7);backdrop-filter: blur(5px);transition: all .5s;}
.f_kslj ul{display: flex;}
.f_kslj ul li{width: 100%;list-style-type: none;}
.f_kslj ul li a{color: #fff;line-height: 25px;text-align: center;display: block;padding: 10px 0;}
.f_kslj ul li a i{display: block;font-size: 18px;}
.f_kslj{bottom: 0;}
.swiper-container .swiper-wrapper li a .img{
	height: 120px;
	text-align: center;
}

.PostBox .post .subject .item .round , .PostBox .post .subject .liucheng .round {

	height: 6em;
	width: 6em;

	line-height: 6em;

	
}
.PostBox .post .subject .item .round span , .PostBox .post .subject .liucheng .round span{
	font-size: 3em;

}
.PostBox .post .postTitle .title1 {
	font-size: 12px;

}
.ui-sidebar{display:none}
}